/*
 * Nested Accordion with Card Styles
 * -----------------
 */
.nested-accordion-with-card .card-body .user-image {
    width: 32px;
}

.nested-accordion-with-card .card-body .team-accordion .float-end small {
    font-size: 60%;
}

.nested-accordion-with-card .card-body .team-payment-history,
.nested-accordion-with-card .card-body div.dt-container div.dt-layout-row {
    margin: 0px !important;
}

.nested-accordion-with-card .card-body div.dt-container div.dt-layout-table,
.nested-accordion-with-card .expand-details-table {
    border: 1px solid #ddd;
    border-radius: 7px;
}

.nested-accordion-with-card .card-body div.dt-layout-cell {
    padding: 0px !important;
}

.nested-accordion-with-card .card-body .team-content {
    border-top: 1px solid #fff !important;
    padding-top: 0px !important;
}

.nested-accordion-with-card .card-body .team-content .dt-layout-full {
    padding: 0px !important;
}

.nested-accordion-with-card .table > thead > tr > th {
    border-bottom-width: 1px !important;
    background: #f9fafb;
    color: #667085;
    font-weight: 600;
}

.nested-accordion-with-card .table > thead > tr > th.text-end {
    text-align: right !important;
}

.nested-accordion-with-card .row-expanded > td {
    background: #ecf0f5 !important;
}

.nested-accordion-with-card .row-expandable:hover {
    color: #0073ff;
    cursor: pointer;
}

.nested-accordion-with-card .expand-details-table thead {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 2;
    border-bottom: 2px solid #ddd;
}
/* END: Nested Accordion with Card Styles */

.asignee-thumb-img {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 2px;
}

.tab-content .profile_picture img {
    border-radius: 50%;
    background-color: #aaa;
    background-image: url("../images/pic_icon.png");
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 50% 45%;
}

.bx-wrapper .col-item {
    border: 2px solid #bbb;
    position: relative;
    overflow: hidden;
    height: 160px;
}

.bx-wrapper .col-item .col-item-new {
    font-size: 18px;
    text-align: center;
    height: 100%;
    width: 100%;
    display: table;
}

.bx-wrapper .col-item .col-item-new .fa {
    font-size: 52px;
    display: block;
}

.bx-wrapper .col-item .col-item-new a {
    color: #999;
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.bx-wrapper .col-item .col-item-new a:hover {
    color: #0073ff;
}

.bx-wrapper .col-item .col-item-top img {
    max-width: 100%;
}

.bx-wrapper .col-item .col-item-bottom {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: -75%;
    background: #fff;
    padding: 10px;
    transition: all 0.3s ease-out;
    z-index: 7;
}

.bx-wrapper .col-item:hover .col-item-bottom {
    bottom: -10%;
}

.bx-wrapper .col-item .col-item-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bx-wrapper .col-item .col-item-bottom ul li {
    list-style: none;
    margin: 0;
    padding: 0 0 7px 0;
}

.bx-wrapper .col-item .col-item-bottom ul li a {
    display: block;
}

.bx-wrapper .col-item .col-item-bottom ul.cib-name {
    overflow: hidden;
    font-weight: 600;
}

.bx-wrapper .col-item .col-item-bottom ul.cib-name li {
    float: left;
}

.bx-wrapper .col-item .col-item-bottom ul.cib-name li.cib-name-left {
    width: 75%;
}

.bx-wrapper .col-item .col-item-bottom ul.cib-name li.cib-name-left a {
    display: inline-block;
    max-width: 100%;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    font-size: 16px;
}

.bx-wrapper .col-item .col-item-bottom ul.cib-name li.cib-name-right {
    width: 25%;
    text-align: right;
}

.bx-wrapper .col-item .col-item-bottom ul.cib-social-icons {
    border-top: 1px solid #ece8e8;
}

.bx-wrapper .col-item .col-item-bottom ul.cib-social-icons li {
    display: inline-block;
    padding-top: 7px;
    padding-right: 5px;
    text-align: center;
}

.bx-wrapper .has-badge {
    border-color: #e6378f;
}

.bx-wrapper .col-item .col-item-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
}

.has-badge .col-item-badge {
    display: block !important;
}

.bx-wrapper .col-item .col-item-badge .triangle-badge {
    width: 0;
    height: 0;
    border-top: 40px solid #e6378f;
    border-right: 40px solid transparent;
}

.bx-wrapper .col-item .col-item-badge .fa {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #fff;
}

.sidebar-labels .sidebar-label-select {
    position: relative;
}

.sidebar-labels .sidebar-label-select .add-new-label {
    position: absolute;
    top: 0;
    right: 0;
}

.sidebar-labels .sidebar-label-select label {
    display: block;
}

.css-truncate .css-truncate-target {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.css-truncate-target-date .trans-date-viewer {
    position: relative;
    left: 42px;
    font-size: 10px;
}

/* Datatable Extended Filters */
.datatable-ext-filter .ext-filter-inner {
    margin-left: 5px;
}

.datatable-ext-filter-inline .ext-filter-item,
.datatable-ext-filter-inline li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}

.datatable-ext-filter-inline-rounded .ext-filter-item {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 2px 3px;
}

.datatable-ext-filter .ext-filter-item {
    margin-bottom: 5px;
    position: relative;
}

.datatable-ext-filter .ext-filter-item .label-image {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
    overflow: hidden;
    color: #888;
}

.datatable-ext-filter .ext-filter-item .label-image img {
    max-width: 100%;
    vertical-align: baseline;
}

.datatable-ext-filter .ext-filter-item a.external-link {
    display: inline-block;
    padding-right: 25px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}

.datatable-ext-filter .ext-filter-item span.action-tools {
    padding: 4px 7px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    padding: 2px 7px;
    cursor: pointer;
    border-radius: 0 20px 20px 0px;
    
    color: #aaa;
}

.datatable-ext-filter .ext-filter-item span.action-tools:hover {
    
    color: #555;
}

/*
 * Component: Tabs
 * ------------------
 */



/*
 * Component: Dropdown Menu
 * ------------------
 */



/* Fix dropdown menu in navbars */

.navbar-custom-menu .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}

/*
 * Component: Global top page loader
 * GitHub-style progress bar
 * ---------------
 */
#global-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, #0d6efd, #0dcaf0);
    box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
    z-index: 9999;
    opacity: 0;
    transition:
        width 0.2s ease-out,
        opacity 0.3s ease-out;
}

#global-page-loader.is-active {
    opacity: 1;
}

/*
 * Component: Form
 * ---------------
 */


.img-inline-small {
    max-width: 22px;
    vertical-align: top;
    border-radius: 50%;
    border: 1px solid #bbb;
    margin-left: 3px;
}



.custom-input-group .form-group .checkbox label {
    font-weight: 400;
    padding-left: 0px;
}

.form-group label .btn-group .btn-secondary {
    background-color: #f7f7f7;
    border-color: #ddd;
    color: #777;
}

.form-group label.control-label-block {
    display: block !important;
    overflow: hidden;
}

.closing-date-showontt .form-group .checkbox label {
    font-weight: 400;
    padding-left: 0px;
}

.closing-date-showontt .form-group .checkbox {
    margin-top: 5px !important;
}

.closing-date-showontt .form-group:first-child {
    margin-bottom: 0px;
}

.custom-input-group .form-group:first-child {
    
    word-break: break-all;
}

/*
 * Component: Small Box
 * --------------------
 */

.small-box {
    box-shadow: none;
    margin-bottom: 0px;
}

.small-box > .inner {
    background-color: #fff;
}

.small-box:hover {
    color: inherit;
}

.small-box .inner-label {
    font-size: 14px;
    font-weight: 600;
    color: #444;
}

.small-box-uppercase h3,
.small-box-uppercase h4,
.small-box-uppercase .inner-label {
    text-transform: uppercase;
}

.small-box-orange h3 {
    color: #ffaa2d;
}

.small-box-green h3 {
    color: #00a65a;
}

.small-box-lg .inner-chart {
    margin-top: 30px;
}

.small-box h4 {
    font-size: 24px;
    font-weight: 700;
}

/*
 * Component: Box
 * --------------
 */


#trans-parties-clone-wrapper .box-inner-groups {
    
    padding-top: 0px;
    margin-top: 0px;
}



.additional-rows .box-inner-groups,
#additional-contact_details .box-inner-groups,
#additional-address .box-inner-groups,
#children-info .box-inner-groups,
#trans-expenses .box-inner-groups,
#trans-inspections .box-inner-groups,
#pets-info .box-inner-groups {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#trans-expenses .box-inner-groups .form-group input[type="checkbox"] + label,
#trans-inspections .box-inner-groups .form-group input[type="checkbox"] + label {
    display: inline;
    margin-left: 5px;
}

#trans-parties-clone-wrapper .box-inner-groups .col-md-10 .col-md-4:nth-child(3n) {
    padding-bottom: 2px;
}



.card .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(109, 109, 109, 0.9);
}

.overlay-block {
    color: #fff;
}

.overlay-block > .overlay-table {
    display: table;
    height: 100%;
    width: 100%;
}

.overlay-block > .overlay-table > .overlay-cell {
    display: table-cell;
}

.overlay-block > .overlay-table > .overlay-cell-centered {
    vertical-align: middle;
}

.overlay-block a.btn {
    padding: 8px 35px;
    border-radius: 5px;
    background: transparent;
    border: 2px solid #fff;
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
}

.overlay-block a.btn:hover {
    border: 2px solid #ddd;
    color: #ddd;
}



@media (min-width: 1200px) {
    .row-equal {
        display: flex;
        justify-content: space-between;
    }
}



.dashed-underline {
    display: inline-block;
    color: #0073ff;
    border-bottom: 1px dashed #0073ff;
    cursor: pointer;
}

/* Keep the Handwrytten inline datepicker above its date while preserving Flatpickr static mode. */
.handwrytten-date-picker-wrap {
    position: relative;
    display: inline-block;
    overflow: visible;
}

.handwrytten-date-picker-wrap.open-above .flatpickr-calendar.static {
    top: auto;
    bottom: calc(100% + 6px);
}

.card.card-highlight {
    box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid #ff851b;
}

.box.card-highlight-red {
    box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid #dd4b39;
}



.btn-box-tool {
    padding: 5px;
    background: transparent;
    color: #97a0b3;
}

.btn-box-tool-active {
    color: #0073ff;
}



#trans-top-h .top-order-id {
    margin-left: 100px;
}



.box-footer {
    border-top: 1px solid #ddd;
    padding: 20px;
}

.card-body .box-footer {
    margin: 20px 0 0 0;
    padding: 20px 0 10px 0;
}



.panel.without-mb {
    margin-bottom: 0;
}

.without-border {
    border: none;
}

.profile-image-middle {
    font-weight: 600;
}

.profile-image-middle img {
    vertical-align: middle;
}

#weekly-report-dtable .profile-img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

#report-card-top-section .display-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#performance-dtable tbody td:not(:first-child) {
    font-weight: 400;
    text-align: center;
}

#performance-dtable th:not(:first-child) {
    text-align: center;
}

#performance-dtable .grade-badge {
    display: inline-block;
    min-width: 30px;
    padding: 2px 5px;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    text-align: center;
}

#performance-dtable .total-badge {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 2px 5px;
    font-weight: 400;
    background-color: #fff;
    text-align: center;
}



/*
 * Component: Header Summary
 * -------------------------------
 */

ul.summary-data,
ul.summary-buttons {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

ul.summary-data > li,
ul.summary-buttons > li {
    list-style: none;
    display: inline-block;
    margin-left: 7px;
}

ul.summary-data > li {
    margin-left: 10px;
    text-transform: uppercase;
    padding: 0 15px;
    font-size: 1.25em;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
}

ul.summary-data > li > em {
    font-style: normal;
    /* font-size: 150%; */
    font-weight: 600;
    vertical-align: baseline;
    margin-left: 15px;
}

ul.summary-data.marketing-summary-data > li > em {
    color: #fff;
    margin-right: 5px;
}

ul.summary-data > li > a.small {
    display: block;
    line-height: normal;
    text-transform: none;
    color: #999;
    font-size: 0.675em;
}

ul.summary-data > li > a.small:hover {
    color: #fff;
}

ul.summary-data > li.active-summary {
    color: #87a8f1;
}



/*
 * Component: Info Box
 * -------------------
 */



.num1 h1 {
    color: #5659e2;
}

.num1 h3 {
    color: #57bd4b;
}

.info-box small {
    color: #aaa;
}

.num2 h1 {
    color: #4f98f5;
}

.num2 h3 {
    color: #f16b5a;
}

.num3 h1 {
    color: #f3946e;
}


#team-sales-touch .info-box-md {
    padding: 20px;
    overflow: hidden;
    cursor: pointer;
}

#sales-touch-by-category {
    display: block;
    height: auto !important;
    overflow: visible;
    position: relative;
}

#sales-touch-by-category .inner-chart {
    min-height: 400px;
    margin-bottom: 20px;
}

#sales-touch-by-category .card {
    height: auto !important;
    justify-content: space-between;
    border: none;
    margin-top: 20px;
}

#sales-touch-by-category .card-column {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    height: fit-content;
    min-height: 100px;
}

#sales-touch-by-category ul {
    padding-left: 10px;
}

#sales-touch-by-category .no-data {
    list-style-type: none;
    color: #999;
}

#sales-touch-by-category .avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 10px;
}

#sales-touch-by-medium .chart-container {
    position: relative;
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
}

#sales-touch-by-category .user-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sales-touch-by-category .user-name {
    flex: 1;
    margin-left: 10px;
}

#sales-touch-by-category .user-count {
    font-weight: bold;
}

#sales-bar-chart {
    padding-top: 20px;
}

#sales-touch-by-medium .bar-container {
    width: 80%;
    display: inline-block;
    margin-bottom: 16px;
    margin-left: 20px;
}

#sales-touch-by-medium .label {
    color: #000;
    margin-bottom: 5px;
    font-size: 16px;
}

#sales-touch-by-medium .bar {
    background-color: #f1f1f1;
    border-radius: 10px;
    height: 12px;
    overflow: hidden;
}

#sales-touch-by-medium .bar-fill {
    height: 100%;
    display: block;
    background-color: transparent;
    border: 2px solid;
    border-radius: 10px;
}

.info-box-md .progress-description {
    font-size: 18px;
}

.info-box-md .progress-description.team-member-name {
    padding-top: 25px;
    padding-left: 20px;
}

.info-box-md .info-box-icon {
    background: none;
    height: 80px;
    width: 80px;
}

.info-box-rounded-img .info-box-icon {
    
    position: relative;
}

