:root {
    --white: #fff;
    --blue: #009EFB;
    --nevy-blue: #303192;
    --gray-Icon: #B5B5C3;
    --blue-900: #0c82c5;
    --btn-focus: rgb(52 157 216 / 41%);
    --black: #000000;
    --gray: #707070;
    --yellow: #f0f0f0;
    --tr-even-color: #f1f1f175;
    --lightgray: #c5c5c5;
    --gray-600: #7e7e7e;
    --gray-100: #afafaf;
    --border-gray: rgb(0 0 0 / 20%);
    --red: #ff0000;
    --green: #2BC155;
    --blue-200: #c9ebff;
    --blue-600: #009efb4d;
    --table-border: #e8eaf5;
    --font-18: 1.125rem;
    --font-1-2: 1.2rem;
    --font-1: 1rem;
    --font-1_7: 1.7rem;
    --font-9: .9rem !important;
    --font-8: .8rem;
    --font-7: .7rem;
    --height-23: 23px;
    --height-24: 24px;
    --height-26: 26px;
    --height-28: 28px;
    --height-36: 36px;
    --height-34: 34px;
    --height-32: 32px;
    --height-38: 38px;
    --height-42: 42px;
    --height-Outer: calc(100vh - 170px);
    --height-Inner: calc(100vh - 230px);
    --height-100-Outer: calc(100% - 170px);
    --anchor-blue: #0000ff;
    --height-100: 100%;
    --body-bg: #e9f3f9;
    --font-family: "Nunito", sans-serif;
    --font-poppins: "Poppins", sans-serif;
    --font-nunito: "Nunito", sans-serif;
    --font-nunito-sans: "Nunito Sans", sans-serif;
}

html {
    font-size: 14px;
}

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

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0;
    }
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}

.box-shadow {
    box-shadow: 0px 3px 4px 0px #8080802e;
}

.table-shadow {
    box-shadow: 0px 12px 33px 0px rgba(62, 73, 84, 0.08);
}

.box-shadow-right {
    box-shadow: 3px 8px 4px 0px #8080802e;
}

.box-shadow-0 {
    box-shadow: unset !important;
}

.bg-white {
    background-color: var(--white) !important;
}

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

.bg-green {
    background-color: var(--green) !important;
}

.bg-purple {
    background-color: #BF40BF !important;
}

.text-black {
    color: var(--black);
}

.text-gray-100 {
    color: var(--gray-100) !important;
}

.danger-color {
    color: var(--red);
}

.bg-primary {
    background-color: var(--blue)!important;
}

.text-primary {
    color: var(--blue) !important;
}

/*a { 
    text-decoration: none !important;
}*/
.user_dropdown div#myDropdown a svg {
    width: 35px !important;
}

.main_tbl {
    width: 100% !important;
}

.text-danger {
    color: var(--red);
}

.anchor-text-color {
    color: var(--anchor-blue);
}

.text-muted {
    color: var(--gray);
}

.iconColor {
    color: #6C7293;
}

.text-yellow {
    color: #F0A504 !important;
}

.b-r-left-12 {
    border-radius: 0.4rem 0px 0px 0.4rem !important;
}

.b-r-right-12 {
    border-radius: 0px 0.4rem 0.4rem 0px !important;
}

.b-r-t-left-20 {
    border-top-left-radius: 20px !important;
}

.b-r-t-right-20 {
    border-top-right-radius: 20px !important
}

.b-r-b-right-20 {
    border-bottom-right-radius: 20px !important
}

.b-r-b-left-20 {
    border-bottom-left-radius: 20px !important
}

.b-r-top-r-l {
    border-radius: 0.4rem 0.4rem 0 0 !important
}

.b-r-15 {
    border-radius: 15px !important;
}

.b-r-l-8 {
    border-top-left-radius: 0.4rem !important;
    border-bottom-left-radius: 0.4rem !important;
}

.b-r-r-8 {
    border-top-right-radius: 0.4rem !important;
    border-bottom-right-radius: 0.4rem !important;
}

.b-r-l-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.b-r-r-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.b-t-l-r-0 {
    border-top-left-radius: 0 !important;
}

.b-r-0 {
    border-radius: 0 !important;
}

.b-r-top-20 {
    border-radius: 16px 16px 0px 0px !important;
}

.b-r-top-12 {
    border-radius: .4em 0 .4em 0 !important;
}

.tab-border {
    border-radius: 0px 20px 20px 20px;
}

.required-field {
    border-left: 2px solid var(--red) !important;
}

.b-right-0 {
    border-right: 0;
}

.b-left-0 {
    border-left: 0;
}

.b-top-0 {
    border-left: 0;
}

.b-bottom-0 {
    border-bottom: 0;
}

.b-right {
    border-right: 1px solid;
}

.b-right-100 {
    border-right: 1px solid #dddddd;
}

.b-left {
    border-left: 1px solid;
}

.border-left-blue {
    border-left: 1px solid var(--blue) !important;
}

.border-right-blue {
    border-right: 1px solid #007ba71c !important;
    padding-left: 5px;
    padding-right: 5px;
    margin:0 !important;
}

.border-left-white {
    border-left: 1px solid var(--white) !important;
}

.b-top {
    border-left: 1px solid;
}

.border-top {
    border-top: 1px solid #8080801f;
}

.b-bottom {
    border-bottom: 1px solid #ccc;
}

.b-botom-2x {
    border-bottom: 2px solid var(--blue);
}

.border-1 {
    border: 1px solid var(--gray);
}

.input-border {
    border: 1px solid var(--border-gray) !important;
}

.border-blue {
    border: 1px solid var(--blue);
}

.b-left-blue {
    border-left: 1px solid var(--blue);
}

.tbl-border {
    border: 1px solid #e2e7ea !important;
}

.tb-border {
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}

.border-grid {
    border: 1px solid #E3F7FA !important;
}

.border-0 {
    border: 0 !important;
}

.p-relative {
    position: relative;
}

.position-absolute {
    position: absolute
}



.h-100_Outer {
    min-height: var(--height-Outer);
    max-height: var(--height-100-Outer);
}

.h-100_Inner {
    min-height: var(--height-Inner);
    max-height: var(--height-100-Outer);
}

.h-100 {
    height: var(--height-100);
}

.text-gray-700 {
    color: #77777b !important;
}

textarea {
    border-color: var(--border-gray) !important;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-unset {
    overflow: unset !important;
}

.text-nowrap {
    text-wrap: nowrap !important;
}

.btn_pagination {
    /*padding: 0.4em 0.7em !important;*/
    /*padding: 0.5em 0.8em !important;*/

    background-color: var(--blue);
    color: var(--white);
    border-radius: 8px;
    outline: none;
    font-size: 1em;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: 1;
    height: 30px;
    width: 30px;
}

btn_pagination:hover {
    background-color: var(--blue-900);
    border-color: var(--blue-900);
    color: var(--white);
}

.text-decoration {
    text-decoration: none !important;
}

#tblFilter .row,
#tblFilter .col-6 {
    box-sizing: border-box;
}

.row > * {
    box-sizing: border-box;
}



/***************************************************************
   Start Dashboard Page - Chat bot CSS
****************************************************************/

.chat-section {
    z-index: 1;
    transition: 0.1s;
    position: fixed;
    bottom: 0;
    width: 0;
}

#chat-overlay {
    position: fixed;
    top: 0;
    height: 100%;
    background-color: #00000026;
    width: 100%;
    z-index: 1;
    display: none;
}

.chat-section .panel {
    margin-bottom: 0px;
}

.chat-section .chat-window {
    bottom: 0;
    margin-left: 75px;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}

    .chat-section .chat-window > div > .panel {
        border-radius: 5px 5px 0 0;
        width: 100%;
    }

.chat-section .icon_minim {
    padding: 2px 10px;
}

.chat-section .msg_container_base {
    background: #fff;
    margin: 0;
    padding: 0 10px 10px;
    max-height: 300px;
    overflow-x: hidden;
    display: none;
}

.chat-section .top-bar {
    background: var(--blue) !important;
    color: white !important;
    padding: 10px;
    position: relative;
    overflow: hidden;
    height: 22px;
}

.chat-section .msg_receive {
    padding-left: 0;
    margin-left: 0;
}

.chat-section .msg_sent {
    padding-bottom: 20px !important;
    margin-right: 0;
}

.chat-section .messages {
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
    max-width: 100%;
}

    .chat-section .messages > p {
        font-size: 0.813rem;
        margin: 0 0 0.2rem 0;
    }

    .chat-section .messages > time {
        font-size: 0.688rem;
        color: #ccc;
    }

.chat-section .msg_container {
    padding: 10px 0px;
    overflow: hidden;
    display: flex;
}

.chat-section img {
    display: block;
    width: 100%;
}

.chat-section .base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}

    .chat-section .base_sent > .avatar:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        border: 5px solid white;
        border-right-color: transparent;
        border-top-color: transparent;
        box-shadow: 1px 1px 2px rgba(black, 0.2);
    }

.chat-section .msg_sent > time {
    float: right;
}

.chat-section .msg_container_base::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.chat-section .msg_container_base::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

.chat-section .msg_container_base::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.chat-action {
    width: 45px;
    margin: auto;
    text-align: right;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translate(-50%, -50%);
}

textarea#chat-btn-input {
    padding: 10px 40px 10px 10px !important;
    width: 91%;
}

.chat-close-btn {
    color: #ffff !important;
}

a.chat-close-btn:hover {
    color: #cf0000 !important;
}

.chat-panel-body {
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.img-logo-AI {
    background-image: url('../images/clinic-defalt.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding: 10px;
}

.chat-panel-footer {
    padding: 10px 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #eef0f8;
    background-color: #ffffff;
}

/***************************************************************
   End Dashboard Page - Chat bot CSS
****************************************************************/

/***************************************************************
   Start Dashboard Page - Top Menu - Logo and Notification 
****************************************************************/
.list-icon {
    color: var(--blue);
    background-color: #c9ebff94;
    padding: 8px;
    border-radius: 50%;
}
/***************************************************************
   End Dashboard Page - Top Menu - Logo and Notification 
****************************************************************/
/***************************************************************
   Start cstooltip 
****************************************************************/
.manu-tooltiptext {
    font-weight: normal !important;
    display: none !important;
    min-width: auto !important;
    text-align: center !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    position: absolute !important;
    z-index: 2 !important;
    top: 135% !important;
    /*left: -15px !important;*/
    left: 50% !important;
    transform: translate(-50%);
    opacity: 1 !important;
    transition: opacity 1s;
    font-size: var(--font_14);
}

    .manu-tooltiptext::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        left: 50% !important;
        transform: translate(-50%);
        /*margin-left: -5px !important;*/
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }

.menu-tooltip:hover .manu-tooltiptext {
    display: block !important;
}

.menu-links li a .tooltip_sidebar {
    display: inline-block;
    position: absolute;
    background-color: var(--blue);
    padding: 5px 15px;
    border-radius: 3px;
    color: var(--white) !important;
    left: 75px;
    visibility: hidden;
    font-size: 0.813rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    z-index: 9;
    text-wrap: nowrap;
    opacity: 0;
}

.sidebar_toggle.close .menu-links li a .tooltip_sidebar:before {
    content: '';
    position: absolute;
    left: -4px;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: inherit;
}

.sidebar_toggle.close .menu-links li a:hover .tooltip_sidebar {
    visibility: visible;
    opacity: 1;
}

.header-tooltip {
    position: relative !important;
    opacity: 1 !important;
    line-height: unset !important;
    font-weight: bold !important;
    font-style: normal !important;
    display: inline-block !important;
}

    .header-tooltip .header-tooltiptext {
        font-weight: normal !important;
        display: none !important;
        width: auto !important;
        background-color: var(--blue) !important;
        color: var(--white) !important;
        text-align: center !important;
        border-radius: 6px !important;
        padding: 10px 12px !important;
        position: absolute !important;
        z-index: 2 !important;
        top: 150% !important;
        opacity: 1 !important;
        transition: opacity 1s;
        font-size: var(--font_14);
        text-wrap: nowrap;
        left: 50%;
        transform: translate(-50%);
    }

        .header-tooltip .header-tooltiptext::after {
            content: "" !important;
            position: absolute !important;
            bottom: 100% !important;
            left: 50% !important;
            margin-left: -5px !important;
            border-width: 10px !important;
            border-style: solid !important;
            border-color: transparent transparent var(--blue) transparent !important;
        }

    .header-tooltip:hover .header-tooltiptext {
        display: block !important;
        opacity: 1;
    }

.tooltip:hover .tooltipheader {
    display: block !important;
    opacity: 1;
}

.tooltipheader.tooltipfullscreen {
    left: 50%;
    transform: translate(-50%);
    top: 135% !important;
}

.tooltipheader.Followup {
    left: 60%;
    transform: translate(-50%);
    top: 135% !important;
}

.tooltipheader.Expirables {
    left: 50%;
    transform: translate(-50%);
    top: 135% !important;
}

.tooltipheader.message {
    left: 50%;
    transform: translate(-50%);
    top: 135% !important;
}

.tooltipheader.task {
    left: 50%;
    transform: translate(-55%);
    top: 135% !important;
}

.header-tooltiptext.ActProvider {
    transform: translate(-52%) !important;
    top: 135% !important;
}
/*.header-tooltip .header-tooltiptext {
    right: -92px;
}*/
.tooltip {
    position: relative !important;
    opacity: 1 !important;
    line-height: unset !important;
    font-weight: bold !important;
    font-style: normal !important;
    display: inline-block !important;
    --bs-tooltip-zindex: unset !important;
}

.tooltiptext {
    background-color: var(--blue) !important;
    padding: 10px 12px !important;
    font-size: var(--font-1) !important;
    color: white !important;
    box-shadow: 0 0 7px #7f7f7f87 !important;
}

.tooltip .tooltiptext {
    font-weight: normal !important;
    display: none !important;
    width: auto !important;
    background-color: var(--white) !important;
    color: var(--black) !important;
    text-align: left !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    position: absolute !important;
    z-index: 1079 !important;
    top: 150% !important;
    right: -76px !important;
    opacity: 1 !important;
    transition: opacity 1s;
    box-shadow: 0 0 7px black;
    font-size: var(--font_14);
    word-break: break-word;
    white-space: break-spaces;
    white-space: normal;
}

    .tooltip .tooltiptext::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        left: 50% !important;
        margin-left: -5px !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }


.blue-bg-tooltip {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

.white-bg-tooltip {
    background-color: var(--white) !important;
    color: var(--blue) !important;
}

.tooltip .tooltipheader {
    font-weight: normal !important;
    display: none !important;
    width: auto !important;
    background-color: var(--blue) !important;
    color: var(--white) !important;
    text-align: center !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    position: absolute !important;
    z-index: 1 !important;
    opacity: 1 !important;
    transition: opacity 1s;
    font-size: var(--font_14);
    text-wrap: nowrap;
}

    .tooltip .tooltipheader::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        left: 50% !important;
        transform: translate(-50%);
        /*margin-left: -5px !important;*/
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }

.tooltip:hover .tooltiptext {
    display: block !important;
    opacity: 1;
}

.bottom-content .menu-links li a .tooltip_sidebar {
    left: 60px !important;
}

.menu-tooltip {
    position: relative !important;
    opacity: 1 !important;
    line-height: unset !important;
    font-weight: bold !important;
    font-style: normal !important;
    display: inline-block !important;
}



.tooltip .tooltiptext-left {
    font-weight: normal !important;
    min-width: 180px !important;
    background-color: var(--blue) !important;
    color: var(--white) !important;
    text-align: center !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -15% !important;
    right: 23px !important;
    opacity: 1 !important;
    transition: opacity 1s;
}

    .tooltip .tooltiptext-left::after {
        content: "" !important;
        position: absolute !important;
        left: 100% !important;
        margin-left: 0px !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
        transform: rotate(90deg);
    }

.tooltip .tooltiptext-right {
    font-weight: normal !important;
    min-width: 180px !important;
    background-color: var(--blue) !important;
    color: var(--white) !important;
    text-align: center !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -15% !important;
    left: 27px !important;
    opacity: 1 !important;
    transition: opacity 1s;
}

    .tooltip .tooltiptext-right::after {
        content: "" !important;
        position: absolute !important;
        left: -20px !important;
        margin-left: 0px !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
        transform: rotate(270deg);
    }

.div#divPageHeader .cstooltipheader svg:hover {
    background-color: var(--white) !important;
}

.bottom-content .menu-links li#ctl00_tdEmailTemplate a .tooltip_sidebar {
    left: 75px !important;
}

.tooltipProvider {
    position: relative !important;
    opacity: 1 !important;
    line-height: none !important;
}

    .tooltipProvider .tooltiptextpop {
        position: absolute;
        top: 150% !important;
        z-index: 1060;
        width: 160px !important;
        display: none;
        padding: 5px 5px !important;
        font-style: normal;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: break-all;
        word-spacing: normal;
        word-wrap: break-word;
        white-space: normal;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid Darkgray;
        border-radius: 6px;
        -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
        opacity: 1;
        line-break: auto;
        color: black;
    }

.tooltipProvider {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    line-height: unset !important;
}

    .tooltipProvider .tooltiptextpop::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        left: 50% !important;
        margin-left: -5px !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent #009efb transparent !important;
    }

    .tooltipProvider:hover .tooltiptextpop {
        visibility: visible !important;
        opacity: 1;
        display: block;
    }

.TextGrdProvider .tooltiptextpop::after {
    left: 80% !important;
}

.CTremarktooltip::after {
    left: 12px !important;
    right: unset !important;
}

.cstooltipheader {
    cursor: pointer
}

.cstooltip {
    position: absolute;
    border: 1px solid var(--blue) !important;
    box-shadow: 3px 3px 4px #00968830 !important;
    -webkit-box-shadow: 3px 3px 4px #00968830 !important;
    padding: 10px 15px 15px 15px !important;
    background-color: var(--body-bg) !important;
    border-radius: 12px !important;
    font-family: Verdana, sans-serif;
    font-size: 0.688rem;
    z-index: 1;
    position: absolute;
    overflow: hidden;
    border: 1px solid #999;
    border-radius: 3px;
    background-color: #E3EAEF;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    display: none;
}

    .cstooltip h3 {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 15px;
    }



.overlay {
    z-index: 999999 !important;
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .overlay .partialvisible {
        background-color: black;
        opacity: 0.4;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 100;
    }

    .overlay .dialogcontent {
        width: 560px;
        height: 325px;
        margin-top: 10%;
        margin-left: 200px;
        border-radius: 3px;
        background-color: #E3EAEF;
        box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
        border: 1px solid #000;
        padding-top: 35px;
        padding: 15px;
        text-align: center;
        z-index: 1000;
        position: absolute;
    }

.csheadertitle {
    font-weight: bold;
    color: black;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: skyblue;
    color: naviblue;
    text-align: left;
    left: 0px;
    top: 0;
    padding-top: 7px;
    padding-left: 10px;
    width: 100px;
    height: 22px;
    font-family: 'Tahoma';
    font-style: normal;
}

.csheadertitleclose {
    top: 3px;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: right;
    top: 5;
    right: 10px;
    width: 20px;
    height: 30px
}

    .csheadertitleclose div {
        cursor: pointer;
        overflow: hidden;
        height: 20px;
        width: 20px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAACFSURBVDhP7ZJLCoAwDES79LPz/vcQFUE8khfQN2UK4qqFbhQfDqFpJi2p4eclnHxoR71TEdYNGrXvVB5UzzKhDXXOqdnk/BwLc8HQosXmFQ0oHaJ849J8MN2bHo5aty4pB7NulpopDt4qB3O9G2LSA6SZPWeoWDbDm7naK8tU7z/8+RQhXCREZ96iAXi7AAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
    }

.csyoutubepopupuicontent {
    position: absolute;
    text-align: left;
    top: 50;
    width: 100%;
    height: 30px;
    font-style: normal;
}
/***************************************************************
   End cstooltip
****************************************************************/


/***************************************************************
   Start Checkbox and Radio btn
****************************************************************/
span input[type=checkbox], input[type=checkbox], input[type=radio] {
    -moz-box-sizing: border-box;
    background-color: var(--blue);
    color: var(--white);
    accent-color: #2196F3;
    transform: scale(1.3);
    margin: 0 10px 0 5px !important;
    height: 15px;
    width: 15px;
}

legend input[type=radio] {
    top: 0px !important;
    margin: 0px 8px 0px -4px !important;
}

input[type=checkbox] {
    clear: none;
    margin: 0px 6px 0px 10px !important;
    position: relative !important;
    top: 3px !important;
    transform: scale(1.3);
}

td.GridHeader.text-right input[type=radio] {
    position: relative;
    top: 3px !important;
}

input[type="checkbox"]:checked + label::after {
    border-color: var(--white) !important;
}

.CheckBox {
    font-size: 1em;
}

.spaceradio input[type="radio"] + label {
    padding: 0px 6px;
    vertical-align: text-top;
}

.spacecheckbox input[type="checkbox"] + label {
    padding: 0px 6px;
    vertical-align: text-top;
}

.checkbox-list {
    width: 350px;
    padding: 10px;
    border-radius: 5px;
}

.checkbox-item {
    display: flex;
    align-items: center;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #2196f357;
    border-radius: 3px;
    background-color: #f2faff;
    cursor: move;
    position: relative;
    text-align: left;
}

    .checkbox-item.dragging {
        opacity: 0.5;
        border-color: #007bff;
        background-color: #e9ecef;
    }

    .checkbox-item label {
        margin-left: 5px;
        flex: 1;
        font-weight: 400;
    }

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

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

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

.checkboxMandatory {
    width: 10px !important;
    height: 10px !important;
    accent-color: red !important;
}

.checkboxDefault {
    vertical-align: bottom;
    top: 0px !important
}
/*span.CheckBox input[type=checkbox] {
    top: 3px !important;
}
span input[type=checkbox] {
    top: 1px !important;
}
input[type=checkbox] {
    top: 0 !important;
}*/

/***************************************************************
   End Checkbox and Radio btn
****************************************************************/


/***************************************************************
   Strt Comman CSS
****************************************************************/
.w-0 {
    width: 0 !important;
}

.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-48 {
    width: 48%;
}

.w-55 {
    width: 55.5%;
}

.w-56 {
    width: 56%;
}

.w-60 {
    width: 60% !important;
}

.w-67 {
    width: 67% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-97 {
    width: 97% !important;
}

.w-fit-content {
    width: fit-content !important;
}
/***************************************************************
   End Comman CSS
****************************************************************/
.sidebar_space_between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.notification-bar .tooltip:hover .tooltipfullscreen {
    bottom: -48px;
    left: -27px;
}

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

.boxsizing-borderbox {
    box-sizing: border-box !important;
}
/*
.Modal-header .modal-title {
    font-size: 0.875rem;
}*/

div#idx_messagecenter_table_container table.GridItem:nth-child(even) {
    background-color: #f1f1f1 !important;
}

df-messenger {
    z-index: 999;
    position: fixed;
}

#close_slot:hover {
    fill: var(--blue) !important;
}

