/* here you can put your own css to customize and override the theme */

/* Global varaible styles */
:root {
    --blue: #0F4E92;
    --white: #fff;
    --black: #000;
    --red: #FF0000;
}

/* portlet */
.sortable .portlet>.portlet-title {
    cursor: default;
}

.portlet .portlet-title a {
    color: var(--white);
    text-decoration: none;
}

.portlet>.portlet-title>.column {
    float: left;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 8px;
}

.portlet .panel-heading:after {
    content: "";
    display: table;
    clear: both;
}

.panel-default>.panel-heading .actions {
    float: right;
}

.portlet .panel-heading .dropdown-toggle {
    height: 28px;
}

.portlet-title .btn-sm {
    margin-left: 5px;
    height: 24px;
    font-size: 12px;
}

.portlet .btn,
.portlet .btn *,
.portlet a {
    cursor: pointer !important;
}

.portlet .list-group.forms .btn {
    margin-left: 5px;
}

/* other */
.header {
    background-color: var(--blue) !important; 
}

.main-color {
    background-color: var(--blue) !important; 
}
.header .navbar-brand {
    color: var(--white);
}

.header .logo {
    height: 30px;
    float: left;
    margin-top: -5px;
}

.header .navbar-brand {
    width: auto;
    padding: 8px;
    margin-top: 8px;
}

.header .navbar-nav>li.dropdown.user .dropdown-toggle {
    margin-top: 8px;
}

.header li.navbar-form {
    padding: 8px;
}

.header li.navbar-form input {
    background-color: var(--white);
    width: 320px;
}

.header #user-dropdown-menu {
    overflow: hidden;
}

@media (max-width: 1200px) {
    .header li.navbar-form input {
        width: auto;
    }
}

.header .navbar-nav .navbar-li a {
    color: var(--white);
}

.header .navbar-nav .navbar-li a:hover,
.header .navbar-nav .navbar-li a:active,
.header .navbar-nav .navbar-li a:focus {
    background-color: #616161;
}

.header .navbar-nav li.dropdown .dropdown-toggle i {
    color: var(--white) !important;
}

.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: var(--white) !important;
    color: var(--black) !important;
}

.header .navbar-nav li.dropdown .dropdown-toggle:hover > i,
.header .navbar-nav li.dropdown .dropdown-toggle:hover span,
.header .navbar-nav li.dropdown.open .dropdown-toggle > i,
.header .navbar-nav li.dropdown.open .dropdown-toggle span {
    color: var(--black) !important;
}

.header .navbar-nav li button {
    background-color: var(--blue);
    margin-right: 0px !important;
}

.header .navbar-brand span {
    float: left;
    margin-left: 80px;
    margin-top: -14px;
}

.header .navbar-brand span img {
    width: 35px;
}

.header.navbar-fixed-top {
    height: 50px;
}

/* Side Nav bar */
#page-sidebar {
    background-color: #486f9c !important;
}

.sidebar-toggler {
    background-image: none !important;
    background-color: #486f9c !important;
    border-bottom: 1px solid #e2e2e2 !important;
    color: var(--black) !important;
    cursor: pointer; 
    width: 100%;
    padding: 10px 15px;
}

ul.page-sidebar-menu>li a i,
ul.page-sidebar-menu>li>a,
ul.page-sidebar-menu ul.sub-menu>li>a,
ul.page-sidebar-menu ul.sub-menu>li>a i {
    color: var(--white) !important;
}

ul.page-sidebar-menu li.open>a i,
ul.page-sidebar-menu>li:hover>a i,
ul.page-sidebar-menu ul.sub-menu>li:hover>a,
ul.page-sidebar-menu ul.sub-menu>li:hover>a i {
    color: var(--black) !important;
}

ul.page-sidebar-menu ul.sub-menu>li>a:hover {
    background: var(--white) !important;
}

ul.page-sidebar-menu li.open>a,
ul.page-sidebar-menu>li:hover>a,
ul.page-sidebar-menu ul.sub-menu>li.open>a,
ul.page-sidebar-menu ul.sub-menu>li.open>a i {
    color: var(--black) !important;
    background: var(--white) !important;
}

ul.page-sidebar-menu>li>a>.arrow::before,
ul.page-sidebar-menu>li>a>.arrow.open::before {
    color: inherit !important;
}

/* Body styles */

.page-sidebar-fixed .page-content {
    background: linear-gradient(rgb(15, 78, 146, 0.2), rgb(3, 132, 119, 0.4));
}

.has-error {
    border-color: #b94a48;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error-realtors,
.has-error-clients {
    border-color: #ff3300;
    border-width: 2px;
    background-color: #f0dddd40;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error-realtors-label,
.has-error-clients-label {
    color: #ff3300;
    font-weight: 600;
}

/* Add Client Hide Realtor Options Start*/
.panel.panel-default > .panel.panel-heading:nth-child(1) {
    border-top: none;
}

#realtor-dropdown option.hide {
    display: none;
}

#co-realtor-dropdown option.hide {
    display: none;
}

/* Add Client Hide Realtor Options End*/

/* Edit Client Hide Realtor Options Start*/
#realtorId option.hide {
    display: none;
}

