/*Global sytles starts here--------------------------------*/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    color: #585857;
}

/*agent portal modal upload*/
.static-20 {
    width: 20px;
}

.doc-suc-text {
    font-size: 22px;
    color: #388640;
}

.doc-suc-tick-icon {
    font-size: 40px;
    color: #408a33;
}

.doc-suc-details {
    font-size: 14px;
    color: #3f403c;
}

.info-upload-icon{
    height: 22px;
}
.upload-form-modal .containerdnd {
    border: 2px dashed #007fac59 !important;
    border-radius: 5px !important;
    background-color: rgba(0, 127, 172, 0.05) !important;
    width: 80% !important;
    left: 49% !important;
    margin-top: 17px !important;
}

.def-z-index{
    z-index : 9999 !important;

}

.upload-cancel-icon {
    font-size: 32px;
    color: #e07424;
}

.ap-custom-dropdown .upload-dropdown-disabled:focus {
    border: 2px solid #000 !important;
}

.upload-dropdown-disabled + .dropdown-menu {
    display: none !important;
}

.upload-error-icon {
   color: #af0014;
   font-size: 18px;
}

.upload-form-modal a {
    color: #007fac !important;
}
/*agent portal dropdwn upload*/
.tools-color {
    color: #379241;
    font-size: 17px;
}

.up-doc-type .required-asterisc::after {
    top: 10px !important;
}

.ap-up-border {
    border: 1px solid #ccc !important;
}

.ap-upload-dropdown {
    border: 1px solid #ccc !important;
    margin-left: -7px ;
}

    .ap-upload-dropdown .dropdown-menu .dropdown-item:hover {
        background: #f5f5f5 !important;
        font-weight: 700 !important;
    }

    .ap-upload-dropdown .dropdown-menu {
        width: 100% !important;
    }

    .ap-upload-dropdown .dropdown-item {
        color: #585857 !important;
    }

.ap-quicktools-dropdown:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.ap-quicktools-dropdown {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    background: #fff;
    cursor: pointer !important;
}

    .ap-quicktools-dropdown span {
        color: #585857 !important;
    }

    .ap-quicktools-dropdown .dropdown-menu {
        width: 242px !important;
        left: -60% !important;
        border-radius: 5px !important;
        border: none !important;
    }

        .ap-quicktools-dropdown .dropdown-menu a {
            padding: 10px 15px !important;
        }

    .ap-quicktools-dropdown .dropdown-item:focus, .ap-quicktools-dropdown .dropdown-item:hover, .ap-upload-dropdown .dropdown-item:focus, .ap-upload-dropdown .dropdown-item:hover {
        background-color: #f5f5f5 !important;
        border: none !important;
        text-decoration: none !important;
    }

    .ap-quicktools-dropdown .dropdown:focus *, .ap-quicktools-dropdown .dropdown:hover * {
        border-bottom: none !important;
        text-decoration: none !important;
    }

    .ap-quicktools-dropdown .dropdown-menu .fa-external-link-alt {
        color: #007fac !important
    }

    .ap-quicktools-dropdown .ap-custom-dropdown > a:hover, .ap-quicktools-dropdown .ap-custom-dropdown > a span:hover, .ap-quicktools-dropdown .dropdown-menu a span:hover {
        border: none !important;
    }

.upload-radio-check .md-form .ap-link-focus + label, .upload-radio-check .ap-pglevel-dropdown .ap-link-focus + label {
    top: 0px !important;
}

.upload-radio-check label {
    color: #585857 !important;
}

.upload-form-modal #filemandatory-error, .def-upload-text {
    position: relative;
    top: 30px;
    left: 9%;
}

.upload-dropdown-disabled{
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
/*illustration popover*/
.external-icon {
    margin-top: -3px;
}

body {
    background: #ffffff;
}

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

.ax_btn {
    font-size: 0 !important;
    outline: none !important;
    border: none !important;
    float: left;
}

.popover1 .ax_btn, .tour-guide-Illustrations > a {
    border: none !important;
}

.popover1 {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    color: #202020;
    display: block;
    font-size: 12px;
    border: 1px solid #707070;
    padding: 15px;
    position: absolute;
    width: 250px;
    z-index: 999;
    right: 0;
    transform: translateX(0);
    top: 100%;
    margin-top: 15px;
    margin-left: 25px;
    border-radius: 10px !important;
    display: none;
    transition: all 2s;
}


.cpop-arrow {
    position: absolute;
    right: 10%;
    top: -18px;
}

.popover1.popovershow {
    display: block;
    -webkit-animation: fade-in 0.3s linear 1, move-down 0.3s linear 1;
}

.popover1 .fa-external-link-alt, .illustration_modal .fa-external-link-alt {
    color: #007fac !important
}

.list-group-flush li:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.list-group-flush li .fa-angle-right {
    color: #808080 !important;
}

/*learn more link*/
.learn_more_lnk {
    width: 70px;
    font-size: 12px !important;
    display: block !important;
}

/*sub categories html*/
.sub-cat-green {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #f5f5f5;
    color: #3d9b35;
}
/*sub categories html*/
.sub-cat-claims {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #fff6CC;
    color: #836B01;
}

.sub-cat-clientservice {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #fcf1e9;
    color: #ae5719;
}

.sub-cat-conservation {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #FDF5F0;
    color: #C64710;
}

.sub-cat-disbursements {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #ebe4ee;
    color: #78468f;
}

.sub-cat-lifeevent {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #f2f7cc;
    color: #687500;
}

.sub-cat-newbusiness {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #eaf3eb;
    color: #337a39;
}

.sub-cat-payments {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #e8eAEE;
    color: #1d355e;
}

.sub-cat-sales {
    padding: 4px 5px;
    border-radius: 5px !important;
    background-color: #e5f7f5;
    color: #007A72;
}
/*new filter */

/*ci widget*/
.defgreen {
    font-weight: 600;
    color: #32871e;
}

.cigrey {
    background: #f9f9f9;
}

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

.ci-cimpact-card {
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
}

.ci-active-business .ap-card > div:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}

.eve-clr {
    color: #1d355e
}

.ci-all-count {
    font-size: 22px;
    color: #007099;
}

.ci-cimpact-count {
    font-size: 22px;
    color: #af0014;
}

.ci-conservation-count {
    font-size: 22px;
    color: #C64710;
}

.ci-newbusiness-count {
    font-size: 22px;
    color: #337A39;
}

.ci-disbursement-count {
    font-size: 22px;
    color: #78468f;
}

.ci-clientservice-count {
    font-size: 22px;
    color: #ae5719;
}

.ci-lifeevent-count {
    font-size: 22px;
    color: #677500;
}

.ci-claims-count {
    font-size: 22px;
    color: #836b01;
}

.ci-payments-count {
    font-size: 22px;
    color: #1d355e;
}

.not-clickable-card, .not-clickable-card .ci-count {
    opacity: .65;
    cursor: default !important;
}

    .not-clickable-card img {
        filter: grayscale(.8);
    }

    .not-clickable-card .ci-count {
        color: #202020;
    }

.ci-inner {
    cursor: pointer;
}

.ci-all-card.active {
    background-color: #DCECEE;
}

.ci-cimpact-card.active {
    background-color: #FCE8E8;
}

.ci_home_widget .ci-cimpact-card.active {
    background-color: #fff;
}

.ci-conservation-card.active {
    background-color: #FDF5F0;
}

.ci-newbusiness-card.active {
    background-color: #EAF3EB;
}

.ci-disbursement-card.active {
    background-color: #EBE4EE;
}

.ci-clientservice-card.active {
    background-color: #FCF1E9;
}

.ci-lifeevent-card.active {
    background-color: #F2f7CC;
}

.ci-claims-card.active {
    background-color: #FFF6CC;
}

.ci-payments-card.active {
    background-color: #E8EAEE;
}

.ci-all-card.active p {
}

.ci-cimpact-card.active p {
    color: #af0014;
}

.ci_home_widget .ci-cimpact-card.active p {
    color: #585857;
}

.ci-conservation-card.active p {
    color: #C64710;
}

.ci-newbusiness-card.active p {
    color: #3e9b34;
}

.ci-disbursement-card.active p {
    color: #78468f;
}

.ci-clientservice-card.active p {
    color: #ae5719;
}

.ci-lifeevent-card.active p {
    color: #677500;
}

.ci-claims-card.active p {
    color: #836b01;
}

.ci-payments-card.active p {
    color: #1D355E;
}

.ci-active-business .ap-card > div:hover {
    box-shadow: 0 0px 6px 0 rgba(0,0,0,0.1),0 0px 10px 0 rgba(0,0,0,0.1) !important;
}

.ci-active-business .ap-card > .ap-errorgreyColorBg:hover, .ci-active-business .ap-card > .ap-errorgreyColorBg {
    box-shadow: none !important;
}

/*search*/
.ap-grid-search input.ap-error-text {
    outline: 0;
    border: 1px solid #d0021b;
    animation-name: bounce;
    animation-duration: .4s;
    animation-delay: 0.1s;
}

.ap-grid-search span.ap-error-text {
    animation-name: bounce;
    animation-duration: .4s;
    animation-delay: 0.1s;
}

@keyframes bounce {

    0% {
        transform: translateX(0px);
        timing-function: ease-in;
    }

    37% {
        transform: translateX(5px);
        timing-function: ease-out;
    }

    55% {
        transform: translateX(0px);
        timing-function: ease-in;
    }

    73% {
        transform: translateX(2px);
        timing-function: ease-out;
    }

    82% {
        transform: translateX(-2px);
        timing-function: ease-in;
    }

    91% {
        transform: translateX(1px);
        timing-function: ease-out;
    }

    96% {
        transform: translateX(-1px);
        timing-function: ease-in;
    }

    100% {
        transform: translateX(0px);
        timing-function: ease-in;
    }
}

/*filter*/
.nb-popover {
    position: absolute;
    width: 200px;
    height: 78px;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px !important;
    top: -90px;
    left: 73%;
    text-align: center;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.16);
    z-index: 999;
}

.nbpopover-arrow {
    position: absolute;
    top: 78px;
    left: 45%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    width: 0;
    height: 0;
    transform: rotate(180deg);
}

.perf_dtbl.active_filter_main > .row {
    background: #f5f5f5;
}

.perf_dtbl .ap_grid_active_filter .ap-selected-item-remove {
    display: none;
}

.perf_dtbl .ap_grid_active_filter .ap-selected-item {
    margin-left: 0 !important;
    margin-right: 10px;
}

.perf_dtbl .ap-filter-allapply[disabled] {
    color: #585857 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    background: #dedfdf;
    border-radius: 5px !important;
}


.filter-popover .popover-body {
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.16);
    background: #fff !important;
    font-size: 13px;
    color: #585857 !important;
    border: none;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    text-align: center;
    padding: 12px 30px !important;
    border-radius: 5px !important;
}

/*filter*/
.h-55 {
    height: 55px !important;
}
/*-----diamond profile-------*/
.curpointer {
    cursor: pointer !important;
}

.diamond-sep {
    color: #d4d8e1 !important;
}


.ml-n50 {
    margin-left: -40px;
}



.d-circle {
    border-radius: 100% !important;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #585857;
    text-align: center;
    color: #fff;
    margin-left: 2px;
    margin-right: 2px;
}

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

.d_bg {
    background: #f8f5f9 !important
}

.d_full_border {
    border: 1px solid #78468f;
}

.d-btm-radius {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.d_ph_clr {
    color: #585857;
}

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

.d-w50 {
    width: 50%;
}

.d-w47 {
    width: 47%;
}

.d-img {
    position: absolute;
    width: 100%;
    height: 40px;
}

.d_head {
    height: 40px;
    padding: 0 !important;
    background: #735b8c !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    -webkit-border-radius: 5px;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .d_head.collapsed {
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    .d_head span {
        color: #fff;
    }

/*-----diamond profile-------*/

/*In-Line*/
.fontsize178 {
    font-size: 1.78em;
}

.textalignright {
    text-align: right;
}

.webmailimpersonation {
    pointer-events: none !important;
}

.currentIncentive_accordian_header_bl {
    border-left: 4px solid grey;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.pwd_visibility {
    position: absolute;
    top: 3px;
    right: 10px;
    cursor: pointer !important;
}
/*---- password show hide feature css----*/

.notescolorgreen {
    color: #347C17;
}

.width42-pl-10 {
    width: 42px;
    padding-left: 10px !important
}

.myaccountulhr {
    height: 2px;
    border: none;
    color: #333;
    background-color: #D4D8E1;
}

.quickstart-guide-panel-video-widthheight {
    height: 150px;
    width: 100%;
}



.quickstart-guide-panel-video-widthheight-pos {
    position: relative;
    height: 150px;
    width: 100%;
}

.quickstart-guide-panel-video-wistia_swatch {
    height: 100%;
    left: 0px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    transition: opacity 200ms ease 0s;
    width: 100%;
}

.quickstart-guide-panel-video-wistia_swatch_img {
    filter: blur(5px);
    height: 100%;
    object-fit: contain;
    width: 100%;
}

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

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

.width37 {
    width: 37px;
}

.w-87 {
    width: 87%;
}

.w-90 {
    width: 90%;
}



/*toast component*/
.toast-body span {
    color: #fff;
}

.toast_close {
    cursor: pointer;
}

.toast_component .downline-message-box {
    transition: 0.6s;
    bottom: -90px;
    position: fixed;
    z-index: 9999;
    padding: 10px !important;
    border-radius: 5px !important;
    width: 50% !important;
}
/*toast component*/

/*case page css*/
.cs-req-box {
    padding: 5px 15px;
    border-radius: 20px !important;
    border: solid 1px #007fac;
    color: #007fac;
}

    .cs-req-box:hover {
        background-color: #007fac;
        cursor: pointer;
        color: #ffffff;
    }

    .cs-req-box.selected {
        background-color: #007fac;
        color: #ffffff;
    }


.ani {
    transition: .7s;
    /*font-size: 10px;*/
    opacity: 0;
}

.sub-border {
    width: 20px;
    height: 1px;
    background: #d4d8e1;
    margin-top: 10px;
    margin-right: 5px;
}

/*case page css*/

/*-----new content component----*/

.cpa-button i {
    color: #585857;
    font-size: 24px;
}

.cpa-button:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%
}

.desktop_crousel .carousel-item a:hover img {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;
    transform: scale(1.05);
}

.cpa-button:hover .z-depth-1, .upev_btn_view_reg:hover, .mar-content-card .z-depth-1:hover {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
}

a[data-slide='prev']:hover > span, a[data-slide='next']:hover > span {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
}

#carousel_colab_modal a[data-slide='prev']:hover > span, #carousel_colab_modal a[data-slide='next']:hover > span {
    box-shadow: none !important;
}


.mar-content-card span.ap-right-arrow {
    font-size: 20px;
}

.mar-content-card span {
    color: #585857
}

.mar-content-card > div, .cpa-button {
    width: 32%;
}


.bottom-card {
    height: 60px;
}

.fw-300 {
    font-weight: 300;
}

/*-----new content component----*/
/*cta buttons*/
.cta-button div {
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.cta-button span {
    font-size: 18px;
    color: #012131
}

.cta-button:hover div {
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
}

#cta_buttons > div > div:last-child {
    padding-right: 0 !important;
}
/*cta buttons*/

/*cpa synop*/
.cpa-synop-component {
    background-color: #fff;
}

.cpa-button span {
    font-size: 18px;
    color: #012131
}


.right-synop {
    background-color: #1d345e;
    clip-path: polygon(0 0,5% 100%,100% 100%,100% 0)
}

    .right-synop span {
        color: #fff;
    }

.synop-title {
    font-size: 24px;
}

.synop-date {
    font-size: 18px;
}

.synop-loc {
    font-size: 16px;
}

.right-synop .ap-btn {
    background-color: #01a89e !important;
    border: 1px solid #01a89e;
}


/*cpa synop*/

/*CPA Tiles*/
.cpa_tiles_component {
    border-radius: 5px !important;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
}

.cpa_tiles_link {
    color: #6ab800 !important;
    margin-top: 5px;
}

.cpa-tiles-desc {
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 99;
}

    .cpa-tiles-desc > span {
        line-height: 1.2;
    }

.cpa-hover_tiles .back, .cpa-hover_tiles .front {
    height: 265px;
}

.ap-body-content-sec .cpa-hover_tiles a:hover {
    text-decoration: none !important;
}

.cpa-hover_tiles .front {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9;
    overflow: hidden;
}

.cpa-hover_tiles .back {
    background: #012131;
    border-radius: 5px;
}

    .cpa-hover_tiles .back * {
        color: #fff !important;
    }

    .cpa-hover_tiles .back p {
        font-weight: bold;
        font-size: 20px;
    }
/*CPA Tiles*/

/*Recent articles carousel*/
.ap-crousel-component img {
    height: 180px;
}

.ap-crousel-final-tile {
    height: 180px;
    background: #fff;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
    width: 99%;
}

    .ap-crousel-final-tile img {
        height: 94px;
    }

    .ap-crousel-final-tile a {
    }

.ap-crousel-prev, .ap-crousel-next {
    width: 24px;
    height: 24px;
    background: #3D9B35;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

    .ap-crousel-prev.disabled, .ap-crousel-next.disabled {
        cursor: default;
        background: #f5f5f5;
        color: #d4d8e1;
    }

.ap-crousel-desc {
    min-height: 90px;
    max-height: 90px;
}


.ap-crousel-component .carousel-indicators li {
    background: #d4d8e1;
    width: 6px !important;
    height: 6px !important;
    padding: 0 !important;
    border-radius: 100% !important;
    border-bottom: none !important;
    border-top: none !important;
}

    .ap-crousel-component .carousel-indicators li.active {
        background: #388640 !important;
    }
/*Recent articles carousel*/

/*CPA Banner*/
.banner_apa_parent > div {
    background-color: #efeef3;
}

.apa-banner-title h2 {
    font-size: 28px !important;
    font-weight: 300;
}

.banner_apa_big_parent {
    position: relative;
}

    .banner_apa_big_parent > img {
    }

.apa_old_banner .big_desc {
    position: absolute;
    top: 5px;
    left: 10px;
}

.apa_banner_new .big_desc {
    position: absolute;
    background: #fff;
    left: 15px;
    width: 415px;
}
/*CPA Banner*/

/*Upcoming Events*/
.upev_btn {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    border: solid 1px #007fac !important;
    color: #007fac !important;
    background: #fff !important;
    text-transform: capitalize !important;
}

.up-eve-card {
    border-radius: 5px !important;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.upev_desc {
    color: #585857
}

    .upev_desc span {
        display: inline-block;
        min-height: 60px;
    }

.upev_btn_view_dtl {
    padding: 5px 10px !important;
    border-radius: 5px !important;
    border: solid 1px #3d9b35 !important;
    color: #3d9b35 !important;
    background: #fff !important;
    text-transform: capitalize !important;
}

.upev_btn_view_reg {
    padding: 5px 10px !important;
    border-radius: 5px !important;
    border: solid 1px #3d9b35 !important;
    color: #ffffff !important;
    background: #3d9b35 !important;
    text-transform: capitalize !important;
}

.ap-body-content-sec .up-eve-card a:hover, .ap-body-content-sec .upev_btn:hover {
    text-decoration: none !important
}
/*Upcoming Events*/

/*number inside menu*/
.menuitem-count {
    float: right;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    padding: 0 5px;
    border-radius: 5px !important;
    background: #3d9b35;
}

.ap_mobile_navigation .menuitem-count {
    margin-right: 10px;
}

.bookmark_button {
    color: #72767d;
    border: 1px solid #72767d;
    font-weight: bold;
    background: #fff;
    width: 70%;
    border-radius: 3px !important;
}

.bookmark_button_active {
    border: 1px solid #3D9B35;
    font-weight: bold;
    background: #fff;
    color: #32871e;
    width: 70%;
    border-radius: 3px !important;
}

/* ----- * {
    border-radius: 0 !important;
} ------ */
.pt-34 {
    padding-top: 34px !important;
}

.pl-17 {
    padding-left: 17px !important;
}

.dropdown-menu-willchange-transform {
    will-change: transform;
}

table.dataTable thead .sorting_asc {
    background: none;
}

table.dataTable thead .sorting_desc {
    background: none;
}

table.dataTable thead .sorting {
    background: none;
}

span.arrow-hack {
    margin-left: 5px;
}
/*  new changes in global mask*/
.ap_global_mask_number {
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 20px !important;
    width: 150px;
    border: solid 1px rgba(112, 112, 112, 0.18);
}

    .ap_global_mask_number .custom-switch {
        top: 1px;
        left: -3px;
    }

    .ap_global_mask_number label {
        color: #000000;
        /*font-size: 0.875rem !important;*/
        font-size: 1rem !important;
    }

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

.toggle_switch_selected {
    background-color: #b75e1a
}

    .toggle_switch_selected span {
        color: #fff;
    }


.ap_global_mask_number > input[type="checkbox"]:checked + label::before {
    background: #fff !important;
    opacity: 1 !important;
}

.w95 {
    width: 95% !important;
}

.ap_global_mask_number span.switch span {
    color: #000000;
    font-weight: 400;
}

.ap-custom-filter-action .fas, .ap-custom-filter-action .fa, .ap-search-tbl-icon .fa {
    color: #32871e;
}

.ap-custom-filter-action a:hover .fa, .ap-custom-filter-action a:hover .fas, .ap-search-tbl-icon:hover .fa {
    color: grey !important
}

.ap_global_mask_number span {
    left: -5px !important;
}

.ap-Selectdropdown .selectButton {
    background: none;
    border: none;
    position: absolute;
    left: 8px;
    top: 11px;
}

.ap-show {
    display: block;
}

.ap-Selectdropdown .dropdown-toggle::after {
    margin-left: 0;
    position: relative;
    left: 46%;
}

.ap-Selectdropdown .dropdown-menu .dropdown-item:focus, .ap-Selectdropdown .dropdown-menu .dropdown-item:hover, .ap-Selectdropdown .dropdown-menu .dropdown-item:active {
    color: #ffff;
    text-decoration: none;
    background-color: #3d9b35;
}

.ap-Selectdropdown .dropdown-menu {
    min-width: 100%;
}

    .ap-Selectdropdown .dropdown-menu .dropdown-item {
        padding: .25rem 0.5rem;
    }

.ap-positionedDrop {
    position: relative;
    left: 20rem;
    top: 3.7rem;
    margin-top: -3rem;
    z-index: 11;
}

.dropdown-menu {
    font-size: 0.875rem !important;
}

.customizedTab.nav-tabs .nav-item.show .nav-link, .customizedTab.nav-tabs .nav-link.active {
    outline: none;
}

.customizedTab.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.customizedTab.nav-tabs .nav-link {
    text-transform: uppercase;
    color: #616365 !important;
    margin-right: 20px;
    font-size: 0.875rem;
    letter-spacing: 1px;
    font-family: Open Sans;
}

.customizedTab.nav-tabs .nav-link {
    border: none;
}

    .customizedTab.nav-tabs .nav-link.active:hover {
        font-family: 'Open Sans StrongBold';
    }

.customizedTab.nav-tabs a.nav-link:hover {
    color: #32871e !important;
    font-family: Open Sans Bold;
}

.customizedTab.nav-tabs .nav-item.show .nav-link, .customizedTab.nav-tabs .nav-link.active {
    border-bottom: 6px solid #3d9b35;
    color: #32871e !important;
    font-family: 'Open Sans Bold';
    font-family: 'Open Sans StrongBold';
}

.highlight {
    border: 1px solid #3d9b35;
    background-color: #f5f2f2;
}
/*news feed*/
.ap-agent-latestNewsComponent {
    border-radius: 5px !important;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

    .ap-agent-latestNewsComponent p.news-feed-content {
        color: #585857;
        font-weight: 600;
        font-size: 12px;
    }

    .ap-agent-latestNewsComponent img {
        clip-path: polygon(0 0%, 80% 0, 75% 100%, 0 100%);
    }

.news_ping {
    border: solid 1px #7d00b6;
}

    .news_ping .thumbtack-parent {
        display: inline-block !important;
        width: 16px;
        height: 16px;
        position: absolute;
        background-color: #7d00b6;
        z-index: 999;
        border-radius: 5px !important;
    }

    .news_ping .fa-thumbtack {
        color: #fff;
        position: absolute;
        z-index: 99999;
        transform: translate(2px, 2px);
        transform: rotate(30deg);
        display: inline !important;
    }

.sb-external-link {
    color: #585858;
    font-size: 16px;
}
/*news feed*/

/*recognition*/
.recognition-agent-top-info-panel {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    background: #735b8c;
    height: 70px;
}

    .recognition-agent-top-info-panel > img {
        position: absolute;
        width: 100%;
        height: 70px;
    }

.agent-policy-infop {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    min-height: 45px;
}

.profile_img {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 100% !important;
    position: absolute;
    z-index: 99;
    left: 50px;
    top: -15px;
}

.diamond_club {
    position: absolute;
    width: 130px;
    /* height: 20px; */
    font-size: 10px;
    font-weight: bold;
    border-radius: 5px !important;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.16);
    background-color: #f0ecf1;
    bottom: -5px;
    padding: 5px;
    left: -22px;
}

    .diamond_club i {
        background-color: #63bbfa;
    }

.profile_img .profile_name {
    width: 100%;
    display: block;
    height: 95%;
    border-radius: 100% !important;
    margin-top: 5%;
    text-align: center;
    color: #007fac;
    font-size: 30px;
    font-weight: 600;
    background-color: #e5f2f7;
}

.recognition-agent-top-info-panel > div {
    margin-bottom: 0;
}

.d_user {
    position: absolute;
    top: 20px;
    left: 28px;
}
/*---recognition*/

/*new agent onboarding*/
#video {
    max-width: 400px;
}

#get_resource_carousel ol.carousel-indicators {
    bottom: -38px !important;
}

.viewed-video {
    width: 100%;
    height: 100%;
    background-color: #000;
    text-align: center;
    color: #fff;
    opacity: .8
}

#get_resource_carousel ol.carousel-indicators li {
    background-color: #007fac !important;
    opacity: .3;
    cursor: default !important;
}

    #get_resource_carousel ol.carousel-indicators li.active {
        background-color: #007fac !important;
        opacity: 1;
    }

#get_resource_carousel .carousel-control-prev {
    width: 5%;
    left: -25px;
    text-decoration: none !important;
}

#get_resource_carousel .carousel-control-next {
    width: 5%;
    right: -25px;
    text-decoration: none !important;
}

.vcap-height {
    height: 65px
}

.agent-user-icon {
    color: #acb0bc;
}

.agent_name {
    font-size: 18px;
    font-weight: bold;
    color: #357E3B;
    display: block;
}

.agent-top-info-panel {
    border-radius: 5px !important;
}

    .agent-top-info-panel > div {
        margin-bottom: -10px;
    }

/*
flip card
*/
.card-flip {
    box-shadow: none !important;
}
/* new changes*/
.card-flip {
    height: 100px;
    cursor: pointer
}

    .card-flip > div {
        border: 1px solid #d4d8e1 !important;
        backface-visibility: hidden;
        transition: transform 300ms;
        transition-timing-function: linear;
        width: 100%;
        height: 100%;
        margin: 0;
        display: flex;
        height: 100px;
    }
/* new hover effects on cards*/
.get-connected-panel a:hover .z-depth-1 {
    transform: scale(1.07);
    border: none;
}
/* new changes*/
/* new hover effects on cards*/
.card-front {
    transform: rotateY(0deg);
}

.card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
}

.card-flip:hover .card-front, .card-flip:focus .card-front {
    transform: rotateY(-180deg);
}

.card-flip:hover .card-back, .card-flip:focus .card-back {
    transform: rotateY(0deg);
}


.agent-to-do-panel .ap-ci-widget-header {
    padding: 14px 14px 14px 15px;
    border-radius: 5px !important;
}

.ap-ci-widget-container.show {
    display: block !important
}

.agent-to-do-panel [data-toggle="collapse"] .fa:before {
    content: "\f106";
}

.agent-to-do-panel [data-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}

.quickstart-guide-panel .ap-ci-widget-header {
    padding: 14px 14px 14px 15px;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    background-color: #d8dde6;
}

.agent-to-do-panel .ap-ci-widget-container, .quickstart-guide-panel .ap-ci-widget-container {
    background-color: #f7f7f7;
}

.bg-f5 {
    background-color: #f5f5f5 !important;
}

.agent-to-do-panel .progress {
    height: 16px;
    border-radius: 8px !important;
    border: solid 1px #d4d8e1;
    background: #fff;
}

.agent-to-do-panel .progress-bar {
    height: 18px;
    border-radius: 8px !important;
    background-color: #3d9b35 !important;
}

