/*--------------------------------------------------------
LOGIN/SIGNUP/FORGOTPASSWORD STYLES
----------------------------------------------------------*/
/*.sc-login-wrapper {
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: centerS CORP
    width: 100%;
    height: 100vh;
}

.sc-login-box, .sc-signup-box, .sc-mail-box {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 2px 2px 4px #666666;
    min-width: 280px;
}

.sc-login-box {
    width: 300px;
}

.sc-signup-box {
    width: 480px;
}

.sc-mail-box {
    width: 500px;
}

    .sc-login-logo-container, .sc-signup-box .mdl-layout-title,
    .sc-mail-box .mdl-layout-title, .sc-login-box .mdl-layout-title {
        text-align: center;
        display: block;
        padding: 10px 0;
    }

.sc-login-box label {
    right: 10px;
}*/
.sc-signup-box {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0px 0px 2px #666666;
    min-width: 280px;
    width: 400px;
    margin: 0 auto;
}

.sc-logo-container {
    padding-left: 14px !important;
}

#divlogin .sc-login-box .form-input {
    padding-left: 17% !important;
    text-align: left;
}

.login--forgot-pasword {
    color: #042460;
    font-size: 14px;
    font-weight: 700;
}

    .login--forgot-pasword:hover {
        cursor: pointer;
    }

#divForgetpassword .forget-foot {
    margin-top: 10%;
}

#divSignup .signup-foot {
    margin-top: 5%;
}

.font-small {
    font-size: 14px !important;
}

/*Login Page Fix*/

@media only screen and (min-width: 601px) {
    .sc-login-container {
        height: 100vh;
        align-content: center;
    }
}

@media only screen and (max-width: 600px) {
    .sc-login-container {
        height: 100vh;
    }
}


/*.fab-container {
    background: none !important;
}*/

.ui-menu .ui-menu-item a {
    background: #94b5d2;
    color: white;
}

.mdl-chip tags {
    height: 5px;
    line-height: 20px;
}

.mdl-button-delete {
    padding: 5px !important;
    min-height: 10px !important;
}

.grid--tags_container {
    border-radius: 0.2rem;
    padding: .35rem .3rem;
}

.grid--tags_chips {
    background: #d9e6ed;
    color: #0074A8;
    border-radius: 4px;
    font-size: 12px;
}

/*@media(max-width: 1200px){
    .mdl-layout__content .tabless, .mdl-layout__content section.tabless > .container:first-child {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 120px);
    }
}*/

.mdl-layout__content .tabless, .mdl-layout__content section.tabless > .container:first-child {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 90px);
}


.form--tags_chips .material-icons, .grid--tags_chips .material-icons {
    font-size: 12px !important;
    cursor: pointer !important;
}

.icon-lead {
    color: #3348EC !important;
}

.leads-menu--active {
    background: #dae0ec;
    color: #3348EC !important;
}
/***********Roles and permissions *************************/
#RolesAndPermissions .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 15%;
    text-transform: uppercase;
    background: #f9f9f9;
    padding: 10px;
    margin-left: 0;
}



#RolesAndPermissions .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    float: left;
    width: 83%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.modules-columns {
    margin-top: 3%;
}

.form--tags_chips .material-icons {
    font-size: 12px !important;
    cursor: pointer !important;
}

/************FloatingLabel*****************************/
.delete-docicon {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: rotate(45deg);
    background: #999;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
}
/*booking card*/
.divCardquotes .table--grid_avatar {
    margin-right: 4px !important;
    min-width: 22px;
}

.show-more_prodinfo-height {
    /* height: 140px;
         overflow: hidden;
    */
}

.show-more_prodinfo {
    display: none;
}

.show-more_prodinfo {
    font-size: 12px;
    cursor: pointer;
    margin-top: .2rem;
}

    .show-more_prodinfo:hover {
        color: #1779dd;
    }


.mdl-list__item {
    font-size: 14px;
}

.divCardquotes .mdl-list__item, .divCardSupplier .mdl-list__item {
    min-height: 32px !important;
}

.divCardquotes .mdl-checkbox__label {
    line-height: 6px;
}

    .divCardquotes .mdl-checkbox__label a {
        font-size: 14px;
        font-weight: 600;
    }

#divQuoteSection .sc-data-table--card_container .table--grid_avatar img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

#divQuoteSection .mdl-chip__text {
    font-size: 13px;
}

#divQuoteSection .mdl-chip {
    height: 26px;
    line-height: 26px;
    padding: 0 12px;
}

#divQuoteSection .sc-data-table--card_userinfo_container {
    font-size: 10px;
    color: #999;
}

.divCardquotes .label-success {
    font-size: 10px;
}
/*booking card end*/
#divQuoteCustomerServiceList {
    padding: 0.6rem;
}

.is-floating-label {
    position: relative;
}

    .is-floating-label label {
        color: rgba(0, 0, 0, 0.7);
        pointer-events: none;
        position: absolute;
        top: 10px;
        left: 20px;
        transform: translate3d(0, 0, 0) scale(1);
        transform-origin: left top;
        transition: all 0.2s;
        font-size: 0.7rem;
    }

    .is-floating-label.is-focused label {
        transform: translateY(-17px) scale(0.75);
        background-color: #fff;
        padding: 1px 8px;
    }

    .is-floating-label.is-focused input {
        background-color: #fff;
        box-shadow: 0 0 0 0.05rem rgba(208, 209, 210, .6);
    }

    .is-floating-label.is-focused .parsley-error {
        background-color: #fff;
        box-shadow: 0 0 0 0.05rem rgba(208, 209, 210, .6);
        border: 1px solid #C01823;
    }

/*Error Message*/
.parsley-error {
    border: 1px solid #C01823 !important;
}

/*Snack bar Override*/

.mdl-snackbar__text {
    width: 100%;
    text-align: center;
}
/*
.mdl-snackbar__text {
    padding: 14px 12px;
    width: 100%;
    text-align: center;
}


.mdl-snackbar__action {
    display: none;
}*/

/*Select override*/
.form-select {
    color: #3b4351 !important;
}

.pointer {
    cursor: pointer;
}

/**************Supplier AddTags Tag**************/
.two-line-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 450px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top: 5px;
}

.five-line-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 450px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    padding-top: 5px;
}

#divSupplierContentListingContainer .primary-content:hover .secondary-actionMenu a {
    visibility: visible;
    opacity: 1;
}

#supplier-add-tag #Tag-Container {
    width: 100%;
    height: 100px;
    max-height: 200px;
    background-color: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 3px;
}

    #supplier-add-tag #Tag-Container .mdl-chip.tags,
    #supplier-add-tag #Tag-Container .mdl-chip.tags:active {
        background-color: #e5f1f6;
        color: #0074A8;
        border-radius: 4px;
    }

    #supplier-add-tag #Tag-Container .mdl-chip.automation,
    #supplier-add-tag #Tag-Container .mdl-chip.automation:active {
        background-color: #e5f9ee;
        color: #01C255;
        border-radius: 4px;
    }

.tags-container {
    width: 80%;
    height: 100px;
    max-height: 200px;
    margin-top: 2%;
}

    .tags-container .mdl-chip.tags,
    .tags-container .mdl-chip.tags:active {
        background-color: #e5f1f6;
        color: #0074A8;
        border-radius: 4px;
    }

    .tags-container .mdl-chip.automation,
    .tags-container .mdl-chip.automation:active {
        background-color: #e5f9ee;
        color: #01C255;
        border-radius: 4px;
    }

    .tags-container .mdl-chip.tags,
    .tags-container .mdl-chip.tags:active {
        background-color: #e5f1f6;
        color: #0074A8;
        border-radius: 4px;
    }

.divBingImageSearchResult ul, #divNewsSelectedImageHolder .ulSelectedImagesList, .ulImageHolder {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .divBingImageSearchResult li, .ulSelectedImagesList li, .ulImageHolder li {
        list-style: none;
        margin: 8px 0 8px 8px;
        padding: 0;
        border-radius: 4px;
        float: left;
        /* border-color: #BFC8DF; */
        /* border: 1px solid #e0e0e0; */
        position: relative;
    }

        .divBingImageSearchResult li > img, #divNewsSelectedImageHolder li > img, .ulImageHolder li > img {
            width: 76px;
            height: 76px;
            border-radius: 4px;
            border: 1px solid #E5E9F1;
        }

