/* login page */
#auth-service > div.login-left > p:nth-child(2){
 display:none;
}

body.login-wrapper {
    font-family: "Roboto", sans-serif !important;
	background: url("LeadGen-LoginScreen-bg.jpg") top right / cover no-repeat;
}
body.login-wrapper .login-wrapper-column {
	padding: 20vh 5vw;
	width: 33vw;
	height: 100vh;
	background: #2f373b;
	transition: width ease 0.25s;
}
@media screen and (max-width: 1024px) {
	body.login-wrapper .login-wrapper-column {
		width: 50vw;
	}
}
@media screen and (max-width: 480px) {
	body.login-wrapper .login-wrapper-column {
		padding: 10vh 5vw;
		width: 75vw;
	}
}
body.login-wrapper h1,
body.login-wrapper #auth-service h3 {
    color: #fff;
    font-family: "Roboto", sans-serif;
}
body.login-wrapper h1 {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
}
body.login-wrapper #auth-service h3 {
	margin: 0.5rem 0 0;
    font-size: 1.2rem;
    font-weight: 100;
}
body.login-wrapper #auth-service p {
	color: #fff;
}
body.login-wrapper #auth-service p:first-of-type {
	margin-top: 0.5rem;
}
body.login-wrapper #auth-service p:last-of-type {
	margin-bottom: 0.5rem;
}

body.login-wrapper #auth-service a {
	/*display: block;*/
	margin-bottom: 2.5rem;
	/*color: #ec9746;*/
	color: #4382ed;
	font-weight: 100;
	transition: color ease 0.125s;
}
@media screen and (max-width: 600px) {
	body.login-wrapper #auth-service a {
		display: block;
		margin-bottom: 0;
	}
}
body.login-wrapper #auth-service a:hover,
body.login-wrapper #auth-service a:focus {
	color: #14679e;
}
body.login-wrapper div#auth-service {
    padding: 0;
    background: transparent;
    border: 0;
}
body.login-wrapper #auth-service .login-left,
body.login-wrapper #auth-service .login-right {
    display: block;
    padding: 0;
    width: 100%;
    border: 0;
}
body.login-wrapper #auth-service input[type=text],
body.login-wrapper #auth-service input[type=password] {
	border: 1px solid #fff;
	box-shadow: none;
}
body.login-wrapper #auth-service input.is-invalid-input:not(:focus) {
	background-color: rgba(67, 130, 237y, 0.1);
	border: 1px solid #4382ed;
}
body.login-wrapper #auth-service input.is-invalid-input:not(:focus)::placeholder {
    color: #c7dcff;
}
body.login-wrapper div#authservice-login-callout {
    background-color: rgba(20, 103, 158, .5);
    border: 1px solid #14679e;
}
body.login-wrapper div#authservice-login-callout p#authservice-login-msg {
	margin: 0;
}
body.login-wrapper div#auth-service .button {
	width: 100%;
	/*background: #ec9746;*/
	background: #4382ed;
	transition: background ease 0.125s;
}
body.login-wrapper div#auth-service .button:hover,
body.login-wrapper div#auth-service .button:focus {
	/*background: #bf7530;*/
	background: #14679e;
}
body.login-wrapper div#auth-service fieldset.float-right {
    float: none !important;
}
body.login-wrapper div#auth-service fieldset.float-right label {
    color: #fff;
}
body.login-wrapper div#auth-service span.form-error {
	color: #4382ed;
}
#auth-service div.method-row:not(last-child) {
    margin-bottom: 0;
}
/*  */


/* registration page */

body.signup-wrapper {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #4f4d4d;
	background: #f2f2f2;
}
body.signup-wrapper .signup-wrapper-column {
    margin: auto;
	padding-top: 100px;
    max-width: 960px;
	width: 90%;
}
@media screen and (max-width: 640px) {
	body.signup-wrapper .signup-wrapper-column {
		padding-top: 50px;
	}
}
body.signup-wrapper .signup-wrapper a {
	color: #4382ed;
}
body.signup-wrapper .signup-wrapper a:hover,
body.signup-wrapper .signup-wrapper a:focus {
	color: #14679e;
}
body.signup-wrapper button,
body.signup-wrapper input.button,
body.signup-wrapper div.button,
body.signup-wrapper #auth-service .button {
	color: #fff;
    background-color: #4382ed;
	border-radius: 5px;
}
body.signup-wrapper button:hover,
body.signup-wrapper button:focus,
body.signup-wrapper input.button:hover,
body.signup-wrapper input.button:focus,
body.signup-wrapper div.button:hover,
body.signup-wrapper div.button:focus,
body.signup-wrapper #auth-service .button:hover,
body.signup-wrapper #auth-service .button:focus {
    background: #14679e;
}
@media screen and (max-width: 640px) {
	body.signup-wrapper button,
	body.signup-wrapper input.button,
	body.signup-wrapper div.button,
	body.signup-wrapper #auth-service .button {
		width: 100%;
	}
}
body.signup-wrapper .form-section {
    margin-bottom: 2rem;
	padding: 1rem;
	background-color: white;
    border: 1px solid #dfe0e1;
    box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
}
body.signup-wrapper .form-section:nth-last-child(1) {
    padding: 0;
    text-align: right;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
body.signup-wrapper .form-section:nth-last-child(1) .form-item.cell {
    padding: 0;
}
body.signup-wrapper .form-section:nth-last-child(1) .form-item.cell input[type="submit"] {
	min-width: 150px;
}
@media screen and (max-width: 640px) {
	body.signup-wrapper .form-section:nth-last-child(1) .form-item.cell input[type="submit"] {
		width: 100%;
	}
}
body.signup-wrapper h1,
body.signup-wrapper h1.page-title,
body.signup-wrapper h2,
body.signup-wrapper #auth-service h2,
body.signup-wrapper h3 {
	margin: 1rem 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
body.signup-wrapper h1.page-title,
body.signup-wrapper h1 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding-left: 1rem;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 2;
    background: #2f373b;
}
body.signup-wrapper h2 {
	margin: 1rem 0.9375rem;
	padding-bottom: 1rem;
	font-size: 24px;
	border-bottom: 1px solid #dfe0e1;
}
body.signup-wrapper h3 {
	font-size: 18px;
	font-weight: 600;
}
body.signup-wrapper .form-item-container {
    margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
	body.signup-wrapper div#add-city,
	body.signup-wrapper div#add-legacy {
		width: 100%;
	}
}
body.signup-wrapper .reveal button.close-button {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 30px;
    height: 30px;
}