#instafeed-container {
    background: #fff;
}

.instafeed-image img:hover {
    opacity: 0.8
}

.footerSocial a:hover em {
    color: #35852e
}

.instagrampostsection {
    height: 223px;
}

.instagramLogo {
    height: 20px;
    /*width: 25px;*/
}

.get-connected-panel .z-depth-1 {
    border-radius: 5px !important;
}

.get-connected-panel a:hover .z-depth-1 {
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15) !important;
}

/*flip card*/
.maincontainer {
    width: 30%;
    height: 90px;
    margin: 10px 12px;
}




    .maincontainer .back p {
        color: #fff;
    }

@media (max-width:992px) {
    .agent-portal-search-box .ap-click-search .search-icon {
        left: 96%;
        top: -35px;
        color: #33832d !important;
    }

    .ap-click-search {
        width: 96%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        margin: 0 2%;
    }
}

/* style the PORTAL WALKTHROUGH */
.portal-walkthrough-tabs .nav-tabs label {
    font-size: 14px;
    font-weight: 600;
    color: #585857;
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
}

.nav-tabs-desc label {
    font-size: 12px !important;
    color: #585857 !important;
    margin-bottom: 7px;
    color: #585857
}

.nav-tabs-desc span {
    font-size: 12px !important;
    color: #585857 !important;
    font-weight: 600;
    color: #585857
}

.portal-walkthrough-tabs .nav-tabs li {
    width: 18%;
    margin: 0 1%;
}

    .portal-walkthrough-tabs .nav-tabs li:first-child {
        margin-left: 0;
        width: 19%
    }

    .portal-walkthrough-tabs .nav-tabs li:last-child {
        margin-right: 0;
        width: 19%;
    }

    .portal-walkthrough-tabs .nav-tabs li a.active {
        border-top: 5px solid #3d9b35 !important;
        position: relative;
    }

    .portal-walkthrough-tabs .nav-tabs li a {
        border-top: 5px solid #f5f5f5 !important;
        position: relative;
        background: #f5f5f5;
    }

        .portal-walkthrough-tabs .nav-tabs li a.active h2 {
            color: #3d9b35
        }

        .portal-walkthrough-tabs .nav-tabs li a.active .fas {
            font-size: 32px;
            position: absolute;
            bottom: -18px;
            left: 42%;
            display: inline-block !important;
            color: #fff;
        }

.vid_duration {
    color: #3d9b35
}

.fc-left h2 {
    margin-top: 20px;
    margin-left: 20px !important;
    font-weight: 600;
    font-size: 24px;
    color: #585857;
}

.fc-basic-view tbody .fc-row {
    height: 50px !important;
    min-height: 50px !important;
}

.fc-ltr .fc-basic-view .fc-day-number {
    padding-right: 10px;
}

.walkthrough-calendar .fc-view > table, .walkthrough-calendar .fc-widget-header, .walkthrough-calendar .fc-widget-header > table, td.fc-widget-content:first-child {
    border: none !important;
}

.walk-ap-btn-white {
    border: 1px solid #3D9B35;
    font-weight: bold;
    background: #fff;
    color: #32871e;
    margin-right: 10px;
    padding: 5px 12px !important;
    border-radius: 3px !important;
}

.walkthrough_filter_doc_btn button.active {
    border: 1px solid #3D9B35;
    background: #3D9B35;
    color: #fff;
}

.download_items img {
    position: relative;
}

.check-dbl-item {
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 25px;
    height: 28px;
}

    .check-dbl-item label {
        top: -10px
    }

.download_items :hover {
    background-image: linear-gradient(to bottom, #fff, #f1fff0);
    cursor: pointer;
}

.download_items {
    border-radius: 2px !important;
}

    .download_items.checked-item {
        background-image: linear-gradient(to bottom, #fff, #f1fff0);
        border: solid 1px #3d9b35;
    }

.timeline-item {
    width: 20%;
}

.cicle-timeline {
    width: 65px;
    height: 65px;
    border-radius: 50% !important;
    background-color: #007fac;
    position: relative;
}

.right_connector {
    width: 50px;
    height: 1px;
    border: 1px dashed #72767d;
    top: 32px;
    position: absolute;
    left: 64px;
}

.left_connector {
    width: 50px;
    height: 1px;
    border: 1px dashed #72767d;
    top: 32px;
    position: absolute;
    left: -50px;
}

.top_connector {
    width: 1px;
    height: 25px;
    border: 1px dashed #72767d;
    top: -25px;
    position: absolute;
    left: 30px;
}

.bottom_connector {
    width: 1px;
    height: 25px;
    border: 1px dashed #72767d;
    top: 64px;
    position: absolute;
    left: 30px;
}

.timeline-item i.fa-caret-right {
    position: absolute;
    left: 105px;
    top: 24px;
    font-size: 20px;
    color: #72767d;
}

.timeline-item i.fa-caret-down {
    position: absolute;
    left: 25px;
    top: 72px;
    font-size: 20px;
    color: #72767d;
}

.timeline-item:first-child .left_connector, .timeline-item:first-child .top_connector, .top_connector, .timeline-item i.fa-caret-down {
    display: none;
}

.timeline-item:last-child .right_connector, .timeline-item:last-child i, .timeline-item:last-child .bottom_connector, .bottom_connector {
    display: none;
}

.tab-content input:focus + label {
    border: 1px solid #000;
}
/* style the PORTAL WALKTHROUGH */
/* style the maincontainer class with all child div's of class .front */
.maincontainer > .front {
    position: absolute;
    transform: perspective(600px) rotateY(0deg);
    width: 30%;
    height: 90px;
    backface-visibility: hidden; /* cant see the backside elements as theyre turning around */
    border-radius: 2px !important;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
}

/* style the maincontainer class with all child div's of class .back */
.maincontainer > .back {
    position: absolute;
    transform: perspective(600px) rotateY(180deg);
    color: #fff;
    width: 30%;
    height: 90px;
    border-radius: 10px;
    padding: 5px;
    backface-visibility: hidden; /* cant see the backside elements as theyre turning around */
    border-radius: 2px !important;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
    background-color: #007fac;
}

.tab-maincontainer_front {
    transform: perspective(600px) rotateY(-180deg) !important;
}

.tab-maincontainer_back {
    transform: perspective(600px) rotateY(0deg) !important;
}

.collapse-action {
    border: none;
    background: transparent;
    color: #007fac
}

@media (hover: hover) {
    .maincontainer:hover > .front {
        transform: perspective(600px) rotateY(-180deg);
        cursor: pointer;
    }

    .tiles_action_completed:hover > .front {
        transform: perspective(600px) rotateY(0deg) !important;
        cursor: default;
    }

    .tiles_action_completed:hover > .back {
        transform: perspective(600px) rotateY(180deg) !important;
        cursor: default;
    }

    .maincontainer:hover > .back {
        transform: perspective(600px) rotateY(0deg);
        cursor: pointer;
    }

    .cpa-hover_tiles:hover .front .cpa-tiles-desc {
        visibility: hidden;
    }

    .cpa-hover_tiles:hover .back {
        position: absolute;
        z-index: 10;
        opacity: .9;
    }
}

.maincontainer .ap-btn-white {
    width: auto !important;
    color: #007fac;
}

.tiles_action_completed .front, .tiles_action_completed .back {
    background: #d4d8e1;
}

.maincontainer .front img.inactive {
    display: none;
}

.tiles_action_completed .front img.active {
    display: none;
}

.tiles_action_completed .front img.inactive {
    display: inline-block;
}

.maincontainer i {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #3d9b35;
}
/*flip card*/
/*new agent onboarding*/
/*new agent onboarding - END*/

.ap-agent-tabComponent .wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0 5px 0;
    height: 50px;
}

.customizedTab {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 830px;
    margin-top: 0px;
    border-bottom: none
}

.scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 13px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
}

footer .bg-light {
    background-color: #f5f5f5 !important;
}

/*scroll bar skin */
.dropdown-menu:not(.quickLinksDrops)::-webkit-scrollbar {
    width: 7px;
}

.dropdown-menu:not(.quickLinksDrops)::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #fff;
    background: #fff;
}

.dropdown-menu:not(.quickLinksDrops)::-webkit-scrollbar-thumb {
    background-color: #3D9B35;
    border-radius: 50px;
}


.custom-control-input.ap-link-focus:focus ~ .custom-control-label::before {
    box-shadow: 0px 0px 5px 0rem #3d9b35;
    outline: 1px solid #000;
}
/*Accessibility starts here---------------------------- */
.hidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.offscreen
/*Hiding non interactive content from visible display, Use an off screen technique to remove content from visible display, but still available to screen reader users*/ {
    clip-path: inset(100%);
    clip: rect(1px 1px 1px 1px); /* IE 6/7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; /* added line */
    width: 1px;
}
/*Accessibility ends here---------------------------- */

/*-------take a tour right panel component-------------------------*/
.take-tour-panel {
    background: #3d9b35;
    border-radius: 5px !important;
}

    .take-tour-panel button {
        color: #3d9b35 !important;
        font-weight: 600;
    }
/*-------take a tour right panel component-------------------------*/

/*Typography starts here---------------------------- */
a {
    color: #0078ab;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #1c606d;
        text-decoration: none;
    }

/*inforce transaction compnent*/
.transaction_inforce_table table thead tr th {
    font-size: 16px !important
}

.transaction_inforce_table table tbody tr td:first-child {
    font-size: 14px !important;
    font-weight: 600;
}

.transaction_inforce_table table tbody tr td {
    font-size: 14px !important;
}
/*inforce transaction compnent*/
/*welcome video modal */
#welcome_modal .modal-header {
    background-color: #007fac
}

    #welcome_modal .modal-header label {
        color: #fff;
        font-weight: 400;
        font-size: 1.5rem !important;
    }

    #welcome_modal .modal-header button {
        color: #fff
    }
/*welcome video modal */
h1, h2, h3, h4, h5 {
    color: #202020;
}
/*Head1*/
h1 {
    font-size: 1.75rem; /* 28px */
    font-weight: 300;
}
/*Head2*/
h2 {
    font-size: 1.5rem;
    font-weight: 300;
}
/*Head3*/
h3 {
    font-size: 1.25rem; /* 20px */
    font-weight: 300;
}
/*Head4*/
h4 {
    font-size: 1rem; /* 16px */
    font-weight: 600;
}
/*Head5*/
h5 {
    font-size: 0.875rem; /* 14px */
    font-weight: 600;
}


.fw-300 {
    font-weight: 300 !important : /* Light weight text*/
}

.fw-500 {
    font-weight: 500 !important : /* Semi Bold text*/
}

.fw-600 {
    font-weight: 600 !important : /* Semi Bold text*/
}

.fw-700 {
    font-weight: 700 !important : /* Supper Bold text*/
}

.w10 {
    width: 10% !important;
}

.w20 {
    width: 20% !important;
}

.w30 {
    width: 30% !important;
}

.w40 {
    width: 40% !important;
}

.w50 {
    width: 50% !important;
}

.w60 {
    width: 60% !important;
}

.w70 {
    width: 70% !important;
}

.w80 {
    width: 80% !important;
}

.w90 {
    width: 90% !important;
}

.w100 {
    width: 100% !important;
}


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

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

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

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





strong {
    font-weight: bold;
}

.ap-green-text {
    color: #357E3B !important;
}

.ap-green-grey {
    color: #72767D;
}

.ap-semi-bold {
    font-weight: 600;
}

.ap-full-bold {
    font-weight: bold;
}

.small {
    font-size: 0.75rem; /* 12px */
}

.md-small {
    font-size: 0.8125rem; /* 13px */
}

.f14 {
    font-size: 0.875rem;
}

.icon-twitter::before {
    content: "𝕏";
    font-size: 1.2em;
}

.f16 {
    font-size: 1rem;
}

.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 1.25rem;
}
.f22 {
    font-size: 1.375rem;
}
.f24 {
    font-size: 1.5rem;
}

.f28 {
    font-size: 1.75rem;
}

.blueCard, .ap-blueCard {
    background: #daecf2;
    font-size: 0.875rem;
    color: #060606;
}

label {
    font-size: .875rem !important;
}

.ap-highlight {
    font-size: 1.5rem;
    color: #007FAC;
}

.ap-highlight-transferreport {
    font-size: 1.75rem;
    color: #007FAC;
    font-weight: 600;
}

.homepage-counticon {
    border-radius: 50% !important;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: normal;
    background: #AF0014;
    margin-left: 5px;
    color: #ffffff;
    padding: 2px 6px;
}

.label-font-13 {
    font-size: 0.8125rem !important
}

.label-font-16 {
    font-size: 1rem;
}

.label-font-18 {
    font-size: 1.125rem !important;
}

.open_comments_modal {
    cursor: pointer;
}

.tbl-comments-modal .modal-body {
    /*height: 275px;*/
    overflow-y: auto;
}

.info-modal-bg-color {
    background-color: #ebebed;
}

.info-table-bg-color {
    background-color: white;
}

.info-table-header {
    background-color: #dfe1e4;
}
/*Typography ends here---------------------------- */
/*Button css starts here -------------------------------------*/

.btn {
    text-transform: none;
    border: 1px solid #a5a2a2;
    font-weight: 600;
    box-shadow: none;
    padding: 9px;
    background: #e0dede47;
}

.btn-ap-green {
    background-color: #3D9B35;
    color: #fff;
    border: none;
}

.btn-ap-noborder {
    border: none;
    background: none;
}

.ap-btn-white {
    border: 1px solid #3D9B35;
    font-weight: bold;
    background: #fff;
    color: #32871e;
    width: 100%;
    border-radius: 3px !important;
}

/*.ap-btn-white:hover {
        background: #3D9B35;
        border: 1px solid #fff;
       color: #fff; */
}

/*new tool tip*/
.popover-body {
    background: #000 !important;
    color: #fff !important;
    width: 250px !important;
    font-size: 13px;
}

​​​​​​​
.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
    border-right-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
    border-right-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
    border-left-color: #000 !important;
}

.bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
    border-left-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
    border-top-color: #000 !important;
}

​​​​​​

.bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {
    border-top-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
    border-bottom-color: #000 !important;
}

​​​​​​
.bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {
    border-bottom-color: #000 !important;
}

​​​​​​​
.new_tbl_tooltip {
    width: 300px !important;
}

#ap-businessactionTable-full-grid .ap-btn-white {
    font-size: 1rem;
}

#ap-businessactionTable-full-grid ul.pagination, #ap-salesideas-full-grid ul.pagination {
    margin: 10px 0;
}

    #ap-businessactionTable-full-grid ul.pagination li, #ap-salesideas-full-grid ul.pagination li {
        margin: 0 0 0 15px;
    }

        #ap-businessactionTable-full-grid ul.pagination li a, #ap-salesideas-full-grid ul.pagination li a {
            padding: 1px 3px;
            text-transform: capitalize;
        }

#ap-businessactionTable-full-grid .pagination .page-item.active .page-link, #ap-salesideas-full-grid .pagination .page-item.active .page-link {
    background-color: #3D9B35;
    border: none;
    font-weight: bold;
}

.btn-ap-green:hover {
    color: #fff !important;
}

.primary-btn {
    padding: 12.5px;
    background-color: #3d9b35;
    color: #fff;
    font-family: 'Open Sans Bold';
}

    .primary-btn:hover {
        background-color: #307C2A;
    }

.secondary-btn {
    box-shadow: inset 1px 1px 4px #cbcfd4, 1px 1px 0px #cbcfd4 !important;
    padding: 12.5px;
    background-color: rgba(203, 207, 212, 0.3);
    font-family: 'Open Sans Bold';
    color: #202020 !important;
}

    .secondary-btn:hover {
        background-color: #ffffff;
        box-shadow: inset 1px 1px 0px #cbcfd4, 1px 1px 0px #cbcfd4 !important;
    }

.primary-btnsmall {
    padding: 7.5px;
    background-color: #307C2A;
    color: #fff;
    font-family: 'Open Sans Bold';
}

    .primary-btnsmall:hover {
        background-color: #6ab800;
    }

.secondary-btnsmall {
    box-shadow: inset 1px 1px 1px #cbcfd4, 1px 1px 1px #cbcfd4 !important;
    padding: 7.5px;
    background-color: rgba(203, 207, 212, 0.3);
    font-family: 'Open Sans Bold';
    color: #616365 !important;
}

    .secondary-btnsmall:hover {
        background-color: #ffffff;
    }

.primary-btn:focus {
    box-shadow: none;
    background-color: #307C2A;
}

.primary-btnsmall:focus {
    box-shadow: none;
    background-color: #307C2A;
}

.secondary-btn:focus {
    box-shadow: none;
    background-color: #cbcfd4;
}

.secondary-btnsmall:focus {
    box-shadow: none;
    background-color: #cbcfd4;
}

button.close:focus {
    outline: 1px solid #3d9b35 !important;
}

.secondary-btn:focus, .secondary-btnsmall:focus {
    outline: auto !important;
}

.ap-btn-plain-green {
    font-weight: bold;
    padding: 3px 15px;
    font-size: 13px;
    background-color: #3D9B35;
    color: #fff;
    border: none;
    border-radius: 3px !important;
}

    .ap-btn-plain-green:hover {
        color: #fff;
    }

.ap-btn-plain {
    border: 1px solid #000000;
    font-weight: bold;
    background: #fff;
    color: #000000;
    border-radius: 3px !important;
    padding: 1px 10px;
    font-size: 13px;
}

/*Button css ends here ---------------------------- */

/*Margin & padding starts here---------------------------- */
.ap-row {
    display: flex;
    flex-wrap: wrap;
    margin: 1.25rem 0;
}

.ap-greybg {
    background-color: #f1f1f1 !important;
    margin: 20px 0 20px 0px;
}

.nb-bx-shadow {
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15)
}

.ap-errorgreyColorBg {
    background-color: #f5f5f5 !important;
    border: 0px !important;
}

.ap-custom-row {
    margin-left: 0;
    margin-right: 0;
}
/*CPA Pages*/
.CPAOverview h3, .CPAOverview h4 {
    text-align: center;
}

.CPAOverview h3 {
    font-size: 22px;
    font-weight: 600;
    color: #444444;
}

.CPAOverview h4 {
    font-weight: 400 !important;
    font-size: 14px;
}

.CPAOverview .ap-cardDeck {
    border-top: 1px solid #dddddd;
}

.CPAOverview .ap-greybg {
    background: transparent !important;
}

.CPAOverview .ap-cardDeck {
    border-bottom: 1px solid #dddddd;
}

.CPAOverview .ap-product-thumbnail {
    width: 200px;
    height: 258px;
    max-width: none;
    max-height: none;
}

.CPAOverview .ap-product-text-truncate {
    font-weight: 600;
    color: #016c8c !important;
    width: auto;
    font-size: 14px !important
}

.CPAOverview .cp-carousal {
    height: 300px !important;
}

.CPAOverview .bg-grey {
    background-color: #f5f5f5 !important;
    border-radius: 0.25rem !important;
}


.CPAOverview .carousel-control-prev {
    left: -45px !important;
}

.CPAOverview .carousel-control-next {
    right: -45px !important;
}

.ulliwithtickmark li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 2em;
    height: 2em;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' fill='green' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
    /*content: '\2713';
  color: green;*/
}

.cpasymposium .wistia_embed {
    width: 270px !important;
    height: 151px !important;
}


/*CPA Pages*/

.ap-margin-default {
    margin-left: 15px;
    margin-right: 15px;
}
/*Margin & padding ends here---------------------------- */

/*Error,Infocircle,Switch,Tooltips,Radio Button,Checkbox & Input starts here---------------------------- */
/*Error*/

.required-asterisc::after {
    content: " *" !important;
    color: #d0021b !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0px !important;
    display: inline !important;
    white-space: pre;
}

.mandatory-field {
    color: #D0021B !important;
}

.mandatory-lastname-field {
    color: #D0021B !important;
}

.palceholder {
    position: absolute;
    left: 8px;
    top: -5px;
    color: #B1B1B1;
    display: none;
}

    .palceholder label {
        position: static !important;
    }

.ap-home-cardDeck > div:last-child {
    padding-right: 0
}

.ap-home-cardDeck > div:first-child {
    padding-left: 0
}

.star {
    color: #D0021B;
}

.apTextArea {
    height: 110px !important;
}

.ap-tollfree_info {
    background: #f5f5f5 !important;
}

span.ap-lighterText {
    font-size: 0.8125rem;
    color: grey;
}

.ap-otherServiceList a {
    display: block;
}

    .ap-otherServiceList a::before {
        content: "\2022";
        color: #007fac;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

.ap_custom_mandateTextArea .form-control:focus {
    border: 1px solid #41afd0;
    box-shadow: 0 0 0 0.2rem rgba(61, 155, 53, .25);
}

.ap-error, .ap-error-text, #ap-ProductTrain-Form label.error {
    color: #D0021B;
    font-size: 0.875rem;
}

#ap-ProductTrain-Form label.error {
    position: absolute;
    top: -24px;
    left: 10px;
}

ap-error-text-small {
    font-size: 0.8125em;
}

.form-control.ap-error-text, .ap-errorBorder, .md-form .ap-errorBorder:not(.browser-default):focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #D0021B !important;
    border-bottom: 1px solid #D0021B !important;
}

.error-alert {
    font-size: 4rem;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #a20000;
}

.nb-cards .active > div {
    background: #dcecee !important;
    color: #007FAC !important;
}

.nb-cards .fas {
    color: #007FAC !important;
}

.nb-cards .ap-card > div {
    min-height: 70px;
    cursor: pointer;
}

    .nb-cards .ap-card > div:hover {
        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0%), 0 1px 5px 0 rgb(0 0 0 / 10%) !important;
    }

.ap-report-panel .ap-card > div {
    cursor: pointer;
}

    .ap-report-panel .ap-card > div:hover {
        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0%), 0 1px 5px 0 rgb(0 0 0 / 10%) !important;
    }

.download-dropdown .dropdown-menu {
    min-width: auto !important;
}

/*Infocircle*/
.ap-info-circle {
    background: url('/agent/-/media/Foundation/Assets/Common/info-icon.png') no-repeat;
    border: 0;
    width: 13px;
    height: 13px;
}
/*Tooltip*/
.tooltip-inner {
    max-width: 200px;
    padding: 12px;
    color: #000;
    text-align: left;
    background-color: #fff;
    border-radius: 5px !important;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
}

.tooltip.show {
    opacity: 1;
}


.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
}

/*Input Text*/
.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #309B35;
    -webkit-box-shadow: 0 1px 0 0 #309B35;
    box-shadow: 0 1px 0 0 #309B35;
}

/*disabled*/
input[type=text]:disabled {
    border-bottom: 1px solid #898c8f !important;
}

input[type=date]:disabled, input[type=date][readonly=readonly], input[type=datetime-local]:disabled, input[type=datetime-local][readonly=readonly], input[type=email]:disabled, input[type=email][readonly=readonly], input[type=number]:disabled, input[type=number][readonly=readonly], input[type=password]:disabled, input[type=password][readonly=readonly], input[type=search-md]:disabled, input[type=search-md][readonly=readonly], input[type=search]:disabled, input[type=search][readonly=readonly], input[type=tel]:disabled, input[type=tel][readonly=readonly], input[type=text]:disabled, input[type=text][readonly=readonly], input[type=time]:disabled, input[type=time][readonly=readonly], input[type=url]:disabled, input[type=url][readonly=readonly], textarea.md-textarea:disabled, textarea.md-textarea[readonly=readonly] {
    color: rgba(0, 0, 0, .46);
    border-bottom: 1px dotted rgba(0, 0, 0, .46);
    background-color: transparent;
}

.ap-form .md-form > label {
    color: #72767D;
    overflow: visible;
}

/*Radio Button & Checkbox*/
.ap-checkbox, .ap-radio {
    position: absolute;
}

.ap-radio {
    clip-path: polygon(0 0);
    opacity: 0;
}

label.required::after {
    color: #D0021B;
    content: "*" !important;
    opacity: 1 !important;
    top: 0 !important;
    right: -10px;
}

input.ap-radio {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ap-checkbox + label, .ap-radio + label {
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    vertical-align: middle;
}

.ap-link-focus.ap-checkbox + label:before {
    outline: 2px solid #000 !important;
}

.ap-radio + label:before, .ap-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 21px;
    height: 21px;
    content: '';
    border: 2px solid #979895;
    border-radius: 3px;
}

.ap-radio + label:before {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #979895;
}

.ap-checkbox:disabled + label:after, .ap-checkbox:disabled + label:before, .ap-radio:disabled + label:after, .ap-radio:disabled + label:before {
    opacity: 0.5;
    cursor: not-allowed;
}

.ap-radio:checked + label:before {
    border: 2px solid #309B35;
}

.ap-checkbox + label:after, .ap-radio + label:after {
    position: absolute;
    display: none;
    content: '';
}

.ap-radio + label:after {
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #309B35;
}

.tbl-daterange-input {
    cursor: pointer !important;
    color: #757575 !important;
}

.ap-checkbox:checked + label:after, .ap-radio:checked + label:after {
    display: block;
}

.ap-checkbox {
    display: inline;
    left: -9999px;
}

    .ap-checkbox:checked + label:before {
        border: #309B35;
        background: #309B35;
        border-radius: 3px;
    }

    .ap-checkbox:checked + label:before {
        border: #309B35;
        background: #309B35;
        border-radius: 3px;
    }

    .ap-checkbox + label:after {
        top: 4px;
        left: 8px;
        box-sizing: border-box;
        width: 6px;
        height: 11px;
        transform: rotate(45deg);
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-top: 0;
        border-left: 0;
    }

.ap-partialCheck + label:before {
    border: #309B35;
    background: #309B35;
    border-radius: 3px;
}

.ap-partialCheck + label:after {
    display: block;
}

.ap-partialCheck + label:after {
    top: 6px;
    left: 6px;
    box-sizing: border-box;
    width: 6px;
    height: 11px;
    transform: rotate(91deg) !important;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
}

.ap-all-select {
    position: absolute;
    right: 100px
}

.ap-tbl-scroll {
    overflow-x: auto;
    width: 100%;
}
/*Error,Infocircle,Tooltips,Radio Button,Checkbox & ends here---------------------------- */
/*Loader starts here---------------------------- */
.ap-spinner {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 9999999;
    display: none;
}

    .ap-spinner div {
        content: '';
        display: block;
        position: absolute;
        left: 48%;
        top: 40%;
        width: 51px;
        height: 51px;
        margin: 6px;
        border-style: solid;
        border-top-color: transparent;
        border-radius: 50% !important;
        animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #3d9b35 transparent transparent transparent;
    }

        .ap-spinner div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .ap-spinner div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .ap-spinner div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*Loader ends here---------------------------- */

/*Header css starts here-----------------------------*/
.ap-brand {
    background-color: #3d9b35;
    transition-timing-function: ease-out;
}

.checkbtn, #logo_img {
    padding: 12px 0 !important;
}

header {
    background-color: #3d9b35 !important;
}

.ap-brand > a.text-white {
    position: relative;
    top: 8px;
}

.ap-brand i.fas {
    font-size: 1.875rem;
}

.ap-menubar {
    background: #fff;
    top: 68px;
    position: fixed;
    z-index: 1000;
}

.navbar-collapse {
    box-shadow: 0 4px 2px -2px transparent;
}

    .navbar-collapse .text-white, .navbar-collapse .navbar-nav .nav-item .nav-link {
        /* padding: .5rem 1rem !important;*/
    }

        .navbar-collapse nav a:hover, .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
            text-decoration: none;
        }

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #6c757d;
}

.bs-tooltip-top .arrow.m64 {
    left: 64px !important;
}

/*Header css ends here*/

/*transfer report page*/
.ap-trasfer-card {
    background-color: #f5f5f5;
}

.mt-7 {
    margin-top: 7px !important;
}

.f-12 {
    font-size: 12px !important;
}

.amt-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: right;
    color: #202020;
}

.tr-label {
    color: #898c8f;
}

#tranfer_details_modal .ap-tableBordeless.z-depth-1 .table td, #tranfer_details_modal .table th, #tranfer_details_modal .table td {
    padding: 6px !important;
}

.fa-star {
    color: #32871e;
    font-size: 10px !important;
}

/*transfer report page*/

/* Side navigation css starts here-----------------------------*/
.btn-ap-light {
    background-color: #F5F5F6;
    color: #000;
    box-shadow: none;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
    cursor: pointer;
}

.checkbtn {
    margin: 0;
    cursor: pointer;
}

    /* .checkbtn div {
        width: 30px;
        height: 2px;
        background: #fff;
        margin: 8px 0px;
    }*/
    .checkbtn div {
        width: 30px;
        height: 10px;
        margin: 0px 0px;
        top: 18px;
        position: relative;
        border-top: 2px solid #fff;
    }