#progBar {
    text-align: center;
    position: fixed;
    height: inherit;
    width: inherit;
    z-index: 9999;
    background-image: url("../Images/Black.PNG?v=1.1");
}

.floatdivTopBar {
    float: left;
    width: 97%;
    max-height: 50px;
    overflow: hidden;
}

.closedivTopBar {
    float: right;
    width: 3%;
    vertical-align: middle;
    position: absolute;
    right: 4%;
    transform: translate(20%, 50%);
}

.maindivTopBarGreen {
    width: 100%;
    background-color: #c5e4af;
    text-align: center;
    /*padding: 3px 10px 8px 10px;*/
    padding:5px 0;
    /*height: 40px;*/
    border-bottom: 1px solid gray;
}

.maindivTopBarYellow {
    width: 100%;
    background-color: #FFFFE2;
    text-align: center;
    padding: 10px;
    /*height: 25px;*/
    border-bottom: 1px solid gray;
}


#mainproviderLoader {
    text-align: center;
    position: absolute;
    height: inherit;
    width: inherit;
    z-index: 9999;
    background-image: url("../Images/Black.PNG?v=1.1");
}

.modalProvider {
    text-align: center;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 1111111 !important;
    background-color: #696969;
    filter: alpha(opacity=40);
    opacity: 0.7;
}

.loadingProvider {
    font-size: 0.625rem;
    border: 5px solid #2894D1;
    width: 200px;
    height: 100px;
    position: fixed;
    background-color: White;
    z-index: 1111111 !important;
    left: 43%;
    top: 45%;
}

.provider_img {
    width: 100% !important;
    height: auto !important;
}

.progress-count {
    height: 4px;
    background: #e3e3e3;
    border-radius: 0;
    box-shadow: none;
    margin: 2px 0 0px;
    overflow: visible;
    position: relative;
}

    .progress-count:hover .progress-value-count {
        display: block !important;
        cursor: pointer;
    }

    .progress-count .progress-title-count {
        padding: 7px 10px;
        margin: 0;
        background: #393a3d;
        border-radius: 5px 0 0 5px;
        box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4);
        font-size: 1.125rem;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        top: -13px;
        left: 0;
        z-index: 1;
    }

        .progress-count .progress-title-count:after {
            content: "";
            border-left: 17px solid #393a3d;
            border-top: 17px solid transparent;
            border-bottom: 17px solid transparent;
            position: absolute;
            top: 0;
            right: -17px;
        }

    .progress-count .progress-bar-count {
        box-shadow: none;
        border-radius: 0;
        position: relative;
        -webkit-animation: animate-positive 2s;
        animation: animate-positive 2s;
        border: 2px solid var(--blue);
        border-radius: 5px;
    }

        .progress-count .progress-bar-count:after {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6);
            background: #fff;
            position: absolute;
            right: -5px;
            top: -6px;
        }

    .progress-count .progress-value-count {
        width: 45px;
        height: 30px;
        line-height: 30px;
        border-radius: 3px;
        background: var(--blue);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
        font-size: 0.938rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        position: absolute;
        top: -41px;
        right: -23px;
        display: none;
    }

        .progress-count .progress-value-count:after {
            content: "";
            border-top: 7px solid var(--blue);
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            position: absolute;
            bottom: -7px;
            left: 35%;
        }



    .progress-count.blue .progress-bar-count:after {
        border: 3px solid #294bdc;
    }



.modal-followup {
    right: 0;
    bottom: 0;
    z-index: 999999;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    border-style: none;
    background-color: white;
    width: 80%;
}

.home_notification {
    top: 98px !important;
}

.sidebar_toggle_notification {
    top: 46px;
}

/*.header_top_notification {
    top: 45px !important;
}*/

.bg-orange {
    background-color: #FF9800 !important;
}

.usserName {
    padding: 5px;
    padding: 5px;
    border: 1px solid #8080806b;
    width: 91.5%;
    border-radius: .4rem;
}

a {
    color: #000;
    text-decoration: none !important;
}

.text-gray {
    color: gray !important;
}

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

body {
    font-family: var(--font-family) !important;
}

.linksLicensing {
    color: #474747;
    font-size: 0.75rem;
    line-height: 14px;
    padding: 5px;
    display: inline-block;
    width: 100%;
    line-height: 1.42857143;
    white-space: nowrap;
}

    .linksLicensing:hover {
        color: #474747 !important;
        background: #b8d8eb;
        text-decoration: none !important;
    }

body {
    background-color: var(--white);
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: var(--font-family) !important;
    color: #333333;
    font-size: 0.9rem;
    font-style: normal;
    line-height: normal;
    font-weight: 500 !important;
    text-decoration: none;
    scrollbar-face-color: #dbe9f2;
    scrollbar-highlight-color: #9cb8c8;
    scrollbar-shadow-color: #ccdee8;
    scrollbar-3dlight-color: #c2d4e0;
    scrollbar-track-color: #f2f6f9;
    scrollbar-darkshadow-color: #9cb8c8;
    vertical-align: middle;
}

.LabelFont {
    font-weight: bolder;
    font-size: 0.875rem;
    color: #43789b;
    height: 16px;
}

.trans {
    position: absolute;
    vertical-align: middle;
    display: none;
    margin: 300px 0 0 350px;
    z-index: 1000;
    border: solid 1px white;
    width: 400px;
}

.TableCell {
    padding: 1px 0 1px 0;
    width: 200px;
    padding-left: 10px;
}

.TableClass {
    padding: 1px 0 1px 0;
    padding-left: 10px;
}

.ssImage {
    height: auto;
    width: auto;
}

.middtbl {
    width: 100%;
    height: inherit;
    border: 0;
}

.Content-Page-width {
    width: 1020px;
}

.FormDivLeft {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

td.bullet {
    padding-top: 4px;
    padding-left: 2px;
}

td.menu {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    border-bottom: solid 1px black;
}

a.menuitem {
    font-weight: bold;
    text-decoration: none;
    color: #4373b4;
}

    a.menuitem:hover {
        font-weight: bold;
        text-decoration: underline;
        color: #4373b4;
    }

.FormHeader {
    position: relative;
    padding: 0.6rem 1rem;
    line-height: 1.2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    justify-content: space-between;
    background-color: var(--blue);
    color: var(--white);
}

.FormHeader2 {
    position: relative;
    padding: 0.6rem 1rem;
    line-height: 1.2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    justify-content: space-between;
    background-color: var(--white);
    color: var(--blue);
}

.tableBorder {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: Black;
}

.BackButton:hover {
    color: var(--white);
}

.BackButton {
    background-color: var(--blue);
    font-family: var(--font-family);
    font-weight: bold;
    color: var(--white);
    width: 70px;
    border-width: 0px;
    outline: none;
    cursor: pointer;
}

.highlight {
    text-decoration: none;
    font-weight: bold;
    color: black;
    background: yellow;
}

.FormInnerHeader {
    font-family: var(--font-family);
    font-size: 0.75rem;
    color: White;
    font-weight: bold;
    text-align: left;
    background-color: #6495ED;
    background-repeat: repeat-x;
    border: solid 1px #333333;
    border-bottom: 0px;
    height: 20px;
}

.DropDownDisplay {
    width: 100%;
}

.DropdownRequired {
    width: 100%;
    background-color: #fffff0;
    padding: 3px;
    border-radius: 4px;
}

.FormButton {
    width: 100%;
    height: 20px;
    text-align: left;
}

.LineSeperator {
    left: 5px;
    position: relative;
}

.divmessage {
    margin: 5px 0 0 10px;
}

.gr_header1 {
    font-weight: normal;
    font-size: 0.813rem;
    color: black;
    background-color: #E6E8FA;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
}

.GridItemTr_Parent {
    height: 16px;
    font-size: 0.75rem;
    font-family: var(--font-family);
    text-align: left;
    text-indent: 1px;
    border-right: #E0E0E0 1px solid;
    border-top: solid 1px #9298A0;
    background-color: #e0f3ff !important;
}

.GridItemSelect_Parent {
    height: 16px;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: left;
    text-indent: 1px;
    background-color: #e5eff6;
}

.GridItem_Detail {
    height: 14px;
    height: 28px;
    border-right: transparent !important;
    border-top: #dee2e6 1px solid;
    font-size: 0.9rem;
    border-left: transparent !important;
    border-bottom: #dee2e6 1px solid;
    text-align: left;
    text-indent: 1px;
    background-color: #fcfcff;
    vertical-align: middle;
    border-radius: 10px;
}

.GridItem_DetailEnc {
    height: 14px;
    border-right: #9298a0 1px solid;
    font-size: 0.75rem;
    border-bottom: #9298a0 1px solid;
    vertical-align: top;
}

.Button:hover {
    background-color: var(--blue-900);
    border-color: var(--blue-900);
    color: var(--white);
}

.Button.focus,
.Button:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-focus);
}

.Button {
    font-weight: 500;
    outline: none;
    border: 1px solid transparent;
    color: var(--white) !important;
    font-family: var(--font-family) !important;
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgb(23 162 184 / 27%);
    background-color: var(--blue);
    padding: 5px 10px;
    border-radius: .4em;
}

.Buttonclose {
    font-weight: 500;
    outline: none;
    background-color: #acaeaf;
    border: 1px solid transparent;
    color: var(--white);
    font-family: var(--font-family);
    cursor: pointer !important;
    padding: 5px 10px;
    border-radius: .4em;
    width: auto;
    box-shadow: 0 0px 4px 0 rgb(0 0 0 / 27%);
}

    .Buttonclose:hover {
        background-color: #989b9c;
        border-color: #989b9c;
        color: var(--white);
        text-decoration: none;
    }

    .Buttonclose.focus,
    .Buttonclose:focus {
        box-shadow: 0px 2px 6px 0px #80808045;
    }

.ProviderTab {
    background-color: #8bbbce;
    border: solid 1px #9db0bc;
    font-family: var(--font-family);
    font-weight: bold;
    color: #000000;
    width: 70px;
    border-radius: 4px 0px 4px 0px;
}

.TabLocationButton {
    background-color: #8bbbce;
    border: solid 1px #9db0bc;
    font-family: var(--font-family);
    font-weight: bold;
    color: #000000;
    width: 70px;
}

.Button2:hover {
    color: var(--white);
    background: #5F9EA0;
}

.Button2 {
    background-color: #8bbbce;
    border: solid 1px #9db0bc;
    font-family: var(--font-family);
    font-weight: bold;
    color: #000000;
    border-bottom-width: 0px;
    padding: 0px 1em 2px 1em;
    text-decoration: none;
}

.Button3 {
    color: #000000;
    background: var(--white);
    border: solid 1px #9db0bc;
    font-family: var(--font-family);
    font-weight: bold;
    border-bottom-width: 0px;
    padding: 0px 1em 2px 1em;
    text-decoration: none;
}

.ButtonSearch {
    background-color: #8bbbce;
    border: solid 1px #9db0bc;
    font-family: var(--font-family);
    font-weight: bold;
    color: #000000;
    text-align: left;
}

.Button1:hover {
    background-color: #047cc3;
    border-color: #047cc3;
    color: var(--white);
    outline: none;
    cursor: pointer;
}

.Button1.focus,
.Button1:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

.Button1 {
    font-weight: 500;
    outline: none;
    padding: 0.4rem 0.5rem;
    background-color: var(--blue);
    border: 1px solid transparent;
    color: var(--white);
    border-radius: .2rem;
    font-family: var(--font-family);
}

.ButtonTab_Active {
    background-color: #2894d1;
    color: var(--white);
}

.ButtonSubmit {
    padding: 2px;
    border: 1px solid #d5d5d5;
    font-family: var(--font-family);
    padding: 0.4em .8em !important;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgb(181 181 181 / 45%) !important;
}

select {
    font: var(--font-family);
    font-style: normal;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 3px;
    border-radius: 3px;
    font-size: var(--font-12) !important;
}

.b-r-12 {
    border-radius: 0.4rem !important;
}

input {
    background-color: var(--white);
    font-style: normal;
    color: #000000;
    font: var(--font-family);
}

.span {
    font-family: var(--font-family);
    font-size: 0.75rem;
    color: #333333;
    font-weight: bold;
}

.TextReadOnly {
    border-right: red 1px solid;
    border-top: red 1px solid;
    font-size: 0.75rem;
    border-left: dimgray 1px solid;
    color: black;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
    font-weight: normal;
    background-color: Transparent;
}

.TextDisplay {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    color: black;
    font-family: var(--font-family);
    font-weight: normal;
    background-color: Transparent;
    padding: 4px 4px !important;
    border-radius: 0.5em;
    background-color: var(--white);
    margin-right: -3px;
}

.input-height-32 {
    height: 32px;
}

.input-height-34 {
    height: 34px;
}

.TextDisplay:focus {
    color: #495057;
    background-color: var(--white);
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
    /*outline: none;*/
}

legend {
    display: flex;
    align-items: center;
}

.TextDisplay:focus, textarea:focus {
    /*border: 1px solid var(--blue) !important;*/
    box-shadow: unset !important;
}


.resizenone {
    resize: none;
}

.Watermaked {
    border-left: #333333 1px solid;
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    border-bottom: #333333 1px solid;
    font-size: var(--font-8em) !important;
    color: #cdcdcd;
    font-family: var(--font-family);
    font-weight: normal;
    background-color: Transparent;
}

.TextDesi {
    border: solid 0 var(--white);
    background-color: white;
}

.TextRequired {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #fffff0;
    margin-bottom: 0px;
    padding: 3px;
    border-radius: .4em;
    border-left: 2px solid red;
    font-size: .8rem;
}

.astric {
    font-size: 0.688rem;
    color: red;
    background-color: transparent;
    vertical-align: middle;
}

.Grid {
    border-right: transparent !important;
    font-size: 1rem;
    border-left: transparent !important;
    text-align: left;
    text-indent: 1px;
    background-color: #fcfcff;
    vertical-align: middle;
}

    .Grid td {
        padding: 5px 3px;
    }

    .Grid tr:hover,
    .Grid tr:focus {
        background-color: #009efb29 !important;
    }

    .Grid thead tr:first-child:hover th {
        background-color: #009efb29;
    }

tr.Norecordsfound {
    background-color: #a7a7a7 !important;
    color: white;
    text-align: center;
    line-height: 30px;
    font-size: 0.875rem !important;
}

    tr.Norecordsfound > tr:hover,
    tr.Norecordsfound tr:focus {
        background-color: transparent !important;
    }

.border-top-bottom {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px 0;
}

.Norecordsfound {
    background-color: #a7a7a7 !important;
    color: white;
    text-align: center;
    line-height: 40px;
    font-size: 0.875rem !important;
}

    .Norecordsfound:hover,
    .Norecordsfound:focus {
        background-color: #009efb29 !important;
    }



.innerTable td {
    border: none !important;
}

    .innerTable tr:hover,
    .innerTable tr:focus,
    .innerTable td:hover,
    .innerTable td:focus {
        background-color: transparent !important;
    }

.gridglow {
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08);
    border: 1px solid #e2e7ea !important;
}

.Grid-border {
    border: #9298a0 1px outset;
}

.GridHeader {
    font-weight: bold;
    font-size: 0.875rem;
    color: black;
    line-height: 35px;
    height: 35px;
    background-repeat: repeat-x;
    background-position: top;
    background-color: #c9ebff !important;
    vertical-align: middle;
    border-top: transparent !important;
    border-bottom: var(--blue) 2px solid;
    color: #000;
}

tr.GridHeader th {
    font-size: 1rem;
    font-weight: 700;
    font-family: var(--font-family) !important;
    border-bottom: var(--blue) 2px solid;
    text-align: left;
    padding: 0 !important;
    padding: 5px 5px !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

tr.GridItem:nth-child(even) {
    background-color: #f9f9f9 !important;
}

.GridHeader1 {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    font-size: 0.9rem;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    font-family: var(--font-family);
    text-align: left;
    height: 20px;
    background-repeat: repeat-x;
    background-position: top;
    background-color: #c9ebff;
}

.GridHeader2 {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    font-size: 0.9rem;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    text-align: center;
    height: 20px;
    background-repeat: repeat-x;
    background-position: top;
    background-color: #c9ebff;
}

.gr_header {
    font-weight: normal;
    color: black;
    background-color: #79cdff;
    text-align: center;
}

    .gr_header th {
        padding: 5px;
    }

.gr_headerenconter {
    font-weight: normal;
    font-size: 0.688rem;
    color: black;
    background-color: #E6E8FA;
    text-align: left;
}

.gr_header_inactive {
    font-weight: normal;
    font-size: 0.688rem;
    color: black;
    background-color: #FAF8CC;
    text-align: center;
}

.GridHeaderNew {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    font-size: 0.688rem;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    background-color: #c1bfd0;
}

.GridItem {
    height: 35px;
    border-right: transparent !important;
    border-top: #dee2e6 1px solid;
    border-left: transparent !important;
    border-bottom: #dee2e6 1px solid;
    font-family: var(--font-family);
    text-align: left;
    background-color: var(--white) !important;
    vertical-align: middle;
    border-radius: 10px;
}

.GridAlternateItem {
    height: 28px;
    border-right: transparent !important;
    border-top: #dee2e6 1px solid;
    font-size: .9rem;
    border-left: transparent !important;
    border-bottom: #dee2e6 1px solid;
    font-family: var(--font-family);
    text-align: left;
    text-indent: 1px;
    background-color: var(--white) !important;
    vertical-align: middle;
    border-radius: 10px;
    padding: 5px 15px !important;
}

#grdEncLifeCycle .GridItem img {
    width: 100%;
}

.GridItem1 {
    height: 28px;
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    border-left: #9298a0 1px solid;
    border-bottom: #9298a0 2px solid;
    text-align: right;
    text-indent: 1px;
    background-color: var(--white);
    vertical-align: middle;
}

.GridCheckboxItem {
    height: 16px;
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-size: 0.688rem;
    border-left: #9298a0 1px solid;
    border-bottom: #9298a0 2px solid;
    text-align: center;
    text-indent: 1px;
    background-color: #fcfcff;
    vertical-align: middle;
}

.GridItemTr {
    font-size: 1rem;
    text-align: left;
    text-indent: 1px;
}

.GridSelect {
    background: #caebff !important;
    border: transparent !important;
}

.GridFooter {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    font-size: 0.9rem;
    text-align: center;
    vertical-align: middle;
    height: 16px;
    background-color: #b1afc2;
}

.GridItem-Main {
    height: 16px;
    display: block;
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-size: 0.688rem;
    border-left: #9298a0 1px solid;
    border-bottom: #9298a0 2px solid;
    text-align: left;
    text-indent: 1px;
    background-color: #fcfcff;
}