.detail-geotrust {
    background: none !important;
}

body.signup-wrapper .reveal,
body.signup-wrapper .reveal.tiny,
body.signup-wrapper .reveal.small,
body.signup-wrapper .reveal.large {
	top: 5rem !important;
	padding: 4rem 5% 5%;
}
body.signup-wrapper .converge-cc-entry .converge-form-row.converge-cc-row input {
	width: 170px !important;
}
@media screen and (max-width: 640px) {
	body.signup-wrapper .converge-cc-entry .converge-form-row.converge-cc-row input {
		display: block !important;
		width: 100% !important;
	}
	body.signup-wrapper .converge-cc-entry .converge-form-row label {
		width: 100%;
		text-align: left;
	}
}
body.signup-wrapper .converge-cc-entry input {
  display: initial !important;
}
body.signup-wrapper .converge-cc-entry select {
  width: initial !important;
}
body.signup-wrapper .converge-cc-entry .converge-form-rows,
body.signup-wrapper .converge-cc-entry .geotrust {
    width: 100%;
}
body.signup-wrapper .converge-cc-entry .geotrust {
    max-width: 400px;
}
body.signup-wrapper .converge-cc-entry .geotrust a {
	margin-left: 0;
}
body.signup-wrapper .converge-cc-entry .geotrust .detail-geotrust {
	right: 0;
}
body.signup-wrapper input[type="checkbox"] {
	margin-bottom: 0;
}
body.signup-wrapper span.form-error.is-visible {
	margin-top: 1em;
}
/*  */


/* sign-up page */
body.signup-wrapper #auth-service.create-form {
	display: flex;
	justify-content: center;
    max-width: 960px;
    width: 100%;
    font-family: "Roboto", sans-serif;
    text-align: center;
    background: none;
    border: 0;
}
body.signup-wrapper #auth-service.create-form .login-left,
body.signup-wrapper #auth-service.create-form .login-right,
body.signup-wrapper #auth-service.activate-form {
	margin: 0 1%;
	padding: 2% 4% 4%;
	width: 48%;
	height: auto !important;
	text-align: left;
	background: #fff;
	border: 1px solid #dfe0e1;
    box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
}
body.signup-wrapper #auth-service.activate-form {
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	body.signup-wrapper #auth-service.create-form {
		display: block;
		margin: 0;
	}
	body.signup-wrapper #auth-service.create-form .login-left,
	body.signup-wrapper #auth-service.create-form .login-right {
		margin: 0 0 1rem;
		width: 100%;
	}
	body.signup-wrapper #auth-service .float-right {
		float: none !important;
	}
}
body.signup-wrapper #auth-service.activate-form span#activate-title {
	color: #2199e8;
}
body.signup-wrapper #auth-service.activate-form #authservice-activate-msg p {
	margin-bottom: 0;
}
body.signup-wrapper .callout .callout {
    margin-bottom: 0.9375rem;
	padding: 0.5rem 1rem;
    color: #617379;
    font-size: 12px;
    background-color: rgb(222, 231, 246);
    border: 1px solid #fff;
	border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}


.leadgen-interface-frame {
/*    max-width:1500px; */
    margin: auto;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.leadgen-interface-frame #auth-service {
    margin: 0px auto;
}

.leadgen-interface-frame.grid-padding-y > .cell.pageBody-wrapper {
    padding-top: 0px;
    padding-bottom:0px;
}

.leadgen-interface-frame .pageBody {
    height:100%;
}


.leadgen-interface-frame .pageContent {
    /*padding: 0.9375rem;*/
    padding: 2rem;
    background-color: #f2f2f2;
    box-shadow: 5px 0px 5px inset #cccccc;
}

/* General */

.leadgen-interface-frame .system-widget-wrapper.nor-widget > .system-widget-body-wrapper .widget-button {
    background-color: #2582ed;
    background-image: none;
    border: 0;
}
.leadgen-interface-frame .system-widget-wrapper.nor-widget > .system-widget-body-wrapper .widget-button:hover,
.leadgen-interface-frame .system-widget-wrapper.nor-widget > .system-widget-body-wrapper .widget-button:focus {
    background: #116ed9;
}
.leadgen-interface-frame .record-status .switch {
    top: -7px;
    left: 4px;
}
.leadgen-interface-frame .record-status .switch label {
    width: 2rem;
    height: 1rem;
    border-radius: 16px;
}
.leadgen-interface-frame label.switch-paddle::after {
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;    
}
.leadgen-interface-frame input:checked ~ .switch-paddle::after {
    left: 1.125rem;
}
td > span.button.tipItem {
    padding: 0.8125em 0.25em;
}
.leadgen-interface-frame .system-widget-wrapper.NORRecordEntry > .system-widget-body-wrapper .widget-button {
    border: 0;
}
.fi-pencil {
    cursor: pointer;
}