.info-box-rounded-img .info-box-icon .team-member-doughnut-chart,
.info-box-rounded-img .info-box-icon > img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.info-box-rounded-img .info-box-icon .team-member-doughnut-chart {
    z-index: 1;
}

.info-box-icon > img {
    vertical-align: baseline;
}

.info-box-rounded-img .info-box-icon > img {
    border-radius: 50%;
    overflow: hidden;
    z-index: 0;
}

.info-box-rounded-img .info-box-icon-chart > img {
    width: 95%;
    height: 95%;
    left: 3%;
    top: 3%;
}

#team-referral-calls-stats .info-box-rounded-img .info-box-icon-chart > img {
    width: 95%;
    height: 95%;
    left: 3%;
    top: 3%;
}

.info-box-number,
.info-box-md .info-box-number {
    text-transform: uppercase;
    font-weight: 600;
}

/*
 * Component: Carousel
 * -------------------
 */

.carousel-control {
    color: inherit;
    text-shadow: none;
}

.carousel-control:hover,
.carousel-control:focus {
    color: inherit;
}

/*
 * Component: Bootstrap Datepicker
 * ------------------
 */

.datepicker table tr td span {
    border-radius: 3px;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    color: #fff;
    background-color: #0073ff;
    border-color: #0073ff;
}

.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
    background-color: #395fd0;
    border-color: #395fd0;
}

/*
 * Component: modal
 * ----------------
 */

/* Dark Modern Modal */
.modal-body #connections-notes {
    max-width: 100%;
}

.custom-style {
    color: #0073ff !important;
    border-left: none;
    border-right: none;
    border-top: 1px solid rgba(244, 244, 244, 1.5);
    border-bottom: 1px solid rgba(244, 244, 244, 1.5);
}

.hidden-noimp {
    visibility: hidden;
}

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

.user-block-wrapper {
    max-height: 300px;
    overflow: auto;
}

.user-block.user-block-md .username,
.user-block.user-block-md .description,
.user-block.user-block-md .description-nonmuted,
.user-block.user-block-md .comment {
    margin-left: 58px;
}

.user-block.user-block-md .description-nonmuted {
    display: block;
    color: #333;
    margin-bottom: 2px;
}

.user-block.user-block-md .username {
    font-size: 18px;
    font-weight: 600;
    
}

.user-block.user-block-md img {
    width: 48px !important;
    height: 48px !important;
}

.user-block.user-block-lg .username,
.user-block.user-block-lg .description,
.user-block.user-block-lg .comment {
    margin-left: 92px;
}

.user-block.user-block-lg .username {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 7px;
}

.user-block.user-block-lg .username .label-rounded {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    margin-left: 5px;
    font-size: 50%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #0073ff;
}

.user-block.user-block-lg img {
    width: 72px !important;
    height: 72px !important;
}

.user-block.user-block-lg .username .label-rounded-muted {
    background-color: #bbb;
    padding: 0.3em 0.4em;
}

/*
 * TODO List: General Layout Style
 * -------------------------------
 */

.todo > li {
    background: #fff;
    border-bottom: 1px solid #e8e5e5;
    border-left: 0;
}

.todo {
    height: 225px;
}

.activities {
    background-color: #0073ff;
    color: #fff;
    padding: 10px;
    font-size: 20px;
}





/* make dt-filters as fixed after scroll */
@media (min-width: 1200px) {
    .dtable-fixed-filters {
        position: fixed;
        left: auto;
        right: auto;
        opacity: 1;
        z-index: 2;
        top: 60px;
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .decrease-top {
        top: 212px !important;
    }

    .increase-top {
        top: 148px !important;
    }

    .select-all-checkbox {
        opacity: 1 !important;
        margin-left: 4px !important;
        z-index: 1;
    }
}

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

.dt-bottom-tools .dt-length {
    margin-top: 5px;
}

.dt-bottom-tools .dt-info {
    clear: right;
    float: left;
    padding-top: 10px !important;
    padding-left: 30px;
}

@media (max-width: 767px) {
    .dt-container .dt-length,
    .dt-container .dt-info {
        float: none !important;
    }

    .dt-container .dt-info {
        padding-left: 0px !important;
        margin-bottom: 15px;
    }
}

#todolist-main .dt-bottom-tools .dt-info {
    padding-left: 0px;
}

table.dataTable {
    width: 100% !important;
}

table.dataTable.table-hover tbody tr:hover .d-none {
    display: inline-block;
}

#mod-today-housiversaries .item-actions label {
    font-weight: normal;
}

#mod-today-housiversaries .item-actions .item-action {
    float: right;
    padding-left: 3px;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
}

#mod-today-housiversaries .item-actions .item-action:hover {
    cursor: pointer;
    color: #fff;
    background: #0073ff;
    border: 1px solid #0073ff;
}

#mod-today-housiversaries .item-actions .item-action.action-delete:hover {
    color: #fff;
    background: #c53c34;
    border-color: #c53c34;
}

#housaversary-report-dtable .item-actions label {
    font-weight: normal;
}

#housaversary-report-dtable .item-actions .item-action {
    float: right;
    padding-left: 3px;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
}

#housaversary-report-dtable .item-actions .item-action:hover {
    cursor: pointer;
    color: #fff;
    background: #0073ff;
    border: 1px solid #0073ff;
}

#housaversary-report-dtable .item-actions .item-action.action-delete:hover {
    color: #fff;
    background: #c53c34;
    border-color: #c53c34;
}

/* div.dataTables_wrapper div.dataTables_info */

.people-main-section .card-header figure {
    float: left;
    width: 50px;
    margin: 0 10px 10px 0;
}

.people-main-section .card-header .btn-group {
    margin-bottom: 15px;
}

.people-main-section .card-header .progress {
    margin-bottom: 0;
}

.table .link {
    color: #0073ff;
    text-decoration: underline;
    cursor: pointer;
}

/*add customer page----------------------*/

.add_customer .profile_header .float-end .progress {
    border: 1px solid #aaa;
    background-color: #efeaea;
    height: 15px;
    width: 150px;
}

.customer_content .panel .fa {
    font-size: 55px;
    padding: 10px;
    color: #0073ff;
    vertical-align: middle;
    margin-right: 5%;
}

.customer_content .panel-info {
    border-color: #a3bef3;
    font-size: 18px;
}

.customer_content .box {
    border-top: 0;
    padding: 15px;
}

.customer_content {
    font-size: 16px;
}

.customer_content .customer_content_header ul {
    border-bottom: 1px solid #e4e0e0;
    color: #aaa;
    margin-left: 15px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.site_header ul .float-end ul {
    margin-top: 15px;
}

.border_button a,
.background_button a {
    padding: 10px 60px;
}

.site_header ul .float-end ul .preview_button {
    color: #0073ff;
    background-color: transparent;
    border: 0;
    font-size: 16px;
}

.site_details .box {
    min-height: 598px;
    padding: 10px;
}

.site_theme .nav .active {
    border-bottom: 2px solid #0073ff;
}

.site_theme #homepage .select-homebanner img {
    width: 100%;
    border-style: inset;
    border: 4px solid #ffffff;
}

.site_theme #homepage .select-homebanner.active img {
    border: 4px solid #0073ff;
    border-radius: 5px;
}

.logo_img {
    border: 1px solid #b5b1b1;
    padding: 40px;
    margin-top: 10px;
    border-radius: 5px;
}

.upload_btn {
    color: #2b2b2b;
    background-color: #b5b1b1;
}



.site_theme #custom .input-group-btn select {
    margin-top: 0;
    margin-bottom: 0;
    padding: 12px 5px;
    background-color: #eee;
    border: 1px solid #b5b1b1;
    border-radius: 4px;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.domain_body .footer_content {
    
    margin-top: 215px;
    background-color: #f2f2f2;
    border-radius: 5px;
}

.domain_body .footer_content .btn {
    border-radius: 20px;
    background-color: #0073ff;
    color: #fff;
}

.domain_body .footer_content2 span {
    font-size: 20px;
    border: 1px solid #aaa;
    border-radius: 50%;
    padding: 5px 10px;
}

.domain_body .btn-group-justified a {
    background-color: #aaa;
    color: #353535;
}

.domain_body .footer_content .btn:focus {
    outline: 0;
}



/*responsive menu bar*/

.content_menu nav.sidebar.navbar {
    border-radius: 5px;
    border-top: 3px solid #d2d6de;
    max-height: 442px !important;
}

.content_menu .navbar-inverse .navbar-nav > .active > a,
.content_menu .navbar-inverse .navbar-nav > .active > a:hover {
    color: #3c8dbc;
    background-color: #f5f5f5;
}

.content_menu .navbar-inverse .navbar-nav a:hover {
    color: #3c8dbc;
    background-color: #f5f5f5;
}

.content_menu .navbar-inverse .navbar-nav a,
.content_menu .navbar-inverse .navbar-nav a:focus {
    color: #3c8dbc;
    background-color: #fff;
    border-top: 1px solid #f4f4f4;
    border-bottom: 0;
}

.content_menu nav.sidebar {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

.content_menu .navbar-inverse {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-color: #fff;
}

.content_menu .navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #0073ff;
}

.content_menu .navbar-inverse .navbar-toggle {
    border-color: #fff;
}

/*small/medium side display*/

@media (min-width: 768px) {
    .content_menu nav.sidebar.navbar.sidebar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }

    .content_menu nav.sidebar .navbar-brand,
    nav.sidebar .navbar-header {
        text-align: center;
        width: 100%;
        margin-left: 0;
    }

    .content_menu nav.sidebar .navbar-collapse,
    nav.sidebar .container-fluid {
        padding: 0 0 0 0;
    }

    .content_menu .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    .content_menu nav.sidebar {
        
        height: 20px;
        
        float: left;
        z-index: 8000;
        margin-bottom: 0;
        min-height: 442px !important;
    }

    .content_menu nav.sidebar li {
        width: 100%;
    }

    .content_menu nav.sidebar:hover {
        margin-left: 0;
    }

    .content_menu .forAnimate {
        opacity: 0;
    }
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {
    /*Show all nav*/
    .content_menu nav.sidebar {
        margin-left: 0;
        float: left;
    }

    /*Show hidden items on nav*/
    .content_menu nav.sidebar .forAnimate {
        opacity: 1;
    }
}

.content_menu nav.sidebar .navbar-nav .open .dropdown-menu > li > a:hover,
nav.sidebar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ccc;
    background-color: transparent;
}

.content_menu nav:hover .forAnimate {
    opacity: 1;
}

.content_menu section {
    padding-left: 15px;
}

/*END: of side bar*/



.highlight {
    color: #3b77ef;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
    padding: 7px 45px;
    border: 1px solid #0073ff;
    color: #0073ff;
    background-color: #fff;
}

.fileUpload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.site_theme #getimage {
    border-radius: 50%;
}

.site_theme #profile {
    margin-top: 10px;
}

.site_header .btn a,
.task_header .btn a,
.app-content-header .btn a {
    color: #fff;
}

.warning_msg {
    color: #f13131;
    margin-top: 10px;
}

.price_tag {
    color: #0073ff;
}

/* only demo styles */

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    margin-top: 20px;
}

.radio-custom-label {
    position: relative;
}

.radio-custom + .radio-custom-label:before {
    content: "";
    background: #fff;
    border: 2px solid #0073ff;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 3px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: "FontAwesome";
    color: #fff;
    background-color: #0073ff;
}

.radio,
.checkbox {
    position: relative;
    
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#transactions-dtable .trns-edit-icon a {
    color: #333333;
}

#transactions-dtable .trns-edit-icon a:hover {
    color: #0273fd;
}

#transactions-dtable .trans-show-more,
#transactions-dtable .trns-edit-icon {
    display: inline-block;
    vertical-align: middle;
}

#transactions-dtable .trans-show-more {
    margin-right: 5px;
}



.inbox-content .navbar-default {
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
}

.navbar-default {
    border-color: #fff;
}

.inbox-content .navbar-right li a,
.inbox-content .navbar-right li a:hover {
    color: #0073ff;
}

.inbox-content .navbar-default .navbar-nav > .open > a,
.inbox-content .navbar-default .navbar-nav > .open > a:hover,
.inbox-content .navbar-default .navbar-nav > .open > a:focus {
    color: #0073ff;
    background-color: #fff;
}

.inbox-content .table td .fa-reply,
.inbox-content .table td .fa-share,
.inbox-content .table td .fa-paper-plane,
.task_content .table td .fa-pencil-square-o,
.marketing-content .table td .fa-eye {
    color: #0073ff;
    padding: 0 5px;
    font-size: 18px;
}

.marketing-content .info-box-icon {
    background: none;
    color: #4e5464;
}

.marketing-content .info-box {
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.marketing-content .info-box-text {
    text-transform: none;
}

.inbox-content .table td .fa-trash-o,
.task_content .table td .fa-trash-o {
    color: #f70000;
    padding: 0 5px;
    font-size: 18px;
}

.inbox-content .card-body .table .btn {
    width: 25px;
    padding: 0;
}

.inbox-content .card-body .table td input[type="checkbox"] {
    cursor: pointer;
    border-radius: 1px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box;
    width: 20px;
    height: 18px;
    border-width: 0;
    transition: all 0.3s linear;
}

.compose_theme .input-group .input-group-text,
.campaign_menu .input-group .input-group-text {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #eee;
}

.file {
    visibility: hidden;
    position: absolute;
}

.read_content .navbar-default,
.task_content .navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.read_content .navbar-default .navbar-nav > li > a,
.task_content .navbar-default .navbar-nav > li > a {
    color: #3b77ef;
}

.read_content li:first-child a {
    color: #f70000 !important;
}

.task_content .table td .btn-high,
.task_content .table td .btn-low,
.task_content .table td .btn-medium {
    width: 90px;
    border-radius: 20px;
    color: #fff;
    height: 25px;
    padding: 0;
}

.task_content .table td .btn-high {
    background-color: #c54131;
}

.task_content .table td .btn-low {
    background-color: #aaa;
}

.task_content .table td .btn-medium {
    background-color: #eca862;
}

.task_content .btn:focus,
.task_content .btn:active:focus {
    outline: 0;
}

.task_header .border_button a,
.task_header .background_button a,
.campaign_header .background_button a {
    padding: 9px 45px;
    color: #fff;
}

.strikethrough:checked + span {
    text-decoration: line-through;
}

.strikethrough {
    height: 18px;
    width: 20px;
}



.campaign_menu form .form-group .radio-inline {
    font-size: 18px;
    margin: 5px 10px;
}

.campaign_menu .radio-inline input[type="radio"] {
    height: 15px;
    width: 15px;
}

.add_borders .form-group {
    border: 1px dashed #aaa;
}

.fadeshow1 {
    border-right: 1px solid #aaa;
    width: 1px;
    height: 120px;
    margin-right: 18px;
    padding-right: 8px;
    padding-left: 10px;
    padding-top: 43px;
}

@media only screen and (max-width: 783px) {
    .fadeshow1 {
        display: none;
    }
}

.campaign_menu .card-body textarea {
    border: 0;
    resize: none;
}

.campaign_menu #confirm .fa-check-square-o {
    padding: 15px;
    color: #42b76c;
}