.GridHeader-Main {
    border-right: #9298a0 1px solid;
    border-top: #9298a0 1px solid;
    font-weight: bold;
    font-size: 0.688rem;
    border-left: #9298a0 1px solid;
    color: black;
    border-bottom: #9298a0 1px solid;
    text-align: center;
    height: 20px;
    /*background-image: url(../images/grd-hdr.jpg);*/
    background-repeat: repeat-x;
    background-position: top;
    background-color: #b7d1e3;
}

.GridPage {
    background-color: #808c99;
    font-size: .75rem;
    font-weight: bold;
    color: #fefefe;
    float: left;
}

.GridHeader-Main a {
    font-weight: bold;
    font-size: 0.688rem;
    color: black;
    text-align: center;
}

    .GridHeader-Main a:visited {
        font-weight: bold;
        font-size: 0.688rem;
        color: black;
        text-align: center;
        text-decoration: none;
    }

    .GridHeader-Main a:hover {
        font-weight: bold;
        font-size: 0.688rem;
        color: black;
        text-decoration: underline;
        text-align: center;
    }

.GridEmptyData {
    color: White;
    font-size: 0.813rem;
}

.ImageIcon {
    height: 25px;
    width: 25px;
}

.EOBGridImageSize {
    height: 13px;
    width: 13px;
}

.GridUpdateColumn {
    text-align: center;
    width: 5%;
}

.SmallGridEmptyData {
    color: White;
    font-size: 0.813rem;
}

.TextNormal_AutoList {
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    border-bottom: #333333 1px solid;
    font-size: 0.75rem;
    background-color: white;
}

.Title {
    font-family: var(--font-family);
    color: #000000;
    background-color: transparent;
}

.Title1 {
    font-size: 0.75rem;
    color: #000000;
    background-color: #DBEAF5;
}

.TitleG {
    font-size: 0.688rem;
    color: Maroon;
    background-color: transparent;
}

.TitleSmall {
    font-size: 0.563rem;
    color: #000000;
    background-color: transparent;
}



div.tabMain {
    background-color: #c0c0c0;
    border: 1px solid #000000;
    padding: 1em;
}

a.tab {
    background-color: #DBEAF5;
    border: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom-width: 0px;
    padding: 0px 1em 2px 1em;
    text-decoration: none;
    color: #606060;
}

    a.tab,
    a.tab:visited {
        color: #808080;
    }

        a.tab:hover {
            background-color: #d0d0d0;
            color: #606060;
        }

.tab1 {
    background-color: #B7D1E3;
    border: 1px solid #000000;
    border-top: solid 1px #000000;
    border-bottom-width: 0px;
    padding: 0px 1em 2px 1em;
    text-decoration: none;
    color: Black;
}

.EOBCreated {
    background-color: #d5f7ff;
}

.EOBRouted {
    background-color: #ffb7b7;
}

.EOBToBeVerified {
    background-color: #dfdfdf;
}

.EOBPartial {
    background-color: #ffffcc;
}

.EOBCompleted {
    background-color: #48ffd1;
}

.Timeout {
    border: thin double Black;
    font-family: var(--font-family);
    font-size: 0.625rem;
    font-weight: bold;
    color: #4f94cd;
    position: absolute;
    top: 200px;
    left: 600px;
    z-index: 1000;
    background-color: White;
}

.MyCalendar .ajax__calendar_title {
    color: #0066cc;
    width: 150px;
    margin: auto;
    background-color: White;
    border: solid 1 black;
    padding: 3px;
}

.ajax__calendar_container {
    border: 1px solid #646464;
    background-color: white;
    color: black;
}

.ajax__calendar_hover {
    background-color: #E1F9FF;
}


.TblBorder {
    border: solid 1px #0a246a;
}

.Whitefont {
    background-position: right center;
    font-family: var(--font-family);
    font-size: 0.813rem;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
    background-color: #5078B3;
}

.Whitefontselected {
    background-position: right center;
    font-family: var(--font-family);
    font-size: 0.813rem;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
    background-color: #5078B3;
}

.WhitefontGeneral {
    background-position: right center;
    font-family: var(--font-family);
    font-size: 0.813rem;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
    background-color: White;
    background: White;
}

.Category {
    background-position: right center;
    font-family: var(--font-family);
    font-size: 0.813rem;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
    background-color: Gray;
}

.CategorySelected {
    background-position: right center;
    font-family: var(--font-family);
    font-size: 0.813rem;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
    background-color: Gray;
}

.SubCategory {
    background-position: right center;
    font-family: var(--font-family);
    font-size: 0.813rem;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
    background-color: lightblue;
}

.SubCategorySelected {
    background-position: right center;
    font-family: var(--font-family);
    font-size: 0.813rem;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
    background-color: lightblue;
}

.call {
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
}

.number {
    font-size: 35px;
    color: #a8a8a8;
    font-weight: bold;
    text-decoration: none;
}


.middletbltopline {
    background: url(../Images/middletbltopline.jpg);
}

.middletblrightline {
    background: url(../Images/middletblrightline1.jpg);
}

.middletblleftline {
    background: url(../Images/middletblleftline1.jpg);
}

.middletblleftarc {
    background: url(../Images/middletbllefttoparc.jpg) repeat-y right;
}

.middletblrightarc {
    background: url(../Images/middletblrighttoparc.jpg) repeat-y left;
}


.footer_txt {
    font-family: var(--font-family);
    font-size: 0.688rem;
    color: #7a806b;
    text-decoration: none;
}

.footer_bg {
    background-color: #242424;
    height: 40px;
}

.HandPoint {
    background-image: url(../Images/hand-point.png) no repeat;
}

.box {
    float: left;
}

.box1 {
    float: left;
}

.CAQHField {
    width: 300px;
}

.sprite-print {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -1038px;
    width: 16px;
    height: 16px;
}

.sprite-taskimage_G {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -1149px;
    width: 16px;
    height: 16px;
}

.sprite-download {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -1190px;
    width: 16px;
    height: 16px;
}

.sprite-printer {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -1230px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.sprite-taskimage {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -1094px;
    width: 16px;
    height: 16px;
}

.sprite-G_print {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -857px;
    width: 16px;
    height: 16px;
}

.sprite-Milestone {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -920px;
    width: 16px;
    height: 16px;
}

.sprite-G_Milestone {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -981px;
    width: 16px;
    height: 16px;
}

.sprite-G-Attechment {
    background: url(../images/Attachmenthide1.png) no-repeat top left;
}

.sprite-Email2 {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 0;
    width: 16px;
    height: 16px;
}

.sprite-Email {
    background: url(../images/email.png?v=1.1) no-repeat top left;
    width: 16px;
    height: 16px;
}

.sprite-Form_Normal {
    cursor: pointer;
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -66px;
    width: 16px;
    height: 16px;
}

.sprite-G_Form_Normal {
    cursor: pointer;
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -132px;
    width: 16px;
    height: 16px;
}

.sprite-G_WebLink {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -198px;
    width: 16px;
    height: 16px;
}

.sprite-Provider {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -264px;
    width: 16px;
    height: 16px;
}

.sprite-StatusStrip {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -330px;
    width: 16px;
    height: 16px;
}

.sprite-WebLink {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -396px;
    width: 16px;
    height: 16px;
}

.sprite-apple_time_machine {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -462px;
    width: 16px;
    height: 16px;
}

.sprite-attachmentLogo {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -528px;
    width: 16px;
    height: 16px;
}

.sprite-cal {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -594px;
    width: 16px;
    height: 16px;
}

.sprite-contact-list {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -660px;
    width: 16px;
    height: 16px;
}

.sprite-delete {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -726px;
    width: 16px;
    height: 16px;
}

.sprite-notepad {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -792px;
    width: 16px;
    height: 16px;
}

.sprite-print1 {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -858px;
    width: 16px;
    height: 16px;
}

.sprite-onboarding {
    background: url(../images/csg-51ad842e5c35d.png?v=1.2) no-repeat top left;
    background-position: 0 -1271px;
    width: 16px;
    height: 16px;
}

#divPageHeader {
    font-family: var(--font-family);
    min-height: 40px;
    color: var(--blue) !important;
    font-size: 1rem;
    display: flex;
    align-items: center;
    /*padding: 0 10px;*/
    flex-wrap: wrap;
}

.WaterMarkedTextBox {
    height: 16px;
    width: 168px;
    padding: 2px 2 2 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    font-size: 8pt;
    text-align: center;
}

.NormalTextBox {
    height: 16px;
    width: 168px;
}



.boldtext {
    font-weight: bold;
}

.maindivTopBarGreen {
    width: 100%;
    background-color: #c5e4af;
    text-align: center;
    /*padding: 10px;*/
    /*height: 25px;*/
    border-bottom: 1px solid gray;
}


.notallowed {
    cursor: not-allowed !important;
    opacity: .5;
}

.button-disabled {
    cursor: not-allowed !important;
    pointer-events: none;
    opacity: .8;
}

input[type="button"]:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="image"]:disabled:hover {
    opacity: 0.5;
    cursor: not-allowed;
}

button:disabled {
    cursor: not-allowed !important;
    opacity: .5;
}

.div_Main1 {
    border-left: #b2bcc1 1px solid !important;
    border-right: #b2bcc1 1px solid !important;
    border-bottom: #b2bcc1 1px solid !important;
}

.div_Main {
    border: 1px solid #80808052 !important;
    box-shadow: 0px 12px 33px 0px rgba(62, 73, 84, 0.08);
}

.div_Main_2 {
    border: 1px solid #80808052 !important;
    box-shadow: 0px 12px 33px 0px rgba(62, 73, 84, 0.08);
    border-radius: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

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

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

.m0 {
    margin: 0;
}

.p5 {
    padding: 5px;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

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

.mb10 {
    margin-bottom: 10px;
}

.p15 {
    padding: 10px 15px 0 15px;
}

#loader-wrapper {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.4s ease-out 0s;
    width: 100%;
    z-index: 1000;
}

#loader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 2s linear 0s normal none infinite running spin;
    border-color: var(--blue) transparent transparent;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 80px;
    left: 50%;
    margin: -40px 0 0 -40px;
    position: relative;
    top: 50%;
    width: 80px;
    z-index: 1001;
}

    #loader::before {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        animation: 3s linear 0s normal none infinite running spin;
        border-color: var(--blue) transparent transparent;
        border-image: none;
        border-radius: 50%;
        border-style: solid;
        border-width: 3px;
        bottom: 5px;
        content: "";
        left: 5px;
        position: absolute;
        right: 5px;
        top: 5px;
    }

    #loader::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        animation: 1.5s linear 0s normal none infinite running spin;
        border-color: var(--blue) transparent transparent;
        border-image: none;
        border-radius: 50%;
        border-style: solid;
        border-width: 3px;
        bottom: 15px;
        content: "";
        left: 15px;
        position: absolute;
        right: 15px;
        top: 15px;
    }

#loader-wrapper .loader-section {
    background: var(--white) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    top: 0;
    width: 51%;
    z-index: 1000;
}

    #loader-wrapper .loader-section.section-left {
        display: none;
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        display: none;
        right: 0;
    }

.loaded #loader-wrapper .loader-section.section-left {
    background: transparent none repeat scroll 0 0;
    transition: all 0.9s ease-out 0s;
}

.loaded #loader-wrapper .loader-section.section-right {
    background: transparent none repeat scroll 0 0;
    transition: all 0.9s ease-out 0s;
}

.loaded #loader {
    opacity: 0;
}

.loaded #loader-wrapper {
    background: transparent none repeat scroll 0 0;
    visibility: hidden;
}

.input-group {
    position: relative !important;
    display: table !important;
    border-collapse: separate !important;
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox !important;
    display: flex !important;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group-addon:first-child {
    border-right: 0 !important;
}

.input-group-addon {
    padding: 2px 6px;
    line-height: 1 !important;
    color: #555 !important;
    text-align: center !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    background: #f7faff !important;
    border-radius: 0px 0.4rem 0.4rem 0px !important;
}

    .input-group-addon a {
        cursor: pointer !important;
        font-weight: 600 !important;
        color: #b7b7b7 !important;
        text-transform: uppercase !important;
        font-size: 0.7em !important;
    }

.textdecorationNone {
    text-decoration: none !important;
}

.text-white {
    color: var(--white);
}

.cursorpointer {
    cursor: pointer;
}

hr {
    background-color: lightgray;
    height: 1px;
    border: 0;
    opacity: 1;
    margin: 7px 0;
}

.alert-warning hr{
     background-color:#2894d1;
}
button.close {
    font-size: 1.2rem !important;
    cursor: pointer !important;
    border: none !important;
    color: var(--white) !important;
    -webkit-appearance: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: 0 0 !important;
    border: 0 !important;
    float: right !important;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 var(--white) !important;
    filter: alpha(opacity=2000) !important;
    opacity: 1 !important;
}

.pagination {
    margin: 0 !important;
}

    .pagination a {
        color: black;
        /*float: left;*/ /*alignment issue in frmSearchNotification page*/
        padding: 4px 8px;
        text-decoration: none;
        background-color: var(--white);
        margin: 0;
    }

    .pagination span {
        background-color: var(--blue);
        color: white;
        padding: 4px 8px;
        border-radius: 2px;
    }

    .pagination td {
        border: none !important;
    }

.text-logoff {
    color: var(--blue);
    font-size: 1.063rem;
}

    .text-logoff:hover {
        color: red;
    }

.input-group-addon-left {
    position: relative;
    left: -3px;
    width: 13px;
}

.lineheight20 {
    line-height: 20px !important;
}

.no-p {
    padding: 0 !important;
}


.alert-Danger {
    background-color: #fff0f0;
    border: 1px solid #bd362f;
    box-shadow: 0 0 2px #bd362f;
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    width: 370px;
    word-break: break-word;
    font-size: 0.813rem;
}

.alert-success {
    background-color: #eaffea;
    border: 1px solid #51a351;
    box-shadow: 0 0 2px #51a351;
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    width: 370px;
    word-break: break-word;
    font-size: 0.813rem;
}

.ui-datepicker-trigger {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.fixedBottom {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: white;
    padding-right: 30px;
    box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.3);
    padding: 5px;
    z-index: 1;
}

.stickyTopPanel {
    position: sticky;
    top: 0px;
    background: white;
    z-index: 1;
}

.cstooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    z-index: 10;
    display: none; /* Initially hidden */
}

    .cstooltip.visible {
        display: block;
    }
/* this css effected on dasboard tab - indrapal - 11-12-2025 
button span {
    font-size: initial !important;
}*/

html {
    background-color: #ffffff;
    scroll-behavior: smooth;
}

.providerInfo-section {
    scroll-behavior: smooth;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 100px);
}

.sidebar_toggle a:hover {
    color: white !important;
}

header_top a:hover,
.notification-bar a {
    color: var(--blue) !important;
    text-decoration: none !important;
}

.main_tbl {
    width: 100% !important;
}

.sidenav-floating-close {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #fff !important;
    z-index: 1;
}

.lockscreenmodalBackground {
    background-color: #fff;
}

table#tblHeader {
    display: none;
}

.position_relative {
    position: relative;
}


.hw-icon {
    width: 15px;
}



.sidebar_toggle.close .icon {
    padding: 8px 10px;
    font-size: 1.375rem;
}


.sidebar_toggle .icon {
    color: var(--white);
    transition: all 0.3s ease;
}

.menuheight {
    height: calc(100% - 175px) !important;
}

.sidebar_toggle header {
    position: relative;
}

.sidebar_toggle.close li a:hover {
    border-radius: 8px;
    background-color: var(--white);
    transition: all 0.5s;
    text-decoration: none !important;
}
.sidebar_toggle.close li a:hover .icon {
    color: #009efb !important;
}

.sidebar_toggle li a:hover .icon,
.sidebar_toggle li a:hover .text {
    color: var(--blue) !important;
}
.sidebar_toggle .menu-links {
    display: flex;
    flex-direction:column;
    align-items: center;
}
.sidebar_toggle .menu-links a {
    display: flex;
    align-items: baseline;
    text-align: center;
}

.sidebar_toggle .menu-bar {
    height: calc(100% - 225px);
    display: flex;
    justify-content: center;
}

.menu-bar::-webkit-scrollbar {
    display: none;
}

.sidebar_toggle .menu-bar .mode {
    border-radius: 6px;
    background-color: #f6f5ff;
    position: relative;
    transition: all 0.3s ease;
}

.sidebar_toggle.close ~ .home {
    top: 65px;
    left: 64px;
    width: calc(100% - 66px);
    height: calc(100% - 67px);
    position: absolute;
    transition: all 0.3s ease;
}

.TC_header_top {
    background-color: var(--white);
    padding: 5px 10px;
    height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 102;
}

.header-right {
    float: right;
    display: flex;
    background-color: var(--white);
    align-items: center;
}

.sidebar_toggle.close ~ .header_top {
    top: 0px;
}

.my_profile a {
    font-size: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my_profile .text {
    display: flex;
    justify-content: center;
}

.user_dropdown {
    position: relative;
    display: inline-block;
}

.head-info span {
    color: var(--blue);
    display: contents;
    font-size: var(--font-9) !important;
}

.head-info {
    text-align: center;
    line-height: 1.2;
}

#spanUserName {
    font-size: var(--font-1rem) !important;
    line-height: 0;
}

.notification-bar {
    padding: 0 15px;
}

.droplist {
    color: var(--blue);
    cursor: pointer !important;
}

.my_profile li.nav-link a:hover {
    background-color: unset;
}

div.text.nav-text {
    margin: auto;
    border-top: 1px solid #80808054;
    border-bottom: 1px solid #80808054;
    margin: 10px auto;
    padding: 10px 0;
    width: auto !important;
    text-align: center;
    font-size: 0.938rem;
}

div.text.nav-text {
    margin: auto;
}

.menu .bxs-user-circle {
    font-size: 35px;
    margin-bottom: 15px;
    color: var(--blue) !important;
}

.my_profile .text i.bx {
    font-size: 1rem;
}

i.bx.bx-menu.toggle {
    font-size: 30px;
}

.text.nav-text a {
    text-decoration: none;
    color: #000;
}

.menu-bar ul li.active {
    background-color: var(--white);
    color: var(--blue) !important;
    border-radius: 8px;
    width:auto!important;
}

    .menu-bar ul li.active a .icon {
        color: var(--blue) !important;
    }


.user_profile {
    border-radius: 4rem;
    display: flex;
    align-items: center;
    margin-left: 10px;
    height: 42px;
    cursor: pointer;
    border: 1px solid var(--blue);
    padding: 2px 15px 2px 0px;
}

.userintial {
    content: attr(data-letters);
    display: inline-block;
    width: 2.5em;
    height: 2.4em;
    line-height: 2.4em;
    text-align: center;
    border-radius: 50%;
    background: var(--blue);
    vertical-align: middle;
    color: white;
    font-weight: bold;
    margin-right: .5em;
    font-size: 14px !important;
}

.head-info p {
    margin-bottom: 0;
    font-size: var(--font-8);
    text-align: center;
    padding-top: 2px;
}

.d-flex:has(> .breadcrumb) {
    align-items: center;
}

.breadcrumb_heading {
    color: #4f4f4f !important;
    font-size: var(--font-1) !important;
    font-weight: 700 !important;
}

ul.breadcrumb {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    margin-bottom: 0;
}

.account_label_floating {
    font-size: var(--font-9) !important;
    color: var(--blue) !important;
}

.breadcrumb a {
    text-decoration: none;
}

ul.breadcrumb li {
    display: inline;
}

    ul.breadcrumb li span,
    ul.breadcrumb li label,
    ul.breadcrumb li a {
        font-size: var(--font-8) !important;
    }

    ul.breadcrumb li + li:before {
        padding: 0px 8px;
        color: #ccc !important;
        content: "/\00a0";
        font-weight: bolder;
    }

    ul.breadcrumb li a {
        color: #ccc;
        text-decoration: none;
    }

        ul.breadcrumb li a:hover {
            color: var(--blue) !important;
            text-decoration: underline;
        }

ul.breadcrumb i.icon {
    font-size: var(--font-1-2);
}



input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone1_txtPhone,
input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone2_txtPhone,
input#ctl00_ContentPlaceHolder2_txtBusinessGroupCell_txtPhone,
input#ctl00_ContentPlaceHolder2_txtBusinessGroupFAX_txtPhone {
    width: 100%;
    height: 32px;
    border-radius: 0.5em !important;
}

.input-error {
    position: absolute;
    bottom: -16px;
    font-size: 11px !important;
}

div#divFooter div {
    background-color: unset !important;
}

div#divPageHeader .float-right {
    margin-left: auto;
}

.ucStatusDates {
    width: 100%;
    border-radius: 0.4rem !important;
    height: 32px !important;
}

.anchor:hover {
    color: var(--blue) !important;
}

.input-group-floting {
    position: relative;
}

.form-control {
    padding: 3px 12px !important;
}

.input-group-floting input,
.p-relative input {
    padding: 3px 12px !important;
    /*padding: 0px 7px 0px 7px !important;*/
}

.p-relative textarea {
    border: 1px solid rgba(0, 0, 0, .2) !important;
    padding: 5px 0px 0px 7px !important;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell !important;
}