hr {
    margin: .25rem !important;
    color: #a0abaf !important;
}

.body-title {
    font-family: roboto, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #0a0a0a;
}

.table-title {
    font-family: roboto, sans-serif;
    font-weight: 700;
    font-size:14px;
    color: #617379;
}

/*button on the page body (lighter-background) area*/
.body-button {
    
    display: inline-block;
    border: 1px solid #dfe0e1;
    text-align: center;
    color:black;
    margin-bottom:5px;
    position:relative;
    font-size:14px;
    vertical-align: middle;
    font-family: inherit;
    cursor: pointer;
    
    margin: 0 0 0 .5rem;
    padding: 0.85em 1em;
    border-radius: 3px;
    width: 100px;
    background: linear-gradient(#ffffff, #f2f2f2);
}

/*button on the top (darker-background) area*/
.top-button {
    border: 1px solid #dfe0e1;
    margin: 0 0 0 .5rem;
    padding: 0.85em 1em;
    border-radius: 3px;
    min-width: 100px;
    background: linear-gradient(#ffffff, #f2f2f2);
/*    background-color: #faf9f9;*/
    text-align: center;
    color:black;
    margin-bottom:5px;
    margin-right: 0.9375rem;
    position:relative;
    font-size:14px;
    
    vertical-align: middle;
    font-family: inherit;
    cursor: pointer;
}

.leadgen-interface-frame .grey-button,
.leadgen-interface-frame #auth-service .button,
.flower-modal .grey-button {
    border-radius: 3px;
    color: #2f373b;
    font-size: 14px;
    border: 1px solid #dfe0e1;
    background-color:transparent;
    background: linear-gradient(#ffffff,#f2f2f2);
}

.leadgen-interface-frame .grey-button:hover,
.leadgen-interface-frame #auth-service .button:hover,
.flower-modal .grey-button:hover {
    background: linear-gradient(#f2f2f2,#f2f2f2);
    color:#2f373b;
}

/* If you have two flower-modal float-right grey buttons beside each other, there should be a right margin. */
.flower-modal .grey-button.float-right + .grey-button.float-right {
    margin-right:1rem;
}


/* Top Bar */

div.leadgen-interface-frame .pageHeader {
    padding: 0;
    background-color: #2f373b;
}
@media screen and (max-width: 600px) {
	div.leadgen-interface-frame .pageHeader {
		position: fixed;
		width: 100%;
		z-index: 999;
	}
}
ul.dropdown.menu.user-menu {
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.05);
}

.leadgen-interface-frame .pageHeader .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    right: 8px;
	border: inset 4px;
	border-color:#fff transparent transparent;
}

.leadgen-interface-frame .pageHeader ul.user-menu a {
	/*padding-top: 0.3625rem;*/
    color:#fff;
    font-size: 14px;
    font-weight: 300;
}
.leadgen-interface-frame .pageHeader ul.user-menu a:hover,
.leadgen-interface-frame .pageHeader ul.user-menu a:focus {
    background: rgba(0,0,0,0.25);
}

.leadgen-interface-frame .pageHeader .user-menu .small-user-name {
    padding-left:0px;
}

.leadgen-interface-frame .pageHeader .user-menu .is-dropdown-submenu {
	left: -1px !important;
    right: -1px !important;
    min-width:100px;
    background-color: #1d2325;
    border-color: rgba(255,255,255,0.1);
}
@media screen and (max-width: 640px) {
	.leadgen-interface-frame .pageHeader .user-menu .is-dropdown-submenu {
		left: auto !important;
	}
}

.leadgen-interface-frame .pageHeader .header-funeralhome-name {
    color:white;
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
}

.leadgen-interface-frame .pageHeader .header-marketing-center {
    color:white;
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
    padding-left:1rem;
}

@media screen and (max-width:39.9375em) {
	.leadgen-interface-frame .pageHeader .header-marketing-center {
		font-size: 14px;
		line-height: 2.75;
	}
	.leadgen-interface-frame ul.dropdown.user-menu > li > a {
		/*padding-left: 0rem;*/
	}
}


/* Side Bar */
@media screen and (max-width:39.9375em) {
.leadgen-interface-frame .sideBar.offScreen {
    margin-left:-100px;
}
}

@media screen and (min-width:40em) {
    .leadgen-interface-frame .sideBar .triangle-right {
        visibility:visible !important;
        }
}

.leadgen-interface-frame .sideBar .triangle-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f2f2f2;
    position:absolute;
    right: -8px;
    top: calc(50% - 8px);
    display:none;
}

.leadgen-interface-frame .sideBar .item.active .triangle-right {
    display:block;
}

.leadgen-interface-frame .sideBar.offScreen .item.active .triangle-right {
    visibility:hidden;
    transition: visibility 0.1s ease 0.3s;
}

.leadgen-interface-frame .sideBar {
    color: #2f373b;
    text-align: center;
    overflow:visible;
    min-width: 100px;
    transition: margin-left 0.5s ease;
}
@media screen and (max-width: 600px) {
	div#leadgen-responsive-menu {
		position: fixed;
		z-index: 998;
		top: 38px;
		height: 100vh;
		background: #fff;
		box-shadow: 0 0px 25px rgba(0,0,0,0.5);
	}
}

.leadgen-interface-frame .sideBar .item {
    display:block;
    padding:0.75rem 0rem;
    border-bottom: 1px solid #f2f2f2;
    position:relative;
}

.leadgen-interface-frame .sideBar .item.active {
    background-color: #f2f2f2;
}