.campaign_menu #confirm .col-sm-12 {
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 10px 0;
}

.campaign_menu #confirm .edit_btn {
    padding: 25px;
    font-size: 16px;
    color: #aaa;
}

.campaign_menu #confirm .edit_btn a {
    color: #0073ff;
}

.default-button,
.default-button:active:focus {
    outline: 0;
    border: 1px solid #aaa;
}

.campaign_menu .or_clr {
    background-color: #fff;
}

/* Theme Layout 
------------------------------- */

.theme-layout .tl-section {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.theme-layout .tl-header {
    text-align: center;
    
    margin-bottom: 10px;
}

.theme-layout .tl-body {
    position: relative;
    min-height: 350px;
    margin-bottom: 10px;
    border: 4px solid #ccc;
}

.theme-layout .tl-figure {
    height: 350px;
    overflow: hidden;
}

/* Theme layout MASK */

.theme-layout .tl-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.theme-layout .tl-mask a.btn {
    margin-top: 45%;
    color: #0073ff;
    width: 50%;
    font-weight: 600;
    background-color: #f2f2f2;
}

.theme-layout .tl-mask a.btn:hover,
.theme-layout .tl-mask a.btn:focus {
    color: #0073ff;
    background-color: #e2e2e2;
}

.theme-layout .tl-body:hover .tl-mask {
    opacity: 1;
}

.theme-layout .tl-footer {
    text-align: center;
}

.theme-layout .tl-footer .btn {
    min-width: 49%;
    margin-bottom: 10px;
}

/* Theme layout ACTIVE section */

.theme-layout .tl-active .tl-body {
    border: 4px solid #0073ff;
}

.theme-layout .tl-active .tl-mask {
    display: none;
}

.clr-green {
    color: #00a65a;
}

.clr-red {
    color: #dd4b39;
}

.clr-warning {
    color: #e08e0b;
}

.form-group .intl-tel-input {
    width: 100%;
}

.bootstrap-tagsinput {
    width: 100%;
    border-color: #b5b1b1 !important;
}

.inputtags-readonly {
    margin-bottom: 15px;
}

.inputtags-readonly .label {
    color: #fff;
    background: #555;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    margin-right: 7px;
    display: inline-block;
    line-height: inherit;
    margin-bottom: 4px;
}

/* Lead Preferenced Edit
--------------------------- */

.lead-preferences-edit {
    font-size: inherit;
}

.lead-preferences-edit .header-title {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 0;
}

.lead-preferences-edit input,
.lead-preferences-edit select {
    font-size: inherit;
}

.lead-preferences-edit .form-horizontal .checkbox {
    display: block;
}

.lead-preferences-edit .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.lead-preferences-edit .form-group {
    margin-bottom: 10px;
    overflow: hidden;
}

.lead-preferences-edit label,
.lead-preferences-edit label.control-label {
    font-weight: normal;
    text-align: left;
    color: inherit !important;
}

.lead-preferences-edit .lead-filters-inline .form-fields,
.lead-preferences-edit .lead-filters-inline .form-fields-center {
    float: left;
}

.lead-preferences-edit .lead-filters-inline .form-fields {
    width: auto;
    margin-left: 3%;
    margin-right: 3%;
}

.lead-preferences-edit .lead-filters-inline .form-fields-center {
    text-align: center;
}

/* Website General Tab*/

.dashed-border-wrap {
    border: 1px dashed #bbb;
    padding: 40px;
    border-radius: 4px;
    text-align: center;
    min-height: 250px;
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

.dashed-border-wrap .inner-wrap {
    display: table-cell;
    vertical-align: middle;
}

.form-group-0 .form-group {
    margin-bottom: 0;
}

.bootstrap-tagsinput .tag {
    background-color: #ddd !important;
    color: #333 !important;
    font-size: inherit;
    font-weight: 400;
}

.bootstrap-tagsinput .tag span {
    font-weight: 800;
}

.input-group-file input {
    display: none;
}

.input-group-file .btn-secondary:hover,
.input-group-file .btn-secondary:active,
.input-group-file .btn-secondary:active:hover,
.input-group-file .btn-secondary:active:focus,
.input-group-file .btn-secondary.active:focus,
.input-group-file .btn-secondary:active.focus,
.input-group-file .btn-secondary.active.focus,
.input-group-file .btn-secondary.hover {
    border-color: #aaa;
}

.input-group-file .btn-secondary {
    border-color: #d2d2d2;
}

.input-group-file .btn-secondary label {
    margin: 0;
}

.blank-space-25 {
    height: 25px;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

.blank-space-75 {
    height: 75px;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

#wg-favicon-preview .wg-fav-prev-wrap {
    position: relative;
    background: url("../images/favicon-preview.png") 0 0 no-repeat;
    min-height: 65px;
    margin-top: 5px;
}

#wg-favicon-preview .wg-fav-img {
    position: absolute;
    height: 16px;
    width: 16px;
    left: 33px;
    top: 6px;
}

/* Theme Customization [Default]
------------------------------------ */

.select-skin {
    margin: 10px 0 20px 0;
    padding: 0;
}

.select-skin li {
    display: inline-block;
    list-style: none;
}

.select-skin li a {
    display: block;
    padding: 10px 15px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

.select-skin a.red {
    color: #e63422;
    background-color: #e63422;
}

.select-skin a.magenta {
    color: #bb3658;
    background-color: #bb3658;
}

.select-skin a.cyan {
    color: #00b5b5;
    background-color: #00b5b5;
}

.select-skin a.brown {
    color: #b54e12;
    background-color: #b54e12;
}

.select-skin li.selected a {
    box-shadow:
        0 0 0 3px #fff,
        0 0 1px 4px currentColor;
}

/* Color Wheel */

.colorpicker-2x .colorpicker-saturation {
    width: 180px;
    height: 180px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 180px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
    height: 30px;
}

/* Banner Image Selection */

.select-banner-image .banner-section {
    position: relative;
}

.select-banner-image img {
    border: 4px solid #ccc;
    margin-bottom: 20px;
    padding: 1px;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}

.select-banner-image .bs-active img {
    border: 4px solid #0073ff;
}

.select-banner-image .banner-section .checkbox label {
    padding-left: 0;
}

.select-banner-image .fa {
    position: absolute;
    left: 50%;
    top: 40%;
    font-size: 40px;
    color: #fff;
    box-shadow: 0 0 30px #333;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.select-banner-image .bs-active .fa {
    opacity: 1;
}

#admin-account-profile-image .uploadcrop {
    min-height: 260px;
}

#sph-tt-menu .uploadcrop {
    min-height: 150px;
}

.uploadcrop .preview-pane {
    top: 11%;
}

#admin-account-profile-image .uploadcrop-dotted .uploadcrop .help-block {
    bottom: -15px;
}

.image-preview-pane {
    border: 1px dashed #ccc;
    padding: 20px;
}

.image-preview-pane img {
    width: 80%;
    margin: 0 auto;
}

/* Dashboard Settings
--------------------------------------------- */

/* Subscription Plans */

.alert-secondary {
    background-color: #f5f0ff;
    border: 1px solid #e6daff;
    border-radius: 6px;
}

.alert-secondary h4 {
    margin-top: 15px;
}


#subscription-plan-side-a h2,
#subscription-plan-side-b h3 {
    margin-top: 0;
}

#subscription-plan-side-a .list-checked {
    margin-top: 20px;
    margin-bottom: 20px;
}

.admin-subscription-plan .card-body,
.admin-subscription-plan .card-footer {
    text-align: center;
}

.admin-subscription-plan .card-body h1 {
    font-size: 7em;
    font-weight: 600;
    color: #0073ff;
    margin-top: 0;
}

.admin-subscription-plan .card-body h1 sup {
    font-size: 0.5em;
    top: -0.6em;
}

.admin-subscription-plan .card-body h1 span {
    font-size: 0.3em;
    font-weight: 400;
}

/* Trial period Progress bar */
#admin-subscription-settings .trial-period-ends .progress {
    margin-bottom: 10px;
    border-radius: 20px;
}

#admin-subscription-settings .trial-period-ends .progress .progress-bar {
    text-align: left;
}

#admin-subscription-settings .trial-period-ends .progress .progress-bar span {
    margin-left: 7px;
}

/* list-style-checked */

ul.list-checked li {
    list-style-type: none;
    padding-left: 22px;
}

ul.list-checked li:before {
    font-family: "Glyphicons Halflings";
    content: "\e067";
    position: absolute;
    left: 32px;
}

/*broker profile css*/

.profile-pic {
    text-align: center;
}

.profile-pic .img-circle {
    margin: 0 auto;
}

.btn-circle {
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 2px 2px;
    font-size: 24px;
    line-height: 1.428571429;
    border-radius: 30px;
    position: absolute;
    top: 108px;
    left: 52%;
}

.btn-circle:active:focus {
    outline: 0;
}

.select-role,
.select-role:active:focus {
    border: 0;
    font-size: 16px;
    font-weight: 600;
    outline: 0;
    
}

.select-role > option {
    font-size: 14px;
    font-weight: 600;
}

.add-form-field,
.remove-button {
    position: absolute;
    top: 7px;
    left: 93%;
    font-size: 20px;
}



.table .priority-high td {
    background: #f9d7e1 !important;
}

.table .priority-medium td {
    background: #fbe4ae !important;
}

.view-transaction-table > tbody > tr > th,
.view-transaction-table > tbody > tr > td {
    border-top: 0;
}

.view-transaction-table > tbody > tr > th {
    text-align: right;
    width: 50%;
}

.view-transaction-table > tbody > tr > td {
    padding-left: 30px;
    
}

.property-thumbnail-default .thumbnail .thumbnail-img {
    position: relative;
    display: block;
}

.property-thumbnail-default .thumbnail .thumbnail-img .thumbnail-tooltip {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #bbb;
    text-align: right;
}

.property-thumbnail-default .thumbnail h4,
.property-thumbnail-default .thumbnail dl {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.property-thumbnail-default .thumbnail h4 {
    margin-bottom: 20px;
}

.property-thumbnail-default .thumbnail dl dd {
    margin-bottom: 10px;
}

.ui-widget-content {
    border: 1px solid #ccc;
    
    background: #ffffff;
    color: #222222;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ui-menu .ui-menu-item {
    background: #ffffff;
    color: #222222;
    border: #2688d8;
}

.ui-menu .ui-menu-item-wrapper {
    border: 1px solid transparent;
    display: block;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0;
    background: #0073ff;
    color: #fff;
    border: 1px solid #0073ff;
}



/* Campaign Wizard ---------------------------------------------- */

/* Campaign Template Step */



/* Campaign Confirm Step */



#sms-preview-large {
    background-image: url("../images/mobile-preview.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    min-height: 300px;
    width: 70%;
    margin: 0 auto;
}

#sms-preview-large .csp-inner {
    max-height: 200px;
    overflow: auto;
}

#sms-preview-large .csp-text {
    width: 70%;
    position: absolute;
    top: 80px;
    left: 15%;
    padding: 10px;
    background: #dddddd;
    border-radius: 10px;
    max-height: 70%;
    overflow: auto;
}

@media (max-width: 990px) {
    #sms-preview-large {
        width: 100%;
    }
}

#ordersms-sidepanel .nav {
    height: 54vh;
    overflow: auto;
}

#ordersms-sidepanel .nav-pills .nav-link {
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity));
    border-radius: 0px;
}

#ordersms-sidepanel .nav-pills .nav-link.active .text-body {
    color: var(--bs-nav-pills-link-active-color) !important;
}

.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    border-top: 3px solid #0073ff;
    background-color: #0073ff;
    border-radius: 0px;
}

.sms-conversation-details .direct-chat-messages {
    height: 40vh;
    overflow: auto;
}

.sms-conversation-details .direct-chat-img {
    box-shadow: 0 0px 7px 0px #ccc;
}

.sms-conversation-details .direct-chat-text {
    width: 50%;
    background: #ecf0f5;
    border: 1px solid #ecf0f5;
}

.sms-conversation-details .direct-chat-text-failed {
    background: #ffefef;
    border: 1px solid #ffefef;
}

.sms-conversation-details .right .direct-chat-text {
    width: 50%;
    float: right;
    background-color: white;
    margin-right: 10px;
}

.sms-conversation-details .direct-chat-timestamp {
    position: relative;
    top: 10px;
    font-size: 10px;
}

.sms-conversation-details .direct-chat-timestamp-right {
    font-size: 10px;
    position: relative;
    top: 5px;
    color: grey;
}

/* This is the required fix — no library class exists for this */
.direct-chat-msg.right .direct-chat-text::before,
.direct-chat-msg.right .direct-chat-text::after {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: var(--bs-border-color);
}
.direct-chat-msg.right .direct-chat-text::after {
    border-left-color: #fff;
    margin-left: -1px;
}

#people-sms-form .uploadcrop {
    min-height: 250px;
}

#people-sms-form .image-upload-header {
    font-weight: 600;
    padding: 5px;
    margin-left: 10px;
}

.or-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.or-divider span {
    background-color: #ccc;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: 0 10px;
    padding: 6px 10px;
}

.nav-stacked-primary > li.active > a,
.nav-stacked-primary > li.active > a:hover,
.nav-stacked-primary > li.active > a .description {
    color: white;
}

#sph-summary-report-modal .info-box-number {
    font-size: 42px;
    color: #0073ff !important;
}

#goals-report .info-box-number {
    font-size: 36px;
    color: #0073ff !important;
}

#sph-summary-report-modal .label-first {
    font-size: 16px;
}

.input-group-btn .commission-dropdown select {
    background-color: #eee;
    border: 1px solid #ccc;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 5px;
}

.commission-dropdown .btn {
    border-radius: 4px !important;
}

.commission-dropdown:first-child > .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.subdomain-panel {
    border-color: #b0c4ff;
    background-color: #b0c4ff;
    padding: 30px 35px;
}

.subdomain-panel h4:first-child {
    font-size: 24px;
    font-weight: 600;
}

.subdomain-panel h4:nth-child(2),
.subdomain-panel h4:nth-child(4) {
    color: #fff;
    margin: 25px 0;
    font-size: 20px;
    word-wrap: break-word;
}

.subdomain-panel .btn {
    border-radius: 60px;
    background-color: #fff;
    border-color: #fff;
}

