.wow {
    visibility: visible !important;
}
html {
    overflow: hidden;
}

.image-width-catalogue {
    width: 130px;
    height: 130px;
    border-radius: 50%;
}

select.Appoinment:not([size]):not([multiple]) {
    height: calc(1.8rem + 0px);
}

.padding-top-6pe {
    padding-top: 6.9%;
}

.padding-top-76pe {
    padding-top: 76%;
}

.padding-top-40pe {
    padding-top: 40%;
}

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

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

.color-common-heading {
    color: rgb(109,199,199) !important;
}

.product-chat-height-527px {
    width: 100% !important;
    height: 527px !important;
}

.max-width-9pe {
    max-width: 9% !important;
}

.max-width-6pe {
    max-width: 6% !important;
}

.max-width-10pe {
    max-width: 10% !important;
}

.max-width-12pe {
    max-width: 12% !important;
}

.actions-btn-prime-man {
    background: var(--secondary-color);
    border-radius: 4px;
    min-width: 50px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 3px !important;
    padding-left: 12px !important;
}

.padding-all-15pe {
    padding: 15%;
}

.product-chat-follicular-popup {
    width: 100% !important;
    height: 463px !important;
}

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

.min-width-32px {
    min-width: 32px !important;
}

.margin-top-13pe {
    margin-top: 13%;
}

.product-chat-width-testnew {
    height: 499px;
    width: 100% !important;
}

.border-right-3px-test {
    border-right: 3px solid var(--cyan) !important;
}

.product-chat-height-200px {
    height: 200px !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.td-oqaa-width {
    width: 25% !important
}

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

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

.background-dashboard {
    background: var(--dashboard-schedule) !important;
}

.padding-right-7pe {
    padding-right: 7%;
}

.padding-right-9pe {
    padding-right: 9%;
}

.max-width-12pe {
    max-width: 12%;
}

.border-bottom-1pxnew {
    border-bottom: 1px solid var(--secondary-color) !important;
}

.img-width-Garbhagudi2 {
    width: 136% !important;
    margin-top: 0px !important;
}

.badge-catalogue {
    background: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border-radius: 50% !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    position: absolute;
    /* left: 0px; */
    bottom: 43px;
    right: 3px;
}

.height-47px {
    height: 47px !important;
}

.card-catalogue .card-footer {
    background: rgb(225,244,244) !important;
    border-top: 0px !important;
}

.background-catalogue {
    background: rgb(225,244,244) !important;
}

.box-shadow-catalogue {
    box-shadow: 5px 5px #dcc3c978;
}

.background-embryo {
    background: var(--dashboard-schedule);
}

.Strawfont .input-group select {
    font-size: 20px !important;
}

.drive-button4 {
    padding-top: 2px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 1px !important;
    border-radius: 0px !important;
    /* background: var(--tertiary-color) !important; */
    /* color: var(--primary-color) !important; */
    width: 24px;
    height: 24px;
    /*width: 19px;
    height: 19px;*/
}

.badge-service2-right {
    display: list-item !important;
    border: 1px solid var(--dashboard-profile) !important;
    !important :;
    font-size: 13px !important;
    font-weight: normal;
    list-style: none;
    width: 41px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 3px;
    /* border-right: 1px solid var(--secondary-color)!important; */
    /* border-bottom: 1px solid var(--secondary-color)!important; */
    /* border-top: 1px solid var(--secondary-color)!important; */
    /* border-left: 1px solid var(--dashboard-credentials); */
}

.badge-service2-left {
    display: list-item !important;
    border: 1px solid var(--dashboard-credentials) !important;
    !important :;
    font-size: 13px !important;
    font-weight: normal;
    list-style: none;
    width: 41px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 3px;
    /* border-right: 1px solid var(--secondary-color)!important; */
    /* border-bottom: 1px solid var(--secondary-color)!important; */
    /* border-top: 1px solid var(--secondary-color)!important; */
    /* border-left: 1px solid var(--dashboard-credentials); */
}

.margin-left-14pe {
    margin-left: 14%;
}

.margin-top-3pe {
    margin-top: 3%;
}

.width-34pe {
    width: 34% !important;
}

.border-all-4px-embryo {
    border: 4px solid var(--dashboard-credentials);
}

.modebar {
    display: none !important;
}

.height-80pe {
    height: 80% !important;
}

.clear-form {
    position: relative;
}

.td-width-82px {
    width: 70px !important;
}

.th-width-170px {
    width: 170px !important;
}

.width-23px {
    width: 23px !important;
}

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

.clear-form span.clear-icon {
    position: absolute;
    top: 7px;
    right: 9px;
}

.height-9rem {
    height: 9rem !important;
}

.white-space-pre {
    white-space: pre;
}

.product-chat-width-Form {
    width: 100% !important;
    height: 528px !important;
}

.styles-embryos {
    top: 32% !important;
    left: 25% !important;
}

.width-99pe {
    width: 99% !important;
}

.product-chat-width-transfer {
    height: 354px;
    width: 100% !important;
}

.product-chat-width-transfer2 {
    height: 400px;
    width: 100% !important;
}

.width-76px {
    width: 76px;
}

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

.min-width-24px {
    min-width: 24px !important;
}

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

caption {
    padding-top: 3px !important;
    padding-bottom: 0px !important;
    color: var(--secondary-color) !important;
    text-align: left;
    caption-side: top !important;
    font-size: 18px !important;
    padding-left: 10px !important;
    /* font-weight: bold; */
    background: var(--color-3) !important;
}

.header-fixed {
    position: fixed;
    width: 61.6%;
    z-index: 908;
    background: white !important;
}

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

.width-auto {
    width: auto !important;
}

.width100px {
    width: 100px !important;
}

table-fixed
.min-width-57px {
    min-width: 57px !important;
}

.min-width-103px {
    min-width: 103px !important;
}

.min-width-157px {
    min-width: 157px !important;
}

.background-color {
    background: var(--color-3);
}

.border-all-form {
    border-left: 30px solid #ececf9;
    border-top: 15px solid #ececf9;
    border-right: 30px solid #ececf9;
    border-bottom: 5px solid #ececf9;
}

.width-35pe {
    width: 102%;
}

.min-width-10px {
    min-width: 10px !important;
}

.fixed {
    position: fixed;
}

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

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.margin-right-14pe {
    margin-right: 14%;
}

.margin-right-5pe {
    margin-right: 5%;
}

.margin-top-left {
    margin-top: 33px;
    margin-left: -23px;
}

.button-new-health {
    padding: 0px 5px 0px !important;
    border-radius: 50% !important;
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--primary-color) !important;
}

.display-button {
    position: absolute;
    top: 29%;
    left: 30%;
}

.Dsa1 {
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    border-left: 1px solid var(--secondary-color);
    border-right: 1px solid var(--secondary-color);
    padding-left: 9px;
    padding-right: 9px;
    height: 34px;
}

.Dsa2 {
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    border-right: 1px solid var(--secondary-color);
    padding-left: 9px;
    padding-right: 9px;
    height: 34px;
}

.Dsa3 {
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    border-right: 1px solid var(--secondary-color);
    padding-left: 9px;
    padding-right: 9px;
    height: 34px;
}

.vid {
    width: 100%;
    height: 100%;
}

.width-66pe {
    width: 66.7%;
}

.btn-camera {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid var(--secondary-color) !important;
    background: transparent;
    color: black !important;
    font-size: 20px;
    border-radius: 50%;
}

    .btn-camera:hover {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid var(--secondary-color) !important;
        background: transparent;
        color: black !important;
        font-size: 20px;
        border-radius: 50%;
    }

.btn-camera2 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    background: transparent;
    color: var(--data-color) !important;
    font-size: 20px;
}

    .btn-camera2:hover {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;
        border: none;
        background: transparent;
        color: var(--data-color) !important;
        font-size: 20px;
    }

.td-width-86px {
    width: 86px !important;
}

.background-bordercolor {
    background: var(--border-color);
}

.background-black {
    background: black !important;
}

.left-arrow-treatmentcycle {
    position: absolute;
    left: -28px;
    z-index: 21;
    top: 0px;
    background: var(--secondary-color);
    color: var(--primary-color) !important;
    padding: 3px;
    border-radius: 13%;
}

.actions-btn-prime-insemination {
    background: var(--secondary-color);
    border-radius: 4px;
    min-width: 50px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 5px !important;
    padding-right: 12px !important;
    padding-bottom: 3px !important;
    padding-left: 1px !important;
    color: var(--primary-color);
}

.font-size-10px {
    font-size: 10px !important;
}

.border-style-visit {
    border: 1px solid lightgray;
    margin: 5px !important;
    box-shadow: 5px 5px lightgrey;
}

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

body {
    overscroll-behavior: contain;
}

.td-width-284px {
    width: 284px !important;
}

.position-fixed-cryo3 {
    position: fixed !important;
    top: 143px !important;
    width: 224px !important;
}

.vertical-align-top {
    vertical-align: top;
}

.color-signedone {
    color: yellow;
}

.col1 {
    width: 11%;
}

.loader-text {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.loader-text2 {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.loadernew {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 15px;
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 10px;
        background: var(--secondary-color);
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
        }

        .lds-facebook div:nth-child(2) {
            left: 32px;
            animation-delay: -0.12s;
        }

        .lds-facebook div:nth-child(3) {
            left: 56px;
            animation-delay: 0;
        }

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 40px;
    }

    50%, 100% {
        top: 24px;
        height: 20px;
    }
}


.color-Checkin {
    color: var(--dashboard-credentials);
}

.color-Encend {
    color: purple;
}

.color-checkout {
    color: #27f127;
}

.linegreen {
    width: 10.7%;
    height: 2px;
    border-bottom: 6px solid #27f127;
    position: absolute;
}

.lineblue {
    width: 10.7%;
    height: 2px;
    border-bottom: 6px solid var(--secondary-color);
    position: absolute;
}

.linered {
    width: 10.7%;
    height: 2px;
    border-bottom: 6px solid red;
    position: absolute;
}

.linelightgray {
    width: 10.7%;
    height: 2px;
    border-bottom: 6px solid #d3d3d3;
    position: absolute;
}