.leadgen-interface-frame .sideBar a {
    color: #2f373b;
}

.leadgen-interface-frame .sideBar a label {
    font-size: 11px;
    font-weight: 500;
    margin-top:0.5rem;
    pointer-events: none;
}

.leadgen-interface-frame .sideBar a i {
    font-size: 16px;
    
}

/* General Page Stuff */

.leadgen-interface-frame .pageBody .pageBody-header .page-title {
    margin: 1rem 0 0 0;
    font-weight: 300;
    font-size:22px;
    color: #4f4d4d;
}

.leadgen-interface-frame .pageBody .pageBody-cell {
    background-color:white;
    border: 1px solid #dfe0e1;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    /*margin-bottom:0.625rem;*/
    margin-bottom: 2rem;
}
.leadgen-interface-frame .pageBody .pageBody-cell > .pageBody-cell {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.leadgen-interface-frame .pageBody-grid {
    padding-top:0.5rem;
}

.leadgen-interface-frame .pageBody-grid .pageBody-header {
    padding: 0.25rem 0;
}


@media screen and (max-width:39.9375em) {
.leadgen-interface-frame .pageBody .pageBody-cell {
    /*margin-left: -0.9375rem;
    margin-right: -0.9375rem;*/
}

}

.leadgen-interface-frame select.d2f-inline-select {
    padding:0rem;
    padding-right: 1.5rem;
    height: auto;
    width: auto;
    font-size: 1em;
}


/* Auth Service Overrides */

.leadgen-interface-frame #auth-service.login-form .login-left h3,
.leadgen-interface-frame #auth-service h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size:16px;
    color: #4f4d4d;
}

.leadgen-interface-frame #auth-service .callout.primary {
    background-color: #f2f2f2;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size:14px;
}

.leadgen-interface-frame #auth-service form input {
    background-color: lightyellow;
}

.leadgen-interface-frame #auth-service form input::placeholder {
    background-color: lightyellow;
    color: #4f4d4d;
}



/* Tables */

.leadgen-interface-frame table.florist-table {
    font-size:14px;
    color: #4f4d4d;
    max-width:100% !important;
}

.leadgen-interface-frame table.florist-table thead{
    font-size:14px;
    color: #4f4d4d;
}


.leadgen-interface-frame .dataTables_info,
.leadgen-interface-frame .dataTables_paginate .pagination a {
    font-size:14px;
    color: #4f4d4d;
}

.leadgen-interface-frame .florist-info-box .florist-info-box-title,
.leadgen-interface-frame .florist-table-header .florist-table-title {
    font-weight:300;
    font-size:15px;
	line-height: 1;
    color: #4f4d4d;
}
.dataTables_wrapper {
    margin: -6px 0 6px 0;
}
div.dataTables_wrapper div.dataTables_length label {
	font-weight: 300;
}
@media screen and (max-width: 600px) {
	#testimonial-table_filter.dataTables_filter,
	#testimonial-table_filter.dataTables_filter input[type="search"] {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	#testimonial-table.dataTable tbody tr td {
		/*white-space: nowrap;*/
	}
}

.leadgen-interface-frame .florist-table-header .florist-table-title-button {
    padding: 0.25em 1.5em;
}

.leadgen-interface-frame .florist-table-header .florist-table-title-button.text-left {
    padding: 0.25em 0em;
}


.leadgen-interface-frame .florist-table-header .florist-table-title-button.active {
    background-color: #617379;
    color:white;
    cursor:pointer;
}

.leadgen-interface-frame .florist-table-header .florist-table-title-button a {
    color: #617379;
}

.leadgen-interface-frame .florist-table-header .florist-table-title-button.active a {
    color:white;
}

.leadgen-interface-frame table.florist-table thead {
    background-color:#f2f2f2;
}

.leadgen-interface-frame table.florist-table tbody {
    border:none;
}

.leadgen-interface-frame table.florist-table tbody .fake-link {
    color:#15c;
    cursor:pointer;
}

.leadgen-interface-frame table.florist-table tbody tr {
    background-color:transparent;
    border-bottom: 1px solid #f2f2f2;
}

.leadgen-interface-frame table.florist-table tbody tr:hover {
    background-color: #f9f9f9;
}

.leadgen-interface-frame .florist-table-length.dataTables_wrapper select {
    padding:0 1.5rem 0 0.5rem;
    height: auto;
    width: auto;
    font-size: 1em;
}

.leadgen-interface-frame .dtr-details {
    white-space: normal;
}

.leadgen-interface-frame .dataTables_info {
    float:left;
}

.leadgen-interface-frame .dataTables_paginate {
    float:right;
}

.leadgen-interface-frame .dataTables_paginate ul.pagination {
    float:right;
    margin-bottom:0px;
}


.leadgen-interface-frame .dataTables_paginate .paginate_button.disabled a {
    color:#a7a7a7;
    cursor:default;
}

.leadgen-interface-frame .dataTables_paginate .paginate_button a:hover {
    background-color:transparent;
    color:#000;
}

.leadgen-interface-frame .dataTables_paginate .paginate_button.disabled a:hover {
    color:#a7a7a7;
}

.leadgen-interface-frame .dataTables_paginate .paginate_button.previous a:before {
    content:"< ";
}

.leadgen-interface-frame .dataTables_paginate .paginate_button.next a:after {
    content:" >";
}

/* Table search box */

.leadgen-interface-frame .pageBody-header .table-search-wrapper {
    position: relative;
}
	@media screen and (max-width: 600px) {
		.leadgen-interface-frame .pageBody-header .table-search-wrapper {
			margin-top: 15px;
		}
	}