.newsCoverImageHolder {
    width: 100px;
    border-radius: 4px;
}

.imgSelectedNews:hover {
    border: 2px solid #A3BF2D !important;
    cursor: pointer;
}

.newsCoverImage {
    border: 2px solid #A3BF2D !important;
}
/*override card*/
.sc-data-table--card {
    min-width: 258px;
    max-width: 258px;
}

.sc-data-table--card__tags {
    background-color: #e5f1f6;
    color: #0074A8;
    border-radius: 4px;
    float: left;
    padding: 5px 8px;
    margin-right: 5px;
    width: fit-content;
}
/*contact new class*/
.divCardContact .mdl-list__item--two-line {
    height: 30px !important;
}

#divAddEditContactContainer {
    min-height: 100px;
}

.contact-file-separator .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 12px !important;
    padding: 5px !important;
}

    .contact-file-separator .mdl-card__actions.mdl-card--border label {
        font-size: 12px !important;
    }

.contact-file-separator .file-card .mdl-card__title {
    text-transform: capitalize;
    padding: 7px;
    overflow: hidden;
    margin: 2px;
    text-align: center;
    line-height: 60px !important;
    font-size: 30px;
    color: #999 !important;
}

.contact-file-separator .file-card {
    width: 125px !important;
    min-height: 120px;
    max-height: 120px;
    margin: .2rem !important;
}

.contact-quote-separator .quote-card {
    width: 125px !important;
    min-height: 125px;
    margin: .2rem !important;
}

.quote-card .mdl-card--expand {
    padding: 5px !important;
}

    .quote-card .mdl-card--expand img {
        width: 115px !important;
        height: 75px;
    }

.quote-card .mdl-card__actions span, quote-card .mdl-card__actions .label-success {
    font-size: 12px !important;
}

.col-section-seperator-line {
    background-color: #fff;
    border: 0.5px solid #E5E9F1;
    border-radius: 0.5rem;
    margin: 10px 0px 20px 0px;
}

.contact-group-outercontainer {
    width: 100%;
    padding: 0.6rem;
    border-radius: 4px;
    margin-left: 1px !important;
    border: 1px solid #e0e0e0;
}

.capitalize {
    text-transform: capitalize !important;
}

.mdl-chip.quote__status {
    border-radius: 4px !important;
}

.search-bar {
    line-height: 36px;
    margin-left: 5px;
    opacity: 0.8;
    cursor: pointer;
    font-size: 24px !important;
}

.sm-clear_bold {
    font-size: 12px !important;
    font-weight: 800 !important;
}

#divQuoteSection .tags {
    background-color: #e5f1f6;
    color: #0074A8;
    border-radius: 4px;
}



.mdl-chip.contact_display, .mdl-chip.contact_display:active {
    color: rgb(255, 255, 255);
    background-color: #0074A8;
    width: 48px;
    vertical-align: middle;
    height: 48px;
    border-radius: 50%;
    line-height: 32px;
    padding: 0 12px;
    text-transform: capitalize !important;
}

.contact_display .mdl-chip__text {
    line-height: 45px;
    font-size: 18px;
    text-transform: capitalize !important;
    display: block;
}

.mdl-chip.contact_display_sm, .mdl-chip.contact_display_sm:active {
    color: rgb(255, 255, 255);
    background-color: #0074A8;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    line-height: 31px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    padding: 0 8px;
}

.sc-data-table--card_container .table--grid_avatar.initials-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: none;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}

.initials-avatar {
    color: #fff !important;
    background-color: #0074A8;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    line-height: 31px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    padding: 0 8px;
    text-transform: capitalize;
    margin: 2px 0;
    font-size: 12px;
    white-space: nowrap;
    border: 0;
}

.sc-data-table--card_container .table--grid_avatar {
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.contact_display_sm .mdl-chip__text {
    font-size: 13px;
    text-transform: capitalize !important;
}

#tbodyContactGrid .table--grid_avatar-title {
    padding-left: 5px !important;
}

#divContactSearchPanel .dropdown .menu, #divPendingCommissionListSearchPanel .dropdown .menu, #divpaymentAdvancedSearchPanel .dropdown .menu, #divQuoteSearchPanel .dropdown .menu, #divAdjustmentSearchPanel .dropdown .menu, #divMyStatementSummarySearchPanel .dropdown .menu, #divAgentStatementSearchPanel .dropdown .menu, #divTaskSearchPanel .dropdown .menu, #divSupplierSerachPanel .dropdown .menu, #divWorkspaceUserSearchPanel .dropdown .menu, #divInvitedAgentSearchPanel .dropdown .menu, #divTaskListSearchPanel .dropdown .menu, #divLeadListSearchPanel .dropdown .menu, #divTramsSearchPanel .dropdown .menu, #divMarketingCodeSearchPanel .dropdown .menu {
    animation: none !important;
    display: none;
    left: 0;
    max-height: 50vh;
    overflow-y: auto;
    position: absolute;
    top: 100%;
}

@media(max-width:600px) {
    #divContactSearchPanel .dropdown .menu, #divSupplierSerachPanel .dropdown .menu, #divTaskListSearchPanel .dropdown .menu, #divLeadListSearchPanel .dropdown .menu, #divQuoteSearchPanel .dropdown .menu, #divInvitedAgentSearchPanel .dropdown .menu {
        width: 240px;
        left: auto;
        right: 0;
    }
}



/*.divSearchPanel .dropdown .menu {
    animation: none !important;
    display: none;
    left: 0;
    max-height: 50vh;
    overflow-y: auto;
    position: absolute;
    top: 100%;
}*/

.action-box-delete {
    color: #C01823;
}

#txtSavedSearchTitle {
    background: #fff !important;
    border: 1px solid #E5E9F1 !important;
}

.btnSaveSearch, .btnClearSearch, .btnResetSearch {
    color: #5755d9 !important;
    text-transform: capitalize;
    line-height: 2 !important;
    cursor: pointer !important;
}

.sc-data-table--card__moretags {
    float: left;
    padding: 5px 8px;
    margin-right: 5px;
    width: fit-content;
}

.sc-data-table--grid__moretags {
    padding: 5px 8px;
    margin-right: 5px;
    width: fit-content;
}

.sc-data-table td .table--grid_avatar.initials-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #EC0066;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}
/*#divContactSearchPanel .dropdown .menu:hover {
        display: none !important;
    }*/
/*pagination*/
.disableContent {
    color: #ddd !important;
    cursor: default;
}
/*radio button*/
.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    border-radius: 50%;
    background: rgba(102, 102, 102) !important;
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgba(102, 102, 102) !important;
}

.mdl-radio .is-upgraded {
    color: #042460 !important;
}

.mdl-radio {
    position: relative;
    font-size: 12px !important;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0;
}

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

.table {
    font-size: 13px;
}

/*Profile */
.profile_initials-avatar {
    color: #fff !important;
    background-color: #0074A8;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0 8px;
    text-transform: capitalize;
    margin: 2px 0;
    font-size: 12px !important;
    white-space: nowrap;
    border: 0;
}

.sc-profile-name {
    text-transform: capitalize !important;
}

.sc-data-table--pagination-bar .form-select:not([multiple]):not([size]) {
    background-image: url(../images/down-arrow.svg);
    background-color: #f2f3f5;
    border: 0;
    width: auto !important;
}

.mr-3 {
    margin-right: .8rem !important;
}

.mdl-list__item--title {
    font-size: 14px !important;
    text-transform: capitalize !important;
}

/*Lead start*/
.restrict-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15ch;
}

.leadDestinationlabel {
    font-size: 12px !important;
    color: #777 !important;
    width: auto !important;
    background: #dddddd !important;
    padding: 3px !important;
    border-radius: 3px;
    margin: 2px;
    line-height: 32px;
}

    .leadDestinationlabel .material-icons {
        font-size: 12px !important;
        cursor: pointer;
    }
/*Lead end*/
/*quote start*/

.add-quote--parent-column {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
}