.circlegreen {
    background: #27f127;
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

.border-bottom-color-green {
    border-bottom: 5px solid #27f127;
}

.border-bottom-color-blue {
    border-bottom: 5px solid var(--secondary-color);
}

.border-bottom-color-red {
    border-bottom: 5px solid red;
}

.circleblue {
    background: var(--secondary-color);
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

.colorred {
    background: red;
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

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

.font-size-28px {
    font-size: 28px !important;
}

.card-height-570px {
    height: 570px !important;
}

.table td .vertical-align-top {
    vertical-align: top !important;
}

.box-shadow-new-treatmentcycle {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.1), 0 2px 20px 0 rgba(0,0,0,.2);
}

.border-left-follicular {
    border-left: 5px solid rgb(2,222,122,0.7);
}

.border-left-pickup {
    border-left: 5px solid rgb(2,212,212,0.9);
}

.border-left-oqa {
    border-left: 5px solid var(--dashboard-credentials);
}

.border-left-sperm {
    border-left: 5px solid var(--dashboard-profile);
}

.border-left-insemination {
    border-left: 5px solid var(--purple);
}

.border-left-et {
    border-left: 5px solid var(--cyan);
}

.border-left-pre {
    border-left: 5px solid rgb(238, 163, 171);
}

.border-left-grading {
    border-left: 5px solid #D7D176;
}

.border-left-freezing {
    border-left: 5px solid rgb(244, 189, 245 );
}

.border-7px-form-right {
    border-right: 7px solid var(--border-color);
}

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

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

.background-new-follicular {
    background: rgb(2,222,122,0.7);
}

.background-new-pickup {
    background: rgb(2,212,212,0.9);
}

.background-new-pre {
    background: rgb(238, 163, 171 );
}

.color-ovulation {
    color: rgb(222,122,122,0.9) !important;
}

.color-team {
    color: rgb(2,152,122,0.8) !important;
}

.color-Schedule {
    color: rgb(2,162,242,0.6) !important;
}

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

.background-new-oqa {
    background: var(--dashboard-credentials);
}

.border-top-15px-new {
    border-top: 15px solid #eee;
}

.background-sperm {
    background: var(--dashboard-profile);
}

.background-insemination {
    background: var(--purple);
}

.background-new-et {
    background: var(--cyan);
}

.background-new-grading {
    background: #D7D176;
}

.background-new-freezing {
    background: rgb(244, 189, 245);
}

.width-47px {
    width: 47px !important;
}

.line-height-new {
    line-height: 0.3 !important;
}

.position-fixed-updateStatus {
    position: fixed !important;
    top: 119px !important;
    width: 224px !important;
}


.nomargin{
    margin:0px !important;
}
.background-dark-new {
    background: linear-gradient(45deg, dimgray, transparent) !important;
    color: white !important;
}

.line-height-8px {
    line-height: 8px !important
}

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

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

.border-top-5px {
    border-top: 5px solid var(--border-color);
}

.font-size-29px {
    font-size: 29px !important;
}

.background-norepeat {
    background: none;
}
/*.disply-remarks{
    visibility:hidden;
}*/
.background-new {
    background: var(--navbar-color) !important;
}

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

.badge-graph-background {
    background: var(--placeholder-color);
}

.border-7px {
    border: 7px solid var(--secondary-color);
}

.color-title {
    color: orange !important;
}

.color-secondary-hover:hover {
    color: var(--secondary-color);
}

.row-for-levels:hover {
    background: var(--background-card4);
    font-weight: bold !important;
    border-left: 7px solid var(--blue);
    border-bottom: 0.5px solid var(--blue);
    border-right: 0.5px solid var(--blue);
    border-top: 0.5px solid var(--blue);
}

.display-input .remarks {
    visibility: hidden;
}

.row-for-levels:hover .display-input .remarks {
    visibility: visible;
}

.row-for-levels:hover .label-color {
    color: var(--secondary-color) !important;
}

.row-for-levels:hover .label-padding-top-2px {
    padding-top: 2px !important;
}

.row-for-levels:hover .label-padding-left-10px {
    padding-left: 10px !important;
}

.row-for-levels:hover .label-padding7 {
    padding-left: 7px !important;
}

.width-18px {
    width: 18px !important;
}

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

.border-left-7px {
    border-left: 7px solid rgb(245,242,238);
}

.border-bottom-4px-document {
    border-bottom: 4px solid rgb(245,242,238);
}

.border-bottom-8px-document {
    border-bottom: 8px solid rgb(245,242,238);
}

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

.width-57px {
    width: 57px !important;
}

.width-53px {
    width: 53px !important
}

.width-178px {
    width: 178px !important;
}

.color-new-data {
    color: rgb(140,140,140) !important;
}

.border-all-10px-modal {
    border: 10px solid lightblue !important;
}

.health-records-modal {
    height: 470px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.border-right-10px {
    border-right: 10px solid var(--border-color) !important;
}

.height-27px {
    height: 27px !important;
}

.broder-right-1px-dark {
    border-right: 1px solid var(--data-color) !important;
}

.border-right-4px {
    border-right: 4px solid var(--secondary-color);
}

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

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

textarea {
    /* box-sizing: padding-box; */
    overflow: hidden;
    /* demo only: */
    /*padding: 10px;*/
    width: 250px;
    font-size: 14px;
    /*margin: 50px auto;*/
    display: block;
    /*border-radius: 10px;*/
    /*border: 6px solid #556677;*/
}

.color-owner {
    color: #ef4a6c !important;
}

/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/

.badge-new-treatmentcycle {
    color: deeppink;
    width: auto !important;
    font-size: 14px !important;
    font-weight: normal !important;
    border: 1px solid var(--secondary-color);
    border-radius: 21px;
}

.width-72px {
    width: 72px !important;
}

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

.width-100pe {
    width: 100% !important;
}

.height-210px {
    height: 210px !important;
}

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

.font-size-18px {
    font-size: 18px !important;
}
/*.table td, .table th{
    padding:0px!important;
}*/
.padding-bottom-26pe {
    padding-bottom: 26% !important;
}

.margin-right-lg-auto {
    margin-right: auto !important;
}

.width-th-52px {
    width: 52px;
}

.white-spce-pre {
    white-space: pre;
}

.ngx-timepicker[_ngcontent-c12] {
    border-bottom: 0px solid var(--primary-color) !important;
}

.td-elipsis-appoinment {
    max-width: 162px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .td-elipsis-appoinment:hover {
        overflow: visible;
        max-width: 222px;
    }

.td-elipsis-appoinment1 {
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .td-elipsis-appoinment1:hover {
        overflow: visible;
        max-width: 161px;
    }

.white-space-preline {
    white-space: pre-line !important;
}

.hover-table-row:hover {
    background: var(--primary-color) !important;
}

.timepicker .timeinput select.form-control {
    height: auto !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.center-element-2 {
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-element-addnew {
    margin: 0;
    position: relative;
    top: 0%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, 2%);
}


.font-size-64px {
    font-size: 64px !important;
}

.left-56pe {
    left: 56% !important;
}

.schedule-time-badge {
    background: var(--secondary-color);
    color: var(--primary-color);
    padding: 3px;
    border-radius: 3px;
}

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

.decrementhover:hover {
    background: var(--secondary-color) !important;
    color: var(--primary-color);
}

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

.top-11px {
    top: 13px !important;
}

.font-size-24px {
    font-size: 24px !important;
}

.border-bottom-2px {
    border-bottom: 2px solid var(--border-color);
}

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

.p4-new {
    font-size: 14px !important;
    color: black !important;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    width: 80px;
}

.p4-booked {
    font-size: 14px !important;
    color: orange !important;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    width: 80px;
}

.row-height-26px {
    height: 26px !important;
}

.c2-confirmed:hover {
    background: green !important;
    color: var(--primary-color) !important;
}

.border-color-light {
    border-color: var(--lightgary-color) !important;
}

.color-green {
    color: rgb(109,199,199);
}

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

.center-element {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.padding-top-30pe {
    padding-top: 30%;
}

.padding-left-10pe {
    padding-left: 10% !important;
}

padding-right-19pe {
    padding-right: 19% !important;
}

.padding-bottom-30pe {
    padding-bottom: 30%;
}

.nav-tab-cycle {
    border-bottom: 0px solid var(--border-color);
    background: var(--background-card4) !important;
}

.chatbox-new-doc {
    font-size: 12px;
    padding-left: 2px !important;
    padding-right: 0px !important;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px 5px 5px 0px;
    position: relative;
    border: 1px solid var(--border-color);
    padding-right: 0px;
    padding-left: 0px;
}

.badge-cycle:hover {
    background: var(--primary-color) !important;
    color: var(--secondary-color) !important;
}

.badge-cycle:hover {
    background: deepskyblue !important;
    color: var(--primary-color) !important;
}

.color-female-heading {
    color: deeppink !important;
}

.color-male-heading {
    color: var(--cyan) !important;
}

.background-tabs-card {
    padding: 10px;
    background: var(--background-card4) !important;
}

.line-height-10px {
    line-height: 10px !important;
}

.line-height-17px {
    line-height: 17px !important;
}

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

.border-left-8px-cycle {
    border-left: 8px solid var(--secondary-color);
    border-radius: 5px;
    border-top: lightgray 1px solid;
    border-right: lightgray 1px solid;
    border-bottom: lightgray 1px solid;
}

.message-sender2 {
    width: 100% !important;
    padding: 0px 1px 0px !important;
    border-radius: 10px 10px 0px 10px;
    background: white;
    font-size: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    word-wrap: break-word;
    display: inline-block;
}

.height-18px {
    height: 18px !important;
}

.nav-item4 {
    color: var(--secondary-color) !important;
}

    .nav-item4.active {
        color: var(--data-color) !important;
        font-weight: bold !important;
        font-size: 18px !important;
        border-bottom: 4px solid var(--secondary-color) !important;
    }

    .nav-item4:hover {
        text-decoration: none;
        border-top: 0px solid var(--primary-color) !important;
        border-right: 0px solid var(--primary-color) !important;
        border-left: 0px solid var(--primary-color) !important;
        text-decoration: none !important;
    }

.padding-bottom-17per {
    padding-bottom: 17% !important;
}

.action-button-prime-cycle {
    min-width: 33px;
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 1px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.background-bill-row {
    background: var(--border-color);
}

.padding-bottom-59px {
    padding-bottom: 61px !important;
}

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

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

.product-chat-width-new-cycle {
    width: 100% !important;
    height: 303px !important;
}

.margin-top-10pe {
    margin-top: 10%;
}

.position-fixed-newcycle {
    position: fixed !important;
    top: 119px !important;
    width: 224px !important;
}

.line-height-2px {
    line-height: 2px !important;
}

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

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

.image-circle-small-test {
    border-radius: 50%;
    height: 51px;
    width: 48px;
    object-fit: cover;
}

.td-elipsis-scan {
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .td-elipsis-scan:hover {
        overflow: visible;
        max-width: 161px;
    }

.padding-right-lg-0px {
    padding-right: 0px;
}

.th-width-48px {
    width: 48px !important;
}

.th-width-40px {
    width: 40px !important;
    min-width: 0px !important;
}

.height-codetype-33px {
    height: 33px !important;
}

.job-posts .scansstyle select.form-control:not([size]):not([multiple]) {
    height: 32px !important;
}

.min-height-32 {
    height: 32px !important;
}
.border-effect { 
    border-color: lightgray!important;
    border-width: 1px !important;
}
    .border-effect:hover {
        box-shadow: 4px 4px blue;
        border-color: blue !important;
        border-width: 2px !important;
    }
    /*.border-effect:hover {
        box-shadow: 4px 4px lightblue;
        border-color: lightblue !important;
        border-width: 2px !important;
    }*/
.div-show-effect-parent {
    
    /*width:0px;
    height:0px;*/
    /*opacity:0;*/
    /*background: blue !important;*/
    /*visibility: hidden !important;*/
}
/*.show-child-on-parent-over {
    background: white!important;
    visibility: hidden !important;
}*/
   .div-show-effect-parent > .show-child-on-parent-over {
        
        visibility: hidden !important;
    }
.div-show-effect-parent:hover > .show-child-on-parent-over {
    
    visibility: visible !important;
}

tr .test-icons {
    visibility: hidden !important;
}

tr:hover .test-icons {
    visibility: visible !important;
}
/*tr .edit-test-icon {
    visibility: hidden !important;
}
tr:hover .edit-test-icon {
    visibility: visible !important;
}*/
.margin-top-31px {
    margin-top: 31px !important;
}

.white-space-normal {
    white-space: normal !important;
}

.white-space-nowrap {
    white-space: nowrap !important;
}

.row-for-scans2:hover {
    font-weight: bold;
}

.row-for-scan2:hover .border-image {
    border: 2px solid #ef4a6c;
}

.padding-all-3px {
    padding: 3px !important;
}
/*.border-image {
    border: 2px solid #ef4a6c;
}*/
/*#data{
   left:-30px;
   padding:20px;
   position:fixed;
}
#data.active{
    left:0px;
}*/
.position-fixed-mis {
    position: fixed !important;
    top: 55px !important;
    width: 22% !important;
    left: 10px !important;
    right: 0px !important;
}

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

.position-fixed-cryo {
    position: fixed !important;
    top: 94px !important;
    width: 15.5% !important;
    left: 10px !important;
    right: 0px !important;
}

.margin-bottom-lg-15px {
    margin-bottom: 15px;
}

.margin-left-lg-10px {
    margin-left: 10px;
}

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

.border-card-signin {
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

.button-cryo {
    height: 28px !important;
    width: 30px !important;
    border-radius: 50% !important;
    padding-top: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 0px !important;
}

.th-width-71px {
    width: 71px !important;
}

.th-width-95px {
    width: 95px !important;
}

.badge-grading-discard {
    background: var(--primary-color) !important;
    padding: .25em .4em !important;
    border: 1px solid red !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: red !important;
}

.badge-grading-Freeze {
    background: var(--primary-color) !important;
    padding: .25em .4em !important;
    border: 1px solid var(--secondary-color) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--secondary-color) !important;
}

.badge-grading-Transfer {
    background: var(--primary-color) !important;
    padding: .25em .4em !important;
    border: 1px solid green !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: green !important;
}

.th-width-123px {
    width: 123px !important;
}

.button-new-embryo {
    padding: 6px 10px 3px !important;
    border-radius: 50% !important;
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--primary-color) !important;
}

.width-17p {
    width: 17px !important;
}

.margin-buttons {
    margin-top: -33px;
    margin-left: 174px;
}

.background-red {
    background: red !important;
}

.border-radius-50p {
    border-radius: 50% !important;
}

.light-gray-new {
    color: #9c9c9c !important;
}

.td-well-width-79px {
    width: 79px !important;
}

.margin-right-54px {
    margin-right: 54px;
}

.row-height-17px {
    height: 17px !important;
}

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

.margin-left-26p {
    margin-left: 26% !important;
}

.margin-right-6p {
    margin-right: 6% !important;
}

.margin-right-17p {
    margin-right: 17% !important;
}

.left-ovaries-background {
    background: var(--border-color) !important;
}

.margin-left-11p {
    margin-left: 11%;
}

.background-transparent-button {
    background: transparent !important;
}

.color-new-button {
    color: gray !important;
}

.border-color-new {
    border-color: lightgray !important;
}

.margin-right-11p {
    margin-right: 11%;
}

.image-width-scans {
    width: 62px;
    border-radius: 50%;
    height: auto;
}

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

.row-for-scans:hover {
    background: rgb(211,211,211);
    color: var(--primary-color) !important;
    border-radius: 8px !important;
}

.position-fixed-scans {
    position: fixed !important;
    top: 57px !important;
    width: 24% !important;
    /*width: 240px !important;*/
    left: 10px !important;
    right: 0px !important;
}

.color-icon-completed {
    color: var(--dashboard-profile);
}

.product-chat-width-97 {
    height: 560px;
    width: 97% !important;
}

.background-badge-completed {
    background: #90EE90 !important;
}

.background-badge-pending {
    background: lightblue !important;
}

.background-badge-notshow {
    background: rgb(211,211,211) !important;
}

.background-lightpink {
    background: lightpink !important;
}

.badge-scans-new {
    padding-right: 23px;
    display: list-item !important;
    /*border: 1px solid lightgrey !important;*/
    font-size: 13px !important;
    font-weight: normal;
    list-style: none;
}

    .badge-scans-new:hover {
        background: var(--primary);
        color: var(--primary-color) !important;
    }
/*.badge-scans-new:hover .badge-scan-data {
            border: 3px solid var(--primary-color) !important;
            color:greenyellow;
        }*/
.height-56px {
    height: 56px !important;
}

.product-chat-width-service {
    height: 591px;
    width: 90% !important;
}

.product-chat-width-mis {
    height: 591px;
    width: 100% !important;
}

.border-right-4px-bill {
    border-right: 4px solid rgb(245,242,238);
}

.product-width-452 {
    height: 454px;
    width: 100% !important;
}

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

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

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

.td-width-100px {
    width: 100px !important;
}

.padding-t-6px {
    padding-top: 6px !important;
}

.position-fixed-labdata {
    position: fixed;
    width: 52.5%;
    top: 57px;
    left: 19.7%;
    z-index: 1030;
}

.margin-bottom-lab {
    margin-bottom: 19.5%;
}

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

.product-chat-width-100 {
    width: 100% !important;
    height: 550px !important;
}

.product-chat-width-test {
    width: 100% !important;
    height: 640px !important;
}

.border-left-clinical {
    border-left: 9px solid #ef4a6c !important;
}

}

.back-link {
    margin-left: -53px;
    /* left: -53px; */
    /* top: 20px; */
    border: 1px solid var(--secondary-color);
    /* padding: 10px; */
    padding-top: 10px;
    padding-left: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    border-radius: 4px;
}

.background-card-footer {
    background: rgba(0,0,0,.03) !important;
}

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

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

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

.border-all-secondary {
    border: 1px solid var(--secondary-color) !important;
}

.drive-button3 {
    padding-top: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 0px !important;
    border-radius: 0px !important;
    /* background: var(--tertiary-color) !important; */
    /* color: var(--primary-color) !important; */
    width: 21px;
    height: 19px;
}

    .drive-button3:hover {
        padding-top: 0px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 0px !important;
        border-radius: 0px !important;
        /* background: var(--tertiary-color) !important; */
        /* color: var(--primary-color) !important; */
        width: 21px;
        height: 19px;
    }

.background-Frozen {
    background: rgb(3, 169, 244) !important
}

.background-Total {
    background: var(--cyan) !important;
}

.badge-oocytes {
    background: var(--secondary-color);
    border: 1px solid var(--border-color);
    color: var(--primary-color);
    width: 38px !important;
}

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

.td-padding-left-9px {
    padding-left: 9px !important;
}

.td-width-162px {
    width: 162px !important;
}

.light-border-new {
    border-bottom: 2px solid var(--lightgary-color) !important;
}

.btn-ivf-new {
    /*background: var(--secondary-color) !important;*/
    border-radius: 4px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.light-gray-badge {
    color: lightgray !important;
}

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

.td-width-107px {
    width: 107px !important;
}

.td-width-162px {
    width: 162px !important;
}

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

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

.height-16px {
    height: 16px !important;
}

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

.border-bottom-6px {
    border-bottom: 6px solid rgb(245,242,238) !important;
}

.margin-top-7pn {
    margin-top: -7px !important
}

.border-all-0px {
    border: 0px solid var(--primary-color) !important;
}

.border-all-1px {
    border: 1px solid var(--border-color) !important;
}

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

.border-left-pink {
    border-left: 9px solid rgb(245,242,238) !important;
}

.border-left-female {
    border-left: 9px solid deeppink !important;
}

.border-left-cycle {
    border-left: 9px solid rgb(3, 169, 244) !important;
}

.color-cycle-icon {
    color: rgb(3, 169, 244) !important;
}

.color-member-icon {
    color: rgb(239, 109, 73) !important;
}

.border-left-member {
    border-left: 9px solid rgb(239, 109, 73) !important;
}

.border-left-storagebank {
    border-left: 9px solid rgb(204, 51, 255) !important;
}

.border-bottom-1px {
    border-bottom: 1px solid var(--border-color) !important;
}

.height-567px {
    height: 567px !important;
}

.badge-service-new {
    padding-right: 23px;
    display: list-item !important;
    border: 1px solid var(--border-color) !important;
    font-size: 13px !important;
    font-weight: normal;
    list-style: none;
}

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

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

.product-chat-width-ivf {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 421px;
}

.rowfor-2 {
    color: var(--data-color) !important;
}

.rowfor-2:hover {
        background: rgb(109,199,199) !important;
        color: var(--primary-color) !important;
        border-radius: 8px !important;
}

.font-weight-normal2 {
    font-weight: normal !important;
}

.height-24px {
    height: 24px !important;
}

.btn-cycles {
    color: var(--labels-color) !important;
    font-weight: normal;
}

.img-circle-40 {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    object-fit: cover;
}

.img-circle-56 {
    border-radius: 50%;
    height: 56px;
    width: 56px;
    object-fit: cover;
}

.img-circle-30 {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    object-fit: cover;
}

.btn-cycles:hover {
    color: var(--labels-color) !important;
    text-decoration: none;
    border-bottom: 3px solid var(--secondary-color);
    color: var(--data-color);
    font-weight: normal;
}

.btn-cycles:focus {
    text-decoration: none !important;
}

.header-new {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 0px !important;
    background: var(--primary-color) !important;
    padding-left: 0px !important;
    border-bottom: 0px solid var(--primary-color);
}

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

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

.border-right-3px {
    border-right: 3px solid var(--border-color) !important;
}

.border-all {
    border: 1px solid rgb(245,242,238) !important;
}

.margin-top-12p {
    margin-top: 12px !important;
}

.td-padding-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

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

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

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

.scans:hover {
    /*border-bottom: 3px solid var(--secondary-color);*/
    padding: 10px;
    background: hotpink;
    color: var(--primary-color) !important;
    border-radius: 4px !important;
}

.card-border-styles {
    border: 2px solid var(--border-color);
    border-top-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.header-4 {
    /*font-size: 14px !important;*/
    font-weight: 500 !important;
    padding-left: 8px !important;
    border-top-left-radius: 12px !important;
    border-bottom: 1px solid var(--border-color) !important;
    background: #3caea2c9 !important;
}

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

.display-edit {
    visibility: hidden !important;
}

#edit-link:hover .display-edit {
    visibility: visible !important;
}
/*.display-edit{
    display:none!important;
}*/
/*. display-edit{
    display:initial!important;
}*/
/*.display-edit:hover{
    display:initial!important;
}*/
.pickup:hover {
    border-bottom: 3px solid var(--secondary-color);
}

.height-39px {
    height: 39px !important;
}

.product-chat-width-member {
    height: 136px !important;
}

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

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

.width-73 {
    width: 73% !important;
}

.td-width-136px {
    width: 136px !important;
}

.border-bottom-light2 {
    border-bottom: 1px solid var(--border-color) !important;
}

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

.label-size-3 {
    font-size: 1.2rem !important;
    font-weight: normal !important;
    margin-bottom: 0px !important;
    color: var(--secondary-color) !important;
}

.label-size-4 {
    font-size: 1.2rem !important;
    font-weight: normal !important;
    margin-bottom: 0px !important;
}

.box-shadow-new {
    box-shadow: 1px 1px 16px rgba(0,0,0,0.1) !important;
}

.button-rate {
    background: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    border-radius: 3px !important;
}

th {
    font-weight: bold !important;
}

.btn-new {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border-radius: 4px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.td-elipsis {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .td-elipsis:hover {
        overflow: visible;
        white-space: pre-wrap;
        max-width: 161px;
    }

.nav-item-ivf {
    color: var(--data-color) !important;
    margin-left: 0px !important;
    font-weight: normal !important;
    font-size: 15px !important;
}

    .nav-item-ivf:hover {
        border-top: 0px solid var(--primary-color) !important;
        border-right: 0px solid var(--primary-color) !important;
        border-left: 0px solid var(--primary-color) !important;
        text-decoration: none !important;
    }

.position-fixed-2 {
    position: fixed !important;
    width: 14.8% !important;
}

.card-footer-new {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.height-100pe {
    height: 100% !important;
}

.inner-badge {
    position: absolute;
    top: -1px;
    right: 14px;
    transform: translate(50%, -50%);
    border: 0px solid var(--border-color);
    /*padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;*/
    background: var(--primary-color);
    padding-right: 8px;
    font-size: 14px;
    padding-bottom: 3px;
    padding-right: 4px;
    padding-top: 3px;
    padding-left: 4px;
}

.nav-item-ivf.active {
    /*border-bottom: 4px solid var(--secondary-color) !important;*/
    color: var(--primary-color) !important;
    font-weight: normal !important;
    /* border-left: 1px solid var(--border-color); */
    /* border-top: 1px solid var(--border-color); */
    font-size: 15px !important;
    border-bottom: 0px solid var(--secondary-color) !important;
    /* border-right: 1px solid var(--border-color); */
    /* border-top-right-radius: 15px; */
    /* border-bottom-right-radius: 0px; */
    /* border-top-left-radius: 15px; */
    /* border-bottom-left-radius: 2px; */
    /*padding-top: 10px;*/
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: hotpink;
    border-radius: 0px !important;
}

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

.td-elipsis2 {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .td-elipsis2:hover {
        overflow: visible;
        white-space: pre-wrap;
        max-width: 430px;
    }

.product-chat-width2 {
    height: 500px !important;
    width: 100% !important;
}

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

.tick-mark-styles {
    margin-top: 10px !important;
    color: var(--secondary-color) !important;
    float: right;
}

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

.tick-mark-styles:hover {
    color: var(--primary-color);
}

.nav-reg {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 32px !important;
    padding-left: 3px;
}

.folder-color {
    color: #E0BF34 !important;
    font-size: 15px !important
}

.nav-reg:hover {
    color: var(--primary-color) !important;
    background: rgb(109,199,199);
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 32px !important;
    border-radius: 4px;
}

.nav-new {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
}

    .nav-new:hover {
        color: var(--primary-color) !important;
        background: rgb(109,199,199);
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 3px;
        padding-right: 3px;
        border-radius: 4px;
    }

.color-dark {
    color: rgb(33, 37, 41) !important;
}

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

.navbar-dropdown-position {
    position: initial !important;
}

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

.color-data2 {
    color: rgb(32,33,33) !important;
}

.border-right-1px {
    border-right: 1px solid var(--border-color) !important;
}

.td-padding-tb {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.border-top-1px {
    border-top: 1px solid var(--border-color) !important;
}

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

.color-Email {
    color: rgb(128,128,128) !important;
}

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

.button-service-save {
    background: var(--primary-color) !important;
    border: none;
}

.row-height-0px {
    height: 0px !important;
}

.product-chat-width-navbar {
    height: 350px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav4 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.new-button-counselling {
    margin-left: 15px !important;
    margin-top: 10px !important;
}

.position-fixed-service {
    position: fixed !important;
    top: 57px !important;
    width: 240px !important;
    left: 10px !important;
    right: 0px !important;
}

.width-100 {
    width: 100% !important;
}

.th-width-111px {
    width: 111px !important;
}

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

.margin-top17px {
    margin-top: -17px !important;
}

.label-table-color {
    color: var(--labels-color) !important;
}

.td-border-8px-green {
    border-left: 8px solid rgb(40,220,100) !important;
}

.td-border-8px-Black {
    border-left: 8px solid Black !important;
}

.td-border-8px-red {
    border-left: 8px solid red !important;
}
.td-border-8px-gray {
    border-left: 8px solid lightgray !important;
    max-height: 62px;
    height: 100px;
}
.td-brorder-8px-blue {
    border-left: 8px solid var(--secondary-color) !important;
}

.td-border-8px-red {
    border-left: 8px solid red !important;
}

.position-fixed-counselling {
    position: fixed !important;
    top: 144px !important;
    width: 224px !important;
}

.card-height {
    height: 334px !important;
}

.nav-item3 {
    color: var(--secondary-color) !important
}

    .nav-item3:hover {
        border-bottom: 0px solid var(--primary-color) !important;
        text-decoration: none !important;
    }

    .nav-item3.active {
        color: var(--data-color) !important;
        font-weight: bold !important;
        font-size: 18px !important;
        padding-left: 11px;
        padding-top: 10px;
        border-bottom: 0px solid var(--primary-color) !important;
    }

.td-width-patient {
    width: 102px !important;
}

.modal-content-width {
    width: 1000px !important;
}

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

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

.nav-tab-plan {
    border-bottom: 0px solid var(--primary-color) !important;
    background: var(--primary-color) !important
}

.row-style-card {
    margin-top: 20px !important;
    margin-left: 0px !important;
    background: var(--primary-color);
    margin-right: 0px;
    border-bottom: 1px solid var(--border-color) !important;
}

.row-card-a {
    margin-left: 10px !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    margin-right: 20px !important;
}

.bk-color-light {
    background: #f9f9f9 !important;
}

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

.new-button3 {
    margin-left: 26px !important;
    margin-top: 10px !important;
}

.card-height-417px {
    height: 417px !important;
}

.border-right-sender {
    border-right: 4px solid var(--data-color2);
}

.border-left-recevier {
    border-left: 4px solid var(--secondary-color);
}

.border-left-4px-green {
    border-left: 4px solid green;
}

.wizard > .steps .current a {
    font-weight: bold;
}

.message-sender {
    width: auto !important;
    padding: 4px 10px 7px !important;
    border-radius: 10px 10px 0px 10px;
    background: var(--border-color);
    font-size: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    word-wrap: break-word;
    display: inline-block;
    border-bottom: 1px solid var(--border-color);
}

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

.card-guardian-159px {
    height: 159px !important;
}
/*.wizard > .steps .current a:active{
    font-weight:bold!important;
}*/
.margin-left3px {
    margin-left: 3px !important;
}

.my-profile-form .card-body label {
    margin-bottom: 5px;
    text-transform: initial;
    font-size: 0.85rem;
    color: rgb(140,140,140) !important;
}

.font-size-16px {
    font-size: 16px !important;
}

.button-cancel {
    background: var(--primary-color);
    max-width: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
    color: red;
    margin-right: 10px;
}

.button-save {
    background: var(--primary-color);
    color: var(--secondary-color);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
    max-width: 50px;
}

.my-profile-form .table2 {
    width: 100% !important;
    margin-left: 0px !important;
}

.message-body {
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
    height: auto;
}
.line-height-3px {
    line-height: 3px;
}

.color-item {
    color: #F76EA0;
}

.message-main-receiver {
    /*padding: 10px 20px;*/
    max-width: 60%;
}

.receiver {
    width: auto !important;
    padding: 4px 10px 7px !important;
    border-radius: 10px 10px 10px 0;
    background: var(--color-3);
    font-size: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    word-wrap: break-word;
    display: inline-block;
    border-bottom: 1px solid var(--border-color);
}

.message-text {
    margin: 0 !important;
    padding: 5px !important;
    word-wrap: break-word;
    font-weight: 200;
    font-size: 14px;
    padding-bottom: 0 !important;
}

.height-col-md-3 {
    height: 256px !important;
}

.spandata2 {
    text-transform: initial;
    font-size: 18px !important;
    color: rgb(140,140,140) !important;
}

.border-top-light2 {
    border-top: 1px solid var(--border-color) !important;
}

.Chat-box3 {
    font-size: 12px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 35px;
    padding-bottom: 35px;
    border-radius: 5px 5px 5px 0px;
    position: relative;
    border: 1px solid var(--border-color);
    padding-right: 0px;
    padding-left: 0px;
    max-width: 115px;
}

.img-width-Garbhagudi {
    width: 32% !important;
    margin-top: 0px !important;
}

.border-light-color {
    border-radius: 4px !important;
    border: 1px solid var(--border-color) !important;
}

.image-border-radius {
    border-radius: 4px !important;
}

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

.icon-caret-right {
    color: var(--primary-color) !important;
}

.comon-box-width {
    width: 1083px !important;
    height: 282px !important;
}
/*.my-profile-form .card-body .nav-tabs .icon-caret-right{
    display:none;
}*/
/*.my-profile-form .card-body .nav-tabs.active .icon-caret-right{
    display:inherit!important;
}*/
.min-width-42px {
    min-width: 42px !important;
}
/*img {
    height: auto;
    max-width: 100%;
}

    img.expanded {
        max-width: none;
    }*/

.border-top-light {
    border-top: 1px solid rgb(195,221,221) !important;
}

.border-bottom-light {
    border-bottom: 1px solid rgb(195,221,221) !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .product-chat-width-90 {
        height: 513px;
        width: 90% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-chat-width-90 {
        height: 513px;
        width: 90% !important;
    }
}

.width-14px {
    width: 14px !important
}

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

.nav-tabs .link2 {
    padding: .5rem 1rem;
}

    .nav-tabs .link2.active {
        background: rgb(109,199,199) !important;
        color: var(--primary-color) !important;
        border: 0px solid var(--primary-color) !important;
    }
/*.nav-tabs .link2 .icon-caret-right{
        display:none;
    }*/
/*.nav-tabs.link2.active .icon-caret-right {
        display: inherit;
    }*/
.padding-bottom-3px {
    padding-bottom: 3px !important;
}

.width-211px {
    width: 211px !important;
}

.display-inherit {
    display: inherit !important;
}

.link2 {
    color: rgb(32,33,33) !important;
    font-size: 15px !important;
}

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

.border-bottom-0px {
    border-bottom: 0px solid var(--primary-color) !important;
}

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

.padding-all-14px {
    padding: 14px !important;
}

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

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

.td-width-10px {
    width: 10px !important;
}

input[type="checkbox"] {
    width: 30px;
    height: 30px;
}

.date-color-contracts {
    color: var(--data-color) !important;
}

.border-bottom-secondary {
    border-bottom: 1px solid var(--secondary-color) !important;
}

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

.padding-left-chat {
    padding-left: 10px;
}

.padding-right-chat {
    padding-right: 10px;
}

.padding-top-chat {
    padding-top: 10px;
}

.chat-box {
    font-size: 12px;
    /* background: #E8E8E8; */
    padding: 7px 24px;
    border-radius: 5px 5px 5px 0px;
    position: relative;
    border-bottom: 1px solid var(--border-color);
}

.padding-bottom-chat {
    padding-bottom: 10px;
}

.object-fit-cover {
    object-fit: cover !important;
}

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

textarea::-webkit-input-placeholder {
    color: var(--border-color) !important;
    font-size: 12px !important;
    opacity: 1 !important;
}

.width-inherit {
    width: inherit !important;
}

.patientreg-link {
}

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

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

.position-fixed-message {
    position: fixed !important;
    top: 101px !important;
    width: 457px !important;
    height: 381px !important;
}

.position-fixed-service2 {
    position: fixed !important;
    top: 58px !important;
    width: 263px !important;
    height: 240px !important;
}

.patientreg-link:hover {
    /*border-bottom: 1px solid var(--secondary-color) !important;*/
    color: var(--dashboard-profile) !important;
    font-weight: bold !important;
}

.margin-top-14p {
    margin-top: 14px !important;
}

.position-fixed-patient {
    position: fixed !important;
    top: 56px !important;
    width: 213px !important;
}

.position-fixed-Activities {
    position: fixed !important;
    top: 56px !important;
    width: 24% !important;
}

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

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

.bk-color-light2 {
    background: var(--color-3) !important;
}

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

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

.badge-search {
    background: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border-radius: 50% !important;
}

.badge-search-new {
    background: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border-radius: 50% !important;
    padding-right: 9px;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.light-color-lables {
    color: rgb(140,140,140) !important;
}

.margin-tg-auto {
    margin-top: auto !important;
}

::-webkit-input-placeholder {
    font-size: 12px !important;
}

.margin-bg-auto {
    margin-bottom: auto !important;
}

.position-fixed3 {
    position: fixed !important;
    top: 58px !important;
    width: 827px !important;
    height: 240px !important;
}

.width-remarks-206px {
    width: 206px !important;
}

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

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

.td-width-403px {
    width: 403px !important;
}

.height-500px {
    height: 500px !important;
}

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

.font-size-19px {
    font-size: 19px !important;
}

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

.img-circle-50 {
    border-radius: 50%;
    height: 96px;
    width: 96px;
    object-fit: cover;
}

.img-circle-45 {
    border-radius: 50%;
    height: 190px;
    width: 190px;
    object-fit: contain;
}

.plus-button {
    padding-top: 1px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 1px !important;
    border-radius: 0px !important;
    background: none !important;
    color: rgb(140,140,140) !important;
    margin-left: 3px !important;
}

    .plus-button:hover {
        padding-top: 1px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        padding-bottom: 0px !important;
        border-radius: 29px !important;
        background: var(--tertiary-color) !important;
        color: var(--primary-color) !important;
    }

.driver-button {
    padding-top: 1px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-bottom: 0px !important;
    border-radius: 29px !important;
    background: var(--tertiary-color) !important;
    color: var(--primary-color) !important;
}

    .driver-button:hover {
        padding-top: 1px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        padding-bottom: 0px !important;
        border-radius: 29px !important;
        background: var(--tertiary-color) !important;
        color: var(--primary-color) !important;
    }

.addicon-circle {
    border: 1px solid var(--secondary-color);
    border-radius: 50%;
    padding-top: 6px;
    padding-bottom: 11px;
    padding-left: 4px;
    padding-right: 0px;
    background: var(--secondary-color);
    color: white !important;
}

.dropdown-menu {
    min-width: 11rem !important
}

.bk-color-light {
    background: #f9f9f9 !important;
}

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

.postion-fixed-service {
    position: fixed;
    height: 300px;
    background: white;
}

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

.border-card {
    border: 9px solid var(--border-color) !important;
    border-radius: 10px !important;
}

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

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

.font-size-15px {
    font-size: 15px !important;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.width-service-25 {
    width: 11% !important;
    margin-right: 3px !important;
}

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

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

.nav-item2:hover {
    border-top: 0px solid var(--primary-color) !important;
    border-right: 0px solid var(--primary-color) !important;
    border-left: 0px solid var(--primary-color) !important;
    text-decoration: none !important;
}

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

.nav-item2.active {
    /*border-bottom: 4px solid var(--secondary-color) !important;*/
    color: var(--data-color) !important;
    font-weight: bold !important;
    /* border-left: 1px solid var(--border-color); */
    /* border-top: 1px solid var(--border-color); */
    font-size: 18px !important;
    padding-left: 23px;
    padding-right: 31px;
    /* border-right: 1px solid var(--border-color); */
    /* border-top-right-radius: 15px; */
    /* border-bottom-right-radius: 0px; */
    /* border-top-left-radius: 15px; */
    /* border-bottom-left-radius: 2px; */
    padding-top: 10px;
}

.nav-tab-service {
    border-bottom: 1px solid var(--border-color);
    background: var(--primary-color) !important;
}

.nav-tab-ivf {
    border-bottom: 0px solid var(--border-color);
    background: var(--primary-color) !important;
}

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

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

.position-fixed2 {
    position: fixed !important;
    top: 58px !important;
    width: 257px !important;
    height: 240px !important;
}

.td-width-3px {
    width: 3px !important;
}

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

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
}

    .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;
}

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

input:checked + .slider {
    background-color: var(--dashboard-profile);
}

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

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

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

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

.width-20 {
    width: 9% !important;
}

.table-anchor:hover {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
}

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

.width-802px {
    width: 802px !important;
}

.btn-detail {
    background: var(--primary-color) !important;
    color: var(--data-color) !important;
    border-color: var(--secondary-color);
    border-radius: 4px !important;
}

.form-control3 {
    color: var(--labels-color) !important;
    border-radius: 2px !important;
    border: 2px solid var(--border-color) !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
}

.btn-detail:hover {
    background: var(--primary-color) !important;
    color: var(--data-color) !important;
    border-color: var(--secondary-color);
    border-radius: 4px !important;
}

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

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

.data-color-white {
    color: white !important;
}

.data-icon-color {
    color: var(--icon-color);
}

.color-col-md-2 {
    background: #04C3D6 !important;
}

.font-size-color {
    font-size: 15px;
    color: rgb(32,33,33);
}

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

.label-size-2 {
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 0px;
}

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

.position-absoulte {
    position: absolute !important;
}

.header-2 {
    font-size: 14px !important;
    color: var(--secondary-color) !important;
    background: var(--primary-color);
    color: var(--data-color);
    text-transform: initial;
    font-weight: bold;
    border-color: var(--tertiary-background);
}

.position-fixed-activity {
    position: fixed !important;
    top: 94px !important;
    width: 438px !important;
    height: 438px !important;
}

.height-600px {
    height: 600px !important;
}

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

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

.margin-top-48px {
    margin-top: 48px !important;
    margin-bottom: 0px !important;
}

.img-width-pic {
    width: 152% !important;
    /*margin-left: 70px!important;*/
}

.label-healins {
    font-size: 14px !important;
    color: var(--secondary-color);
}

.healins-row-height {
    height: 27px !important;
}

.padding-button-Accept {
    background: var(--primary-background) !important;
    color: var(--data-color) !important;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    padding-left: 5px !important;
    padding-right: 0px !important;
}

.padding-button-unavilable {
    background: var(--primary-background) !important;
    color: var(--data-color) !important;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    padding-left: 5px !important;
    padding-right: 0px !important
}

.qa-grid-wrapper {
    display: grid !important;
    grid-template-columns: 1fr auto;
    /*display:inline!important;*/
}

.wh-header2 {
    background: var(--primary-color) !important;
    color: var(--secondary-color) !important;
    text-transform: initial !important;
    font-weight: bold !important;
    /* border-color: var(--tertiary-background); */
    font-size: 1.2rem !important;
    border-bottom: 0px solid var(--border-color) !important;
}

.new-color {
    background: rgb(245,242,238) !important;
}

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

.label-class {
    margin-bottom: auto;
    margin-top: 4px;
    font-size: 13px;
}

.border-bottom-job {
    border-bottom: 1px solid #ef4a6c;
    margin-bottom: 6px;
}
/*.td-hospital {
  width:10px!important;
  text-overflow: ellipsis!important;
}
.td-hospital:hover{
  overflow:visible;
  white-space:normal;
}*/
.label-ellipsis {
    text-overflow: ellipsis;
}

    .label-ellipsis:hover {
        overflow: visible;
        white-space: normal;
    }

.background-code {
    background: #ef4a6c;
    color: var(--primary-color) !important;
    border-top-left-radius: 15px;
}

.jobsrow:hover {
    border: 1px solid var(--secondary-color) !important;
}

.card-height-2 {
    height: 397px !important;
}

.card {
    background: var(--primary-color);
}
/*.mar{
    margin-right:2px !important;
}
.bord1{
    margin-right:2px !important;
}*/
.hover2:hover {
    color: deepskyblue;
    border-bottom: 1px solid green;
}

.S1 {
    background: var(--primary-color);
    height: 1300px;
    padding-left: 0px !important;
}

.form-border2 {
    border: 0px solid var(--primary-color) !important;
}

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

.drop-down-menu2 {
    min-width: 8rem !important;
    left: -14px !important;
}

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

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

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

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

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

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

.rTableRow:hover {
    border: 1px solid var(--tertiary-color);
}

.comon-box {
    background: var(--primary-color);
}

.content-wrapper {
    background: #eee !important;
    margin-left: 0px !important;
    width: calc(100% - 5px) !important;
    padding-right: 1rem !important;
    /*margin-top: 5px !important;*/
}

.height-col {
    height: 100vh !important;
}

.image-width {
    width: 92% !important;
    margin-bottom: 10px !important;
}

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

.register-button-width {
    min-width: 90% !important;
    height: 60px !important;
    font-size: 18px !important;
    padding: 16px 15px 3px !important;
    color: var(--primary-color) !important;
}

.margin-top-41px {
    margin-top: -41px !important;
}
/*.display-inline {
  display: -webkit-inline-box!important;
}*/
.edit:hover {
    background: var(--border-color) !important;
}

.asa {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
    z-index: -1;
    bottom: -10px;
    left: -10px;
    right: -10px;
    top: -10px;
    background: none;
    border-radius: 50%;
    box-sizing: border-box;
    transform: scale(0);
    transition-property: transform,opacity;
}

    .asa:not(.bjy)::after {
        content: '';
        height: 200%;
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
    }

.signin-button-width {
    min-width: 90% !important;
    height: 60px !important;
    font-size: 18px !important;
    padding: 16px 15px 3px !important;
    background: var(--primary-color) !important;
}

.display-col {
    display: inline-flex !important;
}

.image-bk {
    background-image: url(../images/admin/background3.png);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

body {
    overflow-y: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

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

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

.position-fixed {
    position: fixed !important;
    top: 94px !important;
    width: 240px !important;
    left: 10px !important;
    right: 0px !important;
}

.product-chat-width-90 {
    height: 400px;
    width: 90% !important;
}

.product-chat-width-92 {
    height: 250px;
    width: 98% !important;
}

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

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

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

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

.skillcard .form .modal-body {
    display: table !important;
    overflow-y: hidden !important;
    width: 100% !important;
    height: 150px !important;
}

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

.anchor-2 {
    font-size: 1.2rem !important;
    text-decoration: none !important;
    color: rgb(128,128,128) !important;
    font-weight: normal !important;
}

.modal-button-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.document .modal-body .card-content .table thead tr th {
    font-weight: bold;
}

.document .modal-body form .form-group docup1 {
    width: 96%;
}

.document .modal-body form .form-group docup2 {
    margin-left: -12px;
}

.my-profile-form .form-card form .form-group .form-file input[type=file] {
    width: 110%;
    margin-left: -12px;
}

input[type=number]::placeholder {
    color: var(--border-color) !important;
    font-size: 12px !important;
}

input[type=text]::placeholder {
    color: var(--border-color) !important;
    font-size: 12px !important;
}

input[type=tel]::placeholder {
    color: var(--border-color) !important;
    font-size: 12px !important;
}
/*input[type=search]::placeholder{
  color:var(--border-color)!important;
}*/
.user-search .row-margin-zero input[type=search]::placeholder {
    color: var(--border-color) !important;
}

.card-width-wide .card-body .control input[type=password]::placeholder {
    color: var(--border-color) !important;
}

.card-width .card-body .control input[type=password]::placeholder {
    color: var(--border-color) !important;
}

.card-width .card-body .control input[type=text]::placeholder {
    color: var(--border-color) !important;
    font-size: 12px !important;
}

.card-width-wide .card-body .control .form-control::placeholder {
    font-size: 13px !important;
}
/*.container-fluid {
  overflow: auto !important;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}*/
/*.card-body {
  overflow: auto!important;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}*/
.ps {
    overflow: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.proggress {
    border-radius: 1rem;
    text-align: center;
    background-color: var(--secondary-color);
}

.progressbar {
    border-radius: 1rem;
    margin-top: 5px;
    margin-bottom: 35px;
    background-color: var(--tertiary-background);
    text-align: center;
    margin-left: 12px;
}

.display-inline {
    display: inline !important;
}

.navbar {
    padding: 0px 0px;
    /*background: white !important;*/
    /*background-image: url(../images/admin/background.jpg) !important;*/
    background: white !important;
    border: none;
    /*border-bottom: 5px solid var(--primary-color);*/
    border-radius: 0;
    margin-bottom: 0px;
    height: 52px;
    box-shadow: 1px 1px 5px rgb(220,220,220);
}

#content .card {
    width: auto;
    height: auto;
    background: var(--tertiary-background);
    margin-left: 23px;
    margin-top: -21px;
    border-radius: 6px;
    margin-right: 10px;
    border-top: 0px solid var(--primary-color);
}

.form .profile-box {
    margin-left: 0px;
}

.edit::before {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
    z-index: -1;
    bottom: -10px;
    left: -10px;
    right: -10px;
    top: -10px;
    background: none;
    border-radius: 50%;
    box-sizing: border-box;
    transform: scale(0);
    transition-property: transform,opacity;
}

.edit::after {
    content: '';
    height: 200%;
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
}

.profile-eduction .profile-table {
    width: 96% !important;
    /*border-color:var(--border-color);*/
}

.profile-eduction .table-component {
    margin-left: -36px;
}

.profile-eduction .profile-table .profile-thead {
    background: var(--primary-color) !important;
}

    .profile-eduction .profile-table .profile-thead tr th {
        font-weight: bold;
    }

.my-profile-form, .skillassest-form, .skillassest-result-form, .certificat-verify-form, .mytimesheet-form, .myhospitals-form, .searchresult-form,
.alerts-note-form {
    border-top: 0px solid #e6519c;
}

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

.font-size-18px {
    font-size: 18px !important;
}

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

.card {
    background: var(--primary-color);
    /*box-shadow: 0 0 1px 1px #e6e6e6;*/
    border-radius: 2px;
    /*margin-top: -21px;*/
}

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

.label-schedule2 {
    font-size: 12px !important;
    padding-top: 3px !important;
    margin-bottom: 0px !important;
}

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

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

.wh-header {
    background: var(--primary-color);
    color: var(--data-color);
    text-transform: initial;
    font-weight: bold;
    border-color: var(--tertiary-background);
    font-size: 1.2rem !important;
}

.k-sidebar .sidebar .nav .nav-item .panel .user-title, .profile-panel .panel .user-title {
    color: var(--tertiary-color);
}

.k-sidebar .sidebar .nav .nav-item .panel .user-status span, .profile-panel .panel .user-status span {
    color: var(--labels-color);
    font-weight: 400;
}

.certificat-verify .certificat-verify-form h6 {
    color: var(--tertiary-color);
    font-weight: normal;
    text-transform: initial;
}

.k-header.navbar .navbar-menu-wrapper .navbar-toggler {
    color: var(--icon-color);
    margin-left: -20px;
    margin-top: -15px;
}

.prime-color {
    color: var(--tertiary-color);
    font-weight: normal;
}

.mt-3, .my-3 {
    color: var(--labels-color);
}

.search-box {
    background: var(--primary-color);
    border-bottom: 0px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    color: rgb(32,33,33);
    /*margin-top: -18px;*/
    /*width:90%;*/
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link

    .sidebar .nav .nav-item .nav-link {
        color: var(--navlink-color);
    }

.sidebar .nav .nav-item .nav-link:hover {
    color: var(--labels-color);
}

.table-component tbody td {
    /*color: var(--labels-color);
    background: var(--primary-color);*/
}

.table-component-tbody-td {
    color: red !important;
    background: var(--primary-color);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.count-indicator .count {
    background: var(--secondary-color);
}

.k-header.navbar .navbar-brand-wrapper {
    background: var(--secondary2-background);
}

.certificat-verify .add-new-cert p {
    color: var(--tertiary-color);
}

.sidebar-icon-only:not(.sidebar-expanded) .k-header.navbar .navbar-brand-wrapper .brand-logo-mini {
    margin: 0px 0;
    width: 80%;
}

.k-sidebar .sidebar .nav .nav-item .nav-link svg:last-child {
    color: var(--icon-color);
}

.sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link i, .sidebar .nav .nav-item.active > .nav-link svg {
    color: var(--tertiary-color);
}

.sidebar {
    background: var(--primary-color);
}

.k-sidebar .sidebar .nav.blue-bg {
    background: var(--primary-color);
}

    .k-sidebar .sidebar .nav.blue-bg li .nav-link, .k-sidebar .sidebar .nav.blue-bg li a i, .k-sidebar .sidebar .nav.blue-bg li .nav-link svg:first-child {
        color: var(--navlink-color);
    }

.navbar-dropdown.mail-notification .dropdown-item .sender .Sende-name {
    color: var(--tertiary-color);
}
/*.navbar-dropdown.mail-notification .dropdown-item .sender .Sender-message {
    font-weight: 400;
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.6;
    color: var(--labels-color);
}*/


.navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender .Sender-message {
    font-weight: 400;
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.6;
    color: var(--labels-color);
}

.k-sidebar .sidebar .nav .nav-item .panel .img-circle, .profile-panel .panel .img-circle {
    padding: 5px;
    background: var(--tertiary-background);
    width: 100px;
}

.pink-round-broder {
    border-radius: 100%;
    border: 1px solid var(--secondary-color);
    display: inline-block;
    overflow: hidden;
}

.table-component thead {
    background: var(--tertiary-background);
}

.table-component tbody {
    background: var(--tertiary-background);
}

.table-component thead th {
    color: var(--labels-color);
    font-size: var(--table-header-font-size);
    white-space: nowrap;
    text-transform: initial;
}

.actions-btn-prime {
    background: var(--secondary-color);
    border-radius: 4px;
    min-width: 50px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 5px !important;
    padding-right: 12px !important;
    padding-bottom: 3px !important;
    padding-left: 12px !important;
}

.actions-btn-prime3:hover {
    background: var(--primary-color) !important;
}

.actions-btn-ooctyte {
    background: rgb(176,224,230);
    border-radius: 4px;
    min-width: 50px;
    border-color: none;
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 2px !important;
    padding-right: 5px !important;
    padding-bottom: 2px !important;
    padding-left: 5px !important;
    color: var(--primary-color) !important;
}

.actions-btn-oocyte:hover {
    background: rgb(176,224,230)
}

.actions-btn-prime-badge {
    background: var(--secondary-color);
    border-radius: 4px;
    min-width: 50px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 0px !important;
    padding-right: 12px !important;
    padding-bottom: 0px !important;
    padding-left: 12px !important;
}

    .actions-btn-prime-badge:hover {
        background: var(--secondary-color);
        border-radius: 4px;
        min-width: 50px;
        border-color: var(--secondary-color);
        box-shadow: none;
        text-shadow: none;
        margin-left: 0px;
        text-transform: initial !important;
        padding-top: 0px !important;
        padding-right: 12px !important;
        padding-bottom: 0px !important;
        padding-left: 12px !important;
    }

.cancel-two {
    background: var(--secondary-color);
    border-radius: 4px;
    min-width: 50px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 5px !important;
    padding-right: 12px !important;
    padding-bottom: 3px !important;
    padding-left: 12px !important;
}

    .cancel-two:hover {
        background: var(--primary-color) !important;
    }

.ex-modal-lg .modal-header {
    border-top: 0px;
}

.my-profile-form .form-group label, .skillassest .form-group label, .skillassest-form-model .form-group label, .mytimesheet-form .form-group label, .myhospitals-form .form-group label {
    color: rgb(32,33,33) !important;
    margin-bottom: 5px;
    text-transform: initial;
}

.my-profile-form .wizard > .content > .body {
    width: 87%;
    height: 100%;
    position: relative;
    margin-left: 56px;
    background: var(--primary-color);
}

.wizard > .actions > ul {
    margin-right: 93px;
}

.my-profile-form .wizard > .content > .body label {
    margin-bottom: 5px;
    text-transform: initial;
    font-size: 0.75rem !important;
    color: rgb(140,140,140) !important;
}

.label-size {
    margin-bottom: 5px;
    text-transform: initial;
    font-size: 0.75rem !important;
    color: rgb(140,140,140) !important;
}

.my-profile-form .form-group .form-control, .skillassest .form-group .form-control, .skillassest-form-model .form-group .form-control {
    color: var(--data-color) !important;
}

.form-control-patient {
    border-radius: 2px;
    border-bottom: 2px solid var(--border-color);
    padding: 4px 10px;
    border-top: 0px solid var(--border-color) !important;
    border-left: 0px solid var(--border-color) !important;
    border-right: 0px solid var(--border-color) !important;
}

    .form-control-patient:focus {
        border-radius: 2px;
        border-bottom: 2px solid var(--border-color);
        padding: 4px 10px;
        box-shadow: none !important;
        border-color: var(--secondary-color) !important;
        border-top: 0px solid var(--border-color) !important;
        border-left: 0px solid var(--border-color) !important;
        border-right: 0px solid var(--border-color) !important;
    }

.heading-pinkbg {
    background: var(--tertiary-background);
    color: var(--labels-color);
    text-transform: none !important;
}

.margin-top-form {
    margin-top: 22px !important;
}

.ex-modal-lg .modal-title {
    color: var(--tertiary-color);
}

.ex-modal-lg .modal-header a.print {
    color: var(--secondary-color);
}

.ex-modal-lg .modal-header a.close .svg-inline--fa {
    background: var(--secondary-color);
}

.btn-blue-main {
    background: var(--secondary-color);
}

.edit-tools a, .edit-tools-lg a {
    color: var(--labels-color);
}

.form-result {
    font-size: 0.87rem;
    color: var(--labels-color);
}

.card-width-small {
}

.my-profile-form .form-group .form-control, .skillassest .form-group .form-control, .skillassest-form-model .form-group .form-control {
    color: var(--labels-color);
    border-radius: 2px;
    border-bottom: 2px solid var(--border-color);
    padding: 0px 10px;
}

.form-control2 {
    color: var(--labels-color) !important;
    border-radius: 2px !important;
    border: 2px solid var(--border-color) !important;
    padding-top: 0px !important;
    padding-right: 283px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
}

    .form-control2:focus {
        color: var(--labels-color) !important;
        border-radius: 2px !important;
        border: 2px solid var(--border-color) !important;
        padding-top: 0px !important;
        padding-right: 283px !important;
        padding-bottom: 0px !important;
        padding-left: 5px !important;
        box-shadow: none !important;
        border-color: var(--secondary-color) !important;
    }

    .form-control2::placeholder {
        color: var(--border-color);
        font-size: 13px !important;
    }

.my-profile-form .form-group .date-form input::placeholder {
    color: var(--border-color);
}

.margin-top-22px {
    margin-top: 22px !important;
    height: 58px !important;
}

.my-profile-form .wizard .form-group textarea.form-control::placeholder {
    color: var(--border-color);
}

.wizard > .content > .body input::placeholder {
    color: var(--border-color);
}

.form
/*::placeholder {
    color: red;
    opacity: 1; /* Firefox */
.table-component .success {
    color: var(--secondary-color);
}
/*@media (min-width: 992px) {
  .image-bk {
    background-image: url(../images/admin/background3.png);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
  }
  .image-width {
    width: 50% !important;
    margin-bottom: 10px !important;
  }
  .text-align-right{
    text-align:left!important;

  }
}*/

@media (max-width: 991.98px) {
    body {
        overscroll-behavior-y: contain;
    }

    .overscrollbehavior {
        overscroll-behavior-y: contain;
    }

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

    .navbar .navbar-menu-wrapper .navbar-dropdown:after, .navbar .navbar-menu-wrapper .navbar-dropdown:before {
        content: none !important;
    }

    .image-bk {
        background-image: url(../images/admin/background3.png);
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
    }

    margin-left-sm-6px {
        margin-left: 6px;
    }

    .margin-top-sm-13 {
        margin-top: -13px !important;
    }

    .sign-left-sm-69px {
        left: 69px !important;
    }

    .height-sm-345px {
        height: 345px !important;
    }

    .top-link {
        display: none !important;
    }

    .width-small-52px {
        width: 52px !important;
    }

    .img-small {
        width: 32% !important;
        margin-top: 15px !important;
    }

    .top-link2 {
        display: normal !important;
    }

    .position-fixed-sm-scans {
        position: fixed !important;
        top: 57px !important;
        /*width: 240px !important;*/
        left: 10px !important;
        right: 0px !important;
    }

    .position-fixed-mis-sm {
        height: 591px;
        width: 98% !important;
    }

    .button-hide {
        background: transparent !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    tr .test-icons {
        visibility: hidden !important;
    }

    tr:hover .test-icons {
        visibility: visible !important;
    }
    /*.margin-top-30px {
    margin-top: 42px!important;
  }*/
    /*.margin-top-21px-small{
    margin-top:21px!important;
  }*/
    .right-two {
        right: -87px !important;
        min-width: 8rem !important;
    }

    .right-signout {
        right: 18px !important;
        min-width: 8rem !important;
    }

    .text-align-right-small {
        text-align: right !important;
    }

    /*body {
        overscroll-behavior-y: none;
    }
    body {
        overscroll-behavior: none;
    }
    body {
        overscroll-behavior-y: contain;
    }*/

    height-100pe-small {
        height: 100%;
    }

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

    .margin-left-11p {
        margin-left: 0px !important
    }

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

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

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

    .margin-bottom-sm-0px {
        margin-bottom: 0px !important;
    }

    .margin-left-sm-0px {
        margin-left: 0px !important;
    }

    .margin-right-11p {
        margin-right: 0px !important
    }

    .right-3 {
        right: -6px !important;
        top: 42px !important;
        min-width: 9rem !important;
    }

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

    .actions-btn-prime-view {
        background: var(--secondary-color);
        border-radius: 4px;
        min-width: 50px;
        border-color: var(--secondary-color);
        box-shadow: none;
        text-shadow: none;
        margin-left: 0px;
        text-transform: initial !important;
        padding-top: 2px !important;
        padding-right: 6px !important;
        padding-bottom: 2px !important;
        padding-left: 6px !important;
    }

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

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

    .font-size-icon2 {
        font-size: 19px !important;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav6:hover {
        background: none !important;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

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

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

    .navbar .navbar-menu-wrapper {
        padding: 0 !important;
        width: 100% !important;
    }
}


@media(max-width:575.98px) {
    .card-width {
        background: white !important;
        width: 256px !important;
    }

    .rTableRow:hover {
        border: 0px solid var(--tertiary-color);
    }

    tr:hover {
        border: 0px solid var(--tertiary-color);
    }

    .margin-top-21px-small {
        margin-top: 21px !important;
    }

    .dispaly3 {
        display: inline !important;
        grid-template-columns: 1fr auto;
    }

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

    .margin-tbs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .margin-ts-0px {
        margin-top: 0px !important;
    }

    .img-width {
        width: 125% !important;
    }
}

@media (min-width: 576px) and (max-width: 687.98px) {
    .margin-top-m {
        margin-top: 27px !important;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .margin-tbs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .margin-ts-0px {
        margin-top: 0px !important;
    }
}
/*@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-ts-0px {
    margin-top: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-ts-0px {
    margin-top: 0px !important;
  }
}*/

@media (min-width: 992px) {
    .sidebar-icon-only:not(.sidebar-expanded) .k-sidebar .nav .nav-item.active > .nav-link {
        background: var(--tertiary-color);
    }

    .top-link2 {
        display: none !important;
    }
}

/*myprofile*/
.my-profile-form .wizard > .steps .current a {
    border: 1px solid var(--secondary-color);
}

.my-profile-form .wizard > .steps a {
    border: 1px solid var(--secondary-color);
}

    .my-profile-form .wizard > .steps a .s-title {
        color: var(--tertiary-color);
        text-transform: initial;
    }

    .my-profile-form .wizard > .steps a .number:after {
        border: 1px solid var(--border-color);
    }

    .my-profile-form .wizard > .steps a .number:before {
        border: 1px solid var(--border-color);
    }

.my-profile-form .user-status .user-title {
    color: var(--tertiary-color);
    font-weight: normal;
}

.my-profile-form .user-status span {
    color: var(--labels-color);
}

fieldset {
    background: white;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--secondary-color);
}

.heading-icon .h-icon {
    border: 1px solid var(--secondary-color);
}

.heading-icon {
    color: var(--tertiary-color);
}

h5 {
    color: var(--labels-color);
}

.pink-bullot-points {
    color: var(--labels-color);
}

    .pink-bullot-points li::before {
        content: "• ";
        color: var(--secondary-color);
    }

.md-pink-title {
    color: var(--tertiary-color);
}

.card .pink-bg, .pink-bg {
    background: var(--tertiary-background);
}

.contact-verify li p {
    color: var(--labels-color);
}

.tick-circle {
    background: var(--secondary-color);
    color: #fff;
    display: inline-block;
    margin: 0 2px;
}

.contact-verify li p a {
    color: var(--labels-color);
    font-size: var(--table-row-text-font-size);
}

.ex-modal-lg .modal-footer, .bd-modal-sm .modal-footer {
    background: var(--tertiary-background);
}

.my-profile-form .wizard > .actions {
    background: var(--primary-color);
    border-top: 1px solid var(--border-color);
}

.wizard > .actions a:active {
    background: var(--secondary-color);
    color: var(--primary-color);
}

.my-profile-form .form-group .form-control:focus {
    font-weight: normal;
    border-radius: 2px;
    border-bottom: 2px solid var(--border-color);
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-color: var(--secondary-color);
}

.footer {
    background: #eee !important;
    width: 100% !important;
    margin-left: auto !important;
}
/*dashboard*/
.card-title {
    color: var(--tertiary-color);
}

card .card-title a {
    color: var(--secondary-color);
}

.card .card-title a svg {
    color: var(--labels-color);
}

.profile-data .col-form-label {
    color: var(--tertiary-color);
}

.profile-data .form-group {
    color: var(--labels-color);
}

.rec-Jobs-main .rec-Jobs h3 {
    color: var(--tertiary-color);
}

.rec-Jobs-main .rec-Jobs p, .rec-Jobs p a {
    font-size: 0.9rem;
    margin-bottom: 7px;
    font-weight: 300;
    color: var(--labels-color);
}

    .rec-Jobs-main .rec-Jobs p a {
        color: var(--secondary-color);
    }

.my-profile-form .wizard > .steps a:hover, .my-profile-form .wizard > .steps .current a:hover, .my-profile-form .wizard > .steps .done a:hover {
    opacity: 0.3;
    background-color: transparent;
}

.card-deck {
    margin-top: -13px;
}

.my-profile-form .card-body {
    margin-left: 20px;
}

.my-profile-form .wizard > .steps .done a:hover {
    border: 1px solid #82c247;
}

.my-profile-form .wizard > .steps .done a {
    border: 1px solid var(--tertiary-color);
}

.table-component .table tr td {
    border: 0px;
    font-weight: 500;
    font-size: var(--table-row-text-font-size);
}

.table-component .table tr td {
    border: 0px;
    font-weight: 500;
    font-size: var(--table-row-text-font-size);
}

.bold-text {
    font-weight: 400 !important;
    font-size: var(--card-title-font-size) !important;
    text-transform: initial;
}

.my-profile-form .image-upload-box .btn {
    background-color: var(--secondary-color);
    border-radius: 100%;
    width: 25px;
    height: 25px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 0;
    position: absolute;
    right: -5px;
    bottom: -5px;
}

    .my-profile-form .image-upload-box .btn:hover {
        background-color: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
    }

.btn-primary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.my-profile-form .form-group .form-control:placeholder {
    font-size: 10px;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
    margin-left: -60px;
    margin-top: -30px;
    width: 80%;
    object-fit: contain;
    align-content: center;
}

.registryparentclass .k-sidebar .sidebar .nav .nav-item.active > .nav-link svg, .k-sidebar .sidebar .nav .nav-item .nav-link:hover, .k-sidebar .sidebar .nav .nav-item.active > .nav-link .menu-title {
    color: var(--tertiary-color);
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
    font-size: var(--table-row-text-font-size);
}

.card .card-footer {
    padding: 15px 15px 15px;
    border-radius: 0 0 calc(.40rem - 1px) calc(.40rem - 1px);
    border: 0px;
    background: var(--primary-color);
    border-top: 1px solid var(--border-color);
}

.card-footer {
    background: var(--primary-color) !important;
}

.radio-input-right {
    margin-left: 10px;
    display: inline !important;
}

[class*="_rTableCell-"] {
    display: table-cell;
    border-top: #fefefe;
    color: #575656;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

._rTableCell-right {
    display: inline !important;
    width: 100%;
}



.margin-t-auto {
    margin-top: auto !important;
}

.card .card-title {
    text-transform: initial;
}

/*.card-deck .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left:-10px;
  margin-bottom: 0px;
  margin-right:20px;
 
}*/
.my-profile-form .card-title {
    text-transform: initial;
}

.my-profile-form .form .modal-body {
    display: block;
    width: 100%;
    /*height: 300px;
  overflow-y: scroll;*/
}

    .my-profile-form .form .modal-body .card {
        box-shadow: none;
    }

.my-profile-form .form .modal-footer {
    background: var(--primary-color);
}

    .my-profile-form .form .modal-footer .btn-primary {
        width: 30%;
        border-color: var(--secondary-color);
        background-color: var(--secondary-color);
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: normal;
    }

        .my-profile-form .form .modal-footer .btn-primary:hover {
            background-color: var(--secondary-color);
            border-color: var(--secondary-color);
        }

.registryparentclass .work-exp .tile-four .btn-primary, .btn.btn-primary {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--primary-color) !important;
    border-radius: 4px !important;
}

    .registryparentclass .work-exp .tile-four .btn-primary, .btn.btn-primary:hover {
        background-color: var(--tertiary-color) !important;
        border-color: var(--tertiary-color) !important;
    }

.fb {
    font-weight: 400;
    color: var(--tertiary-color);
}

.rec-Jobs-main {
    margin-left: 0px;
}
/*.my-profile-form {
  margin-top: 15px;
}*/
.actions-btn-prime2 {
    float: right;
    background: var(--secondary-color);
    min-width: 50px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 10px;
    border-radius: 4px;
}

.table-component {
    border: 0px;
}

.container-fluid {
    padding-top: 25px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.my-profile-form .card-title {
    text-transform: initial;
}

.skillassest-form .card-body .card-deck .card {
    margin-top: 10px;
}

.Usermanagement-verify .card-deck {
    margin-top: 0px;
}

.skillassest-form .card-body .card-deck .card {
    margin-top: 38px;
}

.placements .card {
    box-shadow: none;
}
.Box-No-Shadow {
    box-shadow: none;
}
.Usermanagement-verify-form h5 {
    margin-left: 10px;
    margin-top: 10px;
}

.registry-pic img {
    object-fit: contain;
    /*margin-left: 17px;*/
    margin-left: 38px;
}

.heading-pinkbg-two {
    background: var(--navbar-border-bottom);
    color: var(--labels-color);
}

.mytimesheet-form {
    margin-top: -13px;
}

.skillassest-form {
    margin-top: -13px;
}

.add-but .btn.btn-primary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.skillassest-form .card-footer .btn {
    color: white;
}

    .skillassest-form .card-footer .btn:hover {
        background-color: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
    }

.modal-open .modal .modal-content .modal-footer {
    background: var(--primary-color);
}

    .modal-open .modal .modal-content .modal-footer .modal-footer .btn-primary {
        width: 29%;
        border-color: var(--secondary-color);
        background: var(--secondary-color);
        font-weight: bold;
        text-transform: uppercase;
        box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
        font-size: 20px;
        margin: 0px auto;
        text-transform: initial;
    }

.wh-header h5 {
    color: var(--tertiary-color);
}

.add-but .btn.btn-primary {
    width: 87px;
    height: 30px;
    padding: 0px;
    border-radius: 17px;
}

.border-bottom {
    border-bottom: 1px solid var(--border-color) !important;
}

.form .comon-box .employee-form {
    margin-left: 0px;
}
/*.comon-box .employee-form{
  margin-left:0px;
}*/
.margin-left-zero {
    margin-left: 0px !important;
}

.eh-box {
    border: 0px !important;
}

.emplyeehistroy .employeehistroy-form {
    margin-left: 0px;
}

.skillassest-form .card-search2 {
    background: var(--tertiary-background);
    margin-left: 0px !important;
    border-bottom: 2px solid var(--primary-color);
}

    .skillassest-form .card-search2 .db2 {
        padding-top: 31px;
        padding-bottom: 20px;
        margin-left: 15px;
    }

.skillassest-form .card-header #filter {
    background-color: var(--primary-color);
    border-color: var(--secondary-color);
    color: var(--secondary-color) !important;
    margin-right: 10px;
}

.skillassest-form .card-header .btn-primary:hover {
    background-color: var(--primary-color) !important;
    color: var(--secondary-color) !important;
    box-shadow: none;
}

.db2 .con-button {
    margin-top: 4px;
}

.Usermanagement-verify-form .card-body .card-content .con-table thead {
    background: var(--primary-color);
}

    .Usermanagement-verify-form .card-body .card-content .con-table thead tr th {
        font-weight: bold;
    }

.credential .card-body .card-content .table thead tr th {
    font-weight: bold;
}

.skillassest-form .card-header .float-right .text2 {
    font-size: 12px;
    margin-top: 7px;
    margin-right: 3px;
}

.rec-Jobs-main .jobs2 {
    border: 0px !important;
}

.jobs-badge {
    padding-right: 2rem !important;
    margin-top: 3px;
    padding-left: 2em !important;
    margin-left: 10px;
    color: var(--primary-color);
    margin-bottom: 45px;
}

.jobs2 .jobs-badge .para1 {
    margin-left: 10px;
    color: var(--primary-color);
}

.jobs2 .job-button {
    margin-top: 10px;
    /*background:var(--primary-color);
  border-color:var(--secondary-dark2);*/
}

.job-container {
    margin-top: -13px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.job-container-card {
    margin-top: 0px !important;
    background: var(--tertiary-background) !important;
}

.job-container-card-body {
    padding-top: 0px !important;
    padding-left: 16px !important;
}

.job-container-card-body-deck {
    margin-top: 0px !important;
}

.job-container-card-body-deck-card {
    margin: 0px !important;
}

.job-container-card-body-deck-card-user-search {
    margin-top: 0px !important;
}

.header-transparent {
    background: transparent !important;
}

.job-container-card-body-deck-card-user-search-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.job-container-card-body-deck-card-user-search-row-col12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.date-to {
    margin-left: -2px;
}

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

.my-profile-form .modal-body .modal-footer .upload-button {
    width: 23%;
    background: var(--secondary-color);
    border: var(--secondary-color);
    padding-top: 1px;
    padding-bottom: 1px;
}

.my-profile-form .modal-footer .close-button {
    width: 23%;
    background: var(--secondary-color);
    border: var(--secondary-color);
    padding-top: 1px;
    padding-bottom: 1px;
}

.skillassest-form .card-body .jobsrec-badge {
    background: var(--secondary-color);
    color: white;
}

.get-more {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    margin-left: 47px !important;
}

.margin-left-auto2 {
    margin-left: 108px
}

.close {
    line-height: 1;
    /* color: #000; */
    color: var(--lables-color);
}
    

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav2 {
    font-size: 15px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    font-weight: normal;
}

.navbar .navbar-menu-wrapper .navbar3 .nav-item .nav-link .image2 {
    margin-right: 0px !important;
    /*margin-top:-19px;*/
}

.navbar .navbar-menu-wrapper .navbar3 .nav-item .right-one {
    right: 8px;
    min-width: 18rem !important;
}

.navbar .navbar-menu-wrapper .navbar3 .nav-item .right-fuctions {
    right: 7px;
    min-width: 50rem !important;
    height: 350px !important;
}

.navbar .navbar-menu-wrapper .navbar3 .nav-item .right-fuctions2 {
    right: 7px;
    min-width: 50rem !important;
    height: 350px !important;
    margin-top: 8px !important;
}

.divider {
    border-bottom: 1px solid var(--border-color);
}

.navbar .navbar-menu-wrapper .navbar3 .nav-item .right-one .new-alerts .user-status .nameDisplay {
    font-weight: bold;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav3 {
    font-size: var(--dropdown-font-size) !important;
    margin-top: 0px !important;
    /*margin-left: -60px;*/
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav3:hover {
        /*color: var(--tertiary-color) !important;*/
        background: rgba(109,199,199,0.4) !important;
    }

.navbar .navbar-menu-wrapper .navbar-nav .padding-reduce {
    padding: 0 0.8rem;
}

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

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

.background-color {
    background: var(--border-color);
    margin-top: -8px;
}

.margin-lr-0 {
    margin-left: auto !important;
    margin-right: auto !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}
/*.margin-top{
  margin-top:-19px;
}*/
/*.line-height{
  height:41px;
}*/
.margin-top-25px {
    margin-top: -25px;
}

.navbar .navbar-menu-wrapper {
    padding-left: 0px !important;
    height: 52px;
}

.margin-top-tb {
    margin-top: auto !important;
    margin-bottom: auto !important;
    height: 52px;
}

h4 {
    font-size: var(--table-header-font-size);
}

.wizard > .content > .body input {
    display: inline;
}

.comon-box .radio-box .radio-inline {
    display: inline-block;
}

.my-profile-form .wizard > .content > .body .radio-inline {
    display: inline;
    margin-left: 10px;
}

.navbar-light .navbar-nav .nav3.active {
    background: #eff6fc !important;
    border-bottom: 3px solid #0078d4 !important;
    border-radius: 4px 4px 0 0 !important;
    transition: all 0.2s ease-in-out !important;
}
/*.navbar-nav .nav3:hover {
    background: #ef4a6c !important;
    margin-left: 16px;
    color: var(--primary-color);
}*/
/*.navbar-light .navbar-nav .nav3:focus {
  color: var(--primary-backgroud);
}*/
/*.navbar-light .navbar-nav .nav3 .nav2:hover {
  
  color: var(--primary-backgroud) !important;
}*/

.navbar-light .navbar-nav .nav3 .nav2:focus {
    color: var(--primary-color);
}

.margin-top-img {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.margin-lr-zero {
    margin-left: -1px;
    margin-right: -1px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-color2 {
    color: rgb(128,128,128) !important;
}

.margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.margin-left25px {
    margin-left: 25px;
}

.form-control-2 {
    width: 92% !important;
}

.background3 {
    border-right: 1px solid var(--border-color);
}

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

.text8 {
    font-weight: 400;
    font-size: 18px;
}

.padding-lrtp-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.contracts-badge {
    background: var(--tertiary-color);
    color: var(--primary-background);
}
/*.header2{
  background:var(--color-3)!important;
  border-bottom:0px!important;
}*/
/*.background3 {
  background: var(--primary-color);
}*/

.normal-small-text2 {
    font-size: 13px;
    margin-bottom: 0px !important;
    color: var(--icon-color);
}

.contract-card {
    margin-bottom: 2px;
}

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

.padding-lrt {
    padding: 0px !important;
}

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

.padding-l-0px {
    padding-left: 0px !important;
}

.contracts-badge2 {
    background: var(--tertiary-color);
    color: var(--primary-background);
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.contracts-badge3 {
    color: var(--primary-background);
    padding-left: 7px !important;
    padding-right: 7px !important;
    border-radius: 5px;
}

.margin-right-8p {
    margin-right: -32px !important;
}

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

.padding-header {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 7px;
    padding-right: 7px;
}

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

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

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

.padding-top-7px {
    padding-top: 1px !important;
}
/*.margin-top {
  margin-top: -12px;
}*/
/*.card-contracts {
  background:var(--dashboard-contracts)!important;
}*/
/*.card-profile {
  background:var(--dashboard-profile)!important;
}*/
/*.card-credentials {
  background:var(--dashboard-credentials)!important;
}*/
.title-text-color {
    color: rgb(128,128,128) !important;
}

.title-text-color2 {
    color: var(--icon-color);
}
/*.card-schedule {
  background:deeppink;
}*/
.badge-date {
    background: var(--tertiary-color);
    padding-bottom: 12px;
    padding-top: 6px;
    padding-left: 27px;
}
/*.label3 {
 
  margin-bottom: 0px;
  margin-left: 24px;
  margin-top: 8px;
}*/
.overflow-x-hidden {
    overflow-x: hidden !important;
}

.label3 {
    margin-bottom: 0px;
    margin-top: 7px;
}

.label6 {
    margin-bottom: 0px;
}

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

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

.card-main {
    padding-left: 2px;
    padding-right: 2px;
    background: var(--card-contracts);
}

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

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

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

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

.margin-left16px {
    margin-left: 16px !important;
}

.schedule-title {
    padding-bottom: 7px !important;
    padding-top: 0px !important;
}

.col2 {
    padding-right: 0px;
    background: var(--primary-color);
}

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

.normal-text-5 {
    font-size: 9px;
}

.date {
    margin-left: 20px;
}

.paddin-left-5px {
    padding-left: 5px;
}

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

.card-primary2 {
    background: var(--primary-color) !important;
}

.dashboard-data {
    margin-left: auto;
    margin-top: -4px;
}

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

.margin-left-auto {
    margin-left: auto !important;
}

.margin-right-auto {
    margin-right: auto !important;
}

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

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

.card-background {
    background: var(--border-color);
}

.text-color {
    color: var(--tertiary-color);
    font-size: 16px;
    margin-top: 10px;
}

.text-color5 {
    margin-left: 43px;
    font-size: 14px;
    color: var(--icon-color);
}

.money {
    color: var(--icon-color);
    font-size: 16px;
}

.text-color3 {
    color: var(--icon-color);
}

.thick-circle3 {
    color: var(--tertiary-color);
    font-size: 15px;
}

.dashboard-data2 {
    margin-left: auto;
    margin-top: -4px;
    margin-right: auto;
}

.chatsd2 {
    max-height: 506px !important;
}

.schedule-button {
    border-radius: 2px !important;
    margin-left: 5px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
    background: var(--border-color) !important;
    border-color: var(--border-color) !important;
    margin-right: 5px;
}

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

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

.margin-all {
    margin: auto;
}
.margin-all-5px {
    margin: 5px;
}
.badge-Applied {
    border: 1px solid var(--data-color) !important;
    border-radius: 15px !important;
    padding: 3px !important;
    height: 23px !important;
    width: 23px !important;
    text-decoration: none !important;
}


.font-style-initial {
    font-style: initial !important;
}

.color-default {
    color: rgb(40,220,100) !important;
}

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

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

.color-Rejected {
    color: red !important;
}

.normal8 {
    font-size: 16px !important;
    font-weight: normal;
}

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

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

.ps2 {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.scroll {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.colmd3:hover .scroll {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.card-header-font {
    font-weight: 400 !important;
    font-size: 16px !important;
}

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

.rowfor:hover {
    background: var(--dashboard-profile);
    color: var(--primary-color) !important;
    border-radius: 8px !important;
}

.rowfor1:hover {
    color: var(--dashboard-profile) !important;
}

.thick-circle4 {
    color: grey;
}

.link4 {
    color: rgb(160,160,160) !important;
}

.border3 {
    border-right: 1px solid var(--border-color);
}

.display6 {
    display: inline !important;
}

.schedule-tab {
    margin-left: 34px !important;
}

.margin-left-6 {
    margin-left: 39px;
}

.padding-left-6 {
    padding-left: 40px;
}

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

.margin-leftin {
    margin-left: 29px !important;
}

.input-width {
    width: 258% !important;
}

.normal-small-text6 {
    font-size: 16px;
    margin-bottom: 0px !important;
}

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

.thick-circle7 {
    background: var(--tertiary-color);
    color: var(--primary-color);
    border-radius: 8px;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.border-top {
    border-top: 1px solid var(--border-color) !important;
}

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

.background-2 {
    background: var(--color-3) !important;
}

.baseprice-badge {
    padding-left: 12px !important;
    width: 170px !important;
    height: 78px !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 5px;
    font-weight: bold !important;
    color: var(--secondary-color) !important;
}

.padding-tb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.margin-left-reason {
    margin-left: 17px;
}

.border-right {
    border-right: 1px solid var(--border-color) !important;
}

.border-top2 {
    border-top: 0px !important;
}

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

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

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

.radio-width {
    width: 14px !important;
    height: 14px !important;
}

.availabeltext {
    font-size: 13px;
    margin-left: 3px;
}

.navbar-border-left {
    border-left: 2px solid rgb(195,221,221) !important;
}

.navbar-border-right {
    border-right: 2px solid rgb(195,221,221) !important;
}

.card-title-7px {
    border-left: 7px solid #ef4a6c !important;
    border-radius: 0px !important;
}

.card-title-schedule-bl {
    border-left: 15px solid #ef4a6c !important;
}

.card-title-schedule-bl2 {
    border-left: 15px solid rgb(245,242,238) !important;
}

.card-title-schedule-bb {
    border-bottom: 1px solid rgb(245,242,238) !important;
}

.card-title-Assignments-bl {
    border-left: 15px solid rgb(245,242,238) !important;
}

.card-title-Assignments-bb {
    border-bottom: 1px solid rgb(245,242,238) !important;
}

.card-title-credentials-bl {
    border-left: 15px solid #ef4a6c !important;
}

.card-title-credentials-bb {
    border-bottom: 1px solid rgb(245,242,238) !important;
}

.card-title-profile-bl {
    border-left: 15px solid var(--dashboard-profile) !important;
}

.card-title-profile-bb {
    border-bottom: 1px solid var(--dashboard-profile) !important;
}

.row-line-height {
    line-height: 1.7;
    padding-top: 2px;
    padding-bottom: 2px;
}

.card-header3 {
    background: var(--primary-color) !important;
    border-bottom: 0px !important;
}

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

.background-pay {
    background: var(--background-card4);
}

.card-background-transparent {
    background: transparent !important;
}

.schedule-data {
    margin: 0px !important;
    padding: 5px !important;
    background: transparent !important;
}

.card-body-background-schedule {
    background: var(--primary-color);
}

.assignments-data {
    margin: 0px !important;
    padding: 5px !important;
}

.credentials-data {
    margin: 0px !important;
    padding: 5px !important;
}

.paddng-tb-2 {
}

.collapse-show3 {
    padding-left: 10px;
    padding-right: 10px;
}

.card-body-crend {
    padding-left: 15px;
    padding-right: 10px;
}

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

.table-header {
    font-weight: bold !important;
}

.padding-lrb-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

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

.card-header-bg {
    background: var(--navbar-color) !important;
}

.margin-top-auto {
    margin-top: auto !important;
}

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

.form-control {
    font-size: var(--field-title-size);
}

.border-bottom-schedulecard {
    border-bottom: 1px solid var(--border-color);
}

.img-size2 {
    object-fit: initial !important;
    border-radius: 76px !important;
}

.font-size-icon {
    font-size: 50px !important;
}

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

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

.margin-all-0px {
    margin: 0px !important;
}

.padding-all-0px {
    padding: 0px !important;
}

.icon-color-profile {
    color: darkcyan;
}

.icon-color-identifications {
    color: orange;
}

.icon-color-myavailabilty {
    color: purple;
}

.icon-color-pr {
    color: #5AcA09;
}

.icon-color-skill {
    color: #ffe011;
}

.icon-color-Reg {
    color: deeppink;
}

.icon-color-signout {
    color: #a95963;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

tr:hover {
    /*border: 1px solid var(--tertiary-color);*/
    /*border: 1px solid var(--tertiary-color);*/
    /*background-color: #82D6FA !important;*/
    background-color: var(--background-card4) !important;
    border-bottom: 1px solid var(--tertiary-color) !important;
    border-left: 1px solid var(--tertiary-color);
    border-right: 1px solid var(--tertiary-color);
    border-top: 1px solid var(--tertiary-color);
    box-shadow: 0px 0px 0px 0px var(--tertiary-color);
}

.table-component .table tr:hover td {
    border-top: 1px solid var(--tertiary-color) !important;
}

.table-processing .table tr:hover th {
    border-top: 1px solid var(--tertiary-color) !important;
}

.contracts-search {
    padding-left: 5px !important;
    padding-right: 61px !important;
}

.contracts-badge4 {
    padding-left: 5px;
    color: var(--labels-color);
    border-left: 12px solid var(--tertiary-color);
    border-radius: 0px;
    height: 12px;
    padding-top: 0px;
}

.my-profile-form .wizard > .steps .current a .s-title .s-icon {
    display: none !important;
}

.navbar-links-border {
    border-top: 16px solid var(--primary-color);
    border-bottom: 16px solid var(--color-3);
}

.job-benfits-border {
    border: 20px solid var(--navbar-border-bottom);
}

.my-profile-form .wizard > .steps a {
    width: 31px !important;
    height: 31px !important;
}

    .my-profile-form .wizard > .steps a .s-title {
        bottom: -22px !important;
    }

.my-profile-form .wizard > .steps .current a .s-title .s-icon {
    bottom: -2rem !important;
}

.wizard > .steps {
    /*background:var(--color-3);*/
    box-shadow: 0px 0px 10px rgb(220,220,220) !important;
}

tr {
    border-bottom: 1px solid var(--navbar-border-bottom);
}

.padding-lbt {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.padding-top2 {
    padding-top: 7px;
}

.my-profile-form .wizard > .steps > ul > li {
    margin: 10px 0 27px !important;
}

.nurse-profile-card-body {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
}

.link6 {
    /*color: var(--tertiary-color);*/
}

.button-Schedule {
    background: var(--primary-color);
    border-color: var(--tertiary-color) !important;
    border-radius: 4px !important;
    color: var(--data-color) !important;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 3px;
    padding-left: 12px;
}

.margin-bottom-auto {
    margin-bottom: auto !important;
}

.my-profile-form .wizard > .steps li:nth-child(7) a {
    background-image: url(../images/admin/certificates.png) !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%;
}

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

.card-padding-contracts {
    padding-left: 33px !important;
    padding-right: 33px !important;
    background: var(--primary-color);
}

.education-navlink {
    font-size: var(--card-title-font-size) !important;
}

.my-profile-form .wizard > .steps > ul > li {
    width: 16% !important;
}

.my-profile-form .wizard > .steps li:nth-child(1) a {
    background-image: url(../images/admin/prof1.png) !important;
}

.my-profile-form .wizard > .steps li:nth-child(2) a {
    background-image: url(../images/admin/certificates.png) !important;
}

.my-profile-form .wizard > .steps li:nth-child(3) a {
    width: 48px !important;
    background-image: url(../images/admin/vit1.png) !important;
}

.my-profile-form .wizard > .steps li:nth-child(4) a {
    background-image: url(../images/admin/Medicalrecord1.png) !important;
}

.my-profile-form .wizard > .steps li:nth-child(5) a {
    background-image: url(../images/admin/medicalemergency2.png) !important;
}

.my-profile-form .wizard > .steps li:nth-child(6) a {
    background-image: url(../images/admin/medicalfitness.png) !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%;
}

.btn-image {
    margin-top: -56px;
    margin-left: 156px;
}

.driver-header {
    font-weight: normal !important;
    font-size: 1rem !important;
    color: var(--data-color);
}

.driver-label {
    font-size: 0.9rem !important;
    margin-bottom: 0px !important;
}

.td-width-103px {
    width: 103px !important;
}

.td-width-159px {
    width: 159px !important;
}
/*.driver-button {
    padding-top: 1px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 1px !important;
    border-radius: 0px !important;
    background: var(--tertiary-color) !important;
    color: var(--primary-color) !important;
    margin-left: 3px !important;
}
  .driver-button:hover {
    padding-top: 1px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-bottom: 0px !important;
    border-radius: 29px !important;
    background: var(--tertiary-color) !important;
    color: var(--primary-color) !important;
  }*/
.card-border {
    border: 6px solid #f3f2f0 !important;
}

.counselling-modal {
    height: 335px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.counselling-modal2 {
    height: 335px !important;
}

.product-chat-height-335px {
    width: 100% !important;
    height: 335px !important;
}

.new-cycle-height {
    height: 398px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.new-cycle-height2 {
    height: 425px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.row-light-background {
    background: #f3f3f3;
    padding: 3px;
    border-radius: 4px;
}

.card-header2 {
    padding-left: 8px;
    padding-bottom: 8px;
    padding-top: 2px;
    padding-right: 8px;
    background: #f3f2f0 !important;
    border-bottom: 0px !important;
    color: var(--data-color) !important;
}

.margin-right-8 {
    margin-bottom: 22px !important;
    margin-right: 22px !important;
}

.circle-4 {
    height: 100px;
    width: 100px;
    background-color: var(--primary-color);
    border-radius: 100%;
    display: inline-block;
    border: 1px solid var(--dashboard-contracts);
    margin-bottom: 3px !important;
    margin-top: 3px !important;
    text-align: center !important;
}

.font-size-14px {
    font-size: 12px !important;
    color: var(--data-color2) !important;
}

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

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

.bar-char2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-top: 0px !important;
}

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

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

.margin-right-0px {
    margin-right: 0px !important
}

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

.progress-bar-style {
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 3px !important;
}

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

.padding-left-zero {
    padding-left: 0px !important;
}
/*.border4 {
  border: 1px solid var(--dashboard-profile) !important;
  border-radius: 34px;
}*/
.margin-top-3px {
    margin-top: 3px !important;
}

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

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

.margin-tb-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.label-last {
    font-size: 11px !important;
    color: rgb(140,140,140) !important;
    padding-left: 15px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

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

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

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

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

.color3 {
    color: rgb(140,140,140) !important;
}

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

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

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

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

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

.my-profile-form .actor-card .actor-table .table-responsive {
    overflow-x: hidden;
}

.background-card-primary3 {
    background: #fff !important;
}

.skillassest .dropdown a.dropdown-toggle {
    color: var(--data-color) !important;
}

.skillassest .dropdown ul.dropdown-menu {
    border-radius: 7px !important;
    box-shadow: 2px 2px 4px 0px #ccc !important;
    margin-top: 12px !important;
    min-width: 192px !important;
    margin-left: -139px !important;
}

.skillassest .dropdown-menu > li > a span {
    color: var(--data-color) !important;
    font-weight: normal !important;
}

.data-color-new {
    color: var(--data-color2) !important;
}

.img-width-70 {
    border-radius: 50%;
    height: 70px;
    width: 70px;
    object-fit: cover;
}

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

.col-md-margin {
    margin-top: 7px;
    padding-left: 18px;
}

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

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

.row-background {
    background: #f3f2f0 !important;
}

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

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

.font-size-11p {
    width: 0.675em !important;
    color: rgb(220,220,220) !important;
}

.font-size-11 {
    width: 0.675em !important;
}

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

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

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

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

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

.card-body-general {
    margin-left: 0px !important;
    padding-left: 9px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.score-label {
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 39px !important;
    color: var(--tertiary-color) !important;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.label-specialty-11 {
    font-size: 11px !important;
    color: var(--data-color2) !important;
    margin-bottom: 0px !important;
}

.attribute4 {
    padding-left: 18px !important;
    padding-top: 0px !important;
    margin-top: -8px !important;
}

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

.pdding-left-9px {
    padding-left: 9px !important;
}

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

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

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

.span-color {
    font-size: 12px !important;
    color: var(--data-color) !important;
}

.badge-service2 {
    /*padding-left: 15px;
    padding-right: 24px;*/
    display: list-item !important;
    border: 1px solid var(--secondary-color) !important;
    font-size: 13px !important;
    font-weight: normal;
    list-style: none;
    width: 41px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 3px;
}

.badge-scan-data {
    /*padding-left: 15px;
    padding-right: 24px;*/
    display: list-item !important;
    border: 3px solid lightblue !important;
    /* border: 1px solid var(--secondary-color) !important; */
    font-size: 20px !important;
    font-weight: normal;
    list-style: none;
    width: 37px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 3px;
    background: var(--color-3);
    color: var(--secondary-color);
    border-radius: 50% !important;
}

.badge-scan-data2 {
    /*padding-left: 15px;
    padding-right: 24px;*/
    display: list-item !important;
    /* border: 1px solid var(--secondary-color) !important; */
    font-size: 13px !important;
    font-weight: normal;
    list-style: none;
    width: 70px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 3px;
    background: var(--secondary-color);
    color: var(--primary-color);
    border-radius: 3px !important;
}

.card-header-margin {
    margin-right: 29px !important;
    margin-left: 18px !important;
}

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

.left {
    left: -176px !important;
}

.font-size-11px {
    font-size: var(--dropdown-font-size) !important;
}

.bord {
    border-style: solid;
    border-width: medium;
}

.padding-76px {
    padding-left: 78px !important;
}

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

.color-edit-icon {
    color: var(--tertiary-color) !important;
}

.color-delete-icon {
    color: red !important;
}

.click-label {
    border: 1px solid var(--secondary-color);
    border-radius: 3px !important;
}

.padding-top-6px {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

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

.valid {
    font-size: 0.87rem !important;
    color: var(--tertiary-color) !important;
    margin-bottom: 0px !important;
}

.margin-lr-19px {
    margin-left: 19px !important;
    margin-right: 19px !important;
}

.benfits-button {
    background: var(--primary-background) !important;
    color: var(--data-color) !important;
    padding: 5px 15px 3px !important;
}

.margin-left-2 {
    margin-left: -201px !important;
}

.overflow-x {
    overflow-x: hidden !important;
}

.img-width {
    width: 68%;
    margin-top: 19px;
}

.icon-color-scm {
    color: cornflowerblue !important;
}

.button-change {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 3px !important;
}
/*.table-body {
  height: 200px!important;
  display: inline-block!important;
  width: 100%!important;
  overflow: auto!important;
}*/
.padding-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.month-badge {
    padding-left: 7px !important;
    padding-right: 7px !important;
    width: 8px !important;
    background: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.month-badge2 {
    padding-left: 7px !important;
    padding-right: 7px !important;
    width: 8px !important;
    background: var(--primary-color) !important;
    color: var(--data-color) !important;
    border-color: var(--primary-color) !important;
}

.month-badge3 {
    padding-left: 7px !important;
    padding-right: 7px !important;
    width: 8px !important;
    background: var(--primary-color) !important;
    color: var(--data-color) !important;
    border-color: var(--primary-color) !important;
}

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

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

.Shift-Calendar {
    border-bottom: 0px !important;
    color: var(--secondary-color) !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

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

.td-padding {
    padding: 0.3rem !important;
}

.th-width2 {
    width: 100px !important;
}

.td-padding2 {
    padding: 0.5rem !important;
}

.td-width {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 10px !important;
}

.border-right {
    border-right: 1px solid var(--border-color) !important;
}

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

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

.clock-color {
    color: var(--dashboard-credentials);
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: url(../images/admin/background.jpg) !important;
}

.bg-bluebar {
    background-image: url(../images/admin/bgnew.jpeg) !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.profile-image {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.opacity-card {
    opacity: 0.9;
}

.bg-bluebarsignup {
    background-image: url(../images/admin/signupbk.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.center-div2 {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 500px;
    height: 300px;
    min-height: 350px;
    border-radius: 3px;
}

.center-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 300px;
    min-height: 350px;
    border-radius: 3px;
    /*display: flex;
  justify-content: center;
  width: 100%;
  height:100%;
  padding-top: 100px;
  background-image: url(../images/admin/background.jpg) !important;*/
}

.card-width {
    background: white;
    width: 400px;
}

.card-width-wide {
    background: white !important;
    width: 640px !important;
}

.background-white {
    background: white !important;
}

.border-bottom-tbl {
    border-top: 0px solid var(--primary-color) !important;
    border-left: 0px solid var(--primary-color) !important;
    border-right: 0px solid var(--primary-color) !important;
    border-bottom: 2px solid var(--secondary-color) !important;
}

.border-tbl {
    border-top: 1px solid var(--secondary-color) !important;
    border-left: 1px solid var(--secondary-color) !important;
    border-right: 1px solid var(--secondary-color) !important;
    border-bottom: 1px solid var(--secondary-color) !important;
}

.button-border {
    border: 1px solid green;
    border-radius: 6px;
    margin-left: auto;
}

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

.margin-top-27 {
    margin-top: 23px !important;
}

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

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

.forgot-badge {
    padding-left: 5px;
    color: var(--labels-color);
    border-left: 12px solid var(--tertiary-color);
    border-radius: 0px;
    height: 12px;
    padding-top: 0px;
}

.badge4 {
    border-left: 12px solid var(--secondary-color);
}

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

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

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

.display-flex {
    display: inline-flex !important;
}

.margin-lr-250px {
    margin-left: 250px !important;
    margin-right: 250px !important;
}

.margin-lr-3px {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.font-size-13px {
    font-size: 13px !important;
}

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

.word {
    word-wrap: break-word !important;
    width: 60px !important;
}

.conform-button {
    background: var(--primary-color) !important;
    color: var(--data-color) !important;
    margin-right: 5px !important;
}

    .conform-button:hover {
        background: var(--primary-color) !important;
        color: var(--data-color) !important;
    }

.box-shadow3 {
    box-shadow: 14px 14px var(--border-color) !important;
}

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

.padding-l-8px {
    padding-left: 8px !important;
}

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

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

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

.margin-left-5rem {
    margin-left: 4rem !important;
}

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

.icon-font-size {
    font-size: 100px !important;
}

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

.labels-sf {
    font-size: 23px !important;
}

.hospital-icon {
    font-size: 23px !important;
}

.header-nrh {
    text-align: center !important;
    font-size: 23px !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

.font-color {
    color: rgb(180,180,180) !important;
}

.link1:hover {
    color: var(--secondary-color) !important;
}

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

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

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

.margin-top-footer {
    margin-top: 105px !important;
    background: var(--border-color) !important;
    margin-left: 0px !important;
    width: 100% !important;
}

.background-full {
    background-image: url(../../healins-assets/images/admin/background3.png);
}

.footer2 {
    background: var(--border-color) !important;
    width: 100%;
    margin-left: 0px !important;
}

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

.signup-image-width {
    width: 145% !important;
    height: 73% !important;
}

.font-size-singoutn {
    font-size: 27px !important;
}

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

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

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


/**naveen-visit-register**/

.column1 {
    float: left;
    width: 17%;
    padding-left: 15px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.column-left-80 {
    float: left;
    width: 80%;
}
.column2 {
    float: left;
    width: 57%;
    padding-left: 6px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.column3 {
    float: right;
    width: 23%;
    padding-left: 0px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.bk-color-sky {
    background-color: white !important;
}

.labcolor {
    --labels-color: rgba(64,64,64,0.9) !important;
}

.width-230px {
    width: 230px !important;
    height: 32px !important;
}

.product-chat-height-557 {
    height: 580px;
    width: 100% !important;
}

.product-chat-height-562 {
    height: 562px;
    width: 100% !important;
}

.product-chat-height-600 {
    height: 600px;
    width: 100% !important;
}

.img2 {
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    margin-left: 2px !important;
}

.a1 {
    text-align: center !important;
    margin-left: 0px !important;
}

.f2 {
    font-size: 14px !important;
    font-weight: 600 !important;
}

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

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

.pad5 {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 12px;
    margin-top: 0px !important;
}

.img3 {
    border-radius: 50% !important;
    width: 70px;
    height: 70px;
}

.line {
    width: 324px;
    height: 0;
    border: 1px solid #C4C4C4;
    margin: 4px;
    display: inline-block;
}

.line1 {
    width: 430px;
    height: 0;
    border: 1px solid #C4C4C4;
    margin: 15px;
    display: inline-block;
}

.line2 {
    width: 144px;
    height: 0;
    border: 1px solid #C4C4C4;
    margin: 14px;
    display: inline-block;
}

.b1 {
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

.gray {
    color: gray !important;
}

.height-800 {
    height: 800px !important;
}

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

.img4 {
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    margin-left: 8px !important;
}

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

.checkbox2 {
    width: 20px !important;
    height: 20px !important;
}

.slider1 {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider1:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 16px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider1 {
    background-color: gray;
}

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

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

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

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

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

.font-size-23px {
    font-size: 23px !important;
}

.width-160px {
    width: 160px !important;
}

.background-lightgreen {
    background-color: lightgreen !important;
}
.background-yellow {
    background-color: yellow !important;
}
.background-lightblue {
    background-color: lightblue !important;
}
.background-hover-lightblue {
    background-color: white !important;
}
.background-hover-lightblue:hover {
    background-color: lightblue !important;
}
.background-pink {
    background-color: pink !important;
}
.bk-color-aquamarine {
    background-color: aquamarine !important;
}

.bk-color-bisque {
    background-color: bisque !important;
}

.bk-color-burlywood {
    background-color: burlywood !important;
}

.rowfor2:hover {
    background: var(--dashboard-profile);
    color: var(--primary-color) !important;
    border-radius: 8px !important;
}
.rowfor3:hover {
    background: white;
    color: dodgerblue !important;
    border-radius: 8px !important;
}
/**naveen-all**/
.column9 {
    float: left;
    width: 25%;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 800px;
}

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

.width-190px {
    width: 190px !important;
    height: 35px !important;
}

.border-radius-25rem {
    border-radius: .25rem !important;
}

.edit_hover_class a {
    visibility: hidden;
}

.edit_hover_class:hover a {
    visibility: visible;
}

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

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

.column10 {
    float: left;
    width: 55%;
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    height: 800px;
}

.w3 {
    width: 135px;
    height: 29px;
}

.border-bottom0 {
    border-bottom: 0px !important;
}

.c3 {
    background: rgb(250,250,250) !important;
}

.rowfor1:hover {
    color: var(--dashboard-profile) !important;
}

.border-button {
    border-top: 1px solid #ced4da !important;
    border-left: 1px solid #ced4da !important;
    border-right: 1px solid #ced4da !important;
    border-bottom: 1px solid #ced4da !important;
}

.edit_hover_class a {
    visibility: hidden;
}

.edit_hover_class:hover a {
    visibility: visible;
}

.Column-new {
    float: left;
    width: 19%;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 100%;*/
}

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

.c1:hover {
    background-color: rgb(245,245,255) !important;
}
.label-color {
    color: var(--primary) !important;
    
}
.label-color-kn {
    color: rgb(160,160,160) !important;
}

.p4 {
    font-size: 14px !important;
    color: black !important;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    width: 80px;
}

.p3 {
    font-size: 16px !important;
    color: black !important;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    width: 80px;
}

.c2:hover {
    background-color: rgba(0,93,166,0.7) !important;
    color: white !important;
}

.column5 {
    float: right;
    width: 23%;
    padding-left: 4px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.width-271px {
    width: 271px !important;
    height: 32px !important;
}

.product-chat-height-569 {
    height: 569px;
    width: 100% !important;
}

.product-chat-height-591 {
    height: 591px;
    width: 100% !important;
}

.line-appoinment {
    width: 305px;
    height: 0;
    border: 1px solid #C4C4C4;
    margin: 4px;
    display: inline-block;
}

.line-appoinment2 {
    width: 184px;
    height: 0;
    border: 1px solid #f1f1f1;
    margin: 4px;
    display: inline-block;
}

.pad1 {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 12px;
    margin-top: 10px !important;
}

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

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

.bs {
    background: white;
    border-color: rgba(0,93,166,0.7);
}

.width {
    width: 100px !important;
    height: 40px !important;
}

.width-656px {
    width: 656px !important;
    height: 32px !important;
}

.b1 {
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

.width3 {
    width: 67px !important;
    height: 30px !important;
}

.img1 {
    border-radius: 50% !important;
    width: 120px;
    height: 120px;
}

.padh1 {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0px;
    border-bottom-width: 0px;
    margin-top: 0px !important;
}

.g {
    color: green !important;
}

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

.S1 {
    background: var(--primary-color);
    height: 1300px;
    padding-left: 0px !important;
}

.column6 {
    float: left;
    width: 18%;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 800px;
}

.margin-left16px {
    margin-left: 16px !important;
}

.width-176px {
    width: 176px !important;
    height: 32px !important;
}

.column7 {
    float: left;
    width: 58%;
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    height: 800px;
}

.margin-right-8p {
    margin-right: -32px !important;
}

.product-chat-width-102 {
    height: 500px;
    width: 102% !important;
}

.column8 {
    float: right;
    width: 23%;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 800px;
}

.pad4 {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 12px;
    margin-top: 10px !important;
}

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

.my-pro-form {
    margin-bottom: 5px;
    text-transform: initial;
}

.height-14px {
    height: 14px !important;
}

.lab-size1 {
    margin-bottom: 0px !important;
    text-transform: initial;
    font-size: 0.9rem !important;
    margin-top: 10px !important;
}

.form-control-patient {
    border-radius: 2px;
    border-bottom: 2px solid var(--border-color);
    padding: 4px 10px;
    border-top: 0px solid var(--border-color) !important;
    border-left: 0px solid var(--border-color) !important;
    border-right: 0px solid var(--border-color) !important;
}

.column-codedtype {
    float: left;
    width: 57%;
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    height: 800px;
}

.width-802px {
    width: 802px !important;
}

.checkbox1 {
    width: 15px !important;
    height: 30px !important;
}

.position-fixed-labstep {
    position: fixed !important;
    top: 58px !important;
    height: 90%;
    width: 207px;
}

.postion-fixed-labsetup2 {
    position: sticky !important;
    top: 58px !important;
    width: 874px !important;
    height: 1300px !important;
}

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

.width-50px {
    width: 50px !important;
    min-width: 0px !important;
}

.width-150px {
    width: 150px !important;
    min-width: 0px !important;
}

.width-120px {
    width: 120px !important;
    min-width: 0px !important;
}

.width-70px {
    width: 70px !important;
    min-width: 0px !important;
}
.width-80px {
    width: 80px !important;
    min-width: 0px !important;
}

.width-35px {
    width: 35px !important;
    min-width: 0px !important;
}

.btn-new1 {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border-radius: 4px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.product-chat-width-92 {
    height: 250px;
    width: 98% !important;
}

.my-profile-form .actor-card .actor-table .table-responsive {
    overflow-x: hidden;
}

.my-profile-form .table2 {
    width: 100% !important;
    margin-left: 0px !important;
}

.td-padding-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.actions-btn-prime3:hover {
    background: var(--primary-color) !important;
}

.product-chat-width-2 {
    height: 283px;
    width: 100% !important;
}

.modcolumn1 {
    float: left;
    width: 32%;
    padding-left: 15px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 400px;
}

.modcolumn2 {
    float: left;
    width: 32%;
    padding-left: 5px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;
    height: 400px;
}

.modcolumn3 {
    float: right;
    width: 32%;
    padding-left: 0px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 400px;
}

.width-20px {
    width: 20px !important;
    height: 20px !important;
}

.bk-lt-gray, .wh-header.bk-lt-gray {
    background: linear-gradient(180deg, #faf9f8 0%, #f3f2f1 100%) !important;
    border-bottom: 1px solid #e1dfdd !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.patientreg-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 14px !important;
    border-radius: 14px !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background: #0078d4 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 120, 212, 0.25) !important;
    border: none !important;
    margin: 0 4px !important;
}

.patientreg-link:hover {
    background: #106ebe !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0, 120, 212, 0.35) !important;
    text-decoration: none !important;
}

a[title*="New Enquiry"].patientreg-link {
    background: #eff6fc !important;
    color: #0078d4 !important;
    border: 1px solid #c7e0f4 !important;
    box-shadow: none !important;
}

a[title*="New Enquiry"].patientreg-link:hover {
    background: #deecf9 !important;
    color: #106ebe !important;
}

.Go-button {
    background: #107c41 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    padding: 4px 14px !important;
    transition: all 0.2s ease !important;
}

.Go-button:hover {
    background: #0e6d38 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.decrementhover a {
    color: #0078d4 !important;
    transition: transform 0.15s ease !important;
}

.decrementhover:hover a {
    color: #106ebe !important;
    transform: scale(1.25) !important;
}

.rec-column1 {
    float: left;
    width: 70%;
    /*padding-left: 15px;
    padding-top: 16px;*/
    padding-right: 0px;
    padding-bottom: 0px;
    height: 800px;
}

.rec-column2 {
    float: right;
    width: 30%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 800px;
}

.green {
    color: green !important;
}
/**naveen-new**/
.position-fixed-codetypes {
    position: fixed !important;
    top: 60px !important;
    width: 210px !important;
    left: 10px !important;
    right: 0px !important;
}

.position-fixed-activity {
    position: fixed !important;
    top: 60px !important;
    width: 438px !important;
    height: 438px !important;
}

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

.bk-color-bisque {
    background-color: bisque !important;
}

.bk-color-lavender {
    background-color: lavender !important;
}

.bk-color-aliceblue {
    background-color: aliceblue !important;
}

.bk-color-lightsalmon {
    background-color: lightsalmon !important;
}

.product-chat-height-400 {
    height: 400px;
    width: 100% !important;
}

.rowfor-3 {
    color: var(--data-color) !important;
}

    .rowfor-3:hover {
        background-color: lavender !important;
        /*color: var(--primary-color) !important;*/
        border-radius: 8px !important;
    }

.rowfor-4 {
    color: var(--data-color) !important;
}

    .rowfor-4:hover {
        background-color: aliceblue !important;
        /*color: var(--primary-color) !important;*/
        border-radius: 8px !important;
    }
/**naveen-new**/
.position-fixed-codetypes {
    position: fixed !important;
    top: 60px !important;
    width: 210px !important;
    left: 10px !important;
    right: 0px !important;
}

.position-fixed-activity {
    position: fixed !important;
    top: 60px !important;
    width: 438px !important;
    height: 438px !important;
}

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

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

.bk-color-bisque {
    background-color: bisque !important;
}

.bk-color-lavender {
    background-color: lavender !important;
}

.bk-color-aliceblue {
    background-color: aliceblue !important;
}

.bk-color-lightsalmon {
    background-color: lightsalmon !important;
}

.product-chat-height-400 {
    height: 400px;
    width: 100% !important;
}

.rowfor-3 {
    color: var(--data-color) !important;
}

    .rowfor-3:hover {
        background-color: lavender !important;
        /*color: var(--primary-color) !important;*/
        border-radius: 8px !important;
    }

.rowfor-4 {
    color: var(--data-color) !important;
}

    .rowfor-4:hover {
        background-color: aliceblue !important;
        /*color: var(--primary-color) !important;*/
        border-radius: 8px !important;
    }


/*nk*/

.nk-column1 {
    float: left;
    width: 17%;
    padding-left: 15px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.nk-column2 {
    float: left;
    width: 80%;
    padding-left: 5px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;
}

/*.column3 {
    float: right;
    width: 23%;
    padding-left: 0px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 800px;
}*/

/*@media print (min-width: 992px) and (max-width: 1199.98px) {
}*/

.doNotShow {
    display: none !important;
}

.button-ivfactivity {
    padding-top: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 0px !important;
    border-radius: 50% !important;
    /* background: var(--tertiary-color) !important; */
    /* color: var(--primary-color) !important; */
    width: 26px;
    height: 24px;
}

    .button-ivfactivity:hover {
        padding-top: 0px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 0px !important;
        border-radius: 50% !important;
        /* background: var(--tertiary-color) !important; */
        /* color: var(--primary-color) !important; */
        width: 26px;
        height: 24px;
    }

@media print {
    .doNotPrint {
        display: none !important;
    }

    .Print {
        display: none !important;
    }

    .sidebar {
        display: none !important;
    }
    /*.ps2 {
        visibility:hidden !important;
    }*/
    .footer {
        display: none !important;
    }

    .product-chat-height-400 {
        height: 99% !important;
        width: 100% !important;
    }

    .ps2 {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    html {
        /*display: table;
        table-layout: fixed;*/
        /*display: flex;
        flex-direction: column;
        align-items: center;*/
        margin-left: 0.5cm;
        margin-right: 0.5cm;
        min-width: 0px !important;
        /*border: 1px solid white;
        height: 99%;
        page-break-after: avoid !important;
        page-break-before: avoid !important;*/
        /*width: 210mm !important;
        height: 297mm !important;*/
    }

    body {
        /*height: 257mm !important;*/
        /*overflow-y: hidden !important;*/
        /*display: flex;
        flex-direction: column;
        align-items: center;*/
        /*height: auto;*/
        /*min-width: 0px !important;*/
        /*overflow-x: auto !important;*/
        /*display: block;*/
        /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
    }

    @page {
        /*margin: 2mm 0mm 2mm 0mm;*/
        /*width: 210mm !important;
        height: 297mm !important;*/
        /*size: A4 !important;*/
        margin-top: 5mm;
        margin-bottom: 0mm;
    }
    /*.container {
        flex: 1 1 auto; 
    }*/
    /*a[href]:after {
        content: none !important;
    }*/
    /*a[href]:after {
        visibility: hidden !important;
    }*/
    /*html {
        margin: 0 !important;
        margin: 0.54cm 0cm 0.54cm 0cm !important;
        width: 210mm;
        height: 297mm;
        padding: 0 !important;
        overflow: visible;
    }*/
    /*html, body {
        height: 285mm !important;
    }*/
    /*html, body {
        margin: 0 !important;
        width: 210mm;
        height: 280mm;
        padding: 0 !important;
        overflow: visible;
    }*/

    /*@page {        
        margin: 0.54cm 2.54cm 0.54cm 2.54cm;
        width: 80% !important;
    }*/
    .container-scroller {
        /*height: 99% !important;*/
        /*position: relative !important;*/
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        /*padding-bottom: 60px;*/
    }

    /*.border-right-4px-bill {
        border-right: 0px !important;
    }*/



}
/*@media print {
    html, body {
        height: auto;
    }
}*/

/*@media print {
    div {
        border: 1px solid rgba(0,0,0,0)
    }
}*/
.font-family {
    font-family: "calibri", Garamond, 'Comic Sans MS' !important;
    font-size: 16pt !important;
}

.font-family13px {
    font-family: "calibri", Garamond, 'Comic Sans MS' !important;
    font-size: 13pt !important;
}
.font-family18px {
    font-family: "calibri", Garamond, 'Comic Sans MS' !important;
    font-size: 18pt !important;
}
.font-familyhead {
    font-family: "calibri", Garamond, 'Comic Sans MS' !important;
    font-size: 22pt !important;
}
.table-border-0 {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

.font-familysubhead {
    font-family: "calibri", Garamond, 'Comic Sans MS' !important;
    font-size: 20pt !important;
}

/*@media print {
    body {
        width: 19cm;
        height: auto;
        margin: 0cm 0cm 0cm 0cm;
        
    }
}*/

/*@page {
    size: 210mm 297mm !important;
    margin: 2mm 16mm 2mm 16mm;
}*/
.textlast {
    text-align-last: end !important;
}

.bordertop {
    border-top: 2px solid var(--navbar-border-bottom) !important;
}

.width-130px {
    width: 130px !important;
    min-width: 130px !important;
}

.width-120px {
    width: 120px !important;
    min-width: 130px !important;
}

.border-bot-1px {
    border-bottom: 2px solid var(--navbar-border-bottom) !important;
}

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

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

.border-toptable {
    border-top: 1px solid var(--navbar-border-bottom) !important;
}

.col-print-1 {
    width: 8%;
    float: left;
}

.col-print-2 {
    width: 16%;
    float: left;
}

.col-print-3 {
    width: 25%;
    float: left;
}

.col-print-4 {
    width: 33%;
    float: left;
}

.col-print-5 {
    width: 42%;
    float: left;
    /*-webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;*/
}

.col-print-6 {
    width: 50%;
    float: left;
    /*-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;*/
}

.col-print-7 {
    width: 58%;
    float: left;
}

.col-print-8 {
    width: 66%;
    float: left;
}

.col-print-9 {
    width: 75%;
    float: left;
}

.col-print-10 {
    width: 83%;
    float: left;
}

.col-print-11 {
    width: 92%;
    float: left;
}

.col-print-12 {
    width: 100%;
    float: left;
    /*-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;*/
}

.border4 {
    border: 1px solid #dfdfdf !important;
}

.borderrt {
    border-right: 1px solid #dfdfdf !important;
}

.borderlt {
    border-left: 1px solid #dfdfdf !important;
}

.img200px {
    border-radius: 10% !important;
    width: 200px;
    height: 40px;
    margin-left: 2px !important;
}

.img250px {
    border-radius: 10% !important;
    width: 250px;
    height: 40px;
    margin-left: 2px !important;
}

@media print {
    .isPrinting > * {
        display: none;
    }

    .isPrinting printlayout {
        display: block;
    }
}
/*@media print {
    html, body {
        border: 1px solid white;
        height: auto !important;
        page-break-after: avoid !important;
        page-break-before: avoid !important;
    }
}*/
.pagebrk {
    page-break-after: always;
}

    .pagebrk:last-child {
        page-break-after: avoid;
    }

.pagebrkaft {
    page-break-after: always;
}

@media print {
    .pagebrkauto {
        page-break-inside: avoid;
        page-break-after: auto;
    }

        .pagebrkauto:last-child {
            page-break-after: avoid;
        }
}

.pagebrk4 {
    page-break-inside: avoid;
    page-break-after: auto;
}

.pagebrkavoid {
    page-break-after: avoid;
}

.pagebrk2 {
    page-break-before: avoid;
    page-break-after: avoid;
    page-break-inside: avoid;
}

.pagebrk3 {
    page-break-after: auto;
}

    .pagebrk3:last-child {
        page-break-after: avoid;
    }
/*@media print {
    html, body {
        height: 99%;
    }
}*/
/*.pagebrk {
    page-break-inside: auto;
    page-break-inside: avoid;
}*/
.img5 {
    border-radius: 50% !important;
    width: 150px;
    height: 150px;
}
/*.footer_info_Mh:after {
    counter-increment: page;
    content: "Page " counter(page) " of " counter(pages);    
    content: "Page No: " counter(page);
    text-align: center;
}*/
/*.footer_info_Mh {
    counter-increment: page; 
}*/
.footer_info_Mh:after {
    counter-increment: page;
    content: "Page No: " counter(page);
}

.pageA5 {
    width: 14.8cm;
    height: 21cm;
}

.bordertop-2px {
    border-top: 2px solid var(--border-color) !important;
}

.border-bot-2px {
    border-bottom: 2px solid var(--border-color) !important;
}

.border-right-2px {
    border-right: 2px solid var(--border-color) !important;
}

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

.img-circle-200 {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    object-fit: cover;
}

.width-30px {
    width: 30px !important;
}
.height-30px {
    height: 30px !important;
}
.width-25px {
    width: 25px !important;
}
.height-25px {
    height: 25px !important;
}

.qr-style {
    position: absolute;
    /*height:30px;
    width:30px;*/
    /*border:none;
    display:block;*/
    margin-top: -150px !important;
    margin-left: 50px !important;
}

.qr-style2 {
    position: absolute;
    margin-top: -125px !important;
    margin-left: 215px !important;
}

.qr-style3 {
    position: absolute;
    margin-top: -125px !important;
    margin-left: 240px !important;
}

.qr-style4 {
    position: absolute;
    margin-top: -125px !important;
    margin-left: 180px !important;
}

.qr-style5 {
    position: absolute;
    margin-top: -125px !important;
    margin-left: 260px !important;
}

.qr-style6 {
    position: absolute;
    margin-top: -125px !important;
    margin-left: 240px !important;
}

.qr-style7 {
    position: absolute;
    margin-top: -125px !important;
    margin-left: 210px !important;
}

.qr-style8 {
    position: absolute;
    margin-top: -125px !important;
    margin-left: 315px !important;
}

.qr-style9 {
    position: absolute;
    /*margin-top: -160px !important;*/
    margin-left: -15px !important;
}

.bg-color-transparent {
    background-color: transparent !important;
}

.idl {
    height: 5.5cm !important;
    width: 8.5cm !important;
}

.img100px {
    border-radius: 10% !important;
    width: 100px;
    height: 40px;
    margin-left: 2px !important;
}

.img85px {
    /*border-radius: 10% !important;*/
    width: 475px;
    height: 85px;
    margin-left: 2px !important;
}
/*@page {
    size: A5 !important;
}*/
.border2px {
    border: 2px solid var(--navbar-border-bottom) !important;
    border-color: lightgray !important;
}

.borderrad2px {
    border-radius: 10% !important;
}

.height280 {
    height: 280px !important;
}

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

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

.img-circle-100 {
    border-radius: 50%;
    height: 90px;
    width: 90px;
    object-fit: cover;
}


::-webkit-scrollbar {
    width: 1px;
}

/* Track */
::-webkit-scrollbar-track {
    background: white;
    box-shadow: none;
}

body.rtl::-webkit-scrollbar-track {
    background: white;
    box-shadow: none;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(245, 245, 245);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        /*background: transparent!important;*/
    }

body.rtl::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
    /*background-color: rgba(140, 140, 140, 0.68) !important;*/
    /*background: rgb(250, 250, 250);*/
    background: #E6E6E6;
    box-shadow: none;
}

body.rtl::-webkit-scrollbar-track, div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track {
    /*background-color: rgba(140, 140, 140, 0.68) !important;*/
    background: white;
    box-shadow: none;
    outline: 0px solid lightblue;
    border-bottom: 1px solid lightgray;
}
/*body::-webkit-scrollbar {
    width: 0.5em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.6);
    
    outline: 1px solid slategrey;
}*/
.product-chat-height-800 {
    height: 800px;
    width: 100% !important;
}

.height-100vh {
    height: 100vh !important;
}

.pstfxdbottom {
    position: fixed !important;
    bottom: 0 !important;
}

.border-left-20px-ltgray {
    border-left: 20px solid lightgray;
}

.columnbv1 {
    float: left;
    width: 23%;
    padding-left: 15px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}
.columnbv4 {
    float: left;
    width: 22%;
    padding-left: 15px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}
.position-fixed-bills {
    position: fixed !important;
    top: 57px !important;
    width: 21% !important;
    /*width: 240px !important;*/
    left: 10px !important;
    right: 0px !important;
}
.columnbp4 {
    float: left;
    width: 57%;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.columnnbv1 {
    float: left;
    width: 17%;
    padding-left: 15px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.position-fixed-scans2 {
    position: fixed !important;
    top: 57px !important;
    width: 16% !important;
    /*width: 240px !important;*/
    left: 10px !important;
    right: 0px !important;
}

.columnbv2 {
    float: left;
    width: 57%;
    padding-left: 5px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.columnnbv2 {
    float: left;
    width: 62%;
    padding-left: 5px;
    /*padding-top: 16px;*/
    padding-right: 8px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.columnbp2 {
    float: left;
    width: 57%;
    padding-left: 29px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.columnbv3 {
    float: right;
    width: 17%;
    padding-left: 0px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.columnbp3 {
    float: right;
    width: 19%;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.position-fixed-Activities3 {
    position: fixed !important;
    width: 19% !important;
}

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

.style-hover {
    position: inherit;
    left: 46px;
    top: -19px;
}

.tablepgbrk {
    page-break-inside: auto
}

.trpgbrk {
    page-break-inside: avoid;
    page-break-after: auto
}

.theadpgbrk {
    display: table-header-group
}

.tfootpgbrk {
    display: table-footer-group
}

.width-140px {
    width: 140px !important;
    min-width: 0px !important;
}

/*.columnfeatures1 {
    float: left;
    width: 18%;
    padding-left: 15px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;

}

.columnfeatures2 {
    float: left;
    width: 81%;
    padding-left: 5px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;

}*/

.product-chat-height-650 {
    height: 650px;
    width: 100% !important;
}

.left-arrow-treatmentcycle2 {
    /*position: absolute;
    left: -28px;
    z-index: 21;
    top: 0px;*/
    background: var(--secondary-color);
    color: var(--primary-color) !important;
    padding: 3px;
    border-radius: 13%;
}

.columnbr1 {
    float: left;
    width: 80%;
    padding-left: 29px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;
}

.columnbr2 {
    float: right;
    width: 19%;
    padding-left: 0px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.bk-color-lightgray {
    background-color: lightgray !important;
}

.img-100px {
    height: 100px;
    width: 200px;
}

.img-200px {
    height: 120px;
    width: 300px;
}

.img-30px {
    height: 30px;
    width: 200px;
}

.actions-btn-prime-egday {
    background: var(--secondary-color);
    border-radius: 4px;
    min-width: 75px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 8px !important;
    padding-right: 12px !important;
    padding-bottom: 8px !important;
    padding-left: 12px !important;
}

.font-size-18px2 {
    font-size: 18px !important;
    color: var(--data-color2) !important;
}

.inner-badge2 {
    position: fixed;
    /*top: -1px;
    right: 14px;*/
    transform: translate(50%, -50%);
    border: 0px solid var(--border-color);
    /*padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;*/
    background: var(--primary-color);
    padding-right: 8px;
    font-size: 14px;
    padding-bottom: 3px;
    padding-right: 4px;
    padding-top: 0px;
    padding-left: 4px;
}

.padding-left-20pe {
    padding-left: 20%;
}

.padding-right-20pe {
    padding-right: 20%;
}

.columnconsumption1 {
    float: left;
    width: 18%;
    padding-left: 15px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.td-elipsis-iah {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .td-elipsis-iah:hover {
        overflow: visible;
        white-space: pre-wrap;
        max-width: 210px;
    }

.columnconsumption2 {
    float: left;
    width: 57%;
    padding-left: 5px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.columnconsumption3 {
    float: left;
    width: 23%;
    padding-left: 5px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.background-consumption {
    background: var(--border-color);
}

.background-store {
    background: var(--color-3);
}

.navbar-light .navbar-nav .nav3:hover {
    background: var(--color-3);
    /* color: white; */
    /* background: #ef4a6c !important; */
    /* color: var(--navbar-links-color); */
}

.cursor {
    cursor: pointer;
}

.product-chat-width-cyclestab {
    height: 358px;
    width: 96% !important;
}

.line-height-5px {
    line-height: 5px;
}

.img6 {
    border-radius: 50% !important;
    width: 60px;
    height: 60px;
    margin-left: 2px !important;
}

.img-120px {
    height: 120px;
    width: 120px;
}

.mistable-data {
    padding: 4px;
    /*background: var(--border-color);*/
    /*margin: 5px;*/
}

.misdatafont {
    font-size: 20px !important;
}

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

.product-chat-material2 {
    height: 268px !important;
}

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

.erpsetup {
    font-size: 11px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    background-color: #0078d4 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    margin-right: 10px !important;
    text-decoration: none !important;
}

.nav-tab-service2 {
    border-bottom: 3px solid var(--secondary-color);
    background: var(--primary-color) !important;
}

.nav-itemerp {
    color: var(--secondary-color) !important;
}

    .nav-itemerp:hover {
        border-top: 0px solid var(--primary-color) !important;
        border-right: 0px solid var(--primary-color) !important;
        border-left: 0px solid var(--primary-color) !important;
        text-decoration: none !important;
    }

    .nav-itemerp.active {
        font-size: 18px !important;
        padding-left: 23px;
        padding-right: 31px;
        padding-bottom: 4px;
        color: white !important;
        background: var(--secondary-color);
        padding-top: 10px;
        font-weight: bold;
        /* border-left: 1px solid var(--border-color); */
        /* border-top: 1px solid var(--border-color); */
        /* border-right: 1px solid var(--border-color); */
        /* border-top-right-radius: 15px; */
        /* border-bottom-right-radius: 0px; */
        /* border-top-left-radius: 15px; */
        /* border-bottom-left-radius: 2px; */
    }

.nav-itemerp2 {
    color: var(--secondary-color) !important;
}

    .nav-itemerp2:hover {
        border-top: 0px solid var(--primary-color) !important;
        border-right: 0px solid var(--primary-color) !important;
        border-left: 0px solid var(--primary-color) !important;
        text-decoration: none !important;
    }

    .nav-itemerp2.active {
        font-size: 16px !important;
        padding-left: 23px;
        padding-right: 31px;
        padding-bottom: 0px;
        color: white !important;
        background: var(--secondary-color);
        padding-top: 0px;
        font-weight: bold;
        /* border-left: 1px solid var(--border-color); */
        /* border-top: 1px solid var(--border-color); */
        /* border-right: 1px solid var(--border-color); */
        /* border-top-right-radius: 15px; */
        /* border-bottom-right-radius: 0px; */
        /* border-top-left-radius: 15px; */
        /* border-bottom-left-radius: 2px; */
    }

.max-width-7pe {
    max-width: 7%;
}

.columnnbv2-new {
    float: left;
    width: 83%;
    padding-left: 5px;
    /* padding-top: 16px; */
    padding-right: 8px;
    padding-bottom: 0px;
    /* height: 800px; */
}

.max-width-5pe {
    max-width: 5%;
}

.max-width-4pe {
    max-width: 4%;
}

.max-width-18pe {
    max-width: 18%;
}

.product-chat-material2 {
    height: 268px !important;
}

.max-width-100pe {
    max-width: 100% !important;
}

.position-fixed-admission {
    position: fixed;
    top: 41px;
    left: 16.7%;
    z-index: 1030;
}

.adm-color-orange {
    color: darkorange !important;
}

.adm-color-green {
    color: limegreen !important;
}

.adm-color-yellow {
    color: yellow !important;
}

.adm-color-blue {
    color: deepskyblue !important;
}

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

.backspe {
    background: paleturquoise;
}

.padding-right-4pe {
    padding-right: 4%!important;
}
.padding-right-8pe {
    padding-right: 8% !important;
}
.border-none {
    border: none !important;
    background: none !important;
}
/*.card-background {
    background: var(--border-color);
}*/
.border-color-blue {
    border-right: 10px solid var(--secondary-color) !important;
}

.bordertop5px {
    border-top: 2px solid var(--secondary-color) !important;
}
.borderbot5px {
    border-bottom: 3px solid var(--secondary-color) !important;
}

.footer-background {
    background-color: lightsteelblue !important;
}

.font-color-blue {
    color: var(--secondary-color) !important;
}

.background-color-wt {
    background-color: white !important;
}

.img7 {
    border-radius: 50% !important;
    width: 90px;
    height: 60px;
    margin-left: 2px !important;
}

ul, #myUL {
    list-style-type: none;
}

#myUL {
    margin: 0;
    padding: 0;
}

.caret {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

    .caret::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 6px;
    }

.caret-down::before {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    ' transform: rotate(90deg);
}

.nested {
    display: none;
}

.active {
    display: block;
}

.footerborder-right {
    border-right: 5px solid lightgray !important;
}

.footerborder-top {
    border-top: 5px solid lightgray !important;
}

.panel-title {
    position: relative;
}

    .panel-title::after {
        /*content: "\f107";
        color: #333;
        top: -2px;
        right: 0px;
        position: absolute;
        font-family: "FontAwesome"*/
        content: "\25B6";
        color: cornflowerblue;
        top: 0px;
        right: 0px;
        left: -1px;
        font-size: 16px;
        position: absolute;
        font-family: "FontAwesome";
    }

    .panel-title[aria-expanded="true"]::after {
        /*content: "\f106";*/
        content: '\25BC';
    }

/*
 * Added 12-27-20 to showcase full title clickthrough
 */

.panel-heading-full.panel-heading {
    padding: 0;
}

.panel-heading-full .panel-title {
    padding: 10px 15px;
}

    .panel-heading-full .panel-title::after {
        top: 10px;
        right: 15px;
    }

.wh-header-tests {
    background: var(--primary-color);
    color: cornflowerblue;
    text-transform: initial;
    font-weight: bold;
    border-color: var(--tertiary-background);
    font-size: 12px !important;
}

.product-chart-wrapper-Results {
    position: relative;
    overflow: hidden;
    width: 98%;
    max-width: 100%;
}

.height-404px {
    height: 404px !important;
}
.position-fixed-Activities-admns {
    position: fixed !important;
    top: 159px !important;
    width: 26% !important;
}
.form-control-test {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: lightcyan;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .form-control-test:focus {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: lightblue;
        background-clip: padding-box;
        border: 0px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
.profile-card-border, .card.profile-card-border {
    border: 1px #e1dfdd solid !important;
    border-top: 3px #0078d4 solid !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.06) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

.profile-card-border:hover, .card.profile-card-border:hover {
    border-color: #0078d4 !important;
    border-top-color: #106ebe !important;
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%) !important;
    box-shadow: 0 8px 24px rgba(0, 120, 212, 0.18), 0 2px 6px rgba(0,0,0,0.08) !important;
    transform: translateY(-3px) scale(1.01) !important;
}

.patient-avatar-wrapper {
    width: 60px !important;
    height: 60px !important;
    margin: 4px auto 0 auto !important;
    border-radius: 50% !important;
    border: 2px #0078d4 solid !important;
    padding: 3px !important;
    background: #ffffff !important;
    box-shadow: 0 3px 8px rgba(0, 120, 212, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.patient-avatar-svg {
    width: 36px !important;
    height: 36px !important;
}

.patient-avatar-img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

.patient-name-title {
    color: #201f1e !important;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 8px 0 3px 0 !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

.patient-code-subtitle {
    display: inline-block !important;
    color: #0078d4 !important;
    background: #eff6fc !important;
    font-family: 'Segoe UI', monospace !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 12px !important;
    border-radius: 12px !important;
    margin: 2px auto 0 auto !important;
    text-align: center !important;
}

.actions-btn-prime-profile {
    background: #F1F0F1;
    border-radius: 20px;
    min-width: 100px;
    border-color: #F1F0F1;
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 4px !important;
    padding-right: 12px !important;
    padding-bottom: 3px !important;
    padding-left: 12px !important;
}
.color-#999999 {
    color: #999999;
}
.color-#B3B9BE {
    background: #B3B9BE !important;
}

/* Fix both legacy row structure and flexbox actions container */
.show-child-on-parent-over {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    padding: 10px 8px !important;
    background: #ffffff !important;
    min-height: 48px !important;
}

.show-child-on-parent-over > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
}

.circle-icon, .circle-icon2, .circle-icon3, .circle-icon4, .circle-icon5, .circle-icon6, .patient-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 15px !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
    line-height: 1 !important;
    margin: 2px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.circle-icon:hover, .circle-icon2:hover, .circle-icon3:hover, .circle-icon4:hover, .circle-icon5:hover, .circle-icon6:hover, .patient-action-btn:hover {
    transform: translateY(-2px) scale(1.06) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    text-decoration: none !important;
}

.circle-icon3, .action-adv {
    background: #0078d4 !important;
    color: white !important;
}

.circle-icon4, .action-bill {
    background: #107c41 !important;
    color: white !important;
}

.circle-icon5, .action-rx {
    background: #5c2d91 !important;
    color: white !important;
}

.circle-icon6, .action-profile {
    background: #f3f2f1 !important;
    color: #0078d4 !important;
    border: 1px solid #d2d0ce !important;
}
.circle-icon7 {
    background: dodgerblue !important;
    width: 45px !important;
    height: 30px !important;
    border-radius: 12px 3px 3px 12px;
    text-align: center;
    /*line-height: 30px;*/
    vertical-align: middle;
    padding: 5px;
    color: white !important;
    /*font-size: 15px !important*/
}
/*.circle-icon7:hover {
    background: dodgerblue !important;
    box-shadow: 0px 0px 11px 2px green;
    width: 45px !important;
    height: 30px !important;
    border-radius: 12px 3px 3px 12px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    animation-name: showup;
    animation-duration: 2s;
    color: white !important;
    transform: scale(1.2);
}*/
.dark-magenta {
    color: darkmagenta !important;
}
.color-lightcyan {
    color: lightcyan !important;
}
.color-green {
    color: #48da48 !important;
}
.color-red {
    color: #d84848 !important;
}
.color-blue {
    color: #48a8e3 !important;
}
.color-darkorange {
    color: darkorange !important;
}
.color-dodgerblue {
    color: dodgerblue !important;
}
.color-darkgray {
    color: darkgray !important;
}
.Go-button {
    background: #f1f0f1 !important;
    color: #484848 !important;
    border: 2px solid rgb(211,211,211) !important;
}
.font-weight-300 {
    font-weight: 300 !important;
}
.button-new-health-red {
    padding: 1px 5px 0px !important;
    border-radius: 50% !important;
    background: red !important;
    border-color: red;
    color: var(--primary-color) !important;
}
.button-new-health2 {
    padding: 1px 5px 0px !important;
    border-radius: 50% !important;
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--primary-color) !important;
}
.padding-bottom-15px {
    padding-bottom: 15px !important;
}
.background-sidebar {
    background: #F5F5F5 !important;
}

.color-toggle {
    color: #ff0000 !important;
}

.sidebarul li:not(:first-child) {
    margin-left: 1.8em;
}

.border-sidebar {
    border: 1px solid #c9cdd0;
}

.border-bottom-1pxside {
    border-bottom: 1px solid #c9cdd0;
}

.padding-sidebar {
    padding: .6rem 1rem;
}

.margin-right-8em {
    margin-right: .8em;
}

.sidebar-height {
    height: 595px !important;
}

.background-navigation {
    background: #33CCFF;
}
.background-height {
    background: white;
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
}
.border-right3px-solidgray {
    border-right: 3px solid rgb(211,211,211) !important;
}
.border-3px-solidgray {
    border: 3px solid rgb(211,211,211) !important;
}
.border-bottom1px-solidgray {
    border-bottom: 1px solid rgb(211,211,211) !important;
}
.border-left15px-solidgray {
    border-left: 15px solid rgb(211,211,211) !important;
}
.color-backarrow {
    color: rgb(109,199,255) !important;
}
.margin0px-max-width-100 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    max-width: 100%;
}
.nav-tabs .link3 {
    padding: .5rem 1rem;
}

.nav-tabs .link3.active {
        background: rgb(109,199,255) !important;
        color: var(--primary-color) !important;
        border: 0px solid var(--primary-color) !important;
}

.link3 {
    color: rgb(32,33,33) !important;
    font-size: 15px !important;
}

.link3:hover {
        text-decoration: none !important;
}
.actions-btn-prime-profile2 {
    background: white;
    border-radius: 4px;
    min-width: 50px;
    border: 1px solid rgb(200,200,200) !important;
    color: rgb(80,80,80) !important;
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 5px !important;
    padding-right: 12px !important;
    padding-bottom: 3px !important;
    padding-left: 12px !important;
}
.btn-profile:hover {
    color: white !important;
    background-color: rgb(109,199,255) !important;
}
.wh-header3 {
    background: rgb(109,199,255,0.2) !important;
    color: rgb(46,166,255,0.6) !important;
    text-transform: initial !important;
    font-weight: bold !important;
    /* border-color: var(--tertiary-background); */
    font-size: 1.2rem !important;
    border-bottom: 0px solid var(--border-color) !important;
}
.product-chat-width-cyclestab2 {
    height: 358px;
    width: 100% !important;
}
.font-size-25px {
    font-size: 25px !important;
}
.margin-rigt-4px {
    margin-right: 4px;
}
.color-head-blue {
    color: rgb(46,166,255,0.6) !important;
}
.background-lineheight {
    background: rgb(109,199,255,00) !important;
    line-height: unset !important;
}
.position-fixed-patient2 {
    position: fixed !important;
    top: 56px !important;
    width: 16% !important;
}
.background-clr-blue-03 {
    background-color: rgb(109,199,255,0.3) !important;
}
.background-treatment-status {
    background: rgb(180,180,180,0.2) !important;
}
.opbill-receipthead-bgclr {
    background-color: rgb(180,180,180,0.3) !important;
}
.services-bgclr {
    background-color: rgb(180,180,180,0.1) !important;
}
.btn-bill {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    border-radius: 4px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.Ipbillcard-border {
    border: 1px solid var(--lightgary-color);
    border-radius: 15px;
}

.padding-all-8px {
    padding: 8px !important;
}

.border-top-due {
    border-top: 1px dotted;
    margin-left: 0px;
    margin-right: 0px;
}

.header-ip {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    background: var(--dashboard-profile);
    color: var(--background-card4);
}

.background-billinfo {
    background: #F9EBEB;
}
.billing-calender ngb-datepicker {
    left: -41px !important;
}

.billing-calender2 ngb-datepicker {
    left: -5rem !important;
}
.mistable-data2 {
    padding: 10px;
    background: var(--border-color);
    margin: 5px;
    border-left: 5px solid darkcyan;
}

.td-elipsis-mt {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .td-elipsis-mt:hover {
        overflow: visible;
        white-space: pre-wrap;
        max-width: 100px;
    }
.padding-right-5pe {
    padding-right: 5% !important;
}

.padding-change .input-group .form-control {
    padding-left: 7px !important;
}

.max-width-10pe {
    max-width: 10% !important;
}

.max-width-8pe {
    max-width: 8% !important;
}
.columninvoice {
    float: left;
    width: 80%;
    padding-left: 9px;
    /* padding-top: 16px; */
    padding-right: 8px;
    padding-bottom: 0px;
    /* height: 800px; */
}

.header-fixed-invoice {
    position: fixed;
    width: 79%;
    z-index: 908;
    background: white !important;
}
.border-left-received {
    border-left: 5px solid #48da48;
}

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

.margin-left-2px {
    margin-left: 2px !important;
}
.height-33px {
    height: 33px !important;
}
.height-Scroll-638px {
    height: 638px;
}
.width-97px {
    width: 97px !important;
}
.width-14pe {
    width: 14% !important;
}

.width-0pe {
    width: 0% !important;
}
.wrap-text {
    white-space: initial;
    word-break: break-word;
    color: darkgray;
}
.border-right-left-clr{
    padding-left: 8px;
    border-right: 15px solid #eee;
    border-left: 15px solid rgb(238,185,73);
}
.border-radius-top-left {
    border-top-left-radius: 15px;
}
.border-radius-top-right {
    border-top-right-radius: 15px;
}
.background-color-tbgr1{
    background-color:rgb(209,239,247);
}
.background-color-tbgr2 {
    background-color: rgb(246,200,209);
}
.title-graph {
    text-align: center;
    margin: 10px;
    padding: 1px;
    font-size: 1.8em;
    border-bottom: 5px solid white;
    color: gray;
}
.color-coral {
    color: coral !important;
}
.border-right-2px-gray {
    border-right: 2px solid gray !important;
}
.border-2px-gray {
    border: 2px solid gray !important;
}
.border-2px-dodgerblue {
    border: 2px solid dodgerblue !important;
}
.border-1px-gray {
    border: 1px solid gray !important;
}
.img-60px {
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    margin-left: 2px !important;
}
.border-left-4pxcoral {
    border-left: 4px solid coral !important;
    padding-left: 10px !important;
    border-radius: 8px !important;
}
.columnfeatures1 {
    float: left;
    width: 18%;
    padding-left: 15px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.columnfeatures2 {
    float: left;
    width: 82%;
    padding-left: 5px;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 0px;
    /*height: 800px;*/
}

.position-fixed-Activities4 {
    position: fixed !important;
    width: 16% !important;
}
.borderclr-signin {
    border: 8px solid lightgray !important;
}
.columnVI2 {
    float: left;
    width: 77%;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.height-50pe {
    height: 50% !important;
}
.line-height-1-5em {
    line-height: 1.5em;
}
.font-style-normal {
    font-style: normal !important;
}
.background-gray {
    background-color: gray !important;
}
.bk-color-Checkin {
    background-color: #0a09 !important;
}
.bk-color-Assign {
    background-color: var(--secondary-color) !important;
}
.bk-color-Encend {
    background-color: purple !important;
}
.bk-color-checkout {
    background-color: #27f127 !important;
}
.bk-color-Rejected {
    background-color: red !important;
}
.bk-color-cyan {
    background-color: var(--cyan) !important;
}
.actions-btn-prime-activity {
    background: var(--secondary-color);
    border-radius: 4px;
    min-width: 150px;
    border-color: var(--secondary-color);
    box-shadow: none;
    text-shadow: none;
    margin-left: 0px;
    text-transform: initial !important;
    padding-top: 5px !important;
    padding-right: 12px !important;
    padding-bottom: 3px !important;
    padding-left: 12px !important;
}
.overflow-auto1 {
    overflow: auto !important;
}
.display-block {
    display: block !important;
}
.tbody-scroll-800px {
    height: 800px; 
    overflow-y: auto; 
    overflow-x: hidden;
}
.border-bottom-tc {
    border-bottom: 2px solid rgb(2,222,122,0.7) !important;
}
.position-fixed-counselling2 {
    position: fixed !important;
    top: 60px !important;
    width: 240px !important;
    left: 10px !important;
    right: 0px !important;
}
.margin-top-50px {
    margin-top: 50px !important;
}
.position-fixed-Activities5 {
    position: fixed !important;
    width: 18% !important;
}
.position-fixed-Activities6 {
    position: fixed !important;
    width: 57% !important;
}
.position-fixed-Activities80 {
    position: fixed !important;
    width: 80% !important;
}
.font-size-1-1em {
    font-size: 1.1em !important;
}
.underline {
    text-decoration: underline !important;
}
/*select.form-control:not([size]):not([multiple]) {
    height: calc(1.6rem + 2px) !important;
}*/

.myBtn {
    /*display: none;*/
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: dodgerblue;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
}

.myBtn:hover {
        background-color: #555;
 }
.myBtnBottom {
    /*display: none;*/
    position: fixed;
    top: 62px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: dodgerblue;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
}

.myBtnBottom:hover {
        background-color: #555;
}
.border-bottom-left-radius-25px {
    border-bottom-left-radius: 25px !important;
}
.border-bottom-right-radius-25px {
    border-bottom-right-radius: 25px !important;
}
.margin-top--3px {
    margin-top: -3px !important;
}

.ng-autocomplete {
    width: 150px;
}
.background-color-e4 {
    background-color: #e4e4e4 !important;
}
.border-left-5px-dodgerblue {
    border-left: 5px solid dodgerblue !important;
}
.border-bottom-2px-dodgerblue {
    border-bottom: 2px solid dodgerblue !important;
}
.background-color-dodgerblue {
    background-color: dodgerblue !important;
}
.border-left-4px-white {
    border-left: 4px solid white !important;
}
.min-height-30 {
    min-height: 30px !important;
}
.border-bottom-2px-gray {
    border-bottom: 2px solid gray !important;
}
.border-bottom-2px-white {
    border-bottom: 2px solid white !important;
}
.calendar-decrmt-incrmt-hover:hover {
    background: #14a0def0 !important;
    border: 3px solid #e4e4e4 !important;
    margin-right: 2px !important;
}
.border-bottom-left-radius-20px {
    border-bottom-left-radius: 20px !important;
}
.border-top-left-radius-20px {
    border-top-left-radius: 20px !important;
}
.border-bottom-right-radius-20px {
    border-bottom-right-radius: 20px !important;
}
.border-top-right-radius-20px {
    border-top-right-radius: 20px !important;
}
.calendartime-hover:hover {
    background: #ccddff !important;
    color: black !important;
    /*background: #bbbbbb !important;
    color: white !important;*/
    /*font-size: 16px !important;
    font-weight: bold !important;*/
}
.background-color-d {
    background-color: #dddddd !important;
}
.border-bottom-right-radius-15px {
    border-bottom-right-radius: 15px !important;
}
.border-bottom-left-radius-15px {
    border-bottom-left-radius: 15px !important;
}
.border-top-5px-white {
    border-top: 5px solid white !important;
}
.ptname-hover:hover {
    color: dodgerblue !important;
    background: white !important;
    padding-left: 3px !important;
    font-size: 16px !important;
    border-radius: 7px !important;
    border: 2px solid dodgerblue !important;
    padding-right: 3px !important;
}
.ptname-appt {
    color: dodgerblue !important;
    background: white !important;
    padding-left: 3px !important;
    font-size: 16px !important;
    border-radius: 7px !important;
    border: 2px solid dodgerblue !important;
    padding-right: 3px !important;
}
.border-radius-50p1 {
    border-radius: 50% !important;
    border-color: white !important;
    border: 4px solid white !important;
}
.background-color-calview {
    background-color: #14a0def0 !important;
}
.border-left-2px-e4 {
    border-left: 2px solid #e4e4e4 !important;
}
.border-top-2px-e4 {
    border-top: 2px solid #e4e4e4 !important;
}
.border-bottom-left-radius-5px {
    border-bottom-left-radius: 5px !important;
}
.color-Appt-Checkin {
    color: #0a09 !important;
}
.color-Appt-Encstart {
    color: var(--secondary-color) !important;
}
.color-Appt-EncEnd {
    color: purple !important;
}
.color-Appt-Checkout {
    color: #27f127 !important;
}
.color-Appt-Noshow {
    color: red !important;
}

/* Remove ugly black focus ring outline when top navbar items or buttons are clicked */
.navbar-nav a:focus,
.navbar-nav a:active,
.navbar-nav a:focus-visible,
.nav-item:focus,
.nav-item:active,
.nav-item a:focus,
.nav-item a:active,
.nav-item a:focus-visible,
.nav-link:focus,
.nav-link:active,
.nav-link:focus-visible,
.nav3:focus,
.nav3:active,
.nav3:focus-visible,
.nav3 a:focus,
.nav3 a:active,
.nav3 a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Executive Microsoft Office Professional Modal Dialog Styling (Strictly Scoped to Modals Only) */
ngb-modal-window {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

ngb-modal-window .modal-dialog {
    max-width: 820px !important;
    width: 820px !important;
    margin: 1.75rem auto !important;
    display: flex !important;
    justify-content: center !important;
}

ngb-modal-window .modal-content,
.modal-signup.modal-content,
.modal-content-width,
ngb-modal-window .modal-signup,
ngb-modal-window .modal-content-width {
    background: #ffffff !important;
    border: 1px solid #e1dfdd !important;
    border-top: 4px solid #0078d4 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    width: 820px !important;
    max-width: 92vw !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

ngb-modal-window .modal-header {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-bottom: 1px solid #edebe9 !important;
    padding: 14px 20px !important;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #201f1e !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

ngb-modal-window .card-header.wh-header,
.modal-signup .card-header.wh-header {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-bottom: 1px solid #edebe9 !important;
    padding: 12px 20px !important;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #201f1e !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

ngb-modal-window button.close,
ngb-modal-window .close,
.modal-signup .close {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #f3f2f1 !important;
    color: #605e5c !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    opacity: 1 !important;
    transition: all 0.2s ease !important;
    font-size: 18px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
}

ngb-modal-window button.close:hover,
ngb-modal-window .close:hover,
.modal-signup .close:hover {
    background: #e1dfdd !important;
    color: #d13438 !important;
    transform: scale(1.08) !important;
}

ngb-modal-window .modal-body {
    padding: 16px 20px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Modal Body Tables Responsiveness */
ngb-modal-window .modal-body .table-responsive {
    overflow-x: auto !important;
    width: 100% !important;
}

ngb-modal-window .modal-body label {
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #323130 !important;
}

ngb-modal-window .modal-body select,
ngb-modal-window .modal-body input.form-control,
ngb-modal-window .modal-body select.form-control {
    background: #ffffff !important;
    border: 1px solid #d2d0ce !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    color: #201f1e !important;
    transition: all 0.2s ease !important;
}

ngb-modal-window .modal-body select:focus,
ngb-modal-window .modal-body input:focus,
ngb-modal-window .modal-body .form-control:focus {
    border-color: #0078d4 !important;
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2) !important;
    outline: none !important;
}

/* Modal Footer Buttons - Only inside ngb-modal-window / modal-signup */
ngb-modal-window .modal-footer button,
ngb-modal-window .modal-body button[type="submit"],
.modal-signup button[type="submit"] {
    border-radius: 18px !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 20px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

ngb-modal-window button[type="submit"],
ngb-modal-window .btn-primary,
.modal-signup button[type="submit"] {
    background: #0078d4 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 5px rgba(0, 120, 212, 0.25) !important;
}

ngb-modal-window button[type="submit"]:hover,
ngb-modal-window .btn-primary:hover,
.modal-signup button[type="submit"]:hover {
    background: #106ebe !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(0, 120, 212, 0.35) !important;
}

/* Remove nested white card backgrounds and grid columns inside modals to eliminate background box screen */
ngb-modal-window .card,
ngb-modal-window .card.col-xl-12,
ngb-modal-window .card.col-lg-12,
ngb-modal-window .card.col-md-12,
ngb-modal-window .card.col-sm-12,
ngb-modal-window .my-profile-form,
ngb-modal-window .my-profile-form.document,
.modal-signup .card,
.modal-signup .card.col-xl-12,
.modal-signup .my-profile-form,
.modal-signup .my-profile-form.document {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

ngb-modal-window .card-body,
.modal-signup .card-body {
    background: transparent !important;
    padding: 8px 0 !important;
}

/* Sleek Executive Fluent Modal Tabs */
ngb-modal-window .nav-tabs,
ngb-modal-window .nav-tab-service,
ngb-modal-window .nav-tab-service2,
.modal-signup .nav-tabs,
.modal-signup .nav-tab-service2 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    border-bottom: 2px solid #edebe9 !important;
    background: transparent !important;
    margin-top: 10px !important;
    margin-bottom: 16px !important;
    padding-left: 0 !important;
    list-style: none !important;
}

ngb-modal-window .nav-tabs li,
ngb-modal-window .nav-tab-service2 li,
.modal-signup .nav-tabs li,
.modal-signup .nav-tab-service2 li {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

ngb-modal-window .nav-tabs li a,
ngb-modal-window .nav-itemerp,
ngb-modal-window .nav-item2,
.modal-signup .nav-itemerp,
.modal-signup .nav-item2 {
    color: #605e5c !important;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    border: none !important;
    border-radius: 6px 6px 0 0 !important;
    background: transparent !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-decoration: none !important;
    display: block !important;
    outline: none !important;
    box-shadow: none !important;
    margin-bottom: -2px !important;
}

ngb-modal-window .nav-tabs li a:hover,
ngb-modal-window .nav-itemerp:hover,
ngb-modal-window .nav-item2:hover,
.modal-signup .nav-itemerp:hover {
    color: #0078d4 !important;
    background: #f3f2f1 !important;
    border: none !important;
}

ngb-modal-window .nav-tabs li.active a,
ngb-modal-window .nav-tabs li a.active,
ngb-modal-window .nav-itemerp.active,
ngb-modal-window .nav-item2.active,
.modal-signup .nav-itemerp.active {
    color: #0078d4 !important;
    background: #eff6fc !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 8px 14px !important;
    border: none !important;
    border-bottom: 3px solid #0078d4 !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: none !important;
}