.leadgen-interface-frame .pageBody-header .table-search-wrapper input {
    height:2rem;
    padding:0.25rem;
    border-radius: 1rem;
    text-indent:2rem;
    border: 1px solid #dfe0e1;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    margin-bottom: 0px;
}

.leadgen-interface-frame .pageBody-header .table-search-wrapper .fa-search {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    color: #4f4d4d;
    font-size:14px;
}


/* Table sorting icons */

.leadgen-interface-frame table.dataTable thead th {
    position: relative;
    background-image: none !important;
}
 
.leadgen-interface-frame table.dataTable thead th.sorting:after,
.leadgen-interface-frame table.dataTable thead th.sorting_asc:after,
.leadgen-interface-frame table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: "Font Awesome 5 Free";
}

.leadgen-interface-frame table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #a0abaf;
    font-size: 0.8em;
    padding-top: 0.12em;
}

.leadgen-interface-frame table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
    color: #2f373b;
}

.leadgen-interface-frame table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
    color: #2f373b;
}

/* Florist-info-box */

.leadgen-interface-frame .florist-info-box {
    font-size: 14px;

}

.leadgen-interface-frame .florist-info-box .florist-info-box-title {
    border-bottom: 1px solid #dfe0e1;
}


/* Cribbed from https://foundation.zurb.com/sites/docs/responsive-navigation.html
   To prevent FOUC
*/

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}



/* Notifications */
.dashboard-notification,
.leadgen-interface-frame .pageBody-grid .pageBody-header.dashboard-notification {
    padding: 0 1rem;
    /*color:white;*/
    background-color:rgb(222, 231, 246);
    color: #617379;
    font-size:14px;
    min-width:12.5rem;
    margin-bottom:0.9375rem;
    border: 1px solid #fff;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);

}
.leadgen-interface-frame .pageBody-grid .pageBody-header.dashboard-notification {
	padding-left: 2rem;
}
.dashboard-notification .bold {
	font-weight: 600;
	color: #000;
}
@media screen and (max-width: 600px) {
	.dashboard-notification {
		padding: 0.5rem 1rem;
	}
	.dashboard-notification .bold,
	.dashboard-notification-action {
		display: block;
	}
	span.dashboard-notification-action {
		margin-left: 0;
	}
}
.leadgen-interface-frame .dashboard-notification .grid-x .dashboard-notification-icon-wrapper {
    /*width:2.5rem;*/
    height: 2.5rem;
    line-height:2rem;
    padding: 0.75rem 0.75rem 0.75rem 0;
	color: #4382ed;
}

.leadgen-interface-frame .dashboard-notification-text-wrapper {
    height:2.5rem;
    line-height:2.5rem;
    /*min-width:10rem;*/
    text-align:center;
}

.leadgen-interface-frame .menu-notification {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 14px;
    border-radius:0.625rem;
    color:white;
}

.leadgen-interface-frame .menu-notification {
    position: absolute;
    top: 0.25rem;
    right: 1.75rem;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 7px;
    border-radius:5px;
    color:white;
}


.leadgen-interface-frame .menu-notification.zero {
    display:none;
}

.leadgen-interface-frame .menu-notification.notification-requires-action {
    right: auto;
    left:0.25rem;
}

.leadgen-interface-frame .menu-notification.notification-requires-action {
    right: auto;
    left:1.5rem;
}


.leadgen-interface-frame .menu-notification.notification-new-orders,
.leadgen-interface-frame .dashboard-notification.notification-new-orders .dashboard-notification-icon-wrapper {
    background-color: #1baca9;
}

.leadgen-interface-frame .dashboard-notification.notification-new-orders .dashboard-notification-text-wrapper {
    background-color: #21b6b4;
}

.leadgen-interface-frame .menu-notification.notification-requires-action,
.leadgen-interface-frame .dashboard-notification.notification-requires-action .dashboard-notification-icon-wrapper {
    background-color: #387bd8;
}

.leadgen-interface-frame .dashboard-notification.notification-requires-action .dashboard-notification-text-wrapper {
    background-color: #4288de;
}

.leadgen-interface-frame .menu-notification.notification-new-messages,
.leadgen-interface-frame .dashboard-notification.notification-new-messages .dashboard-notification-icon-wrapper {
    background-color: #4b606b;
}

.leadgen-interface-frame .dashboard-notification.notification-new-messages .dashboard-notification-text-wrapper {
    background-color: #576f7b;
}

.leadgen-interface-frame .menu-notification.notification-deliveries-today,
.leadgen-interface-frame .dashboard-notification.notification-deliveries-today .dashboard-notification-icon-wrapper {
    background-color: #6d5ccf;
}

.leadgen-interface-frame .dashboard-notification.notification-deliveries-today .dashboard-notification-text-wrapper {
    background-color: #7a68d6;
}

.leadgen-interface-frame .menu-notification.notification-new-orders,
.leadgen-interface-frame .menu-notification.notification-requires-action,
.leadgen-interface-frame .menu-notification.notification-new-messages,
.leadgen-interface-frame .menu-notification.notification-deliveries-today {
    background-color:red;
}


