/*--- fonts and icons */
@font-face {
  font-family: 'Lato';
  src:url("Lato-Light.ttf") format('truetype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Lato';
  src:url("Lato-Regular.ttf") format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Lato';
  src:url("Lato-Bold.ttf") format('truetype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'fontello';
  src: url('fontello.eot');
  src: url('fontello.eot') format('embedded-opentype'),
       url('fontello.ttf') format('truetype'),
       url('fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* fontello icons */
 [class^="icon-"]:before, [class*=" icon-"]:before, th a .fa-arrow-down:before, th a .fa-arrow-up:before, .profile-account #mainContent table.table.table-striped.table-fluid thead tr th[aria-sort] a:after {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none;}

.icon-Triangle-Down:before { content: '\e800'; } /* '' */
.icon-Triangle-Left:before { content: '\e801'; } /* '' */
.icon-Triangle-Right:before { content: '\e802'; } /* '' */
.icon-Triangle-Up:before { content: '\e803'; } /* '' */
.icon-Arrow-Left-Lg:before { content: '\e804'; } /* '' */
.icon-Arrow-Down-Lg:before { content: '\e805'; } /* '' */
.icon-Arrow-Right-Lg:before { content: '\e806'; } /* '' */
.icon-Arrow-Up-Lg:before { content: '\e807'; } /* '' */
.icon-Arrow-Right-Sm:before { content: '\e808'; } /* '' */
.icon-Chevron-Down-Sm:before, th a .fa-arrow-down:before { content: '\e809'; } /* '' */
.icon-Arrow-Left-Sm:before { content: '\e80a'; } /* '' */
.icon-Chevron-Left-Sm:before { content: '\e80b'; } /* '' */
.icon-Arrow-Down-Sm:before { content: '\e80c'; } /* '' */
.icon-Chevron-Right-Sm:before { content: '\e80d'; } /* '' */
.icon-Arrow-Up-Sm:before { content: '\e80e'; } /* '' */
.icon-Chevron-Up-Sm:before, th a .fa-arrow-up:before { content: '\e80f'; } /* '' */
.icon-Chevron-Down-Lg:before { content: '\e810'; } /* '' */
.icon-Close:before { content: '\e811'; } /* '' */
.icon-Chevron-Left-Lg:before { content: '\e812'; } /* '' */
.icon-Chevron-Right-Lg:before { content: '\e813'; } /* '' */
.icon-Chevron-Up-Lg:before { content: '\e814'; } /* '' */
.icon-Claims:before { content: '\e815'; } /* '' */
.icon-Driver-Licensing:before { content: '\e816'; } /* '' */
.icon-Driver-Safety-Rating-Calculator:before { content: '\e817'; } /* '' */
.icon-Menu:before { content: '\e818'; } /* '' */
.icon-Driving-Quizzes:before { content: '\e819'; } /* '' */
.icon-Insurance-Rate-Calculator:before { content: '\e81a'; } /* '' */
.icon-Find-Acc-Repair-Shop:before { content: '\e81b'; } /* '' */
.icon-Insurance:before { content: '\e81c'; } /* '' */
.icon-Registration:before { content: '\e81d'; } /* '' */
.icon-Road-Safety:before { content: '\e81e'; } /* '' */
.icon-Salvage-Listing:before { content: '\e81f'; } /* '' */
.icon-Search:before { content: '\e820'; } /* '' */
.icon-Winter-Tire-Program:before { content: '\e821'; } /* '' */
.icon-Circle-Filled:before { content: '\e822'; } /* '' */
.icon-Licence-Rate-Calculator:before { content: '\e823'; } /* '' */
.icon-Alert-Outline:before { content: '\e824'; } /* '' */
.icon-Alert-Solid:before, .icon-alert:before { content: '\e825'; } /* '' */
.icon-Credit-Card-Payment:before { content: '\e826'; } /* '' */
.icon-Driver-Ed-Course-Finder:before { content: '\e827'; } /* '' */
.icon-Driver-Z:before { content: '\e828'; } /* '' */
.icon-PDF:before { content: '\e829'; } /* '' */
.icon-Find-Auto-Glass-Repair:before { content: '\e82a'; } /* '' */
.icon-Circle:before { content: '\e82b'; } /* '' */
.icon-Find-Autopac-Agent:before { content: '\e82c'; } /* '' */
.icon-Find-Driving-School:before { content: '\e82d'; } /* '' */
.icon-Forms:before { content: '\e82e'; } /* '' */
.icon-Webpage:before { content: '\e82f'; } /* '' */
.icon-Sanction-Listing:before { content: '\e830'; } /* '' */
.icon-Drivers-Handbook:before { content: '\e831'; } /* '' */
.icon-Towing-Storage-Search:before { content: '\e832'; } /* '' */
.icon-Publications:before { content: '\e833'; } /* '' */
.icon-Chevron-Sort-Lg:before { content: '\e83b'; }
.icon-Book-A-Test:before { content: '\e834'; } /* '' */
.icon-ID-wizard:before { content: '\e839'; } /* '' */
.icon-Vehicle-Inspection-Station-Search:before { content: '\e83a'; } /* '' */
.icon-YouTube:before { content: '\f16a'; } /* '' */
.icon-Instagram:before { content: '\f16d'; } /* '' */
.icon-Twitter:before { content: '\f309'; } /* '' */
.icon-Facebook:before { content: '\f30c'; } /* '' */
/* icons in sort tables */
.table thead tr th a .icon-Chevron-Up-Lg:before,
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a .fa-arrow-up:before {content:''; width:1em; height:1em; background:center center no-repeat url(sortUp.svg);}
.table thead tr th a .icon-Chevron-Down-Lg:before, 
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a .fa-arrow-down:before {content:''; width:1em; height:1em; background:center center no-repeat url(sortDown.svg);}
.table thead tr th a .icon-Chevron-Sort-Lg:before,
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th:not([aria-sort]) a:after {content:''; width:1em; height:1em; background:center center no-repeat url(sortUpDown.svg);}
/* rewrite default bootstrap icons */
.modal-body .form-loading .fa-spinner.fa-4x {font-size:8em;}
.fa-spinner:before {content:''; width:1em; height:1em; display:inline-block; background:center center no-repeat url(spinner.svg); background-size:contain; animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear;}
@keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}

/*--- basic tag resets */
html {font-size:16px; font-family: 'Lato', Arial, verdana; font-weight:400; text-rendering: optimizeLegibility; margin:0; padding:0; width:100%;}
body {font-family: 'Lato'; font-size:1em; color:#383838; background: -moz-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,0.99) 1%, rgba(84,199,218,0) 90%, rgba(84,199,218,0.1) 100%);
    background: -webkit-linear-gradient(top, rgba(250,250,250,0) 0%,rgba(250,250,250,0.99) 1%,rgba(84,199,218,0) 65%,rgba(84,199,218,0.1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,0) 0%,rgba(250,250,250,0.99) 1%,rgba(84,199,218,0) 65%,rgba(84,199,218,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#1a54c7da',GradientType=0 ); background-repeat:no-repeat;}
h1 {font-family: 'Lato', Arial, verdana; color:#1FA2B5; font-size:3.75em; font-weight:400; margin:0; padding:0 0 0.27em 0;}
h2 {font-family: 'Lato', Arial, verdana; color:#1FA2B5; font-size:1.75em; font-weight:700; margin:0; padding:0 0 0.575em 0;}
h3 {font-family: 'Lato', Arial, verdana; color: #383838; font-size:1.5em; font-weight: 700; margin:0; padding:0 0 0.67em 0;}
h4 {font-family: 'Lato', Arial, verdana; color: #383838; font-size:1.5em; font-weight: 400; margin:0; padding:0 0 0.67em 0;}
h5 {font-family: 'Lato', Arial, verdana; color: #383838; font-size:1.125em; font-weight: 700; margin:0; padding:0 0 0.9em 0;}
h6 {font-family: 'Lato', Arial, verdana; color: #383838; font-size:0.875em; font-weight: 700; margin:0; padding:0 0 1.15em 0;}
p {font-family: 'Lato', Arial, verdana; margin:0; padding:0 0 1em 0;}
ul {font-family: 'Lato', Arial, verdana; margin:0; padding-top:0; padding-bottom:1em;}
ol {font-family: 'Lato', Arial, verdana; margin:0; padding-top:0; padding-bottom:1em;}
li {font-family: 'Lato', Arial, verdana; margin:0; padding-top:0; padding-bottom:0.25em;}
li, p {color: #383838; font-size:1em; font-weight:400;}
li li, li p, p p, p li {font-size:1em;}
li p {padding:0.75em 0;}
li p:first-child {padding-top:0;}
li p:last-child {padding-bottom:0;}
li ol, li ul {padding-bottom:0;}
ul li::marker {color:#1FA2B5;}
ol li::marker {color:#383838;}
a:link {color:#3c8362; text-decoration:none;}
a:visited {color:#3c8362; text-decoration:underline;}
a:hover {color:#383838; text-decoration:underline;}
hr {border:none; border-bottom:3px solid #ccc;}
hr.w16 {margin: 16px auto 16px 0; width: 36px; clear: both; border: none; border-bottom: 2px solid #54C7DA;}
legend {font-size:1em;}

/*--- bootstrap resets */
*:focus-visible, *:focus {outline: -webkit-focus-ring-color auto 0px; border:none !imoportant; box-shadow:none !imoportant;}
.container {width:100%; padding-left:40px; padding-right:40px;}
/* fa icons */
.fa-comment:before {display:none;}
.fa-comment {display:inline-block; width:1em; height:1em; padding:0; margin:0; line-height:1em;}
th .fa-comment {background:center center no-repeat url(Comment_white.svg); margin:0.5em 0.75em; font-size: 1em; background-size:contain;}
td .fa-comment {background:center center no-repeat url(Comment_grey.svg); cursor:pointer; background-size:contain;}
/* buttons */
.btn {font:bold 16px 'Lato', Arial, verdana; padding: 0.4em 0.75em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em;}
.btn-default, .btn-default:focus, .btn-default:link, .btn-default:visited, a.btn-default, .focus.btn-default, .btn-default.focus,
.btn-primary, .btn-primary:focus, .btn-primary:link, .btn-primary:visited, a.btn-primary, .focus.btn-primary, .btn-primary.focus {text-transform: uppercase; font-weight: 700; width: auto; border: 1px solid #1FA2B5; color:#383838; min-height:37px; background:#fff; padding: 0.4em 0.75em; display:inline-block; align-items:center;}
.btn-default:hover, .btn-default.active, .btn-primary:hover, .btn-primary.active {color:#fff !important; border-color:#1FA2B5; background-color:#1FA2B5;}
.btn-default:focus, .focus.btn-default, .btn-default:focus, .btn-default.active, 
.btn-primary:focus, .focus.btn-primary, .btn-primary:focus, .btn-primary.active {outline:none;}
.btn-default:disabled, .focus.btn-default:disabled, a.btn-default:disabled, .btn.disabled, .btn[disabled], fieldset[disabled] .btn,
.btn-primary:disabled, .focus.btn-primary:disabled, a.btn-primary:disabled {border: 1px solid #9a9a9a !important; color:#6a6a6a !important; min-height:37px; background:#fff !important;}
.alert.alert-block.alert-warning {background:#f0f0f0; color:#383838; border:#f0f0f0;}
/* button specific hacks */
#submitPaymentButton {display:inline-block;}
.dropdown.action button {justify-content:center; padding:0 0.5em;}
.dropdown.action button .fa-fw {width:1em;}
.panel-body button, .modal-footer button, .panel-body button:focus, .modal-footer button:focus {display:inline-block;}
.footer-tab {
  background: #8edeb7;
  border-radius: 4px 4px 0 0;
  bottom: 0;
  color: #383838 !important;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  position: relative;
  right: 3.28%;
}
.footer-tab-wrap {
  bottom: 0;
  position: sticky;
  text-align: right;
}
.footer-tab:visited {
  color: #383838;
}
/* button as link */
button.asLink {border: none; padding: 0; background: 0; text-transform: none; font-weight: normal; color: #1FA2B5; float:right;}
button.asLink:hover, button.asLink:active, button.asLink:focus {color:#383838 !important; background:none !important;}
button.asLink small.icon-Chevron-Down-Sm:before {content: '\e80f'; margin-left:0.5em;} 
button.asLink.collapsed small.icon-Chevron-Down-Sm:before {content: '\e809';}
/* dropdown menu */
.dropdown-menu {padding:0;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background-color:#fff; color:#383838; border:none;}
.dropdown-menu>li>a {padding:0.25em 0.5em !important; margin:0;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a:hover {color:#1FA2B5 !important; border:none; padding:0.25em 0.5em;}
/* accordion bootstrap */
table tbody td .collapse.show .col {padding-top:1em;}
table tbody td .collapse.show .col+.col {padding-top:0;}
/* column panels */
.panel {margin-bottom: 2em; background-color: transparent; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.panel-default>.panel-heading {font-size:1.125em; font-weight:700; color:#383838; border:none; border-bottom:8px solid #F0F0F0; background-color:transparent; margin:0; padding:0 0 0.5em 0;}
.panel-body {padding:0.5em 0 0 0;}
.facet-list-group-item {padding:0.25em 0; font-size:0.85em; border:none;}
/* breadcrumb */
.breadcrumb {background-color:transparent;}
.breadcrumb li {}
.breadcrumb li.active {}
.breadcrumb li a {color:#383838;}
.breadcrumb li a:hover {color:#1FA2B5;}
.breadcrumb>li+li:before {color:#1FA2B5;}
/* page headers */
.page-heading {}
.page-header {border:none; margin:0 0 0.5em 0; padding:0;}
.content {display:block;}
/* lables */
label.alert {width:100%;}
label.text-danger {font-weight:400; color:#c00; text-transform:none;}
.label {font-size:1em; color:#383838;}
/* tables */
.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {border:none; padding:0;}
.table>tbody>tr>td a:link, .table>tbody>tr>td a:hover, .table>tbody>tr>td a:visited {color:#383838;}
/* pagination */
.view-pagination .pagination {display:flex; flex-wrap:wrap; justify-content: center;}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {border-color:#1FA2B5; background-color:#1FA2B5 !important; color:#fff !important;}
/* forms */
.form-control {font-size:1em;}
.crmEntityFormView .actions {margin:0; padding:0; border:none;}

/**** modals */
/* common modal parts */
.modal-backdrop {}
.modal {background: rgba(0,0,0,0.3); align-items:center;}
.modal-dialog {width:100%; min-width:0; max-width:800px;}
.modal-body {padding:0;}
.modal-content {background:#fafafa; /*height:calc(100vh - 11em);*/ padding:0 2em 2em 2em}
.modal-header {border:none; padding:1em 0 0 0}
.modal-header button {opacity:1; margin:0; padding:0; background:none; color:#383838; position:relative !important; top:auto !important; right:auto !important;}
.modal-header button:before {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none; content:'\e811';}
.modal-header button span {display:none;}
.modal-header button:hover {background:none; border:none; outline:none; color:#1FA2B5;}
.modal-header button:hover {background:none; border:none; outline:none; color:#1FA2B5;}
.modal-footer {border:none !important; padding:none !important; margin-top:1em;}
.modal-footer:empty {display:none;}
/* out of box modal for basic forms */
.modal h1 {font-size:3.75em; font-weight:400;}
/* web template based static modal using iframes */
.modal-form .modal-body iframe {height: 320px;}
.modal-form-edit .modal-body iframe {height:420px;}
.modal-form-details .modal-body iframe { height: 575px; }
.modal iframe+#cancelButton, #MessageLabel #successDoneButton {float:right;}
html.static-modal td.form-control-cell div.control p.counter {text-align:right; color:rgb(169, 169, 169); padding:0.25em 0;}
div.notifications.userToggleActivated	.notification.alert {height: 100%; display: flex; align-items: center;}
/* html page in iframe recieves class html.static-modal on html tag to inform css its used in modal
  These are the settings applied to that html page and classes */
html.static-modal body {height:100vh;}
html.static-modal .container {padding-left:0; padding-right:0;}
html.static-modal h1 {font-weight:400;}
html.static-modal h2.tab-title {display:none;}
html.static-modal .crmEntityFormView .cell {padding:0.25em 0;}
html.static-modal .crmEntityFormView fieldset {margin-bottom:0;}
html.static-modal .crmEntityFormView fieldset:empty, 
html.static-modal .crmEntityFormView legend:empty {display:none;}
html.static-modal .form-action-container-left, 
html.static-modal .form-action-container-right, 
html.static-modal .crmEntityFormView .actions {display: flex; align-items: center; justify-content: flex-end;}
html.static-modal #MessagePanel {position: relative; width: 100%; height: 100%; display: block;}
html.static-modal #MessagePanel.error:before {content:'Sorry!'; font-size:3.75em; font-weight:400; color:#c00; display:block; width:100%;}
html.static-modal #MessagePanel.success img.success-icon {display:block; margin:auto; height:auto; width:120px; margin-top: 1em; margin-bottom:1em;}
html.static-modal #MessagePanel.success img.success-icon+input#cancelButton {position:fixed; bottom:0; right:0;}
html.static-modal #MessagePanel {margin:0; padding:0; border:none; background:none;} 
html.static-modal #MessagePanel #btnCloseMessage {display:none;}
html.static-modal body.payment-cheque {overflow-x:hidden; background:none;}
html.static-modal body.payment-cheque .crmEntityFormView .cell .picklist label {font-weight:bold;}
html.static-modal body.payment-cheque #mpi_paymentmethod {display:flex; align-items: center;}
html.static-modal body.payment-cheque .crmEntityFormView .cell .picklist input[type=radio] {margin:1px 1em 1px 1px;}
html.static-modal body.payment-cheque .crmEntityFormView .section-title {font-size:1em}
html.static-modal body.payment-cheque .description.below {padding-left:1.8em;}
html.static-modal body.payment-cheque .form-action-container-left input[type=button] {margin-left:0.5em;}
/* actiavte & deactivate modal patterns for users, create users */
.notifications.userToggleActivated, #MessagePanel.success.alert-success, #EntityListFilterControl {position: fixed; top: 0; left: 0; z-index: 99999; margin: 0; width: 100%; height: 100%; bottom: 0; right: 0; background: rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;}
/* undo prior line settings if messagePanel appears in a modal */
.static-modal #MessagePanel.success.alert-success {position:relative; background:none; display:block;}
.notifications.userToggleActivated .close, #MessagePanel.success.alert-success .close {display:none;}
.notifications.userToggleActivated .notification {border:none; background:none;}
.notifications.userToggleActivated h1, #MessagePanel.success.alert-success h1, #EntityListFilterControl h1 {font-weight:400;}
.notifications.userToggleActivated .modal-header .close, #MessagePanel.success.alert-success .modal-header .close {display:block;}

/* user management filter modal */
#EntityListFilterControl {display:flex; justify-content:center; align-items:center;}
#EntityListFilterControl .panel-body {background:#fafafa; padding:0 2em 2em 2em; width:100%; max-width:480px; -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%); box-shadow: 0 5px 15px rgb(0 0 0 / 50%); position: relative; border: 1px solid rgba(0,0,0,.2); border-radius: 0; outline: 0;}
#EntityListFilterControl #openFilter {position:abolsute; top:0; right:0; font-size: 22.5px; font-weight: bold; line-height: 1;}
#EntityListFilterControl #openFilter:hover {}
#EntityListFilterControl #openFilter.active, #EntityListFilterControl #openFilter:focus {}
#EntityListFilterControl .list-inline {display:flex; align-items:flex-start; justify-content:space-between;}
#EntityListFilterControl .entitylist-filter-option-group {flex-basis:calc(50% - 1em);}
#EntityListFilterControl .entitylist-filter-option-group .h4 {font-family: 'Lato'; font-size: 1em; color: #383838; font-weight: bold; padding-bottom:1em;}
#EntityListFilterControl .entitylist-filter-option-group ul li label {position:relative; padding-left:30px}

/**** fields */
label{padding:0.25em 0; margin:0;}
input[type=date], input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=texl], input[type=text], input[type=time], input[type=url], select, textarea, input:not([type]).query.form-control {border: 1px solid rgb(169, 169, 169); background:#fff; color:#383838; padding: 0.4em 0.75em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; font-family: 'Lato', Arial, verdana; min-height:37px;}
span.as-input {display:block; padding:0.4em 0; outline: none; font-family: 'Lato', Arial, verdana; min-height:37px;}
input[type=checkbox] {width:auto; margin:0.25em;}
input[type=radio] {}
input[type=button], input[type=reset], input[type=submit], button {text-transform: uppercase; font-weight: 700; width: auto; border: 1px solid #1FA2B5; color:#1FA2B5; min-height:37px;}
select {-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer !important; background-image: url(select.svg) !important; background-size: 12px 12px !important; background-position: calc(100% - 1em) center !important; background-repeat: no-repeat !important; padding: 0.4em 3em 0.4em 0.75em !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
select option {color:#383838;}
select option:hover {background-color:#1FA2B5;}
textarea {}
/* fields - hover */
input[type=button], input[type=reset], input[type=submit], button {background:#fff; color:#383838; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover,
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, button:active,
input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, button:focus,
input[type=button].active, input[type=reset].active, input[type=submit].active, button.active,
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus,
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus  {color:#fff; border-color:#1FA2B5; background-color:#1FA2B5; box-shadow:none; outline:none; text-decoration:none;}
/* fields disabled */
input[type=date]:disabled, input[type=email]:disabled, input[type=file]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=texl]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, select:disabled, textarea:disabled {color:#9a9a9a !important; border-color:#dcdcdc !important;}
input[type=checkbox]:disabled {}
input[type=radio]:disabled {}
input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, button:disabled {color:#9a9a9a !important; border-color:#dcdcdc !important;}
select:disabled {background-image:none !important; poadding-right: 0 !important; padding-left:0 !important;}
textarea:disabled {poadding-right: 0 !important; padding-left:0 !important; border:none !important;}
/* toggle switch pattern */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.switchToggle {display:flex; align-items:center; justify-content:center;}
.switchToggle .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #adadad; -webkit-transition: .4s; transition: .4s;}
.switchToggle .slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color:#adadad; -webkit-transition: .4s; transition: .4s; background:center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.399' height='24.399' viewBox='0 0 24.399 24.399'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath id='light_mode_FILL1_wght400_GRAD0_opsz24' class='cls-1' d='M13.2,18.745A5.54,5.54,0,0,1,7.654,13.2,5.538,5.538,0,0,1,13.2,7.654,5.536,5.536,0,0,1,18.745,13.2,5.538,5.538,0,0,1,13.2,18.745ZM2.109,14.309a1.109,1.109,0,1,1,0-2.218H4.327a1.109,1.109,0,1,1,0,2.218Zm19.963,0a1.109,1.109,0,1,1,0-2.218H24.29a1.109,1.109,0,1,1,0,2.218ZM13.2,5.436a1.091,1.091,0,0,1-1.109-1.109V2.109a1.109,1.109,0,1,1,2.218,0V4.327A1.089,1.089,0,0,1,13.2,5.436Zm0,19.963a1.091,1.091,0,0,1-1.109-1.109V22.072a1.109,1.109,0,1,1,2.218,0V24.29A1.089,1.089,0,0,1,13.2,25.4ZM6.157,7.71,4.965,6.545a.967.967,0,0,1-.319-.776,1.205,1.205,0,0,1,.319-.8,1.1,1.1,0,0,1,.8-.333,1.007,1.007,0,0,1,.776.333L7.71,6.157a1.141,1.141,0,0,1,0,1.553.947.947,0,0,1-.762.318,1.184,1.184,0,0,1-.791-.318Zm13.7,13.725-1.165-1.192a1.129,1.129,0,0,1-.3-.79,1.035,1.035,0,0,1,.3-.763.948.948,0,0,1,.763-.318,1.183,1.183,0,0,1,.79.318l1.192,1.165a.967.967,0,0,1,.319.776,1.205,1.205,0,0,1-.319.8,1.1,1.1,0,0,1-.8.333,1.007,1.007,0,0,1-.776-.333ZM18.689,7.71a.948.948,0,0,1-.318-.763,1.183,1.183,0,0,1,.318-.79l1.165-1.192a.967.967,0,0,1,.776-.319,1.205,1.205,0,0,1,.8.319,1.1,1.1,0,0,1,.333.8,1.007,1.007,0,0,1-.333.776L20.242,7.71a1.141,1.141,0,0,1-1.553,0ZM4.965,21.434a1.1,1.1,0,0,1-.333-.8,1.007,1.007,0,0,1,.333-.776l1.192-1.165a1.131,1.131,0,0,1,.791-.3,1.034,1.034,0,0,1,.762.3.952.952,0,0,1,.319.763,1.188,1.188,0,0,1-.319.79L6.545,21.434a.964.964,0,0,1-.776.318,1.2,1.2,0,0,1-.8-.318Z' transform='translate(-1 -1)'/%3E%3C/svg%3E") #adadad no-repeat; background-size:contain;}
body.darkmode .switchToggle .slider:before {background:center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.5' height='26' viewBox='0 0 18.5 26'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23383838; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_11367' data-name='Path 11367' class='cls-1' d='M13,26A13,13,0,0,1,3.808,3.808,13.011,13.011,0,0,1,18.5,1.217a13.005,13.005,0,0,0,0,23.565A12.889,12.889,0,0,1,13,26Z'/%3E%3C/svg%3E") #adadad no-repeat; background-size:contain;}
.switchToggle input:checked + .slider {background-color: #adadad;}
.switchToggle input:focus + .slider {box-shadow: 0 0 1px #adadad;}
.switchToggle input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); background}
.switchToggle .slider.round {border-radius: 34px;}
.switchToggle .slider.round:before {border-radius: 50%;}
.weblink.switchToggle span.label:first-child {color:#adadad;}
body.darkmode .weblink.switchToggle span.label:first-child {color:#fff;}
.weblink.switchToggle span.label:last-child {color:#383838;}
body.darkmode .weblink.switchToggle span.label:last-child {color:#adadad;}
/* spans as disabled fields */
.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {color:#9a9a9a !important;}
.control.crmEntityFormView span.as-input {color:#9a9a9a !important; padding:0; min-height:auto;}
/* individual span-as-field overides */
#statuscode {padding-left:0; padding-right:0; color:#9a9a9a !important;}
#birthdate_datepicker_description:read-only {padding-left:0 !important; padding-right:0 !important;}

/**** form helpers */
.horizontal-form {padding:1em 0; }
.field-group {margin:0; padding:0; list-style:none !important; display:block;}
.horizontal-form .field-group {display:flex; align-items:stretch; justify-content: flex-start; flex-wrap:wrap;}
.field-set {margin:0; padding:0.5em 0; display:block;}
.horizontal-form .field-set {display:flex; align-items:center; justify-content: flex-start; flex-wrap:wrap; padding:0 0.5em;}
.field-set.horizontal {display:flex; align-items:center; justify-content: space-between; padding:0.25em 0;}

/*--- common page parts */
main.container div.row div.col-md-4, 
div.container div.row div.col-md-4 {max-width:300px; width:300px;}
main.container div.row div.col-md-8, 
div.container div.row div.col-md-8 {max-width:calc(100% - 300px); width:calc(100% - 300px);}

/**** header */
header {background-color:#fff; -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 16%); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16); box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 16%);}
header .container {display:flex; align-items:center; justify-content:space-between;}
header .container:before, header .container:after {display:none;}
header #brand {padding:1em 0;}
header #brand-img {display: block; height: 3.25em; width: 250px; background: top left url(Brand_dark.svg) no-repeat; background-size: auto 100%;}
html:lang(fr) header #brand-img {background: top left url(Brand_dark_FRE.svg) no-repeat; background-size: auto 100%;}
header #primary {margin:0; padding:0; list-style:none; display:flex;}
header #primary li {padding:0 1em;}
header #primary li:first-child {padding-left:0}
header #primary li:last-child {padding-right:0}
header #primary a:link, header #primary a:visited {color:#383838; text-decoration:none;}
header #primary a:hover {color:#1FA2B5; /*color:#3c8362;*/ text-decoration:none;}
header #secondary {margin:0; padding:0; list-style:none; display:flex;}
header #secondary li {padding:0 0.5em;}
header #secondary li:first-child {padding-left:0}
header #secondary li:last-child {padding-right:0}
header #secondary a:link, header #secondary a:visited {color:#383838; text-decoration:none; font-size:1.25em;}
header #secondary a:hover {color:#3c8362; text-decoration:none;}
/* header menu */
header #menu {display:flex; align-items:center; justify-content:flex-end;}
header #menu #mobile-menu {display:flex; align-items:center; justify-content:flex-start;}
header #menu #mobile-menu ul {padding:0 1em;}
header #menu #mobile-menu ul:first-child {padding-left:0;}
header #menu #mobile-menu ul:last-child {padding-right:0;}
header #open-menu, header #close-menu {background:none; border:none; color:#383838}
header #open-menu:hover, header #close-menu:hover {color:#1FA2B5;}
/* header menu caret */
header #user-state .dropdown .caret, header #user-state .dropdown.open .caret {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; border:none; height:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none;}
header #user-state .dropdown .caret:before {display: inline-block; width: 1em; text-align: center; font-variant: normal; text-transform: none; content:'\e809'; font-size:0.6em}
/* header menu caret open */
header #user-state .dropdown.open .caret:before {content:'\e80f'; }
/* header user state menu */
header #user-state {margin:0; padding:0; list-style:none; border-left:1px solid #DCDCDC; min-width:160px;}
header #user-state a:link {color:#383838; text-decoration:none; display:block;}
header #user-state a:hover {color:#1FA2B5; text-decoration:none; background:none;}
header #user-state .userlocation, header #user-state .userInfo {display:block; font-size:0.85em; font-weight:bold;}
header #user-state .username, header #user-state .agencyInfo {display:block; font-size:0.7em;}
header #user-state .dropdown-menu {margin: 0 0 0 -1.125em; padding: 1em 0 0 0 !important; border: none; -webkit-box-shadow: none; box-shadow: none; width: calc(100% + 2.125em); border-bottom: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC;}
header #user-state .dropdown-menu li {padding:0.5em 0.5em; background:none !important;}
header #user-state .grid {align-items:center;}
header #user-state .grid .caret {margin-left:1em;}
/* header search */
header #secondary li.open > #search + ul.dropdown-menu.dropdown-search {position: fixed; top: 0; left: 0; width: 100%; height: 5.55em; padding: 1em; margin:0; border:none; webkit-box-shadow: none; box-shadow: none; display:flex;}
header ul.dropdown-menu.dropdown-search li {display: flex; align-items: center; width:100%;}
header ul.dropdown-menu.dropdown-search li form.form-search {width:100%; margin-right:1em;}
#close-search {display:none;}
header #close-search {display:block; background:none; border:none;}
form.form-search .input-group #search-filter {margin-right: -2px; min-height: 35px;}
header #secondary form.form-search ul.dropdown-menu {margin:0; padding:0 !important;}
header #secondary form.form-search ul.dropdown-menu li {margin:0; padding:0; }
header #secondary form.form-search ul.dropdown-menu li a {display: block; width: 100%; font-size: 1em; padding: 0.25em 0.5em;}
header #secondary form.form-search ul.dropdown-menu li a:hover {color:#fff; background:#1FA2B5;}
/* header home page variation for not logged in state */
body.home-page.not-login header {background-color:transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
body.home-page.not-login header #brand-img {background: top left url(Brand_light.svg) no-repeat; background-size: auto 100%;}
html:lang(fr) body.home-page.not-login header #brand-img {background: top left url(Brand_light_FRE.svg) no-repeat; background-size: auto 100%;}

/**** footer */
footer {background-color: #383838; padding:1em 0;}
footer .container {display:flex; align-items:flex-start; justify-content:space-between;}
footer .container:before, footer .container:after {display:none;}
footer span {}
footer span a:link, footer span a:visited {color:#9a9a9a; text-decoration:none;}
footer span a:hover {color:#fff; text-decoration:underline;}
footer small {font-size: 100%; color: white;}
/* footer home page variation */
body.home footer {background-color:transparent;}

/**** layout */
main {padding:1em 0; min-height:calc(100vh - 8.65em);}
body.home-page main section.container {padding:0 125px;}
/* grid system */
.grid {display:flex; align-items:stretch; justify-content: flex-start; flex-wrap:wrap;}
[class^="grid-"], [class*=" grid-"], 
[class^="grid-"] + [class^="grid-"], 
[class^="grid-"] + [class*=" grid-"], 
[class*=" grid-"] + [class*=" grid-"], 
[class*=" grid-"] + [class^="grid-"] {padding:0 0.75em 0 0.75em;}
.grid-10 {width:calc(10% - 1px); flex-basis:calc(10% - 1px);}
.grid-20 {width:calc(20% - 1px); flex-basis:calc(20% - 1px);}
.grid-25 {width:calc(25% - 1px); flex-basis:calc(25% - 1px);}
.grid-30 {width:calc(30% - 1px); flex-basis:calc(30% - 1px);}
.grid-33 {width:calc(33% - 1px); flex-basis:calc(33% - 1px);}
.grid-40 {width:calc(40% - 1px); flex-basis:calc(40% - 1px);}
.grid-50 {width:calc(50% - 1px); flex-basis:calc(50% - 1px);}
.grid-60 {width:calc(60% - 1px); flex-basis:calc(60% - 1px);}
.grid-66 {width:calc(66% - 1px); flex-basis:calc(66% - 1px);}
.grid-70 {width:calc(70% - 1px); flex-basis:calc(70% - 1px);}
.grid-75 {width:calc(75% - 1px); flex-basis:calc(75% - 1px);}
.grid-80 {width:calc(80% - 1px); flex-basis:calc(80% - 1px);}
.grid-90 {width:calc(90% - 1px); flex-basis:calc(90% - 1px);}

/* buttons - extended use */
a.button {display:flex; justify-content:center; align-items:center; padding:0.55em; text-align:center; width:100%; text-decoration:none; text-transform:uppercase; font-size:1em; transition:all 0.25s ease; font-weight:700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer;}
a.button.animated * {transition:all 0.25s ease; animation-fill-mode: forwards;}
a.button.animated {position:relative; border-bottom:2px solid #54C7DA; color:#fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
a.button.animated .t {width:0; display:block; clear:both; height:2px; background:#54C7DA;float:none; position:absolute; top:0; left:0;}
a.button.animated .l {width:2px; height:0; display:block; background:#54C7DA; position:absolute; bottom:0; left:0; clear:none;}
a.button.animated span:nth-child(3) {padding:3px; width:100%; float:left; clear:none; display:block; }
a.button.animated .r {width:2px; height:0; display:block; background:#54C7DA; position:absolute; top:0; right:0; clear:none;}
a.button.animated:hover .t {animation-name:te; animation-duration: 0.15s; animation-delay:0.15s}
a.button.animated:hover .l {animation-name:se; animation-duration: 0.15s}
a.button.animated:hover .r {animation-name:se; animation-duration: 0.15s; animation-delay:0.3s}

@keyframes te {
 from {width:0%;}
 to {width:100%;}
}
@keyframes se {
 from  {height:0;}
 to {height:100%;}
}

/* misc states in UI for coloured text */
.negative-sign {color:#3c8362;}

/**** content types by page */
/*--- HOME PAGES */
body.home-page .page-heading {padding-top:65px}
/*--- HOME - NOT SIGNED IN */
body.home-page.not-login {background:center center no-repeat url(home-bg-nlix1920.jpg); background-size:cover;}
body.home-page.not-login main {display:flex; align-items:center; justify-content: flex-start;}
body.home-page.not-login  #signin-cta {max-width:900px;}
body.home-page.not-login  #signin-cta .button {width:auto; display:inline-block; margin-right:auto;}
/*--- HOME - SIGNED IN */
/* home - customer search */
body.home-page main {display:flex; align-items:center; justify-content: flex-start;}
body.home-page h1 {padding-top:24px; color: #fff; font-size:4.5em; padding-bottom: 10px;}
body.home-page.login.customer-search .breadcrumb, body.home-page.login.customer-search .page-header {display:none;}
body.home-page.login.customer-search {background:center center no-repeat url(/broker-home-page/login-custSearch-bg.jpg) !important; background-size:cover !important;}
body.home-page.login.customer-search h2 {padding-bottom:0}
body.home-page.login.customer-search p {font-size:1.25em; padding:0; margin:0;}
body.home-page.login.customer-search #customerSummary .grid-fixed.primaryAddress textarea::placeholder {color: #9a9a9a !important;}
body.home-page.login.customer-search #HomePageCustomerSearch {display:flex; width:100%; align-items:center; justify-content:space-between; padding:42px; background:#fff;}
body.home-page.login.customer-search #HomePageCustomerSearch div {display:flex; width:100%; align-items:center; justify-content:flex-start;}
body.home-page.login.customer-search #HomePageCustomerSearch img {width:100px; height:auto; margin-right:42px;}
body.home-page.login.customer-search #HomePageCustomerSearch #SRECustomerSearchForm {padding:32px; margin:0 0 0 42px; background:#fafafa; border:1px solid #54C7DA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; flex-basis:100%; width:100%; flex-wrap:wrap;}
body.home-page.login.customer-search #HomePageCustomerSearch #SRECustomerSearchForm span {display:flex; align-items:center; justify-content:center; flex-basis:100%; width:100%;}
body.home-page.login.customer-search #HomePageCustomerSearch #validationErrors {flex-basis:100%; width:100%; justify-content:center;}
body.home-page.login.customer-search #HomePageCustomerSearch #validationErrors label {margin:0 !important; padding:0 !important; font-size:14px;}
body.home-page.login.customer-search #HomePageCustomerSearchBottomRow {display:flex; width:100%; align-items:stretch; justify-content:space-between; padding:42px 0 16px 0;}
body.home-page.login.customer-search #duckcreekHolderDiv {padding:42px; background:#fff; display:flex; width:100%; align-items:center; justify-content:space-between;}
body.home-page.login.customer-search #duckcreekHolderDiv div {display:flex; width:100%; align-items:flex-start; justify-content:flex-start;}
body.home-page.login.customer-search #duckcreekHolderDiv img {width:100px; height:auto; margin-right:42px; margin-top:24px;}
body.home-page.login.customer-search #duckcreekHolderDiv .btn-default {margin-top:16px;}
body.home-page.login.customer-search #MPIBrokersDiv {padding:42px; background:#fff; margin:0 0 0 42px; flex-basis:28%; width:28%; position:relative;}
body.home-page.login.customer-search #MPIBrokersDiv a:link, body.home-page.login.customer-search #MPIBrokersDiv a:visited {font-weight:700; margin-top:1em; display:block; text-transform:uppercase; color:#1FA2B5;}
body.home-page.login.customer-search #MPIBrokersDiv a:hover {color:#383838;}
body.home-page.login.customer-search #MPIPartnersDiv {padding:42px; background:#fff; margin:0 42px; flex-basis:28%; width:28%; position:relative;}
body.home-page.login.customer-search #MPIPartnersDiv a:link, body.home-page.login.customer-search #MPIPartnersDiv a:visited {position:absolute; bottom:42px; font-weight:700; margin-top:1em; display:block; text-transform:uppercase; color:#1FA2B5;}
body.home-page.login.customer-search #MPIPartnersDiv a:hover {color:#383838;} 
body.home-page.login.customer-search #MPISupportDiv {padding:42px; background:#fff; flex-basis:28%; width:28%; position:relative;}
body.home-page.login.customer-search #MPISupportDiv a:link, body.home-page.login.customer-search #MPISupportDiv a:visited {position:absolute; bottom:42px; font-weight:700; margin-top:1em; display:block; text-transform:uppercase; color:#1FA2B5;}
body.home-page.login.customer-search #MPISupportDiv a:hover {color:#383838;}
/* home - admin */
body.home-page.login.admin .breadcrumb, body.home-page.login.admin .page-header {display:none;}
body.home-page.login.admin {background:center center no-repeat url(/admin-home-page/login-Admin-bg.jpg) !important; background-size:cover !important;}
body.home-page.login.admin h2 {padding-bottom:0}
body.home-page.login.admin p {font-size:1.25em; padding:0; margin:0;}
body.home-page.login.admin #HomePageAdminBottomRow {display:flex; width:100%; align-items:stretch; justify-content:space-between; padding:42px 0 16px 0; position:relative;}
body.home-page.login.admin #MPIBrokersDiv {padding:42px; background:#fff; margin:0 21px 0 0; flex-basis:calc(33% - 21px); width:calc(33% - 21px);}
body.home-page.login.admin #MPIBrokersDiv div {display:flex; width:100%; align-items:flex-start; justify-content:flex-start;}
body.home-page.login.admin #MPIBrokersDiv img {width:100px; height:auto; margin-right:42px;}
body.home-page.login.admin #MPIBrokersDiv .btn-default {margin-top:24px;}
body.home-page.login.admin #MPIPartnersDiv {padding:42px; background:#fff; margin:0; flex-basis:calc(33% - 21px); width:calc(33% - 21px); position:relative;}
body.home-page.login.admin #MPIPartnersDiv div {display:flex; width:100%; align-items:flex-start; justify-content:flex-start;}
body.home-page.login.admin #MPIPartnersDiv img {width:100px; height:auto; margin-right:42px;}
body.home-page.login.admin #MPIPartnersDiv .btn-default {margin-top:24px;}
body.home-page.login.admin #MPISupportDiv {padding:42px; background:#fff; margin:0 0 0 21px;flex-basis:calc(33% - 21px); width:calc(33% - 21px); position:relative;}
body.home-page.login.admin #MPISupportDiv div {display:flex; width:100%; align-items:flex-start; justify-content:flex-start;}
body.home-page.login.admin #MPISupportDiv img {width:100px; height:auto; margin-right:42px;}
body.home-page.login.admin #MPISupportDiv .btn-default {margin-top:24px;}
/* home - LMS */
body.home-page.login.lms-id .breadcrumb, body.home-page.login.lms-id .page-header {display:none;}
body.home-page.login.lms-id {background:center center no-repeat url(/mpi-support/login-lmsid-bg.jpg) !important; background-size:cover !important;}
body.home-page.login.lms-id h2 {padding-bottom:0;}
body.home-page.login.lms-id p {font-size:1.25em; padding:0; margin:0;}
body.home-page.login.lms-id #LMSUnderVerificationMessage {padding:42px; background:#fff;}
body.home-page.login.lms-id #LMSUnderVerificationMessage div.divflex {display:flex; width:100%; align-items:flex-start; justify-content:flex-start;}
body.home-page.login.lms-id #LMSUnderVerificationMessage img {width:100px; height:auto; margin-right:42px;}
body.home-page.login.lms-id #LMSUnderVerificationMessage small {padding-top:1em; display:inline-block; width:100%;}
body.home-page.login.lms-id #LMSIDParentDiv {display:flex; width:100%; align-items:center; justify-content:space-between; padding:42px; background:#fff;}
body.home-page.login.lms-id #LMSIDParentDiv div.divflex {display:flex; width:100%; align-items:center; justify-content:flex-start;}
body.home-page.login.lms-id #LMSIDParentDiv img {width:100px; height:auto; margin-right:42px;}
body.home-page.login.lms-id #LMSIDParentDiv small {padding-top:1em; display:inline-block; width:100%; font-size:14px;}
body.home-page.login.lms-id #LMSEntityFormWrapper {padding:32px; margin:0 0 0 88px; background:#fafafa; border:1px solid #54C7DA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; flex-basis:100%; width:100%; flex-wrap:wrap;}
body.home-page.login.lms-id #LMSEntityFormWrapper #LMSIDEntityForm {padding:0;}
body.home-page.login.lms-id #LMSEntityFormWrapper #LMSIDEntityForm fieldset {margin:0;}
body.home-page.login.lms-id #LMSEntityFormWrapper #LMSIDValidator {font-weight:normal; padding-top:0.75em; font-size:14px;}
body.home-page.login.lms-id #LMSEntityFormWrapper .crmEntityFormView .cell {padding:0;}
body.home-page.login.lms-id #LMSEntityFormWrapper .form-custom-actions, body.home-page.login.lms-id #LMSEntityFormWrapper .crmEntityFormView .tab {margin:0;}
body.home-page.login.lms-id #LMSEntityFormWrapper .form-custom-actions {display:none;}
body.home-page.login.lms-id #LMSEntityFormWrapper .row:after {display:none;}
body.home-page.login.lms-id #LMSEntityFormWrapper .col-sm-6 {padding:0;}
body.home-page.login.lms-id #LMSEntityFormWrapper #mpi_pumauserid {width:calc(100% - (101px + 1em));}
body.home-page.login.lms-id #LMSEntityFormWrapper #laberDescription {padding-left:0.5em; display:inline-block; font-style:italic; font-weight:400;}
body.home-page.login.lms-id #LMSEntityFormWrapper #laberDescription #aster {color:red;}
body.home-page.login.lms-id #LMSEntityFormWrapper #laberDescription:after, 
body.home-page.login.lms-id #LMSEntityFormWrappe br {display:none;}
body.home-page.login.lms-id #LMSEntityFormWrapper #UpdateButton {margin-left:0.95em;}
body.home-page.login.lms-id #LMSIDBottomRow {display:flex; width:100%; align-items:stretch; justify-content:space-between; padding:42px 0 16px 0;}
body.home-page.login.lms-id #MPIBrokersDiv {padding:42px; background:#fff; margin:0 21px 0 0; width:33%;}
body.home-page.login.lms-id #MPIPartnersDiv {padding:42px; background:#fff; margin:0 0; width:33%;}
body.home-page.login.lms-id #MPIPartnersDiv .btn-default {margin-top:24px;}
body.home-page.login.lms-id #MPISupportDiv {padding:42px; background:#fff; margin:0 0 0 21px; width:33%;}
body.home-page.login.lms-id #MPIBrokersDiv a:link, body.home-page.login.lms-id #MPIBrokersDiv a:visited, body.home-page.login.lms-id #MPIPartnersDiv a:link, body.home-page.login.lms-id #MPIPartnersDiv a:visited, body.home-page.login.lms-id #MPISupportDiv a:link, body.home-page.login.lms-id #MPISupportDiv a:visited {font-weight:700; margin-top:1em; display:block; text-transform:uppercase; color:#1FA2B5;}
body.home-page.login.lms-id #MPIPartnersDiv a:hover, body.home-page.login.lms-id #MPISupportDiv a:hover {color:#383838;}
/* home - External Agencies (non-broker communities) */
body.home-page.login.external-agencies {background:center center no-repeat url(/external-home-page/login-external-bg.jpg) !important; background-size:cover !important;}
/* generic - post css rules */
body.home-page #WelcomeMessage h2, body.home-page.not-login  #signin-cta h2 {color: #fff; font-weight: 300; padding-bottom: 40px; font-size: 2.75em; line-height:1.2em;}

/* Filter Options */
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li input[type="checkbox"]::before {
    content: "";
    margin-left: 6px !important;
    width: 3.65em !important;
    height: 3.65em !important;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: #fff;
    transform-origin: bottom left;
    clip-path: polygon(57% 36%, 41% 54%, 33% 47%, 31% 53%, 41% 63%, 61% 40%) !important;
    outline: none !important;
}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li input[type="checkbox"]:checked {
    outline: none !important;
}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li input[type="checkbox"] {
    outline: none !important;
    cursor: pointer !important;
}

/*--- SRE CUSTOMER SEARCH */
#SRECustomerSearchForm {margin-top:1.5em}
#validationErrors label.text-danger {padding-top:1em;}
#customerSummary {margin-top:2em;}
#customerSummary .grid-fixed {padding:0 0.75em 1em 0; width:calc(380px - 2em);}
#title-button-box {display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:40px;}
#title-button-box h3 {padding-bottom:0;}
#searchNo {width:240px;}
#customerSummary .grid-fixed.primaryAddress textarea::placeholder {color: #9a9a9a !important;}
label.text-danger.text-normal {color: #383838;}

/* Customer 360 View */
#syncCustomer {margin-bottom:1em;}
#syncCustomer .xrm-attribute-value {
    display: flex; 
    align-items: center;
}
.quote-tabs .form-action-container-right {
    display: flex;
}
#syncPolicyButton {
    display: flex;
    margin-right: 15px;
}
.sre-customer-view #mainContent legend {display: block !important; border-bottom: 3px solid #ddd; padding-bottom: 10px; margin-bottom: 15px;}
#Addresses.subgrid .view-toolbar.grid-actions {margin-bottom: 20px; border-bottom: 3px solid #ddd;}
#Addresses.subgrid .view-toolbar.grid-actions ul.view-select.nav{float: right !important; margin-bottom: 10px;}
.sre-customer-view #mainContent table.table.table-striped.table-fluid thead tr th a, .sre-customer-view #mainContent table.table.table-striped.table-fluid thead tr th a:link {font-family: lato;}
.sre-customer-view .ui-tabs .ui-tabs-nav li {width: 40%;}
.info [for="Addresses"] h4 {
  border-bottom: 3px solid #1FA2B5;
  width: 240px;
  margin-bottom: -10px;
  font-weight:700;
}
/* sre policies and quotes table */
.quote-tabs ul.ui-tabs-nav {margin-top:1em !important;}

/* Choose your location */
#broker-locations {
  display: flex;
  margin: 35px auto !important;
  width: 90%;
  flex-wrap: wrap;
}
#broker-locations .col-md-4 {
  width: 33%;
  padding-left: 20px;
  padding-right: 20px;
}
#broker-locations .col-md-4 > div {
    display: flex;
    flex-direction: column-reverse;
    border: 1px solid #D3D3D3;
    padding: 40px 30px;
    margin-bottom: 35px;
}
#broker-locations .col-md-4 > div:hover, #broker-locations .col-md-4 > div:active {
    border: 1px solid #1FA2B5;
    background-color: #fafafa;
    opacity: 1;
}
#broker-locations .col-md-4 .panel-heading {
    text-align: left;
    font-weight: 500;
    border-bottom: none;
    border-top: 1px solid #F0F0F0;
    padding-top: 20px;
}
#broker-locations .col-md-4 .panel-body {
    padding-bottom: 20px;
    color: #1FA2B5;
    font-weight: 600;
}

/*--- Broker & Personal Information */
.profile-account form.content_form {padding:1em 0; min-height:calc(100vh - 8.625em);}
.profile-account .page-header h1 {padding-bottom:40px;}
/* user icon */
.profile-account .well {display: none; color:#1FA2B5; font-size:1.75em; font-weight:700; margin:0 0 0 -0.5em; padding:0 0 0.575em 0; border:none; background:transparent;}
.profile-account #well img {display:none;}
/* aside nav */
/*.profile-account .col-md-4 .weblinks.list-group:before {content:'My account options'; display:block; width:100%; padding:0 0 0.25em 0; font-size:1.25em; font-weight:700; color:#383838;}*/
.col-md-4.col-aside .weblinks.list-group {margin-bottom:3em;}
.col-md-4.col-aside .weblinks.list-group a.list-group-item {border:none; background:transparent; padding: 0.75em 0; width: 100%; display: block; color: #383838; text-decoration: none;}
.col-md-4.col-aside .weblinks.list-group a.list-group-item:hover {color:#1FA2B5}
.col-md-4.col-aside .weblinks.list-group a.list-group-item.active {padding: 0.75em 0 0.75em 34px; margin-left: -39px; border-left: 5px solid #2DA2B4; background-color: #EDEDED; font-weight: bold;}
img.sidenav-icons { margin-right: 17px; width: 23px; max-height: 25px; }

/* tabs */
.profile-account .ui-tabs .ui-tabs-nav, .profile-account .ui-widget-header {border:none; border-bottom: 3px solid #ddd; padding:0;}
.profile-account .ui-tabs .ui-tabs-nav li {margin:0; padding:0; background:none; border:none;}
.profile-account .ui-tabs .ui-tabs-nav li a {min-width:240px; background:none; border:none; padding:0 2em 0 0; margin:0 0 -3px 0; border-bottom:3px solid #ddd;}
.profile-account .ui-tabs .ui-tabs-nav li.ui-state-active a {background:none; border:none; border-bottom: 3px solid #1FA2B5;} 
.profile-account .ui-tabs .ui-tabs-nav li.ui-state-active a h4 {font-weight: 700;} 
.profile-account .ui-tabs .ui-tabs-nav li a:hover {background:none;}
.profile-account .ui-tabs .ui-tabs-nav li a:focus {outline: none;}
.profile-account .ui-tabs .ui-tabs-nav li a h5 {padding:0 0 0.5em 0; font-weight: normal;}
/* main content area */
.profile-account .ui-widget {font-size:1em;}
.profile-account #tabs {margin:0.25em 0 2em 0; padding:0; border:0; background:none;}
.profile-account #tabs h3 {padding: 0 0 0.5em 0; color: #1FA2B5;}
#brokerSummary.grid, #personSummary.grid {margin-top:1em;}
#brokerSummary .grid-fixed, #personSummary .grid-fixed {padding:0 0.75em 1em 0; width:calc(380px - 2em);}
.profile-account #tabs #tabs-1, .profile-account #tabs #tabs-2 {margin:0; padding:2em 0 0 0; border:none; background:none;}
.profile-account #tabs div.control, .profile-account #tabs div.control * {color:#9a9a9a !important}
.profile-account #tabs #Role, 
.profile-account #tabs #BrokerWebsite, 
.profile-account #tabs #BrokerEmail {color:#5BA27F !important; cursor:pointer; background: 0 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 0; padding-right: 0;}
.profile-account #tabs #Role:hover, 
.profile-account #tabs #BrokerWebsite:hover, 
.profile-account #tabs #BrokerEmail:hover {color:#383838 !important; text-decoration:underline;}
/* main contnet - table */
.profile-account #mainContent legend {display:none; font-size:1.5em; font-weight:700;}
.profile-account #mainContent .crmEntityFormView .cell {padding:0 0.75em 2em 0.75em}
.profile-account #mainContent .crmEntityFormView .cell:first-child {padding-left:0;}
.profile-account #mainContent .crmEntityFormView .cell:last-child {padding-right:0;}
.profile-account #mainContent .crmEntityFormView .form-control.readonly, 
.profile-account #mainContent .crmEntityFormView .form-control[readonly][disabled], 
.profile-account #mainContent .form-readonly .form-control {padding-top:0; font-size:1em; color: #9A9A9A !important;}
.profile-account #mainContent .form-readonly .form-control::placeholder { color: #9A9A9A !important; }
.text-muted { color: #9A9A9A !important; }
.profile-account #mainContent .crmEntityFormView .cell .field-label {padding-bottom:0;}
.profile-account #mainContent a:hover {color:#3c8362;}
.profile-account #mainContent .crmEntityFormView fieldset {margin:0;}
.profile-account #mainContent .crmEntityFormView .cell div.info.required label:after {display:none;}
/* table data */
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th {text-align: left; vertical-align: bottom; cursor: pointer; color: #fff; background: #1FA2B5; white-space: nowrap;}
profile-account #mainContent table.table.table-striped.table-fluid thead tr th:last-child {border-right:none;}
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a,
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a:link,
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a:visited,
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a:hover {color: #fff; white-space: nowrap; display: flex; align-items: flex-start; justify-content: flex-start; margin: 0; padding: 1em 1em; line-height: 1.1em; font-size: 1.125em; font-weight: bold; text-decoration: none;}
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a:active, 
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a:focus {border:none;}
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a .fa-arrow-down:before, 
.profile-account #mainContent table.table.table-striped.table-fluid thead tr th a .fa-arrow-up:before {marginin-left:0.5em; content:'';}
.profile-account #mainContent table.table.table-striped.table-fluid tbody {}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr {background:none;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr:nth-child(even) {background:#eee;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td {padding: 0.75em 1em; vertical-align: middle;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .action {text-align:right;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action button span.fa-chevron-circle-down:before {display:block; content:''; width:1em; height:1em; background:center center no-repeat url(more16.svg); background-size:contain;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action button:hover span.fa-chevron-circle-down:before {background:center center no-repeat url(more16w.svg); background-size:contain;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .fa-edit:before,
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .fa-envelope:before,
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .fa-ban:before,
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .glyphicon-ok-sign:before {content:''; display:inline-block; width:1em; height:1em; margin-right:0.5em;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .fa-edit:before {background:center center no-repeat url(viewEditUser.svg); background-size:contain;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu a:hover .fa-edit:before {background:center center no-repeat url(viewEditUserw.svg); background-size:contain;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .fa-envelope:before {background:center center no-repeat url(InvitationUser.svg);}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .fa-ban:before {background:center center no-repeat url(deactivateUser.svg); background-size:contain;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu .glyphicon-ok-sign:before {background:center center no-repeat url(activateUser.svg); background-size:contain;}
.profile-account #mainContent table.table.table-striped.table-fluid tbody tr td .dropdown.action .dropdown-menu a:hover .glyphicon-ok-sign:before {background:center center no-repeat url(activateUserw.svg); background-size:contain;}
[data-logicalname="mpi_netamount"] { text-align: right; }
/* table field-set rules */
.profile-account #mainContent .crmEntityFormView .cell.boolean-radio-cell div.info {margin-bottom:0.5em;}
.profile-account #mainContent .crmEntityFormView .cell.boolean-radio-cell div.info+div.control span {display:flex; align-items:center;}
.profile-account #mainContent .crmEntityFormView .cell.boolean-radio-cell div.info+div.control span input[type="radio"]{margin-top:5px;}
.profile-account #mainContent .crmEntityFormView .cell.boolean-radio-cell div.info+div.control span label{paddingleft:0.25em; padding-right:1em;}

/*-- View/Edit user */
#telephone1 { max-width: 140px; }
#mpi_businessphoneext { max-width: 100px; }
#mpi_lastsuccessfullogin_datepicker_description { padding-left: 0px !important; }

/*--- Invoice Summary Display --- */
/* top tools bar custom settings */
#InvoicesGrid {}
#InvoicesGrid #InvoicesMenuSummary {align-items:flex-end; justify-content:flex-end; margin-bottom: 2em;}
#InvoicesGrid #InvoicesMenuSummary li.field-set .info {}
/* search field */
#searchPlaceholder form.navbar-form {margin:0; padding:0;}
#searchPlaceholder .view-toolbar.grid-actions {margin:0 !important; padding:0 !important;}
#searchPlaceholder input.form-control {}
#searchPlaceholder .input-group-btn {}
#searchPlaceholder .input-group-btn .btn.btn-default {}
/* invoice table */
#InvoicesGrid .navbar-default{background:none; border:none; margin:0; padding:0; clear:both;overflow:auto;}
#invoices-table .table thead tr th {text-align: left; color: #fff; background: #1FA2B5; vertical-align: top;}

#invoices-table .table thead tr th a, #invoices-table .table thead tr th p {color: #fff; white-space: nowrap; display: flex; align-items: flex-end; justify-content: flex-start; margin: 0; padding: 0.5em 0.75em; line-height: 1.1em; font-size: 1.125em; font-weight: bold; text-decoration: none;}
#invoices-table .table thead tr th:nth-last-child(2) {position: relative;}
#invoices-table .table thead tr th a span.insertBR {white-space:normal; display:inline-block; max-height:40px;}
#invoices-table .table thead tr th:nth-child(2) a span.insertBR {width:120px;}
#invoices-table .table thead tr th:nth-child(9) a span.insertBR {width:100px;}
#invoices-table .table thead tr th a {align-items: flex-start;}
#invoices-table .table thead tr th a [class^="icon-"]:before, #invoices-table .table thead tr th a [class*=" icon-"]:before {font-size:0.7em; margin-left:1em;}
#invoices-table .table tbody i {font-style: normal;}
#invoices-table .table tbody tr:nth-child(even) {background-color: #fff;}
#invoices-table .table tbody tr:nth-child(even) {background-color: #f2f2f2;}
#invoices-table table.table tbody tr td {padding: 0.5em 0.75em;}
#invoices-table table.table tbody tr td.view-empty.message {padding:2em 0 0 0;} 
#invoices-table .table tbody tr.group-checked:nth-child(odd) {background:#ebf6f1;}
#invoices-table .table tbody tr.group-checked:nth-child(even) {background:#bcd5c9;}
#invoices-table .table tbody tr td.checkControl {position:relative;}
#invoices-table .table tbody tr.financed-item td small {display:none; font-size:1em; position:absolute; top:0; left:2.5em; cursor:pointer;}
#invoices-table .table tbody tr.financed-item.group-start td small {display:block}
#invoices-table .table thead tr th:nth-child(9), 
#invoices-table .table thead tr th:nth-child(10), 
#invoices-table .table thead tr th:nth-child(11), 
#invoices-table .table tbody tr td:nth-child(9),
#invoices-table .table tbody tr td:nth-child(10),
#invoices-table .table tbody tr td:nth-child(11) {text-align:right;}
#invoices-table .table thead tr th:nth-child(8) p,
#invoices-table .table thead tr th:nth-child(9) p,
#invoices-table .table thead tr th:nth-child(10) p {justify-content:flex-end;}
#invoices-table .table thead tr th:nth-child(9) p br,
#invoices-table .table thead tr th:nth-child(10) p br {display:none;}

/* Checkbox states */
.check-block {display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right:1em; height:1em;}
thead th .check-block {margin:0 0 0.5em 0.6em}
.check-block input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 1em; width: 1em; background-color: #eee; border:1px solid #9a9a9a;}
.check-block .checkmark:after {left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* hide disbaled non-checked*/
.check-block input[type="checkbox"][disabled] ~ .checkmark {display:none;}
/* hide checkmark on unchecked */
.checkmark:after {content: ""; position: absolute; display: none;}
/* show checked */
tr.group-start .check-block input[type="checkbox"]:checked ~ .checkmark {display:block; background-color: #1FA2B5; border:1px solid #1FA2B5;}
tr.group-start .check-block input[type="checkbox"][disabled]:checked ~ .checkmark {display:block; background-color: #aaa; border:1px solid #aaa;}
.check-block input[type="checkbox"][disabled]:checked ~ .checkmark {cursor:default;}
.check-block input:checked ~ .checkmark:after {display: block;}
/* left column forms */
/* simple form */
#simplifiedPanel {padding:1em; position:relative;}
#simplifiedPanel.pinned {position:fixed; bottom:0; margin-bottom:3.42857em;}
#simplifiedPanel label {white-space:nowrap;}
#simplifiedPanel h2 {padding-bottom:1em;}
#simplifiedPanel span.selectionTotal:before {content:'$';}
#simplifiedPanel li:last-child {text-align:center; padding-top:1.5em;}
#simplifiedPanel .selection-total-negative {color:#383838 }
#simplifiedPanel .successStatus {color: #3C8362}
#simplifiedPanel .failedStatus {color: #DF3C37}

/*--- User Management ---*/
/* filter checkbox style */
#EntityListFilterControl {display:none;}
#EntityListFilterControl.active {display:flex;}
#EntityListFilterControl .entitylist-filter-option-group ul li input[type="checkbox"] {appearance: none; background-color: #fff; margin: 0 -2em; font: inherit; color: #999; width: 1.5em; height: 1.5em; border: 1px solid #999; transform: translateY(-0.075em); display: grid; place-content: center;}
#EntityListFilterControl .entitylist-filter-option-group ul li input[type="checkbox"]:checked {color:#fff;	border: 1px solid #1FA2B5;	background-color: #1FA2B5;}
#EntityListFilterControl .entitylist-filter-option-group ul li  input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color); background-color: #fff; transform-origin: bottom left; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}
#EntityListFilterControl .entitylist-filter-option-group ul li input[type="checkbox"]:checked::before {transform: scale(1); color:#fff;}
#EntityListFilterControl .entitylist-filter-option-group ul li input[type="checkbox"]:focus {outline: none; outline-offset:none;}
/* filter toolbar related stuff */
#openFilter, #openFilter+.input-group.pull-left a.btn.action {float:left; margin:0 0.25em;}
#openFilter {margin-left:0.5em; padding-left:2em; background-image:url(ico-filter.svg); background-position:0.75em 0.75em; background-size:0.75em; background-repeat:no-repeat;}
#openFilter:hover {background-image:url(ico-filter-white.svg);}
/* clear all */
a#clearFilter {margin-right:1em;}
/* error */
#errormsg {color:#DD2F2A; margin:0; display:none;}
#errormsg div {margin-bottom:1em;}
#errormsg div div {margin-bottom:0;}
#errormsg span {display:flex;}
#errormsg span.icon-Alert-Solid:before {margin-right:0.75em; padding-top: 0.15em;}
#errormsg p {padding-bottom:1em;}

#MessageLabel .text-danger {display:flex; color:#DD2F2A;}
#MessageLabel .text-danger .fa-exclamation-triangle {margin-right:0; color:#DD2F2A;}
#MessageLabel .text-danger .fa-exclamation-triangle:before {font-size:1em; width:1em; height:1em; margin-right:0.5em; display:inline-block; font-family: "fontello"; content:'\e825'; color:#DD2F2A;}

/* user management home */
.profile-account .view-toolbar.grid-actions {padding:0; border:none; margin-bottom:2em;}
.profile-account .toolbar-actions button, .profile-account .toolbar-actions .create-action {display:flex; align-items:center;}
.profile-account .toolbar-actions > div  { margin-right: 15px; }
.profile-account .toolbar-actions #openFilter { margin-right: 20px; } 
.profile-account ul.asSelect {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;  padding:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0 0 0 0.5em; border: 1px solid rgb(169, 169, 169); background: #fff;}
.profile-account ul.asSelect li {padding: 0.4em 0.75em 0.4em 0.75em;}
.profile-account ul.asSelect a {color:#383838; padding:0}
.profile-account ul.asSelect a:hover, .profile-account ul.asSelect a:focus {background-color:#fff !important; color:#383838 !important; text-decoration:none;}
.profile-account ul.asSelect a .fa.fa-list {display:none;}
.profile-account ul.asSelect .dropdown a .caret {width:1em; height:1em; background-image: url(select.svg) !important; background-size: 12px 12px !important; background-position: center center !important; background-repeat: no-repeat !important; border:none; margin-left:0.5em;}
.profile-account ul.asSelect .dropdown.open a .caret {background-image: url(deselect.svg) !important;}
.profile-account ul.dropdown-menu li:hover {background:#fafafa;}
.profile-account ul.dropdown-menu li a:hover, .profile-account ul.dropdown-menu li:hover a {background:none !important;}
.content-panel.panel.panel-default.entitylist-filter {position: fixed; top: 0; left: 0; z-index: 99999; margin: 0; width: 100%; height: 100%; bottom: 0; right: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
.content-panel.panel.panel-default.entitylist-filter {display: none;}
.content-panel.panel.panel-default.entitylist-filter.active {display: flex;}
.content-panel.panel.panel-default.entitylist-filter .panel-body {background: #fafafa; padding: 0 2em 2em 2em; width: 100%; max-width: 480px; -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%); box-shadow: 0 5px 15px rgb(0 0 0 / 50%); position: relative; border: 1px solid rgba(0,0,0,.2); border-radius: 0; outline: 0;}
.content-panel.panel.panel-default.entitylist-filter h1 {font-weight: 400;}
.content-panel.panel.panel-default.entitylist-filter .list-inline {display: flex; align-items: flex-start; justify-content: space-between;}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group {flex-basis: calc(50% - 1em);}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group .h4 {font-family: 'Lato'; font-size: 1em; color: #383838; font-weight: bold; padding-bottom: 1em;}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li input[type="checkbox"] {appearance: none; background-color: #fff; margin: 0 -2em; font: inherit; color: #999; width: 1.5em; height: 1.5em; border: 1px solid #999; transform: translateY(-0.075em); display: grid; place-content: center;}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li input[type="checkbox"]:checked {color: #fff; border: 1px solid #1FA2B5; background-color: #1FA2B5;}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li input[type="checkbox"]:checked::before {transform: scale(1); color: #fff;}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color); background-color: #fff; transform-origin: bottom left; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul li label {position: relative; padding-left: 35px; }
.content-panel.panel.panel-default.entitylist-filter .entitylist-filter-option-group ul .entitylist-filter-option-group-box-overflow {max-height: none; }
#selectedNum {margin-left: 10px; background-color: #1FA2B5; width: 18px; color: white; height: 18px; border-radius: 60%; font-size: 14px; padding-right: 1px; margin-top: 2px; }

/* hacky temp error stuff for OOB validation */
.entity-form .message.alert.alert-info.alert-danger.alert-danger {background:none; border:none; color:#DD2F2A; padding:0; margin:0;}
.entity-form .message.alert.alert-info.alert-danger.alert-danger h2 {display:none;}
.entity-form .message.alert.alert-info.alert-danger.alert-danger ul {padding:0; margin:0; list-style:none;}
.entity-form .message.alert.alert-info.alert-danger.alert-danger ul li {padding:0 0 0.3em 0; margin:0; display:flex;}
.entity-form .message.alert.alert-info.alert-danger.alert-danger ul li a {color:#DD2F2A; margin-left:0;}
.entity-form .message.alert.alert-info.alert-danger.alert-danger ul li a:before {font-size:1em; width:1em; height:1em; margin-right:0.5em; display:inline-block; font-family: "fontello"; content:'\e825';}
.entity-form .message.alert.alert-info.alert-danger.alert-danger ul li a:hover {color:#383838; text-decoration:unerline;}

/* Create User Form*/
.profile-account .tab.createUser {margin:0; display:flex; align-items:flex-start; justify-content:space-between;}
.profile-account .tab.createUser .tab-column {width:50%; padding:0 4em;}
.profile-account .tab.createUser .tab-column:first-child {padding-left:0;}
.profile-account .tab.createUser .tab-column:last-child {padding-right:0;}
.profile-account .tab.createUser .tab-column:first-child fieldset:nth-child(2) {/*display:none;*/}
.profile-account .tab.createUser .tab-column:first-child fieldset:nth-child(2) label {text-transform:none;}
.profile-account .tab.createUser .tab-column label {text-transform:uppercase;}
.profile-account .createUser .crmEntityFormView .cell {padding:0 0 2.5em 0;}
.profile-account .button-bar {display:flex; align-items:center; justify-content:flex-end;}
.profile-account .button-bar button, .profile-account .button-bar input {margin:0 0.25em;}
.profile-account .button-bar button:first-child {} 
.profile-account .button-bar input:last-child {margin-right:0;}
.profile-account #resetButton {color: #5BA27F; text-transform: none; background: none; border: none; }
.profile-account #resetButton:hover { color: #383838 !important; }
.profile-account .button-bar > input { margin-right: 2em; }


/* Suggested carousel */
#resultsDiv {margin:1em 0;}
#resultsDiv h2 {margin:0 0 0.5em 0;}
#resultx {padding:0 2em;}
#resultx.expand {padding:0;}
.suggestionx {border: solid 1px #9A9A9A; border-radius : 0.35em; padding:0.5em 1em; width:360px; flex-basis:360px; margin:0 0.5em 0 0; background:#fff;}
.suggestionx:first-child {margin-left:0;}
.suggestionx input {width:1em; margin-right:0.75em; margin-top:0.5em; float:left;}
.suggestionx .wrapper {display:block; width:calc(100% - 2em); float:right;}
.suggestionx .wrapper label {display:block; line-height:1.4em; padding-bottom:0;}
.suggestionx .wrapper span.email {display:block; line-height:1.4em; word-wrap:break-word;}
.suggestionx .wrapper span.status {display:block; line-height:1.4em; color:#9a9a9a; text-transform:uppercase; font-size:0.75em; margin-top: 3px;}
.suggestionx .wrapper span.status.Active {color:#3C8362;}
.suggestionx.active { border: 1px solid #1FA2B5 !important; }
.suggestionx input[type="radio"] { -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0; font: inherit; color: #9A9A9A; width: 1em; height: 1em; border: 0.15em solid #9A9A9A; border-radius: 50%; display: grid; place-content: center; margin-top: 7px; }
.suggestionx input[type="radio"]::before { content: ""; width: 1em; height: 1em; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #1FA2B5; }
.suggestionx input[type="radio"]:checked::before { transform: scale(1);}
.bx-wrapper {box-shadow:none !important; border:none !important; background:none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;}
.bx-wrapper .bx-prev {left:-2em !important; background:center center no-repeat url(scan-prev.svg) !important; background-size:contain;}
.bx-wrapper .bx-next {right:-2em !important; background:center center no-repeat url(scan-next.svg) !important; background-size:contain;} 
.bx-wrapper .bx-pager.bx-default-pager a {background:#dcdcdc !important;} 
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#9A9A9A !important;} 

/* Document management Downloads */
.profile-account #documentManagement #docs a {text-decoration:underline; display:flex; align-items:center;}
.profile-account #documentManagement #docs a:hover {color:#383838;}
.profile-account #documentManagement #docs a span.icon-PDF {font-size:2em; margin-right:0.33em; color:#383838;}
.profile-account #documentManagement #docs td.view-empty.message {padding:2em 0 0 0 !important;} 
.profile-account #documentManagement #docs td.view-empty.message .error {color:#DD2F2A !important;}
.profile-account #documentManagement #docs td.view-empty.message .error .icon-Alert-Solid:before {color:#DD2F2A !important; margin-right:1em;}

/* view edit user */
.profile-account .crmEntityFormView fieldset {margin-bottom:0;}
.profile-account table.section #statecode, 
.profile-account table.section .readonly.form-control.picklist, 
.profile-account table.section .datetimepicker input.form-control.input-text-box.readonly { width: 100%; display: block; padding: 0.4em 0.75em !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; font-family: 'Lato', Arial, verdana; min-height: 37px; cursor: default !important;}
.profile-account table.section .datetimepicker div.text-muted {padding-left:0.75em}
.profile-account .crmEntityFormView td.cell {margin:0; padding:0 0 2em 0;}
.profile-account .row.form-custom-actions input[type="button"] {margin-left:0.25em; margin-right:0.25em; display:inline-block;}
.profile-account .row.form-custom-actions input[type="button"]:first-child {margin-left:0;}
.profile-account .row.form-custom-actions input[type="button"]:last-child {margin-right:0;}
.centered {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.profile-account #mpi_sendinvitationmanuallylater {display:block; padding-top:1em;}
.profile-account #mpi_sendinvitationmanuallylater label[for="mpi_sendinvitationmanuallylater_0"] {padding-right:3em;}
#inactive-info-message {color: #537B92;}
#inactive-info-message:before {font-size: 1em; width: 1em; height: 1em; margin-right: 0.5em; display: inline-block; font-family: "fontello"; content: '\e825'; }
.sre-customer-view .crmEntityFormView .state, .sre-customer-view .crmEntityFormView .status { padding: 6px 0px !important; color: #9a9a9a !important; word-wrap: break-word;}

/****** External Agency ***/
/* External Agency - My Account / My Profile Page */
.profile-account.external-agencies-profile .section-header {padding-bottom:1em;}
.profile-account.external-agencies-profile .section-header h4 {font-weight: 700; border-bottom: 1px solid #ddd;}
.profile-account.external-agencies-profile #brokerSummary + .section-header {padding-top:3em; margin-bottom:1.5em;}
.profile-account.external-agencies-profile #brokerSummary li {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
.profile-account.external-agencies-profile #brokerSummary li img {margin-right:2em;}
.profile-account.external-agencies-profile #brokerSummary li label {padding:0;}
.profile-account.external-agencies-profile #brokerSummary li input {min-height: 0; height: auto; padding: 0}
.external-user-management-no-user-found, .external-user-management-no-inactive-user, .external-user-management-no-filter-found { color: #DD2F2A }


/* Activities Page */
div.collapseDiv .col-md-5:first-child {padding-left:0;}
div.collapseDiv .col-md-5 p {word-wrap:wrap;}

/* MPI support & FAQs */
body.QandAsupport h1 {padding-bottom:40px;}
body.QandAsupport h3 {padding:0}
body.QandAsupport div.divflex {display:flex; align-items:stretch; justify-content:center; padding-bottom:40px;}
body.QandAsupport div.divflex span {width:50%; flex-basis:50%;}
body.QandAsupport div.divflex span:first-child {padding-right:40px}
body.QandAsupport div.divflex span:last-child {padding-left:40px; border-left:1px solid #ccc;}
body.QandAsupport ul.QandAs {margin:0; padding:0 0 40px 0; list-style:none;}
body.QandAsupport ul.QandAs li {margin:0; padding:0 0 1.5em 0;}
body.QandAsupport ul.QandAs li p {padding-bottom:1em;}

/* User management */

/* View / Edit / Create User */
#mpi_requeststatus:disabled, #mpi_statusofinvitation:disabled {padding-left:0 !important; padding-right:0 !important;}
#mpi_request.readonly { padding-left: 0px !important; }
*::placeholder {color:#9a9a9a;}

/**/

/*--- helpers & hacks */
.mobile {display:none;}
.desktop {display: initial;}
.hidden {display:none;}

div#selectSpinner.form-loading {top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 200%;}


@media screen and (max-width: 1200px) {
	.mobile {display:block;}
	.desktop {display: none;}
	
	/* header & header menu */
	header #menu #mobile-menu {width:100%; height:100%; overflow-y:auto; position:fixed; top:-100vh; right:-100vw; transition:all 0.3s ease; background:#f0f0f0; z-index:9999;}
	body.menu header #menu #mobile-menu {top:0;right:0; display:block; padding:3em 1em 1em 1em;}
	header #open-menu, header #close-menu {font-size:1.5em; background:none; border:none;}
	header #close-menu {position:absolute; top:1em; right:1em;}
	header #menu #mobile-menu ul {width:100%; flex-sbasis:100%; align-items:flex-start; justify-content: flex-start; flex-wrap:wrap;}
	header #menu #mobile-menu ul li {width:100%; flex-basis:100%; padding:0; margin:0;}
	header #menu #mobile-menu ul li a {padding: 0 0 1em 0; width: 100%; margin: 0; display: block;}
	header #menu #mobile-menu ul li a.dropdown-toggle {display:none;}
	header #primary li {font-weight:700;}
	header #primary a:hover {color:#1FA2B5 !important;}
	header #secondary {border-top: 1px solid #DCDCDC; padding-top: 0.75em !important;}
	header #secondary a span:after {content: attr(data-en); font-size: 0.75em; line-height: 1.25em; vertical-align: text-top; padding-left: 0.75em; font-family: 'Lato';}
	header #user-state {border:none;} 
	header #user-state .dropdown {display:block;}
	header #user-state .dropdown .dropdown-menu {display: block; margin: 0; padding: 0 !important; background: none; border: none;}
	header #user-state .dropdown .dropdown-menu > li> a {padding:0; font-weight:700;}
	header #user-state .dropdown .dropdown-menu > li> a:hover {background:none; }
}
@media screen and (max-width: 980px) {

}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 720px) {

}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 560px) {

}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}

/* darkmode */
body.darkmode, body.darkmode header, body.darkmode footer, body.darkmode main {background:#383838; color:#fff;}
body.darkmode header #brand-img {background-image:url(Brand_light.svg);}

/* print */
@media print {

}

/* Power Virtual Agent styles */
.pva-floating-style {
  position: fixed;
  bottom: 0px;
  right: 0px;
  margin-right: 16px;
  margin-bottom: 18px;
  z-index: 9999;
}
/* Power Virtual Agent styles ends */