#check {
    display: none;
}

    #check:checked ~ .ap-sidebarNavigation {
        left: 0;
    }

.ap-sidebarNavigation {
    position: fixed;
    width: 80%;
    height: 90vh;
    background: #fff;
    top: 70px;
    left: -100%;
    transition: all .5s ease;
    z-index: 99;
}

    .ap-sidebarNavigation ul {
        margin: 0;
        padding: 0;
    }

        .ap-sidebarNavigation ul li {
            display: block;
        }

    .ap-sidebarNavigation a {
        color: #000;
        font-weight: normal;
    }

        .ap-sidebarNavigation a:focus {
            outline: none;
        }

    .ap-sidebarNavigation .close {
        font-size: 3.4375rem;
    }

    .ap-sidebarNavigation .btn-ap-logout {
        font-size: 1rem;
        margin: 10px 10%;
        width: 80%;
    }

.ap-navContainer {
    height: 375px;
    overflow: auto;
}

    .ap-navContainer a {
        color: #000000;
        font-size: 0.8125rem;
        font-weight: 600;
    }

    .ap-navContainer > ul > li.active {
        border-top: 2px solid #E9EBF0;
        border-bottom: 2px solid #E9EBF0;
    }

.ap-menubar .ap-navContainer ul li li li.nav-item a.lastChildactive {
    background: #D8EBD6;
    position: relative;
    font-weight: 600 !important;
    margin-left: -40px;
    padding-left: 85px;
}

.ap-mobile-navContainer ul li li li.nav-item a.lastChildactive {
    background: #D8EBD6;
    position: relative;
    font-weight: 600 !important;
    margin-left: -32px !important;
    padding-left: 85px !important
}

.ap-mobile-navContainer ul li li.nav-item a.lastChildactive {
    background: #D8EBD6;
    position: relative;
    font-weight: 600 !important;
    margin-left: -28px;
    padding-left: 35px !important
}

.ap-mobile-navContainer ul li.nav-item a.lastChildactive {
    background: #D8EBD6;
    position: relative;
    font-weight: 600 !important;
    margin-left: -24px;
    padding-left: 25px !important
}

.ap-menubar .ap-navContainer ul li li li.nav-item a {
    margin-left: 40px;
}

.ap-navContainer ul li.nav-item a.lastChildactive:before {
    display: block;
}

.ap-navContainer ul li.nav-item a:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 3px;
    height: 100%;
    background: #3B9934;
    display: none;
}

.program-name > button {
    font-size: 14px !important
}

.ap-left-sidebar .ap-sidebarNavigation {
    position: relative;
    background: transparent;
    width: auto;
    left: 0px;
    top: 0px;
}

.ap-left-sidebar .ap-sidebarNavigation {
    background: #f5f5f5 !important;
}

.ap-left-sidebar .ap-navContainer {
    height: auto;
}

    .ap-left-sidebar .ap-navContainer > ul > li.active {
        border-top: none;
    }

    .ap-left-sidebar .ap-navContainer ul li.nav-item a {
        margin-left: 23px;
    }

        .ap-left-sidebar .ap-navContainer ul li.nav-item a.lastChildactive {
            background: #D8EBD6;
            position: relative;
            font-weight: 600 !important;
            margin-left: 0px !important;
        }

    .ap-left-sidebar .ap-navContainer ul li li.nav-item a.lastChildactive {
        margin-left: -20px !important;
    }

    .ap-left-sidebar .ap-navContainer ul li li li.nav-item a.lastChildactive {
        margin-left: -24px !important;
    }

.ap-left-sidebar .aptab-focus {
    margin-right: 1px;
}
/* Side navigation css ends here-----------------------------*/

/*TODO: We should remove below temporary styles
.ap-body-content-sec, .ap-right-sidebar, .ap-left-sidebar {
    height: 50em;
}
    */
.ap-body-content-sec {
    padding: 0 1.25rem;
}

.ap-body-content-left {
    padding: 0px 15px;
}

.ap-right-sidebar {
    margin: 1.25rem 0px;
}

.ap-homeright-sidebar hr {
    margin-top: 0px;
    margin-bottom: 1rem;
    margin-left: 15px;
    margin-right: 15px;
    border: 0;
    border-top: 1px solid #d4d8e1;
}
/*skip content styles*/

a.skip-main {
    background-color: #3f403c;
    padding: 5px;
}

/*main container styles to fix the sticky top*/
main {
    padding-top: 135px;
}
/*footer links text color and size start*/

footer a {
    font-size: 0.875rem;
    color: #3d3d3e !important;
}

.ap-footer-User {
    background-color: #3f403c;
    color: #fff;
    width: 100%;
}

    .ap-footer-User a {
        color: #fff !important;
    }

/*footer links text color and size ends*/

/* styles for quick link dropdown start*/
.dropdown-menu .quickLinks, .dropdown-menu .userLinks {
    display: none !important;
}

.persistence-click {
    background: #255C2E !important;
    color: #ffffff !important;
}

.dropdown-menu .quickLinks, .dropdown-menu .userLinks {
    display: none !important;
}

.quickLinksDrops {
    width: 250px !important;
    overflow-y: auto;
    overflow-x: hidden;
}


/*utility menu*/
ul.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.util-hover:hover .dropdown-menu {
    display: block;
}

.util-stay .dropdown-menu {
    display: block !important;
}

.util-no-hover .dropdown-menu {
    display: none;
}

.hide-dropdown .dropdown-menu {
    display: none !important;
}

.quickLinksDrops, .userLinksDrops, .notificationLinksDrops {
    /*new utility menu */
    left: auto !important;
    right: 0 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 2px !important;
    z-index: 10000;
    top: 100% !important;
    transform: none !important;
    /*new utility menu */
}

.ap-agent-accordionComponent button:focus {
    outline: none !important;
}

.quickLinksDrops .dropdown-header, .userLinksDrops .dropdown-header {
    margin-bottom: 0;
    color: #3e3f40;
    font-weight: 600;
    padding: .5rem 1.2rem;
    cursor: default;
}

/*.quickLinksDrops .dropdown-header {
    padding: .5rem 1.2rem;
}

.userLinksDrops .dropdown-header {
    padding: .25rem 1.9rem;
}*/

.quickLinksDrops .dropdown-item, .userLinksDrops .dropdown-item, .edelivery-menu .dropdown-item {
    color: #007fac;
    font-size: 0.8125rem;
    padding: .5rem 1.9rem;
}

    .quickLinksDrops .dropdown-item:active, .quickLinksDrops .dropdown-item:hover, .edelivery-menu .dropdown-item:active, .edelivery-menu .dropdown-item:hover, .userLinksDrops .dropdown-item:active, .userLinksDrops .dropdown-item:hover {
        background: #32871e;
        color: #ffffff;
    }
/* styles for quick link dropdown ends*/

/* custom Select Dropdown styles starts */
.ap-select {
    position: relative;
}

.select-text {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    width: 100%;
    padding: .6rem 0 .4rem 0;
    font-size: 1rem;
    border-radius: 0;
    border: none;
    box-shadow: 0 0 0 0 #9F9F9D;
    border-bottom: 2px solid #9F9F9D;
}

.dropdown > .dropdown-toggle.select-text:focus, .dropdown > .dropdown-toggle.select-text:active, .dropdown > .dropdown-toggle.select-text:hover {
    border-bottom: 1px solid #309B35;
    -webkit-box-shadow: 0 1px 0 0 #309B35;
    box-shadow: 0 1px 0 0 #309B35;
}
/* Use custom arrow */
/* input styles*/
.form-control {
    color: #000;
    font-size: 0.875rem;
}

.md-form > label {
    font-weight: normal;
}
/*.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
    box-shadow: 0 1px 0 0 #309B35 ;
    border-bottom: 1px solid #309B35 ;
}*/
.md-form input.valid {
    box-shadow: 0 1px 0 0 #309B35 !important;
    border-bottom: 1px solid #309B35 !important;
}

.ap-grid-search .md-form input.valid {
    box-shadow: none !important;
    border-bottom: solid 1px rgba(0, 127, 172, 0.5) !important;
}
/* .md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
        box-shadow: 0 1px 0 0 #3A9633 !important;
        border-bottom: 1px solid #3A9633 !important;
    } */
.md-form input:not([type]):focus:not([readonly]) + label, .md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="email"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="url"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="time"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="date"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="number"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="search"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="search-md"]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {
    color: #9F9F9D;
}
/*dropdown styles*/
.ap-select .select-text {
    -webkit-appearance: none
}

.ap-select:after {
    position: absolute;
    top: 20px;
    right: 2px;
    /* Styling the down arrow */
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #616365;
    pointer-events: none;
}

/* label  */

.select-label {
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 2px;
    top: 14px;
    transition: 0.2s ease all;
    color: #757575;
    z-index: 10;
}

#deathClaimCountryDropdown + .floatLabel, #relationshipInsured + .floatLabel, #deathClaimStateDropdown + .floatLabel {
    color: #3f403c;
    top: 0px;
    left: -12px;
    transform: translateY(-14px) scale(0.8);
    font-size: .875rem !important;
}
/* active state */
.select-text:focus ~ .select-label, .select-text:valid ~ .select-label, .floatLabel {
    color: #3f403c;
    top: 0px;
    left: -12px;
    transform: translateY(-14px) scale(0.8);
    font-size: .875rem !important;
}

.ap-multiselect-label {
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 0px;
    transition: 0.2s ease all;
    color: #757575;
    z-index: 10;
}

.ap-float-label {
    color: #9F9F9D;
    top: -15px;
    left: 15px;
    font-size: 12px !important;
}

.single-float-Label {
    color: #9F9F9D;
    top: -15px !important;
    left: 15px !important;
    font-size: 12px !important;
}
/* bottom bars */
.select-bar {
    position: relative;
    display: block;
}

    .select-bar:before, .select-bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #3d9b35;
        transition: 0.2s ease all;
    }

    .select-bar:before {
        left: 50%;
    }

    .select-bar:after {
        right: 50%;
    }
/* active state */
.select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
    width: 50%;
}
/* highlighter */
.select-highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

.ap-select ul li.hoverGreen:hover {
    background-color: green;
}

/* new styles*/
.ap-cat-dropdown .dropdown-menu, .ap-single-cat-dropdown .ap-custom-dropdown .dropdown-menu {
    transform: translate3d(5px, 25px, 0px) !important;
    min-height: 0;
    max-height: 350px;
    overflow-y: auto;
}

.ap-custom-dropdown .dropdown-menu {
    min-height: 0;
    max-height: 350px;
}

.datepicker-dropdown table th {
    border-right: 0 !important
}

​​​​
.ap-custom-dropdown span.ap-list-selected {
    ​​​​overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

​​​​
/*custom Select Dropdown styles ends    */
/*---------global search-------------------------------*/
.global-search-btn {
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.global-search-down-icon {
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.sb-external-link {
    color: #585858;
    font-size: 16px;
}

.ap-click-search .ap-cat-dropdown .dropdown-menu, .ap-click-search .ap-custom-dropdown .dropdown-menu {
    transform: none !important;
    top: 33px;
}

.ap-click-search .ap-custom-dropdown:focus, .ap-click-search .ap-custom-dropdown :hover {
    border-bottom: none !important;
}

ap-global-search .form-control {
    padding-left: 2.375rem;
}

.ap-global-search .ap-glopbal-search-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/*--------global search-----------------------------------------*/

/*global search*/
.agent-portal-search-box input {
    border-radius: 4px !important;
    box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.06);
    font-size: 14px !important;
    /* padding-top: 9px; */
}

.agent-portal-search-box .search-icon {
    top: 8px;
    left: -30px;
    color: #33832d !important;
}

.agent-portal-search-box input:focus {
    border: none !important;
}

.agent-portal-search-box .ap-click-search input {
    border-radius: 4px !important;
    box-shadow: none !important;
}

.agent-portal-search-box .ap-custom-dropdown .dropdown-toggle::after {
    left: 90%;
}

.agent-portal-search-box .floatLabel {
    display: none;
}

.ap-click-search .row {
    border-radius: 4px !important;
    border: 1px solid #3d9b35;
    box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.06);
}

.agent-portal-search-box .ap-click-search .search-icon {
    top: 8px;
    left: 94%;
    color: #33832d !important;
}
/*global search*/
/*Nb Transfers*/
.comment_scroll_y {
    overflow-y: scroll;
    min-height: auto;
    max-height: 387px;
}

.height-scroll {
    max-height: 850px !important;
    min-height: auto;
}
/*scroll bar skin */
.comment_scroll_y::-webkit-scrollbar {
    width: 7px;
}

.comment_scroll_y::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #fff;
    background: #fff;
}

.comment_scroll_y::-webkit-scrollbar-thumb {
    background-color: #3D9B35;
    border-radius: 50px;
}


.nb-comment-icon {
    color: #007fac;
}

.ap_nb_transferdetails_heading button.ap-openCollapse:after {
    margin-left: 45px;
}

.ap_nb_transferdetails_heading button {
    background: #dde8ea !important;
    padding: 12.5px 15px !important;
}

.border-nb {
    border: solid 1px #e4f1f6;
}

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

.nb-border-right {
    border-right: 1px solid #d4d8e1
}

.ap_nb_transferdetails_heading .nb-span {
    font-weight: normal !important
}

.plcy-issue-lbl {
    background: #d8dde6;
    color: #202020;
    padding: 3px 5px;
    border-radius: 5px !important;
    margin-left: 42px;
    font-size: 12px
}

.nb-purple {
    background: #78468f !important;
}
/*NB Transfers*/
/*notification container*/
.form-notification {
    position: relative;
    top: 80px;
    width: 90%;
    margin: 0 5%;
    left: 0;
    z-index: 999;
    min-height: 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 5px;
}

.empty-div1 {
    top: 95px;
    left: 5px;
    z-index: 998
}

.empty-div2 {
    top: 102px;
    left: 10px;
    z-index: 997
}

.notification_stacks {
    position: relative;
    width: 100%;
    height: 260px;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 15px;
}

    .notification_stacks .notifications {
        position: absolute;
        left: 0;
        top: 0;
    }

.action-needed {
    color: #097095;
    border-radius: 4px !important;
    background-color: #d5f4ff;
}

.view-more-panel {
    padding-bottom: 10px;
}

.downline-message-box {
    padding: 10px;
    background-color: #007fac;
}

    .downline-message-box p {
        color: #fff;
    }

.notification-container h3, .nbm-response {
    font-weight: 600;
}

.notification-container .ap-btn-white {
    width: 100% !important;
    padding: 5px 0;
    border-radius: 2px !important;
    color: #007fac;
    font-weight: 600;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #007fac;
    background-color: #fff;
}

    .notification-container .ap-btn-white:hover {
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
    }

.tooltip {
    opacity: 1 !important;
}

.notification-container .ap-btn-white:hover {
    background: #fff !important;
}

.notification-container .action-update {
    color: #31882b;
    background: #dcffd9;
    border-radius: 4px !important;
}

.notification-container .welcome-text {
    color: #3c9b35
}

.notification-container .action-need {
    color: #097095;
    border-radius: 4px !important;
    background-color: #d5f4ff;
}

.notification-container .notifications {
    border-radius: 2px !important;
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 15%);
}
/*notification container*/
/*newTab */
.border-radius-5 {
    border-radius: 5px !important;
}

.updated-tb-main .redirect-page.active span {
    font-weight: 400;
    color: #3d9b35 !important;
}

.updated-tb-main .redirect-page span {
    color: #585857 !important;
}

.updated-tb-content {
    display: inline-block;
    width: 125px;
}

.tw25 {
    width: 25%;
}

.tw75 {
    width: 75%;
}

.redirect-page.active span {
    font-weight: bold !important;
}

.updated-tb-main .redirect-page img.inactive_img {
    filter: grayscale(100%);
}

.updated-tb-main .redirect-page.active img.inactive_img {
    filter: grayscale(0%);
}

.updated-tb-main {
    overflow: hidden;
}

.tr-img {
    color: #3d9b35;
    font-size: 18px;
}
/*newTab */
/* new styles*/
.ap-cat-dropdown .dropdown-menu, .ap-custom-dropdown .dropdown-menu {
    transform: translate3d(5px, 25px, 0px) !important;
}

.ap-custom-dropdown .global-search-dropdown {
    transform: translate3d(0px, 36px, 0px) !important;
}

.upload-form-modal .ap-custom-dropdown .dropdown-menu {
    transform: translate3d(0px, 28px, 0px) !important;
}

#Disbursements + label {
    margin-left: -5px;
}

.ap-single-cat-dropdown .ap-custom-dropdown span, .ap-single-cat-dropdown .ap-custom-dropdown span i {
    border: none !important;
}

.ap-single-cat-dropdown .ap-custom-dropdown.dropdown.show > a {
    color: #32871e !important;
    border-bottom: 1px solid #3d9b35 !important;
    transition: border 4s;
}

.new-search-cmp.ap-single-cat-dropdown .ap-custom-dropdown.dropdown.show > a {
    color: inherit !important;
    border-bottom: 0px !important;
    transition: border 4s;
}

.ap-single-cat-dropdown .ap-custom-dropdown.dropdown.show > a span i {
    color: #32871e !important;
    transition: border 4s;
}

.ap-single-cat-dropdown button.btn-secondary {
    color: #3f403c !important;
    border-bottom: 1px solid #000 !important;
}

.ap-single-cat-dropdown .dropdown.show button.btn-secondary {
    border-bottom: 1px solid #3d9b35 !important;
    transition: border 4s;
}

.ap-single-cat-dropdown .ap-custom-dropdown.show .dropdown-toggle::after {
    color: #3d9b35
}

.ap-single-cat-dropdown .dropdown-menu a {
    border-bottom: 1px solid #ccc;
    padding: 10px !important;
    font-size: 14px;
}
/* new styles*/
/*search new*/
.ap-search-tbl-nb-filter-new .ap-grid-search {
    border-radius: 5px !important;
    background-color: rgba(0, 127, 172, 0.1);
}

.ap-grid-search .ap-custom-dropdown > a {
    border-bottom: 0 !important;
}

.ap-grid-search .ap-custom-dropdown .dropdown-menu {
    transform: translate3d(0px, 28px, 0px) !important;
    min-width: 100%;
    width: 100%;
    border-radius: 5px !important;
    padding-top: 0
}

.ap-search-tbl-nb-filter-new .new-search-cmp {
    border-radius: 5px !important;
    border: solid 1px rgba(0, 127, 172, 0.5) !important;
    background-color: #fff !important;
    padding: 10px 5px !important;
}

    .ap-search-tbl-nb-filter-new .new-search-cmp.ap-single-cat-dropdown {
        border-radius: 5px !important;
        border: solid 1px rgba(0, 127, 172, 0.5) !important;
        background-color: #fff !important;
        padding: 10px 0px !important;
    }

.ap-search-tbl-nb-filter-new .search_new_icon {
    border-radius: 5px !important;
    background-color: #007fac;
    color: #fff;
    padding: 10px 0;
    width: 42px;
    display: inline-block;
}

.ap-search-tbl-nb-filter-new .search_new_icon_updated {
    border-radius: 5px !important;
    background-color: #007fac;
    color: #fff;
    padding: 10px 0;
    width: 42px !important;
    display: inline-block;
}

.ap-search-tbl-nb-filter-new input.new-search-cmp {
    padding-top: 18px !important;
    padding-bottom: 2px !important;
}

    .ap-search-tbl-nb-filter-new input.new-search-cmp[aria-invalid='false'] {
        padding-top: 14px !important;
        padding-bottom: 6px !important;
    }

    .ap-search-tbl-nb-filter-new input.new-search-cmp + span + label {
        left: 10px
    }

.ap-search-tbl-nb-filter-new .new-search-cmp + span + label.active {
    top: 12px;
    left: 0px;
}

input.ap-error-text + span + label.active {
    display: none;
}

.ap-search-tbl-fliter.show input.ap-error-text + span + label.active {
    display: inline-block;
}

.ap-search-tbl-nb-filter-new .new-search-cmp + label.active {
    top: 9px;
    left: 0px;
    font-size: 15px !important;
    color: #585857 !important;
}

.ap-search-tbl-nb-filter-new input + span {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 12px !important;
}

.ap-search-tbl-nb-filter-new input[aria-invalid='true'] + span + label {
    display: none;
}

.ap-search-tbl-nb-filter-new input.ap-error-text {
    border: 1px solid #D0021B !important
}

.ap-search-tbl-nb-filter-new .new-search-cmp .ap-custom-dropdown > a {
    border-bottom: none !important
}
/*search new*/
/*Sliding Tab CSS starts*/
ul.tab-bar, ul.tab-bar > li {
    position: relative;
}

ul.tab-bar {
    border-bottom: 1px solid #dee2e6;
}

.customizedTab.tab-bar > li:focus {
    outline: auto;
    outline-color: green;
}

ul.tab-bar::before {
    background-color: #3d9b35;
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    z-index: 99;
    margin-bottom: -2px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

ul.tab-bar > li {
    list-style-type: none;
}

/*Sliding Tab CSS ends*/

/*inpage syccess message styles */
.ap-inpageSuccessMsg {
    color: #3d9b35;
    font-size: 1.5rem;
}

.ap-inpageErrorMsg {
    color: red;
    font-size: 1rem;
}

/*Donut Chart Starts here----------------------------------------*/
path[stroke-width="2"], path[stroke-width="2"]:hover {
    stroke: transparent;
}

.ap-donutChart .google-visualization-tooltip {
    width: auto !important;
    height: auto !important;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    border-radius: 5px !important;
    z-index: 100 !important;
}

.ap-donutChart .google-visualization-tooltip-item-list {
    padding: 5px;
    margin: 0px;
}

    .ap-donutChart .google-visualization-tooltip-item-list .google-visualization-tooltip-item {
        padding: 0px;
        margin: 0px;
    }

        .ap-donutChart .google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child {
            padding: 0px;
            margin: 0px;
        }

.ap-donutChart .google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item:last-child span {
    font-size: 0.75rem !important;
    font-weight: bold !important;
}

.ap-donutChart .google-visualization-tooltip-item span {
    font-family: 'Open Sans', sans-serif !important;
}

.ap-donutChart-valueLegend {
    font-weight: 600;
    font-size: 1rem;
}

.ap-donutChart-Legend > div:first-child, .ap-donutChart-Legend > div:last-child {
    padding-bottom: 16px;
}

a.ap-donutChart-textLegend {
    color: inherit !important;
}

/*Donut Chart ends here----------------------------------------*/

/*bootstrap custom switch starts here*/

/*-------simple bullet graph----------------*/
.ap-simple-bullet-graph .ap-target-line, .ap-simple-bullet-graph-lifecredits .ap-target-line {
    position: absolute;
    right: 0;
    z-index: 1;
    top: -8px !important;
}

.ap-simple-bullet-graph .ap-target-ptr, .ap-simple-bullet-graph-lifecredits .ap-target-ptr {
    position: absolute;
    right: -7px;
    z-index: 1;
    top: -20px !important;
}

.ap-simple-bullet-graph .ap-target-val, .ap-simple-bullet-graph-lifecredits .ap-target-val {
    position: absolute;
    z-index: 1;
    top: 17px !important;
    right: 0;
}

.ap-simple-bullet-graph .pointerImgUp {
    left: 83%;
    top: 20px;
    margin-left: -7px;
}

#ap-incentivewidget-graph .ap-simple-bullet-graph .ap-target-val {
    top: 25px !important;
}

.ap-target-achieved-val {
    font-weight: bold;
    line-height: 7px;
    position: absolute;
    left: 0;
    top: 17px;
    border: none !important;
}

.sg-big {
    height: 2.5rem;
}

.ap-simple-bullet-graph .ap-target-line.sgph-achieved .sp_ptr {
    border: 1px solid #32871e
}

.ap-simple-bullet-graph .ap-target-ptr.sgph-achieved > i {
    color: #32871e;
}

.ap-simple-bullet-graph .ap-target-line.sgph-notachieved .sp_ptr {
    border: 1px solid #007FAC
}

.ap-simple-bullet-graph .ap-target-ptr.sgph-notachieved > i {
    color: #007FAC;
}

.ap-simple-bullet-graph .progress {
    background-color: rgb(170, 170, 170);
}

.ap-simple-bullet-graph .progress-bar {
    background: #32871e;
}

    .ap-simple-bullet-graph .progress-bar.sgph-blue-gradient {
        background: #007FAC;
    }

.sp-circle {
    font-size: 10px;
}

.sp_ptr {
    width: 1px;
    height: 7px;
    border: 1px dashed #007FAC;
}

.ap-simple-bullet-graph button table td {
    text-align: center;
}

.ap-target-achieved-val .f14 {
    font-size: 0.875rem !important;
}

.ap-graphContainer-lifecredits {
    padding: 1rem 1rem 4rem 1rem;
}

.ap-incentive-widget img {
    width: 100%;
}

.ap-incentive-widget h3 {
    font-size: 26px !important;
}

/*-------simple bullet graph----------------*/
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #a5d6a7c4;
    border-color: #a5d6a7c4;
}

.ap-toggle-switch .custom-switch .custom-control-label::before, .ap-toggle-switch .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    left: -3.25rem;
    width: 2.2rem;
    background-color: rgba(34, 31, 31, 0.26);
    border: none;
    /* new toogle change*/
}

.ap-toggle-switch .custom-switch .custom-control-label::after {
    /* new toogle change*/
    top: -0.1rem;
    left: -3.6rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    background-color: #efefef;
    box-shadow: 0px 2px 0px 1px rgba(0, 0, 0, 0.16);
}

.ap-toggle-switch .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.ap-toggle-switch .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    /* new toogle change*/
    background-color: #fff;
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem);
    top: 0rem !important;
}

.ap-toggle-switch .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    /* new toogle change*/
    color: #fff;
    border-color: #ce9da2;
    background-color: #ce9da2;
}

.ap-toggle-switch .custom-switch .custom-control-label {
    left: 2rem;
}

.ap-toggle-switch .custom-switch span {
    position: relative;
    left: -35px;
}

/*------apm-tiles----------------*/
.ap-tile-item {
    background: #fff;
    border-radius: 5px !important;
    box-shadow: 2px 1px 1px #00000010;
    border: 1px solid #eaeaea;
}

.ap-right-top-link-navigator a {
    line-height: 1 !important;
}

.ap-tile-item img {
    width: 55%;
}

.ap-tile-item:hover {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}

.ap-tile-item span {
    font-size: .75rem;
    color: #000 !important;
}

button[autofocus] {
    border: 1px solid #000
}

.popover.tour {
    min-width: 300px;
    max-width: 650px;
    border-radius: 5px !important;
}

.popover.left > .arrow {
    right: -15px !important;
}

#carousel_single_modal .modal-dialog {
    margin: 0 !important;
}

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

.ap-agent-carouselComponent .carousel-control-prev {
    left: -60px;
}

.ap-agent-carouselComponent .carousel-control-next {
    right: -60px
}

.promotion-carousel .carousel-control-prev {
    left: -30px;
}

.promotion-carousel .carousel-control-next {
    right: -30px
}
.carousel-control-prev span:last-child {
    color: #707070
}

.carousel-control-next span:last-child {
    color: #707070
}

.popover.tour button, .popover.tour button:hover {
    border: none !important;
    background: transparent !important;
    color: green !important;
    font-size: 25px !important;
    box-shadow: none !important;
}

    .popover.tour button.disabled, .popover.tour button.disabled:hover {
        border: none !important;
        background: transparent !important;
        color: grey !important;
        font-size: 25px !important;
        box-shadow: none !important;
    }

.carousel_modal .carousel-inner img {
    width: 100%;
}

.carousel_modal .carousel-inner {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%
}

#carouselExampleIndicators .carousel-item {
    text-align: center;
}

#carouselExampleIndicators .carousel-control-prev {
    left: -25px
}

#carouselExampleIndicators .carousel-control-next {
    right: -25px
}

.carousel_modal .carousel-inner img {
    width: 100%;
}

.carousel_modal .carousel-indicators {
    position: inherit;
    right: inherit;
    bottom: inherit;
}

    .carousel_modal .carousel-indicators li {
        border-radius: 50% !important;
        width: 10px !important;
        height: 10px !important;
        background: grey;
        border-top: none !important;
        border-bottom: none !important;
    }
/*------apm tiles----------------*/

/*------- report tools-------*/
.ap-report-panel .ap-card a:hover {
    text-decoration: none !important;
}
/*------- report tools-------*/

/*-------- ci component----------*/

#ci-bar, #pen-claims, #ac-feed, #business-oponuti, #ap-milestone, #other-activities, .ap-ci-widget-container .dropdown-menu {
    border-radius: 4px !important;
}