#coRealtorId option.hide {
    display: none;
}

/* Edit Client Hide Realtor Options End*/

.pointer {
    cursor: pointer;
}

.pointer-important {
    cursor: pointer !important;
}

.pointer a {
    color: inherit;
}

.pointer a:hover {
    text-decoration: none;
}

.cursor-default {
    cursor: default;
}

.cursor-notAllowed-default {
    cursor: not-allowed;
}

.cursor-notAllowed {
    cursor: not-allowed;
    pointer-events: none;
}

.panel-body>.table {
    margin-bottom: 0;
}

.panel-body>.panel:last-of-type {
    margin-bottom: 0;
}

#task-list .completed {
    text-decoration: line-through;
}

.panel-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.panel-heading:after {
    content: "";
    display: table;
    clear: both;
}

.panel-subheading {
    color: var(--white);
    background: #337ab7;
    padding: 0 15px 10px;
}

.btn-sm {
    height: 28px;
    font-size: 12px;
}

.btn-blue-component {
    color: #337ab7 !important;
    border-color: #337ab7 !important;
}

.page-content .page-header {
    margin: 0 0 15px 0;
    border-bottom: 1px solid var(--black);
}

body.page-menu-none .page-content {
    margin: 0 auto;
    max-width: 1064px;
}

.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4 {
    margin: 0;
}

/* modals */
.modal.modal-800 .modal-dialog {
    width: 800px;
}

@media (max-width: 800px) {
    .modal.modal-800 .modal-dialog {
        width: auto;
        margin: 10px;
    }
}

.modal.modal-1000 .modal-dialog {
    width: 1000px;
}

@media (max-width: 1000px) {
    .modal.modal-1000 .modal-dialog {
        width: auto;
        margin: 10px;
    }
}

.modal.modal-1200 .modal-dialog {
    width: 1200px;
}

@media (max-width: 1200px) {
    .modal.modal-1200 .modal-dialog {
        width: auto;
        margin: 10px;
    }
}

/* collapsible panels */
.panel-collapsible>.panel-heading {
    cursor: pointer;
    position: relative;
}

.panel-collapsible>.panel-heading:after {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    right: 10px;
    top: 12px;
    color: var(--white);
    margin-top: 0;
}

.panel-collapsible>.panel-heading.collapsed:after {
    content: "\f054";
}

/* helpers */
.scroll-y {
    overflow-y: auto !important;
}

.scroll-x {
    overflow-x: auto !important;
}

@media (max-width: 992px) {
    .mobile-hide {
        display: none;
    }
}