textarea [placeholder] {
    line-height: 2;
}

.input-group-floting input:focus {
    /* outline: none;*/
}

.input-group-floting label {
    color: #999;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 7px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    font-size: .8rem;
}

label.floting_label span {
    font-size: .8rem !important;
}

.input-group-floting label span {
    font-size: .8rem;
}

.input-group-floting input:focus ~ label {
    top: -10px;
    font-size: .8rem;
    color: var(--blue);
    background-color: var(--white);
    padding: 0px 5px;
    border-radius: 5px;
    font-weight: 600;
}

.input-group-floting input:not(:placeholder-shown) ~ label {
    top: -10px;
    font-size: .8rem !important;
    color: var(--blue);
    background-color: var(--white);
    padding: 0px 5px;
    border-radius: 5px;
    font-weight: 600;
}

.floting_label {
    font-size: .8rem !important;
    color: var(--blue);
    position: absolute;
    top: -8px;
    left: 7px;
    background-color: var(--white);
    padding: 0px 4px;
    border-radius: 4px;
    height: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.k-window .floting_label {
    z-index: 2 !important
}

.input-group-addon {
    padding: 2px 5px !important;
    border-top-right-radius: .4em;
    border-bottom-right-radius: .4em;
}

.sidenav-container {
    z-index: 1081;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    background-color: #88888888;
    height: 100%;
    width: 100%;
}

.sidenav-content {
   position: absolute;
    right: 0px;
    /*width: 1000px;*/
   /* width: 80vw;*/
    height: 100vh;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    /*float: right;
    text-align: right;
    height: 100%;*/
}

.sidenav-header {
    background-color: var(--blue);
    color: var(--white);
    height: 50px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-weight: 700;
    position: relative;
}

.sidenav-body {
    /*margin-top: 10px;*/
    /* flex-grow: 1;*/ /*Assign max available height to body*/
    /* overflow:auto;*/ /* Commented the overflow because scroll was coming - by Mansi on 01/15/2025 (discussed with Indrapal sir)*/ /*remove overfloaw by indrapal 26/02/2025*/
    /*height: calc(100vh - 50px);*/
    height: 100vh;
}

.sidenav-footer {
    margin-top: 10px;
    padding: 10px;
    text-align: right;
    background-color: var(--white);
}

a.closebtn:hover {
    color: #cf0000 !important;
}

.closebtn {
    position: absolute;
    top: 50%;
    right: -3000px;
    font-size: 28px;
    color: var(--white) !important;
    transform: translateY(-50%);
    text-decoration: none !important;
    cursor: pointer;
    font-size: 1.575rem !important;
    font-weight: bolder !important;
}

a.closebtn:hover {
    color: var(--white);
}

.SumoSelect.open > .optWrapper {
    background-color: var(--white);
    text-align: left;
}

.sumo_lstProviderList > .optWrapper {
    min-width: 319px !important;
}

.SumoSelect > .CaptionCont {
    line-height: 24px !important;
}

.notification-bar li {
    display: inline;
}

.sub-btn:hover {
    text-decoration: none;
}

span.badge {
    position: absolute;
    padding: 4px;
    right: -5px;
    font-size: 10px !important;
}

.sub-btn {
    font-size: 1.25rem;
    color: var(--blue);
    cursor: pointer;
    padding: 5px 6px;
    background-color: var(--blue-200);
    border-radius: 50%;
    line-height: 2;
}

.dropbtn {
    font-size: 50px;
    color: var(--blue);
    cursor: pointer;
    border-radius: 50%;
}

.ui-widget-content {
    border: 1px solid #d6d7d7 !important;
}

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid #d6d7d7 !important;
    }

#divProviderListGrid {
    margin-bottom: 10px;
}

table.actionTbl tr td {
    padding: 3px !important;
    border-bottom: 0 !important;
}

legend h3,
#divPageHeader h3 {
    font-size: 0.813rem;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    margin-bottom: 10px;
}



.cstooltip > div a {
    font-weight: 400 !important;
}

legend a {
    font-size: 1rem;
    font-weight: 700;
    color: #000 !important;
    text-decoration: none;
    color: #fff;
    font-weight: 700 !important;
}

/*#divPageHeader a {
    font-size: 1rem;
    font-weight: 700;
    color: #000 !important;
    text-decoration: none;
}*/

#divPageHeader .submenu ul li a:hover {
    color: #fff;
}

.menu-adjust {
    width: 150px;
    left: -20px !important;
}

#drpHeading {
    color: #000 !important;
}

    #drpHeading:hover {
        color: #000 !important;
    }


.platform-name {
    padding: 10px;
    background-color: var(--blue-200);
    border-radius: 5px;
}

.notification-bar li {
    display: inline-block;
}

.center-menu li {
    float: left;
}

    .center-menu li a {
        display: block;
        color: var(--blue);
        text-align: center;
        padding: 10px;
        text-decoration: none;
    }

        .center-menu li a:hover {
            background-color: var(--blue);
            color: var(--white);
            border-radius: 8px;
        }

.provider-name {
    padding: 5px 20px 5px 10px;
    background-color: #c9ebff94;
    border-radius: 8px;
    display: flex;
    align-items: center;
    color: var(--blue);
    margin: 0 17px;
}


.center-menu-1 li a {
    display: block;
    color: var(--blue);
    text-align: center;
    text-decoration: none;
    text-wrap: nowrap;
}

    .center-menu-1 li a:hover {
        background-color: var(--blue);
        color: var(--white);
        border-radius: 8px;
    }

.tab li.tablinks {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: var(--font-1);
    font-weight: 600;
}

    .tab li.tablinks:hover {
        border-bottom: 2px solid var(--blue);
        color: var(--blue);
    }

    .tab li.tablinks.active {
        border-bottom: 2px solid var(--blue);
        color: var(--blue);
    }

.tab-header {
    background-color: var(--blue);
    padding: 10px;
    display: flex;
    align-items: center;
    color: var(--blue);
    justify-content: center;
    position: relative;
    display: inline-block;
}

.tabcontent {
    display: block;
    padding: 10px 15px;
    border-top: none;
}

.notification_block {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 400px;
    height: 525px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 15px;
    right: 12px;
}

    .notification_block a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .notification_block a:hover {
            color: var(--blue);
            border-bottom: 2px solid var(--blue);
        }

.tab-header {
    background-color: #c9ebff;
    padding: 40px 0px;
    text-align: center;
}

.tab {
    overflow: hidden;
    border: 1px solid #cccccc61;
    background-color: #ffffff;
}

[data-tab-content] {
    display: none;
}

.tab_active[data-tab-content] {
    display: block;
    color: var(--blue);
    border-bottom: 2px solid var(--blue) !important;
}

.dropdown-content-3::after,
.dropdown-content-4::after {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 20% !important;
    margin-left: -5px !important;
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--blue) transparent !important;
}

.dropdown-content-5::after {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    right: 4% !important;
    margin-left: -5px !important;
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--blue) transparent !important;
}

.dropdown-content-7::after,
.dropdown-content-8::after,
.drop-provider-list-content::after {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    right: 22px;
    margin-left: -5px !important;
    border-width: 10px !important;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid var(--blue);
}

.dropdown-content-8::after {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    /*right: 45.3% !important;*/
    /*right: 47.5% !important;*/
    /*margin-left: -5px !important;*/
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--blue) transparent !important;
    left: 50%;
    transform: translateX(-50%);
}

.dropdown-content-9::after {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 5% !important;
    margin-left: -5px !important;
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--blue) transparent !important;
}

.dropdown-content::after {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 53% !important;
    margin-left: -5px !important;
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--blue) transparent !important;
}

.dropdown-content-1.footerdorpdown::after,
.dropdown-content-2.footerdorpdown::after,
.dropdown-content-6.footerdorpdown::after {
    content: "" !important;
    position: absolute !important;
    bottom: 4% !important;
    left: -7% !important;
    margin-left: -5px !important;
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent var(--blue) transparent transparent !important;
}

.dropdown-content-10::after {
    content: "" !important;
    position: absolute !important;
    top: -20px;
    left: 2% !important;
    margin-left: 0px !important;
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent #ffffff transparent transparent !important;
    transform: rotate(90deg);
}

.dropdown-content-1.footerdorpdown,
.dropdown-content-2.footerdorpdown,
.dropdown-content-6.footerdorpdown {
    bottom: 0px;
}

.dropdown-list-10 a {
    color: var(--white);
}

    .dropdown-list-10 a:hover {
        color: var(--blue) !important;
    }

.dropdown-content,
.dropdown-list-3,
.dropdown-list-4,
.dropdown-list-5,
dropdown-list-7,
.dropdown-list-8,
.dropdown-list-9,
.dropdown-list-10,
.drop-provider-list,
.dropdown-content-11 {
    color: var(--blue);
    font-size: 1rem;
    border: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.dropdown-list-8 {
    cursor: unset !important;
}

.dropdown-list-1,
.dropdown-list-2,
.dropdown-list-6 {
    color: var(--blue);
    font-size: 1rem;
    border: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.dropdown-content a {
    align-items: baseline;
}

/*.dropaudit:hover,
.dropaudit:focus {
    background-color: #2980B9;
}

.dropNewlist:hover,
.dropNewlist:focus {
    background-color: #2980B9;
}

.dropsecurity:hover,
.dropsecurity:focus {
    background-color: #2980B9;
}

.drophelp:hover,
.drophelp:focus {
    background-color: #2980B9;
}

.btnmenulist:hover,
.btnmnuelist:focus {
    background-color: #2980B9;
}*/

.dropdown-content a,
.dropdown-content-1 a,
.dropdown-content-2 a,
.dropdown-content-3 a,
.dropdown-content-4 a,
.dropdown-content-5 a,
.dropdown-content-6 a,
.dropdown-content-7 a,
.dropdown-content-8 a,
.dropdown-content-9 a,
.dropdown-content-10 a,
.drop-provider-list-content a,
.dropdown-content-11 a {
    color: #6c7293 !important;
    padding: 7px 13px;
    text-decoration: none;
    display: flex;
    align-items: baseline;
    box-shadow: unset;
    text-align: left !important;
    font-weight: 500;
    font-size: 14px !important;
}

div#divMoreAction::after {
    right: 19.5% !important;
}

div#divPartition_3632::after {
    right: 1.5% !important;
}

.svg-inline--fa.fa-w-18 {
    width: 1.125em;
}

.dropdown-content a:hover,
.dropdown-content-1 a:hover,
.dropdown-content-2 a:hover,
.dropdown-content-3 a:hover,
.dropdown-content-4 a:hover,
.dropdown-content-5 a:hover,
.dropdown-content-6 a:hover,
.dropdown-content-10 a:hover,
.dropdown-content-8 a:hover {
    background-color: #F3F6F9 !important;
    color: var(--blue) !important;
    border-radius: 8px;
}

.dropdown-content-9 a:hover {
    background-color: #7e7e7e29 !important;
    color: var(--blue);
}

.drop-provider-list-content a:hover {
    background-color: #F3F6F9 !important;
    color: var(--blue) !important;
    /* width: 184px;*/
}

div#providerContentlist .GridImageSize {
    padding: 0;
}

ul.mainlist p {
    margin-bottom: 5px;
    color: var(--blue);
}

ul.mainlist ul li:hover {
    background: #F3F6F9;
}

ul.mainlist ul li:hover {
    color: var(--blue) !important;
}

.head-border {
    width: 50%;
    padding: 0px 0px 0px 15px;
    border-top: 1px solid var(--blue);
    margin-bottom: 10px;
}

.dropdown-content,
.dropdown-content-1,
.dropdown-content-2,
.dropdown-content-3,
.dropdown-content-4,
.dropdown-content-6,
.dropdown-content-7 {
    display: none;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 1;
    border-radius: 12px;
    min-width: 180px;
    left: 80px;
    text-wrap: nowrap;
}

.dropdown-content-1,
.dropdown-content-2,
.dropdown-content-6 {
    left: 60px !important;
}

.dropdown-content-5 {
    display: none;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 2;
    border-radius: 12px;
    min-width: 182px;
    right: 0;
    top: 14px !important;
}

.dropdown-content-10 {
    display: none;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 1;
    border-radius: 12px;
    min-width: 180px;
    left: 0px;
    top: 40px;
    padding: 10px;
}

.dropdown-content-8 {
    display: none;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
    border-radius: 12px;
    min-width: 180px;
    /*top: 48px;*/
    top: 43px;
    left: 51%;
    transform: translateX(-49%);
    /*right: -293px;*/
    cursor: unset !important;
}

.dropdown-content-div {
    display: none;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 12px;
    min-width: fit-content;
    top: 48px;
    right: 0px;
    cursor: unset !important;
    padding: 8px;
}

    .dropdown-content-div::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        right: 17% !important;
        margin-left: -5px !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }

.drop-provider-list-content {
    display: none;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 12px;
    min-width: 180px;
    top: 38px;
    /*right: -55px;*/
    transform: translate(2%);
    right: 3px;
}

.GridItem a:hover,
.GridHeader a:hover,
.GridSelect a:hover,
.anchor-link:hover {
    color: var(--blue) !important;
    text-decoration: underline;
}

.disabled-underline:hover {
    text-decoration: none !important;
}

.dropdown-content-9 {
    display: none;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 12px;
    min-width: 180px;
    left: 0;
    top: 40px;
}

.dropdown-content {
    left: 20% !important;
    top: 51px;
    transform: translate(-50%);
}



ul.mainlist {
    display: flex;
}

.dropdown-content-3,
.dropdown-content-4 {
    left: 0 !important;
    top: 52px;
}

.dropdown-content a:hover i {
    color: var(--white) !important;
}

.show {
    display: block !important;
}

.icon-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
    border: none;
    outline: none;
    border-radius: 50%;
    cursor: pointer;
    background: var(--white);
}

    .icon-button:hover {
        background-color: #ebebebb0;
    }

    .icon-button a i {
        font-size: 12px !important;
    }

.user-count {
    border: 1px solid var(--blue);
    padding-left: 10px;
    margin-left: 10px;
    padding: 7px;
    display: block;
    border-radius: 50px;
    color: var(--blue) !important;
    background-color: var(--white);
    cursor: pointer;
}

.Licens_dropdown {
    position: relative;
}

.icon-button__badge {
    position: absolute;
    top: -4px;
    right: -17px;
    min-width: 25px;
    height: 14px;
    background: var(--red);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    font-size: 10px !important;
    line-height: 1;
    padding: 2px 4px;
}

.card {
    box-shadow: 0px 0px 4px 2px #cccccc63;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.rigth-box {
    position: absolute;
    top: 0;
    background-color: #c9c9c9;
    color: #676767;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
}

.rigth-box-2 {
    position: absolute;
    top: 0;
    color: var(--blue);
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
}

.rigth-box-1 {
    position: absolute;
    color: var(--white);
    background-color: var(--blue);
    padding: 10px;
    border-radius: 0px 0px 0px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.688rem;
    top: 0;
    right: 0;
}

.rigth-box-3 {
    position: absolute;
    top: 0;
    color: var(--blue);
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
    text-align: center;
}

    .rigth-box-3 label {
        font-size: var(--font-1);
    }

.tab_height {
    height: 58%;
    overflow-y: scroll;
}

.disebleList:hover {
    background-color: var(--gray-600) !important;
    color: var(--white) !important;
    border-radius: 8px;
    text-decoration: none;
}

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



.form-control {
    /*  display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;*/
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.4rem !important;
    /*background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;*/
}

select:focus {
    border-color: var(--blue) !important;
}

.table_layout {
    border-radius: 20px;
}

table.bg-hover tr:hover,
table.actionTbl tr:hover {
    background-color: unset !important;
}

.input-icon-center {
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.Modal-header b {
    /* float: left;*/
}

button:not([class*='k-button']):disabled {
    cursor: not-allowed !important;
    /* opacity: .5; */
    background-color: #7FCEFD !important;
    border-radius: 0.4rem;
    border-color: #7FCEFD !important;
}

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

.closeModal {
    color: white;
    float: right;
    font-size: 1.475rem !important;
    font-weight: bold;
}

    .closeModal:hover {
        color: red;
    }

    .closeModal:hover,
    .closeModal:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }


.sort-options {
    display: flex;
    margin-left: 20px;
    margin-right: 10px;
}

    .sort-options label {
        font-size: 0.7em;
        font-weight: bold;
        color: #878787;
        width: 56px;
    }

.drag-icon {
    margin-left: auto;
    color: var(--blue);
    cursor: grab;
}

    .drag-icon:hover {
        color: #555;
    }

#myModalfollowup .modal-content .modal-body {
    height: 400px;
}

.expScrollFix {
    overflow-y: auto;
}

.btn-outline-primary {
    color: var(--blue);
    border-color: var(--blue);
    background-color: var(--white);
    border-radius: 15px;
}

    .btn-outline-primary:hover {
        background-color: var(--blue);
        color: var(--white);
    }

.btn-outline-secondary {
    color: #acaeaf;
    border-color: #acaeaf;
    background-color: var(--white);
    border-radius: 15px;
}

.btn-sm {
    padding: .275rem .375rem;
    font-size: var(--font-9);
}

.btn-outline-secondary:hover {
    background-color: #acaeaf;
    color: var(--white);
}

.cursor-pointer {
    cursor: pointer;
}

.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: unset !important;
    text-align: left !important;
}

.btn-1.active {
    background: var(--red-500);
    top: 2px;
    border-bottom: 3px solid var(--red-700);
}

.btn-1 {
    background-color: var(--red-500);
    color: #fff;
}

.Grid tr.GridItem:hover,
.Grid tr.GridItem:focus {
    background-color: #009efb29 !important;
}

.no-hover,
.no-hover:hover,
.no-hover td,
.no-hover td:hover {
    background-color: #fff !important;
}

::placeholder {
    color: #999 !important;
    font-size: 0.9rem !important;
}

.TextDisplay::placeholder {
    color: #999 !important;
    font-size: 0.9rem !important;
}

.activeStatusColor {
    color: #50BC44 !important;
}

.inactiveStatusColor {
    color: red;
}

.blockStatusColor {
    color: red;
}

.draftStatusColor {
    color: var(--gray)
}

.helpIcon {
    font-size: 1.1rem;
    color: var(--blue);
    cursor: pointer;
}

.defaultIcon {
    font-size: 1.1rem;
    color: var(--gray-Icon);
}

.helpIcon.grayed {
    color: var(--gray-Icon);
}

.bunchIconLarge {
    font-size: 1.2rem;
    color: var(--blue);
    padding: 5px;
}

    .bunchIconLarge.disabled {
        color: var(--lightgray);
        cursor: not-allowed;
        opacity: 0.6;
    }

        .bunchIconLarge.disabled:hover {
            background-color: #EDEDED !important;
            color: var(--gray-Icon) !important;
        }

    .bunchIconLarge.grayed {
        color: var(--gray-Icon);
    }

.bunchIconSmall {
    font-size: 1.1rem;
    color: var(--blue);
    padding: 3px;
    color: #6C7293 !important;
    border-radius: 5px;
    transition: .3s all;
}

    .bunchIconSmall.disabled {
        color: var(--lightgray);
        cursor: not-allowed;
        opacity: 0.6;
    }

        .bunchIconSmall.disabled:hover {
            background-color: #EDEDED !important;
            color: var(--gray-Icon) !important;
        }

    .bunchIconSmall.grayed {
        color: var(--gray-Icon);
    }

    .bunchIcon:hover,
    .bunchIconSmall:hover,
    .bunchIconLarge:hover {
        background-color: var(--blue) !important;
        border-radius: 5px;
        color: var(--white) !important;
    }

.bunchIcon.disabled {
    color: var(--lightgray);
    cursor: not-allowed;
    opacity: 0.6;
}

    .bunchIcon.disabled:hover {
        background-color: #EDEDED !important;
        color: var(--gray-Icon) !important;
    }

.bunchIcon.grayed {
    color: var(--gray-Icon);
}

.bunchIconsmallbg.grayed {
    color: var(--gray-Icon);
}

.bg-orange {
    background-color: #ff8300 !important;
}

ul.mainlist li a svg {
    width: 35px !important;
}

.breadcrumb-icon {
    font-size: 1.1rem;
    color: #4f4f4f;
}

button.close span {
    font-size: 1.475rem !important;
    font-weight: bold;
}

.iconStyling {
    font-size: 1.2rem;
    background-color: transparent;
}

.dropdown-content-providericon a {
    color: #6C7293 !important;
    padding: 7px 13px;
    text-decoration: none;
    display: flex;
    align-items: baseline;
    box-shadow: unset;
    text-align: left !important;
    font-size: 0.875rem;
    font-weight: 500;
}

.mainlist {
    height: unset !important;
    width: unset !important;
}