.ap-ci-widget .z-depth-1 {
    box-shadow: 1px 1px 6px #00000026 !important;
}

#ci-bar, #pen-claims, #ac-feed, #business-oponuti, #ap-milestone, #other-activities {
    border-radius: 4px !important;
    margin: 16px 0;
}

    #ci-bar .ap-ci-widget-header {
        background: #ffe6e9;
    }

    #pen-claims .ap-ci-widget-header {
        background: #F5E6DA;
    }

    #ac-feed .ap-ci-widget-header {
        background: #D8DDE6;
    }

    #business-oponuti .ap-ci-widget-header {
        background: #E0F4FF;
    }

    #ap-milestone .ap-ci-widget-header {
        background: #D8DDE6;
    }

    #other-activities .ap-ci-widget-header {
        background: #D8DDE6;
    }

#ci-bar {
    border-radius: 4px !important;
    margin: 16px 0;
}

#subscribe {
    border-radius: 4px !important;
    margin: 16px 0;
}

.submitted-date {
    margin-left: 13px;
}

#ci-bar .ap-ci-widget-container {
    max-height: 350px;
    overflow-y: auto;
}

#pen-claims .ap-ci-widget-container {
    max-height: 350px;
    overflow-y: auto;
}

#ac-feed .ap-ci-widget-container {
    max-height: 450px;
    overflow-y: auto;
}

#business-oponuti .ap-ci-widget-container {
    max-height: 350px;
    overflow-y: auto;
}

.f-13 {
    font-size: .8125rem;
}


.ap-mile-date {
    color: #007FAC !important;
    font-size: 1.5rem;
}

.widget-text {
    color: #3F403C !important
}

.saved-activity-text {
    color: #007FAC;
    font-size: 12px;
}

.widget-comp:hover {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}

.sv-act-btn {
    border: 1px solid #D4D8E1;
    border-radius: 4px !important;
    color: #347B2D;
    font-size: 12px;
    background: #E4F3E2;
    font-weight: 600
}

.sl-ideas {
    color: #31749B;
    background: #E0F4FF
}

.ap-ci-viewAll {
    background: #ffffff;
    border-radius: 4px !important;
}

.view-days-filter button {
    color: #007FAC;
    font-size: 14px;
    border-radius: 4px !important;
    background: #ffffff;
}

.ap-ci-widget .ap-date > span {
    font-size: 12px;
    color: #616365;
}

.ap-ci-widget-container p {
    color: #202020
}



.ap-ci-widget-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.ap-ci-widget-container::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.ap-ci-widget-container::-webkit-scrollbar-thumb {
    background-color: #AAA;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 100%)
}
/*-------- ci component----------*/

/*------- commission widget---------*/

.ap-payable-commision-panel {
    border: 1px solid #388640;
    border-bottom: 4px solid #388640;
    border-radius: 5px !important;
}

    .ap-payable-commision-panel:hover {
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    }

    .ap-payable-commision-panel .payable-value {
        font-size: 24px;
        font-weight: 600;
        color: #388640;
    }

.payable-date {
    border: 1px solid #388640;
    font-size: 24px;
    font-weight: 600;
    color: #388640;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.payable-month {
    color: #fff;
    font-size: 13px;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    background: #388640;
    text-transform: uppercase;
}

.ap-pending-commision-panel {
    border: 1px solid #E5904F;
    border-bottom: 4px solid #E5904F;
    border-radius: 5px !important;
}

    .ap-pending-commision-panel:hover {
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    }

    .ap-pending-commision-panel .pending-value {
        font-size: 24px;
        font-weight: 600;
        color: #B75B1A;
    }

.pending-date {
    border: 1px solid #E5904F;
    font-size: 24px;
    font-weight: 600;
    color: #B75B1A;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.pending-month {
    color: #fff;
    font-size: 13px;
    background: #B75B1A;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    text-transform: uppercase;
}


/*------- commission widget---------*/

/*bootstrap custom switch ends here*/
/*customer portal ranges slider styles starts here*/
.rangeslider {
    background: #e9ecef !important;
    height: 8px !important;
    width: 98% !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

.rangeslider__handle {
    height: 19px !important;
    width: 20px !important;
    border-radius: 19px !important;
    top: -6px !important;
    background-color: #3d9b35 !important;
    border: none !important;
}

.rangeslider__fill {
    background: #3d9b35 !important;
    border-radius: 7px !important;
    border: none !important;
    height: 7px !important;
}

.rangeslider__value-bubble {
    display: block;
    padding: 1px 0px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 2px;
    width: 60px;
    height: 28px;
    /* margin-left: -24px; */
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*color: #307C2A;*/
    font-weight: bold;
    /* box-shadow: 0px 0px 0px #ddd, 0 1px 17px #ccc; */
}

.bubble_val {
    font-weight: normal;
}

.reqfund-min { /* class change */
    float: left;
    margin-top: 10px;
}

.reqfund-max { /* class change */
    float: right;
    margin-top: 10px;
    padding-right: 2px;
}

.row_selection_error {
    color: red;
}

.ap_contribute_get_details[disabled], .ap_conti_calculate[disabled], .ap_order_policy[disabled], button[disabled], button.disabled {
    background: #aba8a8;
    color: #000;
}

.ap-newBusinessCase-card .ap-semi-bold {
    font-size: 1.25rem;
}

.ap-newBusinessCase-card p {
    font-size: 0.813rem;
}
/*new changes in global*/
.ap-vertical-divider {
    margin-left: 5px;
    margin-right: 5px;
    width: 1px;
    height: 30px;
    margin-top: 6px;
}

.admin-Management-link {
    color: #28a745 !important;
}

.ap-left-sidebar > .container, .ap-left-sidebar > .container > .row, .ap-sidebarNavigation, .ap-homeright-sidebar > .z-depth-1 {
    height: 100% !important;
}

.ap-circle-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    margin-right: 5px;
}

.ap-purple {
    background: #a270a2;
    border-radius: 0 !important;
}

.ap-green {
    background: #3d9b35;
}

.ap-sky {
    background: #77c1c1;
}

.edelivery-menu-header {
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px !important;
    padding-top: 5px;
    margin-bottom: 0;
    color: #3f403c !important;
}
/*incentive widget*/
/*#ap-incentivewidget-graph .ap-graphContainer, #ap-incentivewidget-graph .ap-graphContainer-lifecredits {
    padding-left: 25px;
    padding-right: 58px
}

    #ap-incentivewidget-graph .ap-graphContainer .range table, #ap-incentivewidget-graph .ap-graphContainer-lifecredits .range table {
        line-height: 12px !important
    }

        #ap-incentivewidget-graph .ap-graphContainer .range table td, #ap-incentivewidget-graph .ap-graphContainer-lifecredits .range table td {
            font-size: 10.5px !important
        }*/

/*new changes in global*/
/*footer sticks to bottom styles*/
main {
    min-height: calc(100vh - 70px);
}

.fixed-top, .modal-backdrop {
    z-index: 99999;
}

.tour-backdrop {
    opacity: .5 !important;
}

.modal {
    z-index: 999999;
}

.font-weight-semi-bold {
    font-weight: 600 !important
}

.product-related-forms ul li span {
    color: #616365;
    text-transform: none;
    cursor: default;
}

.content-block ul li a {
    color: #007fac !important;
    text-transform: none;
    padding: 0;
}

.product-related-forms .z-depth-1 {
    height: 100%;
}

.ap-product-thumbnail {
    width: 120px;
    max-height: 155px;
}

.ap-product-text-truncate {
    width: 130px;
}

/*-------- table product ---------------------------*/
.product-data-grid table {
    width: 100%;
    border-bottom: 1px solid #dee2e6 !important;
    border-top: none !important
}

    .product-data-grid table th {
        border-bottom: 1px solid #dee2e6 !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product-data-grid table td {
        padding-bottom: 10px;
        padding-bottom: 10px;
    }

        .product-data-grid table td ul {
            display: flex;
            list-style-type: none;
            padding: 0;
            flex-wrap: wrap;
        }

            .product-data-grid table td ul li {
                padding: 0 5px;
            }

    .product-data-grid table tbody tr > td:first-child {
        width: 20%
    }

    .product-data-grid table tbody tr > td:last-child {
        width: 80%
    }

/*-------- table product ---------------------------*/

.birthdate-field-calendar {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #32871e;
    font-size: 1rem;
}
/*customer portal ranges slider styles ends here*/
@media (min-width: 1200px) and (max-width: 1300px) {

    .ap-search-tbl-nb-filter-new .search_new_icon {
        width: 38px
    }
    .ap-trasfer-card > .row {
        display: block;
        width: 100%;
    }

        .ap-trasfer-card > .row > div {
            display: block !important;
            width: 100%;
            max-width: 100%;
            text-align: left;
        }
}
/******************************************Session time out popup start**********************************************/
/*#sessionTimeOutModal .modal-sm {max-width: 300px !important;}*/
@media (min-width: 320px) {
    #sessionTimeOutModal .modal-dialog {
        max-width: 300px !important;
        margin: 30px auto;
    }
}

#sessionTimeOutModal .modal-body {
    padding: 0px 20px 20px 20px !important;
}

#sessionTimeOutModal .modal-header {
    padding: 20px !important;
    border-bottom: 0px !important;
}

#sessionTimeOutModal .expiretime-count {
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 50px !important;
}

    #sessionTimeOutModal .expiretime-count strong {
        padding-right: 10px;
        padding-left: 5px;
        font-size: 34px !important;
        color: #3f403c !important;
    }

.sessiotimeout-btn button {
    margin-bottom: 0;
    font-size: 19px !important;
}

.sessiotimeout-btn .col-12:first-child {
    margin-bottom: 20px;
}

.sessiontimeout p {
    margin-bottom: 0;
    font-size: 16px;
}

.sessiontimeout span {
    font-size: 16px;
    color: #3f403c;
}

#sessionTimeOutModal .modal-header button.close {
    font-weight: normal;
    font-size: 2em;
}

.secondaryheading-fontsize {
    color: #202020;
    font-weight: inherit;
    font-size: 20px !important;
}

/******************************************Session time out popup end**********************************************/
/*----------impersonation component-----------*/

.ap-disabled {
    pointer-events: all !important;
    cursor: not-allowed !important;
}

.header-impersonation {
    background: #0f5d0b;
    position: absolute;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    top: -12px;
    left: 200px;
    width: 250px;
    z-index: 9999;
}

    .header-impersonation span {
        color: #fff;
    }

    .header-impersonation a {
        background: transparent;
        box-shadow: none !important;
        border: 1px solid #fff;
        padding: 0 10px;
        border-radius: 20px !important;
        font-weight: normal;
        font-size: .875rem;
    }
/*Global sytles Ends here--------------------------------*/
/*PMT Grid Component starts here-----------------------------*/
.ap-custom-row.z-depth-1 {
    margin-left: 15px
}

.ap-agent-gridComponent .card-body h5 {
    font-weight: 600;
}
/*PMT Grid Component ends here-----------------------------*/
/*PMT Strip Component starts here-----------------------------*/
.ap-agent-striptComponent .ap-row {
    margin-right: -15px;
    margin-left: -15px;
}
/*PMT Strip Component ends here-----------------------------*/

/* Video Component start -----------------------------*/
.hide-video {
    display: none !important;
}

.thumbnail-video {
    top: 0px;
    position: absolute;
}
/* Video Component end -----------------------------*/

/*PMT Accordion Component starts here-----------------------------*/
.ap-agent-accordionComponent .ap-openCollapse.collapsed:after {
    content: '\002B';
    color: #3D9B35;
    font-weight: 600;
    float: right;
    font-size: 1.75rem;
}

.ap-agent-accordionComponent .ap-openCollapse:after {
    content: "\2212";
    color: #3D9B35;
    font-weight: 600;
    float: right;
    font-size: 1.75rem;
}

.commission-overview {
    padding-left: 35px;
}

.ap-agent-accordionComponent .ap-openCollapse {
    text-align: left;
    width: 100%;
    background: none;
    border: none;
    font-weight: 600;
    font-size: 0.9375rem;
    color: #72767D;
    line-height: 23px;
}

.rider_component span, .rider_component h2 {
    color: #202020 !important;
    font-size: 14px !important;
    font-family: Open Sans;
    font-weight: normal !important;
}

#rider_parent_container .ap-agent-accordionComponent .ap-openCollapse.collapsed {
    font-weight: normal !important;
    font-size: 14px;
    color: #202020;
}

#rider_parent_container .ap-agent-accordionComponent .ap-openCollapse {
    color: #202020 !important;
}


.ap-agent-accordionComponent .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
/*PMT Accordion Component ends here-----------------------------*/
/*PMT Content Block starts here*/
.content-block ul {
    padding-left: 20px;
}

/*PMT Content Block ends here*/

/*Forms And Riders Component starts here*/
.riders-dropdown .dropdown-menu {
    height: 300px;
    overflow-y: auto;
    z-index: 99999;
}

.dropdown-scrollbar .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    z-index: 99999;
}
/*Forms And Riders Component ends here*/
/*PMT Carousel Component starts here-----------------------------*/
.ap-agent-carouselComponent:hover .carousel-control-prev span.fa, .ap-agent-carouselComponent:hover .carousel-control-next span.fa {
    color: #fff !important;
    opacity: 1
}

.ap-agent-carouselComponent .carousel .carousel-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 0%;
    background-color: #d4d8e1;
    opacity: 1;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
}

    .ap-agent-carouselComponent .carousel .carousel-indicators li.active {
        background-color: #2e2d2d;
    }
/*PMT Carousel Component ends here-----------------------------*/
/*PMT  Tab Component starts here-----------------------------*/
.ap-agent-tabComponent li a {
    color: #616365;
    font-weight: normal;
    font-size: 0.875rem;
    padding: 23px 1rem 22px 1rem;
    text-transform: uppercase;
}

.ap-agent-tabComponent .mkt-page {
    color: #007fac !important;
    text-decoration: none !important;
    padding: 0px !important;
    text-transform: none !important;
}

.edelivery-status-image {
    width: 20px;
    height: 20px;
    margin-top: 4px;
}

.ap-agent-tabComponent li.active a {
    color: #32871e;
    font-weight: bold;
    outline: none;
}

.ap-agent-tabComponent li a:hover {
    text-decoration: underline !important;
}

.ap-agent-tabComponent li a:focus {
    outline: none;
}

/*PMT  Tab Component ends here-----------------------------*/

/*Notification Page starts-----------------------------*/
.ap-agent-accordionComponent .ap-info-circle {
    position: relative;
    top: 3px;
    left: 0px;
}

.ap-agent-accordionComponent .ap-openCollapse button {
    background: none;
    border: none;
}

.update-notification-msgsec-desc {
    color: #72767D;
}
/*Notification Page ends-----------------------------*/
/*performance Report changes starts*/
#Performance_DT2 .fa-download:before {
    background-image: url('../images/Download.png');
}

.customizedTab ul li {
    left: 0 !important;
}

/* performance Report market material card start here*/
.marketMaterialCard a {
    color: #389fc3;
}

.marketMaterialCard {
    font-size: 0.875rem;
}
/*performance Report market material card ends here*/

.performanceTab .card span {
    font-size: 1.125rem
}

    .performanceTab .card span.totalCounts {
        font-size: 0.6875rem;
    }

.performanceTab .discalimarText {
    font-size: 0.8125rem;
    color: grey;
}

#apPR-ForcastedTab-default-grid .ap-grid-filterAll-wrapper {
    display: none;
}

/*performance Report changes ends*/

/*-------------------Data table styles start-------------------------------------*/
table.bod_tbl {
    border-top: rgb(128, 128, 128) !important;
}

.ap-retrieve-selected, .ap-view-history, .ap-back-to-newlisting, .ap-move-to-history {
    width: 135px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

table {
    border-top: 1px solid #dee2e6 !important;
}

    table.dataTable {
        border-collapse: inherit !important;
        border-bottom: .5px solid #d1d3d5;
    }

.performanceTable table.dataTable {
    border-collapse: collapse !important;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    text-align: left !important;
}

table .details-control i.fas {
    color: #3d9b35 !important;
    font-size: 1rem;
    cursor: pointer;
}

table .ap-tb-long-text {
    word-break: break-all;
    display: inline-block;
}

table th.dt-body-center {
    text-align: center;
}

table ul.dtr-details li span {
    padding: 0px 10px 0px 0
}

.ap-custom-filter-action span {
    font-size: 0.75rem;
    padding: 0 5px;
}

    .ap-custom-filter-action span > i {
        color: #767771;
        font-size: 1rem;
        cursor: pointer;
    }

.ap-grid-wrapper select, .ap-grid-wrapper input {
    border: none;
    border-bottom: 1px solid #dee2e6;
}

table thead tr th {
    border-bottom: none !important;
    color: #3f403c;
    font-weight: 600;
    vertical-align: middle !important;
    font-size: 12px !important;
    border-right: 1px solid #eae6e6 !important;
}

.ap-grid-wrapper .ap-row {
    margin: 0;
}

.ap-grid-action-wrapper .ap-row {
    margin-top: 0
}

.ap-grid-filterAll-wrapper .ap-row {
    margin-bottom: 0
}

.ap-gridselectAll, .ap-gridunselectAll {
    color: #007fac !important;
}

.ap-grid-action-wrapper .pagination .page-item.active .page-link {
    background-color: #fff !important;
    color: #202020;
    padding: .5rem .75rem;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 5px 0 rgba(0,0,0,0.12)
}

.ap-grid-action-wrapper .pagination .page-item .page-link {
    padding: .5rem .75rem;
}

.table th {
    border-bottom: 1px solid #dee2e6 !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.table td {
    border-bottom: 1px solid #dee2e6;
    border-top: none;
}

table td {
    font-weight: 500;
    color: #3f403c;
    font-size: 12.5px !important;
    vertical-align: middle !important;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}

    table td.tbl-phone-wrap {
        white-space: nowrap;
    }

    table td.name-field-camel {
        text-transform: capitalize;
    }

table.report-white-bg tr.parent, table.report-white-bg tr.child, table.report-white-bg thead tr, table.report-white-bg tr.child td.child:hover {
    background: rgba(0,0,0,.05) !important;
}

table th a {
    font-size: 0.8125rem;
}

.ap-grid-action-wrapper {
    font-weight: 500;
    color: #3f403c;
    font-size: 13px;
}

.dataTables_length * {
    font-size: 13px !important
}

.pagination .page-item .page-link {
    font-size: 13px
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
    text-align: center;
}

.dataTables_length {
    white-space: nowrap;
}

.dataTables_info {
    margin-top: 5px;
}

#ap-allNewBusiness + label:before, #ap-allCommissions + label:before, #ap-allCustomerService + label:before, #ap-allBusinessCritics + label:before {
    left: 63px;
    top: 0px;
}

#ap-allNewBusiness + label:after, #ap-allCommissions + label:after, #ap-allCustomerService + label:after, #ap-allBusinessCritics + label:after {
    left: 70px;
    top: 4px;
}

/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 0 !important;
    content: "" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0 !important;
    content: "" !important;
}

table.dataTable thead .sorting {
    background-image: url("/agent/-/media/Feature/Datatables/sorting-both.png") !important;
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_asc {
    background-image: url("/agent/-/media/Feature/Datatables/sorting-asc.png") !important;
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_desc {
    background-image: url("/agent/-/media/Feature/Datatables/sorting-desc.png") !important;
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 85%;
}

ul.dtr-details > .notes-allignment {
    display: flex;
}

table tr.child ul {
    width: 100%;
}

    table tr.child ul li span.dtr-data {
        display: inline-block;
    }

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.custom-checkbox .custom-control-label::before {
    background-color: #ffffff !important;
    border: 1px solid #3d9b35 !important;
}

.custom-checkbox .ap_disabledCheck.custom-control-label::before {
    border: 1px solid grey !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3d9b35 !important;
    border: #3d9b35 !important;
}

.ap-search-tbl-fliter .ap-single-cat-dropdown .ap-custom-dropdown > a, .download_modal .ap-single-cat-dropdown .ap-custom-dropdown > a {
    border-bottom: 1px solid #ced4da !important;
}

.ap-search-tbl-fliter input[type="text"] {
    margin-top: 26px !important
}

/*Search new*/
.ap-search-tbl-fliter input.new-search-cmp {
    margin-top: 0px !important;
}

.ap-search-tbl-fliter .ap-single-cat-dropdown.new-search-cmp .ap-custom-dropdown > a {
    border-bottom: 0 !important;
}
/*Search new*/

.ap-radio-button input[type="radio"] {
    display: none;
}

.ap-selected-item-remove {
    cursor: pointer;
}
/* simulate radiobutton appearance using pseudoselector */
.ap-radio-button input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 3px;
    margin-right: 5px;
    background-clip: content-box;
    border: 2px solid #878c77;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    top: 2px
}

.ap-radio-button input[type="radio"]:checked + label:before {
    background-color: #3d9b35 !important;
    border: 2px solid #3d9b35 !important;
}

.ap-radio-button *,
.ap-radio-button *:before,
.ap-radio-button *:after {
    box-sizing: border-box;
}

.ap-radio-button label {
    position: relative;
    top: -5px;
}

table a {
    color: #007fac !important;
}

.ap-custom-filter-action .dropdown-menu {
    min-width: 400px;
    left: auto !important;
    right: 0;
    transform: translate3d(0px, 37px, 0px) !important;
}

    .ap-custom-filter-action .dropdown-menu i {
        color: #3f403c;
        font-size: 0.875rem;
    }

    .ap-custom-filter-action .dropdown-menu ul li {
        margin: 5px 0;
    }

        .ap-custom-filter-action .dropdown-menu ul li label {
            color: #72767D;
            font-size: 0.875rem;
            padding: 0 5px;
            margin-top: -5px
        }

.ap-grid-pagination {
    margin-top: -2px;
}

.ap-grid-filterAll-wrapper .collapsing {
    transition: .5s;
}

.ap-external-tblfliter .dropdown-menu {
    z-index: 9999;
    min-height: 100px;
    max-height: 400px;
    overflow: auto;
}

.ap-ex-tblfliter span, .ap-cat-dropdown .dropdown a {
    color: #3f403c;
}

.ap-ex-tblfliter[aria-expanded="true"] span:last-child, .ap-dropdown-focus, .ap-ex-tblfliter[aria-expanded="true"] span i {
    color: #32871e !important;
    border-bottom: 1px solid #3d9b35 !important;
    transition: border 4s;
}

.ap-ex-tblfliter[aria-expanded="true"] span i {
    border-bottom: none !important;
}

.aptblheader-bdr-right {
    border-right: 2px solid #dee2e6 !important;
}

.aptblheader-bdr-bottom {
    border-bottom: 2px solid #dee2e6 !important;
}

.ap-column-action.show span:last-child, .ap-cat-dropdown .dropdown.show > a, .ap-column-action.show span i {
    color: #32871e !important;
    border-bottom: 1px solid #3d9b35 !important;
    transition: border 4s;
}

.ap-column-action.show span i {
    border-bottom: none !important;
}

.ap-close-dropmenu, .ap-close-collapse {
    cursor: pointer;
}

.ap-grid-viewpageslist select {
    display: inline-block;
    width: auto;
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table tbody tr td.dtr-control:before {
    background-color: grey !important;
    font-size: 1.125rem;
    border: none !important;
    line-height: 17px !important;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before, table tbody tr td.dtr-control:before {
    background-color: grey !important;
    font-size: 1.125rem;
    border: none !important;
    line-height: 17px !important;
}

.ap-ex-filter-lbl > span {
    font-size: 1rem;
    font-weight: bold;
    margin-left: 0px;
}

.ap-search-sec {
    background-color: #fff;
    margin: 0px;
    border-bottom: 1px solid #ccc;
}

.ap-filter-lists-search {
    font-size: 1rem;
    margin-top: 10px
}

.ap-cat-dropdown input[type="text"], .ap-cat-dropdown ul li label {
    font-size: .875rem
}

.ap-cat-dropdown ul li {
    padding: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    padding-left: 15px;
    background-color: #fff;
    white-space: nowrap;
}

.ap-external-tblfliter .ap-cat-dropdown .dropdown > a {
    padding-bottom: 3px;
    border-bottom: 1px solid #dee2e6;
    padding-top: 3px;
}

.ap-external-tblfliter .ap-cat-dropdown .dropdown .ap-list-selected, .ap-external-tblfliter .ap-single-cat-dropdown .dropdown .ap-list-selected {
    color: #3d9b35;
    font-weight: 600;
}

.cal-backdrop {
    position: absolute;
    width: 100%;
    height: 200%;
    background: #000;
    top: 0;
    left: 0;
    opacity: .2;
    z-index: 3000;
}

header.z-index-29 {
    z-index: 2999 !important;
}

.ap-cat-dropdown .dropdown-menu {
    min-width: 250px;
    z-index: 100000;
}

.client-activity-body span, .client-activity-body strong, .client-activity-body p {
    font-size: 13px;
}

.ap-cat-dropdown .dropdown-menu {
    min-width: 250px
}

.ap-cat-dropdown ul li input[type="checkbox"] {
    position: relative;
    margin-left: 10px;
}

.ap-filter-btn {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 1rem !important;
}

.ml-small {
    margin-left: 3px !important
}

.ap-accordian-header button[aria-expanded="true"], .ap-agent-accordionComponent button[aria-expanded="true"] {
    background: #dde8ea !important;
}

.ap-selected-lists {
    /*  overflow-y: auto;
    max-height: 70px;*/
    min-height: 10px;
}

.ap-selected-item {
    background: rgba(0,127,172,0.1);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px !important;
}

.active_filter_main .ap-selected-item {
    font-size: 13px
}

.ap-custom-filter-action span {
    color: #3f403c
}

.ap-external-tblfliter .ap-single-cat-dropdown .ap-custom-dropdown > a {
    color: #3f403c !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ap-inforce-policy-Form .ap-single-cat-dropdown .ap-custom-dropdown > a {
    color: #3f403c !important;
    border-bottom: 1px solid #ced4da !important
}

.ap-single-cat-dropdown .dropdown.show > a {
    border-bottom: 1px solid #3d9b35 !important;
    transition: border 4s;
}

.ap-single-cat-dropdown .ap-custom-dropdown.show .dropdown-toggle::after {
    color: #3d9b35
}

.ap-single-cat-dropdown .dropdown-menu a {
    border-bottom: 1px solid #ccc;
    padding: 10px !important;
    font-size: 0.875rem;
}

/*Datatable Bordeless & No header starts */
.ap-tableRemoveOptions .ap-grid-viewpageslist, #ap-salesideas-full-grid .ap-grid-viewpageslist {
    display: none !important;
}

.ap-tableRemoveOptions .ap-grid-viewpage, #ap-salesideas-full-grid .ap-grid-viewpage {
    display: none !important;
}

.ap-tableRemoveOptions .ap-grid-action-wrapper div, #ap-salesideas-full-grid .ap-grid-action-wrapper div {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}

.ap-tableRemoveOptions .ap-grid-action-wrapper ul.pagination, #ap-salesideas-full-grid .ap-grid-action-wrapper ul.pagination {
    justify-content: flex-end !important;
}

.ap-grid-action-wrapper > .ap-row {
    margin: .25rem 0;
}

#ap-businessactionTable-full-grid .dataTables_paginate {
    display: flex;
}

    #ap-businessactionTable-full-grid .dataTables_paginate ul.list-inline {
        width: 50%;
        display: inline-block;
        margin-top: 10px
    }

    #ap-businessactionTable-full-grid .dataTables_paginate ul.pagination {
        width: 50%;
    }

#ap-salesideas-full-grid table {
    border-bottom: none !important;
}

.ap-tableRemoveOptions table.dataTable thead .sorting, .ap-tableRemoveOptions table.dataTable thead .sorting_asc, .ap-tableRemoveOptions table.dataTable thead .sorting_desc {
    background-image: none !important;
}

.lbl-accesibility, table th.control {
    font-size: 0 !important;
}

table tr td.dt-body-center > .custom-control {
    padding-left: 2rem;
}

.ap-tableBordeless .table td, .ap-tableBordeless .table th {
    border: none !important;
}

.ap-tableBordeless table {
    border-top: none !important;
    border-bottom: 1px solid #d4d8e1;
}

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

.transaction-type-inforce {
    color: #212529 !important;
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
}

.transaction-tooltip a.hover {
    text-decoration: none !important;
}

.ap-tableWhiteheader table.report-white-bg tr.parent, .ap-tableWhiteheader table.report-white-bg tr.child,
.ap-tableWhiteheader table.report-white-bg thead tr,
.ap-tableWhiteheader table.report-white-bg tr.child td.child:hover {
    background: none !important;
}

.ap-tableBordeless.z-depth-1 .table td, .table th {
    padding: 8px;
}