.genericbutton
{
    outline: 1px solid rgba(80, 185, 255, 0);
    background-color: rgba(21, 146, 230, 0);
}
.dashboard-button {
    margin-top: -8px;
    background-color: rgb(67, 130, 237);
    color:white;
    padding: 0.25rem 1rem 0.25rem 1rem;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color ease 0.125s;
}
.dashboard-button:hover,
.dashboard-button:focus {
    background-color: #14679e;
}
@media screen and (max-width: 600px) {
	.cell.shrink.improve-ranking,
	.cell.shrink.add-record-button {
		width: 100%;
	}
	button.Improve.dashboard-button,
	button.addNewRecord.dashboard-button,
	button.addNewTestimonial.dashboard-button,
	button.addNewStory.dashboard-button,
	button.addHistorical.dashboard-button,
	.button#testimony-add,
	.button#story-add,
	.button#testimony-save,
	.button#profile-save,
	input#record-btn {
		margin: 0.25rem auto 0.5rem;
		width: 100%;
	}
	form#recordForm .pull-right.text-right {
		float: none;
	}
}
.dashboard-top-button {
	position: relative;
}
.dashboard-top-button a.dashboard-top-a {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 250px;
    text-align: center;
    margin-bottom: 5px;
    padding: 0.25rem 1rem 0.25rem 1rem;
    font-size: 14px;
    background: linear-gradient(#ffffff, #f2f2f2);
    border: 1px solid #dfe0e1;
    border-radius: 3px;
    cursor: pointer;
}
.dashboard-top-button a.dashboard-top-a:hover,
.dashboard-top-button a.dashboard-top-a:focus {
	background: #fff;
}
@media screen and (max-width: 600px) {
	.grid-x > .shrink.dashboard-top-button {
		width: 100%;
	}
	.dashboard-top-button a.dashboard-top-a {
		position: relative;
		display: block;
		margin: 0.5rem 0;
		width: 100%;
	}
}
.dashboard-top-a { color:inherit; }

.dashboard-top-button i.fas {
	margin-left: 0.25rem;
}
.leadgen-interface-frame .cell.dashboard-ad-tile {
    margin-right: 0.5%;
    padding: 0;
    min-width: 100px;
}
    @media screen and (max-width: 679px) {
        .leadgen-interface-frame .cell.dashboard-ad-tile {
            margin-bottom: 1rem;
			width: 24.5%;
            min-width: 0;
        }
        .leadgen-interface-frame .cell.dashboard-ad-tile .adPic {
            width: 100%;
            height: inherit;
        }
    }
.tabs.dashboard-cat-tab-titles {
    overflow-x: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    list-style-type:none;    
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 2rem;
	border: 0;
	border-top: 1px solid #e6e6e6;
}
@media screen and (max-width: 600px) {
	.tabs.dashboard-cat-tab-titles {
		padding: 0.5rem 1rem;
	}
}
.marketing-cat-wrapper .tabs.dashboard-cat-tab-titles {
	border-top: 0;
}
div.tabs-content {
	border: 0;
}
.cell.showAllAds {
    margin: 0 1rem 0.5rem 0;
    color: #fff;
    background: #4382ed;
    border-radius: 5px;
    cursor: pointer;
    transition: background ease 0.125s;
}
.cell.showAllAds:hover,
.cell.showAllAds:focus {
    background: #14679e
}
@media screen and (max-width: 600px) {
	.cell.showAllAds {
		font-size: 14px;
	}
}
.adPic{ cursor: pointer; width: 100px; height: 100px; max-width:100px; max-height:100px; display:block;margin-right:auto;margin-bottom:5px; transition: all ease 0.15s;}
.adPic:hover { margin: -2px 0 7px; width: 104px; }
.adTitle { font-size:12px; }
.dashboard-record-tardy { color:red; }
.dashboard-lead-new { color:green; }
.dashboard-lead-newrow { font-weight: bold;}
.dashboard-modal {
    font-size:14px;
    background-color: #f2f2f2 !important;
}
.dashboard-modal-button {
    padding:1rem 2rem 1rem 2rem;
}
.modalSection {
    padding: 1rem;
    text-align: center;
    background-color: white;
    border: 1px solid #dfe0e1;
    box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);
    margin-bottom: 0.625rem;
}
.modalTitle {
    font-weight: bold;
}
.modalBlueStress {
    color:rgb(67, 130, 237);
    font-size: 2rem;
}
.accordion-title .fa,
span.handle {
    color: #1779ba;
}
.dashboard-notification-action {
    margin-left: 0.5rem;
    color: #4382ed;
    cursor:pointer;
    transition: color ease 0.125s;
}
.dashboard-notification-action:hover,
.dashboard-notification-action:focus {
    color: #14679e;
}
.grid-x .cell.dashboard-page-notification-text-wrapper {
    padding-left: 0;
    /*padding: 1rem;*/
    /*margin-bottom: 0.625rem;*/
    /*box-shadow: 2px 2px 5px 0px rgba(223,224,225,1);*/
    /*height: 2.5rem;*/
    /*line-height:2rem;*/
}
.grid-x > .cell.leadgen-notification-text-wrapper {
    padding: 1rem 1rem 1rem 0;
    margin-bottom: 0.625rem;
}

.marketing-cat-tab-titles {
    overflow-x: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    list-style-type:none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
}
.marketing-cat-tab-titles .is-active {
    box-shadow: inset 0 -1px 0 #617379;
}