.add-quote--primary-column,
.add-quote--secondary-column {
    flex: 0 100%;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    flex-grow: 1;
}

.secondary-column--preparedby_container,
.secondary-column--passengers_container,
.secondary-column--important-dates_container,
.secondary-column--pricing_container,
.secondary-column--paymentmth_container,
.add-quote--page-column__content {
    flex: 1 300px !important;
    width: 100%;
    padding: 0 8px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    position: relative;
    overflow: hidden;
}

#tripgroup .add-quote--secondary-column {
    max-height: 98vh;
}

.add-quote--secondary-column h6 {
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.add-quote--secondary-column .mdl-list {
    margin: 0;
    background-color: #fff;
}

.add-quote--secondary-column .card--grid_avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
}

.create-quote-wrapper .add-quote--secondary-column .mdl-card {
    width: auto;
}

.add-quote--secondary-column .mdl-menu__item.delete-btn {
    color: #C01823;
}

.create-quote-wrapper .add-quote--secondary-column .mdl-card .mdl-list > li:last-child {
    padding-bottom: 0;
}

.secondary-column--card_userinfo_container {
    margin: 0;
    list-style: none;
    margin-right: 0.8em;
    word-break: break-all;
}

.secondary-column--card_label {
    font-weight: 700;
    margin-right: 8px;
}

.create-quote-wrapper .add-quote--secondary-column .mdl-list__item--two-line {
    height: auto;
}

.add-quote--title-btn_container {
    position: absolute;
    top: -3px;
    right: 5px;
    z-index: 2;
}

    .add-quote--title-btn_container ul {
        margin: 0;
        padding: 0;
    }

        .add-quote--title-btn_container ul li {
            display: inline-block;
        }

.create-quote-wrapper .mdl-list {
    padding-top: 0;
}

    .create-quote-wrapper .mdl-list > li {
        padding: 8px 0 0;
        border-bottom: 1px solid #e0e0e0;
        margin-top: 0;
    }

.create-quote-wrapper .secondary-column--passengers_container .mdl-list > li:last-child {
    border-bottom: 0;
}

.create-quote-wrapper .mdl-list > li:last-child {
    border-bottom: 0;
    padding-bottom: 40px;
}

.create-quote-wrapper .mdl-list > li:hover {
    cursor: pointer;
}

    .create-quote-wrapper .mdl-list > li:hover .mdl-list__item-avatar img {
        border: 2px solid #00A4DC;
    }

.create-quote-wrapper .mdl-list .mdl-list__item-avatar img {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 0.5s;
    padding: 1px;
}

.create-quote-wrapper .mdl-list .mdl-list__item--three-line,
.create-quote-wrapper .mdl-list .mdl-list__item--three-line .mdl-list__item-primary-content {
    height: inherit;
}

    .create-quote-wrapper .mdl-list .mdl-list__item--three-line .mdl-list__item-text-body {
        height: 38px;
    }

.create-quote-wrapper .mdl-button {
    min-width: 20px;
    padding: 0 8px;
}

.create-quote-wrapper .add-quote--passengers_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .create-quote-wrapper .add-quote--passengers_info ul li {
        font-size: 12px;
        white-space: nowrap;
        line-height: 10px;
    }

        .create-quote-wrapper .add-quote--passengers_info ul li:nth-child(2) {
            margin-left: 48px;
        }

        .create-quote-wrapper .add-quote--passengers_info ul li span.active {
            color: #01C255;
        }

        .create-quote-wrapper .add-quote--passengers_info ul li span.inactive {
            color: #C01823;
        }

.create-quote-wrapper .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 8px;
    background: transparent;
}

.create-quote-wrapper .mdl-list > li:hover .mdl-list__item-secondary-content button {
    visibility: visible;
    opacity: 1;
}

.create-quote-form .form-group .form-radio input:checked + .form-icon {
    background: #fff;
    border-color: #fff;
}

    .create-quote-form .form-group .form-radio input:checked + .form-icon::before {
        content: '';
        position: absolute;
        background: url(../images/round-check_box.svg) no-repeat #fff;
        background-size: contain;
        font-size: 12px;
        width: 24px;
        height: 24px;
        z-index: 10;
    }

.cover-page--quote-no_container {
    background-color: #fff;
    border: 1px solid #E5E9F1;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    padding: 8px 12px;
    font-weight: 700;
}

    .cover-page--quote-no_container::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
        background-color: #01C255;
        border-radius: 4px 0 0 4px;
    }

    .cover-page--quote-no_container span {
        display: block;
    }

.cover-page--attachment_container ul {
    margin: 24px 0 0 0;
    padding: 0;
    list-style: none;
}

ul.add-attachment {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.add-attachment li {
        margin: 8px 0 8px 8px;
        padding: 0;
        background-color: #BFC8DF;
        border-radius: 4px;
        float: left;
        position: relative;
        width: 76px;
        height: 76px;
    }

        ul.add-attachment li:first-child a .material-icons {
            line-height: 72px;
            text-indent: 25px;
            color: #fff;
        }

        ul.add-attachment li a .material-icons.cover-page--delete-image {
            position: absolute;
            top: -5px;
            right: -5px;
            transform: rotate(45deg);
            background: #999;
            color: #fff;
            padding: 1px;
            border-radius: 50%;
            font-size: 16px;
        }

.modal--avatar-edit {
    width: 80px;
    height: 80px;
    background-color: #BFC8DF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.modal--grid_search {
    background-color: #f7f7f7;
}

    .modal--grid_search input {
        background-color: rgba(67, 66, 75, 0.05);
    }

.modal#passenger-edit .table th {
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.6);
    background-color: #F7F7F7;
}

.modal--grid-edit-actions {
    float: right;
}

    .modal--grid-edit-actions div {
        display: inline-block;
        vertical-align: middle;
    }

        .modal--grid-edit-actions div.form-group {
            padding-top: 8px;
        }

    .modal--grid-edit-actions .grid--info_cancel {
        color: #ff766a;
    }

    .modal--grid-edit-actions .grid--info_save {
        color: #19c765;
    }

.add-quote--pricing_info_container {
    position: relative;
}

    .add-quote--pricing_info_container .show-more {
        font-size: 12px;
        cursor: pointer;
        float: left;
        padding-top: 20px;
    }

        .add-quote--pricing_info_container .show-more:hover {
            color: #1779dd;
        }

    .add-quote--pricing_info_container .show-more-height {
        height: 140px;
        overflow: hidden;
    }

.add-quote--pricing_info-details {
    position: relative;
}

    .add-quote--pricing_info-details table th,
    .add-quote--pricing_info-details table tr {
        font-size: 12px;
        color: #666;
    }

    .add-quote--pricing_info-details table th {
        font-weight: 700;
    }

    .add-quote--pricing_info-details table .credit-card {
        color: #01c255;
    }

    .add-quote--pricing_info-details table .mail {
        color: #00a4dc;
    }

    .add-quote--pricing_info-details table .credit-card,
    .add-quote--pricing_info-details table .mail {
        vertical-align: middle;
        font-size: 18px;
        margin-right: 5px;
    }

.pricing_info-details--id {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    padding: 4px 8px;
}

.add-quote--pricing_info-tbilling ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .add-quote--pricing_info-tbilling ul li {
        color: #666666;
        font-size: 12px;
    }

.add-quote--pricing_info-tbilling .tbilling--comission {
    background-color: #e0f4e9;
    font-size: 12px;
    border: 1px solid #cbe2d5;
    border-radius: 4px;
    margin-top: 16px;
}

.secondary-column--pricing_container ul.pricing_container__price-items {
    margin: 16px 0 0 0;
    padding: 0;
    list-style: none;
}

    .secondary-column--pricing_container ul.pricing_container__price-items li {
        margin: 0;
        padding: 0;
        line-height: 28px;
    }

        .secondary-column--pricing_container ul.pricing_container__price-items li span {
            float: right;
            font-weight: 600;
        }

.pricing_container__price-items_total {
    border-top: 1px solid #F2F3F5;
    border-bottom: 1px solid #F2F3F5;
    position: relative;
    overflow: hidden;
    padding: 8px 0 8px 8px;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
}

    .pricing_container__price-items_total:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
        background-color: #01c255;
    }

    .pricing_container__price-items_total span {
        font-size: 1.2rem;
        font-weight: 600;
        float: right;
        padding-right: 8px;
    }