.ap-salesideas-full-grid.ap-tableBordeless table.dataTable, #ap-outstanding-full-grid.ap-tableBordeless table.dataTable {
    border-bottom: none !important;
}

.ap-salesideas-full-grid .nav-tabs-dropdown li a {
    font-size: 1rem;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: none;
    padding: 0
}

table.dataTable > tbody > tr.child {
    padding: 0 1rem
}

    table.dataTable > tbody > tr.child > td {
        padding: .5rem 2rem;
    }

table .dataTables_empty div.ap_empty_header, .ap-tbl-norecord div.ap_empty_header {
    font-size: 0.875rem;
}

table .dataTables_empty div.ap_empty_desc, .ap-tbl-norecord div.ap_empty_desc {
    font-size: 0.875rem;
}

table .dataTables_empty div.ap_empty_header span.fa, .ap-tbl-norecord div.ap_empty_header span.fa {
    font-size: 0.875rem;
    color: grey;
}
/*Datatable Bordeless & No header end */
/* table datepicker*/
.dp-tbl-calendar-icon {
    position: absolute;
    top: 2px;
    right: 0px;
    color: #32871e;
    font-size: 1rem;
}

fieldset .dp-tbl-calendar-icon {
    position: absolute;
    top: 3px;
    right: -5px;
    color: #3d9b35;
    font-size: 1rem;
    background: transparent;
    outline: none;
    border: none !important;
}
/* table datepicker*/
/*-------------------Data table styles end-------------------------------------*/
/* Input Focus start -----------------------------*/
.carousel-control-prev-icon:focus {
    outline: 1px solid #28a745 !important;
}

.carousel-control-next-icon:focus {
    outline: 1px solid #28a745 !important;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
    box-shadow: 0 0 8px #3d9b35;
}

.nav-tabs .ap-link-focus {
    padding: 13px
}

.ap-link-focus, .ap-radio.ap-link-focus + label, .ap-pglevel-dropdown .ap-link-focus {
    border: 1px solid #000 !important;
    border-radius: 5px;
}

    .ap-pglevel-dropdown .ap-link-focus + label {
        top: -20px !important;
    }

.md-form .ap-link-focus + label {
    top: -15px !important;
}

.md-form .new-search-cmp.ap-link-focus + label {
    top: 12px !important;
}

.md-form .ap-link-focus + label.custom-control-label {
    top: 0 !important;
}

.ap-mobilesidebarnavigation > ul > li.active {
    background: #D8EBD6;
    position: relative;
    font-weight: 600 !important;
    margin-left: 0px;
    padding: 10px;
    border-left: 4px solid #3B9934;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #3D9B35;
    outline: 0;
    box-shadow: 0 1px 0 0 #309b35;
}


body:not(.ap-show-focus-outlines) button:focus,
body:not(.ap-show-focus-outlines) [tabindex]:focus,
body:not(.ap-show-focus-outlines) .ap-radio:focus + label,
body:not(.ap-show-focus-outlines) .ap-checkbox:focus + label:before,
body:not(.ap-show-focus-outlines) a,
body:not(.ap-show-focus-outlines) .carousel-control-prev-icon:focus,
body:not(.ap-show-focus-outlines) .carousel-control-next-icon:focus,
body:not(.ap-show-focus-outlines) .ap-grid-action-wrapper .pagination .page-item.active .page-link:focus,
body:not(.ap-show-focus-outlines) .ap-grid-action-wrapper .pagination .page-item .page-link:focus {
    outline: none !important;
}
/* Input Focus end -----------------------------*/

.ap-body-content-sec .customizedTab a:hover {
    text-decoration: none !important;
}

a.global_notification_tour_modal:hover {
    outline: none !important;
    text-decoration: none !important;
}

a.triggerUserActivity:hover {
    text-decoration: underline !important
}

.ap-agent-latestNewsComponent img {
    width: 100%;
    height: 90px;
}

a.utility_menu:hover, a.cutility_menu:hover {
    text-decoration: none !important;
}
/*Card deck start here----------------------------------------*/
.ap-cardDeck.row {
    margin-right: -10px;
    margin-left: -10px;
}

.ap_grid_active_filter {
    max-height: 100px;
    overflow-y: auto;
}

.ap-cardDeck span {
    font-size: 0.8125rem;
}

.ap-card {
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
}

.ap-cardDeck .z-depth-1 {
    height: 100%;
}
/*Card deck ends here----------------------------------------*/

/*Lates News Component starts here----------------------------------------*/
.ap-agent-latestNewsComponent h4, .ap-agent-upcoming-trainingComponent h4 {
    font-size: 0.875rem;
}
/*Lates News Component ends here----------------------------------------*/

/*Forgot Passowrd start here----------------------------------------*/
.ap-list-info {
    list-style: none;
}

    .ap-list-info li:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 10px;
        background: #cbcfde;
        border-radius: 50%;
    }

    .ap-list-info li.util-green:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 10px;
        background: #3d9b35;
        border-radius: 50%;
    }

#ap-perfomance-accordion .tooltip {
    left: 0 !important;
}
.ap-resetPassword-Form .md-form > label {
    white-space: normal;
}

.row#ap-ForgotPassword,
.row#ap-ResetPassword,
.row#ap-NewPassword,
.row#ap-NewPassword_ConfirmMessage,
.row#ap-NewPassword_SuccessMessage {
    display: block;
}

.ap-forgot-password {
    min-height: calc(100vh - 300px);
}

/*Forgot Passowrd ends here----------------------------------------*/

/*Update Contact start here----------------------------------------*/
.ap-updateContact input, .ap-updateContact input:disabled {
    padding: 0px;
    border: none !important;
    height: auto;
    color: #3f403c;
    font-size: 0.875rem;
}

    .ap-updateContact input:focus {
        box-shadow: none;
        border-bottom: 1px solid #ced4da !important;
    }

.ap-updateContact-contactDetails-form.ap-form-Editable input, #ap-updatePreferredName.ap-form-Editable {
    font-weight: normal !important;
    box-shadow: 0 1px 0 0 #9F9F9D !important;
    border-bottom: 1px solid #9F9F9D !important;
    padding: 0.6rem 0px 0.4rem !important;
}

.ap-updateContact-contactDetails-form.ap-form-Editable .ap-noneditable input {
    border-bottom: none !important;
}

.ap-updateContact-contactDetails-form.ap-form-Editable input:disabled {
    color: rgba(0, 0, 0, 0.46);
}

.ap-updateContact-contactDetails-form.ap-form-Editable label {
    padding-left: 20px;
}

/*Update Contact ends here----------------------------------------*/

/*Modal starts here----------------------------------------*/
.ap-modal {
    font-size: 1rem;
}

    .ap-modal .modal-header {
        border-bottom: none;
    }

    .ap-modal .modal-footer {
        border-top: none;
    }

.ap-modal-FormtextArea {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px !important;
}

    .ap-modal-FormtextArea .btn-ap-green, .ap-modal-FormtextArea .btn {
        padding: 5px 0px;
        border-radius: 3px !important;
        font-size: 0.875rem;
    }

.ap-downloadLink span {
    color: #3f403c;
}

.app-mobileimages .img-fluid {
    margin-bottom: -13px !important;
}


/*Modal ends here----------------------------------------*/

/*cuurent incentives starts here*/
#currentTab .ap-agent-accordionComponent .ap-openCollapse {
    z-index: 10;
}

.txtgreen, .txtgreen:focus, .txtgreen:hover {
    color: #32871e !important;
    z-index: 11;
    font-family: 'Open Sans', sans-serif;
}

.txtGrey, .txtGrey:focus, .txtGrey:hover {
    color: grey !important;
    z-index: 11;
}

.txtblue, .txtblue:focus, .txtblue:hover {
    color: #389fc3 !important;
    z-index: 11;
}

.txtorange, .txtorange:focus, .txtorange:hover {
    color: #f9a426 !important;
    z-index: 11;
}

#currentTab .ap-agent-accordionComponent .lighterTxt {
    font-size: .75rem;
    font-weight: normal;
    color: grey !important;
}

.pr-track {
    position: relative;
    top: -90px
}

.ap-program-cards {
    padding-top: 10px;
    overflow: hidden;
    width: 95%;
}

.ap-program-card .fas {
    color: #3d9b35;
    font-size: 30px;
    position: relative;
    top: -12px;
    left: 42%;
    visibility: hidden;
}

.ap-program-card.active .fas {
    visibility: visible;
}

.ap-program-card .ap-program-title {
    background: grey;
    color: #ffffff;
    font-size: 12px !important;
    height: 30px;
}

.ap-program-card.active .ap-program-title {
    background: #3d9b35;
}

.ap-program-card .ap-program-image {
    filter: grayscale(80%);
}

.ap-program-card.active .ap-program-image {
    border-top: 1px solid #3d9b35;
    border-left: 1px solid #3d9b35;
    border-right: 1px solid #3d9b35;
    filter: grayscale(0%);
}

#currentTab .ap-perf-accordion-content .lighterTxt {
    font-size: 13px;
    font-weight: normal;
    color: #585857 !important;
}

.cc-2023 {
    background-color: #faf0e3 !important;
}

.cc-napa {
    background-color: #EDF9FF !important;
}

.br-right {
    border-right: 1px solid #0000000d;
}

.br-right-dark {
    border-right: 1px solid #00000030;
}

.br-top {
    border-top: 2px solid #0000000d;
}

#currentTab #CurrentInTabDataTable .pagination .page-item .page-link {
    padding: .5rem .75rem;
}

.totalPremiumPloicyCard {
    margin-left: -15px;
}

#CurrentInTabDataTable .ap-grid-filterAll-wrapper #ap-grid_filter label {
    width: 100%;
    margin-top: 3px;
}

/*------incentive accordion new changes*/
#currentTab .currentIncentivesdata {
    position: absolute;
    top: -45px;
    margin-left: 330px;
    width: 460px !important;
}

.w20 {
    width: 20%;
}

.w17 {
    width: 16.7% !important;
}

.ap-agent-accordionComponent .large-label-name.collapsed:after, .ap-agent-accordionComponent .large-label-name:after {
    margin-top: 10px
}

.lg-top-change .currentIncentivesdata {
    top: -55px !important;
}
/*------incentive accordion new changes*/

#currentTab .ap-positionedrow {
    height: 0;
    position: relative;
    z-index: 12;
}

.incentive-notes {
    color: red;
    font-weight: bold;
}

/*cuurent incentives ends here*/

/*transfr report legnd*/
.tr-circle {
    width: 20px;
    height: 20px;
    border-radius: 100% !important;
    position: relative;
    top: 3px;
}
/*transfr report legnd*/

/*transfer report chart*/
.transfer-report-chart {
    position: relative;
    width: 100%;
    height: 25px;
}

.transfer-company-name {
    cursor: pointer;
}

    .transfer-company-name:hover {
        font-weight: bold;
    }

.transfer-report-chart > div {
    position: absolute;
    height: 25px;
    text-align: center;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(0);
    }
}

.transfer-report-chart > div {
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 1s ease-out 0s 1 slideInFromLeft;
}

    .transfer-report-chart > div span {
        color: #fff;
    }

.tr-ptr {
    position: absolute;
    width: 1px;
    height: 20px;
    display: inline-block;
    left: 50%
}

.top-label {
    top: -20px;
    position: absolute;
    color: #000 !important;
    font-size: 14px;
    display: inline-block;
    width: 80px;
    text-align: left;
    left: -25px;
    cursor: pointer;
}

.bottom-label {
    position: absolute;
    color: #000 !important;
    font-size: 14px;
    display: inline-block;
    width: 80px;
    text-align: left;
    left: -25px;
    cursor: pointer;
}

.bar-val {
    display: inline-block;
    margin-top: 2px;
}

.bottom-label:hover, .top-label:hover {
    font-weight: bold;
}
/*transfer report chart*/

/*tr exchange */
.tr-img {
    color: #3d9b35;
    font-size: 18px;
}

/*NB and inforce policy tags */
.policy-business {
    font-size: 10px !important;
    color: #388640;
    border-radius: 5px !important;
    font-weight: 500;
    background-color: rgba(56, 134, 64, 0.1);
}

.policy-inforce {
    font-size: 10px !important;
    color: #2f8098;
    font-weight: 500;
    border-radius: 5px !important;
    background-color: rgba(0, 127, 172, 0.1);
}
/* NB and inforce policy tags - ends */

/*inforce changes*/
.collapse_panel_parent i {
    color: #379241
}

.collapse_panel_parent div[aria-expanded='true'] i::before {
    content: "\f068";
}

.collapse_panel_parent div[data-toggle='collapse'] {
    cursor: pointer;
}

.new-filter-message i {
    color: #379241
}
/* daterangepicker new */
.daterangepicker {
    border-radius: 5px !important;
    width: 560px !important;
}

.calendar.left, .calendar.right {
    width: 50% !important;
}

.calendar-table tbody {
    outline: 1px solid #d0d7de;
    border-radius: 5px !important;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 0em 1.4em !important;
    border-radius: 5px !important;
}

legend {
    display: inline;
    width: auto !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    line-height: inherit;
    color: #585857;
    white-space: normal
}

.daterangepicker .range_inputs .btn-success {
    background-color: #007fac !important;
    color: #fff;
    border: none;
    border-radius: 5px !important;
    font-size: 14px;
}

.daterangepicker th.prev.available, .daterangepicker th.next.available {
    color: #007fac
}

.calendar-table tbody {
    outline: 1px solid #d0d7de;
    border-radius: 5px !important;
}

    .calendar-table tbody td {
        border-radius: 5px !important;
    }

.clear_cle_select {
    font-size: 14px !important;
    font-weight: 600;
}

.daterangepicker .range_inputs .btn-default {
    border: solid 1px #d0d7de;
    background-color: #fff !important;
    color: #585857;
    border-radius: 5px !important;
    font-size: 14px;
}

/* daterangepicker new */

.daterangepicker table tr th, .daterangepicker table, .datepicker table {
    border: none !important;
}

.grey-bt {
    background-color: #f7f7f7 !important;
}

#dt_daterange {
    color: #757575
}

.ap-clientInfo .dropdown-item {
    font-size: 14px !important;
}

.ap_grid_saved_filter .ap-program-card .ap-program-title {
    border-radius: 2px !important;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    font-size: 12px;
    color: #3d9b35;
    font-weight: 600;
}

.ap_grid_saved_filter .ap-program-card.active .ap-program-title {
    background: #3d9b35;
    color: #fff;
}

.ap-program-card, .dp-tbl-calendar-icon {
    cursor: pointer !important;
}

#deletefiltermodal input {
    border-radius: 4px !important;
}

.inforce_secondary {
    border-radius: 2px;
    border: solid 1px #898c8f;
    background-color: rgba(203, 207, 212, 0.1);
}
/*inforce changes*/

.changebene-modalcontent {
    padding: 35px 60px;
}

.changebene-tickicon {
    color: #3d9b35;
    text-align: center;
    margin-bottom: 20px;
}

.changebene-modalcontent {
    padding: 35px 60px;
}

/*daterange datepicker*/

.daterangepicker .calendar.left .daterangepicker_input, .daterangepicker .calendar.right .daterangepicker_input {
    display: none;
}

.daterangepicker::before {
    content: '';
    display: none !important;
}

.daterangepicker::after {
    content: '';
    display: none !important;
}



.daterangepicker .range_inputs .btn-success {
    background-color: #007fac !important;
    color: #fff;
    border: none;
    border-radius: 5px !important;
    font-size: 14px;
}

.daterangepicker .range_inputs .btn-default {
    border: solid 1px #d0d7de;
    background-color: #fff !important;
    color: #585857;
    border-radius: 5px !important;
    font-size: 14px;
}

.ap-external-tblfliter {
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px rgba(0, 127, 172, 0.5);
    border-radius: 5px !important;
}


.defgreen {
    font-weight: 600;
    color: #3db935 !important;
}

.dt-error {
    outline: 0;
    border: 1px solid #d0021b !important;
    animation-name: bounce;
    animation-duration: .4s;
    animation-delay: 0.1s;
}

.daterangepicker .dt-error input, .daterangepicker .dt-error input + label {
    color: #d0021b !important;
}

.daterangepicker .range_inputs .btn-default, .daterangepicker .range_inputs .btn-default:hover, .daterangepicker .range_inputs .btn-default:focus {
    border: solid 1px #d0d7de;
    background-color: #fff !important;
    color: #585857;
    border-radius: 5px !important;
    font-size: 14px;
}


.daterangepicker .range_inputs .btn-success, .daterangepicker .range_inputs .btn-success:hover, .daterangepicker .range_inputs .btn-success:focus {
    background-color: #007fac !important;
    color: #fff;
    border: none;
    border-radius: 5px !important;
    font-size: 14px;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    pointer-events: auto !important;
    text-decoration: line-through;
}

.new-calendar-box label, .new-calendar-box .ap-link-focus + label {
    transform: translate(7.5px, 3px) !important;
    color: #585857 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    top: 0 !important;
}

.daterangepicker input {
    color: #357ebd !important;
    font-weight: 600;
}

/*daterange datepicker*/

/*policy inforce styles starts here*/
.tab-pane .ap-tabTables .table.report-white-bg tr.parent, .tab-pane .ap-tabTables table.report-white-bg tr.child, .tab-pane .ap-tabTables table.report-white-bg thead tr, .tab-pane .ap-tabTables table.report-white-bg tr.child td.child:hover {
    background: rgba(0,0,0,.05) !important;
}

.tab-pane .ap-tabTables .table td, .tab-pane .ap-tabTables .table th, .tab-pane .ap-tabTables table {
    border-top: 0 !important;
}

.tab-pane .ap-tabTables .table th {
    padding-left: 5px !important;
}

.tab-pane .ap-tabTables .table td {
    padding-left: 5px;
    padding-top: 0;
}

.tab-pane .ap-tabTables table.dataTable {
    border-bottom: 0;
}

.ap-positioned {
    position: absolute;
    left: 70%;
    width: auto;
}
/*policy inforce styles ends here*/

/* contribute page Starts here */
.ap-contribute-agent-details .ap-cardDeck {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.current-conti-txt {
    font-size: .875rem;
    font-weight: 600;
    color: #000000;
}

.new-conti-txt {
    font-size: 1rem;
    font-weight: 600;
    color: #000000;
}

.ap-contribute-current-new-content .ap-greybg {
    margin: 0 !important
}

.tabpanelextra-counticon {
    border-radius: 40% !important;
    display: inline-block;
    width: auto;
    height: 20px;
    font-size: 13px;
    font-weight: normal;
    background: #e07424;
    margin-left: 5px;
    color: #ffffff;
    padding: 0 5px;
}

.agent-portal-search-box .dropdown-toggle::after {
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: 0.5em solid transparent;
    top: 18px !important;
}

.ap-global-icon-panel .ap-child-icon {
    padding: 0 2px;
    color: #3f403c;
}

    .ap-global-icon-panel .ap-child-icon a span {
        font-size: 0.75rem;
        padding: 0 5px;
        color: #3f403c;
    }

.ap-global-icon-panel i {
    color: #3d9b35 !important;
    font-size: 1rem;
    cursor: pointer;
}

/* contribute page ends here */

/* form control starts*/

.reqfund-slidersec { /* class change */
    padding-top: .8rem !important
}

button[aria-disabled="true"] {
    opacity: .5;
    cursor: default !important;
}

.ap-form-label {
    display: block;
    margin-bottom: 15px;
}

.form-control-checkbox {
    left: 25px
}

    .form-control-checkbox label + span {
        position: relative;
        top: 35px;
        bottom: 10px;
        left: -50px;
    }

.datepicker-dropdown {
    z-index: 99999 !important
}

.ap-calendar table {
    border-top: none !important;
}

.datepicker-dropdown table, .ap-calendar table {
    width: 350px;
}

    .datepicker-dropdown table tr td.active.active {
        background: #3d9b35 !important;
    }

.dt-final {
    color: #006dcc !important;
}

.search-autocomplete {
    box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.06);
}

    .search-autocomplete li {
        border-bottom: none !important;
        padding: 5px !important;
    }

ul.ui-autocomplete {
    background: rgb(255, 255, 255);
    color: rgb(63, 64, 60);
    width: 260px;
    font-size: 13px;
    padding: 0px 5px;
    height: auto;
    max-height: 200px;
    overflow-y: auto;
}

    ul.ui-autocomplete > li {
        border-bottom: 1px solid #dee2e6;
        padding: 5px 0;
    }

        ul.ui-autocomplete > li:hover {
            background: #32871e !important;
            color: #fff;
            padding: 2px
        }


.dt-current {
    color: #B75B1A !important;
}

.dt-ap-current {
    background: #B75B1A !important;
}

.dt-ap-final {
    background: #006dcc !important;
}
/* form control ends*/
/*-----splash modal starts-----------*/
.splash-modal button > span {
    position: relative;
    color: #fff;
    left: -35px
}

.splash-modal .modal-header img {
    width: auto;
    height: auto;
}

.splash-modal {
    z-index: 999999
}

    .splash-modal .ap-btn-white {
        font-weight: 600;
    }

    .splash-modal .modal-dialog {
        margin-top: 80px;
    }

.ap-dfgreen-bl {
    font-weight: 500;
    color: #32871e;
}

.splash-modal .ap-dfgreen-bl {
    font-size: 1.25rem;
}

.ap-defalut-fsize {
    font-size: 1rem;
}

.ap-default-blk {
    color: #000000;
}

.ap-blur-effect {
    opacity: .8 !important;
}

.ap-custom-dropdown {
    border-bottom: 1px solid #9F9F9D;
    position: relative;
}

    .ap-custom-dropdown:focus, .ap-custom-dropdown :hover {
        border-bottom: 1px solid #309B35;
    }

    .ap-custom-dropdown .dropdown-item:focus, .ap-custom-dropdown .dropdown-item:hover {
        color: #fff;
        text-decoration: none;
        background-color: #32871e;
        border: none;
    }

    .ap-custom-dropdown .btn-secondary.dropdown-toggle:hover, .ap-custom-dropdown .btn-secondary.dropdown-toggle:focus, .ap-custom-dropdown .btn-secondary:not([disabled]):not(.disabled):active, .ap-custom-dropdown .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle, .ap-custom-dropdown .btn-secondary.dropdown-toggle {
        background-color: transparent !important;
        box-shadow: none;
    }

    .ap-custom-dropdown .dropdown-item:focus > .sb-external-link, .ap-custom-dropdown .dropdown-item:hover > .sb-external-link {
        color: #fff !important;
    }

    .ap-custom-dropdown .btn {
        margin: 0 !important;
    }

    .ap-custom-dropdown .dropdown-menu {
        width: 100%;
        min-width: auto;
    }

  .upload-form-modal  .ap-custom-dropdown .dropdown-menu {
        width: 100%;
        min-width: auto;
        min-height: 100px;
        max-height: 250px;
        overflow: auto;
    }

        .ap-custom-dropdown .dropdown-menu .dropdown-item {
            padding: .2rem .5rem;
            white-space: pre-wrap !important;
        }

    .ap-custom-dropdown .btn-secondary.global-search-btn {
        margin-top: -2px !important;
    }

    .ap-custom-dropdown .btn-secondary {
        color: #212529 !important;
        text-align: left;
        background-color: transparent !important;
        font-weight: normal;
        font-size: 0.875rem;
        border: none !important;
    }

        .ap-custom-dropdown .btn-secondary:focus {
            outline: -webkit-focus-ring-color auto 1px;
            outline: 1px solid grey;
        }

    .ap-custom-dropdown .dropdown-toggle::after {
        vertical-align: middle;
        position: absolute;
        top: 25px;
        left: 90%;
    }


.upload-form-modal .ap-custom-dropdown .dropdown-toggle::after {
    vertical-align: middle;
    position: absolute;
    top: 15px;
    left: 90%;
}

#seliCalulatorTable .table.dataTable {
    border-bottom: none;
}

.splash-modal .modal-header {
    border: none !important;
}

/*-----splash modal ends-----------*/
.ap-program-card:hover .ap-program-image.z-depth-1 {
    box-shadow: 0 1px 0px 0 rgb(0 0 0 / 16%), 0 1px 0px 0 rgb(0 0 0 / 12%) !important;
}

/* custom updated style*/
.ap-pglevel-dropdown.ap-custom-dropdown .dropdown-menu {
    transform: translate3d(0px, 40px, 0px) !important;
    min-width: 100%;
    overflow-y: auto;
}

.ap-pglevel-dropdown.state .dropdown-menu {
    height: 200px !important;
}

.ap-pglevel-dropdown.productType .dropdown-menu {
    height: 150px !important;
}

.ap-pglevel-dropdown.ap-custom-dropdown.show .dropdown-toggle {
    border-bottom: 1px solid #32871e;
    color: #32871e !important;
}

    .ap-pglevel-dropdown.ap-custom-dropdown.show .dropdown-toggle::after {
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-top: 0;
        border-left: .3em solid transparent;
        color: #32871e !important;
    }

 .upload-form-modal   .ap-pglevel-dropdown.ap-custom-dropdown.show .dropdown-toggle::after {
        border-right: .4em solid transparent;
        border-bottom: .4em solid;
        border-top: 0;
        border-left: .4em solid transparent;
        color: #32871e !important;
    }

.ap-pglevel-dropdown.ap-custom-dropdown .dropdown-toggle::after {
    display: block;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

/*client info styles starts here*/
.ap-clientInfo .ap-cardDeck p, .ap-clientInfo .ap-cardDeck a {
    font-weight: 600 !important;
    font-size: 1.5rem;
}

#ap-Modal-addEmail .modal-dialog {
    max-width: 550px;
}
/*client info styles ends here*/

/*client intelligence starts here*/
.ap-ClientFilterSection {
    background-color: #f3f3f3;
    padding: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px #ccc;
}

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

.ap-dateRangefilter {
    background: rgba(0,0,0,.05) !important;
    border: 1px solid #ccc;
}

.no-show-daterange {
    display: none !important
}

.ap_calender {
    border-bottom: 1px solid #9F9F9D;
    position: relative;
}

    .ap_calender input {
        background: transparent;
    }

    .ap_calender .input-group-text {
        padding: 0;
    }

    .ap_calender .ap-calendar-icon {
        position: absolute;
        left: 94%;
        top: 7px;
        color: #32871e;
        border: none;
        background: none;
        z-index: 100;
    }
    .dotFollowUpFlagEnable {
    background: #3d9b35 !important;
}

.followUpFlag {
    text-align: center;
    cursor: pointer;
    background: #f1f1f1;
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

    .followUpFlag .fa-bookmark {
        color: #898c8f;
        font-size: 12px;
    }

.dotFollowUpFlagEnable.followUpFlag .fa-bookmark {
    color: #fff;
}

.followupActive .fa-bookmark {
    color: #3d9b35 !important;
}

.dotFollowUpFlagDisable .fa-bookmark {
    color: #898c8f;
    text-align: center;
    font-size: 14px !important;
    cursor: pointer;
}

.dotFollowUpCovidFlagDisable .fa-virus {
    color: #c5c3c6;
    text-align: center;
    font-size: 20px !important;
}

.ap-commission-Indicator-Info {
    margin-bottom: 5px;
    padding-top: 10px;
}

.ap-commission-Impact-Indicator {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    background: #FFA500;
    border-radius: 50% !important;
}

.client-activity-body .row {
    padding-bottom: 10px;
}

.client-activity-description p {
    padding-top: 10px;
}

/*client intelligence ends here*/

/*policy contribute page starts here */
#btnConfirm.disabled, #promise-submit.disabled, #download-promise.disabled {
    background: #aba8a8 !important;
    color: #000 !important;
}

.datepicker th {
    border-right: none !important
}

.ap_contribute_input {
    padding-top: 5px;
    padding-bottom: 0;
    margin-top: 5px;
    background-color: #fff !important;
}

.edit_policynumber {
    color: #007fac !important;
    font-size: 1rem;
    position: relative;
    top: 30px;
}

.ap-conti-disabled {
    color: rgba(0, 0, 0, 0.46) !important;
    border-bottom: 1px solid #fff !important;
}

.ap-contribute-current-new-content {
    height: 100%;
}

.ap-disableContribute-section {
    pointer-events: none;
    opacity: 0.4;
}

ap-contribute-current-new-content .bubble_val {
    display: none;
}

.ap-cont-print-container i, .ap-cont-print-container a {
    padding: 5px;
    font-size: 16px;
    color: #007fac !important;
    cursor: pointer;
}

/*policy contribute page ends here */

/*Call me page starts*/
.ap_moreInfoSection {
    background: #f5f5f5 !important;
}