.subdomain-panel .btn:hover {
    border-color: #0073ff;
    color: #fff;
}

.subdomain-panel h4 {
    font-size: 20px;
}

.subdomain-panel .panel-text-dark {
    color: #516ec5;
}

.field-brokergoals-avg_commission .input-group-btn {
    display: block;
}



.input-group-text-switch {
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    padding: 0 !important;
}

.input-group-text-switch input {
    opacity: 0;
    display: none !important;
}

.input-group-text-switch .input-group-switch-label {
    padding: 8px 20px;
    
    border-radius: 0;
    position: relative;
}

.input-group-text-switch label {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    vertical-align: middle;
    padding: 10px 0;
    margin: 0 !important;
}

.input-group-text-switch .input-group-switch-label label:hover,
.input-group-text-switch .input-group-switch-label input:checked + label {
    background: #333;
    color: #fff;
}

.addcol {
    display: block !important;
}

.removecol {
    display: none !important;
}

.box-tools .form-group {
    display: inline-table;
    margin-bottom: 0;
    vertical-align: middle;
}

.box-tools-inline .form-horizontal .form-group {
    margin: 0px !important;
}

.box-tools-inline .form-horizontal,
.box-tools-inline .form-horizontal .form-group,
.box-tools-inline .box-inline-tool {
    display: inline-block;
}

.clearfix .header-tools {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .is-table-row-sm {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
    }
}

@media only screen and (min-width: 1200px) {
    .stats-table .equal {
        padding: 0 !important;
    }

    .stats-table .equal:first-child {
        padding-left: 16px !important;
    }

    .stats-table .equal:last-child {
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 1215px) {
    .stats-table .equal:last-child {
        margin-bottom: 0 !important;
    }
}

.stats-table .info-box {
    box-shadow: none;
    
    margin-bottom: 0;
    padding-top: 15px;
    display: inline-block;
    padding: 0%;
    
}

.stats-table .is-table-row {
    display: flex;
    flex-wrap: nowrap !important;
}

.stats-table .is-table-row:first-child {
    padding-left: 15px;
}

.stats-table .is-table-row > div {
    flex: 1 1 0; /* equal width */
    min-width: 120px; /* shrink enough to fit */
    padding: 0px;
}



.stats-table .info-box-scrollable > .row {
    overflow-x: auto;
    white-space: nowrap;
    margin: 0px;
}

.stats-table .info-box-scrollable > .row > .col-md-6 {
    display: inline-block;
    float: none;
    width: 49%;
}

.stats-table .info-box-scrollable > .row > .col-md-6 > .label-second {
    padding-bottom: 5px;
}

.stats-table .border-right {
    border-right-width: 1px;
    border-color: #eee;
    border-radius: 0;
}



.referral-header {
    
    border-right: 0;
    border-left: 0;
    padding-bottom: 15px;
}

.referral-header h1 {
    margin-top: 0;
    margin-bottom: 0;
}





#rankchart-legend,
#rankchart-legend h3 {
    line-height: 20px;
}

#rankchart-legend h3 {
    margin: 0px;
}

#rankchart-summary h3 {
    margin: 0px;
    font-weight: 600;
    color: #4e5464;
    font-size: 24px;
}

#rankchart-legend .rl-sec {
    margin-top: 20px;
}

#rankchart-legend ol,
#rankchart-legend ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#rankchart-legend li {
    display: inline-table;
}

#rankchart-legend li {
    cursor: pointer;
    margin: 10px 4px;
}

#rankchart-legend li span {
    border-radius: 60%;
    color: white;
    z-index: 2;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.gross-value {
    font-size: 26px;
    font-weight: 700;
    word-wrap: break-word;
    text-transform: uppercase;
}

/* .users-list-rounded-rect li {
    width: 25%;
    float: left;
    padding: 10px;
    text-align: center;
}

.users-list-rounded-rect li label {
    display: block !important;
    cursor: pointer;
}

.users-list-rounded-rect li label .users-img {
    display: inline-block;
    border: 1px solid #ececec;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.users-list-rounded-rect li label .users-list-name {
    font-weight: 400;
    white-space: normal;
}

.users-list-rounded-rect li:hover .users-img {
    border: 1px solid #0073ff;
}

.users-list-rounded-rect li:hover .users-list-name {
    color: #444;
}

.users-list-norounded li img,
.users-list-rounded-rect li img {
    border-radius: 0;
}

.users-list-rounded-rect li input[type="radio"]:checked + label .users-img {
    border: 1px solid #0073ff;
} */

.box-tools .btn-sm,
.header-tools .btn-sm {
    font-size: 12px;
}



.display-flex {
    display: flex;
}

.display-flex .eq-col {
    display: flex;
    flex: 1;
}

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



/* Custom Rank Filter */

.dt-container .dataTables_filter_rank label,
.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap {
    display: block;
    font-weight: normal;
    
    
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap {
    list-style: none;
    margin: 0px;
    padding: 0;
    display: block;
}

.dt-container #reports-dtable .dataTables_filter_inner {
    margin: 0;
}

.dt-container .dataTables_filter_first,
.dt-container .dataTables_filter_first .dataTables_filter_inner {
    margin: 0 15px 0 0;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li {
    display: inline-block;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    width: auto;
    text-align: center;
}

/* Small Devices, Tablets */
@media (min-width: 768px) {
    .dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap {
        display: flex;
    }

    .dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li {
        white-space: nowrap;
        
        flex-grow: 1;
        flex-basis: 0;
    }

    .dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li a {
        padding: 3px 5px !important;
    }
}

/* Medium Devices, Desktops */
@media (min-width: 992px) {
    .dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap {
        display: flex;
    }

    .dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li {
        
        flex-grow: 1;
        flex-basis: 0;
        white-space: nowrap;
    }
}

/* Large Devices, Wide Screens */
@media (min-width: 1300px) {
    .dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap {
        display: flex;
    }

    .dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li {
        
        flex-grow: 1;
        flex-basis: 0;
        white-space: nowrap;
    }
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li:last-child {
    margin-right: 0px;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li a {
    display: block;
    padding: 3px 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li a.filter-item-active,
.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li a:hover {
    border: 1px solid #0073ff;
    background: #0073ff;
    color: #fff;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-one a {
    border: 1px solid #99ca3d;
    color: #99ca3d;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-two a {
    border: 1px solid #0099ff;
    color: #0099ff;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-three a {
    border: 1px solid #ffc001;
    color: #ffc001;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-four a {
    border: 1px solid #424652;
    color: #424652;
}

.hide-datatable-head > thead > tr > th {
    padding: 0 !important;
    line-height: 0 !important;
    border: none !important;
}

.dt-container .dt-filter-tl {
    display: inline-block;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
}

.dt-container .dt-filter-tl input {
    margin-right: 5px;
    vertical-align: top;
}

/* Filter Active State */

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-one a.filter-item-active,
.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-one a:hover {
    background: #99ca3d;
    color: #fff;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-one a:active {
    background: #83bd2a;
    border: 1px solid #83bd2a;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-two a.filter-item-active,
.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-two a:hover {
    background: #0099ff;
    color: #fff;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-two a:active {
    background: #0083ff;
    border: 1px solid #0083ff;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-three a.filter-item-active,
.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-three a:hover {
    background: #ffc001;
    color: #fff;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-three a:active {
    background: #ffb001;
    border: 1px solid #ffb001;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-four a.filter-item-active,
.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-four a:hover {
    background: #424652;
    color: #fff;
}

.dt-container .dataTables_filter_rank .dataTables_filter_rank_wrap li.rank-four a:active {
    background: #2e313b;
    border: 1px solid #2e313b;
}

/* Advanced Filter Dropdown */

.dt-container select.form-control {
    height: 30px;
    padding: 4px 12px;
    border-radius: 3px;
    
    font-weight: 600;
    max-width: 100px;
}

/* Datatable Summary */

.datatable-summary {
    padding: 15px;
    background-color: #2f333e;
    color: #fff;
    border-radius: 0 0 3px 3px;
}

.datatable-summary span.big {
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
}

.datatable-summary .table th {
    border-bottom: 0;
}

.dt-head-center .input-group {
    margin: 0 auto !important;
}

.dt-container .is-tool-hidden {
    display: none;
}

.labels-wrap .label {
    color: #fff;
    margin-right: 3px;
}

#profile-contact-image {
    border: 1px solid #ddd;
    padding: 10px 10px 0 10px;
    margin: 0 20%;
}

#profile-contact-image img {
    margin: 0 auto;
}

ul.social-profile-links {
    margin: 0 5px 10px 5px;
    padding: 0;
    font-size: 16px;
}

ul.social-profile-links > li {
    display: inline-block;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 24px;
}

ul.social-profile-links > li {
    font-size: 16px;
}

ul.social-profile-links > li:last-child {
    margin-right: 0 !important;
}

ul.social-profile-links li a {
    border: 1px solid #0073ff;
    height: 26px;
    width: 26px;
    font-size: 14px;
    line-height: 24px;
    display: block;
    border-radius: 50px;
}

ul.social-profile-links li.social-type-facebook a {
    border: 1px solid #3c5a99;
    color: #3c5a99;
}

ul.social-profile-links li.social-type-google a {
    border: 1px solid #dd4b39;
    color: #dd4b39;
}

ul.social-profile-links li.social-type-linkedin a {
    border: 1px solid #007bb5;
    color: #007bb5;
}

ul.social-profile-links li.social-type-twitter a {
    border: 1px solid #28aae1;
    color: #28aae1;
}

ul.social-profile-links li.social-type-instagram a {
    border: 1px solid #c536a4;
    color: #c536a4;
}

ul.no-pfofile-pic {
    margin: 10px 0px 10px 0px;
}

/* Box Secondary Navigation */

.box-sub-header {
    font-size: 18px;
    background-color: #0073ff;
    padding: 0;
    margin-bottom: 30px;
}

.box-sub-header .navbar {
    background-color: #0073ff;
    margin-bottom: 0;
    border-radius: 0;
}

.box-sub-header .navbar-nav {
    border-radius: 0 !important;
    width: 100%;
    padding: 0 15px;
}

.box-sub-header .navbar-nav > li > a {
    color: #fff;
    display: block;
    padding: 15px 20px;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    font-size: 15px;
    border-bottom: 2px solid transparent;
}

.box-sub-header .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.box-sub-header .navbar-nav > li > a:hover,
.box-sub-header .navbar-nav > li > a:active,
.box-sub-header .navbar-nav > li.active > a,
.box-sub-header .navbar-nav > li.active > a:focus {
    color: #fff;
    background-color: transparent;
}

.box-sub-header .navbar-nav > li.active > a {
    border-color: #fff;
}



.box-sub-header .navbar-nav .btn {
    margin-top: 9px;
}

@media screen and (min-width: 768px) {
    .transation-jumbo {
        padding: 10px 25px;
    }
}

.transation-jumbo {
    padding: 5px 20px;
    margin-bottom: 20px;
    color: inherit;
    background-color: #fbfbfb;
    border: 1px solid #999;
    color: #333;
}

.transation-jumbo-inner {
    padding: 10px 0;
    margin: 15px 0;
    color: inherit;
    
    border-top: 1px solid #ddd;
}

.transation-jumbo span,
.transation-jumbo-inner span {
    font-weight: 600;
}

.transation-jumbo .text-amount {
    text-align: left;
}

@media (min-width: 768px) {
    .transation-jumbo .text-amount {
        text-align: right;
    }
}

.img-fluid-centered {
    margin: 0 auto;
}

.img-rounded-50 {
    border-radius: 50%;
}

/*Add connection Modal Pop up radio buttons*/

.inline-radio-btn {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 40px 15px 0;
}

.inline-radio-btn input[type="radio"] {
    display: none;
}

.inline-radio-btn label {
    color: #666;
    font-weight: normal;
}

.inline-radio-btn label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid #2c6ee6;
    background-color: transparent;
}

.inline-radio-btn input[type="radio"]:checked + label:after {
    border-radius: 11px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 11px;
    content: " ";
    display: block;
    background: #2c6ee6;
}

.inline-radio-btn input[type="radio"]:checked + label {
    color: #2c6ee6;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.input-group.checkbox input[type="checkbox"] {
    position: absolute !important;
}

.form-inline .checkbox input[type="checkbox"] {
    position: absolute !important;
}

#existing-trans-chklists-dtable .checkbox,
#transaction-docs-results .checkbox,
#escrow-docs-results .checkbox,
#lead-docs-results .checkbox,
#inbox .checkbox,
#inbox .checkbox,
#trash-page .checkbox,
#form-create-trans-timeline .checkbox,
#markerting-lists .checkbox,
.dataTable .checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#existing-trans-chklists-dtable .checkbox input[type="checkbox"],
#transactions-dtable .checkbox input[type="checkbox"],
.dt-filter-tl .checkbox input[type="checkbox"],
#inbox .checkbox input[type="checkbox"],
#trash-page .checkbox input[type="checkbox"] {
    display: none;
}

/* Horizontal scroller styles in list page */
.ps__rail-x {
    position: fixed !important;
    bottom: 0px;
    z-index: 999;
}

.ps__thumb-x {
    height: 10px !important;
}

/* #add-contract-form .checkbox label,
#pay-team-member label,
#trans-expenses-clone-wrapper .checkbox label {
    padding-left: 0px;
} */

/* ------------- Custom Checkbox Styling ----------- */
.checkbox input[type="checkbox"] + .check-md {
    background-color: #fff;
    border: solid 1px #686868;
    color: #686868;
    padding: 8px;
    margin-right: 4px;
    border-radius: 3px;
}

.checkbox input[type="checkbox"]:checked + .check-md,
.checkbox input[type="checkbox"]:checked + .fa-check:before {
    background-color: #0073ff;
    border-color: #0073ff;
    color: #fff;
}

.checkbox input[type="checkbox"]:disabled + .check-md {
    height: 16px;
    
    width: 16px;
    text-align: center;
    background-color: #fff;
    border-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
}

.table-ext-checklist .checkbox {
    margin-top: 0px !important;
}

.table-ext-checklist .checkbox span {
    line-height: 21px !important;
}

.field-brokercustomerform-is_referral .checkbox label,
#trans-status-page-modal .checkbox label,
#transaction-docs-results .checkbox label,
#lead-docs-results .checkbox label {
    padding-left: 0px !important;
}

.checkbox input[type="checkbox"] + .check-sm,
.checkbox input[type="checkbox"] + label .check-sm {
    text-align: center;
    background-color: #fff;
    border: solid 1px #888;
    color: #888;
    padding: 1px;
    margin-right: 3px;
    border-radius: 3px;
    font-size: 10px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: -2px;
}

.checkbox input[type="checkbox"]:checked + .check-sm,
.checkbox input[type="checkbox"]:checked + label .check-sm,
.checkbox input[type="checkbox"]:checked + label .fa-check:before,
.checkbox input[type="checkbox"]:checked + .fa-check:before {
    background-color: #0073ff;
    border-color: #0073ff;
    color: #fff;
    visibility: visible;
}

/* Indeterminate State */
.checkbox input[type="checkbox"]:indeterminate + label .check-sm {
    background-color: #0073ff; /* same blue as checked */
    border-color: #0073ff;
    color: #fff;
    visibility: visible;
    position: relative;
}

/* Create the dash for indeterminate */
.checkbox input[type="checkbox"]:indeterminate + label .check-sm::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    border-radius: 1px;
}

.checkbox input[type="checkbox"] + label .fa-minus {
    background-color: #0073ff;
    border-color: #0073ff;
    color: #fff;
    visibility: visible;
}

.checkbox .fa-check:before {
    visibility: hidden;
}

.checkbox input[type="checkbox"]:disabled + .check-sm,
.checkbox input[type="checkbox"]:disabled + label .check-sm,
.checkbox input[type="checkbox"]:disabled + label .fa-check:before,
.checkbox input[type="checkbox"]:disabled + .fa-check:before {
    background-color: #fff;
    border-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
    visibility: visible;
    content: "";
}

/* ------------- Custom List Group with Icons on Left ----------- */
.products-list .product-img .product-icon-circle {
    background: #efefef;
    border-radius: 50%;
    padding: 10px 13px;
    font-size: 120%;
    display: block;
}

/* ------------- Goals Sections ----------- */
.list-group-custom .list-group .list-group-item {
    padding-top: 15px;
    padding-bottom: 20px;
    border: 1px solid #ece8e8;
    border-left: none;
    border-right: none;
}

#global-list .list-group-item {
    display: inline-block;
    border: none;
}