/** Margin all */
.margin-0 {
    margin: 0 !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-25 {
    margin: 25px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-60 {
    margin: 60px !important;
}

.margin-70 {
    margin: 70px !important;
}

.margin-80 {
    margin: 80px !important;
}

.margin-90 {
    margin: 90px !important;
}

.margin-100 {
    margin: 100px !important;
}

/** Margin top */
.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-90 {
    margin-top: 90px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

/** Margin right */
.margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

.margin-right-90 {
    margin-right: 90px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.margin-right-15-inverse {
    margin-right: -15px !important;
}

/** Margin bottom */
.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-90 {
    margin-bottom: 90px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

/** Margin left */
.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-90 {
    margin-left: 90px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}


/** Padding all */
.padding-0 {
    padding: 0 !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-70 {
    padding: 70px !important;
}

.padding-80 {
    padding: 80px !important;
}

.padding-90 {
    padding: 90px !important;
}

.padding-100 {
    padding: 100px !important;
}

/** Padding top */
.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-90 {
    padding-top: 90px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

/** Padding right */
.padding-right-0 {
    padding-right: 0 !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-right-60 {
    padding-right: 60px !important;
}

.padding-right-70 {
    padding-right: 70px !important;
}

.padding-right-80 {
    padding-right: 80px !important;
}

.padding-right-90 {
    padding-right: 90px !important;
}

.padding-right-100 {
    padding-right: 100px !important;
}

/** Padding bottom */
.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-90 {
    padding-bottom: 90px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

/** Padding left */
.padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-22 {
    padding-left: 22px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}

.padding-left-70 {
    padding-left: 70px !important;
}

.padding-left-80 {
    padding-left: 80px !important;
}

.padding-left-90 {
    padding-left: 90px !important;
}

.padding-left-100 {
    padding-left: 100px !important;
}

/*** Alignment classes */
.align-center {
    text-align: center;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right;
}

.align-start {
    text-align: start;
}

.align-end {
    text-align: end;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.padding-left-16 {
    padding-left: 16px;
}

.min-width-180 {
    min-width: 180px;
}

.max-width-33-p {
    max-width: 33%;
}

.max-width-1024 {
    max-width: 1024px;
}

.max-width-1080 {
    max-width: 1080px;
}

.max-width-1254 {
    max-width: 1254px;
}

.overflow-hidden {
    overflow: hidden;
}
.overflow-auto {
    overflow: auto;
}

.float-none {
    float: none;
}

.top-30 {
    top: 30% !important;
}

.nav-pills>li a {
    color: var(--black);
}

.nav-pills>li.secondary-active {
    background-color: #5bc0de;
    border-color: #46b8da;
    border-radius: 5px;
}

.nav-pills>li.secondary-active a {
    color: var(--white);
}

.nav-pills>li.secondary-active:focus a {
    color: var(--white);
}
.nav-pills>li.secondary-active:hover a,
.nav-pills>li.secondary-active a:focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

/*Date Range Picker*/
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 5px;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.daterangepicker .calendar-time div {
    float: right;
    margin-right: 15px;
}

.daterangepicker .calendar-time i {
    float: left;
    margin-top: 7px;
}

.formError {
    color: #FF0000;
}

.padding-top-15 {
    padding-top: 15px;
}

.margin-top-15 {
    margin-top: 15px;
}

.min-height-49 {
    min-height: 49px;
}

.height-49 {
    height: 49px;
}

.height-72 {
    height: 72px;
}

.height-500 {
    height: 500px;
}

span.qtr {
    margin-left: 50px;
}

.aspect {
    height: 0;
    overflow: hidden;
    position: relative;
}

.aspect img,
.aspect iframe {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.aspect-16_9 {
    /*padding-top: 9px / 16px * 100%;*/
    padding-top: 56.25%;
}

.aspect-4_3 {
    /*padding-top: 3px / 4px * 100%;*/
    padding-top: 75%;
}

.font-size-14,
.font-size-14 td,
.font-size-14 th {
    font-size: 14px;
}

.font-size-12,
.font-size-12 td,
.font-size-12 th {
    font-size: 12px;
}

.font-weight-bold,
.font-weight-bold td {
    font-weight: bold;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.pointer-events-auto {
    pointer-events: auto;
}

.explanatory-text {
    font-size: 16px;
    line-height: 1.75em;
}

#key-monthly-form th {
    width: 10%;
}

#key-monthly-form tfoot td {
    width: 10%;
}

#key-annual-form th,
#key-annual-form tfoot td {
    width: 10%;
}

#key-monthly-form tfoot td,
#key-annual-form tfoot td {
    background-color: #eee;
}

#key-monthly-form tfoot>tr:last-child>td,
#key-annual-form tfoot>tr:last-child>td {
    background-color: var(--white);
}

.panel>table.business-plan.table-bordered>tbody>tr:last-child>td {
    border-bottom: 1px solid #ddd;
}

.panel>table.business-plan.table-bordered>tfoot>tr>td:last-child {
    border-right: 1px solid #ddd;
}

.panel>table.business-plan.table-bordered>tfoot>tr>td:first-child {
    border-left: 1px solid #ddd;
}

.panel>table.business-plan.table-bordered>tfoot>tr:last-child>td {
    border-left: 0;
}

.panel>table.business-plan.table-bordered>tfoot>tr:last-child>td {
    border-right: 0;
}

table.business-plan tfoot.fixed {
    position: fixed;
    margin-right: 20px;
    bottom: 0;
    background-color: var(--white);
    z-index: 3000;
    margin-left: -1px;
    max-width: 1024px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}


#all-plans .panel-heading a {
    margin-right: 30px;
}

#all-plans .panel-heading .actions span,
#all-plans .panel-heading .actions a {
    margin-left: 10px;
}

#all-plans label[for=firstname] {
    margin-bottom: 10px;
}

#final-businessplan p {
    margin-bottom: 20px;
}

/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: var(--white)f66;
}


/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    max-width: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding: 0 15px;
    display: inline-block;
    border: 1px solid #999;
    background: var(--white);
}

.ui-autocomplete li {
    font-size: 16px;
    list-style: none;
}

.ui-helper-hidden-accessible {
    display: none;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

.table-layout {
    table-layout: fixed;
}

.width-35per {
    width: 35%;
}

.width-60per {
    width: 60%;
}

.width-100per {
    width: 100%;
}

.footer-debug {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.footer-queries {
    max-height: 320px;
    overflow: auto;
}

/* footer help */
.help-footer-icon {
    position: fixed;
    right: 32px;
    bottom: 32px;
    cursor: pointer;
    z-index: 5000;
}

.help-footer-icon .tooltip {
    margin-top: -24px;
    width: 64px;
}

.help-footer-icon .icon:before {
    content: "\f059";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 40px;
    color: var(--black);
}

.help-footer-icon:hover .icon:before {
    color: #0fa2e2;
}

.help-footer-icon.open .icon:before {
    content: "\f057";
}

.help-footer {
    position: fixed;
    bottom: 78px;
    right: 32px;
    text-align: right;
    display: none;
    z-index: 5001;
}

.help-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.help-footer ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    font-size: 13px;
}

.help-footer ul li .fa {
    font-size: 24px;
    color: var(--white);
}

.help-footer li span {
    background-color: var(--black);
    color: var(--white);
    padding: 8px 8px;
    border-radius: 8px !important;
    display: inline-block;
    margin-right: 4px;
}

.help-footer li:hover span {
    background-color: #0fa2e2;
}

.help-footer.open {
    display: block;
}

.help-footer-animation {
    position: fixed;
    right: 115px;
    bottom: 32px;
    z-index: 4999;
    color: var(--black);
    font-size: 22px;
    width: 280px;
    background-color: rgba(240, 240, 240, 0.95);
    padding: 24px;
    border-radius: 8px !important;
    animation: helpSlide 1000ms linear infinite;
    opacity: 1;
    transition: opacity 250ms ease-in-out;
}

.help-footer-animation.out {
    opacity: 0;
}

@keyframes helpSlide {
    0% {
        right: 115px;
    }

    30% {
        right: 110px;
    }

    50% {
        right: 110px;
    }

    80% {
        right: 115px;
    }

    100% {
        right: 115px;
    }
}


.help-footer-animation .arrow {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid rgba(240, 240, 240, 0.95);
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 -20px 11px 0;
}

.font-size-large {
    font-size: 125%;
}

.page-break {
    page-break-after: always;
    page-break-inside: avoid;
}

.page-no-break {
    page-break-inside: avoid;
}

/* print pdf */
body.pdf thead {
    display: table-header-group;
}

body.pdf tfoot {
    display: table-row-group;
}

body.pdf tr {
    page-break-inside: avoid;
}

body.pdf {
    margin: 0;
    padding: 0;
}

body.pdf .content {
    background-color: var(--white);
    padding: 16px;
}

body.pdf .col-sm-12,
body.pdf .col-sm-11,
body.pdf .col-sm-10,
body.pdf .col-sm-9,
body.pdf .col-sm-8,
body.pdf .col-sm-7,
body.pdf .col-sm-6,
body.pdf .col-sm-5,
body.pdf .col-sm-4,
body.pdf .col-sm-3,
body.pdf .col-sm-2,
body.pdf .col-sm-1 {
    float: left;
}

body.pdf .col-sm-12 {
    width: 100%;
}

body.pdf .col-sm-11 {
    width: 91.66666667%;
}

body.pdf .col-sm-10 {
    width: 83.33333333%;
}

body.pdf .col-sm-9 {
    width: 75%;
}

body.pdf .col-sm-8 {
    width: 66.66666667%;
}

body.pdf .col-sm-7 {
    width: 58.33333333%;
}

body.pdf .col-sm-6 {
    width: 50%;
}

body.pdf .col-sm-5 {
    width: 41.06666667%;
}

body.pdf .col-sm-4 {
    width: 33.33333333%;
}

body.pdf .col-sm-3 {
    width: 25%;
}

body.pdf .col-sm-2 {
    width: 16.66666667%;
}

body.pdf .col-sm-1 {
    width: 8.33333333%;
}

/* PDF small */
body.pdf .pdf-small,
body.pdf .pdf-small td,
body.pdf .pdf-small th {
    font-size: 90%;
}

body.pdf .pdf-small td,
body.pdf .pdf-small th {
    padding: 4px;
}

body.pdf .pdf-small .panel-title {
    font-size: 100%;
}

body.pdf .pdf-small .panel-body {
    padding: 8px;
}

#eft_payments-search.list-autocomplete {
    width: 100%;
}

#general_balance {
    border-radius: 0;
}