.ap-disableContribute-section button {
    background: #a5a2a2;
    border: 1px solid #a5a2a2;
    color: #000;
}
/*policy contribute page ends here */
/*contact us page starts here*/
.ap-list-help-codes li {
    background: transparent;
    padding: 5px 0;
    border: none;
}

.ap-agent-tabComponent .ap-list-help-codes li a {
    color: #007fac !important;
}

.ap-contact-information img {
    height: 130px
}
/*contact us page ends here*/

/*calendar landing page starts here*/
.landing_calendar .ap-calendar .datepicker-switch {
    padding-bottom: 20px;
}

.table-viewDates table {
    width: 100%;
}

    .table-viewDates table th, .table-viewDates table td {
        width: 50%;
    }

.cutoff-color {
    background: #d4843f !important;
}

.pay-date-color {
    background: #006dcc !important;
}

/* new calendar changes*/
.cutoff-color, .cutoff-solid-bg {
    background: #d4843f !important;
    color: #fff;
}

.pay-date-color, .eft-solid-bg {
    background: #388640 !important;
    color: #fff;
}

.new.cutoff-solid-bg, .old.cutoff-solid-bg, .new.eft-solid-bg, .old.eft-solid-bg {
    background: transparent !important;
}

.cutoff-date-cls {
    border: 1px solid #d4843f !important;
}

.eft-date-cls {
    border: 1px solid #28a745 !important;
}

.new.cutoff-date-cls, .new.eft-date-cls, .old.cutoff-date-cls, .old.eft-date-cls, .new.cutoff-date-cls.eft-date-cls, .old.cutoff-date-cls.eft-date-cls {
    border: none !important;
}

.cutoff-date-cls.eft-date-cls {
    border: 2px solid #d4843f !important;
    outline: 1px solid #28a745 !important;
    outline-offset: -5px;
}

.new.cutoff-date-cls.eft-date-cls, .old.cutoff-date-cls.eft-date-cls {
    border: none !important;
    outline: none !important;
}

.dt-final {
    color: #388640 !important;
}

.dt-current {
    color: #B75B1A !important;
}

.dt-ap-current {
    background: #B75B1A !important;
}

.dt-ap-final {
    background: #388640 !important;
}

.ap-updateContact-contactDetails h2 {
    font-size: 1.2rem !important;
    font-weight: 400 !important;
}
/* new calendar changes*/
/*NewBusinessPolicy starts here*/
.ap-attach-doc-ui .pdf_icon {
    color: red;
    font-size: 1rem;
}

.nb-counticon {
    border-radius: 50% !important;
    display: inline-block;
    /*width: auto;*/
    min-height: 25px;
    font-size: 13px;
    font-weight: normal;
    background: #AF0014;
    margin-left: 5px;
    color: #ffffff;
    padding: 2px 6px;
    min-width: 25px;
    text-align: center;
}

.case-progress-step.is-complete p.completed-text {
    display: block !important;
}

/*subscribe notification banner*/
.subscribe_notification_banner {
    background: #007fac
}

.cp_text {
    font-size: 15px;
}

.subscribe_notification_banner .close {
    position: relative;
    top: -30px;
    right: -5px;
}

.subscribe_notification_banner a {
    color: #3d9b35
}
/*subscribe notification banner*/

.contact-case-manger-section button {
    font-size: 14px;
    border-radius: 4px !important;
}

.containerdnd {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 100px;
    z-index: 9999;
    margin-top: 20px;
}

.inputDnD .form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 150px;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    background-color: #c61c23;
}
.upload-form-modal .inputDnD .form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100px;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    background-color: #c61c23;
}
    .inputDnD .form-control-file:before {
        content: attr(data-title);
        position: absolute;
        left: 0;
        width: 100%;
        min-height: 150px;
        line-height: 2em;
        padding-top: 1.5em;
        opacity: 0;
        visibility: visible;
        text-align: center;
        border: none;
        -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        overflow: visible;
    }

.float-btn-more-item ul p {
    margin: 10px 0 0 0 !important;
    border-top: 1px solid #CBCFD4;
    padding: 15px 0 0 18px;
}

.tbl-daterange[readonly='readonly'] {
    color: #000 !important
}

.modal-com-height {
    min-height: 230px;
    max-height: 230px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .modal-com-height::-webkit-scrollbar {
        width: 5px;
    }

    .modal-com-height::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .modal-com-height::-webkit-scrollbar-thumb {
        background: #3d9b35;
    }

        .modal-com-height::-webkit-scrollbar-thumb:hover {
            background: #3d9b35;
        }

.search-autocomplete::-webkit-scrollbar {
    width: 5px;
}

.search-autocomplete::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.search-autocomplete::-webkit-scrollbar-thumb {
    background: #3d9b35;
}

    .search-autocomplete::-webkit-scrollbar-thumb:hover {
        background: #3d9b35;
    }

.float-btn-more-item ul li:hover a, .action-sign > button > a {
    color: #fff !important
}

.attach-case-file .fa-paperclip {
    color: #3D9B35;
    transform: rotate(315deg);
    transform-origin: 50% 40%;
}

.attach-requirements-file .fa-paperclip {
    color: #3D9B35;
    transform: rotate(315deg);
    transform-origin: 50% 40%;
}

/*NewBusinessPolicy  ends here*/

/*Case tracker css starts here*/

/*Progress Bar*/
.case-progress {
    position: relative;
    display: flex;
    padding-top: 140px;
    padding-bottom: 34px !important;
}

/*Each Step on the Progress Bar*/
.case-progress-step {
    position: relative;
    width: 100%;
    font-size: 0.875rem;
    text-align: center;
    color: #dfe3e4;
    min-width: 190px;
}

#annuityReceived, #annuityAppReview, #annuityApproval, #annuityPolicyMailed, #annuityOpenedAgent, #annuitySignedAgent, #annuityExpired, #annuityOpenedCustomer, #annuitySignedCustomer {
    min-width: 190px;
}
/*Hide the final step's progress bar*/
.case-progress-step.hide-line:after, .case-progress-step:last-child:after {
    display: none;
}

/*Step's circle in default state*/
.case-progress-step:before {
    content: "\f00c";
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
    background: #dfe3e4;
    border-radius: 100%;
    color: #dfe3e4;
    margin-top: -4px;
    padding-left: 0px;
    cursor: pointer;
    z-index: 3;
    position: relative;
}

/*Step's progress bar in default state*/
.case-progress-step:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 49%;
    width: 0%;
    transition: width 1s ease-in;
    height: 2px;
    background: #dfe3e4;
    position: absolute;
    top: 5px;
    /* left: calc(-50% - 13px / 2); */
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    z-index: 1;
}
/*Step's active state*/
.is-active {
    color: #E07424;
}

    .is-active:before, .is-active-end:before {
        border: 4px solid #E07424;
        animation: pulse 2s infinite;
        background: #E07424;
        content: "";
    }

.is-active-continue {
    color: #E07424;
}

    .is-active-continue:before {
        border: 4px solid #E07424;
        animation: pulse 2s infinite;
        background: #E07424;
        content: "";
    }

.is-expired {
    color: #AF0014;
}

    .is-expired:before, .is-expire-continue:before, .is-expire-end:before {
        border: 4px solid #AF0014;
        animation: pulse 2s infinite;
        background: #AF0014;
        content: "";
    }
/*Step's complete state*/
.is-complete, is-expire {
    color: #3d9b35;
}
    /*Step's circle in complete state*/
    .is-complete:before, .is-expire:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 10px;
        color: #fff;
        background: #3d9b35;
        border: 4px solid transparent;
        content: "\f00c";
        padding-left: 1px;
    }

    /*Step's progress bar in complete state*/
    .is-complete:after, .is-active-continue:after, .is-expire-end:after {
        background: #E07424;
        animation: nextStep 1s;
        animation-fill-mode: forwards;
        margin-left: 12px;
    }

.is-expire:after, .is-expire-continue:after {
    background: #E07424;
    animation: nextStep 1s;
    animation-fill-mode: forwards;
    margin-left: 12px;
}

.completed:after, .is-active-end:after {
    background: #3d9b35 !important;
}

.is-expired .completed-text, .is-expire-continue .completed-text, .is-expire-end .completed-text {
    color: #AF0014 !important;
}

.sub-stage {
    border-top: 1px solid #DFE3E4;
    padding: 5px 0 0 0;
    width: 240px;
}

    .sub-stage p {
        margin: 0 0 5px 0;
        text-align: left;
        font-size: 0.8125rem;
        color: #000;
    }

.sb-complete::after {
    content: "(Completed)";
    color: #3d9b35;
    margin-left: 4px;
}

.sb-received::after {
    content: "(Received)";
    color: #3d9b35;
    margin-left: 4px;
}

.sb-progress::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #E07424;
    content: "\f111";
    margin-right: 4px;
}

.sb-complete::before, .sb-received::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #3d9b35;
    content: "\f00c";
    margin-right: 4px;
}

.case-progress-step.is-active .tooltiptext.lasttooltiptext::after {
    left: 79%;
}

.ap-caseTracker h3 {
    font-size: 1.125rem !important;
}
/* Animations --------------------------------------
Pulse animation for Step's circle in active state*/
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(33,131,221, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(33,131,221, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(33,131,221, 0);
    }
}

/*Progressing to next step animation for Step's progress bar*/
@keyframes nextStep {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

/*General container*/
.case-progress-step .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 20%);
    text-align: center;
    padding: 6px 10px;
    position: absolute;
    z-index: 1;
    left: 3px;
    margin-left: 0;
    right: 0;
    color: #202020 !important;
    bottom: 205px;
}

.ap_print_button {
    text-decoration: none !important;
    color: #007fac !important;
}

.case-progress-step .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    left: 43%;
    border-width: 10px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
    border-color: #fff transparent transparent transparent;
}

.case-progress-step:hover .tooltiptext {
    visibility: visible;
    z-index: 9;
}
/*.case-progress p, .case-progress span {
   color: #3f403c !important;
}*/
.tbl-comments-modal .modal-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.client-activity-title strong {
    font-size: 19px !important;
    font-weight: 600;
}

.show-only-active {
    display: none;
    padding-left: 26px;
    margin-bottom: 0px;
}

    .show-only-active li {
        padding-top: 5px;
        text-align: left;
    }

.tooltiptext {
    font-size: 13px !important;
}
/*Case tracker css ends here*/

/*Case tracker new annuity css*/
.annuity-application-review {
    padding-left: 0px;
    padding-top: 15px;
    text-align: left;
    list-style: none;
    /* font-family: Open Sans; */
    /* font-size: 14px; */
    color: #3f403c;
    font-weight: 600;
}

    .annuity-application-review li::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 5px;
        background: #cbcfde;
        border-radius: 50%;
    }

    .annuity-application-review li {
        /*line-height: 2; */
        /* list-style-position: inside; */
        /* text-indent: -21px; */
        padding-left: 0px;
        font-size: 12px !important;
        /* white-space: nowrap; */
        width: 100%;
    }

        .annuity-application-review li.util-green::before {
            margin-right: 5px;
            border-radius: 50%;
            content: "\f00c";
            color: #3d9b35;
            font-family: FontAwesome;
            font-size: 14px;
            display: initial;
            background: #fff !important;
        }

.requirementAdditionalText, .suitabilityAdditionalText, .complianceAdditionalText, .fundingAdditionalText {
    display: none;
    font-size: 14px !important;
    color: #3d9b35;
}

.annuity-received-date, .progress-text {
    color: #3f403c !important;
}

.annuity-application-review li.inprogress::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: #E07424;
    border-radius: 50%;
}

.ap-tree {
    margin: 0;
    padding: 0;
}

    .ap-tree:not(:empty):before, .ap-tree:not(:empty):after, .ap-tree ul:not(:empty):before, .ap-tree ul:not(:empty):after, .ap-tree li:not(:empty):before, .ap-tree li:not(:empty):after {
        display: block;
        position: absolute;
        content: "";
    }

    .ap-tree ul, .ap-tree li {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .ap-tree li {
        list-style: none;
    }

        .ap-tree li > div {
            /* background-color: #eee; */
            color: #222;
            padding: 5px;
            display: inline-block;
        }

    .ap-tree.vertical {
        display: flex;
    }

        .ap-tree.vertical ul {
            display: flex;
            justify-content: center;
        }

        .ap-tree.vertical li {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .ap-tree.vertical li div {
                margin: 12px 6px;
            }

            .ap-tree.vertical li:before {
                border-left: 1px solid #3f403c;
                height: 12px;
                width: 0;
                top: 0;
            }

            .ap-tree.vertical li:after {
                border-top: 1px solid #3f403c;
                height: 0;
                width: 100%;
            }

            .ap-tree.vertical li:first-child:after {
                border-top: 1px solid #3f403c;
                height: 0;
                width: 50%;
                left: 50%;
            }

            .ap-tree.vertical li:last-child:after {
                border-top: 1px solid #3f403c;
                height: 0;
                width: 50%;
                right: 50%;
            }

            .ap-tree.vertical li:only-child:after {
                content: none;
            }

            .ap-tree.vertical li ul:before {
                border-left: 1px solid #3f403c;
                height: 12px;
                width: 0;
                top: -12px;
            }

        .ap-tree.vertical > li:only-child:before, .ap-tree.vertical > li:only-child:after {
            content: none;
        }

    .ap-tree p {
        margin: 0px;
        font-size: 12px;
        color: #3f403c;
        padding: 0;
        font-weight: 600;
    }

    .ap-tree .tree-indicator {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #E07424;
        border-radius: 50% !important;
        margin: 12px 0px 0px 0px;
    }

.ap-treesubset {
    position: absolute;
    width: 300px;
    left: -60%;
    top: 60%;
}

.casetracker-btn {
    margin-top: 150px;
}

.ap-caseTracker {
    overflow: hidden;
}

.fa-arrow-circle-left {
    position: relative;
    font-size: 0.8rem;
    left: -10px;
    top: 5px;
    background-color: #fff;
}

.case-tracker-container {
    width: 100%;
}

.ap-notify-Customer {
    width: 270px;
    background: #f5f5f6;
    padding: 5px 15px;
}

.ap-progressLinear {
    display: flex;
    overflow: hidden;
    line-height: 1;
}

.ap-progressLinear-bar {
    display: flex;
    flex-direction: column;
    background-color: #d4d8e1;
    transition: width .6s ease;
    height: 5px;
    width: 100%;
}

    .ap-progressLinear-bar.ap-progressLinear-completed {
        background-color: #3d9b35;
    }

    .ap-progressLinear-bar.ap-progressLinear-active {
        background: #E07424;
    }

    .ap-progressLinear-bar.ap-progressLinear-expired {
        background-color: #AF0014;
    }

.ap-progressLinear .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 20%);
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: 65%;
    left: 20px;
    margin-left: 0
}

/*New css*/
.next-cases {
    border: none;
    color: #fff;
    background-color: #fff;
    height: 1px;
    width: 166px;
    position: absolute;
    transform: translate(107px, -37px);
}

.next-cases {
    transform: translate(107px, -37px);
    border-top: 2px dashed #DFE3E4;
}

.tracker-icons {
    position: absolute;
    top: 285px;
    z-index: 9;
}

.delivery-tracker-icon-left {
    padding: 6px 12px;
    background-color: #DFE3E4;
    width: fit-content;
    border-radius: 0px 16px 16px 0px !important;
    position: relative;
    cursor: pointer;
    display: inline;
    visibility: hidden;
}

.delivery-tracker-icon-right {
    padding: 6px 12px;
    background-color: #DFE3E4;
    width: fit-content;
    border-radius: 16px 0px 0px 16px !important;
    position: relative;
    cursor: pointer;
    display: inline;
    left: 705px;
    visibility: hidden;
}

.expired-head {
    color: #3D9B35;
    font-size: 0.975rem;
}

.address {
    border-left: 2px solid #DFE3E4;
    padding-left: 20px;
}

.expire-notification {
    padding-top: 20px;
}

.mailed-info {
    width: 100%;
    height: 100px;
    background-color: #DFE3E4;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%,-30%);
}

#annuityOpenedCustomer hr.prev-cases {
    width: 112px;
}

.info-msg {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(5%, -50%);
    font-size: 0.875rem;
    width: 250px;
    background-color: #DFE3E4;
}

.case-progress::-webkit-scrollbar {
    height: 5px;
}

.case-progress::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

.case-progress::-webkit-scrollbar-thumb {
    background: #3d9b35;
}

    .case-progress::-webkit-scrollbar-thumb:hover {
        cursor: pointer;
    }

/*CI Dashboard FollowUpFlag Starts here*/
.dotFollowUpFlagEnable .fa-flag, .allFlagEnable {
    color: #3d9b35;
    text-align: center;
    font-size: 20px !important;
    cursor: pointer;
}

.dotFollowUpFlagDisable .fa-flag {
    color: #c5c3c6;
    text-align: center;
    font-size: 20px !important;
    cursor: pointer;
}

.dotFollowUpCovidFlagEnable .fa-virus, .allFlagEnable {
    color: #ECAC7C;
    text-align: center;
    font-size: 20px !important;
}

.dotFollowUpCovidFlagDisable .fa-virus {
    color: #c5c3c6;
    text-align: center;
    font-size: 20px !important;
}
/*CI Dashboard FollowUpFlag ends here*/

/*Non producing css starts here*/
.chart-sec {
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    overflow-x: auto;
    width: 100%;
}

#nonProducingDropdown {
    padding-top: 4px !important;
}

.ap-custom-dropdown #nonProducingDropdown::after {
    top: 15px !important;
}

.chart-sec path[stroke-width="2"], .chart-sec path[stroke-width="2"]:hover {
    stroke: #756397 !important;
}

.nonProducingNewRecruitsNoRecordMsg {
    width: 750px;
    height: 70px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
}
/*Non producing css starts here*/

/*Modal css starts here*/
.modal-error-alert {
    color: #D0021B;
}

.modal-warning-alert {
    color: #D0021B;
}
/*Modal css ends here*/
@media (min-width:1300px) {

    .header-impersonation {
        left: 270px;
    }
}

@media (max-width:1024px) {
    .header-impersonation {
        left: 135px;
    }

    .ci-count{
        font-size : 20px !important
    }
}

@media (min-width:1000px) and (max-width:1150px) {
    .header-impersonation {
        left: 160px;
        width: 205px;
    }
}

.ap_conti_calculate, .ap-conti-confirm {
    color: #fff !important;
}
/*edelivery styles starts here*/
.ap-status-msg {
    width: 100%;
    padding: 20px 20px 20px 20px;
    margin-top: 5px;
}

    .ap-status-msg p {
        margin: 0px;
    }

        .ap-status-msg p.mailed-fedex {
            padding-top: 20px;
            /*border-top: 2px solid #CCCFD4;*/
        }

    .ap-status-msg.bg-green {
        background-color: #E9F1E5;
        border: 1px solid #3D9B35;
        border-bottom: 5px solid #3D9B35;
    }

    .ap-status-msg.bg-red {
        border: 1px solid #CA454A;
        border-bottom: 5px solid #CA454A;
        background-color: #FFEDEE;
    }

#order-promise-btn {
    top: 85%;
    border-left: 2px solid #cdd1d5;
    padding-left: 10px;
}

.float-buttons {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translate(0%, -100%);
    z-index: 1;
}

#modal_inforcetools .modal-body {
    overflow: unset;
    height: 450px;
}

.float-buttons button {
    padding-left: 10px;
    padding-right: 10px;
}

.float-btn-more-item {
    position: absolute;
    background-color: #ffffff;
    padding: 5px 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    /*transform: translate(-20%, 2%);*/
    right: 0px;
    top: 27px;
}

    .float-btn-more-item ul {
        margin: 0px;
        padding: 0px;
        width: max-content;
    }

        .float-btn-more-item ul li {
            margin: 0px;
            padding: 5px 30px;
            list-style-type: none;
            cursor: pointer;
        }

.pdf_icon {
    color: #AF0014 !important;
    padding-right: 10px;
}

.modal-com-height .ap-error {
    padding-left: 34px !important;
}

.float-btn-more-item ul li:hover {
    background-color: #3d9b35;
    color: #ffffff;
}

.ap-caseTracker h2 {
    font-size: 1.25rem !important
}

#nb_Order_Policy_modal .splitter {
    border-right: 1px solid #D4D7E1;
}

#nb_Order_Policy_modal .modal-header {
    padding-bottom: 0px;
    border-bottom: none;
}

.float-btn-more-item ul li a {
    color: #3f403c !important;
}

.generic-msg {
    color: #898C8F;
    text-align: center;
    font-size: 1rem;
}

    .generic-msg span {
        font-size: 1.2rem;
        margin-right: 8px;
    }

.policy-modal-dialog {
    top: 50%;
    transform: translate(0%, -50%) !important;
    max-width: 60%;
}

.promise-image {
    width: 172px;
    height: 222px;
    border: 1px solid #d6d8e1;
    margin: auto;
}

button.btn-ap-green a {
    text-decoration: none !important;
    color: #ffffff;
}

.more-action {
    transform: translate(0px, 25px);
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    z-index: 9;
    right: 30px;
}

.ap-progressLinear .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    left: 43%;
    border-width: 10px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
    border-color: #fff transparent transparent transparent;
}

/*#nb_page_contact_case_modal .ap-pglevel-dropdown > label {
    left: -17px !important;
}*/
/*edelivery styles starts here*/
/*All Media queries starts here----------------------------------------*/

@media (min-width:1300px) {
    .container {
        max-width: 1250px !important;
    }
}

@media (min-width:1200px) {
    /*Notification Accordion*/
    .ap-all-select {
        right: 85px;
    }

    .ap-newBusiness > .d-flex p:last-child, .ap-customerService > .d-flex p:last-child, .ap-businessCritics > .d-flex p:last-child, .ap-allCommissions > .d-flex p:last-child {
        padding: 0px 11px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    /*Notification Accordion*/
    #currentTab div.ap-positionedrow {
        height: auto;
    }

    #currentTab div.currentIncentivesdata {
        position: initial;
        left: unset;
        top: unset;
        margin-left: 0px !important;
        margin-top: -2px;
    }

    .accord-header-bg {
        background: #dde8ea !important;
    }

    .ap-all-select {
        right: 105px;
    }

    #ap-notification-accordion .ap-newBusiness .ap-checkbox-label, #ap-notification-accordion .ap-customerService .ap-checkbox-label, #ap-notification-accordion .ap-businessCritics .ap-checkbox-label, #ap-notification-accordion .ap-allCommissions .ap-checkbox-label {
        left: -22px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bottom-card {
        height: 80px;
    }

    .big_desc {
        width: 335px;
    }
    /*Modal Width*/
    .modal-dialog {
        max-width: 90%;
    }
    /*Notification Accordion*/
    .ap-all-select {
        right: 100px;
    }

    #ap-notification-accordion .ap-newBusiness .ap-checkbox-label, #ap-notification-accordion .ap-customerService .ap-checkbox-label, #ap-notification-accordion .ap-businessCritics .ap-checkbox-label, #ap-notification-accordion .ap-allCommissions .ap-checkbox-label {
        left: 5px;
    }

    .ap-newBusiness > .d-flex p:last-child, .ap-customerService > .d-flex p:last-child, .ap-businessCritics > .d-flex p:last-child, .ap-allCommissions > .d-flex p:last-child {
        position: relative;
        left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .daterangepicker table tr th.month {
        font-size: 14px !important;
    }

    .daterangepicker .calendar {
        margin: 0;
    }

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

    .ap-selected-item {
        position: relative;
        padding-right: 30px;
    }

    .ap-selected-item-remove {
        position: absolute;
        top: 5px;
        right: 10px
    }

    .popover1 {
        left: 0%;
        transform: translateX(-70%);
    }


        .popover1:before {
            right: 50%;
        }

    .cpa-button {
        padding-right: 0px !important
    }

    .mbw-100 {
        width: 100%;
    }


    .nb-popover {
        left: 45%;
    }
    /*new component----*/
    .upev_desc span {
        display: inline-block;
        min-height: 0;
    }

    .mar-content-card > div, .cpa-button {
        width: 100%;
    }

        .mar-content-card > div, .cpa-button:nth-child(2) {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    /*new component----*/

    .height-scroll {
        max-height: 1350px !important;
        min-height: auto;
    }

    .plcy-issue-lbl {
        background: #d8dde6;
        color: #202020;
        padding: 3px 5px;
        border-radius: 5px !important;
        margin-left: 15px;
        font-size: 12px;
    }

    .updated-tb-main .wrapper {
        width: 100%;
        overflow-x: scroll;
    }

    /*recognition*/
    .profile_img {
        top: -35px;
    }

    .agent-policy-infop {
        min-height: 25px;
    }

    .view-d-profile {
        position: absolute;
        top: 5px;
        right: 0;
    }
}

@media (min-width:568px) and (max-width:767px) {
    /*Modal Width*/
    .modal-dialog {
        max-width: 90%;
    }
    /*Notification Accordion*/
    #ap-notification-accordion .ap-newBusiness .ap-checkbox-label, #ap-notification-accordion .ap-customerService .ap-checkbox-label, #ap-notification-accordion .ap-businessCritics .ap-checkbox-label, #ap-notification-accordion .ap-allCommissions .ap-checkbox-label {
        left: 11px;
    }

    .ap-newBusiness > .d-flex p:last-child, .ap-customerService > .d-flex p:last-child, .ap-businessCritics > .d-flex p:last-child, .ap-allCommissions > .d-flex p:last-child {
        position: relative;
        left: 10px;
    }
}

@media (max-width: 567px) {
    /*Notification Accordion*/
    .ap-all-select {
        right: 100px;
    }

    #ap-notification-accordion .ap-newBusiness .ap-checkbox-label, #ap-notification-accordion .ap-customerService .ap-checkbox-label, #ap-notification-accordion .ap-businessCritics .ap-checkbox-label, #ap-notification-accordion .ap-allCommissions .ap-checkbox-label {
        left: -17px;
    }

    .ap-newBusiness > .d-flex p:last-child, .ap-customerService > .d-flex p:last-child, .ap-businessCritics > .d-flex p:last-child, .ap-allCommissions > .d-flex p:last-child {
        position: relative;
        left: 10px;
    }
    /*Card Deck Component*/
    .ap-cardDeck {
        display: flex;
        flex-wrap: wrap;
    }

        .ap-cardDeck .ap-card {
            display: flex;
            width: 100%;
            padding-left: 0;
            padding-right: 0 !important;
        }

            .ap-cardDeck .ap-card > div.z-depth-1 {
                width: 100%;
            }
}

@media (max-width: 767px) {
    .ap-quicktools-dropdown .dropdown-menu {
        width: 100% !important;
        left: -0% !important;
    }
    .upload-form-modal .containerdnd {
        width: 100% !important;
    }
    .daterangepicker {
        width: 96% !important;
    }

    .calendar.left, .calendar.right {
        width: 100% !important;
    }

    .daterangepicker .calendar {
        max-width: none;
    }

    /*customer portal range slider changes starts here*/
    .reqfund-slidersec {
        border-right: none !important;
    }

    .edit_policynumber {
        top: 0;
    }

    .ap-program-cards {
        width: 88%;
    }

    .marketMaterialCard {
        margin-top: 0;
    }

    .bulletbox {
        width: 650px !important;
    }

    .ap-graphContainer {
        overflow-x: auto;
    }

    .ap-graphContainer-lifecredits {
        overflow-x: auto;
    }

    .currentIncentivesdata .progressBar > span {
        display: block !important;
        width: 100%;
    }
    /*customer portal range slider changes ends here*/
    /*flip card */
    .maincontainer {
        width: 88% !important;
        height: 130px;
    }

        .maincontainer > .front {
            width: 88% !important;
            height: 130px;
        }

        .maincontainer > .back {
            width: 88% !important;
            height: 130px;
        }
    /*flip card */
    /* Header media queries starts -----*/
    .navbar {
        box-shadow: none
    }

    table.dataTable.dtr-column > tbody > tr > td.control:before {
        top: 58% !important;
        left: 60% !important
    }

    main {
        padding-top: 75px;
    }
    /* Header media queries ends -----*/
    .ap-body-content-sec {
        padding-left: 8px;
        padding-right: 8px;
    }

    .ap-body-content-left {
        padding: 0px 15px;
    }

    .ap-right-sidebar.ap-homeright-sidebar {
        padding: 0px 15px !important
    }

    .ap-cat-dropdown .dropdown-menu {
        min-width: 0;
    }

    .ap-grid-search > .row {
        height: auto !important;
    }

    .float-buttons {
        top: 60% !important;
    }

    .ap-mobile-navContainer {
        height: auto;
    }

        .ap-mobile-navContainer > ul {
            height: 350px;
            overflow: auto
        }

    .ap-status-msg > p {
        width: 75%;
    }

    .apcustom-supporting-text {
        top: 0px !important;
        right: 0 !important;
    }

    .ap-cat-dropdown .dropdown-menu ul li {
        padding-left: 5px !important
    }

    table tr.child ul {
        width: 100%;
    }

        table tr.child ul li span.dtr-data {
            display: inline-block;
        }

    table th.dt-body-center {
        text-align: left;
    }

    .splash-modal .modal-dialog {
        width: auto;
        margin-top: 50px;
    }

    .header-impersonation {
        display: none !important;
    }

    table.dataTable > tbody > tr.child > td {
        padding: .5rem 1rem;
    }

    .error-alert {
        font-size: 4rem;
        margin: 0;
        position: initial;
    }

    .datepicker-dropdown table, .ap-calendar table {
        width: 100%
    }

    .product-data-grid table tbody tr > td:first-child {
        width: 50%;
    }

    .product-data-grid table tbody tr > td:last-child {
        width: 50%;
    }

    .apTextArea + div > label {
        font-size: 13px !important;
    }

    .pagination .page-item .page-link {
        font-size: .8rem;
    }

    .ap-grid-action-wrapper .pagination .page-item .page-link {
        padding: .5rem .25rem;
    }

    .commission-overview {
        padding-left: 15px;
    }

    #ap-perfomance-accordion a {
        font-size: 12px !important;
    }

    .splash-modal .modal-header img {
        width: 100%;
    }

    #ap-businessactionTable-full-grid ul.pagination li, #ap-salesideas-full-grid ul.pagination li {
        margin: 0 0 0 5px !important;
    }

    .ap-tableRemoveOptions .ap-grid-action-wrapper ul.pagination, #ap-salesideas-full-grid .ap-grid-action-wrapper ul.pagination {
        justify-content: center !important;
    }
}