.divProductHolder .ql-editor {
    padding: 8px !important;
}

.secondary-column--paymentmth_container ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

    .secondary-column--paymentmth_container ul li img {
        width: 32px;
        margin-right: 8px;
    }

.add-quote--page-column .add-quote--title-btn_container {
    position: relative;
    margin-bottom: 24px;
}

.cover-page--attachment_container .mdl-card {
    width: 102px !important;
    height: 100px !important;
    min-height: 75px !important;
    margin: .6rem .4rem;
    border-radius: 5px;
    /*border-bottom: 1px solid #F2F3F5;*/
    /*border: 1px solid #e0e0e0 !important;*/
}

.cover-page--attachment_container .mdl-card__actions {
    font-size: 12px !important;
    /*border: 1px solid #e0e0e0 !important;*/
}

.add-document {
    background-color: #BFC8DF;
}

    .add-document a {
        line-height: 120px;
        text-indent: 18px;
        color: #fff;
    }

.document-card .mdl-card__title {
    text-transform: capitalize;
    padding: 7px;
    font-size: 12px;
    overflow: hidden;
    margin: 2px;
    max-height: 50px;
}

.modal--add-fields {
    margin: 8px 0 0 0;
    padding: 0;
    background-color: #BFC8DF;
    border-radius: 4px;
    float: left;
    position: relative;
    width: 100%;
    height: 35px;
}

    .modal--add-fields .material-icons {
        line-height: 35px;
        text-indent: 4px;
    }

.form-group .form-radio input:checked + .form-icon::before {
    content: '';
    position: absolute;
    background: url(../images/round-check_box.svg) no-repeat #fff;
    background-size: contain;
    font-size: 12px;
    width: 24px;
    height: 24px;
    z-index: 10;
}

.btnProduct_action {
    height: 18px !important;
    padding: 0px 4px !important;
    line-height: 18px !important;
    font-size: 10px !important;
}


.secondary-column--pricing_container ul.pricing_container__price-items {
    margin: 10px 0 0 0 !important;
    padding: 0;
    list-style: none;
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 12px !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0,0,0,.54);
    display: block;
    padding: 0;
}

/*.mdl-list__item .mdl-list__item-primary-content span {
    font-size: 14px !important;
}*/

/*.img-responsive {
    display: block;
    height: auto;
    width: 100%;
}*/

.quote-status {
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}

.sc-data-table td .mdl-chip.quote__status {
    background-color: #e5e9ef;
    color: #fff;
    border-radius: 4px;
    padding: 0px 5px;
}

.sc-data-table--card__quote_status {
    border-radius: 4px;
    padding: 8px;
}


.invoices-card .mdl-list__item-primary-content span:first-child {
    font-weight: 600;
    float: left;
    margin-right: 5px;
}

.invoices-card--ref-amt li {
    display: block;
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 0;
    color: #999;
}

.divCardquotes .mdl-checkbox {
    height: auto;
}

/*#divCreateNoteContainer {
    position: absolute;
    padding: 8px 8px 8px 0;
    z-index: 10;
    background: #fff;
    width: calc(100% - 55px);
}
#divNotesPanel .miscellaneous-tab--notes-items li:last-child {
    height: 25px !important;
    display: block;
}*/
/*#divNotesPanel .miscellaneous-tab--notes-items li:last-child {
    height: 25px !important;
    display: block;
}

#divNotesPanel .miscellaneous-tab--notes-items > li:hover .miscellaneous-tab-secondary-content button {
    visibility: visible;
    opacity: 1;
}

.miscellaneous-tab-primary-content {
    height: inherit;
    line-height: 20px;
    display: block;
}

.miscellaneous-tab-secondary-content {
    height: 52px;
    display: flex;
}

.miscellaneous-tabcontent .action-ul {
    margin: 10px 0px !important;
}*/
.page-outercontainer {
    width: 100%;
    padding: 0.6rem;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 1px !important;
    border: 1px solid #e0e0e0;
}

.pagelist-item, .quote--version-list_item {
    width: 100%;
    padding: 0.4rem 0.3rem;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 1px !important;
    border: 1px solid #e0e0e0;
}

    .quote--version-list_item .material-icons {
        font-size: 20px !important;
    }

    .quote--version-list_item .version_title {
        line-height: 1.4rem;
        margin: .2rem 0;
    }

#divQuoteVersionList .form-checkbox input:checked + .form-icon::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../images/round-check_box.svg) no-repeat #fff;
    background-size: contain;
    font-size: 18px;
    width: 28px;
    height: 28px;
    z-index: 10;
    transform: rotate(0);
}

#divQuoteVersionList .form-checkbox .form-icon {
    border-radius: 15px;
    height: 0.9rem;
    left: 0;
    top: .3rem;
    width: 0.9rem;
}



#divQuoteViewContainer {
    overflow-y: auto;
    overflow-x: hidden;
    height: 80vh !important;
    position: relative;
}

.mdl-menu__item.delete-btn {
    color: #C01823;
}

.quote-paymentmethod ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

    .quote-paymentmethod ul li {
        margin: 0 0 10px 0;
        display: -webkit-inline-box;
    }

        .quote-paymentmethod ul li img {
            width: 48px;
            height: 35px;
        }

.tripgroup-selected {
    border-bottom: 2px solid rgb(63, 81, 181);
}

#ancTripGroupTopMenu {
    position: relative;
    min-width: 20px;
    padding: 0px 15px 15px 10px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
    outline: none;
}

.custom-mdl-button--secondary {
    color: #042460 !important;
    font-weight: 700;
    padding: 0 8px;
    font-family: 'Open Sans', sans-serif;
    background-color: #BFC8DF !important;
    border: none;
    border-radius: 2px;
}

#divCoverPassengerContainer .mdl-list > li:last-child {
    border-bottom: 0;
    margin-bottom: 20px !important;
}

#divContacTripGrouptList .mdl-data-table th:first-child, #divContacTripGrouptList .mdl-data-table td:first-child {
    white-space: nowrap;
    min-width: 15px !important;
    padding-left: 10px !important;
    padding-right: 5px !important;
}
/*#divCoverPassengerListWrapper {
    flex: 1 300px !important;
    width: 100%;
    padding: 0 8px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    position: relative;
    overflow: hidden;
}*/
.popover-container {
    font-size: 14px !important;
    text-transform: none !important;
}

.sticky-note {
    font-size: 10px !important;
    /*color: #C01823 !important;*/
    color: #E39800 !important;
}

.disclaimer {
    font-size: 14px !important;
    color: red !important;
    line-height: 14px !important;
}

.help_note {
    background: #f7efe0;
    font-size: 12px !important;
    border: 1px solid;
    padding: .4rem;
    border-radius: 5px;
    color: #E39800 !important;
}

#divBingImageSearchResult ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#divBingImageSearchResult li {
    list-style: none;
    margin: 8px 0 8px 8px;
    padding: 0;
    border-radius: 4px;
    float: left;
    /*border-color: #BFC8DF;*/
    /*border: 1px solid #e0e0e0;*/
    position: relative;
}

    #divBingImageSearchResult li > img {
        width: 76px;
        height: 76px;
    }

.delete-imageicon {
    position: absolute;
    top: -5px;
    right: -5px;
    transform: rotate(45deg);
    background: #999;
    color: #fff;
    padding: 1px;
    border-radius: 50%;
    font-size: 16px;
}

#divQuoteViewContainer .tabbr-wrapper {
    max-width: 97%;
}

#imgItineraryNote, #imgContentNote, #imgCoverModal {
    width: 76px;
    height: 76px;
}

.ullocation {
    width: 300px !important;
}

.item-location a {
    background: #94b5d2;
    color: white;
    font-size: 14px !important;
}

.day-holder {
    /*border-radius: 4px;
    border: .01rem solid #bcc3ce;*/
    min-height: 75px;
}

    .day-holder p {
        font-size: 14px;
        background-color: #3195f8c7 !important;
        color: #fff;
    }

.note--tags_chips {
    background: #f8e0f7;
    color: #EC00E4 !important;
    border-radius: 4px;
    font-size: 12px;
}