#check_number {
    border-radius: 0 5px 5px 0;
}

.easy-autocomplete-container .active {
    color: #084298;
}

#lead-unified-search.list-autocomplete {
    width: 100%;
}

form.feedback input[type='submit'],
form.testimonial input[type='submit'] {
    margin-top: 27px;
}

/* fix mobile modal width */
@media (max-width: 800px) {
    .modal .modal-dialog {
        width: auto;
        margin: 10px;
    }

    .header .navbar-brand {
        width: auto;
    }

    .footer .footer-debug.footer-inner {
        display: none;
    }
}

label.required {
    color: red;
}

.error {
    color: red;
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-1 {
    font-size: 1rem !important;
}

.font-size-large,
.font-size-16 {
    font-size: 16px;
}


.dropzone-over {
    background-color: #d9edf7 !important;
}

.font-size-extra-large {
    font-size: 20px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-40 {
    font-size: 40px;
}
/**
 * Position helpers, MT stands for margin-top
 */

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}


.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-50 {
    margin-top: 50px;
}

.ml-20 {
    margin-Left: 20px;
}

.ml-10 {
    margin-Left: 10px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mr-10 {
    margin-right: 1rem;
}

.pt-5 {
    padding-top: 5px;
}

#associateModal {
    min-height: 400px;
}

#associateModal a {
    /* background-color: #5cb85c;
   border-color: #4cae4c; */
    /* color: var(--white); */
    font-weight: bolder;
}

.associateFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.officeOptGroupDropdown .select2-container .select2-selection--single {
    height: 34px;
}

/*is logo attchaed checkbox style*/
.logoCheckboxBlock {
    padding: 26px 0px;
}

.logoCheckboxBlock label {
    padding-right: 6px;
}

#header-search .easy-autocomplete-container li {
    padding: 2px;
}

#header-search .easy-autocomplete-container li .alert {
    margin-bottom: 2px;
}

#header-search .easy-autocomplete-container li .eac-item {
    margin-top: 0;
}

.color-orangered {
    color: orangered;
}

.color-orange {
    color: orange;
}

.color-grey {
    color: grey;
}

.color-lightsteelblue {
    color:lightsteelblue;
}

.cursor-pointer {
    cursor: pointer;
}

.ghost-text {
    opacity: 0.5;
}