/*------incentive accordion new changes*/
@media (max-width: 1200px) {

    .ap-search-tbl-nb-filter-new .search_new_icon {
        width: 38px
    }
    .ap-agent-tabComponent .wrapper {
        overflow-x: scroll !important;
    }

    a.ap-positioned {
        position: absolute;
        left: -6%;
        width: 100%;
    }
    /*------incentive accordion new changes*/
    #currentTab div.currentIncentivesdata {
        position: initial;
        left: unset;
        top: unset;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0;
        width: 100%;
    }

        #currentTab div.currentIncentivesdata .w20 {
            width: auto;
        }
    /*------incentive accordion new changes*/
    #currentTab div.ap-positionedrow {
        height: auto;
    }
}
/*------incentive accordion new changes*/
@media (max-width: 991px) {
    a.ap-positioned {
        position: absolute;
        left: -6%;
        width: 100%;
    }
    /* Header media queries starts -----*/

    header img {
        width: 65%
    }

    .ap-agent-tabComponent .wrapper {
        overflow-x: scroll !important;
    }

    /*------incentive accordion new changes*/
    #currentTab div.currentIncentivesdata {
        position: initial;
        left: unset;
        top: unset;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0;
        width: 100%;
    }

        #currentTab div.currentIncentivesdata .w20 {
            width: auto;
        }
    /*------incentive accordion new changes*/

    .accord-header-bg {
        background: #dde8ea !important;
    }

    #currentTab div.ap-positionedrow {
        height: auto;
    }

    /* Header media queries ends -----*/
    .ap-cat-dropdown .dropdown-menu {
        min-width: 180px;
    }

    .ap-hideinResponsive {
        display: none;
    }

    .splash-modal .modal-header img {
        width: 100%;
    }

    .ap-forgot-password {
        min-height: calc(100vh - 435px);
    }

    main {
        min-height: calc(100vh - 91px);
    }

    .product-data-grid table {
        width: 100%;
    }

    .alignMaterials {
        margin-left: 5%;
    }

    /*agent payment center*/
    .apcustom-supporting-text {
        top: 0;
        right: 0;
    }
    /* agent payment center*/
    /*DataTable - Footer*/
    /* .ap-tableRemoveOptions .ap-grid-viewpageslist{
            display: none !important;
        }
        .ap-tableRemoveOptions .ap-grid-viewpage{
            display: none !important;
        } */

    .navbar-collapse {
        width: 100%;
        overflow: auto;
    }

    .navbar {
        box-shadow: none !important
    }

    main {
        padding-top: 75px
    }

    .navbar-collapse.nav-item > a {
        height: 65px
    }

    .ap-mobilesidebarnavigation {
        position: absolute;
        top: 0;
        height: auto !important;
        min-height: 0 !important;
    }

    .ap-menubar {
        position: absolute
    }
}

@media (min-width: 992px) {
    /*Forgot Paaword Container*/
    .ap-ForgotPassword-container.container {
        max-width: 700px;
    }
}

@media (min-width: 768px) {
    nav.navbar li.nav-item > a.nav-link.active {
        border-bottom: 4px solid #3d9b35 !important;
        color: #32871e !important;
    }

    nav.navbar li.nav-item > a.nav-link:hover {
        color: #32871e !important;
        background-color: #f5f5f5 !important;
    }

    nav.navbar li.nav-item > a.nav-link {
        font-size: 0.9375rem;
        font-weight: 400;
    }

    nav.navbar li.nav-item .dropdown-menu ul li {
        list-style-type: none;
    }

    nav.navbar li.nav-item > a {
        min-height: 50px;
        color: #8a8787;
        font-weight: 300;
        border-bottom: none !important;
    }

    nav.navbar .dropdown-menu.show {
        border-radius: 2px;
        border: none;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    }

    nav.navbar li.nav-item > a:active, nav.navbar li.nav-item > a {
        outline: none;
    }

    .aptab-focus {
        outline: 3px solid #28a745 !important
    }

    .navbar li.nav-item .dropdown-menu a {
        font-size: 0.875rem;
        font-weight: 500;
    }

        .navbar li.nav-item .dropdown-menu a:active, .navbar li.nav-item .dropdown-menu a:hover {
            background: #32871e;
            color: #ffffff
        }

    .ap-footer-seperator {
        border-right: 1px solid #fff;
        line-height: 15px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1299px) {
    .delivery-tracker-icon-right {
        left: 624px;
    }
}

@media only screen and (max-width: 375px) {
    .delivery-tracker-icon-right {
        left: 142px;
    }
}

@media only screen and (min-width: 376px) and (max-width: 420px) {
    .delivery-tracker-icon-right {
        left: 180px;
    }
}

@media only screen and (max-width: 1024px) {
    .case-progress {
        overflow-x: scroll;
    }
    /*flip card */
    .maincontainer {
        width: 46%;
        height: 130px;
    }

        .maincontainer > .front {
            width: 46%;
            height: 130px;
        }

        .maincontainer > .back {
            width: 46%;
            height: 130px;
        }
    /*flip card */
}

@media only screen and (min-width: 1150px) and (max-width: 1199px) {

    .nb-popover {
        left: 65%;
    }

    /*flip card */
    .maincontainer {
        width: 46%;
        height: 130px;
    }

        .maincontainer > .front {
            width: 46%;
            height: 130px;
        }

        .maincontainer > .back {
            width: 46%;
            height: 130px;
        }
    /*flip card */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .delivery-tracker-icon-right {
        left: 487px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .dp-tbl-calendar-icon
{
    right: -20px !important;
}
}
/*All Media queries ends here----------------------------------------*/

/*Video Scroll componenet Styles Starts*/
.videos-container {
    display: flex;
    overflow-x: scroll;
    background-color: #F5F5F5;
    padding: 20px 0px 20px 20px;
}

    .videos-container .wistiaVideo {
        margin-right: 20px;
    }

    .videos-container::-webkit-scrollbar {
        height: 5px;
    }

    .videos-container::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
    }

    .videos-container::-webkit-scrollbar-thumb {
        background: #3d9b35;
    }

        .videos-container::-webkit-scrollbar-thumb:hover {
            cursor: pointer;
        }

.wistiaVideoTitle {
    font-weight: bold;
    margin-top: 12px;
}
/*Video Scroll componenet Styles Ends*/

/*Daliy Unit Values - Starts*/
.pick-a-date-wrapper {
    margin-top: 2px;
}

.pick-a-date-mob {
    margin-top: 16px;
    padding-top: 11px;
    padding-left: 0;
}

.duv-go-mob {
    margin-top: 28px;
}

.compare-unit {
    padding-right: 0;
    margin-top: 7px;
}

.duv-table .text-center {
    text-align: left !important;
}

.negative-value {
    color: #d0021b;
}

.text-left-mob {
    text-align: left;
}

.duv-tandc .tandc {
    margin-bottom: 12px;
}

.duv-tandc p {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #616365;
    margin-bottom: 0;
}

.daily-unit-values-table {
    overflow-x: auto;
}
/*Daliy Unit Values - Ends*/

/*agent payment center*/
.apcustom-supporting-text {
    top: -25px;
    position: relative;
    right: -270px;
    font-size: 12px;
}
/* agent payment center*/

/*Email Wrapping Use Case*/

table tr td.child ul li a.tbl-email-view, table tr td > .tbl-child-email-view {
    display: none !important;
}

table tr td > a.tbl-email-view, table tr td.child ul li a.tbl-child-email-view {
    display: inline-block !important;
}

/*Email Wrapping Use Case*/

/*efac page*/
.efac_list ul {
    list-style-type: none;
    padding-left: 15px;
    margin-top: 10px;
}

    .efac_list ul li {
        float: left;
        margin-right: 10px;
        height: 150px;
        list-style-type: none;
        width: 80px;
    }

        .efac_list ul li img {
            width: 80px;
            height: 82px;
        }

        .efac_list ul li a {
            font-size: 13px
        }

.ap-tool-item .z-depth-1 {
    min-height: 80px !important;
}

    .ap-tool-item .z-depth-1:hover {
        box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 16%), 1px 3px 10px 0 rgb(0 0 0 / 12%) !important;
    }

.ap-downline-agent-search {
    position: absolute;
    right: 0px;
    top: 15px;
    cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table tbody tr td.dtr-control:before {
        margin-top: 20px !important;
        margin-left: -5px !important;
    }
}

.content-block h2, .product-footer h2 {
    font-size: 1.25rem !important;
}

.content-block h3 {
    font-size: 1rem !important;
}

.ap-body-content-sec a:hover, .ap-agent-latestNewsComponent a:hover, .ap-agent-upcoming-trainingComponent a:hover {
    text-decoration: underline !important;
}

.ap-body-content-sec .cta-button a:hover, .ap-body-content-sec .ap-crousel-component a:hover, .ap-body-content-sec .upev_btn_view_reg:hover, .ap-body-content-sec .cpa-hover_tiles a:hover {
    text-decoration: none !important;
}

.ap-body-content-sec .no-border-bottom a:hover {
    text-decoration: none !important;
}

#outstandingTab table thead tr, #satisfiedTab table thead tr {
    background: rgba(0,0,0,.05) !important;
}

#outstandingTab table tr, #outstandingTab table tr th:first-child {
    background: none !important
}

#outstandingTab table, #satisfiedTab table {
    border-collapse: collapse !important;
    margin-bottom: 0 !important;
}

table .ap_empty_header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#outstandingTab table tr th, #satisfiedTab table tr th {
    /* background: rgba(0,0,0,.05satisfiedTab) !important; */
    border-right: 1px solid #eae6e6 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

#banner-button > a.btn-ap-green {
    outline: none !important;
    border: none !important
}

.tab-pane .print_header_list {
    display: none
}

@media print {
    .print_container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tab-pane {
        border-bottom: 2px solid #0000000d !important;
    }

    #secondaryTabContent .tab-pane:nth-child(4), .ap-timestamp, #secondaryTabContent .tab-pane:nth-child(5), .ap-left-sidebar {
        display: none !important
    }

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

    #header-sec {
        height: 75px !important;
    }

    .flex-row-reverse > p {
        margin-top: 2px !important;
    }

    .pagebreak {
        page-break-after: always;
    }

    .page-header {
        -webkit-print-color-adjust: exact;
    }

    .ap-agent-tabComponent {
        box-shadow: none !important;
    }

        .ap-agent-tabComponent p {
            font-size: 1rem !important;
        }

        .ap-agent-tabComponent span {
            font-size: 1.2rem !important;
        }

        .print_info,
        footer,
        .fa,
        .checkbtn,
        .ap-right-top-link-navigator, .ap-right-link-group, span[aria-hidden='true'],
        main .img-fluid, .ap-cardDeck,
        .ap-agent-tabComponent .wrapper,
        .ap-agent-tabComponent .w-100 > h2,
        .global_notification_modal,
        .ap-agent-accordionComponent,
        select,
        .ap-agent-collateralComponent,
        .ap-custumSelect, .ap-grid-search, .print_container > div > a {
            display: none !important;
        }

    #logo_img {
        padding: 2px !important;
        margin-left: 5px !important;
    }

    #header-sec .row > a {
        display: none !important;
    }

    .print_header {
        width: 100% !important;
    }

        .print_header h1 {
            font-size: 2rem !important;
            padding-right: 25px !important;
            border-right: 1px solid grey !important;
            font-weight: 200 !important;
            display: inline-block !important;
        }

        .print_header > span {
            font-size: 1.85rem !important;
            margin-top: 10px !important;
            font-weight: 100 !important;
            padding-left: 20px !important;
            color: #202020 !important;
        }

    header {
        position: absolute !important;
    }

    .tab-pane .print_header_list {
        list-style-type: none !important;
        padding-left: 0 !important;
        display: block !important;
    }

    .print_header_list a {
        text-decoration: none !important;
        padding-left: 0 !important;
        font-size: 16px !important;
    }

    * {
        -webkit-print-color-adjust: exact;
    }

    .tab-pane .txtgreen {
        font-size: 1rem !important;
    }

    @page {
        margin: 15mm
    }

    #divUserName .doNotPrint {
        display: none;
    }
}

/*Case Communication Styles*/
.cc-counticon {
    background: #E07424;
    padding: 2px 6px;
}

.cc-newicon {
    padding: 0px 8px;
    border-radius: 10px !important;
}

.chatBox {
    max-height: 400px;
    overflow-y: auto;
}

.emptyConversationMsg h3 {
    color: #CBCFD4;
}

.conv-thread {
    width: 100%;
}

    .conv-thread:last-child {
        margin-bottom: 0px !important;
    }

.reply-icon {
    position: relative;
    left: -25px;
    height: 17px;
    width: 17px;
    background-color: transparent;
    border-left: 1px solid #898c8f;
    border-bottom: 1px solid #898c8f;
    border-bottom-left-radius: 5px !important;
}

.nlgMsg {
    background-color: #F5F5F6;
    border-radius: 5px !important;
    width: 75%;
}

    .nlgMsg .fa-check-circle {
        float: left;
        font-size: 2.2rem;
        padding: 4px 10px 0px 0px;
        color: #3D9B35;
    }

.ap-body-content-sec .policy-documents a:hover {
    text-decoration: none !important;
}

.nlgMsgright {
    background-color: #F5F5F6;
    border-radius: 5px !important;
    width: 75%;
}

    .nlgMsgright .fa-check-circle {
        float: left;
        font-size: 2.2rem;
        padding: 4px 10px 0px 0px;
        color: #3D9B35;
    }

.agentMsg {
    width: 75%;
    background-color: #F5F5F6;
    border-radius: 5px !important;
    height: auto;
}

    .agentMsg .fa-check {
        color: #3D9B35;
    }

.agentMsgcasecomm {
    width: 75%;
    background-color: #F3F9EA;
    border-radius: 5px !important;
    height: auto;
}

    .agentMsgcasecomm .fa-check {
        color: #3D9B35;
    }

.agentMsglft {
    background-color: #F3F9EA;
    border-radius: 5px !important;
    height: auto;
    width: 75%
}

    .agentMsglft .fa-check {
        color: #3D9B35;
    }

.download-ap {
    position: relative;
    display: inline-block;
}

.dropdown-toggle::after {
    vertical-align: .1em !important;
}

a.dropdown-item:hover {
    background-color: #32871e;
    color: #fff;
}

.conv-thread-collapse {
    background-color: #E6EDF5;
}

/*Action required panel*/
.attach-multi {
    width: 100%;
    height: 100px;
    border: 1px solid #bdbdbd;
}

.attach-input {
    width: 100%;
    height: 97px !important;
    border: none;
    resize: none;
}

.attach-buttons {
    position: absolute;
    top: 50px;
    right: 25px;
}

.attach-button {
    cursor: pointer;
    border-radius: 3px !important;
    text-align: center;
    display: inline-block;
    border: none;
    background-color: #fff;
}

    .attach-button span {
        transform: rotate( -45deg );
    }

.attach-input:focus {
    outline: none;
    box-shadow: none;
}

#nb_page_upload_modal .modal-header, #nb_page_attach_modal .modal-header {
    border: 0px;
    padding-bottom: 0px;
}

#nb_page_upload_modal .modal-body, #nb_page_attach_modal .modal-body {
    padding-top: 0px;
}

.att-input input {
    border: none !important;
    border-bottom: 1px solid #000 !important;
}

    .att-input input:focus {
        outline: none;
        box-shadow: none;
    }

.indicators {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 0.8rem;
}

#nb_page_upload_modal li a {
    color: #616365;
    font-weight: normal;
    font-size: 0.875rem;
    padding: 23px 1rem 22px 1rem;
    text-transform: uppercase;
}

.userLinksDrops a.dropdown-header {
    cursor: default
}

#nb_page_upload_modal li.active a {
    color: #32871e;
    font-weight: bold;
}

.mu-file-name {
    color: #007FAC;
    overflow: hidden;
    height: 20px;
}

.mu-table-body .actions a {
    color: #32871e;
    font-size: 1rem;
    margin-right: 10px;
    cursor: pointer;
    font-weight: 400;
}

.mu-text {
    resize: none;
    width: 100%;
    border: none;
    height: 40px;
    overflow: hidden;
}

    .mu-text:focus {
        outline: none;
    }

.mu-dropdown {
    width: 250px;
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    border-bottom: 1px solid #3F403C;
    transition: all .5s ease;
    position: relative;
    font-size: 0.8125rem;
    color: #474747;
    height: 100%;
    text-align: left
}

    .mu-dropdown .mu-select {
        cursor: pointer;
        display: block;
    }

        .mu-dropdown .mu-select > i {
            font-size: 1rem;
            color: #888;
            cursor: pointer;
            transition: all .3s ease-in-out;
            float: right;
            line-height: 24px;
        }

    .mu-dropdown.active .mu-select > i {
        transform: rotate(180deg)
    }

    .mu-dropdown .mu-dropdown-menu {
        position: absolute;
        background-color: #fff;
        width: 310px;
        left: -60px;
        margin-top: 10px;
        border-radius: 0 1px 2px 2px;
        display: none;
        z-index: 9
    }

        .mu-dropdown .mu-dropdown-menu li {
            padding: 10px;
            transition: all .2s ease-in-out;
            cursor: pointer
        }

    .mu-dropdown .mu-dropdown-menu {
        padding: 0;
        list-style: none
    }

        .mu-dropdown .mu-dropdown-menu li:hover {
            background-color: #3D9B35;
            color: #fff;
        }

        .mu-dropdown .mu-dropdown-menu li:active {
            background-color: #e2e2e2
        }

.ap-btn-white {
    border: 1px solid #3D9B35;
    font-weight: bold;
    background: #fff;
    color: #32871e;
    width: 70%;
    border-radius: 3px !important;
}

.btn-na {
    opacity: 0.5;
    background: #fff !important;
}

.per-green {
    color: #28a745 !important;
}

.per-orange {
    color: orangered !important;
}

.per-grey {
    color: grey !important;
}

.per-green {
    color: #28a745 !important;
}

.per-orange {
    color: orangered !important;
}

.per-green {
    color: #14860C !important;
}

.per-orange {
    color: #C35000 !important;
}

.per-grey {
    color: grey !important;
}

table .sr-caption {
    position: absolute;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media only screen and (max-width: 420px) {
    .logo-img {
        width: 70%;
    }

    .notification-container {
        width: 350px;
        right: 0;
        top: 90px;
    }

    .toast_component .downline-message-box {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .toast_close {
        position: absolute;
        right: 0
    }

    .attach-multi {
        height: 145px !important;
    }
}

@media only screen and (min-width: 421px) and (max-width: 767px) {
    .notification-container {
        width: 350px;
        right: 0;
        top: 90px;
    }

    .attach-multi {
        height: 145px;
    }

    .toast_component .downline-message-box {
        width: 90% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .toast_close {
        position: absolute;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .ml-n50 {
        margin-left: -20px;
    }

    .banner_apa_big_parent > img {
        height: 170px;
        object-fit: cover;
    }

    .right-synop {
        clip-path: polygon(0 0,0% 100%,100% 100%,100% 0)
    }

    .apa_banner_new .big_desc, .apa_old_banner .big_desc {
        position: initial;
        top: initial;
        left: initial;
    }

    .ap-btn-more, .btn-na, .identify {
        margin-top: 5px;
        width: 100%;
    }

    .indicators {
        display: none;
    }

    .attach-buttons {
        top: 10px;
        right: 12px;
    }
}

/*.ap-btn-white:hover, .ap-btn-more:hover {
    background: #3D9B35;
    border: 1px solid #fff;
    color: #fff;*/
}

.maincontainer .flip-link:hover {
    /*color: #000;*/
    text-decoration: none !important
}

.ap-btn-more {
    border: 1px solid #3D9B35;
    font-weight: bold;
    background: #fff;
    color: #32871e;
    border-radius: 3px !important;
}

@media only screen and (max-width: 920px) and (min-width: 768px) {
    .notification-container {
        width: 650px;
        right: 0;
        top: 90px;
    }
    .popover1 {
        left: 0%;
        transform: translateX(0%);
        margin-left: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 921px) {
    .popover1 {
        left: 0%;
        transform: translateX(0%);
        margin-left: 0;
    }

    .notification-container {
        width: 600px;
        right: 0;
    }
}

.ap-square-icon {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 5px;
}

.ap-circle-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    margin-right: 5px;
}

.ap-sky {
    background: #77c1c1;
}

.ap-square-custom-icon {
    transform: rotate( 45deg );
}

.ap-q1 {
    background: #00a89e;
}

.ap-q2 {
    background: #e07426;
}

.ap-q3 {
    background: #1d355e;
}

.ap-q4 {
    background: #5CB340;
}

.ap-green-alt {
    background: #3D9B35;
}

@media only screen and (min-width: 1025px) {
    #nb_page_upload_modal .modal-dialog, #nb_page_attach_modal .modal-dialog, #nb_page_attach_reply_modal .modal-dialog {
        max-width: 550px !important;
    }
}

/*Case Communication Inforce*/

.caseCommunicationInforce .nlgMsg, .caseCommunicationInforce .agentMsg {
    background-color: #ffffff !important;
    border: 2px solid #D6D8E1 !important;
    width: 100% !important;
    border-radius: 0px !important;
}

.caseCommunicationInforce .conv-thread-collapse {
    background-color: #ffffff !important;
}

.chatBox, .caseCommunicationInforce {
    max-height: 400px;
    overflow-y: auto;
}

.cc-counticon {
    background: #E07424;
    padding: 2px 6px;
}

.cc-newicon {
    padding: 0px 8px;
    border-radius: 10px !important;
}

.chatBox, .caseCommunicationInforce {
    max-height: 400px;
    overflow-y: auto;
}

.emptyConversationMsg h3 {
    color: #CBCFD4;
}

.attach-input::-webkit-scrollbar, .conv-thread::-webkit-scrollbar, .caseCommunicationInforce::-webkit-scrollbar {
    width: 5px;
}

.attach-input::-webkit-scrollbar-track, .conv-thread::-webkit-scrollbar-track, .caseCommunicationInforce::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

.attach-input::-webkit-scrollbar-thumb, .conv-thread::-webkit-scrollbar-thumb, .caseCommunicationInforce::-webkit-scrollbar-thumb {
    background: #3d9b35;
}

    .attach-input::-webkit-scrollbar-thumb:hover, .conv-thread::-webkit-scrollbar-thumb:hover, .caseCommunicationInforce::-webkit-scrollbar-thumb:hover {
        cursor: pointer;
    }
/*Case Communication Inforce*/

/*Notification hub styles*/
.blocker {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.global_notification_modal.menu_clicked, .util-stay {
    background-color: #255C2E !important;
}

.global_notification_modal a, .global_search_modal a, .global_quick_modal a, .global_user_modal a {
    padding: 8px;
}

.global_notification_modal:hover, .global_search_modal:hover, .global_quick_modal:hover, .global_user_modal:hover {
    background-color: #255C2E !important;
}

.notification-popup {
    z-index: 9;
}

.global_notification_modal {
    z-index: 99
}

.notification-msg-list {
    overflow-y: auto;
    max-height: 320px;
}


/* notification container new updates*/

.global_notification_right {
    position: fixed;
    width: 500px;
    z-index: 99999;
    right: -500px;
}

.notification-container {
    position: absolute;
    width: 100%;
    height: auto;
    background-color: #F5F5F6;
    top: 0px;
    padding: 20px;
}

.notification-msg-list::-webkit-scrollbar-thumb {
    background: #3d9b35;
}
/* notification container new updates*/

.notifications {
    width: 100%;
    min-height: 100px;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 15px;
}

.notify-close {
    text-decoration: none;
    color: #3f403c;
}

    .notify-close:hover {
        color: #3f403c;
    }

.notification-container::-webkit-scrollbar {
    width: 5px;
}

.notification-container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

.notification-container::-webkit-scrollbar-thumb {
    background: #3d9b35;
}

    .notification-container::-webkit-scrollbar-thumb:hover, .mu-remove-note {
        cursor: pointer;
    }

.notification-msg-list::-webkit-scrollbar {
    width: 5px;
}

.global_notification_right {
    transition: all .3s ease-in-out;
}

.notification-msg-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
}

.notification-msg-list::-webkit-scrollbar-thumb {
    background: #616161;
}

    .notification-msg-list::-webkit-scrollbar-thumb:hover, .mu-remove-note {
        cursor: pointer;
    }

.badge-dot {
    padding: 0px 5px;
    margin: 0px;
    position: relative;
    left: -5px;
    top: -10px;
    background-color: #AF0014;
    border-radius: 50% !important;
    font-size: 0.75rem;
}

.notified-msg p {
    font-size: 18px;
}

#downline-message-box + .row {
    display: none;
}

.btn-na {
    opacity: 0.5;
}

#DataTables_Table_1 tbody tr td:first-child {
    padding-right: 3px !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    .notification-container {
        width: 500px;
        right: 0;
    }
}

@media only screen and (min-width: 1500px) {
    .notification-container {
        width: 600px;
        right: 0;
    }
}

.tooltip-inner {
    max-width: 300px !important;
    padding: 3px 8px;
    color: #000;
    text-align: left;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
}

​​​​​​​
/*new tool tip*/
.popover-body {
    background: #000 !important;
    color: #fff !important;
    width: 300px !important;
    font-size: 13px;
}

​​​​​​​
.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
    border-right-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
    border-right-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
    border-left-color: #000 !important;
}

.bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
    border-left-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
    border-top-color: #000 !important;
}

​​​​​​

.bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {
    border-top-color: #000 !important;
}

​​​​​​​
.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
    border-bottom-color: #000 !important;
}

​​​​​​
.bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {
    border-bottom-color: #000 !important;
}

​​​​​​​
.new_tbl_tooltip {
    width: 300px !important;
}

/*ActionREquired*/
.more-action {
    transform: translate(0px, 0px);
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    z-index: 9;
    right: 30px;
}

    .more-action ul {
        padding: 0;
        width: max-content;
        margin: 0;
    }

        .more-action ul li {
            list-style-type: none;
            padding: 10px 35px 10px 10px;
            cursor: pointer;
        }

            .more-action ul li:last-child {
                border: none;
            }

            .more-action ul li:hover {
                background-color: #3d9b35;
                color: #ffffff;
            }

.pdf_icon {
    color: #AF0014 !important;
}

.dateStampIndicator {
    position: absolute;
    top: 48px;
    right: 30px;
    font-size: 0.8rem;
}

.arrow-collapse-action .fa:before {
    content: "\f0d8";
    color: green;
    font-size: 18px;
}

.arrow-collapse-action.collapsed .fa:before {
    content: "\f0d7";
    color: green;
    font-size: 18px;
}

/*Policy Delivery Preferences*/
.card-tile {
    min-height: 140px;
    padding: 7px 10px;
}

    .card-tile p {
        font-size: 0.75rem;
    }

        .card-tile p span.fa-check {
            color: #369B46;
        }

.card-tile-static {
    min-height: 89px !important;
    padding: 7px 10px;
}

.defaulted {
    position: absolute;
    bottom: 15px;
}