.activity--tags_chips {
    background: #e0f4e9;
    color: #01C255 !important;
    border-radius: 4px;
    font-size: 12px;
}

.modal--searchbar {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-right: 10px;
    border-radius: 4px;
    background: #e5e5e6c2;
}

.txtinput_search--icon {
    line-height: 36px;
    margin-left: 5px;
    opacity: 0.8;
    cursor: pointer;
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px !important;
}

.txtinput-search-bar {
    border: none !important;
    border-radius: 4px;
    width: calc(100% - 45px);
    float: right;
}

    .txtinput-search-bar.search-box {
        width: 86% !important;
        background: transparent !important;
        border: none !important;
    }

.modal--searchbar .form-input:focus {
    box-shadow: none !important;
}

.modal--searchbar button {
    font-size: 12px;
    font-weight: 700;
    color: #042460;
    letter-spacing: 1px;
    padding: 0 10px;
    position: relative;
}

.secondary-actionMenu button, .secondary-actionMenu .btnProductSortable, .secondary-actionMenu .btnPageSortableItemAction, .secondary-actionMenu > a {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
}

.primary-content:hover .secondary-actionMenu button, .divProductHolder:hover .secondary-actionMenu .btnProductSortable, .primary-content:hover .secondary-actionMenu .btnPageSortableItemAction, .secondary-actionMenu a {
    visibility: visible;
    opacity: 1;
}

.add-invoice--pricing_info:hover .secondary-actionMenu button, .add-invoice--pricing_info:hover .secondary-actionMenu .btnPageSortableItemAction {
    visibility: visible;
    opacity: 1;
}

.sc-data-table--card.invoices-card {
    min-width: 262px !important;
}

.sc-data-table--card__quote_status {
    line-height: 18px;
    height: 32px;
}

.add-invoice--service_info-tdetail ul li {
    color: #666666;
    font-size: 12px;
}

.add-invoice--service_info-tdetail ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*.slide-filter-container--off_grid {
    overflow-y: scroll;
}*/
.cnt-img {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}

.cnt-img-responsive {
    display: block;
    height: auto;
    border-radius: 2px;
    height: 75px;
    width: 100%;
}

.daycnt--actions {
    position: absolute;
    top: 0px;
    right: 10px;
    display: none;
    text-align: right;
}

    .daycnt--actions ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .daycnt--actions ul li {
            margin: 0;
            padding: 0 0px;
            display: inline;
        }

            .daycnt--actions ul li a {
                vertical-align: middle;
                min-width: 20px;
                padding: 0 0px !important;
            }

    .daycnt--actions .material-icons {
        font-size: 18px;
    }

.day-inner-holder:hover .daycnt--actions {
    display: block;
}

.delete-btn {
    color: #C01823;
}

#divLibraryTextCardContainer .card--actions, #divLibraryActivityNoteCardContainer .card--actions {
    right: 0px;
}

.card-footer {
    min-height: 40px;
}

#divLibraryTextCardContainer .material-icons, #divLibraryActivityNoteCardContainer .material-icons {
    font-size: 18px !important;
    line-height: 1.5;
}

#divLibraryTextCardContainer .card--actions ul li, #divLibraryActivityNoteCardContainer .card--actions ul li {
    margin: 0;
    padding: 2px;
    display: inline;
}

.primary_avatar img {
    border: 2px solid #EC00E4 !important;
}

.actionReleatedQuote {
    background: #e5e5e6c2;
    border: none !important;
    font-size: 14px !important;
    padding: 5px;
    border-radius: 3px;
}

    .actionReleatedQuote :focus {
        border: none !important;
        outline: none !important;
    }


.releatedquote-menu {
    font-size: 14px !important;
    padding: 5px !important;
}

#divTripGroupDropdownContainer .mdl-menu__container {
    width: 72% !important;
}

#divTripGroupDropdownContainer .mdl-menu__outline {
    width: 100% !important;
}

#divTripGroupDropdownContainer .mdl-menu__item {
    line-height: inherit !important;
}

.btn_container {
    margin-bottom: 20px;
}

    .btn_container ul {
        margin: 0;
        padding: 0;
    }

        .btn_container ul li {
            display: inline-block;
        }

.quote_pricing_noproduct {
    margin: 10% !important;
    box-sizing: border-box;
    padding: 2rem !important;
    background-color: #fff !important;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #F2F3F5;
}

.add-day-btn_container {
    margin-bottom: 10px;
}

    .add-day-btn_container .mdl-button, .btn_container .mdl-button {
        min-width: 20px;
        height: 30px;
        line-height: 30px;
        padding: 0 7px;
    }

    .add-day-btn_container ul {
        margin: 0;
        padding: 0;
    }

        .add-day-btn_container ul li {
            display: inline-block;
        }

.all-scroll {
    cursor: all-scroll !important;
}

#divSortablePageList .material-icons {
    font-size: 20px !important;
}

.higlightSortItem {
    border: 1px solid #E5E9F1;
    padding: 10px !important;
}

#divPageSortableContentHolder .col-section-separator {
    padding: 0px !important;
}

.anclink {
    color: #042460 !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.divdayItineraryService label {
    font-size: 14px;
    padding: .3rem;
    line-height: 24px;
}

.divdayItineraryService ul li {
    display: inline-block;
}

#ddlReleatedQuote {
    border: 1px solid #EC00E4 !important;
}


#divCoverPassengerContainer .mdl-button, #divTripgroup .mdl-button {
    height: 28px;
    line-height: 28px;
}

#divBookingConfirmationInputHolder {
    position: absolute;
}

.miscellaneous-tab--task-container .form-checkbox, .miscellaneous-tab--automations-container .form-checkbox {
    padding: 0.1rem .4rem .2rem 0.8rem;
}

.individualContainer .form-checkbox {
    padding: 0.1rem .4rem .2rem .6rem;
    display: initial;
}

.miscellaneous-tabcontent--title h6::before {
    background-color: transparent !important;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
}

.select2-selection__rendered {
    margin: 0px !important;
}

#send-document .select2-container {
    width: 100% !important;
}

#send-document .select2-selection__rendered {
    text-transform: capitalize !important;
}

#send-document .ql-container {
    height: 80% !important;
}
/*.miscellaneous-tabcontent.task--wrapper h6::before {
    background-color: transparent !important;
}*/
/*quote end*/
/*itinerary view*/
.card--grid_avatar-lg img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 10px;
}

#divItineraryView .cover-page--invoice-no_container {
    background-color: #fff;
    border: 1px solid #E5E9F1;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    padding: 15px 14px;
    font-weight: 700;
}

.ulPreparedby {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

    .ulPreparedby li {
        display: inline;
    }

.lblchkcontact {
    text-transform: capitalize !important;
}
/*itinerary view end*/

/*worksheet start*/

.table-hint--header {
    background: #e5e5e6c2;
    font-weight: normal !important;
}

    .table-hint--header th {
        font-weight: normal !important;
    }
/*worksheet end*/


/*workflow template*/
.workflow-item {
    width: 100%;
    padding: 0.4rem 0.3rem;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 1px !important;
    border: 1px solid #e0e0e0;
}

/*workflow template end*/
/*nic editor*/
.qlCutomEditor {
    min-height: 100px !important;
}

.ql-toolbar.ql-snow {
    padding: 2px !important;
}

.nicEditor_container > div {
    width: 100% !important;
}

.nicEditor_container .nicEditortxtArea {
    width: 100% !important;
}

.nicEdit-main {
    width: 99% !important;
    min-height: 100px !important;
}

/*end nic edtior*/
@media (max-width: 767px) {
    .capsule-tabbr-container {
        width: 100% !important;
    }
}

/*char dahsboard*/
.chat-action_menu {
    position: relative;
}

    .chat-action_menu > button {
        visibility: hidden;
        opacity: 0;
    }

.chat--msg-bubble:hover .chat-action_menu > button {
    visibility: visible;
    opacity: 1;
}

.chat-action_menu .mdl-menu__item {
    padding: 0 33%;
}

.group-info--display-picture span {
    width: 56px;
    height: 56px;
    line-height: 56px;
}

.chat--add-user {
    padding: 5px !important;
}

#divChatAttachmentHolder img {
    width: 102px !important;
    height: 100px !important;
}