.dropdown-content-providergridicon {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    position: absolute;
    right: 25px;
    background-color: #fff;
    height: auto;
    z-index: 9;
    opacity: unset !important;
}

    .dropdown-content-providergridicon a {
        color: #6C7293 !important;
        padding: 7px 13px;
        text-decoration: none;
        display: flex;
        align-items: baseline;
        box-shadow: unset;
        text-align: left !important;
        font-size: 0.875rem;
        font-weight: 500;
    }

        .dropdown-content-providergridicon a:hover {
            color: var(--blue) !important;
        }

    .dropdown-content-providergridicon::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        right: 6.5% !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }

.dropdown-content-providericon {
    width: fit-content;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    position: absolute;
    /*right: 15px;*/
    right: -5%;
    transform: translate(0);
    z-index: 1079;
    white-space: nowrap;
    top: 45px;
    /*  right: 30px;
    z-index: 1;*/
}

.svGrid .tooltiptext::after {
    left: 80% !important;
}

.providerListicon a {
    height: auto !important;
    width: 100% !important;
    align-items: center!important;
}

.dropdown-content-providericon a:hover {
    color: var(--blue) !important;
    text-decoration: none !important;
}

.SumoSelect .select-all {
    padding: 8px 0 27px 35px !important;
}

.dropdown-content-providericon::after {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    /*right: 3.5% !important;*/
    right: 3.5% !important;
    border-width: 10px !important;
    border-style: solid !important;
    border-color: transparent transparent var(--blue) transparent !important;
}

.lnkEmailDiv {
    color: #6C7293 !important;
    padding: 7px 13px;
    text-decoration: none;
    display: flex;
    align-items: baseline;
    box-shadow: unset;
    text-align: left !important;
    font-size: 0.875rem;
    font-weight: 500;
}

    .lnkEmailDiv svg {
        width: 35px !important;
    }



.dropdown-content-providericon a svg,
.dropdown-content-providergridicon a svg {
    font-size: 1.1rem !important;
}

.remarkCred table,
.remarkCred table td {
    width: 100% !important;
    text-wrap: wrap !important;
}

.bunchIconsmallbg {
    height: 18px !important;
    width: 18px !important;
    font-size: 1rem !important;
    color: #6C7293;
    border-radius: 5px;
    transition: .3s all;
    padding: 6px;
}

ul.mainlist li a svg {
    font-size: 1.2rem !important;
}

.bunchIcondate {
    font-size: .9rem;
    padding: 5px;
    height: 16px;
    width: 16px;
}

/*html,
span,
label,
td,
li,
button,
Button,
a,
small,
b,
th {
    font-size: var(--font-9);
}*/


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

.SumoSelect p span,
.SumoSelect select p span {
    font-size: .9rem;
}



.dropdown-content-credentialinggridicon a svg {
    font-size: 1.1rem !important;
}

.dropdown-content-credentialinggridicon {
    width: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    position: absolute;
    right: 25px;
    background-color: #fff;
    height: auto;
    z-index: 9;
    right: 26px;
}

    .dropdown-content-credentialinggridicon a {
        color: #6C7293 !important;
        padding: 7px 13px;
        text-decoration: none;
        display: flex;
        align-items: baseline;
        box-shadow: unset;
        text-align: left !important;
        font-size: 0.875rem;
        font-weight: 500;
    }

        .dropdown-content-credentialinggridicon a:hover {
            color: var(--blue) !important;
            text-decoration: none !important;
        }

    .dropdown-content-credentialinggridicon::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        right: 5.5% !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }

.credentialingicon a {
    height: auto !important;
    width: 100% !important;
}

#divFooter a img {
    filter: grayscale(100%);
}

#divFooter a:hover img {
    filter: grayscale(0%);
}

.sessionfooter a img {
    filter: grayscale(1);
}

.sessionfooter a:hover img {
    filter: unset !important;
}

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_switch */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    /* DO NOT CHANGE HEIGHT AS IT REQUIRES PROPER CALCULATION, USE transform: scale(0.5) translateX(40%); IF YOU WANT TO CHANGE THE SIZE */
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

.credentialingcollapsedicon a {
    height: auto !important;
    width: 100% !important;
}

.dropdown-content-credentialinggridcollapsedicon a svg {
    font-size: 1.1rem !important;
}

.dropdown-content-credentialinggridcollapsedicon {
    width: 70%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    position: absolute;
    right: 25px;
    background-color: #fff;
    height: auto;
    z-index: 9;
    right: -5px;
}

    .dropdown-content-credentialinggridcollapsedicon a {
        color: #6C7293 !important;
        padding: 7px 13px;
        text-decoration: none;
        display: flex;
        align-items: baseline;
        box-shadow: unset;
        text-align: left !important;
        font-size: 0.875rem;
        font-weight: 500;
    }

        .dropdown-content-credentialinggridcollapsedicon a:hover {
            color: var(--blue) !important;
        }

    .dropdown-content-credentialinggridcollapsedicon::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        right: 5.5% !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }

.selectedtr {
    cursor: pointer;
    background-color: #e9f7ff !important;
    vertical-align: middle;
    border: transparent !important;
}

.trVisiTransparent tr:hover {
    background-color: unset !important;
}

.ThreeDotButtonActive {
    background-color: var(--blue) !important;
    border-radius: 5px;
    color: var(--white) !important;
    display: inline-flex;
}

    .ThreeDotButtonActive svg {
        color: var(--white) !important;
    }

.bg-hover {
    background-color: unset !important;
}

div#divEmailTo {
    font-size: .9rem;
}

.bunchIconblueheader {
    color: #fff;
    padding: 6px;
    height: 20px !important;
    width: 20px !important;
    border-radius: 5px;
    transition: .3s all;
    font-size: 1.2rem;
}

    .bunchIconblueheader:hover {
        color: #009efb;
        padding: 6px;
        height: 20px !important;
        width: 20px !important;
        border-radius: 5px;
        transition: .3s all;
        font-size: 1.2rem;
        background-color: #fff;
    }


.tbl-status-active {
    border-left: 3px solid #50BC44 !important;
}

.tbl-status-inactive {
    border-left: 3px solid #50BC44 !important;
}

.tbl-status-draft {
    border-left: 3px solid #50BC44 !important;
}

.followupDates::placeholder,
.DueDates::placeholder,
.EffectiveDates::placeholder,
.ExpiryDates::placeholder,
.statusDates::placeholder {
    font-size: .9rem;
}

input::placeholder,
.DropDownDisplay::placeholder,
select::placeholder,
.TextDisplay::placeholder {
    font-size: .9rem;
}

.SumoSelect > .CaptionCont > span {
    font-size: .9rem;
    width: 200px !important;
}

select {
    font-size: .9rem;
}

.alert_insurance {
    background-color: #d6f3d6;
    padding: 8px 15px;
    border: 1px solid #23832d;
    border-radius: 6px;
    color: #23832d;
}

.max-width-485 {
    width: 485px !important;
}

.selectAction {
    font-size: 0.875rem;
    font-weight: bold;
    color: var(--blue);
    text-align: left;
}


li#ctl00_tdEmailTemplate a:hover .img-logo-AI {
    background-image: url('../images/clinic-blue.png');
}

li#ctl00_tdEmailTemplate a {
    padding: 10px;
}

.remark div {
    margin-left: 0px !important;
    width: 100% !important;
}

.color-primary {
    color: var(--blue);
}

.cs-dialog {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #88888888;
    z-index: 1001;
    display: none;
}

    .cs-dialog * {
        box-sizing: border-box;
    }

.cs-dialog-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 17rem;
    /* DEFAULT HEIGH AND WIDTH - OVERRIDE AS PER YOUR PREFERENCE AT IMPLEMENTATION */
    width: 30rem;
    background-color: #ffffff;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.cs-dialog-header {
    position: relative;
    background-color: var(--blue);
    height: 2rem;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    color: #ffffff;
    margin: -0.5rem -0.5rem 0rem -0.5rem;
    flex-shrink: 0;
    font-size: 1rem;
}

.cs-dialog-body {
    flex-grow: 1;
    flex-basis: 0;
    overflow: auto;
}

.cs-dialog-footer {
    flex-shrink: 0;
}

.cs-dialog-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.5rem;
    color: #ffffff;
    font-size: 1.5rem;
}

    .cs-dialog-close:hover {
        color: red;
        cursor: pointer;
    }

    .cs-dialog-close::after {
        content: "\00D7";
    }


.popover__title {
    text-decoration: none;
    text-align: center;
    padding: 15px 0;
}

.popover__wrapper {
    position: relative;
    display: inline-block;
}

.popover__content {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    position: absolute;
    left: -150px;
    top: 50px;
    transform: translate(0, 10px);
    background-color: whitesmoke;
    padding: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
}

    .popover__content:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(50% - 10px);
        top: -8px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent whitesmoke transparent;
        transition-duration: 0.3s;
        transition-property: transform;
    }

.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
    text-align: left;
}

.labelMandatory {
    font-size: 0.7em;
    margin-left: 5px;
    margin-right: 5px;
    color: gray;
}


.border-x {
    border-right: 1px solid #E3F7FA !important;
    border-left: 1px solid #E3F7FA !important;
}

.border-y {
    border-top: 1px solid #E3F7FA !important;
    border-bottom: 1px solid #E3F7FA !important;
}

.border-right-0 {
    border-right: unset !important;
}

.highlight-drop {
    background-color: #d1e7ff;
    font-weight: bold;
}

.dragging {
    opacity: 0.5;
}

.ui-draggable-handle {
    cursor: grab;
}



#df-chat-wrapper {
    position: fixed;
    bottom: 2px;
    left: 52px;
    width: 300px;
    display: none;
    margin-left: 8px;
    border: 1px solid var(--blue);
}

df-messenger-titlebar slot {
    font-weight: 900;
}

.new-btn {
    height: 30px;
    line-height: 15px;
}

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

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

.pageinput-box {
    width: 40px !important;
    height: 30px !important;
}

.box-shadow-grid {
    box-shadow: 0px 0px 11px 2px #8080802e;
}

/***************************************************************
   Start frmClientListSearch
****************************************************************/
.hoverclass {
    color: var(--blue) !important;
    text-decoration: underline;
}

.Initial {
    display: block;
    border-bottom: 5px solid var(--white);
    padding: 9px 7px 9px 7px !important;
    border-radius: 0.5rem 0.5rem 0 0;
    color: var(--blue);
    background-color: #f0f0f0 !important;
    margin-right: 1px;
    margin-left: 1px;
    cursor: pointer;
    font-size: 1rem;
    border: none;
}

    .Initial:hover {
        background-color: var(--blue) !important;
        color: var(--white);
        padding: 15px;
    }

.Clicked {
    background-color: var(--blue);
    color: var(--white);
    padding: 14px !important;
    border-bottom: 5px solid var(--blue);
    border-radius: 0.5rem 0.5rem 0 0;
    /*font-size: 0.813rem;*/
    font-weight: 600;
    float: left;
    display: block;
    margin-left: 1px;
    margin-right: 1px;
    border: none;
}

#iframeExpiryNotificationprogBar,
#iframeApplyLabelprogBar {
    text-align: center;
    position: absolute;
    height: inherit;
    width: inherit;
    z-index: 9999;
    background-image: url("../Images/Black.PNG?v=1.1");
}

.iframeExpiryNotificationloadingProvider {
    font-family: var(--font-family);
    font-size: 10pt;
    width: 200px;
    height: 100px;
    position: fixed;
    z-index: 1111111 !important;
    left: 43%;
    top: 45%;
}


.ButtonHidden {
    display: none;
}

.style2 {
    width: 250px;
}

.style3 {
    width: 10px;
}

.style4 {
    width: 69px;
}

.style5 {
    font-weight: bold;
}

.SourceVerificationImg {
    position: relative;
    top: 1px;
    width: 16px;
    height: 16px;
}

fieldset {
    border: 1px solid #d6d7d7 !important;
    margin: 0;
    padding: 10px;
    position: relative;
    border-radius: 10px;
    background-color: var(--white);
    padding-left: 10px !important;
}

    fieldset > table:first-of-type, fieldset > div:first-of-type {
        margin-top: 20px;
    }

legend {
    background: var(--white);
    margin-bottom: 0px;
    margin-left: 1px;
    color: var(--blue);
    font-size: 14px !important;
    border: 1px solid #bbb;
    border-radius: 6px;
    line-height: 2;
    font-weight: 700;
    font-family: var(--font-family);
    text-align: left;
    width: max-content !important;
    position: absolute !important;
    top: -15px !important;
    padding: 0px 10px 0px 15px !important;
}


.HideDiv {
    display: none;
}

table#ctl00_ContentPlaceHolder2_rblActiveInactive label {
    margin-right: 2px;
}

table#ctl00_ContentPlaceHolder2_rblActiveInactive tr td input {
    margin-top: -2px;
    margin-left: 0px;
}

.attachmentdisabled {
    opacity: 0.4;
}

.dropdown {
    color: #555;
    margin: 0px 0px 0px 0px;
    width: 143px;
    position: relative;
    height: 17px;
    text-align: left;
}

.submenu {
    background: var(--white);
    position: absolute;
    top: -12px;
    left: -5px;
    z-index: 100;
    display: none;
    margin-left: 10px;
    padding: 40px 0 5px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.dropdown li a {
    color: #555555;
    display: block;
    font-family: var(--font-family);
    font-weight: bold;
    padding: 6px 15px;
    cursor: pointer;
    text-decoration: none;
}

    .dropdown li a:hover {
        background: var(--blue) !important;
        color: #FFFFFF !important;
        text-decoration: none;
    }

/*#divPageHeader li a:hover {
    color: #FFFFFF !important;
}*/

a.account {
    color: white;
    font-size: var(--font-8);
    line-height: 16px;
    color: #555;
    position: absolute;
    z-index: 101;
    display: block;
    padding: 0px 0 0 0px;
    height: 28px;
    width: 131px;
    margin: 0px 0 0 0px;
    text-decoration: none;
    background: url(icons/arrow.png) 116px 17px no-repeat;
    cursor: pointer;
}

.root {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 0.688rem;
    padding: 11px 0 0 0px;
    border-top: 1px solid #dedede;
}

#progBar {
    z-index: 100002 !important;
}

#sfeprogBar {
    text-align: center;
    position: absolute;
    height: inherit;
    width: inherit;
    z-index: 9999;
    background-image: url("../Images/Black.PNG?v=1.1");
}

#sfeproviderLoader {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.4s ease-out 0s;
    width: 100%;
    z-index: 1000;
}

#sfeloader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 2s linear 0s normal none infinite running spin;
    border-color: var(--blue) transparent transparent;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 80px;
    left: 50%;
    margin: -40px 0 0 -40px;
    position: relative;
    top: 50%;
    width: 80px;
    z-index: 1001;
}


    #sfeloader::before {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        animation: 3s linear 0s normal none infinite running spin;
        border-color: var(--blue) transparent transparent;
        border-image: none;
        border-radius: 50%;
        border-style: solid;
        border-width: 3px;
        bottom: 5px;
        content: "";
        left: 5px;
        position: absolute;
        right: 5px;
        top: 5px;
    }

    #sfeloader::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        animation: 1.5s linear 0s normal none infinite running spin;
        border-color: var(--blue) transparent transparent;
        border-image: none;
        border-radius: 50%;
        border-style: solid;
        border-width: 3px;
        bottom: 15px;
        content: "";
        left: 15px;
        position: absolute;
        right: 15px;
        top: 15px;
    }

.GridAlternateItem {
    font-size: .9em !important;
}

.offset-right {
    position: relative;
    right: -3%;
}


/***************************************************************
   End frmClientListSearch
****************************************************************/



/***************************************************************
  Start frmBusinessGroupList
****************************************************************/

span#ctl00_ContentPlaceHolder2_lbltotalPage,
span#ctl00_ContentPlaceHolder2_lbltotalPageB {
    position: relative;
    top: 1px;
    margin-right: 3px;
}

button.btnAlign {
    display: inline-flex;
    align-items: center;
}

td.Title {
    white-space: nowrap;
}

#divPageHeader {
    padding-left: 10px !important;
}

/***************************************************************
  End frmBusinessGroupList
****************************************************************/

/***************************************************************
  Start ProviderStyleSheet.css
****************************************************************/
.divselector {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100% !important;
    margin-top: 15px;
    height: 250px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08);
    border: 1px solid #e2e7ea !important;
}

.selectortd {
    color: #FFFFFF;
    background-color: #009efb29 !important;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #000;
    font-size: 11pt;
    border-bottom: 2px solid var(--blue);
    font-weight: 500;
    width: 100%;
    float: left;
    line-height: 22px;
    font-family: var(--font-family);
}

.selectortdlbl {
    width: 315px;
    text-align: left;
}


#divPersonalINFO::-webkit-InnerDiv-thumb {
    background-color: #B03C3F;
    border-radius: 10px;
}

    #divPersonalINFO::-webkit-InnerDiv-thumb:hover {
        background-color: #BF4649;
        border: 1px solid #333333;
    }

    #divPersonalINFO::-webkit-InnerDiv-thumb:active {
        background-color: #A6393D;
        border: 1px solid #333333;
    }

#divPersonalINFO::-webkit-InnerDiv-track {
    border: 1px gray solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px gray inset;
}

.divselector table tbody tr td hr {
    background-color: lightgray;
    height: 1px;
    border: 0;
    margin: 0 !important;
}

.divselector table tbody tr td {
    padding: 2px 5px;
}

/***************************************************************
  End ProviderStyleSheet.css
****************************************************************/
/***************************************************************
  Start frmLogin
****************************************************************/
/*iframe {
    background: white !important;
}*/

/*.SumoSelect > .CaptionCont > span {
    width: auto !important;
}*/ /*Responsive provider screen scroll are remove -- indrapal-17/09/2025 */

/*
.input-group-floting label {
    top: 10px;
}*/
/*
textarea,
input {
    outline: none;
}*/
.Line {
    background-color: #2894d1;
    color: White;
    font-family: Calibri;
    font-size: 13pt;
    padding-left: 5px;
}

.Content {
    float: left;
    margin-left: 3px;
}

.style1 {
    width: 6px;
    height: 13px;
    margin-right: 3px;
    margin-top: 2px;
}

.topcontect {
    vertical-align: top;
}

/*input[type="radio"] {
    width: auto !important;
    margin: 10px 10px 10px 10px !important;
}*/

/***************************************************************
  End frmLogin
****************************************************************/


/***************************************************************
  Start frmClientInsurance
****************************************************************/
.Pdfimg {
    background: url(../images/Small-Forms-Icon.png);
    width: 16px;
    height: 18px;
}

.Pdfimg_G {
    background: url(../images/Small-Grey-Forms-Icon.png);
    width: 16px;
    height: 19px;
}

.Remarkimg {
    background: url(../Images/Remarks-Enable-17x17.png) no-repeat top left;
    width: 17px;
    height: 17px;
}

.Remarkimg_G {
    background: url(../images/Remarks-Disable-17x17.png) no-repeat top left;
    width: 17px;
    height: 17px;
}

.linkClass {
    text-decoration: none;
    color: Black;
    /*display: ruby;*/
}

.DisableReminder {
    display: none;
}

.DisableAttechment {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -528px;
    width: 16px;
    height: 16px;
    opacity: 0.4;
}

.Sprite-Weblinks {
    background: url(../Images/csg-51b012114603f.png) no-repeat top left;
    background-position: -2189px 0;
    width: 27px;
    height: 27px;
}

.Sprite-G_WebLink {
    background: url(../images/csg-51ad842e5c35d.png?v=1.1) no-repeat top left;
    background-position: 0 -198px;
    pointer-events: none;
    cursor: not-allowed;
    width: 16px;
    height: 16px;
}

#iframeinsuranceprogBar {
    text-align: center;
    position: absolute;
    height: inherit;
    width: inherit;
    z-index: 9999;
    background-image: url("../Images/Black.PNG?v=1.1");
}

.iframeinsuranceProvider {
    font-size: 10pt;
    border: 5px solid #2894D1;
    width: 200px;
    height: 100px;
    position: fixed;
    background-color: White;
    z-index: 1111111 !important;
    left: 43%;
    top: 45%;
}

.alert_insurance {
    background-color: #d6f3d6;
    padding: 8px 15px;
    border: 1px solid #23832d;
    border-radius: 6px;
    margin-bottom: 15px;
}

    .alert_insurance .fa-lightbulb {
        color: #ff9800;
        font-size: 1.125rem;
    }

    .alert_insurance span {
        font-size: 0.875rem;
        color: #23832d;
        padding: 10px 7px;
    }

.input-group-addon,
.input-group-btn {
    width: 23px;
}

#ctl00_ContentPlaceHolder2_Panel3 tr td {
    word-break: break-all;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
    width: 39px !important;
}

.intl-tel-input .selected-flag {
    margin-top: 2px;
}

.selected-dial-code {
    line-height: 18px !important;
}

/***************************************************************
  End frmClientInsurance
****************************************************************/


/***************************************************************
  Start frmpdfcontrol
****************************************************************/
.grey {
    border-left: 3px solid grey;
    margin-bottom: 2px;
}