#global-list .list-group-item.active {
    background-color: #ffffff;
    color: #0073ff;
    border: 1px solid #0073ff;
    border-radius: 5px;
}

#global-list .list-group-item.active .badge {
    color: #0073ff;
}

#global-list .badge {
    color: #555;
    background-color: #ffffff;
}

.list-group-custom .list-group .list-group-item-noborder {
    border: none;
    padding-top: 0px;
}

.list-group-custom .list-group .list-group-item:last-child {
    border-bottom: none;
}

.list-group-custom .list-group .fa {
    font-size: 12px;
}

.list-group-item-disabled {
    opacity: 0.75;
    cursor: not-allowed;
}

/* ------------- Tax Rate Modal Dialo ----------- */
#current-tax-rates-modal .table {
    font-size: 16px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #0073ff;
    border-color: #0073ff;
}

#referral-chart {
    width: 75%;
    margin: 0 auto;
}



.table-hover > tbody > tr.row-selected {
    background-color: #f0f1f5;
}

.table-hover > tbody > tr.row-highlighted {
    background-color: #dcf1ff;
}

.table-vcentered > tbody > tr > td,
.table-vcentered > tbody > th > td {
    vertical-align: middle;
}

div.dt-container div.dt-processing {
    padding: 0px !important;
}

div.dt-processing > div:last-child {
    height: 10px;
}

div.dt-processing > div:last-child > div {
    width: 10px;
    height: 10px;
    background: #0073ff;
}

div.dt-container div.dt-scroll-body {
    border-bottom: none;
}

/* Note: Try to remove the following lines to see the effect of CSS positioning */
.affix {
    width: 100%;
    z-index: 1000;
}



.report-header {
    position: relative;
    margin-bottom: 13px;
}

.report-header .report-tool {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 7px;
    right: 10px;
    border-radius: 2px;
}

.annual-report-section-gap {
    margin-top: 60px;
}

.annual-report-summary h1 {
    font-weight: 900;
}

.annual-report-summary .label-first {
    margin-bottom: 5px;
    font-size: 18px;
}

.annual-report-summary .label-third {
    margin-bottom: 15px;
}

.annual-report-summary-counts h1 {
    font-size: 32px;
    font-weight: 900;
}

@media (max-width: 991px) {
    .report-header .report-tool {
        position: initial;
    }
}

#markerting-lists .l_name {
    word-break: break-all;
}

#closed_transaction,
#transaction_ls {
    display: none;
}

#reports-dtable {
    margin: 0;
}



/*-----sorting content is made null for temporary------*/

table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: " " !important;
}

table.dataTable th.dt-type-numeric {
    text-align: left;
}

table.dataTable td.dt-type-numeric {
    text-align: left;
}



/* Fixed layout */

.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
    position: fixed;
}

.fixed .main-header {
    top: 0;
    right: 0;
    left: 0;
}

.fixed .content-wrapper,
.fixed .right-side {
    padding-top: 60px;
}



@media (min-width: 386px) and (max-width: 767px) {
    .fixed .content-wrapper,
    .fixed .right-side,
    .main-sidebar {
        padding-top: 62px !important;
    }
}



@media (max-width: 339px) {
    
    .sidebar-expanded-on-hover .main-footer,
    .sidebar-expanded-on-hover .content-wrapper {
        margin-left: 50px;
    }
}

.fixed.layout-boxed .wrapper {
    max-width: 100%;
}

#rank-list .list-inline {
    border: 1px solid #d2d2d2;
    padding: 20px 10px;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

#rank-list .list-inline > li {
    vertical-align: middle;
}

#rank-list .list-inline > li .form-group {
    margin-bottom: 0;
}

.help-block:empty {
    display: none;
}

#rank-list .list-inline .form-control {
    width: auto !important;
}

#default-banner-image .input-hidden {
    position: absolute;
    left: -9999px;
}

/*
 * Component: TagEditor with Jquery AutoComplete
 * ------------------------------------------------
 */

.tag-editor {
    padding: 4px 0 !important;
    border: 1px solid #d2d2d2 !important;
    font: inherit !important;
    border-radius: 0 3px 3px 0 !important;
}

/* Change Theme */

.tag-editor {
    background: #fff !important;
    font-size: 12px !important;
}

.tag-editor li:first-child {
    padding: 3px 0px !important;
}

.tag-editor div {
    padding: 3px 4px !important;
}

.tag-editor li {
    margin: 1px 0 2px 0 !important;
}

.tag-editor .tag-editor-tag {
    color: #fff !important;
    background: #555 !important;
    border-radius: 3px 0 0 3px !important;
    cursor: default;
}

.tag-editor .tag-editor-spacer {
    width: 7px !important;
    height: 24px;
}

.tag-editor .tag-editor-delete {
    background: #555 !important;
    border-radius: 0 3px 3px 0 !important;
    color: #fff !important;
    padding-right: 8px !important;
}

.tag-editor .tag-editor-delete i {
    line-height: 15px !important;
    font-weight: 600 !important;
}

.tag-editor .tag-editor-delete i:before {
    color: #fff !important;
    opacity: 0.65 !important;
    font-size: 14px !important;
    line-height: inherit !important;
    
    position: relative !important;
    top: 1px !important;
}

.tag-editor .tag-editor-delete:hover i:before {
    color: #fff !important;
    opacity: 1 !important;
}

.form-group.has-error .tag-editor {
    border-color: #dd4b39 !important;
}

/*
 * Component: Currency Format
 * ---------------------------
 */
.default-currency-format,
.default-number-format {
    display: none;
    text-transform: uppercase;
}

.default-currency-format .small,
.default-number-format .small {
    font-size: 12px;
    color: #999;
    margin-left: 2px;
    margin-right: 1px;
}

.box-subtitle {
    margin: 36px 0 0;
}

/*
 * Component: Label List Items
 * -------------------------------
 */

/* List Group Legends */

.list-group-label-legends {
    list-style-type: none;
}

.list-group-label-legends li {
    font-size: 16px;
    line-height: 10px;
}

.list-group-label-legends li:before {
    content: "-";
    font-size: 50px;
    vertical-align: text-bottom;
    line-height: 30px;
    font-weight: 500;
    margin-right: 5px;
}

/* .list-group-label-legends .success-csv:before {
    color: #00a65a;
}

.list-group-label-legends .warning-csv:before {
    color: #f39c12;
}

.list-group-label-legends .failure-csv:before {
    color: #dd4b39;
} */

/* List Group Table */

.list-group-label .list-group-table {
    display: table;
    width: 100%;
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-group-label .list-group-label-header {
    background-color: #eee;
    font-size: 18px;
    font-weight: 600;
}

.list-group-label .list-group-table .list-group-cell {
    display: table-cell !important;
    vertical-align: middle;
    padding: 10px 30px !important;
}

.list-group-label .list-group-table .list-group-cell {
    width: 50%;
}

.list-group-label .list-group-table .list-group-item {
    border-radius: 3px;
    margin-top: 10px;
    padding: 0;
}

.list-group-label .list-group-table .list-group-header {
    background-color: #eee;
    font-size: 18px;
    font-weight: 600;
    border-left: 1px solid #aaa;
    padding: 10px 14% !important;
}

.list-group-label .list-group-table .list-group-title {
    line-height: normal;
    font-weight: 600;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 8px 15px;
    border-radius: 4px;
}

.list-group-label .list-group-table .list-group-title i {
    margin-right: 5px;
}

.list-group-label .list-group-table .list-group-desc {
    line-height: normal;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.list-group-label-success {
    border-left: 5px solid #00a65a;
}

.list-group-label-error {
    border-left: 5px solid #dd4b39;
}

.list-group-label-warning {
    border-left: 5px solid #f39c12;
}

.sph-list-group li {
    margin: 0;
    list-style: none;
}

.sph-list-group .list-group-item {
    background-color: #f0f7ff;
    border-color: #ecefff;
    font-weight: 600;
    margin-bottom: 5px;
    border-radius: 3px;
    overflow: hidden;
}

.sph-list-group .list-group-item .badge {
    background-color: transparent;
    padding: 5px 10px;
    float: none;
    display: block;
    text-align: left;
    font-weight: normal;
}

@media (min-width: 992px) {
    .sph-list-group .list-group-item > .badge {
        float: right;
        
        text-align: center;
    }
}

/* ------------------------------------------------- END -------------------------------- */

.column-mapping {
    list-style-type: none;
    
}

.column-mapping li {
    margin-bottom: 5px;
}

.column-mapping li .fa {
    margin-right: 5px;
}

.csv-table-header {
    display: table;
    width: 100%;
}

.csv-table-row {
    display: table-cell !important;
    vertical-align: middle;
    padding: 10px 30px !important;
}

.csv-col-mapping .list-group-item {
    border-radius: 3px;
    margin-top: 10px;
    padding: 0;
}

.csv-col-mapping .list-group-item:first-child {
    background-color: #eee;
    font-size: 18px;
    font-weight: 600;
}

.csv-col-title {
    line-height: normal;
    font-weight: 600;
    display: inline-block;
    font-size: 18px;
    margin: 0;
}

.csv-col-description {
    line-height: normal;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.csv-table-header .csv-table-row:first-child {
    width: 60%;
}

.csv-table-header .csv-table-row:nth-child(2) {
    border-left: 1px solid #ddd;
    padding: 10px 5% !important;
}

.csv-table-header .csv-table-row-sm:nth-child(2) {
    padding: 10px 30px !important;
    
}

.csv-table-header-vtop .csv-table-row {
    vertical-align: top !important;
}

.box-success {
    border-left: 5px solid #00a65a;
}

.box-error {
    border-left: 5px solid #dd4b39;
}

.box-warning {
    border-left: 5px solid #f39c12;
}

/*
 * Component: Timeline
 * -------------------------------
 */

.radio-inline-rounded {
    padding: 0;
}

.radio-inline-rounded .radio-item {
    display: inline-block;
    
    padding: 0 6px;
    margin: 0;
}

.radio-inline-rounded .radio-item .radio-item-desc {
    padding: 0;
    margin: 0 0 0 35px;
    opacity: 0.5;
}

.radio-inline-rounded .radio-item .radio-item-desc-small {
    padding: 0;
    margin: 0 0 0 35px;
    font-size: 16px;
}

.radio-inline-rounded .radio-item .radio-item-desc-small span {
    font-weight: 600;
}

.radio-inline-rounded .radio-item input[type="radio"] {
    display: none;
}

.radio-inline-rounded .radio-item label {
    color: #666;
    font-weight: normal;
    position: relative;
}

.radio-inline-rounded .radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid #0073ff;
    background-color: transparent;
}

.radio-inline-rounded .radio-item input[type="radio"]:checked + label:after {
    border-radius: 11px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 5px;
    content: " ";
    display: block;
    background: #0073ff;
}

#people-communications .timeline {
    margin-top: 20px;
    margin-bottom: 20px;
    
}

#people-communications .communication-wrapper {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

#people-communications .timeline > li {
    margin-bottom: 30px;
}

#people-communications .timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 18px;
    
    left: 0;
}

#people-communications .timeline:before {
    width: 2px;
    left: 17px;
}

#people-communications .timeline > li > .timeline-item > .time {
    float: none;
}

#people-communications .timeline > li > .timeline-item {
    box-shadow: none;
    margin-left: 45px;
}

#people-communications .timeline > li > .timeline-item > .timeline-header {
    border-bottom: 0;
    padding: 0 10px;
    font-size: 18px;
}

#people-communications .timeline > li > .timeline-item > .time {
    padding: 0 10px 10px;
}

#people-communications .timeline > li > .timeline-item > .timeline-body {
    background: #ffffff;
    border-radius: 3px;
    margin: 20px 10px 10px 10px;
    border: none;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    font-size: 16px;
}

#people-communications .timeline > li > .timeline-item > .timeline-action {
    margin: 0 10px 10px 0;
    text-align: right;
    font-size: 12px;
}

#people-communications .timeline > li > .timeline-item > .timeline-action ol {
    margin: 0;
    padding: 0;
}

#people-communications .timeline > li > .timeline-item > .timeline-action ol > li {
    display: inline-block;
    margin-right: 10px;
}

#people-communications .timeline > li > .timeline-item > .timeline-action ol > li:last-child {
    margin-right: 0;
}

#people-communications .pagination {
    margin: 0;
}

#people-communications .comm-auth-msg,
#cloud-communication-tabs .comm-auth-msg {
    margin: 40px 0;
}

#people-communications .comm-auth-msg a.btn,
#cloud-communication-tabs .comm-auth-msg a.btn,
#cloud-communication-tabs .comm-auth-msg #google-authorize-signin-btn {
    margin-top: 10px;
}

#people-communications #cloud-communication-wrapper {
    min-height: 200px;
}

.gmail-loader {
    font-size: 18px;
    color: #666;
    font-family: Arial;
}