#divChatAddAttachmentPreviewHolder .mdl-card {
    width: 102px !important;
    height: 100px !important;
    min-height: 75px !important;
    margin: .6rem .4rem;
    border-radius: 5px;
}

#divChatAddAttachmentPreviewHolder .document-card .mdl-card__title {
    max-height: none;
}

.left-msg .chat--msg-file {
    /*background-color: #e5e9f1;*/
    /*border-radius: 8px;
    margin-top: .2rem;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;*/
}

.right-msg .chat--msg-file {
    /*background-color: #e5e9f1;*/
    /*border-radius: 8px;
    margin-top: .2rem;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;*/
}

.right-msg .chat-file-separator .file-card {
    width: 125px !important;
    min-height: 120px;
    max-height: 120px;
    margin: .2rem !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    background-color: #e5e9f1;
}

/*.left-msg {
    margin-right: auto;
}*/
/*.chat-action_menu {
    width: 100px !important;
}*/

/*.chat-action_menu {
    visibility: hidden;
    cursor: pointer;
}

.chat--msg-bubble:hover .chat-action_menu {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}*/

.left-msg .chat-file-separator .file-card {
    width: 125px !important;
    min-height: 120px;
    max-height: 120px;
    margin: .2rem !important;
    font-size: 14px !important;
    border-radius: 5px !important;
}

.file-content .mdl-card__title-text {
    font-weight: bold;
    font-size: 14px !important;
}

.chat-file-separator .file-card img {
    width: 125px !important;
    height: 125px !important;
}

.file-content .mdl-card--expand {
    padding: 10px !important;
}

.chat-file-separator .mdl-card__actions {
    padding: 0px;
}

    .chat-file-separator .mdl-card__actions a {
        width: 100% !important;
    }

.chat-file-separator .mdl-card__supporting-text {
    padding: 5px;
    overflow: visible;
    font-size: 14px !important;
}

.file-card-image > .mdl-card__actions {
    height: 52px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.2);
}

.file-card-image__filename {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
/* Branding */
.qlCutomEditor__webfrm {
    height: 250px;
}

.modal-body .ql-container {
    height: 250px;
}

.qlCutomEditor__branding {
}

#txtBrandingWelcomeText ql-editor {
    height: 150px;
}

#divBrandingSection .mdl-button--fab {
    box-shadow: none !important;
}

.selected-colour {
    border: 3px dotted white;
}

.secondary_selected-color {
    border: 3px dotted black;
}

.branging_separator {
    min-height: 175px !important;
}

ul.add-Companylogo {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.add-Companylogo li {
        padding: 0;
        /*background-color: #BFC8DF;*/
        border-radius: 4px;
        border: 1px solid #E5E9F1;
        float: left;
        position: relative;
        width: 150px;
        height: 75px;
    }

        ul.add-Companylogo li:first-child a .material-icons {
            line-height: 60px;
            text-indent: 60px;
            color: #BFC8DF;
        }

.branding--customColor {
    color: #fff !important;
    background-color: #0074A8;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    border-radius: 50%;
    padding: 10px 15px;
    text-transform: capitalize;
    margin: 2px 6px;
    font-size: 12px !important;
    white-space: nowrap;
    border: 0;
}

.addMoreColor_btn {
    height: 36px;
    margin: auto;
    min-width: 36px;
    width: 36px;
}

.brandingColor_btn {
    height: 36px;
    margin: auto;
    min-width: 36px;
    width: 36px;
}

.company--logo-edit {
    max-width: 150px;
    max-height: 75px;
    background-color: #BFC8DF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.branging_separator .ql-container.ql-snow {
    border: none !important;
    background-color: #f2f3f5;
    height: auto !important;
}

#txtBrandingWelcomeText > .ql-editor:focus, #txtEmailSignature > .ql-editor:focus {
    border: 1px solid #ccc !important;
}

.branging_separator .ql-toolbar.ql-snow {
    border: none !important;
}

.editor_focused {
    border: 1px solid #ccc !important;
}

.my-preference--like, .my-preference--dislike {
    color: #9e9e9e;
    cursor: pointer;
    margin-top: auto;
    font-size: 14px;
}

    .my-preference--like .material-icons .active, .my-preference--dislike .material-icons .active {
        color: #ADD8E6;
    }
/*branding end*/

/*custom field settings*/

.field {
    background-color: #f2f3f5;
    border: 0;
    border-radius: 0.2rem;
    line-height: 1.8;
    font-size: 14px;
}

    .field ul {
        padding: .2rem;
        margin: .2rem;
    }

        .field ul li {
            display: inline;
        }

.dynamic_webform_esign img {
    height: 31px;
    float: left;
}

.webform_paragraph a {
    text-decoration: underline !important;
    color: #06c !important;
}

.webform_txt, .webform_cvc, .webform_cardnumber, .webform_cardexpiration, .webform_txtarea, .webform_ddl, .webform_txtphone, .webform_txtemail, .webform_txtdate {
    background: none !important;
    border: 1px solid #e5e5e6;
}

    .webform_txt:focus, .webform_cardnumber:focus, .webform_cardexpiration:focus, .webform_cvc:focus, .webform_txtarea:focus, .webform_ddl:focus, .webform_rdl:focus, .webform_txtdate:focus, .webform_header:focus, .webform_paragraph:focus {
        box-shadow: none;
        border: 1px solid #e5e5e6;
    }

.webform_required {
    font-size: 14px !important;
    color: #C01823 !important;
}

.webform_action_menu {
    display: none;
}

.webform_header {
    padding: .35rem .6rem;
}

.webform_fieldItem:hover .webform_action_menu {
    display: block;
}

.webform_fld-separator {
    background-color: #fff;
    /* border: 1px solid #E5E9F1; */
    border-radius: 4px;
    margin: 8px 0;
}

.webform_rdl, .webform_chkbox {
    float: left !important;
}

    .webform_rdl .mdl-radio__label {
        margin-right: 10px;
    }

.webform_fieldItem {
    padding: 10px;
}
/*.webform_fieldItem:hover .webform_fieldItem {
    border: 1px solid #E5E9F1 !important;
}*/
.webform_fld-separator:hover .webform_fieldItem {
    /*border: 1px solid #E5E9F1 !important;*/
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    border-radius: 4px;
}

.ui-sortable-helper {
    border: 1px dotted #E5E9F1 !important;
}

.ui-state-highlight {
    max-width: 100%;
    height: 100%;
    padding-left: .4rem;
    padding-right: .4rem;
    background-color: yellow;
}

.spnMoreless_Field {
    vertical-align: middle;
    cursor: pointer;
}

.dynamic_webform .primaryHolder label {
    font-size: 14px;
    line-height: 34px;
}

.draggable {
    border: dotted #E5E9F1 !important;
    z-index: 1;
}

#divWebformsSection .form-switch input:checked + .form-icon {
    /*background: rgba(102, 102, 102);
    border-color: rgba(102, 102, 102);*/
    font-size: 12px;
}

.select2 .active {
    color: #01C255 !important;
}

.select2 .inactive {
    color: #C01823 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    text-transform: capitalize !important;
}
/*.ui-sortable-placeholder {
    border: 1px dashed #BFC8DF;
    background: #ccc;
    border-radius: 4px;
    margin: 8px 0;
    width: 100%;
    padding-left: .4rem;
    padding-right: .4rem;
}*/
/*.webform-input .parsley-error {
    border: 1px solid #C01823 !important;
}*/
/*#divWebformsFieldsContainer h6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 35px;
    background-color: #01C255;
}*/
/*.....custom field setting end...*/

/*quote webform preview */
/*webform */
.sc-webform-wrapper {
    /*background: url(../images/sc-traveler-login-bg.jpg);
    background-size: cover;
    background-position: center center;*/
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /*height: 100vh;*/
}

.sc-webform-box {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 2px 2px 4px #666666;
    /*min-width: 350px;*/
}

.sc-webform-box {
    /*width: 60%;*/
    width: 80%;
}

    .sc-webform-box .mdl-layout-title {
        text-align: center;
        display: block;
        padding: 10px 0;
    }