.green {
    border-left: 3px solid green;
    margin-bottom: 2px;
}

.nodeSelected {
    color: black;
    font-weight: bold;
    background-color: #72CA99;
    text-decoration: none;
}

.nodeSelectedPDF {
    color: black;
    font-weight: bold;
    background-color: #72CA99;
    text-decoration: none;
}

#myframe {
    height: 620px;
    width: 99%;
}

#tabMenu {
    list-style-type: none;
    padding-left: 0px;
    border-bottom: solid 2px gray;
    line-height: 0px;
    height: 34px;
}

.li {
    float: left;
    margin-left: 4px;
    background-color: #2894D2;
    color: White;
    line-height: 28px;
    padding: 4px;
    border-radius: 5px 5px 0px 0px;
}

.liselected {
    float: left;
    margin-left: 4px;
    background-color: #2894F2;
    color: White;
    line-height: 28px;
    padding: 4px;
    border-radius: 5px 5px 0px 0px;
}

#tabMenu li a {
    color: White;
    text-decoration: none;
}

    #tabMenu li a:hover {
        text-decoration: underline;
    }

.ModalPopupBG {
    background-color: White;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

/***************************************************************
  End frmpdfcontrol
****************************************************************/

/***************************************************************
  Start frmTasks
****************************************************************/
.jqx-widget-content-metro {
    border: none !important;
}

/***************************************************************
  End frmTasks
****************************************************************/




/***************************************************************
   Start frmCredentialingTask
****************************************************************/
.popup-heading {
    font-size: 1rem;
    color: var(--white);
    margin-bottom: 0;
    padding-left: 5px;
    font-weight: 700;
}



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

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

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

.min-width-200 {
    min-width: 200px !important;
}

.min-width-250 {
    min-width: 250px !important;
}

div#dvlstProviderList .SumoSelect .SelectBox {
    overflow: hidden;
}

label#lbltotalPagTop {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.Title .TextDisplay {
    padding: 3px;
}

label#lbltotalPagBottom {
    position: relative;
    top: 1px;
    margin-right: 3px;
}



.SubItem td .remark {
    max-width: 587px;
    overflow: auto;
}

    .SubItem td .remark table {
        width: 100% !important;
    }

.headerseparator #divPageHeader {
    border: unset;
    background-color: unset !important;
    color: var(--blue);
}

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



.mr-lg-5 {
    margin-right: 40px;
}

.input-group-padding {
    padding: 2px 4px !important;
}

table#TdsingleProvider.innerTable tr td {
    padding-left: 0px !important;
}

.innerTable tr td {
    padding-left: 0px !important;
}




input#txtPgNoTop,
input#txtPgNoBottom {
    height: 23px;
}

#statusprogBar {
    text-align: center;
    position: absolute;
    height: inherit;
    width: inherit;
    z-index: 9999;
    background-image: url("../Images/Black.PNG?v=1.1");
}

#statusdivLoader {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.4s ease-out 0s;
    width: 100%;
    z-index: 1000;
}

#statusloader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 2s linear 0s normal none infinite running spin;
    border-color: var(--blue) transparent transparent;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 80px;
    left: 49%;
    margin: -40px 0 0 -40px;
    position: relative;
    top: 45%;
    width: 80px;
    z-index: 1001;
}

    #statusloader::before {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        animation: 3s linear 0s normal none infinite running spin;
        border-color: var(--blue) transparent transparent;
        border-image: none;
        border-radius: 50%;
        border-style: solid;
        border-width: 3px;
        bottom: 5px;
        content: "";
        left: 5px;
        position: absolute;
        right: 5px;
        top: 5px;
    }

    #statusloader::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        animation: 1.5s linear 0s normal none infinite running spin;
        border-color: var(--blue) transparent transparent;
        border-image: none;
        border-radius: 50%;
        border-style: solid;
        border-width: 3px;
        bottom: 15px;
        content: "";
        left: 15px;
        position: absolute;
        right: 15px;
        top: 15px;
    }

.alert_insurance {
    background-color: #d6f3d6;
    padding: 8px 15px;
    border: 1px solid #23832d;
    border-radius: 6px;
}

    .alert_insurance span {
        color: #23832d;
        padding: 10px 7px;
    }

.assign-task-popup {
    position: absolute;
    width: 30%;
    left: 35%;
    top: 25%;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 10000;
    box-shadow: 0 9px 9px rgba(0, 0, 0, .5);
    border-radius: 8px;
    padding: 0;
}

.popup-first-div {
    background-color: var(--blue);
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup-second-div {
    display: flex;
    padding: 10px;
    border: 1px solid white;
    border-radius: 10px;
    margin: 4px;
    box-shadow: 4px 4px 4px 0px #eeefef;
}

.popup-third-div {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}

/***************************************************************
   End frmCredentialingTask
****************************************************************/


.input-chevron-icon {
    box-sizing: border-box;
    background-image: url('../Images/down.png');
    background-position: 10px 10px;
    background-position-x: 97%;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 15px !important;
}

.ui-menu .ui-menu-item-wrapper {
    background-color: transparent !important;
}

.ui-widget.ui-widget-content {
    border-radius: 7px !important;
    /*padding: 10px 0;*/
}

div#resetOnboadringDialog .cs-dialog-container {
    width: 18rem !important;
}

.menu-left {
    margin: 0;
    padding: 0;
    list-style: none;
}

.links {
    color: #474747;
    font-size: 0.813rem;
    line-height: 14px;
    padding: 8px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

    .links:hover {
        color: #474747 !important;
        background: #b8d8eb;
        text-decoration: none !important;
    }

.highlight {
    color: #474747 !important;
    background: #b8d8eb;
    text-decoration: none !important;
    padding-left: 10px;
    padding-right: 10px;
}


.color1 {
    background: #dbeaf5;
}

.modal-footer {
    padding: 6px 14px 6px 14px !important;
    text-align: right !important;
    border-top: 1px solid #e5e5e5 !important;
    background: var(--white) !important;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default {
    color: #333;
    background-color: var(--white);
    border-color: #ccc;
}

.RadComboBoxDropDown .RadComboBoxDropDown_Default {
    opacity: 100001;
}

.clearfix {
    clear: both;
}

.bold {
    font-weight: 600;
}

.margin0 {
    margin: 0 !important;
}

.pnlpoup {
    border: none;
    top: 0;
    left: 0 !important;
    text-align: center;
    z-index: 100000 !important;
    width: calc(100% - 32px) !important;
}

.pnlpoupInsidePopup {
    border: none;
    text-align: center;
    top: 20px !important;
    z-index: 100005 !important;
}

.overflowauto {
    overflow: auto;
}

.text-danger {
    color: red;
}

.success {
    color: green;
}

.floatleft {
    float: left;
}

button.close {
    font-size: 1.2rem !important;
    cursor: pointer !important;
    /*padding: 0 4px !important;*/
    border: none !important;
    color: #fff !important;
    -webkit-appearance: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: 0 0 !important;
    border: 0 !important;
    float: right !important;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff !important;
    filter: alpha(opacity=2000) !important;
    opacity: 1 !important;
}

    button.close:hover {
        color: red !important;
        text-shadow: none !important;
        font-size: 1.2rem !important;
        cursor: pointer;
    }

button.closeinGrid {
    font-size: 1.2rem !important;
    cursor: pointer !important;
    border: none !important;
    color: red !important;
    -webkit-appearance: none !important;
    cursor: pointer;
    background: 0 0 !important;
    border: 0 !important;
    font-weight: 700;
    line-height: 1;
    text-shadow: none !important;
    filter: alpha(opacity=2000) !important;
    opacity: 1 !important;
}

button.saveinGrid {
    font-size: 13px !important;
    cursor: pointer !important;
    border: none !important;
    color: green !important;
    -webkit-appearance: none !important;
    cursor: pointer;
    background: 0 0 !important;
    border: 0 !important;
    font-weight: 700;
    line-height: 1;
    text-shadow: none !important;
    filter: alpha(opacity=2000) !important;
    opacity: 1 !important;
    width: 18px;
}

.modalclosebtn {
    font-size: 0.875rem;
    outline: none;
    padding: 0.4rem 0.5rem;
    background-color: #acaeaf;
    border: 1px solid transparent;
    color: var(--white);
    border-radius: .2rem;
}

    .modalclosebtn:hover {
        background-color: #989b9c;
        border-color: #989b9c;
        color: var(--white);
    }

    .modalclosebtn.focus,
    .modalclosebtn:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, .5);
    }

.modalsavebtn {
    font-size: 0.875rem;
    outline: none;
    padding: 0.4rem 0.5rem;
    background-color: var(--blue);
    border: 1px solid transparent;
    color: var(--white);
    border-radius: .2rem;
    font-family: var(--font-family);
}

    .modalsavebtn:hover {
        background-color: #047cc3;
        border-color: #047cc3;
        color: var(--white);
        outline: none;
        cursor: pointer;
    }

    .modalsavebtn.focus,
    .modalsavebtn:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
    }

.modal-content {
    position: relative;
    background-color: #fff !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid #cccccc !important;
    border-radius: 5px !important;
    outline: 0 !important;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important;
}


.remarktemplatepopup {
    border: none !important;
    left: 0;
    text-align: center !important;
    z-index: 1000003 !important;
}

.rtemplatepopup {
    border: none !important;
    left: 0;
    text-align: center !important;
    z-index: 100000 !important;
}

.milestoneremarkpopup {
    border: none !important;
    top: 36px !important;
    left: 0;
    text-align: center !important;
    z-index: 100000 !important;
}


.Modal-Background {
    background-color: Gray !important;
    filter: alpha(opacity=40) !important;
    opacity: 0.5 !important;
}

.ModalBackgroundRemark {
    background-color: Gray !important;
    filter: alpha(opacity=40) !important;
    opacity: 0.5 !important;
    z-index: 10004 !important;
}


.tooltipRemarks {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    line-height: none !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-size: 12px !important;
    cursor: pointer;
}

    .tooltipRemarks .tooltiptext {
        font-weight: normal !important;
        visibility: hidden !important;
        min-width: 60vw !important;
        background-color: #F1F5FC !important;
        color: black !important;
        text-align: left !important;
        border-radius: 6px !important;
        padding: 5px 5px !important;
        position: absolute !important;
        z-index: 1 !important;
        opacity: 1 !important;
        transition: opacity 1s;
        box-shadow: 0 0 12px black;
        top: -45px;
        bottom: auto;
        right: 128%;
    }

        .tooltipRemarks .tooltiptext::after {
            content: "";
            position: absolute;
            top: 85px;
            left: 100%;
            margin-top: -5px;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent transparent black;
        }

    .tooltipRemarks:hover .tooltiptext {
        visibility: visible !important;
        opacity: 1;
    }

.tooltipInsRemarks {
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    line-height: none !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-size: 12px !important;
}

    .tooltipInsRemarks .tooltiptext {
        font-weight: normal !important;
        visibility: hidden !important;
        min-width: 180px !important;
        background-color: #F1F5FC !important;
        color: black !important;
        text-align: left !important;
        border-radius: 6px !important;
        padding: 5px 5px !important;
        position: absolute !important;
        z-index: 1 !important;
        opacity: 1 !important;
        transition: opacity 1s;
        box-shadow: 0 0 12px black;
        top: 135%;
        right: 0;
    }

        .tooltipInsRemarks .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            right: 3px;
            margin-left: -5px;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tooltipInsRemarks:hover .tooltiptext {
        visibility: visible !important;
        opacity: 1;
    }



.table-p-0 > tbody > tr > td {
    padding: 0 1px 0 0;
}

.frmDashboardTableTabHeading tr td {
    padding: 0;
}

.FormHeader2New {
    font-size: 16px !important;
}

/*start frmDashboard page*/
.jqx-widget-content-metro {
    border: 1px solid #e5e5e5 !important;
}

.AC_tblscroll {
    min-height: auto;
    overflow-y: scroll;
    max-height: 100px;
}

/* TEST PROVIDER ONBOARDING PAGE BEFORE ENABLING THIS, AND DONT OVERRIDE GLOBAL STATE LIKE THIS NEVER EVERR */
/*.k-grid-toolbar {
    display: none !important;
}*/

.cstooltip a {
    color: #000 !important;
    font-weight: 500 !important;
}

    .cstooltip a:hover {
        text-decoration: underline;
        color: var(--blue) !important;
    }

    .cstooltip a:hover {
        text-decoration: underline;
        color: var(--blue) !important;
    }

.mainlist li ul li a {
    /*  padding: 5px 13px;
    align-items: center;*/
    padding: 7px 13px;
    /*padding: 2px 0px;*/  /* comment above padding and remove here because issue in provider list tooltip when we click on the last row of table*/
}

.reToolbar.Office2007 .MicButton {
    background-image: url('../CSS/Fontawesome5.12.0/svgs/solid/microphone.svg');
}

table#customFieldTable td {
    word-break: break-all;
}

.input-group-addon {
    position: relative;
}

.k-grid-edit-command, .k-grid-remove-command, .k-grid-delete {
    padding: 4px !important;
}

.suggestion-item {
    padding: 10px;
    cursor: pointer;
}

    .suggestion-item:hover, .highlighted {
        background-color: #ddd;
    }
/*end frmDashboard page*/
#hlpVideo {
    cursor: pointer;
}
#tblProviderListGrid .dropdown-content-providericon {
    width: fit-content;
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    position: absolute;
    /*right: auto;
    left: 0;*/
/*    transform: translateX(-100%);*/
    z-index: 1079;
    white-space: nowrap;
    /*top: 0;*/
    /*transform: translate(-69%, -65%) !important;*/
}


/***************************************************************
   Start Responsive Design
****************************************************************/
@media (max-width:768px) {

    .middtbl {
        width: 100%;
    }

    .active_tr {
        border-left: 2px solid green !important;
    }

    .Inactive_tr {
        border-left: 2px solid red !important;
    }

    #drpHeading {
        font-size: 0.75rem;
        color: var(--blue);
        margin-top: -13px;
        margin-right: 0px;
        margin-right: 17px;
    }

    a#drpHeading {
        padding: 0px;
        margin: 0px 0px 0px 20px !important;
    }

    /*.app-sidebar {
        height: calc(100vh - -98px) !important;
    }*/
    #referencesDiv {
        padding-bottom: 10px !important;
    }

    .height-leftpanal, .height-vh {
        height: unset !important;
        overflow: hidden !important;
    }

    .b-right-100 {
        border-right: unset !important;
    }

    .middtbl {
        width: 100% !important;
    }

    table#ctl00_ContentPlaceHolder2_tblPaging {
        width: 100% !important;
        text-align: right !important;
    }

    tr.tbl_pagination td {
        width: 100% !important;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup tr.GridItem {
        height: 100% !important;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup td,
    #ctl00_ContentPlaceHolder2_grdBusinessGroup tr {
        display: block;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup tr + #ctl00_ContentPlaceHolder2_grdBusinessGroup tr {
        margin-top: 1.5em;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup td {
        border: none;
        position: relative;
        padding-left: 50% !important;
        text-align: left;
        width: auto !important;
    }

        #ctl00_ContentPlaceHolder2_grdBusinessGroup td:before {
            content: attr(data-label);
            display: inline-block;
            line-height: 1.5;
            margin-left: -100%;
            width: 100%;
            white-space: nowrap;
        }

    table#TdsingleProvider.innerTable tr td {
        padding-left: 0px !important;
    }

    .innerTable tr td {
        padding-left: 0px !important;
    }
}


@media(max-width:680px) {
    table#ctl00_ContentPlaceHolder2_tblBusinessGroupList td {
        display: grid;
    }
}

@media(max-width:600px) {
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone1_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone2_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupCell_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupFAX_txtPhone {
        width: 100%;
    }

    ul.breadcrumb li + li:before {
        display: none;
    }

    .mr-sm-0 {
        margin-right: 0px !important
    }

    select#ctl00_ContentPlaceHolder2_ddlState {
        width: 100% !important;
    }

    .ucStatusDates {
        width: 100% !important;
    }

    .pt-3 {
        padding-top: 15px !important
    }

    .d-grid-sm {
        display: grid;
    }

   /* .app-main {
        max-width: 100vw !important;
    }*/

    .header-tooltiptext.ActProvider {
        transform: translate(-80%) !important;
    }
    .header-tooltiptext.ActProvider::after {
        left: 78% !important;
    }
    #divnotification #btnClose{
        top:5px;
        right:5px;
    }
    #navigation{
        margin:0px auto 0 auto !important;
    }
    .custom-dropdown-menu{
        left:0;
    }
}

@media(max-width:768px) {
    table#tblSourceVerification tr,
    table#tblSourceVerification tr td,
    table#tblChkVerifyData tr,
    table#tblChkVerifyData tr td {
        display: inline-block !important;
    }

    .middtbl {
        width: 100% !important;
    }

    table#tblProvider tr td input,
    input#ctl00_ContentPlaceHolder2_txtZip,
    input#txtSearchResult {
        width: 97.5% !important;
        margin-bottom: 10px;
    }

    input#txtSearchResult {
        margin-bottom: 0px !important;
    }

    tr#trVerificationLicense {
        margin-top: 15px;
    }

    select#ctl00_ContentPlaceHolder2_ddlState,
    select#ctl00_ContentPlaceHolder2_ddlGender,
    #ctl00_ContentPlaceHolder2_ddlstLocationClientStatus {
        width: 99% !important;
        margin-bottom: 10px;
    }

    table#tblSourceVerification tr td {
        display: inline-flex !important;
    }

    .Sourcetbl tr {
        display: grid;
    }

    .Sourcetbl tr td, table#tblProvider tr td {
        width: auto !important;
    }

    .verify_source {
        display: inline-flex;
        align-items: center;
    }

    table.verify_source tr td {
        width: auto !important;
    }

    table#tblProvider tr {
        display: grid;
    }

    td#tdAddress table {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .source_filter {
        padding-left: 0 !important;
        padding: 0 !important;
        display: block !important;
        margin-top: 10px;
    }

        .source_filter input#ctl00_ContentPlaceHolder2_UcDateFrom_txtDate,
        .source_filter input#ctl00_ContentPlaceHolder2_UcDateTo_txtDate {
            width: 98% !important;
            margin-bottom: 10px;
        }

    .source_search {
        margin-top: 10px;
        padding-left: 0px !important;
    }

    button#ctl00_ContentPlaceHolder2_btnSendRequest {
        margin-top: 10px;
    }

    span#ctl00_ContentPlaceHolder2_lblzip {
        margin-left: 0px !important;
    }

    span#ctl00_ContentPlaceHolder2_Label3 {
        padding-left: 0px !important;
    }

    tr#trProviderLicenseNPI td select,
    tr#trInnerLicense_6 td select {
        width: 100% !important;
    }

    tr#trProviderLicenseNPI td table,
    table#tblAdditionalLicense_6 {
        width: 100% !important;
    }

    input#ctl00_ContentPlaceHolder2_txtLocationPhone1_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtLocationPhone2_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtLocationCell_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtLocationFAX_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone1_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone2_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupCell_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupFAX_txtPhone {
        width: 100% !important;
    }

    .ucStatusDates {
        width: 100% !important;
    }

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

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

@media(max-width: 768px) {
    #tblTyphoonGridExclusion td,
    #tblTyphoonGridExclusion tr {
        display: block;
    }

    .selectedtr input[type="checkbox"] {
        margin: 0px 6px 0px 0 !important;
    }

    #tblProviderListGrid .progress {
        max-width: 200px !important;
    }

    #tblTyphoonGridExclusion thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #tblTyphoonGridExclusion tr {
        border: 1px solid #79757552;
        border-radius: 7px;
    }

        #tblTyphoonGridExclusion tr + #tblTyphoonGridExclusion tr {
            margin-top: 1.5em;
        }

    #tblTyphoonGridExclusion td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left;
    }

        #tblTyphoonGridExclusion td:before {
            content: attr(data-label);
            display: inline-block;
            line-height: 1.5;
            margin-left: -100%;
            width: 100%;
            white-space: nowrap;
        }

    .GridItem {
        height: auto !important;
    }

    td.trins.p5 div {
        float: initial !important;
    }

    .div_Center tr td:last-child {
        display: inline;
    }

    div#divTyphoonVerifiedOn {
        border: 1px solid;
    }
}