.no-results {
    margin: 70px 0;
    color: #bbb;
}

.reply-circle {
    font-size: 12px;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    /* Adjust size as needed */
    height: 20px;
    border: 1px solid #0073ff;
    /* Blue border */
    border-radius: 100%;
}

/*
 * Component: General layout spacings
 * ----------------------------------
 */


/*** PANEL LOADER ***/


#team-members-config .box .overlay {
    background: rgba(255, 255, 255, 0.85);
}

.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    color: #0073ff;
}

#recent-campaigns .box-footer > .row:last-child {
    min-height: 20px;
}

.box .overlay > .overlay-content {
    position: absolute;
    width: 100%;
    top: 10%;
    color: #000;
    text-align: center;
}

/* css to add hamburger and create dropdown */

/********************************************************************/

@media (max-width: 767px) {
    .nav-tabs.nav-tabs-dropdown,
    .nav-tabs-dropdown {
        border: 1px solid #dddddd;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }

    .nav-tabs.nav-tabs-dropdown::after,
    .nav-tabs-dropdown::after {
        content: "☰";
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 2;
        pointer-events: none;
    }

    .nav-tabs.nav-tabs-dropdown.open a,
    .nav-tabs-dropdown.open a {
        position: relative;
        display: block;
    }

    .nav-tabs.nav-tabs-dropdown.open > li.active > a,
    .nav-tabs-dropdown.open > li.active > a {
        background-color: #eeeeee;
    }

    .nav-tabs.nav-tabs-dropdown li,
    .nav-tabs-dropdown li {
        display: block;
        padding: 0;
        
        float: none;
        margin: 0;
    }

    .nav-tabs.nav-tabs-dropdown > li > a,
    .nav-tabs-dropdown > li > a {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
    }

    .nav-tabs.nav-tabs-dropdown > li > a:focus,
    .nav-tabs-dropdown > li > a:focus,
    .nav-tabs.nav-tabs-dropdown > li > a:hover,
    .nav-tabs-dropdown > li > a:hover,
    .nav-tabs.nav-tabs-dropdown > li > a:active,
    .nav-tabs-dropdown > li > a:active {
        border-color: transparent;
    }

    .nav-tabs.nav-tabs-dropdown > li.active > a,
    .nav-tabs-dropdown > li.active > a {
        display: block;
        border-color: transparent;
        position: relative;
        z-index: 1;
        background: #fff;
    }

    .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
    .nav-tabs-dropdown > li.active > a:focus,
    .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
    .nav-tabs-dropdown > li.active > a:hover,
    .nav-tabs.nav-tabs-dropdown > li.active > a:active,
    .nav-tabs-dropdown > li.active > a:active {
        border-color: transparent;
    }
}

#link-to-custom-settings a {
    background-color: #fff;
    border-color: #ccc;
}

@media (min-width: 992px) {
    .position-doc-upload {
        position: absolute;
        left: 66%;
        bottom: 80px;
        min-height: 570px;
    }

    #pets-info .card-header {
        width: 65%;
    }
}

@media (max-width: 991px) {
    .handle-resize {
        bottom: 0px !important;
    }
}

.position-doc-upload .card-header {
    margin-bottom: 7px !important;
    margin-left: 17px;
}

#delete-document-modal {
    z-index: 1055;
}

#transaction-docs-action-info button {
    margin-bottom: 0px;
}

#lead-docs-results .list-view-mode {
    padding: 5px 15px;
}


    margin-top: 15px;
} */





textarea {
    max-width: 100%;
    min-width: 100%;
    max-height: 250px;
    min-height: 40px;
}

/* Hide years switch from picker */

.date-show-only-month {
    position: relative;
}

.date-show-only-month .datepicker .datepicker-months thead {
    visibility: hidden;
    visibility: collapse;
}

.popover small.text-body-tertiary {
    display: inline-block;
    margin: 10px 0;
}

.datatable-empty-message {
    padding: 30px 0 50px 0;
    font-size: 16px;
    color: #999;
    background: #fff;
}

.datatable-empty-message p {
    margin-bottom: 30px;
}

.datatable-empty-message h3 {
    color: #333;
    font-weight: 600;
    font-size: 30px;
}

.datatable-empty-message .btn {
    font-size: 16px;
}

/* Referrals Module */

/* -------------------------------------- */

#referrals-info #referral-code {
    margin-top: 20px;
    font-size: 18px;
    line-height: normal;
}

#referrals-info #referral-code h1 {
    margin: 0 0 10px 0;
    color: #fdd835 !important;
    
    
    font-weight: 600;
    
    
    word-break: break-all;
}

#referrals-info h4 {
    margin-top: 20px;
    font-weight: 600;
    font-size: 36px;
}

#referral-reward-form.form-inline .form-group {
    vertical-align: top;
}

#banner-referrals {
    background-color: #0073ff;
    background-image: url("../images/referrals-banner-new.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    color: #fff;
    padding: 20px 20px 20px 300px;
    border-radius: 0;
    margin-bottom: 0px;
    min-height: 160px;
}

#banner-login {
    background-color: #0073ff;
    background-size: auto;
    color: #fff;
    border-radius: 0;
    margin-bottom: 0px;
}

#banner-login-user .alert a {
    text-decoration: underline;
}

#banner-login-user .alert a:hover {
    color: #fff;
}

#no-signature {
    padding: 5px 20px;
    border-radius: 0;
    color: #fff;
    margin-bottom: 0px;
}

#no-signature h1,
#banner-referrals h1,
#banner-referrals h3,
#referrals-info h1,
#referrals-info h3,
#banner-invite h1 {
    margin: 0;
    color: #fdd835;
}

#banner-referrals h3,
#referrals-info h3 {
    margin-bottom: 10px;
    font-size: 22px;
}

#banner-referrals h1,
#invite-referrals h1,
#referrals-info h1 {
    font-weight: 600;
    margin-bottom: 5px;
}

#referrals-info h3 {
    color: #fff;
}

#referrals-info h1 {
    margin-top: 20px;
    color: #fff;
}

#banner-referrals small,
#invite-referrals small,
#referrals-info small {
    display: block;
    margin-top: 10px;
    opacity: 0.65;
}

#referrals-info .img-fluid {
    max-height: 125px;
}

#banner-referrals a.btn {
    text-decoration: none;
}



#banner-referrals .brf-rcol {
    margin-top: 10px;
}

#banner-referrals .btn-primary {
    
    font-weight: 600;
    text-decoration: none;
    
}

#banner-referrals .close {
    color: #fff;
    opacity: 0.5;
    text-shadow: 0 1px 0 #333;
    font-weight: normal;
    text-decoration: none;
}

@media (max-width: 640px) {
    #banner-referrals {
        padding: 20px 20px 160px 20px;
        background-position: bottom center;
    }

    #banner-referrals small,
    #banner-invite small {
        margin-bottom: 20px;
    }

    #banner-invite {
        padding: 20px 19px 220px 20px !important;
        background-position: left bottom !important;
        background-size: auto !important;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #banner-referrals {
        background-position: left center;
    }

    #banner-invite {
        background-position: left 85px bottom 0px !important;
    }
}

#banner-invite {
    background-color: #0073ff;
    background-image: url("/admin/images/team-infographic.png");
    background-repeat: no-repeat;
    background-position: left 85px bottom 0px;
    background-size: contain;
    color: #fff;
    padding: 15px 20px 15px 300px;
    border-radius: 0;
    margin-bottom: 0px;
    min-height: 120px;
}

#banner-invite .invite-icon {
    font-size: 60px;
    padding: 15px 15px 15px 85px;
    color: #fdd835;
}

#banner-invite .close {
    color: #fff;
    opacity: 0.5;
    text-shadow: 0 1px 0 #333;
    font-weight: normal;
    text-decoration: none;
}

.bg-blue {
    background: #0073ff !important;
    color: #fff;
    border: none;
}

.bg-purple-dark-gradient {
    /* fallback */
    background-color: #6c2aa9;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, left top, right top, from(#6c2aa9), to(#52108f));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #52108f, #6c2aa9);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #52108f, #6c2aa9);
    /* IE 10 */
    background: -ms-linear-gradient(left, #52108f, #6c2aa9);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #52108f, #6c2aa9);
}

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

.add-new-source {
    position: absolute;
    top: 0;
    right: 15px;
}

.send-email-wrapper {
    padding-bottom: 25px;
}



.list-unstyled-chk {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-unstyled-chk li {
    margin-bottom: 10px;
}

.list-unstyled-chk label {
    margin: 0px;
    font-weight: 600;
    display: block;
}

.input-group .input-group-text img.img-small,
.btn-group .btn img.img-small {
    position: absolute;
    top: 5px;
    left: 4px;
    width: 20px;
    border-radius: 50%;
    height: 20px;
}

.input-group .input-group-text img.img-small {
    position: relative;
    top: 0px;
    margin-right: 5px;
}

.input-group .input-group-text img.img-extra-small,
.btn-group .btn img.img-extra-small {
    width: 12px;
    border-radius: 50%;
    height: 12px;
    top: -1px;
    position: relative;
}

.global-search-visible {
    display: block !important;
    margin-left: 20px !important;
    width: 55% !important;
}

/* #global-search-list ul.pagination {
    margin: 0;
} */

/* Report Summart Module (Modal Dialog) */
/* ---------------------------------------------- */

.sphere-report .sphere-report-header {
    text-align: center;
    margin-bottom: 30px;
}

.sphere-report .sphere-report-header h3 {
    font-size: 24px;
    
    margin: 10px 0;
}

.sphere-report .sphere-report-h3 {
    color: #444;
    margin-bottom: 32px;
    font-size: 28px;
}

.sphere-report .timeline > li {
    margin-right: 0;
}

.sphere-report .timeline-body ol {
    padding: 0 0 0 15px;
    margin-bottom: 10px;
}

.sphere-report .timeline-body ol li,
.sphere-report .timeline-body ul li {
    margin: 0 0 10px 0;
}

.sphere-report .timeline-body ol li ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px;
    list-style: none;
}

.sphere-report .timeline-body ol li ul li {
    margin-bottom: 5px;
}

.sphere-report .sphere-badges {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    margin: 40px 0;
}

.sphere-report .sphere-business-plan .business-goal-img {
    max-width: 125px;
    margin-bottom: 20px;
}

.sphere-report .sphere-badges .sphere-badge-img {
    margin-bottom: 20px;
    max-height: 110px;
}

.sphere-report .sphere-badges h3 {
    font-weight: 600;
    color: #444;
}

.sphere-report .sphere-business-plan a {
    text-decoration: underline;
    font-weight: 600;
}

.sphere-report .sphere-report-referrals {
    background: #0073ff;
    color: #fff;
    padding: 20px;
    border-radius: 3px;
}

.sphere-report .sphere-report-referrals .sphere-referral-img {
    max-height: 160px;
}

.sphere-report .sphere-report-referrals h1 {
    color: #fdd835;
    font-weight: 600;
    margin-bottom: 5px;
}

.sphere-report .sphere-report-referrals h3 {
    color: #fdd835;
    margin: 0 0 10px 0;
    font-size: 22px;
}

.sphere-report .sphere-report-referrals p {
    display: block;
    margin-top: 10px;
    opacity: 0.65;
}

@media (min-width: 992px) {
    .sphere-report .sphere-report-header h3 {
        font-size: 24px;
    }
}

@media (min-width: 1215px) {
    .sphere-report .sphere-report-header h3 {
        font-size: 28px;
    }
}

.sphere-report .news-flash {
    padding: 15px;
    background-color: #0073ff !important;
    border-color: #0073ff !important;
}

.sphere-report .news-flash h3 {
    margin-top: 0px;
    font-size: 20px;
}

.widget-user-2 .widget-user-image > .img-circle {
    width: 65px;
    height: auto;
    float: left;
    
    text-align: center;
}

.widget-user-2 .widget-user-image > .img-circle .inner-text {
    margin-top: 0.3em;
}

.sphere-box-widget .box-widget .box-footer .nav-justified > li > a {
    padding: 10px 7px;
    color: #444;
}

.sphere-box-widget .box-action-items {
    display: block;
    padding: 10px 7px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.sphere-box-widget .box-widget .widget-user-desc a,
.sphere-box-widget .box-widget .widget-user-desc a:hover,
.sphere-box-widget .box-widget .widget-user-desc a:active,
.sphere-box-widget .box-widget .widget-user-desc a:focus {
    color: #fff;
    display: block;
    margin-top: 10px;
    font-weight: 600;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .sphere-box-widget .widget-user-header {
        min-height: 200px;
    }
}

/* Custom blockquote */
/* ---------------------------------------------- */

.sphere-blockquote {
    font-size: 1.5em;
    
    margin: 0 0 30px 0;
    font-style: italic;
    
    padding: 1.2em 30px 1.2em 75px;
    
    border: none;
    line-height: 1.6;
    position: relative;
    
}

.sphere-blockquote::before {
    font-family: Arial !important;
    content: "\201C";
    color: #0073ff;
    font-size: 7em;
    position: absolute;
    left: 10px;
    top: -10px;
}

.sphere-blockquote::after {
    content: "";
}

.sphere-blockquote small {
    display: block;
    color: #555555;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
    text-align: right;
}

.icon-invisible {
    visibility: hidden;
}

#transactions-dtable_action_tans_assignee .dropdown .dropdown-toggle {
    visibility: hidden;
}

#default-trans-chklists-dtable_action_tans_assignee .bootstrap-select {
    visibility: hidden;
    height: 1px;
}

#transactions-dtable_action_tans_assignee .bootstrap-select {
    height: 0px;
}

/* Transaction Parties Involved */

/* ---------------------------------------------- */

/* Flash class and keyframe animation */
.parties-row-new {
    background-color: #fef5e7;
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}

.popover-content span.card-link.email,
.popover-content span.card-link.phone {
    font-size: 12px;
    cursor: default;
}

.popover-content p:not(:last-of-type) {
    margin-bottom: 2px;
}

.popover-content .btn-rounded-full {
    border-radius: 50%;
    padding: 3px 5px;
    font-size: 10px;
}



@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

.widget-user-2 {
    box-shadow: none;
    border: 1px solid #d2d6dd;
}

.widget-user-2 .widget-user-image > .img-circle {
    width: 50px;
}

.widget-user-2 .widget-user-username {
    font-size: 18px;
    font-weight: 400;
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
    margin-left: 60px;
}

.widget-user-2 .widget-user-desc {
    color: #999;
}

.widget-user-2 .widget-user-sub-desc {
    color: #333;
}

/* overwrite css of cropper modal */
.nested-modal form#add-cont-persn-form .modal-footer {
    display: none;
}