.marketing-cat-wrapper { box-shadow: inset 0 -1px 0 #617379; }
.marketing-cat-accordion-title {
    border:none;
    overflow-x: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    list-style-type:none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    box-shadow: inset 0 -1px 0 #617379;
	font-weight: 600;
}
.marketing-cat-accordion-title i.fas {
	margin-right: 0.5rem;
}

.record-published { color:#48bd48; font-weight: bold; }
.recordtable td { white-space: nowrap; overflow: hidden;} /*prevents text from overflowing the column.*/
.recordtable .record-limited { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*obit cell can get huuuuge otherwise*/
.recordtable { table-layout: fixed }

/*leadgen tabs*/
.tabs.dashboard-cat-tab-titles .dashboard-leadgen-tabtitle {
	padding: 0.5rem 0.25rem;
}
.dashboard-leadgen-tabtitle {
    padding: 0.5em 1.5em; 
    cursor: pointer;
    color: #617379;
    display: inline-block;
}
.dashboard-leadgen-tabtitle .dashboard-a,
.marketing-cat-wrapper .dashboard-leadgen-tabtitle .dashboard-a {
    font-size:12px;
    color: #4f4d4d;
    background-color: white;
    padding: 0;
}
.dashboard-leadgen-tabtitle.is-active {
    box-shadow: inset 0 -1px 0 #617379;
}
.dashboard-leadgen-tabtitle.is-active .dashboard-a,
.marketing-cat-wrapper .dashboard-leadgen-tabtitle .dashboard-a:hover,
.marketing-cat-wrapper .dashboard-leadgen-tabtitle .dashboard-a:focus {
    font-weight:700;
    color: #4f4d4d;
    background-color: white;
    outline: none;
}
.marketing-center-content {
    height: 75vh;
}
@media screen and (max-height: 740px) {
	.marketing-center-content {
		height: 60vh;
	}
}

.mark-viewed-lead { cursor: pointer; }
.mark-accepted-lead { cursor: pointer; }
.mark-paid-lead { cursor: pointer; }

.error-msg { color:red; }

/* Settings */
/*.florist-info-box-content { min-height:20rem; }*/

/* Message Modal */

.flower-modal {
    font-size:14px;
}

.flower-modal .message-desc {
    color: #4f4d4d;
    font-size: 18px;
}

.flower-modal .message-label {
    font-weight: bold;

}

.flower-modal .message-text {
    min-height:175px;
}


.flower-modal #add-edit-communication-contact input {
    padding: 0rem 0.5rem;
}

.flower-modal #add-edit-communication-contact select {
    margin-bottom: 0rem;
    padding: 0rem 1.5rem 0rem 0.5rem;
}

.flower-modal #add-edit-communication-contact select,
.flower-modal #add-edit-communication-contact textarea {
    font-size: inherit;
}

.flower-modal #add-edit-communication-contact.grid-padding-y .cell {
    padding-bottom: 0rem;
}



/* Page Specific CSS */


.leadgen-interface-frame .order-status-verbose {
    color: #55bb55;
}

.leadgen-interface-frame #message-list-table .mark-message-complete {
    color: #15c;
    cursor: pointer;
}

@media screen and (min-width:64em) {
.leadgen-interface-frame .florist-info-box {
    min-width:650px;
}
}

.leadgen-interface-frame .florist-info-box-content {
    margin-top:0.625rem;
    margin-bottom: 1rem;
}

.leadgen-interface-frame .order-item-image {
    width:200px;
}

.leadgen-interface-frame .order-item-image img {
    display:block;
    margin:0px auto;
}
.florist-settings-edit.account-info-edit,
.florist-settings-edit.company-info-edit {
    margin-top: 0.5rem;
}
button.dashboard-button.change-password-save,
button.dashboard-button.change-password-cancel {
    margin-top: 1rem;
}
.leadgen-interface-frame .florist-settings-edit .info-label,
.leadgen-interface-frame .cell.order-item-info {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.leadgen-interface-frame .info-label ,
.leadgen-interface-frame .order-item-info .info-label {
    /*display:inline-block;*/
    font-weight:bold;
    vertical-align:top;
}

.leadgen-interface-frame .order-item-info .info-text {
    display:inline-block;
}

.leadgen-interface-frame .florist-info-box #delivery-map {

}

.leadgen-interface-frame .log-delivery-wrapper label {
    overflow:hidden;
}

.leadgen-interface-frame .log-delivery-wrapper input {
display: inline-block;
width: 75%;
float: right;
padding: 0.1rem 0.5rem;
height: auto;
}

.leadgen-interface-frame .log-delivery-wrapper .log-delivery-button {
    width:auto;
    padding:0.25rem 0.5rem;
}

.leadgen-interface-frame .log-delivery-wrapper .log-delivery-form {
    margin: 1rem 0rem;
}


.leadgen-interface-frame .product-page .d2f-availability {
    border: 1px solid green;
    padding: 0.25rem 1rem;
    background-color: #e9ffe9;
    max-width: 400px;
    border-radius: 15px;
}

.leadgen-interface-frame .product-page .toggle-myPrice-input {
    display: inline-block;
    width: 65px;
    padding: 0.1rem;
    margin: 0rem;
    height: auto;
}

.leadgen-interface-frame .florist-network-button a {
    width:100%;
    height:122px;
    max-width:300px;
    border: 1px solid #dfe0e1;
    margin: 1rem 0rem;
    box-shadow: 2px 2px 1px 1px #dfe0e1;
}

.leadgen-interface-frame .florist-network-button a img {
    display: block;
    max-height: 120px;
    max-width: 100%;
    width:auto;
    margin: 0 auto;
}

.leadgen-interface-frame a.add-product-button {
    color: #4f4d4d;
    width: auto;
}

.leadgen-interface-frame .grid-padding-y.create-your-own-product-grid {
    margin-top:0rem;
}

.leadgen-interface-frame .no-flower-networks-available {
    margin-top: 0.9375rem;
}

.leadgen-interface-frame .page-Body-content-financials-account {
    position:relative;
}

/* Order Message Recipients */

.leadgen-interface-frame .order-message-recipients-interface {
    max-width:750px;
}

.leadgen-interface-frame .order-message-recipients-interface .communication-recipient-delete-button {
    margin-bottom:0rem;
}

.leadgen-interface-frame #loader {
    position: absolute;
    left: 285px;
    top: 5px;
    z-index: 1;
}