.phantom-text {
    opacity: 0.2;
}

/***
 * Override for the Font Selector on the Print Cheque screen
 */
.font-select {
    width: 200px !important;
}

.realtor-email-edit-icon {
    padding-left: 10px;
    cursor: pointer;
}

.inputBlock span i {
    color: #0d97d4;
    font-size: 2.5rem;
    margin-top: 10px;
    cursor: pointer;
}

.padding-left-0 {
    padding-left: 0px;
}

.header-note {
    color: var(--white)f;
    margin-top: 15px;
    font-size: 15px;
}


.center-middle-row td {
    vertical-align: middle !important;
}


.color-green,
td .color-green {
    color: green !important;
}

.color-red,
td .color-red {
    color: red;
}

.color-black {
    color: var(--black) !important;
}

.color-greenlight {
    color: rgb(30, 202, 108);
}

.color-darkseagreen {
    color: darkseagreen;
}

.color-greenemerald {
    color: #32b89d;
}

.color-bluepearl {
    color: rgb(6, 6, 219);
    opacity: 0.4;
}

.color-yellow {
    color: rgb(211, 201, 10);
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

/* This class will create sticky element at the bottom of the page */
/* Note: this class can't be together with col-md-XXX - this class removes values from the element */
.fixed_save_bottom_css {
    bottom: 0;
    position: fixed;
    font-weight: bold;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    box-shadow: 0px 4px 3px var(--black) !important;
    z-index: 9999;
    transition: border 0.1s linear;
}

.fixed_save_bottom::before {
    font-family: FontAwesome;
    content: "\f0c7";
    margin-right: 5px;
}

.fixed_center_bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.fixed_save_bottom_css:hover {
    border: 2px dashed transparent;
}

.ellipsisb {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.imitateA {
    color: #0d638f;
    cursor: pointer;
}

.imitateA:hover {
    text-decoration: underline;
}

.discardEmailAction {
    color: red;
    cursor: pointer;
    z-index: 200;
    font-size: 1.8rem;
    right: 8px;
    top: -7px;
    background-color: var(--white);
}

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

/* Tables */

.subtotal_table {
    background-color: #eee;
    font-weight: bold;

}

.visually-hidden {
    visibility: hidden;
}


.cursor-pointer {
    cursor: pointer;
}

.d-flex {
    display: flex
}

.flex-align-start {
    align-items: flex-start;
}

.flex-column {
    flex-direction: column;
}

.flex-align-center {
    align-items: center;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-justify-start {
    justify-content: flex-start;
}

.flex-justify-end {
    justify-content: flex-end;
} 

.flex-justify-space-between {
    justify-content: space-between;
}

.flex-justify-space-around {
    justify-content: space-around;
}

.flex-justify-space-evenly {
    justify-content: space-evenly;
}

.flex-justify-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}


.col-0-5 {
    flex: 0 0 auto;
    width: 4.16666666666%
}

.col-0-7 {
    flex: 0 0 auto;
    width: 6.16666666666%
}

.col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}


.col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.d-inline-block {
    display: inline-block;
}

/* Add font awesome icon to user settings save button  */
.realtor_save_button::before {
    font-family: FontAwesome;
    content: "\f0c7";
    margin-right: 5px;
}

#printInvoiceDropdown,
#transactionDropdown {
    border-radius: 5px;
}

#conveyance_group_dropdown,
#transaction_group_dropdown,
#print_invoice_group_dropdown {
    margin: 4px 3px 3px;
}

#conveyance_group_dropdown .dropdown-item,
#transaction_group_dropdown .dropdown-item,
#print_invoice_group_dropdown .dropdown-item {
    display: block;
    color: var(--black);
    border: 1px solid transparent;
    font-size: 1.2rem;
    padding: 3px;
}

#conveyance_group_dropdown .dropdown-item:hover,
#transaction_group_dropdown .dropdown-item:hover,
#print_invoice_group_dropdown .dropdown-item:hover {
    background-color: lightgrey;
    text-decoration: #616161;
}

#amount_to_be_paid {
    border-radius: 0;
}

.font-weight-bold,
.fw-bold,
.font-weight-bold td {
    font-weight: bold;
}

.color-red,
.color-red td {
    color: var(--red);
}

.ellipsisb {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.imitateA {
    color: #0d638f;
    cursor: pointer;
}

.imitateA:hover {
    text-decoration: underline;
}

.discardEmailAction {
    color: red;
    cursor: pointer;
    z-index: 200;
    font-size: 1.8rem;
    right: 8px;
    top: -7px;
    background-color: var(--white);
}

.animateTo {
    cursor: pointer;
}

.waverBorder {
    border: 1.2px solid transparent;
    animation: waves 3s linear infinite;
}

@keyframes waves {
    0% {
        border-top: 1.2px transparent double
    }

    20% {
        border-top: 1.2px goldenrod double
    }

    40% {
        border-right: 1.5px goldenrod double
    }

    60% {
        border-bottom: 1.5px goldenrod double
    }

    80% {
        border-left: 1.2px goldenrod double
    }
}

#transactionRoomReviewReason {
    display: block;
    white-space: pre-wrap;
    line-height: normal;
    text-align: left;
}