.nested-modal .uploadcrop-dotted .modal {
    display: flex;
    height: fit-content;
}

.nested-modal .uploadcrop-dotted .modal .modal-dialog {
    margin: 0px;
}

.nested-modal > .modal-dialog > .modal-content {
    background: transparent;
    border: none;
    box-shadow: none;
}

.sphere-report .widget-user-2 .widget-user-desc {
    color: #fff;
}



.widget-user-2 .widget-user-desc .widget-actions,
.widget-user-2 .widget-user-desc .widget-actions a {
    display: inline-block;
    margin-left: 5px;
}

.box-widget .widget-lists {
    margin: 0;
    padding: 0;
    list-style: none;
}

.box-widget .widget-lists li {
    margin: 0;
    padding: 0 0 3px 0;
}

.box-widget .widget-lists li .widget-list-icon {
    margin-right: 5px;
    min-width: 15px;
}

.box-widget .widget-lists li .checkbox {
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.carousel-indicators {
    bottom: -20px;
}

.carousel-indicators .active {
    background-color: #0072ff;
}

.carousel-indicators li {
    border: 1px solid #0072ff;
}

.vertical-centered {
    vertical-align: middle;
    position: relative;
}

.assignee-btn {
    vertical-align: middle;
    font-size: 22px;
    color: #999;
}

.trans-asignee-dd {
    height: 0px;
    width: 0px;
    position: absolute;
    left: -50px;
}

#trans-client-cards .bx-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: none;
    margin-bottom: 10px;
}

#trans-client-cards .widget-user-2 {
    margin-bottom: 15px;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 999 !important;
}

#carousel-trans-clients .owl-nav,
#carousel-parties-clients .owl-nav {
    display: none !important;
}

#carousel-trans-clients .owl-dots,
#carousel-parties-clients .owl-dots {
    margin-top: 10px;
    margin-bottom: 10px;
    zoom: 1.3;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0073ff !important;
}

.trans-timeline-img {
    margin: 25px 0;
    border: 1px solid #ddd;
    padding: 5px;
    position: relative;
    border-radius: 4px;
}

.trans-timeline-img .trans-timeline-img-zooom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
}

/* hide the tabs and panes to prevent flash of tabs on page
 * load/refresh before plugin has time to wrap them in the 
 * scroller; .nav-tabs are automatically unhidden by the 
 * plugin when they're ready, and .tab-content is unhidden 
 * in st-demo.js when the 'ready.scrtabs' event fires */




.scrtabs-tab-container .scrtabs-tabs-fixed-container {
    height: 64px !important;
}

.scrtabs-tab-scroll-arrow {
    border: none !important;
    height: 44px !important;
    color: #0074ff !important;
}

.scrtabs-tab-scroll-arrow:hover {
    background-color: #0074ff !important;
    color: #fff !important;
}

/* Custom Checkbox Styling */
.sph-custom-checkbox {
    position: absolute;
    opacity: 0;
}

.sph-custom-checkbox + label {
    position: relative;
    padding: 0;
    font-weight: 400;
}

.sph-custom-checkbox:focus + label:before {
    border-color: #999;
}

.sph-custom-checkbox:hover + label:before {
    background: #fff;
    border-color: #0073ff;
}

.sph-custom-checkbox:checked + label:before {
    background: #0073ff;
    border-color: #0073ff;
}

.sph-custom-checkbox:disabled + label {
    color: #b8b8b8;
}

.sph-custom-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
    border-color: #b8b8b8;
}

.checkbox label {
    padding-left: 0px !important;
}

/* Customized Round Radio Input */
/* ---------------------------------------------- */
.round-radio {
    position: relative;
    height: 28px;
    width: 28px;
    margin-bottom: 5px;
}

.round-radio label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round-radio label span {
    display: none;
    font-size: 18px;
}

.round-radio.round-radio-loading label span {
    display: block;
}

.round-radio label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round-radio input[type="radio"] {
    visibility: hidden;
}

.round-radio input[type="radio"]:hover + label {
    border-color: #666;
}

.round-radio input[type="radio"]:checked + label {
    background-color: #0073ff;
    border-color: #0073ff;
}

.round-radio input[type="radio"]:checked + label:after {
    opacity: 1;
}

.round-radio-group-disabled label,
.round-radio-group-disabled input[type="radio"]:hover + label,
.round-radio-group-disabled input[type="radio"]:checked + label {
    border-color: #e6e6e6;
    background-color: #fff;
    cursor: default;
}

.round-radio-group {
    white-space: nowrap;
    margin-right: 15px;
}

.round-radio-group li {
    text-align: center;
    margin-right: 3px;
    color: #666;
}

.round-radio-group-disabled li {
    color: #ccc;
}

.radio-group label {
    margin-right: 10px;
}

.table-action-tools {
    margin-top: 10px;
}

/* Customized Round Checkbox Input */
/* ---------------------------------------------- */
.rounded-checkbox {
    position: relative;
    line-height: 0;
}

.rounded-checkbox label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    left: 0;
    position: relative;
    top: 0;
    width: 24px;
    margin: 0;
    padding: 0;
}

.rounded-checkbox label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 10px;
}

.rounded-checkbox input[type="checkbox"] {
    display: none;
}

.rounded-checkbox input[type="checkbox"]:checked + label {
    background-color: #0073ff;
    border-color: #0073ff;
}

.rounded-checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.rounded-checkbox input[type="checkbox"]:disabled + label {
    cursor: not-allowed;
}

/* Customize Light Gallery */
/* ---------------------------------------------- */

.lg-outer {
    background-color: #fff !important;
}

.lg-on {
    overflow: hidden;
}

.lg-sub-html,
.lg-toolbar {
    background-color: rgba(255, 255, 255, 0.85) !important;
    color: #333;
}

.lg-toolbar {
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

.lg-toolbar .lg-icon {
    color: #0073ff;
    padding: 15px 0;
    height: 60px;
}

.lg-toolbar .lg-icon:hover {
    color: #0066ff;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: #0072ff;
    color: #ffffff;
    border-radius: 50%;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    background-color: #0066ff;
    color: #ffffff;
}

.lg-progress-bar .lg-progress {
    background-color: #467ffd !important;
}

.progress-bar-label .progress-bar-label-right {
    opacity: 0.7;
}

.progress-bar-label-lg {
    font-size: 16px;
}

.progress-bar-label-lg .progress-bar-label-left,
.progress-bar-label-lg .progress-bar-label-right {
    line-height: 30px;
}

.progress-bar-label-lg .progress-bar-label-left {
    font-weight: 600;
}

.progress-bar-label-lg .progress-bar-label-left span {
    font-size: 36px;
}

.progress-bar-label-lg .progress-bar-label-right {
    margin-top: 5px;
}



#lg-logo {
    display: inline-block;
    padding-left: 15px;
    padding-top: 12px;
    vertical-align: middle;
    max-width: 140px;
}

#lg-logo img {
    max-width: 100%;
}

@media (max-width: 767px) {
    #lg-logo {
        max-width: 110px;
        padding-top: 15px;
    }
}

#commission-ytd-info .user-color {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
}

#commission-ytd-info .commission-value {
    font-weight: 600;
    font-size: 15px;
}

/*
 * Component: Custom AutoComplete Widget
 * ------------------------------------------------
 */

.ui-widget {
    font-family: inherit;
    font-size: 16px;
}

.ui-autocomplete {
    z-index: 99999;
}

.ui-widget-content a {
    color: inherit;
}

.sph-autocomplete-widget a {
    color: #777;
}

.ui-state-active a,
.sph-autocomplete-widget .ui-menu-item .ui-state-active .ui-menu-item-wrapper-inner-head,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff !important;
}

.sph-autocomplete-widget .ui-menu-item {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.sph-autocomplete-widget .ui-menu-item:last-child {
    border-bottom: none;
}

.sph-autocomplete-widget .ui-menu-item a {
    padding: 5px 1em 7px 0.4em;
}

.sph-autocomplete-widget .ui-menu-item .ui-menu-item-wrapper-inner-head,
.sph-autocomplete-widget .ui-menu-item .ui-menu-item-wrapper-inner-desc {
    display: block;
}

.sph-autocomplete-widget .ui-menu-item .ui-menu-item-wrapper-inner-head {
    font-size: 18px;
    color: #444;
}

/*price radio button styles*/
.price-radio-label {
    font-size: 30px;
    
    margin: 0 0 0 5px;
    display: inline-block;
}

.price-radio-label .prl-original span {
    font-size: 42px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -1px;
}

.price-radio-label .prl-original sub {
    bottom: 0em;
    font-size: 50%;
    opacity: 0.7;
    font-weight: 600;
    margin-left: 2px;
}

.price-radio-label-discounted .prl-original span,
.price-radio-label-discounted .prl-original sup {
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
    top: 0;
    color: #999;
}

.price-radio-label-discounted .prl-original sub {
    font-weight: 400;
    text-decoration: line-through;
}

.price-radio-label-discounted .prl-discounted span {
    font-size: 42px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -1px;
}

.price-radio-label-discounted .prl-discounted sub {
    bottom: 0em;
    font-size: 50%;
    opacity: 0.7;
    font-weight: 600;
    margin-left: 2px;
}


/*
 * Component: Slider iOS style Checkbox
 * Ref: https://jsfiddle.net/yeyene/42p6s7ps/
 * --------------------------------------
 */
.checkbox-slider--b-flat label {
    position: relative;
}

.checkbox-slider-inline {
    display: inline-block;
    margin-right: 15px;
}

.checkbox-slider--b-flat input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0%;
    margin: 0 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.checkbox-slider--b-flat input + span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-slider--b-flat input + span:before {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
}

.checkbox-slider--b-flat input + span > h4 {
    display: inline;
}

.checkbox-slider--b-flat input + span {
    padding-left: 45px;
}

.checkbox-slider--b-flat input + span:before {
    content: "";
    height: 20px;
    width: 40px;
    background: rgba(100, 100, 100, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
    transition: background 0.2s ease-out;
}

.checkbox-slider--b-flat input + span:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
    background: #ffffff;
    transition: margin-left 0.1s ease-in-out;
    text-align: center;
    font-weight: bold;
    content: "";
}

.checkbox-slider--b-flat input:checked + span:after {
    margin-left: 20px;
    content: "";
}

.checkbox-slider--b-flat input:checked + span:before {
    transition: background 0.2s ease-in;
}

.checkbox-slider--b-flat input + span:before {
    border-radius: 20px;
    width: 40px;
}

.checkbox-slider--b-flat input + span:after {
    background: #ffffff;
    content: "";
    width: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
    border-radius: 20px;
}

.checkbox-slider--b-flat input:not(:checked) + span:after {
    -webkit-animation: popOut ease-in 0.3s normal;
    animation: popOut ease-in 0.3s normal;
}

.checkbox-slider--b-flat input:checked + span:after {
    content: "";
    margin-left: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
    -webkit-animation: popIn ease-in 0.3s normal;
    animation: popIn ease-in 0.3s normal;
}

.checkbox-slider--b-flat input:checked + span:before {
    background: #0073ff;
}

.checkbox-slider--b-flat.checkbox-slider-md input + span:before {
    border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-md input + span:after {
    border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input + span:before {
    border-radius: 40px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input + span:after {
    border-radius: 40px;
}

.checkbox-slider--b-flat input + span:before {
    box-shadow: none;
}

/*#####*/
.checkbox-slider-info.checkbox-slider--b input:checked + span:before,
.checkbox-slider-info.checkbox-slider--b-flat input:checked + span:before,
.checkbox-slider-info.checkbox-slider--c input:checked + span:before,
.checkbox-slider-info.checkbox-slider--c-weight input:checked + span:before {
    background: #5bc0de;
}

.checkbox-slider-warning.checkbox-slider--b input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--b-flat input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--c input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:before {
    background: #f0ad4e;
}

.checkbox-slider-danger.checkbox-slider--b input:checked + span:before,
.checkbox-slider-danger.checkbox-slider--b-flat input:checked + span:before,
.checkbox-slider-danger.checkbox-slider--c input:checked + span:before,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:before {
    background: #d9534f;
}

.checkbox-slider--b-flat input:disabled + span:before {
    background: #ccc;
}

.checkbox-slider--b-flat input:disabled + span:before,
.checkbox-slider--b-flat input:disabled + span:after {
    cursor: not-allowed;
}

/*******************************************************
  Sizes
  *******************************************************/
.checkbox-slider-sm {
    line-height: 10px;
}

.checkbox-slider-sm input + span {
    padding-left: 20px;
}

.checkbox-slider-sm input + span:before {
    width: 20px;
}

.checkbox-slider-sm input + span:after,
.checkbox-slider-sm input + span:before {
    height: 10px;
    line-height: 10px;
}

.checkbox-slider-sm input + span:after {
    width: 10px;
    vertical-align: middle;
}

.checkbox-slider-sm input:checked + span:after {
    margin-left: 10px;
}

.checkbox-slider-md {
    line-height: 16px;
}

.checkbox-slider-md input + span {
    padding-left: 35px;
}

.checkbox-slider-md input + span:before {
    width: 32px;
}

.checkbox-slider-md input + span:after,
.checkbox-slider-md input + span:before {
    height: 16px;
    line-height: 16px;
}

.checkbox-slider-md input + span:after {
    width: 16px;
    vertical-align: middle;
}

.checkbox-slider-md input:checked + span:after {
    margin-left: 16px;
}

.checkbox-slider-lg {
    line-height: 20px;
}

.checkbox-slider-lg input + span {
    padding-left: 40px;
}

.checkbox-slider-lg input + span:before {
    width: 40px;
}

.checkbox-slider-lg input + span:after,
.checkbox-slider-lg input + span:before {
    height: 20px;
    line-height: 20px;
}

.checkbox-slider-lg input + span:after {
    width: 20px;
    vertical-align: middle;
}

.checkbox-slider-lg input:checked + span:after {
    margin-left: 20px;
}

/*
 * END: Component: Slider iOS style Checkbox
 * -----------------------------------------
 */

/* Full Calendar Widget */
/* ---------------------------------------------- */
.fc .fc-toolbar-title {
    font-size: 30px;
}

.fc .fc-button-primary {
    border-color: #ddd;
    color: #444444;
    background-color: #f9fafc;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:hover {
    background-color: #0074ff;
    border-color: #0074ff;
}

.fc .fc-button-primary:disabled {
    border-color: #ddd;
    color: #444444;
    background-color: #f9fafc;
}

.fc .fc-col-header-cell-cushion,
.fc .fc-daygrid-day-number,
.fc a {
    color: #444;
}

.fc-daygrid-dot-event .fc-event-title {
    font-weight: 600;
}

.fc-event,
.fc-time-grid-event .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    font-size: 1em;
}



.fc .fc-daygrid-more-link {
    color: #0074ff;
}

.fc .fc-more-popover .fc-popover-body {
    max-height: 50vh;
    overflow-x: auto;
}

#trans-checklist-date button {
    padding: 0px 15px;
    margin: 0px 5px;
}

#today-sphere-calendar .fc-toolbar-chunk button {
    color: #0273fd;
    border: 0;
    background-color: #fff;
    font-size: 20px;
}

#today-sphere-calendar .fc-toolbar-chunk:focus {
    border: 0;
    outline: 0;
}