.webform_txt, .webform_txtarea, .webform_txtphone, .webform_txtemail, .webform_txtdate {
    background: none !important;
    border: 1px solid #e5e5e6;
}

    .webform_txt:focus, .webform_txtarea:focus, .webform_rdl:focus, .webform_txtdate:focus, .webform_header:focus, .webform_paragraph:focus {
        box-shadow: none;
        border: 1px solid #e5e5e6;
    }

.webform_required {
    font-size: 14px !important;
    color: #C01823 !important;
}

.webform_action_menu {
    display: none;
}

.webform_header {
    padding: .35rem .6rem;
}

.webform_fieldItem:hover .webform_action_menu {
    display: block;
}

.webform_fld-separator {
    background-color: #fff;
    /* border: 1px solid #E5E9F1; */
    border-radius: 4px;
    margin: 8px 0;
}

.webform_rdl, .webform_chkbox {
    float: left !important;
}

    .webform_rdl .mdl-radio__label {
        margin-right: 10px;
    }

.webform_fieldItem {
    padding: 10px;
}

.dynamic_webform .primaryHolder label {
    font-size: 14px;
    line-height: 34px;
}

.divformfieldContainer {
    padding: 10px;
    overflow: hidden;
    /*height: 85vh;*/
}

.divformEmptyContainer {
    padding: 10px;
    overflow: hidden;
    height: 95vh;
    font-size: 2.2rem;
}

    .divformEmptyContainer .empty-title {
        font-size: 2.2rem;
    }

    .divformEmptyContainer .empty-subtitle {
        font-size: 1rem;
        padding: 1.2rem;
    }

.grade-icon {
    font-size: 3rem;
    color: #01C255 !important;
}

.divformTitle {
    position: fixed;
    width: 78%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 1;
}

.webform_displaylabel {
    float: left;
    font-size: 0.7rem;
    line-height: 1rem;
    height: 2rem;
    padding: .35rem .6rem;
}
/*end webform*/

/*invoice start*/
.pending_help_txt {
    font-size: 12px;
    position: absolute;
    transform: translateY(-17px) scale(0.75);
    color: #C01823 !important;
}

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

.add-invoice--pricing_info h3 {
    font-size: 1.2rem;
}

.add-invoice--pricing_info_container .show-more-height {
    height: 250px;
    overflow: hidden;
}

.submitToAccounting_lnk {
    font-size: 12px;
    cursor: pointer;
    float: right;
    padding-top: 20px;
}

    .submitToAccounting_lnk:hover {
        color: #1779dd;
    }

.payementHolder table th {
    padding: .6rem .4rem;
}

.ul_info_list {
    margin: 10px 0 0 0 !important;
    padding: 0;
    list-style: none;
}

.submitoaccounting_modal-container .mail {
    color: #00a4dc;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 5px;
}

.submitoaccounting_modal-container .credit-card {
    color: #01c255;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 5px;
}

#divAddEditSubmitToAccountingModalContainer span {
    font-size: 14px;
}

#divAddEditSubmitToAccountingModalContainer .form-checkbox input:checked + .form-icon {
    background: #01c255;
    border-color: #01c255;
    font-size: 12px;
}

.lblPayment {
    line-height: 1.2rem;
}

#divQuoteViewContainer .icon-done, #divManageSubmitToAccountingModal .icon-done {
    color: #01C255 !important;
}



#divQuoteViewContainer .icon-description {
    color: #3195F8 !important;
}


.invoice_pricing_container__price-items_total:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
}

.invoice_pricing_container__price-items_total {
    border-top: 2px solid #e0e0e0;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 8px;
    margin-left: -0.4rem;
    margin-right: -0.4rem;
}

.invoice_payment_status_paid {
    background-color: #e5eff9;
    padding: .4rem;
    float: left;
    min-width: 100px;
    text-align: center;
}

.invoice_payment_status_due {
    background-color: #e0f4e9;
    padding: .4rem;
    min-width: 100px;
    text-align: center;
    float: left;
}

.invoice_payment_label {
    padding: .4rem .2rem;
    font-size: 20px;
    float: right;
    font-weight: bold;
}

.booking_header_menu a {
    color: #000;
    line-height: 32px !important;
}

.tripAddDateSpn {
    cursor: pointer;
    color: rgb(4, 36, 96);
}

#ddlQuoteGroup :not([multiple]):not([size]) {
    text-transform: capitalize;
}
/*invoice end*/
@media (max-width: 1024px) {
    .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding: 0px;
    }
}

/*@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 15px;
    }
}*/

@media (min-width: 1025px) {
    .mdl-layout__drawer .sc-logo-container {
        display: block;
        text-align: left;
        height: 64px;
    }

        .mdl-layout__drawer .sc-logo-container img {
            height: 68px;
        }
}

.sc-profile-name {
    font-size: 14px;
}


/*.sc-profile-container {
    margin-top: .4rem;
}*/

/*@media (max-width: 380px) {
   
    .screen-block {
        height: 80vh;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}*/
/*new custom css for pagination*/
/*.mdl-tabs__tab-bar {
    min-height: 0px !important;
}

.mdl-layout__drawer {
    border-right: none !important;
}

.mdl-navigation {
    border-right: 1px solid #d0d1d2 !important;
}

.sc_header_menu_tabs {
    height: 40px;
}

.tabbr-container > li, .tabsContainer > li {
    position: relative;
    padding: 0px 23px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
    outline: none;
    line-height: 30px;
}

.control-arrow {
    line-height: 40px;
}

.sc_body--top_menu {
    top: 0px !important;
}*/
/*end new custom css for pagination*/
.lidisabled {
    pointer-events: none;
    opacity: 0.6;
}

.material_min_icon {
    font-size: 16px !important;
    vertical-align: middle;
}


/*header global search*/
.global_search_info {
    font-size: 12px !important;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    /*padding-right: 20px;*/
}

.global_search_info a {
    padding: .2em .4em;
    min-height: 45px !important;
    background: #fff !important;
    color: #1d164b !important;
    cursor: pointer !important;
    border-bottom: .05rem solid #dadee4;
}

.user-avatar-min {
    padding: 1px 2px;
    border-radius: 50%;
}

    .user-avatar-min img {
        width: 28px;
    }

.global_search_info .ui-state-focus {
    border: none;
    border-bottom: .05rem solid #dadee4;
    background-color: #eee !important;
    margin-bottom: 1px;
}

.booking__avatar {
    padding: 1px 3px;
}

    .booking__avatar img {
        width: 32px;
        height: 32px;
        border-radius: 4px;
    }
/*end header global search*/
/*calendar*/
/*.fc-button-primary {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(4, 36, 96) !important;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    /*background: rgba(158,158,158,.2);
    position: relative;
   
    display: inline-block;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}*/
.fc-searchbtn-button {
    background: #eb0a8c !important;
}

.fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    font-size: 14px;
    margin-bottom: 1.5em;
}

.fc-button-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(4, 36, 96);
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
}

.fc-button:not(:disabled) {
    cursor: pointer;
}

.fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.fc-toolbar-title {
    font-size: 1.75em;
    color: #002560;
    margin: 0;
}

.fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
}

.fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em;
}

.fc-button:disabled {
    opacity: 0.65;
}

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
}

#divShowImportantDateDetailContainer .sc-box-solitude {
    padding: 5px;
    border: none;
}
/*@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding: 0 40px 0 20px;
    }
  
}
.mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
    padding: 0 40px 0 20px;
}*/
/*#frmCalendarEvent .form-checkbox input:checked + .form-icon::before {
    background: url(../images/round-check_box.svg) no-repeat #fff !important;
}*/
/*****calendar end******/
/**Dashboard start*/

#todayUpdates .draggable {
    border: none !important;
}

.db-today-tab--cards--container__title-info span {
    margin-right: 10px;
    display: inline-block;
}

.modal--sociallinkbar {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-right: 10px;
    border-radius: 4px;
    background: #e5e5e6c2;
}

.contact_sociallinkbar {
    width: 98% !important;
    display: flex;
    flex-direction: row;
    margin-right: 10px;
    border-radius: 4px;
    background: #e5e5e6c2;
}