@media screen and (min-width:1367px) {
    .bunchIcon {
        padding: 5px;
        height: 20px !important;
        width: 20px !important;
        font-size: 1.2rem !important;
        background-color: #EDEDED;
        color: #6C7293;
        border-radius: 5px;
        transition: .3s all;
        margin: 0 2px;
    }

    .sidebar_toggle.close ~ .home {
        top: 67px;
        left: 67px;
        width: calc(100% - 67px);
    }

    #df-chat-wrapper {
        width: 450px;
        margin-left: 9px !important;
        left: 66px !important;
    }

    html, span, label, td, li, button, Button, a, small, b, th {
        font-size: var(--font-9);
    }

    @media screen and (min-width:1367px) {
        html, span, label, td, li, button, Button, a, small, b, th {
            font-size: var(--font-1) !important;
        }
    }

    .SumoSelect p span, .SumoSelect select p span {
        font-size: 1rem;
    }

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

    div#divEmailTo {
        font-size: 1rem;
    }

    .followupDates::placeholder, .DueDates::placeholder, .EffectiveDates::placeholder, .ExpiryDates::placeholder, .statusDates::placeholder {
        font-size: 1rem !important;
    }

    input::placeholder, .DropDownDisplay::placeholder, select::placeholder, .TextDisplay::placeholder {
        font-size: 1rem !important;
    }

    .SumoSelect > .CaptionCont > span {
        font-size: 1rem !important;
    }

    select {
        font-size: 1rem !important;
    }
}



@import url("typography.css");

@media(max-width:768px) {
    .mt-md-3 {
        margin-top: 3em;
    }
    /*.mt-md-2 {
        margin-top: 2em;
    }*/
    .providerInfo-section {
        height: 100% !important;
    }

    .sidenav-content {
        width: 95% !important;
    }
}

@media(max-width:768px) {
    .float-end-md {
        float: right;
        margin-top: 10px;
    }

    /*.dropdown-content-8 {
        right: -30px !important
    }*/

    /*.dropdown-content-8::after {
            right: 5.5% !important;
        }*
        /* nav.sidebar_toggle.close {
            opacity: 0 !important;
        }*/
    .dropdown-content-8 .border-right-blue {
        border-right: unset !important;
    }

    .drop-provider-list-content {
        right: -150px;
    }

        .dropdown-content-7::after, /*.dropdown-content-8::after,*/ .drop-provider-list-content::after {
            right: 26%;
        }

    #fsProfilePhoto {
        height: auto !important;
    }

    .provider_img {
        width: 100% !important;
        height: auto !important;
    }

    .home {
        left: 0px !important;
        width: 100% !important;
    }

    a.logo_header img {
        width: 15rem !important;
    }
    /*.provider-nav {
        display: unset !important;
    }*/

    .sidebar_toggle.close .menu .bxs-user-circle {
        font-size: 20px !important;
        margin-bottom: 15px;
    }

    .sidebar_toggle.close ~ .header_top {
        width: 100% !important;
    }

    .header_top {
        width: 100% !important;
        padding: 10px 0px !important;
    }

    .sidebar_toggle.close ~ .home {
        width: 100% !important;
    }

    .home {
        width: 100% !important;
    }

    .sidebar_toggle.close .image-text {
        opacity: 0;
    }

    .sidebar_toggle .image-text {
        opacity: 1;
    }

    .sidebar_toggle.close .bottom-content {
        opacity: 0;
    }

    .sidebar_toggle .bottom-content {
        opacity: 1;
    }

    .sidebar_toggle header .toggle {
        right: -40px !important;
    }

    .sidebar_toggle.close ~ .header_top {
        left: 0 !important;
    }

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

@media(max-width:703px) {
    .sidebar_toggle.close ~ .home {
        top: 90px;
        height: calc(100% - 90px);
    }
}

@media only screen and (min-width: 669px) and (max-width: 768px) {
    /*div#maindropList {
        right: -260px !important;
    }*/

    /* #maindropList.dropdown-content-8::after {
        right: 42% !important;
    }*/
}

@media(max-width:668px) {
    .sidebar_toggle.close ~ .home {
        top: 110px !important;
        height: calc(100% - 110px);
    }

    .drop-provider-list-content {
        right: -25px;
    }

        .drop-provider-list-content::after {
            right: 20% !important;
        }

    .truncate {
        width: 350px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    ul.mainlist {
        display: unset !important;
    }

    div#maindropList {
        overflow: scroll;
        height: 400px;
    }

    .cs-dialog-container {
        width: 90% !important;
    }

    .mb-1 {
        margin-bottom: 5px;
    }

    /*.dropdown-content-8 {
        top: 43px !important;
    }*/

    .home {
        top: 110px;
        height: calc(100% - 110px);
    }

    span.fw-600.mr-auto.font-16 {
        float: right;
        padding-right: 20px;
    }

    .mb-2 {
        margin-bottom: 10px;
    }

    .header_top {
        height: 70px !important; /*hide by aniruddh after merge*/
    }

    .k-window-content, .k-edit-form-container, .k-window.k-focus {
        width: 96% !important;
        left: 0px !important;
    }

    .k-popup-edit-form.k-window-content.km-widget.km-native-scroller, .k-popup-edit-form.k-window-content {
        max-height: 390px !important;
        width: 91% !important;
    }

    table#ctl00_ContentPlaceHolder2_tblCAQH tr td, #trstatus td {
        display: grid;
    }

    #trBottomButtoncaqh td:nth-child(2) {
        display: flex !important;
        width: fit-content;
        float: right;
    }

    #trBottomButtoncaqh button {
        margin: 3px 4px 6px 5px !important;
    }

    fieldset#fsProfilePhoto:has(> .order-sm-1) {
        order: 1;
    }

    .dropdown-content-providericon::after {
        content: "" !important;
        position: absolute !important;
        bottom: 100% !important;
        right: 6.5% !important;
        border-width: 10px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--blue) transparent !important;
    }

    div#maindropList {
        left: 0% !important;
        transform: translate(-80%) !important;
    }
}
/*---------------------------------------------------frmbusinessGroup----------------------------------------------------------*/
@media(max-width:600px) {
    .SumoSelect {
        width: 100% !important;
        min-width: unset !important;
        max-width: unset !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-40 {
        width: 40% !important;
    }

    .my-sm-2 {
        margin: 10px 0;
    }

    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone1_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone2_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupCell_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupFAX_txtPhone {
        width: 100%;
    }

    .mr-sm-0 {
        margin-right: 0px !important
    }

    select#ctl00_ContentPlaceHolder2_ddlState {
        width: 100% !important;
    }

    .ucStatusDates {
        width: 100% !important;
    }

    .pt-3 {
        padding-top: 15px !important
    }

    .d-grid-sm {
        display: grid;
    }
}

@media(max-width:680px) {
    table#ctl00_ContentPlaceHolder2_tblBusinessGroupList td {
        display: grid;
    }
}

@media(max-width:575px) {
    .mt-sm-3 {
        margin-top: 15px;
    }

    .Initial {
        padding: 10px 15px !important;
    }

    .Clicked {
        padding: 12px 15px !important;
    }
}
/*---------------------------------------------------frmbusinessGroup end----------------------------------------------------------*/
/*--------------------------------------------------FrmBusinessGruopList start----------------------------------------------------*/
@media(max-width:768px) {
    .middtbl {
        width: 100% !important;
    }

    table#ctl00_ContentPlaceHolder2_tblPaging {
        width: 100% !important;
        text-align: right !important;
    }

    tr.tbl_pagination td {
        width: 100% !important;
    }

    /*------------for table grid view start--------------------------*/
    #ctl00_ContentPlaceHolder2_grdBusinessGroup tr.GridItem {
        height: 100% !important;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup td,
    #ctl00_ContentPlaceHolder2_grdBusinessGroup tr {
        display: block;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup tr + #ctl00_ContentPlaceHolder2_grdBusinessGroup tr {
        margin-top: 1.5em;
    }

    #ctl00_ContentPlaceHolder2_grdBusinessGroup td {
        border: none;
        position: relative;
        padding-left: 50% !important;
        text-align: left;
        width: auto !important;
    }

        #ctl00_ContentPlaceHolder2_grdBusinessGroup td:before {
            content: attr(data-label);
            display: inline-block;
            line-height: 1.5;
            margin-left: -100%;
            width: 100%;
            white-space: nowrap;
        }

    table#TdsingleProvider.innerTable tr td {
        padding-left: 0px !important;
    }

    .innerTable tr td {
        padding-left: 0px !important;
    }

    /*------------for table grid view start--------------------------*/
}

@media(max-width:1024px) {
    .identificationInfo {
        width: 100% !important;
        padding-right: unset !important;
        box-sizing: border-box;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-95 {
        width: 95% !important;
    }

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

    .mr-lg-3 {
        margin-right: 15px;
    }
}

@media(min-width:1025px) {
    .mr-lg-2 {
        margin-right: 10px !important;
    }
}
/*--------------------------------------------------FrmBusinessGruopList end----------------------------------------------------*/

/*--------------------------------------------------FrmSourceVerification start----------------------------------------------------*/
@media(max-width:768px) {
    table#tblSourceVerification tr,
    table#tblSourceVerification tr td,
    table#tblChkVerifyData tr,
    table#tblChkVerifyData tr td {
        display: inline-block !important;
    }

    .middtbl {
        width: 100% !important;
    }

    table#tblProvider tr td input,
    input#ctl00_ContentPlaceHolder2_txtZip,
    input#txtSearchResult {
        width: 97.5% !important;
        margin-bottom: 10px;
    }

    input#txtSearchResult {
        margin-bottom: 0px !important;
    }

    tr#trVerificationLicense {
        margin-top: 15px;
    }

    select#ctl00_ContentPlaceHolder2_ddlState,
    select#ctl00_ContentPlaceHolder2_ddlGender {
        width: 99% !important;
        margin-bottom: 10px;
    }

    table#tblSourceVerification tr td {
        display: inline-flex !important;
    }

    .Sourcetbl tr {
        display: grid;
    }

        .Sourcetbl tr td, table#tblProvider tr td {
            width: auto !important;
        }

    .verify_source {
        display: inline-flex;
        align-items: center;
    }

    table.verify_source tr td {
        width: auto !important;
    }

    table#tblProvider tr {
        display: grid;
    }

    td#tdAddress table {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .source_filter {
        padding-left: 0 !important;
        padding: 0 !important;
        display: block !important;
        margin-top: 10px;
    }

        .source_filter input#ctl00_ContentPlaceHolder2_UcDateFrom_txtDate,
        .source_filter input#ctl00_ContentPlaceHolder2_UcDateTo_txtDate {
            width: 98% !important;
            margin-bottom: 10px;
        }

    .source_search {
        margin-top: 10px;
        padding-left: 0px !important;
    }

    button#ctl00_ContentPlaceHolder2_btnSendRequest {
        margin-top: 10px;
    }

    span#ctl00_ContentPlaceHolder2_lblzip {
        margin-left: 0px !important;
    }

    span#ctl00_ContentPlaceHolder2_Label3 {
        padding-left: 0px !important;
    }

    tr#trProviderLicenseNPI td select,
    tr#trInnerLicense_6 td select {
        width: 100% !important;
    }

    tr#trProviderLicenseNPI td table,
    table#tblAdditionalLicense_6 {
        width: 100% !important;
    }

    input#ctl00_ContentPlaceHolder2_txtLocationPhone1_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtLocationPhone2_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtLocationCell_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtLocationFAX_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone1_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupPhone2_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupCell_txtPhone,
    input#ctl00_ContentPlaceHolder2_txtBusinessGroupFAX_txtPhone {
        width: 100% !important;
    }

    .ucStatusDates {
        width: 100% !important;
    }

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

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

    .w-md-90 {
        width: 90% !important;
    }
}

@media(max-width: 768px) {

    #tblTyphoonGridExclusion td,
    #tblTyphoonGridExclusion tr {
        display: block;
    }

    #tblTyphoonGridExclusion thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #tblTyphoonGridExclusion tr {
        border: 1px solid #79757552;
        border-radius: 7px;
    }

        #tblTyphoonGridExclusion tr + #tblTyphoonGridExclusion tr {
            margin-top: 1.5em;
        }

    #tblTyphoonGridExclusion td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left;
    }

        #tblTyphoonGridExclusion td:before {
            content: attr(data-label);
            display: inline-block;
            line-height: 1.5;
            margin-left: -100%;
            width: 100%;
            white-space: nowrap;
        }

    .GridItem {
        height: auto !important;
    }

    .GridItem {
        height: auto !important;
    }

    td.trins.p5 div {
        float: initial !important;
    }

    .div_Center tr td:last-child {
        display: inline;
    }

    div#divTyphoonVerifiedOn {
        border: 1px solid;
    }
}
/*-----------------------------------FrmSourceVerification end----------------------------------*/
/*---------------------------------------Client Insurance Start----------------------------------*/

@media (max-width:768px) {

    #ctl00_ContentPlaceHolder2_grdInsurance td,
    #ctl00_ContentPlaceHolder2_grdInsurance tr {
        display: block;
    }

        #ctl00_ContentPlaceHolder2_grdInsurance tr th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #ctl00_ContentPlaceHolder2_grdInsurance tr {
        border: 1px solid #79757552;
        border-radius: 7px;
    }

        #ctl00_ContentPlaceHolder2_grdInsurance tr + #ctl00_ContentPlaceHolder2_grdInsurance tr {
            margin-top: 1.5em;
        }

    #ctl00_ContentPlaceHolder2_grdInsurance td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left;
    }

        #ctl00_ContentPlaceHolder2_grdInsurance td:before {
            content: attr(data-label);
            display: inline-block;
            line-height: 1.5;
            margin-left: -100%;
            width: 100%;
            white-space: nowrap;
        }

    .d-inline-block-md {
        display: inline-block !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .w-md-100 {
        width: 100% !important;
    }
}
/*---------------------------------------Client Insurance end----------------------------------*/

/*-----------------------------------facility details start--------------------------------------------*/
@media (max-width:768px) {

    #rptrClientMoreId table tr td,
    #rptrClientMoreId table tr,
    table.facility tr td,
    table.facility tr {
        display: block;
    }

        #rptrClientMoreId table tr th,
        table.facility tr th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        #rptrClientMoreId table tr + #rptrClientMoreId table tr,
        table.facility tr + table.facility tr {
            margin-top: 1.5em;
        }

        #rptrClientMoreId table tr td,
        table.facility tr td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
        }

            #rptrClientMoreId table tr td:before,
            table.facility tr td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }



    /*.modal-dialog {
        width: 100% !important;
    }*/
}
/*-----------------------------------facility details---------------------------------------------*/
@media (max-width:768px) {
    /*.k-grid-width{
        width:600px;  
    }*/
    table.grdInsurance tr td,
    table.grdInsurance tr,
    table.grdInsurancetemp tr td,
    table.grdInsurancetemp tr {
        display: block;
    }

        table.grdInsurance tr th,
        table.grdInsurancetemp tr th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.grdInsurance tr + table.grdInsurance tr
        table.grdInsurancetemp tr + table.grdInsurancetemp tr {
            margin-top: 1.5em;
        }

        table.grdInsurance tr td,
        table.grdInsurancetemp tr td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
        }

            table.grdInsurance tr td:before,
            table.grdInsurancetemp tr td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }

    .tbl-responsive tr td,
    .tbl-responsive tr {
        display: block;
    }

        .tbl-responsive tr th,
        .tbl-responsive tr th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }


        .tbl-responsive tr + .tbl-responsive tr {
            margin-top: 1.5em;
        }


        .tbl-responsive tr td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
        }


            .tbl-responsive tr td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }
}

@media(min-width:1366px) {
    
    .w-lg-100 {
        width: 100% !important
    }

    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-65 {
        width: 65% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-95 {
        width: 95% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-35 {
        width: 35%;
    }

    .w-lg-30 {
        width: 30%;
    }

    .w-lg-25 {
        width: 25%;
    }

    w-lg-20 {
        width: 20%;
    }

    .w-lg-15 {
        width: 15%;
    }

    .w-lg-10 {
        width: 10%;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-5 {
        width: 5%;
    }

    .w-lg-0 {
        width: 0 !important;
    }
/*    .ob-sent {
        height: calc(100vh - 297px);
    }*/

   
    
}
    /***************************************************************
   End Responsive Design
****************************************************************/

    .input-height-34, .k-input {
        height: 34px;
    }

    input {
        border-radius: 0.5em;
    }
    /*.floting_label {
    z-index: 1 !important;
}*/

    /*-----------------indrapal 29/04/2025---------------------------------*/
    .tooltipheader a:hover {
        text-decoration: underline !important;
    }

    .provider-section-height {
        height: calc(100vh - 169px);
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .provider_td {
        display: inline-block;
        vertical-align: top;
        margin-left: 8px;
        width: calc(100% - 60px);
    }

    select#drpTemplates, select#drpTemplates1 {
        width: 250px;
    }

    .providerInfo-section {
        scroll-behavior: smooth;
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(100vh - -100px);
    }

    .ActivityActions {
        position: absolute;
        top: -50px;
        right: 15px;
    }

    #grdprovideraction {
        /*z-index: 1;*/
        position: relative;
        cursor: pointer;
    }

    .icon-center {
        position: absolute;
        right: 50%;
        text-align: center;
        top: 50%;
        transform: translate(50%, -50%);
    }

    @media(max-width:575px) {
        .mt-sm-1 {
            margin: 5px 0px !important;
        }

        .mt-sm-2 {
            margin: 10px 0px !important;
        }

        .ms-ms-auto {
            margin-left: auto !important;
        }

        span#providerName a {
            white-space: nowrap;
            width: 115px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        span#clientName a {
            white-space: nowrap;
            width: 115px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .w-sm-50 {
            width: 50% !important;
        }

        .mobile-flex-wrap {
            flex-wrap: wrap;
        }
        
    }

    @media(max-width:425px) {
        .text-ellipsis {
            display: inline-block; /* REQUIRED for ellipsis to work on inline elements */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 180px;
            vertical-align: top;
        }
    }

    /*-------------Table responsive by indrapal--------------------------*/

    @media only screen and (min-width: 320px) and (max-width: 739px) {
        .provider-menu{
            justify-content:left !important;
        }
        .insurancePayerSearchPannel {
            position: relative;
            right: 0px;
            top: 0px;
            margin-top: 10px;
            margin-bottom: 0px;
        }
    }

    div#divOnboardingStatus .tooltip span#tooltiptext::after {
        right: 10px !important;
        left: unset !important;
    }

    @media(max-width:768px) {
        .fixedBottom {
            width: 100% !important;
        }

        .ActivityActions {
            position: unset !important;
        }

        /*-------------Provider table ----------------*/
        table#tblProviderListGrid tr.GridItem {
            height: 100% !important;
        }


        table#tblProviderListGrid td,
        table#tblProviderListGrid tr {
            display: block;
        }

        table#tblProviderListGrid thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        table#tblProviderListGrid tr.GridItem, table#tblProviderListGrid tr.selectedtr {
            margin-bottom:5px;
        }
        table#tblProviderListGrid tr + table#tblProviderListGrid tr {
            margin-top: 1.5em;
        }

        .d-flex.align-items-center:has(div#grdprovideraction) {
            float: unset !important;
        }

        table#tblProviderListGrid td {
            border: none;
            position: relative;
              padding-left: 85px !important;
            text-align: left;
            width: auto !important;
            /*padding-left: 50% !important; */
            /*padding-left: 100px !important;*/
        }
      

      table#tblProviderListGrid td:first-child{
          display:none;
      }


table#tblProviderListGrid td:nth-child(2), table#tblProviderListGrid td:last-child {
            padding-left: 0px!important;
}

            table#tblProviderListGrid td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
              /*  margin-left: -100%;
                width: 100%;*/
            /*  margin-left: -90px;
                width: 90px;*/
                margin-left: -80px;
                width: 70px;
                white-space: nowrap;
                font-weight: 800;
            }
    @media all and (min-width: 320px) and (max-width: 768px) {
    .mobile-ml-10{
        margin-left:13px
    }
   #tblProviderListGrid #divProgressContainer{
    /*left: -80px;
    max-width: 120px !important;*/
    /*display: none;*/
}