#today-sphere-calendar .fc-toolbar-chunk button:focus {
    box-shadow: 0 0 0 0;
}

#today-sphere-calendar.fc .fc-daygrid-day.fc-day-today,
#today-sphere-calendar.fc .fc-timegrid-col.fc-day-today {
    background: #fff !important;
}

.modal-iframe {
    height: 100%;
    width: 100%;
    border: none;
}

.table-sticky-last-col th:last-child,
.table-sticky-last-col td:last-child {
    position: sticky;
    right: 0px;
}

/*
 * Component: Date Range Picker Widget
 * ------------------------------------------------
 */

.daterangepicker td.in-range {
    background-color: #e3f0ff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .ranges li.active,
.daterangepicker td.start-date,
.daterangepicker td.end-date {
    background-color: #0073ff;
    color: #fff;
}

.both-picker {
    text-align: right !important;
    border-top: 1px solid #ddd;
}

/*
 * Component: Tribute Mention
 * ------------------------------------------------
 */
.tribute-container {
    background: #ffffff;
    color: #222222;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
    border: 1px solid #d3d3d3;
    min-width: 150px !important;
}

.tribute-container ul {
    background: #ffffff;
    color: #222222;
    border: #2688d8;
    font-size: 16px;
}

.tribute-container ul li {
    background: #fff;
    font-size: 16px;
}

.tribute-container li.highlight {
    background: #0073ff !important;
    color: #fff;
    
}

/*
 * Component: Toastr Notifications
 * ------------------------------------------------
 */
.toastr-no-opacity {
    opacity: 1 !important;
}

#toast-container.toast-custom {
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    top: 0;
    right: 0;
    width: 100%;
    pointer-events: auto;
}

#toast-container.toast-custom button.toast-close-button {
    color: #999;
    position: absolute;
    top: 0.5em;
    right: 0.7em;
}

#toast-container.toast-custom > div {
    padding: 30px;
}

#toast-container.toast-custom > div {
    background-image: none !important;
    background-color: #fff;
    color: inherit;
    font-size: 18px;
    margin: 30px auto;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.65);
}

#toast-container.toast-lg > div {
    width: auto;
    margin: 10px;
}

@media (min-width: 768px) {
    #toast-container.toast-lg > div {
        width: 600px;
        margin: 30px auto;
    }
}

#toast-container.toast-lg .btn {
    font-size: 16px;
}

#toast-container.toast-custom .toast-title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
}

#toast-container.toast-custom .toast-footer {
    border-top: 1px solid #f4f4f4;
    padding-top: 20px;
    margin-top: 30px;
}

#toast-container.toast-custom input[type="radio"],
#toast-container.toast-custom input[type="checkbox"] {
    margin-right: 10px;
}

#toast-container.toast-custom .toast-message label {
    color: inherit;
    font-weight: 600;
}



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

.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.owl-carousel-similar-height .owl-stage {
    display: flex;
    height: 195px !important;
}

.owl-carousel-similar-height .owl-item img {
    width: auto !important;
    height: 195px !important;
    margin: 0 auto;
}

#carousel-referral-calls-stats .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    pointer-events: none;
    z-index: 10;
    margin-top: 0;
}

#carousel-referral-calls-stats .owl-prev:hover,
#carousel-referral-calls-stats .owl-next:hover {
    background: none;
}

#carousel-referral-calls-stats .owl-prev,
#carousel-referral-calls-stats .owl-next {
    width: 25px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #333;
    cursor: pointer;
    pointer-events: auto;
    transition: background 0.3s;
    position: relative;
    padding: 0;
    margin: 0;
}

#carousel-referral-calls-stats .owl-prev {
    left: -30px;
}

#carousel-referral-calls-stats .owl-next {
    right: -30px !important;
}

#carousel-referral-calls-stats .team-member-card {
    margin: 0 !important;
    border: 1px solid #ccc;
    box-shadow: none;
}

#carousel-referral-calls-stats .team-member-card-active {
    border: 1px solid #0073ff;
}

#carousel-referral-calls-stats .owl-prev-arrow:hover,
#carousel-referral-calls-stats .owl-next-arrow:hover {
    background: rgba(0, 115, 255, 1);
    color: #fff;
}

.carousel-with-checkbox .owl-item .handwritten-checkbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 40px solid #0073ff;
    border-left: 40px solid transparent;
}

.carousel-with-checkbox .owl-item .handwritten-checkbox input {
    display: none;
}

.carousel-with-checkbox .owl-item .handwritten-checkbox .fa-solid {
    position: fixed;
    top: 5px;
    right: 5px;
    color: #fff;
}

.gifts-carousel {
    border: 1px solid #d2d2d2;
    padding: 10px;
    margin-bottom: 15px;
}

.dob-intake .intake-dob-month {
    padding-right: 0px;
}

.dob-intake .intake-dob-day {
    padding-left: 10px;
    padding-right: 7px;
}

.dob-intake .intake-dob-year {
    padding-left: 0px;
}

#intake-form-fields .intake-field-val {
    border: 1px #ccc solid;
    padding: 8px;
    border-radius: 3px;
    min-height: 35px;
    background-color: #f9f9f9;
}

#intake-form-fields .intake-note-val {
    border: 1px #ccc solid;
    padding: 8px;
    border-radius: 3px;
    min-height: 100px;
    background-color: #f9f9f9;
}

.email-preview {
    cursor: pointer;
}



.gmnoprint a,
.gmnoprint span {
    display: none;
}

.gmnoprint div {
    background: none !important;
}

#GMapsID div div a div img {
    display: none;
}

.navigate-map {
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
}

.include-field-first-name,
.include-last-name,
.include-field-email,
.include-field-phone {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.trans-header-btn li {
    display: inline-block;
}

.cursor-default {
    cursor: default;
}

#escrow-docs-results .list-item-text {
    width: 85% !important;
}

#escrow-docs-results span.list-item-tools {
    width: 10% !important;
}

#escrow-docs-results .list-item-text .css-truncate-target {
    width: 85% !important;
}

.extra-notes .tox-tinymce,
.field-description-wrapper .tox-tinymce {
    border-radius: 5px;
}

.extra-notes .tox-toolbar__primary,
.field-description-wrapper .tox-toolbar__primary {
    border: 0px !important;
}

.extra-notes .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type),
.field-description-wrapperes .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
    border: 0px !important;
}

.extra-notes .tox-tbtn,
.field-description-wrapper .tox-tbtn {
    max-width: 60px !important;
}

#extra-notes .tox-tbtn:last-child {
    position: absolute;
    right: 0px;
    padding: 5px 10px;
    cursor: pointer;
    
    margin: 0px 10px 0px 0px;
    background-color: #0273fd;
    color: #fff;
    border-radius: 0.375rem;
}

.extra-notes .tox-statusbar,
.field-description-wrapper .tox-statusbar {
    display: none !important;
}

.extra-notes .checkbox-slider--b-flat,
.field-description-wrapper .checkbox-slider--b-flat {
    display: inline-block !important;
    margin-right: 20px;
}

.extra-notes .extra-notes-wrapper .conn-notes {
    border-left: 1px solid #0273fd;
}

.break-spaces {
    white-space: break-spaces;
}

#extra-notes-wrapper .notes-actions span {
    padding-left: 10px;
    cursor: pointer;
}

#extra-notes-wrapper .note-body {
    overflow-wrap: break-word;
}

.daterangepicker.show-calendar {
    margin-right: 10px;
}

.form-group.has-success .move-to-top,
.move-to-top {
    color: #0273fd;
    border-color: #0273fd;
    font-size: 20px;
    font-weight: 600;
    height: 45px;
    padding-left: 47%;
}

@media (max-width: 768px) {
    .form-group.has-success .move-to-top,
    .move-to-top {
        padding-left: 40%;
    }
}

#trans-expenses .form-check-inline input[type="radio"] {
    display: none;
}

#trans-expenses label.form-check-label {
    padding: 6px 10px 6px 10px;
    display: inline;
    cursor: pointer;
    color: #ccc;
}

#trans-expenses .form-check-inline {
    display: inline;
    border: 2px solid #0273fd;
    border-radius: 5px;
}

#trans-expenses label.radio-checked:first-child {
    border-radius: 5px;
    animation-name: leftRadio;
    position: relative;
    display: inline-block;
    animation-duration: 0.15s;
    margin-left: -2px;
}

@keyframes leftRadio {
    0% {
        background-color: #0273fd;
        left: 25px;
        top: 0px;
    }

    100% {
        background-color: #0273fd;
        left: 0px;
        top: 0px;
    }
}

#trans-expenses label.radio-checked:last-child {
    border-radius: 5px;
    animation-name: rightRadio;
    position: relative;
    display: inline-block;
    animation-duration: 0.15s;
    margin-right: -2px;
}

@keyframes rightRadio {
    0% {
        background-color: #0273fd;
        right: 25px;
        top: 0px;
    }

    100% {
        background-color: #0273fd;
        right: 0px;
        top: 0px;
    }
}

@media (min-width: 1120px) {
    #trans-expenses label.form-check-label:first-child {
        padding-left: 15px;
    }
}

#trans-expenses label.radio-checked {
    background: #0273fd;
    color: #fff;
}

.handle-sidebar-scroll {
    padding: 10px 0px 10px 0px !important;
    position: fixed !important;
    width: 50px;
    bottom: 0px;
    z-index: 999;
    background-color: #f9fafc;
    text-align: center;
    font-size: 85%;
    height: 48px;
}

.timeline-details {
    background-color: #000 !important;
    border-radius: 50px;
    height: 20px;
    width: 20px;
    line-height: 1px;
    font-size: 16px;
    padding: 0px;
    background: transparent;
    color: #fff;
}

.timeline-details:hover {
    color: #fff;
}

.timeline-details-type {
    padding-bottom: 15px;
    font-weight: 600 !important;
}

.pac-container {
    z-index: 2000;
}

.field-handwrittenapi-note label,
.field-handwrittensettings-birthday_note label,
.field-handwrittensettings-housiversary_note label,
.field-content-body label,
.field-dripflow-sms_body label {
    display: block;
}

.field-handwrittenapi-note label div.btn-group,
.field-handwrittensettings-birthday_note label div.btn-group,
.field-handwrittensettings-housiversary_note label div.btn-group,
.field-content-body label div.btn-group,
.field-dripflow-sms_body label div.btn-group {
    float: right;
    margin: auto !important;
}

.field-handwrittenapi-note label button,
.field-handwrittensettings-birthday_note label button,
.field-handwrittensettings-housiversary_note label button {
    margin: auto !important;
}

.text-link li,
.text-link span {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
}

aside.campaign-team-filter {
    z-index: 9999;
    padding-top: 0px;
}

td .account-closed {
    padding-left: 100px;
}

.step-container .nav-justified > li > a {
    text-align: left;
}

a.add-new-intake-field {
    float: right;
    font-size: 12px;
    cursor: pointer;
}

a.signature-link {
    cursor: pointer;
}

.calendar-settings-color_codes {
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

button.calendar-settings-color_codes-btn {
    height: 34px;
    width: 50px;
    padding: 0px;
}

button.calendar-settings-color_codes-btn {
    height: 31px;
    width: 40px;
}



.author-filter-spacing {
    padding: 0px 5px;
}

#intake-url-copy {
    border-left: 1px solid #444;
}

button.author-filter:disabled {
    color: #999;
}

.btn-group > .add-border.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.detailed-savings-list {
    padding-left: 5px;
}

img.uploaded-company-image {
    cursor: pointer;
}



#child-field-clone-wrapper .form-control[disabled] {
    background-color: transparent;
}

.has-success .input-group-text {
    color: #444;
    background-color: #eee;
    border: 1px solid #ccc;
}

.nowrap {
    white-space: nowrap;
}

/* animated checkbox */
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #3d763d;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #3d763d;
    stroke-miterlimit: 10;
    margin: 7vh auto 3% auto;
    box-shadow: inset 0px 0px 0px #3d763d;
    animation:
        fill 0.5s ease-in-out 0.4s forwards,
        scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.chart {
    width: 100%;
}

.bar-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.bar-label {
    width: 20%;
    margin-right: 15px;
}

.bar-progress-container {
    width: 60%;
    margin-right: 15px;
}

.bar-progress-container .progress {
    margin-bottom: 5px;
    border-radius: 10px;
    background-color: #f7f7f7;
}

.bar-value {
    width: 20%;
}

.bar {
    height: 20px;
    background-color: #0066ff;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #3d763d;
    }
}

#modal-intake-changes h3 {
    font-size: 18px;
    font-weight: 600;
    background-color: #f7f7f7;
    padding: 10px;
}

#attachment-container .file-attachment {
    display: flex;
    justify-content: space-between;
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 4px;
}

#attachment-container .file-attachment .file-info {
    display: flex;
}

#attachment-container .file-attachment .file-name {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#attachment-container .file-attachment .fa {
    font-size: 16px;
}

.pulse {
    animation: pulse-animation 2s 3;
}

#event-signup-form .qr-image {
    max-width: 200px;
    width: 100%;
    height: auto;
    display: inline-block;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}

/* The bad tab styles */
.bg-light-grey {
    background-color: #f9fafb;
    color: #737c90;
}

/* Progress Bar Styles */
.progress-total-ndc,
.progress-total-ndc-contacted {
    height: 6px;
    background-color: transparent;
    border-radius: 4px;
}

/* Specific border colors */
.progress-total-ndc {
    border: 1px solid #4197ff;
}

.progress-total-ndc-contacted {
    border: 1px solid #41a041;
}

/* Contacts dashboard styles */
.contacts-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.card-min {
    min-height: 122px;
    border: 1px #e4e7ec solid;
    border-radius: 8px;
    background-color: #fff;
}
/* Contacts card styles */

#marketing-metrics-data .inner-chart {
    max-height: 250px;
}
.tag-editor .placeholder {
    background: transparent !important;
    border: none !important;
    color: #6c757d; /* muted text */
    padding: 0 !important;
    margin: 0;
    pointer-events: none;
}

.tag-editor .placeholder div {
    color: #6c757d;
    font-size: 14px;
}