.txtinput_link--icon {
    line-height: 36px;
    margin-left: 5px;
    opacity: 0.8;
    cursor: pointer;
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px !important;
}
/**Dashboard end*/

.show-morepanel_height {
    height: 100px;
    overflow: hidden;
}

.show-morepanel_info {
    font-size: 12px;
    cursor: pointer;
    color: #1779dd;
    margin-top: .2rem;
}

    .show-morepanel_info:hover {
        color: #1779dd;
    }

span.active {
    color: #01C255;
}

.text_mild {
    font-size: 10px;
    color: #999;
}

.blue_link {
    color: #0074A8 !important;
    cursor: pointer;
}

.comission--stats {
    font-size: 12px;
    color: #01c255 !important;
}
/*Quote Product Access color*/

.greeneye {
    color: green;
}

.redeye {
    color: red;
}








/*grid listing sorting start*/



.th_material-icon {
    font-size: 18px;
    vertical-align: inherit;
}

.tbl-sorting-popup {
    position: absolute;
    top: 48px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    background: #fff;
    box-shadow: 2px 2px 5px #a9a9a9;
    width: 100px;
    z-index: 100;
}

    .tbl-sorting-popup ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .tbl-sorting-popup ul li {
            padding: 4px;
            margin: 0;
            padding: 8px 0;
        }

            .tbl-sorting-popup ul li span {
                vertical-align: middle;
            }

.tbl-sorting-popup_item:hover {
    background-color: #eee;
}

.thsorting label {
    text-decoration: underline !important;
}



.ancinfo_save {
    color: #19c765 !important;
    cursor: pointer !important;
}

.ancinfo_cancel {
    color: #ff766a !important;
    cursor: pointer !important;
}
/*grid listing sorting end....*/

/*fixed headers start...*/

.table_sticky {
    table-layout: fixed;
    height: calc(100vh - 310px);
    overflow: auto;
}



    .table_sticky th, .table_sticky td {
        border-bottom: none !important;
        white-space: normal;
        min-width: 103px;
    }

        /*  .table_sticky thead tr {
        display: inline-block;
    }

    .table_sticky tbody tr:hover {
        background-color: #eee !important;
    }
*/
        .table_sticky td:last-child {
            width: 50px;
            border-bottom: none !important;
            padding-left: 10px;
            padding-right: 10px;
        }

        .table_sticky th:last-child {
            width: 150px;
            border-bottom: none !important;
            padding-left: 10px;
            padding-right: 10px;
        }

    .table_sticky tbody {
        background-color: #fff !important;
        position: absolute !important;
    }

        .table_sticky tbody tr {
            display: flex;
        }

.th_sticky tr th:not([scope=row]) {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 2;
}

.truncate_td {
    width: 80px !important;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.truncate_large {
    width: 120px !important;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.tblcontainer {
    background-color: #f7f7f7;
}

    .tblcontainer .mdl-data-table th, .td_large {
        min-width: 120px !important;
    }

        .tblcontainer .mdl-data-table th:first-child, .tblcontainer .mdl-data-table td:first-child {
            min-width: 50px !important;
            padding-left: 10px;
            padding-right: 10px;
        }

    .tblcontainer .sc-data-table-wrapper {
        min-height: 80vh !important;
    }
/*.tblcontainer {
    overflow: auto !important;
    height: 80vh !important;
    background-color: #f7f7f7;
}*/
/*
    .table_sticky th {
        text-decoration: underline;
    }

    .table_stickys th, .table_sticky td {
        text-align: left;
        border-bottom: .05rem solid #dadee4;
        padding: .6rem .4rem;
    }
      .table_sticky tr {
        display: block;
    }
   
*/
/*fixed headers end*/
@media(min-width:600px) and (max-width:800px) {
    ul .add-Companylogo {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        ul.add-Companylogo li {
            padding: 0;
            /*background-color: #BFC8DF;*/
            border-radius: 4px;
            border: 1px solid #E5E9F1;
            float: left;
            position: relative;
            width: 90px;
            height: 75px;
        }

            ul.add-Companylogo li:first-child a .material-icons {
                line-height: 60px;
                text-indent: 30px;
                color: #BFC8DF;
            }
}

/*Overwrite mdl-ripple to trigger onclick event on mdl buttons*/

.mdl-ripple {
    background: #000;
    opacity: 0.001;
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: -1 !important;
}

.movable_modal {
    display: none;
}

    .movable_modal .modal-container {
        background: #fff;
        border-radius: .1rem;
        display: flex;
        display: -ms-flexbox;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 75vh;
        max-width: 640px;
        padding: 0 .8rem;
        width: 100%;
        font-size: 12px !important;
    }

    .movable_modal .mdl-button {
        font-size: 12px !important;
    }

    .movable_modal .modal-footer {
        font-size: 12px !important;
        padding: .8rem;
        text-align: right !important;
    }

#frmPCSearchPanel .form-select.select-lg {
    font-size: .7rem;
    height: 1.7rem;
    padding: .30rem 1.2rem .30rem .4rem;
}

#divBrandingSection .form-checkbox input:checked + .form-icon,
#divBrandingSection .form-switch input:checked + .form-icon {
    background: #008000;
    border-color: #008000;
    font-size: 12px;
}

#divBrandingSection .form-switch .form-icon {
    top: 0.5rem;
    width: 2.5rem;
    height: 1.2rem;
    border-radius: 0.8rem;
}

#divBrandingSection .form-switch input:checked + .form-icon::before {
    left: 26px;
}

#divBrandingSection .form-switch.input-lg {
    font-size: 1rem;
    margin: 0rem 0.5rem !important;
}

#divBrandingSection .form-switch .form-icon::before {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0.9rem;
    left: 3px;
    position: absolute;
    top: 2px;
    transition: background .2s,border .2s,box-shadow .2s,color .2s,left .2s;
    width: 1rem;
}
/*
#divBrandingSection .form-switch .form-icon::before {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    transition: background .2s,border .2s,box-shadow .2s,color .2s,left .2s;
    width: 2.5rem;
    height: 1.2rem;
}*/
.fixed_menu {
    position: relative !important;
    height: 50px !important;
    padding-left: 0.5rem;
}

.emarketing_tag {
    background-color: green !important;
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 7px;
}

.font_min {
    font-size: 12px !important;
    font-weight: 100;
}


.form-checkbox input:checked + .form-icon, .form-radio input:checked + .form-icon {
    background: #01C255;
    border-color: #01C255;
    font-size: 12px;
}



.miscellaneous-tab--automations-container .form-checkbox {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto;
}

.miscellaneous-tab--automations-items li {
    display: block;
    width: 100%;
}

.miscellaneous-tab--automations-container .form-checkbox .form-icon {
    border-radius: 15px;
}

.miscellaneous-tab--automations-container .form-checkbox input:checked + .form-icon::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../images/round-check_box.svg) no-repeat #fff;
    background-size: contain;
    font-size: 12px;
    width: 24px;
    height: 24px;
    z-index: 10;
    transform: rotate(0);
}

.nav-menu--active {
    background: #e5eff9;
    color: #3195F8 !important;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background: #e5eff9;
}


.emarketing_tag {
    background-color: green !important;
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 7px;
}

.font_min {
    font-size: 12px !important;
    font-weight: 100;
}


.form-checkbox input:checked + .form-icon, .form-radio input:checked + .form-icon {
    background: #01C255;
    border-color: #01C255;
    font-size: 12px;
}


.noborder_td {
    border-bottom: none !important;
    border-top: none !important;
}

.notop_border_td {
    border-top: none !important;
}

.db-today-tab--cards--container__title-info, .tab--cards--container__misc-info__date {
    font-size: .8em;
    color: #6e7073fc;
    margin: 0;
}

.text-gray {
    color: #6e7073fc !important;
}

#mtc_chartwrapper .db-boxed-list .card-body ul li {
    margin: 4px 0;
    padding: 4px;
    border: 1px solid #e6e6e6;
    font-size: 0.6rem;
    line-height: 20px;
    position: relative;
}

#mtc_chartwrapper .db-boxed-list--cards--wrapper {
    max-height: 400px !important;
}

#divEmailListingContainer .accordion-body {
    overflow-y: auto !important;
}