.color-black {
    color: #1f1f1f;
}

.color-darkblue {
    color: #1570a6;
}

.color-lightblue {
    color: #4aabf9;
}

.color-primary {
    color: #337ab7;
}

.background-primary {
    background-color: #337ab7 !important;
}

.color-red {
    color: #eb4d41;
}

.color-darkred {
    color: #E50000;
}

.color-green {
    color: #28b779;
}

.color-green-glow {
    color: #32B89D !important;
}

.color-lightgray {
    color: lightgray;
}

/* Expense Manager */
.remove_expense_manager_row {
    background: #5bc0de !important;
    opacity: 0.8;
    color: var(--white);
}

.anchor_imitate {
    color: #0d638f !important;
    cursor: pointer;
    text-shadow: none !important;
}

/* Used to style the panels in the transaction room */
.flex-panel {
    display: flex;
    flex-direction: column;
}

.dropzone.dz-drag-hover {
    background-color: #eee;
    border: 2px solid rgba(1, 1, 1, 1);
}

/* Used to style the forms in the transaction room */
#transaction-room-forms .form-label.required {
    color: red;
}

#transaction-room-forms .list-group-item.active .form-label.required {
    color: var(--white);
}

/* Void Payments */
.void_payment {
    color: red !important;
    cursor: help;
}

.disable_behaviour {
    pointer-events: none;
}

/* Pulsing Menu Item */

.pulsing-menu-item {
    animation: glow 1s infinite alternate;
    margin-left: 5px !important;
    margin-right: 5px !important;
    border-radius: 10px !important;
}

.pulsing-menu-item>a {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.pulsing-menu-item>a:hover>i {
    margin-left: -7px !important;
}

.pulsing-menu-item>a:hover>span {
    margin-right: -6px !important;
}

.pulsing-menu-item>a:hover {
    margin-left: 2.5px !important;
    margin-right: 2.5px !important;
    border-radius: 10px !important;
}

@keyframes glow {
    from {
        box-shadow: 0 0 2px -2px #f4a6a0, 0 0 2px -2px #f4a6a0 inset;
    }

    to {
        box-shadow: 0 0 2px 2px #f4a6a0, 0 0 2px 2px #f4a6a0 inset;
    }
}

.font-awesome-precentage:after {
    content: "\f295";
    font-family: FontAwesome;
    font-weight: 200;
}

.dataTables_wrapper input,
.dataTables_wrapper input:focus-visible,
.dataTables_wrapper input:focus {
    margin-left: 10px;
    border-style: solid;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#datatables-utils {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#dt-buttons {
    order: 2;
}

.buttons-excel {
    margin-left: 5px!important;
    border-radius: 5px!important;
}

.buttons-pdf {
    margin-left: -20px!important;
    margin-right: 5px!important;
    border-radius: 5px!important;
}

.report_chosen {
    width: 100%;
}

#display_income_account .form-group .checkbox{
    padding-left: 25px;
}

#display_income_account .multiselect-container{
    width: 100% !important;
}

#display_income_account .dropdown-toggle{
    overflow: hidden !important;
}

.brokerage-report-info-ar{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Monthly Reconciliation Button */
.monthly-report-button {
    pointer-events: none;
}

.monthly-report-button-div {
    display: inline-block;
}

/* Lawyer */
.display_lock_conveyance {
    color: red;
    opacity: 0.2;
    font-size: 20vh;
    position: absolute;
    top: 30%;
    left: 20%;
    transform: rotate(-45deg);
}

#eft_settings {
    cursor: pointer;
}

#lawyers-filter-list {
    height: 210px;
}

#filterByLawyer #search {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tabs-background li.active a,
.tabs-background li.active a:focus,
.tabs-background li.active a:hover {
    color: var(--white);
    background: rgb(51, 122, 183);
}

.tabs-background li a {
    color: var(--black);
}

/*Seetings*/

.EFT_ZUM_CC_ENABLED_LINE {
    padding-top: 30px;
    border-top: 1px solid rgba(232, 232, 232, 1);
}

/* Used to style the e-sign promo page */
.card-col {
    padding: 40px;
}

.card-row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.card-title {
    font-size: 18px;
    font-weight: 600 !important;
}

.card-container {
    margin: 40px;
}

.card-header {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promo-card {
    box-shadow: 0px 10px 19px rgba(163, 172, 186, 0.364756);
    border-radius: 5px !important;
    height: 100%;
}

.promo-card img {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.promo-text-div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promo-card-text {
    padding: 10px;

}

.promo-text {
    height: 350px;
    text-align: center;
    font-size: medium;
}

.required-icon {
    color: #ff3300;
}

.required-icon i {
    margin-left: 5px;
    font-size: 10px;
}

.form-scroll-div {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Used to style the esign form modal */

.esign-form-link {
    width: 100%;
    padding-bottom: 10px;
}

#esignImportModal {
    max-height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

#esignImportModalSignup {
    max-height: 60vh;
}

#esignDownloadButton {
    float: right;
}

#esignDownloadButton i {
    font-size: 1.5em !important;
    color: #a3aab5;
    display: none;
}

#esignFormLeftSpan {
    float: left;
}