.actionbtn-mobile-position{
/*    top: -50px;
    margin-bottom: -50px;*/
    top: -20px;
    margin-bottom: -10px;
}
}

        .provider_td {
            margin-left: 0px !important;
        }

        /*.dropdown-content-providericon::after {
        display: none;
    }*/
        /*-------------Provider table -------------------------*/
        /*-------------facility table -------------------------*/
        table#ctl00_ContentPlaceHolder2_grdClientList tr.GridItem {
            height: 100% !important;
        }

        table#ctl00_ContentPlaceHolder2_grdClientList td,
        table#ctl00_ContentPlaceHolder2_grdClientList tr {
            display: block;
        }

        table#ctl00_ContentPlaceHolder2_grdClientList thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#ctl00_ContentPlaceHolder2_grdClientList tr + table#ctl00_ContentPlaceHolder2_grdClientList tr {
            margin-top: 1.5em;
        }

        table#ctl00_ContentPlaceHolder2_grdClientList td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#ctl00_ContentPlaceHolder2_grdClientList td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }
        /*-------------facility table -------------------------*/
        /*-------------Map Insurance/Plan/Activity table -------------------------*/
        table#grdInsurance tr.GridItem {
            height: 100% !important;
        }

        table#grdInsurance td,
        table#grdInsurance tr {
            display: block;
        }

        table#grdInsurance thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#grdInsurance tr + table#grdInsurance tr {
            margin-top: 1.5em;
        }

        table#grdInsurance td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#grdInsurance td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }

        table#grdInsurance .GridHeader {
            display: none !important;
        }
        /*-----Plan-----*/
        table#GrdHealthPlan tr.GridItem {
            height: 100% !important;
        }

        table#GrdHealthPlan td,
        table#GrdHealthPlan tr {
            display: block;
        }

            table#GrdHealthPlan tr.GridHeader {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            table#GrdHealthPlan tr + table#GrdHealthPlan tr {
                margin-top: 1.5em;
            }

        table#GrdHealthPlan td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#GrdHealthPlan td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }

        /*-----Activity-----*/
        table#grdactivity tr.GridItem {
            height: 100% !important;
        }

        table#grdactivity td,
        table#grdactivity tr {
            display: block;
        }

            table#grdactivity tr.GridHeader {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            table#grdactivity tr + table#grdactivity tr {
                margin-top: 1.5em;
            }

        table#grdactivity td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#grdactivity td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }

        /*-----Select Activity List-----*/
        table#grdselectedactivity tr.GridItem {
            height: 100% !important;
        }

        table#grdselectedactivity td,
        table#grdselectedactivity tr {
            display: block;
        }

            table#grdselectedactivity tr.GridHeader {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            table#grdselectedactivity tr + table#grdselectedactivity tr {
                margin-top: 1.5em;
            }

        table#grdselectedactivity td {
            border: none;
            position: relative;
            padding-left: 50%;
            text-align: left;
            width: auto !important;
        }

            table#grdselectedactivity td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }

        .table#grdselectedactivity tr td {
            padding-left: 10px !important;
        }

        /*-----Remove insurance-----*/

        table#grdInsurancetemp tr.GridItem {
            height: 100% !important;
        }

        table#grdInsurancetemp td,
        table#grdInsurancetemp tr {
            display: block;
        }

            table#grdInsurancetemp tr.GridHeader {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            table#grdInsurancetemp tr + table#grdInsurancetemp tr {
                margin-top: 1.5em;
            }

        table#grdInsurancetemp td {
            border: none;
            position: relative;
            padding-left: 50%;
            text-align: left;
            width: auto !important;
        }

            table#grdInsurancetemp td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }

        .table#grdInsurancetemp tr td {
            padding-left: 10px !important;
        }
        /*-----Favorite insurance-----*/

        table#grdInsuranceFavourite tr.GridItem {
            height: 100% !important;
        }

        table#grdInsuranceFavourite td,
        table#grdInsuranceFavourite tr {
            display: block;
        }

            table#grdInsuranceFavourite tr.GridHeader {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            table#grdInsuranceFavourite tr + table#grdInsuranceFavourite tr {
                margin-top: 1.5em;
            }

        table#grdInsuranceFavourite td {
            border: none;
            position: relative;
            padding-left: 50%;
            text-align: left;
            width: auto !important;
        }

            table#grdInsuranceFavourite td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }
        /*-------------------Source Verification table ---------------------------------*/

        table#sidnavBodyTable tr.GridItem {
            height: 100% !important;
        }

        table#sidnavBodyTable td,
        table#sidnavBodyTable tr {
            display: block;
            border-bottom: 1px solid #ccc;
        }

        table#sidnavBodyTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#sidnavBodyTable tr + table#sidnavBodyTable tr {
            margin-top: 1.5em;
        }

        table#sidnavBodyTable td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#sidnavBodyTable td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                padding-left: 10px;
                font-weight: 800;
                white-space: break-spaces;
            }

            table#sidnavBodyTable td.text-center.text-muted-100{
               padding-left:unset !important;
            }
                table#sidnavBodyTable td.text-center.text-muted-100:before {
                    content: none !important;
                    display: none !important;
                }
                #licenseRows {
                    height: unset !important;
                }

        /*----------Source Verification license table ----------*/
        table #tblTyphoonLicense tr.GridItem {
            height: 100% !important;
        }

        table#tblTyphoonLicense td,
        table#tblTyphoonLicense tr {
            display: block;
        }

            table#tblTyphoonLicense tr th {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            table#tblTyphoonLicense tr + table#tblTyphoonLicense tr {
                margin-top: 1.5em;
            }

        table#tblTyphoonLicense td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#tblTyphoonLicense td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
            }
        /*----------view box table ----------*/


        table#ctl00_ContentPlaceHolder2_grdInboundEmails tr.GridItem {
            height: 100% !important;
        }


        table#ctl00_ContentPlaceHolder2_grdInboundEmails td,
        table#ctl00_ContentPlaceHolder2_grdInboundEmails tr {
            display: block;
        }

        table#ctl00_ContentPlaceHolder2_grdInboundEmails thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#ctl00_ContentPlaceHolder2_grdInboundEmails tr + table#ctl00_ContentPlaceHolder2_grdInboundEmails tr {
            margin-top: 1.5em;
        }

        table#ctl00_ContentPlaceHolder2_grdInboundEmails td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#ctl00_ContentPlaceHolder2_grdInboundEmails td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }

        table#ctl00_ContentPlaceHolder2_grdInboundEmails .GridHeader {
            display: none !important;
        }


        /*----------Map Location table ----------*/
        table#grdLocation tr.GridItem {
            height: 100% !important;
        }


        table#grdLocation td,
        table#grdLocation tr {
            display: block;
        }

        table#grdLocation thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#grdLocation tr + table#grdLocation tr {
            margin-top: 1.5em;
        }

        table#grdLocation td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#grdLocation td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }

        table#grdLocation .GridHeader {
            display: none !important;
        }
        /*----------Location Map table ----------*/
        table#grdLocationtemp tr.GridItem {
            height: 100% !important;
        }

        table#grdLocationtemp td,
        table#grdLocationtemp tr {
            display: block;
        }

        table#grdLocationtemp thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#grdLocationtemp tr + table#grdLocationtemp tr {
            margin-top: 1.5em;
        }

        table#grdLocationtemp td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#grdLocationtemp td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }

        table#grdLocationtemp .GridHeader {
            display: none !important;
        }

        table#grdLocationtemp {
            margin-top: 15px;
        }
        /*-------------User info table -------------------------*/
        table#ctl00_ContentPlaceHolder2_grdUserAccessInfo tr.GridItem {
            height: 100% !important;
        }

        table#ctl00_ContentPlaceHolder2_grdUserAccessInfo td,
        table#ctl00_ContentPlaceHolder2_grdUserAccessInfo tr {
            display: block;
        }

        table#ctl00_ContentPlaceHolder2_grdUserAccessInfo thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#ctl00_ContentPlaceHolder2_grdUserAccessInfo tr + table#ctl00_ContentPlaceHolder2_grdUserAccessInfo tr {
            margin-top: 1.5em;
        }

        table#ctl00_ContentPlaceHolder2_grdUserAccessInfo td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#ctl00_ContentPlaceHolder2_grdUserAccessInfo td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }

        table#ctl00_ContentPlaceHolder2_grdUserAccessInfo .GridHeader {
            display: none !important;
        }





        /*start frmAuditLog table responsive form mobile*/

        table#ctl00_ContentPlaceHolder2_grdAuditList tr.GridItem {
            height: 100% !important;
        }

        table#ctl00_ContentPlaceHolder2_grdAuditList td,
        table#ctl00_ContentPlaceHolder2_grdAuditList tr {
            display: block;
        }

            table#ctl00_ContentPlaceHolder2_grdAuditList td:last-child {
                display: flex;
                align-items: center;
            }

        table#ctl00_ContentPlaceHolder2_grdAuditList thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#ctl00_ContentPlaceHolder2_grdAuditList tr + table#ctl00_ContentPlaceHolder2_grdAuditList tr {
            margin-top: 1.5em;
        }

        table#ctl00_ContentPlaceHolder2_grdAuditList thead td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

        table#ctl00_ContentPlaceHolder2_grdAuditList td:before {
            content: attr(data-label);
            display: inline-block;
            line-height: 1.5;
            margin-left: 0%;
            width: 50%;
            white-space: nowrap;
            font-weight: 800;
        }

        table#ctl00_ContentPlaceHolder2_grdAuditList .GridHeader {
            display: none !important;
        }
        /*-------------Message center ------------------*/
        table#ctl00_ContentPlaceHolder2_grdEmail tr.GridItem {
            height: 100% !important;
        }

        table#ctl00_ContentPlaceHolder2_grdEmail td,
        table#ctl00_ContentPlaceHolder2_grdEmail tr {
            display: block;
        }

        table#ctl00_ContentPlaceHolder2_grdEmail thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#ctl00_ContentPlaceHolder2_grdEmail tr + table#ctl00_ContentPlaceHolder2_grdEmail tr {
            margin-top: 1.5em;
        }

        table#ctl00_ContentPlaceHolder2_grdEmail td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#ctl00_ContentPlaceHolder2_grdEmail td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }

        table#ctl00_ContentPlaceHolder2_grdEmail .GridHeader {
            display: none !important;
        }

        table#ctl00_ContentPlaceHolder2_grdEmail tr td:nth-child(3) {
            text-align: left !important;
        }

        /*-------------PDFGrouping Table responsive ------------------*/
        table#ctl00_ContentPlaceHolder2_grdPDF tr.GridItem {
            height: 100% !important;
        }

        table#ctl00_ContentPlaceHolder2_grdPDF td,
        table#ctl00_ContentPlaceHolder2_grdPDF tr {
            display: block;
        }

        table#ctl00_ContentPlaceHolder2_grdPDF thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#ctl00_ContentPlaceHolder2_grdPDF tr + table#ctl00_ContentPlaceHolder2_grdPDF tr {
            margin-top: 1.5em;
        }

        table#ctl00_ContentPlaceHolder2_grdPDF td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#ctl00_ContentPlaceHolder2_grdPDF td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }

        table#ctl00_ContentPlaceHolder2_grdPDF .GridHeader {
            display: none !important;
        }

        table#ctl00_ContentPlaceHolder2_grdPDF tr td:nth-child(3) {
            text-align: left !important;
        }
        /*-------------Birthdaytemplate Table responsive ------------------*/
        table#ctl00_ContentPlaceHolder2_grdBirthDaylist tr.GridItem {
            height: 100% !important;
        }

        table#ctl00_ContentPlaceHolder2_grdBirthDaylist td,
        table#ctl00_ContentPlaceHolder2_grdBirthDaylist tr {
            display: block;
        }

        table#ctl00_ContentPlaceHolder2_grdBirthDaylist thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#ctl00_ContentPlaceHolder2_grdBirthDaylist tr + table#ctl00_ContentPlaceHolder2_grdBirthDaylist tr {
            margin-top: 1.5em;
        }

        table#ctl00_ContentPlaceHolder2_grdBirthDaylist td {
            border: none;
            position: relative;
            padding-left: 50% !important;
            text-align: left;
            width: auto !important;
        }

            table#ctl00_ContentPlaceHolder2_grdBirthDaylist td:before {
                content: attr(data-label);
                display: inline-block;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                white-space: nowrap;
                font-weight: 800;
            }

        table#ctl00_ContentPlaceHolder2_grdBirthDaylist .GridHeader {
            display: none !important;
        }
        /*------------------------*/


        tr.Norecordsfound td {
            padding-left: 0 !important;
            text-align: center !important;
        }
        /*end frmAuditLog table responsive form mobile*/

    }

    .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled,
    .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox],
    fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled],
    input[type=radio].disabled, input[type=radio][disabled] {
        cursor: not-allowed;
    }
    /*-------------Table responsive by indrapal---------------*/


    /***************************************************************
   Start ClientInsuranceDetails Page
****************************************************************/
    .LocationSuggestionList {
        position: absolute;
        top: 100%;
        left: 0;
        border: 1px solid #ccc;
        background-color: white;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        max-height: 150px;
        overflow-y: auto;
        z-index: 10;
        width: 98%;
    }
    /***************************************************************
   End ClientInsuranceDetails Page
****************************************************************/
    #toast-container {
        position: fixed;
        z-index: 999999;
        pointer-events: none;
    }

        #toast-container > div {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        #toast-container > .toast {
            max-width: 350px;
            width: 90%;
            text-align: center;
        }

    .toast {
        background-color: #030303 !important;
        opacity: 1 !important;
    }

    .toast {
        background-color: #030303;
        opacity: 1 !important;
    }

    .toast-success {
        background-color: #15db81;
    }

    .toast-error {
        background-color: #da3e16;
    }

    .toast-info {
        background-color: #15acdc;
    }

    .toast-warning {
        background-color: #daac16;
    }

    #toast-container > :hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #toast-container .toast-success {
        background-color: #51A351 !important;
    }

    #toast-container .toast-error {
        background-color: #BD362F !important;
    }

    #toast-container .toast-info {
        background-color: #2F96B4 !important;
    }

    #toast-container .toast-warning {
        background-color: #F89406 !important;
    }

    button.toast-close-button {
        padding: 10px 2px 0px 0px !important;
    }

    .toast-title {
        font-weight: bold;
    }

    .toast-message {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        .toast-message a,
        .toast-message label {
            color: #FFFFFF;
        }

            .toast-message a:hover {
                color: #CCCCCC;
                text-decoration: none;
            }

    .toast-close-button {
        position: relative;
        right: -0.3em;
        top: -0.3em;
        float: right;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        -webkit-text-shadow: 0 1px 0 #ffffff;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
        line-height: 1;
    }

        .toast-close-button:hover,
        .toast-close-button:focus {
            color: #000000;
            text-decoration: none;
            cursor: pointer;
            opacity: 0.4;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
            filter: alpha(opacity=40);
        }

    .rtl .toast-close-button {
        left: -0.3em;
        float: left;
        right: 0.3em;
    }
    /*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
    button.toast-close-button {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
    }

    .toast-top-center {
        top: 0;
        right: 0;
        width: 100%;
    }

    .toast-bottom-center {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .toast-top-full-width {
        top: 0;
        right: 0;
        width: 100%;
    }

    .toast-bottom-full-width {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .toast-top-left {
        top: 12px;
        left: 12px;
    }

    .toast-top-right {
        top: 12px;
        right: 12px;
    }

    .toast-bottom-right {
        right: 12px;
        bottom: 12px;
    }

    .toast-bottom-left {
        bottom: 12px;
        left: 12px;
    }

    #toast-container {
        position: fixed;
        z-index: 999999;
        pointer-events: none;
        /*overrides*/
    }

        #toast-container * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #toast-container > div {
            position: relative;
            pointer-events: auto;
            overflow: hidden;
            margin: 0 0 6px;
            padding: 15px 15px 15px 50px;
            width: 300px;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            background-position: 15px center;
            background-repeat: no-repeat;
            -moz-box-shadow: 0 0 12px #999999;
            -webkit-box-shadow: 0 0 12px #999999;
            box-shadow: 0 0 12px #999999;
            color: #FFFFFF;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            filter: alpha(opacity=80);
        }

            #toast-container > div.rtl {
                direction: rtl;
                padding: 15px 50px 15px 15px;
                background-position: right 15px center;
            }

            #toast-container > div:hover {
                -moz-box-shadow: 0 0 12px #000000;
                -webkit-box-shadow: 0 0 12px #000000;
                box-shadow: 0 0 12px #000000;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                filter: alpha(opacity=100);
                cursor: pointer;
            }

        #toast-container > .toast-info {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
        }

        #toast-container > .toast-error {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
        }

        #toast-container > .toast-success {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
        }

        #toast-container > .toast-warning {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
        }

        #toast-container.toast-top-center > div,
        #toast-container.toast-bottom-center > div {
            /*width: 300px;*/
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        #toast-container.toast-top-full-width > div,
        #toast-container.toast-bottom-full-width > div {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

    .toast {
        background-color: #030303;
    }

    .toast-success {
        background-color: #51A351;
    }

    .toast-error {
        background-color: #BD362F;
    }

    .toast-info {
        background-color: #2F96B4;
    }

    .toast-warning {
        background-color: #F89406;
    }

    .toast-progress {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 4px;
        background-color: #000000;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }
    /*Responsive Design*/
    @media all and (max-width: 240px) {
        #toast-container > div {
            padding: 8px 8px 8px 50px;
            width: 11em;
        }

            #toast-container > div.rtl {
                padding: 8px 50px 8px 8px;
            }

        #toast-container .toast-close-button {
            right: -0.2em;
            top: -0.2em;
        }

        #toast-container .rtl .toast-close-button {
            left: -0.2em;
            right: 0.2em;
        }
    }

    @media all and (min-width: 241px) and (max-width: 480px) {
        #toast-container > div {
            padding: 8px 8px 8px 50px;
            width: 18em;
        }

            #toast-container > div.rtl {
                padding: 8px 50px 8px 8px;
            }

        #toast-container .toast-close-button {
            right: -0.2em;
            top: -0.2em;
        }

        #toast-container .rtl .toast-close-button {
            left: -0.2em;
            right: 0.2em;
        }
    }

    @media all and (min-width: 481px) and (max-width: 768px) {
        #toast-container > div {
            padding: 15px 15px 15px 50px;
            width: 25em;
        }

            #toast-container > div.rtl {
                padding: 15px 50px 15px 15px;
            }
    }

    span.k-calendar-nav-prev.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button {
        position: absolute !important;
        right: 50px !important;
    }

    .k-calendar .k-calendar-td.k-focus .k-link {
        background-color: #009EFB;
        color: #fff;
    }

    div#contactInfo select {
        padding: 0px !important;
        font-size: 14px !important;
    }

    .sidebar-tooltip {
        position: relative;
    }

        .sidebar-tooltip .cstooltip {
            position: absolute;
            /*top: 120%;*/
            left: 0;
            background: #fff;
            color: #000;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            white-space: nowrap;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
            /*    z-index: 9999;*/
            display: none;
            width: max-content;
            min-width: 250px;
        }

        /*.sidebar-tooltip:hover .cstooltip {
    display: block;
    transition: all 0.3s ease
}*/
        .sidebar-tooltip .helpIcon.tooltipToggle, .sidenav-header .helpIcon.cstooltipheader {
            color: #c9ebff !important;
            cursor: pointer;
        }

        .sidebar-tooltip .cstooltip.show {
            display: block;
            transition: all 0.3s ease;
            top: 20px !important;
        }

    .sidenav-header #spanCommonheading {
        display: flex;
        align-items: center;
    }

    .sidenav-header .cstooltip {
        top: 30px;
    }

    .svGrid {
        position: relative;
    }

        .svGrid .dropdown-content-providericon {
            top: 48px !important;
            white-space: nowrap;
            right: 3px !important;
        }

    #credentialerInfoDiv .dropdown-content-providericon, #trainingInfoDiv .dropdown-content-providericon, #workHistoryDiv .dropdown-content-providericon, #educationDiv .dropdown-content-providericon, #referencesDiv .dropdown-content-providericon {
        top: 35px !important;
        white-space: nowrap;
        right: 0px !important;
    }

   /* div#scrollDiv .middtbl {
        height: 100vh !important;
    }*/

    

 /* div#ctl00_ContentPlaceHolder2_pnlSearch {
        overflow: hidden !important;
    }*/
.SumoSelect > .CaptionCont{
    overflow:hidden;
}
/*Remark notfication screen on bottom right side on dashboardScreen */
.titlenowrap {
    white-space: nowrap;
    max-width: 308px !important;
    overflow: hidden;
    /*float: left;*/
}
.remarkMessage {
    /*max-width: 420px !important; 
        display: inline;*/
    float: left;
    word-break: break-word;
    /* display: inline; */
    overflow-y: hidden;
    padding-right: 10px;
    text-align: left;
    height: 69px !important;
    /*width: 550px !important;*/
    width: 100% !important;
    margin-bottom:10px;
}
.reminder-height{
    height:235px!important;
}

/*reminder bootom right adding shadow because it is in the old ui */
.alert {
        box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (max-width:1366px) {
   /* #tblProviderListGrid .dropdown-content-providericon {
        transform: translate(-73%, -65%) !important;
    }*/
    .sidebar_toggle .menu-align {
        width: 35px !important;
        height: 35px !important;
        margin-top: 3px !important;
    }

    .sidebar_toggle.close .icon {
        padding: 8px 10px;
    }
    .closedivTopBar{
        right:5%;
    }
/*    .ob-sent {
        height: calc(100vh - 260px);
    }*/
}
.bottom-content .nav-link .icon{
padding: 11px 10px;
}

.sidebar_toggle .menu-align {
    display: flex;
    align-items: center;
    margin-top: 4px;
    justify-content: center;
    width: 32px;
}

p#notificationContent:hover {
    text-decoration: underline;
}
providerInfo-section {
    height: calc(100vh - 85px);
}
#divnotification #btnClose {
    right: 5px;
}
/* for remove provider detail page dual scroll whene add  notification massage - 16-12-2025 */
#provider-profile-view:has(#divnotification) .height-vh {
    height: calc(100vh - 263px);
}

#provider-profile-view:not(:has(#divnotification)) .height-vh {
    height: calc(100vh - 213px);
}