.leadgen-interface-frame .florist-settings-edit > .cell.grid-x:not(:nth-last-child(2)) {
    margin-bottom:0px;
}

.leadgen-interface-frame .florist-settings-edit input.editsettings {
/*    height:auto;
    min-height:2rem;*/
    height:2rem;
    padding: 0rem 0.5rem;
    margin-bottom: 0.5rem;
}
.leadgen-interface-frame .florist-settings-edit input.editsettings:disabled,
.leadgen-interface-frame .florist-settings-edit input[readonly].editsettings,
.leadgen-interface-frame .florist-settings-edit input.editsettings {
	border: 1px solid #a5a5a5;
}

.leadgen-interface-frame .florist-settings-edit select.editsettings {
    /*max-width:20rem;*/
    height:2rem;
    padding: 0rem 0.5rem;
    margin-bottom: 0rem;
}

/* edit obituary page */
.leadgen-interface-frame .record-photo {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}
.leadgen-interface-frame .record-photo img#rec-photo {
    border: 4px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.leadgen-interface-frame #recordForm {
    margin: auto;
    width: 80%;
}
div#recordForm .date-field input {
	margin-right: 18px;
}
.leadgen-interface-frame #recordForm label {
    font-weight: 600;
}
.leadgen-interface-frame #recordForm .input-field-con:nth-child(-n+4) {
    display: inline-block;
    width: 33%;
}
.leadgen-interface-frame #recordForm .input-field-con:nth-child(-n+3) {
    margin-right: 1%;
    width: calc(97%/3 - 4px);
}
.leadgen-interface-frame #recordForm .date-field {
    width: 49.5%;
    display: inline-block;
}
@media screen and (max-width: 960px) {
    .leadgen-interface-frame #recordForm,
    .leadgen-interface-frame #recordForm .input-field-con:nth-child(-n+4),
    .leadgen-interface-frame #recordForm .date-field {
        width: 100%;
    }
} 
.leadgen-interface-frame .service-summary .column.event-name {
    font-size: 1rem;
    font-weight: 600;
}
.leadgen-interface-frame .service-summary .column.event-time {
    color: #000;
}

.leadgen-interface-frame form#fq-form .button {
    border-radius: 5px;
}

/* listing profile styles */
.dropdown.menu.user-menu li:before {
    display: none;
}
@media screen and (max-width: 640px) {
    .profile-title {
        margin-top: 1rem;
    }
}
.profile-img-parent {
    position: relative;
    margin-top: 3.2rem;
    padding: 1rem;
    height: 309px;
    background: #dedede;
    border: 1px solid #b4b4b4;
}
@media screen and (max-width: 960px) {
	.profile-img-parent {
		margin-top: 5.85rem;
	}
}
@media screen and (max-width: 639px) {
	.profile-img-parent {
		margin-top: 0;
	}
}
img.thumbnail.profile-img {
    height: auto !important;
    max-height: 275px;
    width: auto;
}
.edit-photo {
    top: 0;
    right: 0;
}
.edit-photo i.fa.fa-edit.fa-lg {
    background: rgba(255,255,255,0.65);
    padding: 0.5rem 0.25rem 0.4rem;
    border-radius: 3px;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.125);
    transition: ease 0.25s;
}
.edit-photo i.fa.fa-edit.fa-lg:hover,
.edit-photo i.fa.fa-edit.fa-lg:focus {
    background: rgba(255,255,255,0.95);
    box-shadow: 0 3px 5px rgba(0,0,0,0.125);
}
textarea.profile-about {
    margin: 0;
    /*height: 210px;*/
    height: 310px;
}
div.service-insert input {
    height: 30px;
    font-size: initial;
    border: 1px solid #cacaca !important;
}
@media screen and (max-width: 600px) {
	div.service-insert input::placeholder,
	textarea.profile-flower::placeholder {
		font-size: 0.75rem;
	 }
}
div.service-list .service {
    margin-bottom: 0.5rem;
    min-height: 30px;
    height: unset;
    line-height: 2;
    font-family: "Arial", sans-serif;
    font-size: 0.8rem;
}
div.service-list li:before {
    color: #d97c34;
}
a.remove-service {
    right: 5px;
    bottom: 2.5px;
}
textarea.profile-flower {
    height: 42px;
    min-height: unset;
}
@media screen and (max-width: 600px) {
	textarea.profile-flower {
		height: 75px;
	}
}
a#profile-save.button {
    font-size: 16px;
	border-radius: 5px;
}
div.card-desc {
    margin: 2% 3%;
    font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 600px) {
	div#leadgen-story-tab {
		padding: 0;
	}
}
div.LeadGenFHTestimonial {
	padding: 0;
}

a.publish-toggle {
    height: 20px;
    width: 150px;
    border: 0;
    background: #e6e6e6;
}
@media screen and (max-width: 600px) {
	a.publish-toggle {
		margin-top: 1rem;
	}
}
a.publish-toggle:after {
    top: auto;
    bottom: auto;
    left: auto;
    width: 50%;
    color: #fff;
    font-size: 0.8rem;
    line-height: 1.6;
    text-transform: none;
}
a.toggle--on::after {
    content: "Published";
    border: 0;
    background: rgb(102,187,106);
}
a.toggle--off::after {
    content: "Hidden";
    border: 0;
    background: rgb(244,67,54);
}
.LeadGenFHStories .card-parent .card.expanded {
	top: 5%;
    left: 5%;
    width: 90%;
    height: 92.5%;
	box-shadow: 0 0 50px rgba(0,0,0,0.5);
}
.LeadGenFHStories .card-parent .card.expanded > .card-desc > .article {
	height: 75%;
}