#esignFormDocumentImg i {
    font-size: 1.5em !important;
    margin-right: 5px;
    color: #a3aab5;
}

#esignSessionDiv {
    box-shadow: 0px 7px 12px rgba(163, 172, 186, .7);
    padding: 20px;
    margin-bottom: 20px;
}

#esignSearchDiv {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
}

#esignSearchDiv::after {
    content: "";
    clear: both;
    display: table;
}

#esignFormSearch {
    float: left;
    width: 90%;
    font-size: 16px;
    padding: 12px 20px 12px 12px;
    border: 1px solid #a5a5a5;
}

#esignFormSearchBtn {
    float: left;
    width: 10%;
}

#esignNotSignedUpDiv,
#esignNoRecordsDiv {
    text-align: center;
}

#esignSessionLabel {
    letter-spacing: .5px;
    color: var(--white);
    padding: 3px 10px;
    font-size: 9px;
    font-weight: 600;
    float: left;
    text-transform: uppercase;
    background-color: #0f62bd;
}

#esignDateLabel {
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 500;
    float: left;

}

.border-none {
    border: none;
}

.border-radius-5 {
    border-radius: 5px !important;
}

.border-radius-10 {
    border-radius: 10px !important;
}

/* Hide Arrows on type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.silver-shadow {
    box-shadow: silver 2px 2px 5px !important;
}


/* slides */

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 50px;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    margin: 0px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.cursor-notAllowed-auto-recovery {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    border-radius: 5px;
    padding: 5px;
}

.background-linear-blue {
    background-color: #0093E9;
    background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

.background-linear-red {
    background-color: #ec0c0c;
    background-image: linear-gradient(160deg, #ec0c0c 0%, #f9e4e4 100%);
}

.background-linear-gray {
    background-color: #4b4949;
    background-image: linear-gradient(160deg, #4b4949 0%, #f9e4e4 100%);

}

.LoaderSpinner>i {
    margin-right: 5px;
}

/* User account dropdown header menu */

/* Brokerage Activity Page table */
#trade_record_table {
    overflow: auto;
}

#trade_record_table tbody {
    background: var(--white);
}

/* Conveyance button on deals page */
#conveyanceDropdown {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.background-emerald {
    background-color: #32b89d !important;
    color: var(--white);
}

.background-primary {
    background-color: #337ab7!important;
    
}

.searching_box_group {
    padding: 20px 0;
    margin: 10px 0px;
}

/* Add/update deal page */
#deposit_received_description,
#deposit_outstanding_description {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* Override tax amount on edit deal page */
#alt_tax_amount_container {
    transition: margin-top 0.2s ease-in-out;
}

#alt_tax_amount_input_container.collapsing {
    transition: height 0.2s ease-in-out;
}

.z-index-top {
    z-index: 9000;
}

.display-alert-icon-information {
    display: none;
    position:absolute;
    top: 20px;
    left: 20px;
    min-width: 200px;
    border: 1px solid #f4efef36;
    border-radius: 5%;
    padding: 10px;
    box-shadow: 1px 1px 5px gray;
    background-color: #337ab7eb;
    color: var(--white);
    z-index: 9999;
    
}

.display-alert-icon-information-container{
    position:relative;
    display: inline-block;
}

.display-alert-as-toast{
    box-sizing: content-box;
    min-width: 20px !important;
    max-width: 60px !important;
    font-size : 1rem;
    padding: 1px 5px !important;
    top: -50px !important;
    left: -20px !important;
}

/* Deals search styles */
#page_title,
#search_deals_filter,
#search_deals_results {
    visibility: hidden;
}

#search_deals_filter {
    border-left-style: none;
    border-radius: 5px;
    min-height: 225px;
}

#search_change .form-group .checkbox,
#deduction_search .form-group .checkbox,
#deduction_tracker_search .form-group .checkbox,
#display_income_account .checkbox {
    padding-left: 25px;
}

#search_change #date_range_from,
#search_change #date_range_to {
    padding-left: 13px;
}

#search_change .multiselect.dropdown-toggle,
#deduction_search .multiselect.dropdown-toggle,
#deduction_tracker_search .multiselect.dropdown-toggle {
    text-align: left;
    overflow: auto;
}

#search_change .multiselect-container,
#deduction_search .multiselect-container, 
#deduction_tracker_search .multiselect-container {
    width: 100% !important;
    overflow: auto;
}

#search_change .multiselect-container>li>a,
#deduction_search .multiselect-container>li>a,
#deduction__report_search .multiselect-container>li>a {
    white-space: normal;
}

/* Email Realtor Modal Styles */
#viewRealtorEmailModal .modal-dialog {
    overflow: auto;
}

.width-auto {
    width: auto;
}

/* Multi-Select Option Group Checkbox */
.multiselect-option-group {
    all: unset;
    color: var(--black);
    margin-top: 20px;
    padding-left: 5px;
}

.multiselect-option-group.active {
    text-decoration: none;
    background-image: none;
    background-color: #eee;
    color: #333;
    filter: none;
    width: 100%
}

.form-check-input {
    transform: scale(1.01);
}

.form-check-label {
    padding-left: 10px;
    font-weight: bold;
}

.multi-select-non-click-label {
    margin-left: 10px;
    font-weight: bold;
    margin-top: 20px;
}