/*Styling Set default*/
.setPrefdropdown {
    width: 60%;
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #3D9B35;
    transition: all .5s ease;
    position: absolute;
    font-size: 14px;
    color: #3D9B35;
    font-weight: bold;
    height: auto;
    text-align: left;
    bottom: 15px;
}

    .setPrefdropdown .setPrefselect {
        cursor: pointer;
        display: block;
        padding: 0px 6px;
    }

        .setPrefdropdown .setPrefselect > em {
            font-size: 0.875rem;
            color: #3D9B35;
            cursor: pointer;
            transition: all .3s ease-in-out;
            float: right;
            line-height: 20px
        }

        .setPrefdropdown .setPrefselect > i {
            font-size: 0.875rem;
            color: #3D9B35;
            cursor: pointer;
            transition: all .3s ease-in-out;
            float: right;
            line-height: 20px
        }

    .setPrefdropdown:active {
        background-color: #f8f8f8;
    }

    .setPrefdropdown.active:hover, .setPrefdropdown.active {
        border-radius: 2px 2px 0 0;
    }

        .setPrefdropdown.active .setPrefselect > em {
            transform: rotate(-180deg)
        }

        .setPrefdropdown.active .setPrefselect > i {
            transform: rotate(-180deg)
        }

    .setPrefdropdown .setPrefdropdown-menu {
        position: absolute;
        background-color: #fff;
        color: #555;
        font-weight: normal;
        width: 100%;
        left: 0;
        margin-top: 1px;
        box-shadow: 0 1px 2px rgb(204, 204, 204);
        border-radius: 0 1px 2px 2px;
        overflow: hidden;
        display: none;
        max-height: 144px;
        overflow-y: auto;
        z-index: 9
    }

        .setPrefdropdown .setPrefdropdown-menu li {
            padding: 10px;
            transition: all .2s ease-in-out;
            cursor: pointer
        }

    .setPrefdropdown .setPrefdropdown-menu {
        padding: 0;
        list-style: none
    }

        .setPrefdropdown .setPrefdropdown-menu li:hover {
            color: #FFFFFF;
            background-color: #3D9B35
        }

        .setPrefdropdown .setPrefdropdown-menu li:active {
            background-color: #3D9B35
        }
/*Styling Set default*/

.card-tile p a.btdDflt {
    color: #3D9B35;
    border: 1px solid #3D9B35;
    background-color: #FFF !important;
    font-size: 0.875rem;
    border-radius: 3px !important;
}

/*check mark style*/
.addressDefault {
    display: inline;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .addressDefault input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #3D9B35;
    border-radius: 4px !important;
}

/* When the checkbox is checked, add a blue background */
.addressDefault input:checked ~ .checkmark {
    background-color: #3D9B35;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.addressDefault input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.addressDefault .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.notification_addAddress_modal .md-form label.active {
    transform: translateY(-20px) scale(0.8) !important;
}
/*check mark style*/

@media only screen and (max-width: 767px) {
    .card-tile {
        min-height: 145px;
    }
}
/*Policy Delivery Preferences*/

.modal-body iframe body {
    margin-bottom: 0px !important;
}

.modal-xl {
    max-width: 940px;
}

/*reminer css*/

.ap-reminder .card-body, .ap-orderpromise .card-body,
.ap-reminder .card-header, .ap-orderpromise .card-header {
    background-color: #EBF5EA;
}

.ap-reminder .card, .ap-orderpromise .card, .email-status-container {
    border: 1px solid #3D9B35;
    background-color: #EBF5EA;
}

.reminder-bell-icon {
    color: #007fac;
}

.bs-tooltip-top .arrow.left150 {
    left: 148px !important;
}
.ap-close-reminder, .ap-close-orderpromise {
    color: #000;
}

.ap-reminder .card-body i, .ap-remind-info {
    color: #3D9B35
}

.status-container .float-buttons {
    top: 70%
}

/* The animation code */
.float-buttons .order-promise {
    right: 25px !important;
    position: absolute;
    top: -10px;
}

    .float-buttons .order-promise img {
        width: 80px;
        height: 80px;
    }

.email-failure-msg i, .email-failure-msg span {
    color: #9b3548
}

.ap-reminder, .ap-orderpromise {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.paperless-link {
    color: #3d9b35 !important;
}

.menuactive-tour {
    z-index: 99999 !important;
}

.tour-step-backdrop {
    background: #ffffff !important
}

.submenu-tour-style {
    position: absolute;
    z-index: 99999 !important;
    top: -5px;
}

.menu-pos-inherit {
    position: inherit !important;
}
/*reminer css*/
/*reminer css*/

.ap-skeletal {
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #3d9b3b;
    z-index: 99999999
}

.tour-tour .popover-title {
    background-color: #fff !important;
    font-weight: 600;
    border: none !important;
    color: #3f403c !important;
}

.step-indicator > span {
    width: 6px;
    height: 6px;
    border: 1px solid grey;
    border-radius: 50% !important;
    display: inline-block;
    background: #edf1f2;
}

    .step-indicator > span.active_indicator {
        border: 1px solid #3d9b3b !important;
        background: #3d9b3b !important;
    }

.ap-right-top-link-navigator .tour-step-backdrop {
    background: transparent !important
}

.tour-tour button {
    color: #fff !important;
    background-color: #3D9B35 !important
}

.reqNlg {
    border: 1px solid #CBCED2;
    padding-left: 12px;
    padding-top: 15px;
    margin-top: 15px;
    position: relative;
}

.reqNlg-txt {
    position: absolute;
    top: -12px;
    left: 38%;
    background-color: #fff;
    padding: 0 20px;
}


.topLable {
    position: absolute;
    display: inline;
    top: 3px;
    font-size: 13px;
}

.setAgencydropdown {
    width: 230px;
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    border-bottom: 1px solid #202020;
    transition: all .5s ease;
    font-size: 14px;
    color: #202020;
    height: 27px;
    text-align: left;
}

    .setAgencydropdown .setPrefselect {
        cursor: pointer;
        display: block;
        padding-right: 6px;
    }

        .setAgencydropdown .setPrefselect > i {
            font-size: 0.875rem;
            cursor: pointer;
            transition: all .3s ease-in-out;
            float: right;
            line-height: 20px
        }

    .setAgencydropdown:active {
        background-color: #f8f8f8;
    }

    .setAgencydropdown.active:hover, .setAgencydropdown.active {
        border-radius: 2px 2px 0 0;
    }

        .setAgencydropdown.active .setPrefselect > i {
            transform: rotate(-180deg)
        }

    .setAgencydropdown .setPrefdropdown-menu {
        position: absolute;
        background-color: #fff;
        color: #555;
        font-weight: normal;
        width: 230px;
        left: 163px;
        margin-top: 8px;
        box-shadow: 0 1px 2px rgb(204, 204, 204);
        border-radius: 0 1px 2px 2px;
        overflow: hidden;
        display: none;
        max-height: 144px;
        overflow-y: auto;
        z-index: 9
    }

.agncydrpdn {
    /*left: 0px !important;*/
}

.setAgencydropdown .setPrefdropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

/* New Addded */
.pip-contri-link-underline a {
    text-decoration: underline;
}


.setAgencydropdown .setPrefdropdown-menu {
    padding: 0;
    list-style: none
}

    .setAgencydropdown .setPrefdropdown-menu li:hover {
        color: #FFFFFF;
        background-color: #3D9B35
    }

    .setAgencydropdown .setPrefdropdown-menu li:active {
        background-color: #3D9B35
    }


.convmessagewrap {
    white-space: pre-wrap;
}

.inbxmessage {
    cursor: pointer;
}


/*Third Party Requiremtns*/

#ap-businesspolicy-full-grid table.dataTable thead th, #ap-businesspolicycompleted-full-grid table.dataTable thead th,
#ap-businessrequirements-inprogress-full-grid table.dataTable thead th, #ap-business-ordered-requirements-full-grid table.dataTable thead th,
#ap-business-thirdparty-requirements-full-grid table.dataTable thead th {
    text-align: left !important;
}

#ap-businessrequirements-inprogress-full-grid table.dataTable thead th, #ap-business-ordered-requirements-full-grid table.dataTable thead th,
#ap-business-thirdparty-requirements-full-grid table.dataTable thead th, #collapseAgentActionRequired table.dataTable thead th {
    padding-top: 7px !important;
    padding-bottom: 3px !important;
}

#nb_Third_Party_Requirement_Modal .modal-dialog {
    width: 750px;
    max-width: 800px;
}

#ap-business-thirdparty-requirements-full-grid table.dataTable thead th {
    background-color: #F5F5F6;
}

#ap-business-thirdparty-requirements-full-grid table.dataTable tbody td {
    border-top: 1px solid #dee2e6 !important;
}


.tab-pane .nb-counticon {
    padding: 2px 7px;
}

.nb-counticon-gray {
    border-radius: 50% !important;
    display: inline-block;
    min-width: 23px;
    min-height: 23px;
    font-size: 13px;
    font-weight: normal;
    background: gray;
    margin-left: 5px;
    text-align: center;
    color: #ffffff
}


.ccomm-counticon {
    background: #E07424 !important;
    padding: 2px 6px;
}

.ccomm-counticonnew {
    background: #E07424 !important;
    padding: 2px 6px;
}

.nbcasecomm-counticonnew {
    border-radius: 50% !important;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: normal;
    background: #AF0014;
    margin-left: 5px;
    color: #ffffff;
    padding: 0px 6px;
}

.nbcasecomm-counticon {
    border-radius: 50% !important;
    display: inline-block;
    /*width: auto;*/
    min-height: 23px;
    font-size: 13px;
    font-weight: normal;
    background: #AF0014;
    /* margin-left: 5px; */
    color: #ffffff;
    padding: 4px 4px;
    min-width: 23px;
    text-align: center;
}

.nb-counticon-agntreq {
    border-radius: 50% !important;
    display: inline-block;
    min-width: 23px;
    min-height: 23px;
    font-size: 13px;
    font-weight: normal;
    background: #AF0014;
    margin-left: 5px;
    text-align: center;
    color: #FFFFFF;
}

.nb-counticon-agntreqhead {
    border-radius: 50% !important;
    display: inline-block;
    min-width: 23px;
    min-height: 23px;
    font-size: 13px;
    font-weight: normal;
    background: #AF0014;
    margin-left: 5px;
    text-align: center;
    color: #FFFFFF;
    padding: 2px 4px;
}


.nb-counticon-reqinprog {
    border-radius: 50% !important;
    display: inline-block;
    min-width: 23px;
    min-height: 23px;
    font-size: 13px;
    font-weight: normal;
    background: gray;
    margin-left: 5px;
    text-align: center;
    color: #FFFFFF;
}

/*Notification preferences*/
.ap-agent-tabComponent .ap-agent-accordionComponent button {
    background-color: #DDE8EA;
}

    .ap-agent-tabComponent .ap-agent-accordionComponent button.collapsed {
        background-color: #fff;
    }


#collapseAgentActionRequired table thead th {
    border-right: none !important;
}

#ap-businessrequirements-inprogress-full-grid table thead th {
    border-right: none !important;
}

#ap-business-ordered-requirements-full-grid table thead th {
    border-right: none !important;
}

#headingAgentActionRequired button[aria-expanded="true"] {
    background: rgba(0,0,0,0.05) !important;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
    color: #3f403c !important;
    font-size: 12px !important;
}

#headingRequirementsInProgress button[aria-expanded="true"] {
    background: rgba(0,0,0,0.05) !important;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
    color: #3f403c !important;
    font-size: 12px !important;
}

#headingOrderedRequirements button[aria-expanded="true"] {
    background: rgba(0,0,0,0.05) !important;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
    color: #3f403c !important;
    font-size: 12px !important;
}

#headingAgentActionRequired button[aria-expanded="false"] {
    background: rgba(0,0,0,0.0) !important;
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 16%), 0 0px 6px 0 rgb(0 0 0 / 12%) !important;
    color: #3f403c !important;
    font-size: 12px !important;
}

#headingRequirementsInProgress button[aria-expanded="false"] {
    background: rgba(0,0,0,0.0) !important;
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 16%), 0 0px 6px 0 rgb(0 0 0 / 12%) !important;
    color: #3f403c !important;
    font-size: 12px !important;
}

#headingOrderedRequirements button[aria-expanded="false"] {
    background: rgba(0,0,0,0.0) !important;
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 16%), 0 0px 6px 0 rgb(0 0 0 / 12%) !important;
    color: #3f403c !important;
    font-size: 12px !important;
}

#reqgrid #ap-businesspolicy-full-grid tbody tr, #ap-businessrequirements-inprogress-full-grid tbody tr, #ap-business-ordered-requirements-full-grid tbody tr {
    height: 38px;
}

    #reqgrid #ap-businesspolicy-full-grid tbody tr .ap-btn-plain-green, #ap-businessrequirements-inprogress-full-grid tbody tr .ap-btn-plain-green, #ap-business-ordered-requirements-full-grid tbody tr .ap-btn-plain-green {
        margin-bottom: 0px;
        margin-top: 0px
    }


.global_notification_modal:hover, .global_search_tour_modal:hover, .global_quick_tour_modal:hover, .global_user_tour_modal:hover {
    background-color: #255C2E;
    /*padding-left:-10px;*/
}

.badge-dot1 {
    padding: 0px 8px;
    margin: 0px;
    position: relative;
    left: -8px;
    top: -10px;
    background-color: #AF0014;
    border-radius: 100% !important;
    font-size: 0.75rem;
    z-index: 9999 !important;
    display: inline-block;
    width: 15px;
    height: 15px;
}

/*confirmation starts here*/
.confirmation-heading {
    padding-top: 30px;
}

.confirmation-successmsg {
    font-size: 38px !important;
    color: #3d9b35;
    font-family: Open Sans Bold;
    margin-bottom: 10px;
    padding-top: 18px;
}

.confirmation-success-img {
    padding-right: 15px;
    padding-bottom: 10px;
}

.confirmation-sub-messages {
    padding-left: 0px;
}

    .confirmation-sub-messages p {
        margin-bottom: 5px;
    }

.backto-home-link {
    padding-top: 15px;
}

.confirmation-print-msg {
    padding-top: 15px;
    padding-left: 0px;
}

.confirmation-border {
    padding: 0px;
}

.confirmation-body, .confirmation-begin-claimsec, .confirmation-request-loansec, .confirmation-paymentsec, .confirmation-change-benesec, .confirmation-change-allocsec {
    padding-top: 15px;
}

.confirmation-time-icon {
    padding-right: 10px;
}

.confirmation-print-icon {
    padding-right: 10px;
}

.changestrtegy-confirmation-head {
    margin-top: -18px;
}


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

.confirmation-bene-name {
    border-radius: 15px !important;
    margin-right: 195px;
    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    margin-left: 10px;
}

.insta-social-caption {
    height: 40px;
    overflow: hidden;
    color: #585857 !important;
}

.insta-video-feed-icon {
    position: absolute;
    top: 35%;
    left: 35%;
    z-index: 999999;
    opacity: .5;
    color: #fff;
    font-size: 64px;
}

.confirmation-sec p, .confirmation-sec strong, .confirmation-sec span {
    font-size: 14px;
}

.backto-home {
    float: right;
}

.confirmation-begin-claimsec, .confirmation-body {
    padding-left: 0px;
    padding-right: 0px;
}

.confirmation-head-sec {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    margin: 0px 0px;
}

.confirmation-sec strong {
    text-align: right;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .confirmation-bene-name {
        margin-right: 95px !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .confirmation-bene-name {
        margin-right: 80px !important;
    }
}

@media (max-width: 767px) {
    .backto-home-link {
        text-align: center;
    }

    .change-strategy-border {
        padding-left: 15px;
        padding-right: 15px;
    }

    .confirmation-successmsg {
        font-size: 34px !important;
    }

    .backto-home {
        float: none !important;
    }
}
/* confirmation ends here*/

/* Death Claim Starts Here */
.deathclaimstate {
    padding-top: 31px;
}

.claims-subheading, .changealloc-subheading {
    font-size: 20px;
    color: #202020;
    font-family: Open Sans Bold, sans-serif;
    margin-bottom: 5px;
}

.claims-collapsewrapper, .changealloc-collapsewrapper {
    /*margin-left:15px;*/
    padding-top: 10px;
}

.claims-subheadno, .changealloc-subheadno {
    font-size: 20px;
    text-align: center;
    color: #202020;
    font-family: Open Sans Bold, sans-serif;
}

.claims-subheaddesc, .changealloc-subheaddesc {
    margin-bottom: 10px;
}

.claims-collapsewrapper .card-body, .changealloc-collapsewrapper .card-body {
    padding: 20px 0px 0px 0px;
}

.claims-nextcancelbtn {
    margin-bottom: 15px;
    padding-top: 10px;
}

.varBalancedOpportunityFlagClaim-errormsg, .varProductPrivilegeClaim-errormsg, .varProductNonPrivilegeClaim-errormsg, .ChangeAddress-errormsg, .blocledIp-errormsg, .submissionAllowed-errormsg {
    font-size: 14px;
    color: #d0021b;
}

h2.deathbenefit-claimheading {
    font-size: 24px !important;
}

.deathbenefits-details {
    padding: 15px 0px;
}

.contactprefer-email {
    margin-right: 25px;
}

.contactprefer-heading {
    margin-bottom: 15px;
    margin-top: 10px;
}

.contactdetails-heading {
    margin-bottom: 30px;
    margin-top: 10px;
}

#claimsFillForm .md-form {
    margin-top: -10px !important;
}

#claimsFillForm .set-margin {
    margin-top: -8px !important;
}

#claimsFillForm .set-drop-margin {
    margin-top: -2px !important;
}

#claimsFillForm .claimaddressline-temp {
    margin-top: -8px !important;
    margin-bottom: 1.5rem;
}

.cl-comment-lbl.active {
    transform: translateY(-22px) scale(0.8) !important;
}

#claimsFillForm label.active {
    transform: translateY(-22px) scale(0.8);
}

.date-of-death-cal {
    margin-top: 2px !important;
}

.fillout-form {
    padding-top: 10px;
}

.claims-collapsewrapper a.grayed-text p, .changealloc-collapsewrapper a.grayed-text p {
    color: #72767d;
}

.grayed-text {
    color: #72767d;
}

.claims-subheadno.disabled, .changealloc-subheadno.disabled {
    color: #72767d;
}

.claims-success, .changealloc-success {
    padding-left: 5px;
    margin-top: -5px;
}

.claims-successmsg {
    font-size: 22px;
    color: #3d9b35;
    font-family: Open Sans Bold, sans-serif;
    margin-bottom: 10px;
}

.makeanother-claimlink {
    padding-top: 5px;
}

.mobile-subheadno {
    display: none;
}

.claimsform-successtick, .claimtype-successtick, .policyno-successtick, .changealloc-successtick, .changeallocform-successtick {
    display: none;
}

.formfields-wrapper {
    padding: 0px;
}

.comments-section, .comments-section p, .detailsofcondition-wrapper, .detailsofcondition-wrapper p {
    margin-bottom: 0;
    padding-bottom: 0px;
}

.policydetails-info {
    margin-bottom: 20px;
}

/*select:focus{outline:none;}*/
.claimfilform-heading, .selectpoliy-heading, .claimtype-heading {
    pointer-events: none;
    cursor: default;
    display: block;
}

.allocationcursor {
    cursor: default;
}

.comments-section textarea, .detailsofcondition-wrapper textarea {
    min-height: inherit;
    padding: 0;
    border-bottom: 1px solid #898c8f;
}

/* Death Claim Ends Here */
.inforcedet-tab li a {
    padding-right: .38rem !important;
}

.ap-notification-loader {
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #3d9b3b;
    z-index: 99999999;
}

.ui-autocomplete {
    z-index: 999999;
}

/* mobile search bar*/
.mobile_view_searchpanel {
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 15%);
}

.mobile_search_key {
    padding: 4px 10px;
    border-radius: 4px !important;
    color: #007fac;
    border: 1px solid #007fac;
    background: #fff !important;
}

    .mobile_search_key.active {
        background-color: #007fac !important;
        color: #fff;
        font-weight: 500;
    }

.mobile-search-box input {
    padding: 8px 10px;
    border-radius: 4px !important;
    border: solid 1px #eaeaea;
    background-color: #fff;
}

.mobile-search-box a {
    position: absolute;
    right: 25px;
    top: 8px;
    float: right;
}

.mobile-search-box span {
    color: #3d9b35;
}
/* mobile search bar*/

table.report-white-bg tr.bookmark_row, table.report-white-bg tr.bookmark_row + tr.child {
    background: #cbe3cd !important
}

table.dataTable > tbody > tr.bookmark_row.child:hover, table.dataTable > tbody > tr.bookmark_row + tr.child:hover {
    background: #cbe3cd !important;
}

@media only screen and (max-width: 1023px) {
    .toast_component .downline-message-box {
        width: 80% !important;
        margin-left: 0;
        margin-right: 0;
    }
}
/* Mobile User App Starts Here */
#redirecttoapp_modal {
    height: initial !important;
    bottom: -450px;
    top: initial !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    transition: ease-in-out 1s;
}

#redirecttoapp_modal {
    width: 98.5% !important;
}

.redirect_button_ap {
    border-radius: 5px !important;
    background-color: #357ea8 !important;
    font-size: 16px !important;
    color: #ffffff !important;
}

.redirect_header {
    color: #3f403c;
    font-size: 18px
}

.app-redirect-check-modal {
    font-size: 1rem !important;
    text-align: center !important;
}
/* Mobile User App Ends Here */
/* Inline Commands Starts Here */

.color-red {
    color: red;
}

.whitespace-pre-line {
    white-space: pre-line;
}

.width7-percent {
    width: 7%;
}

.pl-5px {
    padding-left: 5px;
}

.pl-17px {
    padding-left: 17px;
}

.txtalign-left {
    text-align: left;
}

.txtalign-center {
    text-align: center;
}

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

.width20-percent {
    width: 20%;
}

.width100-percent {
    width: 100% !important;
}

.bw-0px {
    border-width: 0px;
}

.width60-percent {
    width: 60%;
}

.width65-percent {
    width: 65%;
}

.width40-percent {
    width: 65%;
}

.width50-percent {
    width: 50%;
}

.width80-percent {
    width: 80%;
}

.fontweight-bold {
    font-weight: bold;
}

.position-relative {
    position: relative;
}

.rfont-size {
    font-size: 0.8rem;
}

.bg-none {
    background: none !important;
}

.modal-popupiframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.wrap-break {
    word-wrap: break-word;
}

.sp-nbannerdetails {
    color: #3D9B35;
    font-size: 1.2rem;
}

.clr-attach {
    color: #3D9B35;
}

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

.clr-status {
    color: #000000 !important;
}

.width-25px {
    width: 25px;
}

.th-outstandingrequirement {
    width: 5%;
    background-position-x: 18px;
    text-align: left !important;
}

.th-daysopen {
    width: 10%;
    background-position-x: 78px;
    text-align: left !important;
}

.th-orderedrequirement {
    width: 4%;
    background-position-x: 18px;
    text-align: left !important;
}

.th-orderedrequirement-daysopen {
    width: 10%;
    background-position-x: 18px;
    text-align: left !important;
}

.th-orderedrequirement-desc {
    width: 29%;
    background-position-x: 18px;
    text-align: left !important;
}

.th-orderedrequirement-insured {
    width: 20%;
    background-position-x: 18px;
    text-align: left !important;
}

.th-orderedrequirement-receivedate {
    width: 11%;
    background-position-x: 18px;
    text-align: left !important;
}

.th-orderedrequirement-status {
    width: 26%;
    background-position-x: 18px;
    text-align: left !important;
}

.th-outstandingrequirement {
    width: 30%;
    background-position-x: 185px;
    text-align: left !important;
}

.th-outstandinginsured {
    width: 20%;
    background-position-x: 69px;
    text-align: left !important;
}

.th-txtoutstandingstatus {
    width: 11%;
    background-position-x: 49px;
    text-align: left !important;
}

.th-outstandingstatusdesc {
    width: 24%;
    background-position-x: 49px;
    text-align: left !important;
}

.msg-btn-bg-color {
    background-color: #3D9B35 !important;
}

.pd-top-12px {
    padding-top: 12px;
}
/* Inline Commands Ends Here */

/* navigation panel*/
.nppd0 {
    padding-left: 0 !important;
}

.mb_nav_level_2 > i, .mb_nav_level_3 > i {
    padding-right: 0 !important
}

.mb_nav_level_2 > span, .mb_nav_level_2 > span {
    width: 16px !important;
    padding-right: 0 !important
}

.nav_level_1, .nav_level_2, .nav_level_3 {
    padding-left: 5px !important;
}
/* navigation panel*/
.lnpd-23 {
    padding-left: 23px !important;
}

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

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

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

.ap-mobile-navContainer span.fas::before {
    content: "\f107" !important;
}

.ap-mobile-navContainer .nav-link.collapsed span.fas::before {
    content: "\f105" !important;
}

.rate_lock_icon {
    height: 35px;
    padding-left: 10px;
    padding-top: 2px;
    padding-right: 5px;
}

.rate-lock-sec .tooltip {
    width: 300px;
}


/* Start CSS for Home page rounded corner  */
.ap-home-cardDeck .ap-card .z-depth-1 {
    border-radius: 5px !important;
}

.ap-salesideas-full-grid .z-depth-1 {
    border-radius: 5px !important;
}

.quickstart-guide-panel .z-depth-1 {
    border-radius: 5px !important;
}

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

.ap-agent-imageComponent .justify-content-center img {
    border-radius: 5px !important;
}

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

.ap-agent-latestNewsComponent img {
    border-radius: 5px;
}

.ap-ci-widget-container {
    border-radius: 0px 0px 5px 5px;
}

.quickstart-guide-panel-video-widthheight img {
    border-radius: 5px 5px 0 0;
}

.filter-popover .arrow::after {
    border-top-color: #fff !important;
}

.filter-popover .arrow::before {
    border-top-color: #fff !important;
}

.filter-popover {
    border: none !important;
    width: 200px;
    top: -5px !important
}
/* Ends CSS for Home page rounded corners  */
/*CI custom styles*/
.in-list {
    width: 22% !important;
}

.in-list-subcat {
    width: 20% !important;
}

.int-list-clientname {
    width: 14% !important;
}

.int-list-agentname {
    width: 14% !important;
}

.int-list-bookmark {
    width: 20% !important;
}

@media (min-width:1400px) {
    .in-list {
        width: 16% !important;
    }

    .in-list-subcat {
        width: 22% !important;
    }

    .int-list-clientname {
        width: 15% !important;
    }

    .int-list-agentname {
        width: 15% !important;
    }
}
.in-list-bookmark {
    width: 20% !important;
}

.w-8 {
    width: 8% !important;
}
/*CI custom styles*/

td.old.day, td.new.day {
    color: #707070 !important;
}
/*single checkbox filter */
.single-checkbox-filter.checked > div {
    border: solid 1px #B1D7AE !important;
    background-color: #F5FAF4 !important;
}

.single-checkbox-filter.checked .fa {
    color: #3d9b35;
}

.single-checkbox-filter .fa-comment{
    transform : rotateY('180deg')
}

.single-checkbox-filter.checked label {
    font-weight: 600 !important;
}

.single-checkbox-list .fa-dollar-sign {
    left: 11px !important;
    top: 4px !important;
}

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

.s-pos-icon {
    position: absolute;
    left: 8px;
    top: 5px;
    color: #fff !important;
}

.single-checkbox-list .fa-star {
    left: 13px !important;
    top: 5px !important;
}

#documentsTabContent .single-checkbox-filter {
    max-width: 50% !important;
    flex: 0 0 50%;
}

#documentsTabContent .single-checkbox-list .fa-star {
    left: 9px !important;
    top: 5px !important;
}

.ap-external-tblfliter .ap-cat-dropdown .dropdown .ap-list-selected, .ap-external-tblfliter .ap-single-cat-dropdown .dropdown .ap-list-selected {
    color: #3d9b35;
    font-weight: 600;
}
/*single checkbox filter */

.tab-content .single-checkbox-filter input:focus + label {
    border: none !important;
}
.filter-icon-color {
    color: #72767d;
}

input [type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.h-48{
    height : 48px !important;
}

.f-horizontal {
    width: 100%;
    margin: 20px 3.5%;
}


.f-horizontal-top {
    width: 100%;
    margin: 0px 3.5% 20px 3.5%;
}

.dttitle {
    color: #585857
}

.dp-tbl-calendar-icon:focus {
    border: 2px solid #000 !important;
}

.blue-default {
    background-color: #007fac;
}

.ap-single-codebehind-dropdown .dropdown >a {
    color: #3f403c !important;
    border-bottom: 1px solid #000 !important;
}