.multiselect-group-option-label {
    margin-left: 24px !important;
}

.group-caret-container {
    color: var(--black);
    cursor: pointer;
    font-size: 10px;
}

.multiselect-container.dropdown-menu {
    padding-bottom: 10px;
}

.unlock-card-icon{
    position: absolute;
    right: 0px;
    top: -5px;
}

.cancelled {
    text-decoration: line-through;
    
    color: rgba(61, 49, 49, 0.4);
}
.w-200 {
    width: 200px;
}

.title-container {
    margin-left: -7px;
}

.title-global-container,
#manage-roles-header {
    background-color: #337ab7 !important;
    color: var(--white) !important;
    font-weight: 300;
}

#manage-roles-header {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#manage-roles-table {
    overflow: hidden;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.panel-background {
    background: var(--white);
    padding: 10px;
    border-radius: 5px !important;
}

.border-top-radius-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.border-bottom-radius-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.color-initial {
    color: initial !important;
}

/* View Realtor Section Styles */
#realtor_select {
    display: flex;
    justify-content: space-between;
}

#realtor_select select {
    width: 75% !important;
}

/* Fintrac Report Styles */
#fintrac_search_results {
    overflow: auto;
}

/* Audit Wizard Styles */
#audit-wizard-results .well {
    background: #bce8f1;
}

/* Sold Sales Report Styles */
.sales-report-header,
.sales-report-body,
.sales-report-footer {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.sales-report-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.sales-report-header p {
    margin: 5px 0;
}
.sales-report-header p:last-child {
    margin: 15px 0;
}
.sales-report-logo {
    margin-top: 20px;
    display: block;
}
.sales-report-title {
    font-weight: 300;
    margin: 15px 0 5px;
    font-size: 16px;
}
.sales-report-body {
    margin: 0 30px;
    vertical-align: top;
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}
.sales-report-body tr td {
    border-top: 1px solid lightgrey;
}
.sales-report-body td {
    padding: 10px 0;
}
.sales-report-body td.first-child {
    padding-left: 10px;
    width: 35%;
}
.sales-report-body td.last-child {
    padding-right: 10px;
    width: 65%;
}
.sales-report-footer {
    margin: 0 30px;
    padding: 0 10px;
}

.pill-status {
    background-color: #337ab7 !important;
    color: var(--white) !important;
}
  
.pill-default {
    background-color: #4e565e !important;
    color: var(--white) !important;
}
/* Financial Statistics Styles */
#search_filters .multiselect.dropdown-toggle {
    text-align: left;
    overflow: auto;
}

#agent-history-earnings-report-total-summary .panel-body-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#agent-history-earnings-report-total-summary .panel-body-container p {
    margin-top: 10px;
    font-size: 14px;
}

.no-transition {
    -webkit-transition: height 0.001s;
    -moz-transition: height 0.001s;
    -ms-transition: height 0.001s;
    -o-transition: height 0.001s;
    transition: height 0.001s;
}

tr.accordion {
    cursor: pointer;
}

tr.accordion:hover {
    background-color: #ddd;
}

.chevron-rotate {
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.chevron-rotate.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.alert-ghost {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #afaeb4 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #afaeb4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#afaeb4));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #afaeb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffafaeb4', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.right-0 {
    right: 0;
}

.right-15 {
    right: 15px;
}

.top-0 {
    top: 0;
}

/* =============================================================================
   ACCOUNTS RECEIVABLE REPORT PAGINATION STYLES
   ============================================================================= */

/* Scope all AR report styles to the specific report table and container */
#accounts-receivable-report-table tr.group,
.report-panel #accounts-receivable-report-table tr.group {
    background-color: #f0f0f0 !important;
    font-weight: bold;
}

/* Make continuation indicators more visible */
#accounts-receivable-report-table tr.group td strong,
.report-panel #accounts-receivable-report-table tr.group td strong {
    font-size: 1.1em;
}

/* AR Report Group Totals (Complete group totals across all pages) */
#accounts-receivable-report-table tr.group-total,
.report-panel #accounts-receivable-report-table tr.group-total {
    background-color: #e8f4fd !important;
    border-top: 2px solid #2c5aa0 !important;
    border-bottom: 1px solid #2c5aa0 !important;
    font-weight: bold;
}

/* AR Report Page Subtotals (Page-level totals when groups span multiple pages) */
#accounts-receivable-report-table tr.page-subtotal,
.report-panel #accounts-receivable-report-table tr.page-subtotal {
    background-color: #fff3cd !important;
    border-top: 2px solid #856404 !important;
    border-bottom: 1px dashed #856404 !important;
    font-weight: bold;
    font-style: italic;
}

#accounts-receivable-report-table tr.page-subtotal td,
.report-panel #accounts-receivable-report-table tr.page-subtotal td {
    color: #856404 !important;
}

/* Common styling for both total types */
#accounts-receivable-report-table tr.group-total td,
#accounts-receivable-report-table tr.page-subtotal td,
.report-panel #accounts-receivable-report-table tr.group-total td,
.report-panel #accounts-receivable-report-table tr.page-subtotal td {
    padding: 8px 12px !important;
}