@charset "UTF-8";

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    outline: none;
}

body, html {
    width: 100%;
    height: 100%;
}

html {
    min-height: 100%;
    position: relative;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body, html {
    height: 100%;
}

body {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 0;
    width: 100%;
    height: 100%;
    font-family: Poppins, sans-serif;
    font-weight: 500;
}

a:hover {
    text-decoration: none;
}

a[data-toggle=collapse] {
    position: relative;
}

a {
    cursor: pointer;
}

.none {
    display: none;
}

.v-align-txt-bottom {
    vertical-align: text-bottom;
}

.mrg-b-15 {
    margin-bottom: 15px;
}

.mrg-b-5 {
    margin-bottom: 5px;
}

.mrg-t-15 {
    margin-top: 15px;
}

.mrg-t-20 {
    margin-top: 20px;
}

.mrg-t-10 {
    margin-top: 10px;
}

.mrg-0 {
    margin: 0px;
}

.pad-t-10 {
    padding-top: 10px;
}

.pad-b-10 {
    padding-bottom: 10px;
}

.row {
    margin: 0px;
}

.v-align-sub {
    vertical-align: sub;
}

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

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

.w-33-p {
    width: 33% !important;
}

.citizen-logo {
    transform: translate(-50%, 0%);
    left: 50%;
    position: relative;
    width: 220px;
}

.brdr-right {
    border-right: 1px solid #acacac;
}

.bg-blue {
    background: #006cb7;
    border: 1px solid #006cb7;
}

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

.bg-green {
    background-color: #00853e !important;
}

.bg-yellow {
    background-color: #ad9303 !important;
}

.font-size-13 {
    font-size: 13px;
}

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

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


.service-txtbox {
    margin-top: 0px;
}

    .service-txtbox input {
        color: #000;
        font-size: 13px;
        padding-bottom: 0px;
        font-weight: 500;
    }

    .service-txtbox label {
        color: #000;
        font-size: 13px;
    }

.f-w-500 {
    font-weight: 500;
}

.f-w-700 {
    font-weight: 700;
}

.brdr-bottom-e8 {
    border-bottom: 1px solid #e8e8e8;
}

.brdr-top-e8 {
    border-top: 1px solid #e8e8e8;
}


.relative {
    position: relative;
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: white;
}

@keyframes blinker {
    50% {
        opacity: 0.2;
    }
}

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

.p-l-25 {
    padding-left: 25px;
}

.p-r-25 {
    padding-right: 25px;
}

/*********************************************************************************************/
/******************************** Footer ****************************************************/
.footer {
    height: auto;
    background: #25313E;
    position: fixed;
    z-index: 1002;
    width: 100%;
    bottom: 0;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.footer-inner {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    vertical-align: bottom;
}


/******************************************* End Footer **************************/
.v-align-sub {
    vertical-align: sub;
}

.wrapper {
    display: flex;
    align-items: stretch;
}

    .wrapper #content .navbar {
        margin-bottom: 0px;
    }

/**************************** End Sidebar *********************/
/************************** Sub header ************************/
.sub-header-img {
    filter: brightness(0) invert(1);
}

.subactive {
    color: #82984a !important;
    font-weight: 600 !important;
}

.top-header {
    /*background-color: #933ec5;*/
    /*background-color: #3ca80d;*/
    background-color: #006cb7;
}

.page-heading {
    padding: 13px 0 10px 10px;
    margin-left: 1px;
    /*height: 50px;*/
    height: 50px;
}

    .page-heading h4 {
        margin-bottom: 0px;
        margin-bottom: 0px;
        color: #fff;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 400;
        padding-top: 1px;
    }

/************************** End Sub header ************************/

/*********************************** Header css ********************************************/
#content {
    width: 100%;
    height: calc(100vh - 90px);
    /* margin-bottom: 40px; */
    overflow: auto;
    transition: all 0.3s;
    background-color: #F6FAFF;
    margin-bottom: 20px;
}


.first-bar {
    width: 28px;
    height: 2px;
    background-color: #006cb7;
    margin: 4px 3px;
    text-align: center;
    cursor: pointer;
}

.second-bar {
    margin: 6px 4px;
    width: 20px;
    height: 2px;
    background-color: #006cb7;
    cursor: pointer;
}

.third-bar {
    margin: 6px 5px;
    width: 14px;
    height: 2px;
    background-color: #006cb7;
    cursor: pointer;
}

#sidebarCollapse {
    cursor: pointer;
}

.pad-l-25-i {
    padding-left: 25px !important;
}

.quick-link .wel-txt {
    font-size: 15px !important;
    padding-top: 11px !important;
}

.quick-link img {
    margin-top: 15px !important;
}

.wel-box {
    position: absolute;
    top: 15px;
    right: 55px;
    font-size: 13px;
}

    .wel-box .wel-txt {
        text-align: center;
        font-weight: 700;
    }

.logout {
    position: absolute;
    left: auto;
    right: 28px;
    float: right;
    top: 21px;
}

.noti-number {
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -6px;
    left: 0px;
    margin-left: 15px;
    height: 20px;
    width: 20px;
    background: #e46a76;
}

    .noti-number span {
        color: #fff;
        font-size: 12px;
        position: relative;
        top: -4px;
        font-weight: 400;
    }

.wel-txt {
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
    padding-left: 8px;
    padding-top: 8px;
}

.list-unstyled .fa-circle {
    color: #933ec5;
}

/**************************************** End Header **************************************************************************/
/****************************************************** Ibox css ****************************************************************/
.ibox {
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
    margin: 15px 0px;
    box-shadow: 0.035px 2px 10px 0px rgba(175, 175, 175, 0.81);
    border-radius: 5px;
}

.iboxAlt {
}

.ibox-title {
    border-color: #005c32;
    background-color: #005c32;
    border-width: 0 0 0;
    padding: 8px 15px;
    min-height: 38px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 1px;
    border-style: solid;
}

    .ibox-title h5 {
        color: #fff;
        margin-bottom: 0px;
        font-size: 14px;
        padding-top: 1px;
    }

.ibox-content {
    width: 100%;
}

    .ibox-content .showlist {
        background: #006cb7;
        color: #fff !important;
        padding: 7px 15px 7px 15px;
        border-radius: 5px;
        border-radius: 5px;
        text-transform: capitalize;
        /* font-size: 16px; */
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        margin-top: 0px;
        font-weight: 500;
    }

        .ibox-content .showlist i {
            font-size: 24px;
            margin-right: 7px;
            vertical-align: bottom;
        }

    .ibox-content h5 {
        font-size: 20px;
        color: #333333;
        font-weight: 400;
        padding-bottom: 30px;
        margin-bottom: 0;
    }

.service-txtbox {
    margin-top: 0px;
}

    .service-txtbox input {
        color: #000;
        font-size: 13px;
    }

    .service-txtbox label {
        color: #005c32;
        font-size: 13px;
        font-weight: 500;
    }

    .service-txtbox .form-control {
        padding-bottom: 2px !important;
    }

.box-shadow-none {
    box-shadow: none !important;
}

/****************************************************** End Ibox css ****************************************************************/
/***************************** Button CSS ********************************************************/
.btn-save {
    background-color: #24b277;
    border-radius: 5px;
    text-transform: capitalize;
    /*font-size: 14px;*/
    font-size: 13px;
    letter-spacing: 1px;
    padding: 11px 30px;
    /*padding: 8px 12px;*/
}

    .btn-save img {
        padding-right: 10px;
    }

.btn-cancel {
    background-color: #a8a8a8;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 30px;
}

    .btn-cancel img {
        padding-right: 10px;
        vertical-align: inherit;
    }

.btn-reset {
    background-color: #e41b45;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 30px;
}

    .btn-reset img {
        padding-right: 10px;
        vertical-align: inherit;
    }

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

.outline-button {
    background-color: #ffffff;
    letter-spacing: 0px;
    border: 1px solid #006cb7;
}

    .outline-button img {
        filter: brightness(0%);
    }

.btn-authorized {
    background: #3cbd0a;
    color: #fff;
}

.patient-btn {
    background: #006cb7;
    border-radius: 5px;
    padding: 5px;
}

/***************************** End Button CSS ********************************************************/

/***************************************** Scroller Tab ************************************************/
/* width */
::-webkit-scrollbar {
    width: 3px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey;*/
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #c6c6c6;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #aaaaaa;
    }

/***************************************** End Scroller Tab ************************************************/
/********************************* arrow **********************************************/
.arrow {
    transition: visibility 0s, opacity 0.3s ease-in-out;
    font-size: 25px !important;
    margin-right: 7px;
    vertical-align: middle;
}

    .arrow.animate-left-to-right {
        animation-name: move-left-to-right;
        animation-duration: 1s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        animation-direction: alternative;
    }

@keyframes move-left-to-right {
    0% {
        transform: translateX(5%);
    }

    50% {
        transform: translateX(15%);
    }

    100% {
        transform: translateX(5%);
    }
}
/************************* End Arrow *********************************************/
/**************************** Progress bar ****************************************/
.md-progress {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: fixed;
    z-index: 1111;
    display: block;
    width: 100%;
    height: 0.25rem;
    overflow: hidden;
    background-color: #00853e !important;
}

    .md-progress .progress-bar {
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 0.3rem;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #0d47a1;
    }

    .md-progress .progress-bar-animated {
        -webkit-transition: width 2s ease-in-out;
        -o-transition: width 2s ease-in-out;
        transition: width 2s ease-in-out;
    }

    .md-progress .indeterminate {
        /*background-color: #90caf9*/
        background-color: #7af0b2;
    }

        .md-progress .indeterminate:before {
            content: "";
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        }

        .md-progress .indeterminate:after {
            content: "";
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation: indeterminate 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s;
        }

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}
/**************************** End Progress bar ****************************************/


/************************************** Upload Excel Button ***************************/
.upload-download-excel {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.upload-download-excel-bin {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.upload-download-excel input {
    opacity: 0;
    display: none;
}

.upload-download-excel .upload-excel-file {
    background: #ffffff;
    position: relative;
    border: 1px solid #c2c2c2;
    border-right: 0;
    border-radius: 5px 0px 0px 5px;
    margin: 0;
}

    .upload-download-excel .upload-excel-file span {
        font-size: 14px;
        vertical-align: bottom;
    }

    .upload-download-excel .upload-excel-file svg {
        height: 16px;
        vertical-align: middle;
    }

.upload-download-excel .uplaod-btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 9px 13px;
    left: 0;
    margin: 0;
    margin-left: -4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    font-size: 14px;
}

.btn-export-excel {
    background: #006cb7;
    border-radius: 5px;
    margin-top: 0px;
    font-size: 12px;
    padding: 12px 20px;
    /*padding: 9px 15px;*/
}

    .btn-export-excel i {
        margin-right: 5px;
    }

.uplaod-btn img {
    width: 30px;
}

.inputfile {
    display: none;
}

.wizard-input-block {
    display: none !important;
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
}

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

.upload-btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/************************************ End Upload Excel Button ********************************/
/***************************************** Form CSS ******************************************/
.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {
    border-bottom: 1px solid #000;
}


[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input-select {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input[type=checkbox] + label, label.btn input[type=checkbox] + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-check-input-select[type=checkbox] + label, label.btn input[type=checkbox] + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-label-select {
    margin-bottom: 0;
}

.form-check-input[type=checkbox] + label, label.btn input[type=checkbox] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-check-input-select[type=checkbox] + label, label.btn input[type=checkbox] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .form-check-input[type=checkbox] + label:before, .form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox] + label:before, label.btn input[type=checkbox]:not(.filled-in) + label:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #000;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        margin-top: 3px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .form-check-input-select[type=checkbox] + label:before, .form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox] + label:before, label.btn input[type=checkbox]:not(.filled-in) + label:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #005c32;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        margin-top: 3px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

.form-check-label {
    margin-bottom: 0;
    font-weight: 500 !important;
}

.form-check-label-select {
    margin-bottom: 0;
    font-weight: 500 !important;
}

.form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.form-check-input-select[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.form-check-input[type=checkbox]:checked + label:before, label.btn input[type=checkbox]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 1.375rem;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.form-check-input-select[type=checkbox]:checked + label:before, label.btn input[type=checkbox]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 1.375rem;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #005c32;
    border-bottom: 2px solid #005c32;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

/************************************************ End Form CSS ******************************************************/
/***************************************************** Input box css *********************************************/
.inp {
    position: relative;
    margin: auto;
    width: 100%;
    margin-bottom: 15px;
    /*max-width: 280px;*/
}

.w-50-inp {
    width: 50px;
}

.inp .label {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    transform-origin: 0 0;
    transition: all 0.2s ease;
}

.inp .border {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #07f;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all 0.15s ease;
}

.inp input {
    -webkit-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 12px 0;
    height: auto;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid #000000;
    background: none;
    border-radius: 0;
    color: #000;
    transition: all 0.15s ease;
    padding-bottom: 7px;
    /*&:hover {
background: rgba(34,50,84,0.03);
}*/
}


    .inp input:focus {
        background: none;
        outline: none;
    }

        .inp input:focus + span {
            /*color: #000;
transform: translateY(-26px) scale(0.75);*/
            -webkit-transform: translateY(-140%);
            -ms-transform: translateY(-140%);
            transform: translateY(-140%);
            /*& + .border {
transform: scaleX(1);
}*/
        }

textarea {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #000 !important;
}

/*****************************************************End  Input box css *********************************************/

/********************************* Tooltip **************************************************8*/
.material-tooltip {
    padding: 10px 8px;
    font-size: 1rem;
    z-index: 9999;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    font-size: 13px;
    line-height: 120%;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: #323232;
}

/****************************** End Tooltip ***************************/
/******************************** Modal Popup UI **********************/
.modal {
    background: #0000008a !important;
    top: 0 !important;
    z-index: 1071 !important;
}

.genericmodal {
    background: #0000008a !important;
    top: 0 !important;
    z-index: 1071 !important;
}

    .genericmodal .modal-dialog {
        width: 40%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) !important;
    }

.AddProductModalMain .modal-dialog {
    top: 45% !important;
}

.genericmodal .model-dialog-package {
    width: 40%;
    top: 50%;
    margin: 0 auto;
    transform: initial !important;
    position: initial !important;
    margin-top: 10%;
}

.genericmodal .modal-body {
    padding: 20px 5px !important;
}

.genericmodal .modal-footer {
    display: block !important;
}

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

.genericborder:after {
    border-bottom: 1px dashed #ccc !important;
    top: 25px;
}

.add-folder {
    display: flex;
    gap: 20px;
}

    .add-folder span {
        font-size: 15px;
        color: #000;
        font-weight: 600;
        margin-left: 6px;
        vertical-align: middle;
    }

.new-folder-add {
    margin: 10px;
    display: inline-block;
    background: #f3f3f3;
    border-radius: 5px;
    text-align: center;
    position: relative;
    padding: 0 !important;
    box-shadow: 1px 6px 13px #ccc;
}

    .new-folder-add .icons-top {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
    }

        .new-folder-add .icons-top ul {
            display: table;
            margin: 0 auto;
        }

            .new-folder-add .icons-top ul li {
                margin: 5px 8px 2px 8px;
                display: inline-block;
            }

    .new-folder-add .add {
        margin: 10px 0 10px 0px;
    }

    .new-folder-add label {
        display: block;
        font-size: 15px !important;
        font-weight: 500;
        border-top: 1px solid #b9b9b9;
        padding-top: 6px;
    }

.file-wizard {
    margin-top: 12px;
    margin-bottom: 0;
}

    .file-wizard ul {
        display: flex;
        padding: 0px;
        align-items: center;
    }

        .file-wizard ul li {
            background: #e6e6e6;
            padding: 7px 12px;
            position: relative;
            margin: 0 13px;
        }

            .file-wizard ul li img {
                margin-right: 5px;
            }

            .file-wizard ul li:after {
                content: "";
                width: 0;
                height: 0;
                border-top: 37px solid #e6e6e6;
                border-right: 20px solid transparent;
                display: block;
                position: absolute;
                right: -20px;
                top: 0;
            }

            .file-wizard ul li:before {
                content: "";
                width: 0;
                height: 0;
                border-bottom: 38px solid #e6e6e6;
                border-left: 20px solid transparent;
                display: block;
                position: absolute;
                left: -20px;
                top: 0;
            }

            .file-wizard ul li:first-child {
                margin-left: 0px;
            }

                .file-wizard ul li:first-child:before {
                    display: none;
                }

            .file-wizard ul li:last-child:after {
                display: none;
            }

            .file-wizard ul li svg {
                color: #25313e;
            }

            .file-wizard ul li span {
                font-size: 14px;
                font-weight: 700;
                color: #25313e;
            }

.doc {
    width: 100%;
    height: 500px;
}

.border-right {
    border-right: 1px dashed #ccc !important;
}

.h-100 {
    height: 100%;
}
/**********************End Employee***********************/
/******************************** End Modal Popup UI **********************/
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}


ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/****************************************************** Ibox css ****************************************************************/
.upload-top-bottom {
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate;
}

@-webkit-keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-2px);
    }
}

@keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-2px);
    }
}



.sub-active-menu svg {
    color: #0B273A !important;
    stroke-width: 2;
}

.sub-active-menu i {
    color: #006cb7 !important;
    font-weight: 500 !important;
}

.txteditor #menuBarDiv_txtEditor .btn-default.dropdown-toggle {
    background-color: #006cb7 !important;
}

.txteditor .btn-default {
    background-color: #006cb7 !important;
}

.print-icon {
    right: 250px;
}

.btn-floating.btn-lg {
    width: 35px;
    height: 35px;
}

.amber.darken-2 {
    background-color: #933ec5 !important;
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

.file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px;
    height: 2.5rem;
}

.file-field input.file-path {
    width: 100%;
    height: 1.8rem;
    font-size: 13px;
    padding-top: 2px;
}

.c .input-field {
    position: relative;
    margin-top: 0rem;
    margin-bottom: 1rem;
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.custom-file-upload {
    display: block;
    width: auto;
    font-size: 13px;
    margin-top: -25px;
}

    .custom-file-upload label {
        display: block;
        margin-bottom: 5px;
    }

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
}

.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    padding: 7px 15px;
    border: none;
    margin-left: -1px;
    background-color: #fff;
    float: left;
    border-left: 1px solid #c1c1c1 !important;
    transition: all 0.2s ease-in;
    border: 1px solid #d4d4d4;
    height: auto;
    min-height: 37px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

    .file-upload-button:hover {
        background-color: #592479;
        color: #fff;
    }

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

    .search-data i {
        position: absolute;
        left: 6px;
        top: 10px;
    }

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

.searchUser-radio {
    position: relative;
}

    .searchUser-radio .form-radio {
        position: relative;
        border-bottom: 1px solid #0000001a;
        padding-bottom: 8px;
        width: 100%;
    }

    .searchUser-radio:last-child .form-radio {
        border: none;
    }

.searchResult-title {
    background: #dddddd;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

    .searchResult-title h6 {
        font-size: 12px;
        color: #333;
        font-weight: 600;
        margin: 0;
    }

.searchResult-li {
    border: 1px solid #d3d3d3;
    border-radius: 0 0 10px 10px;
    padding: 10px 10px 0px 10px;
    height: 130px;
    overflow: auto;
}

    .searchResult-li .radio-main {
        height: fit-content;
    }



.searchUser-input {
    width: fit-content !important;
}

.view-presc-table {
    margin-top: 10px;
}


    .view-presc-table thead {
        border: 1px solid #e8e8e8;
    }

        .view-presc-table thead tr {
            background: #e8e8e8;
            color: #000;
            border-radius: 0px;
            font-weight: 500;
        }

        .view-presc-table thead th {
            /*padding-top: 10px;
padding-bottom: 10px;*/
            font-size: 13px;
            cursor: pointer;
            font-weight: 500;
            padding: 7px 5px 7px 6px;
            /*padding: 0px 5px 3px 6px;*/
            vertical-align: bottom;
        }

    .view-presc-table tbody {
        border: 1px solid #ececec;
    }

        .view-presc-table tbody tr {
            background-color: #ffffff;
            border-radius: 5px;
            border: 1px solid #d4d4d4;
        }

        .view-presc-table tbody td {
            /*padding-top: 10px;
            padding-bottom: 10px;*/
            font-size: 13px;
            border: 0px;
            font-weight: 500;
            /*padding: 5px 5px 5px 6px;*/
            padding: 3px 5px 3px 6px;
            vertical-align: middle;
        }

    .view-presc-table thead tr.action-row {
        background: #ffffff;
    }

        .view-presc-table thead tr.action-row td {
            padding: 1px;
        }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f8f8f8 !important;
}

.media .avatar {
    width: 64px;
}

.rounded-corners textarea {
    border-radius: 0.25rem;
}

.add-provider {
    font-size: 12px;
    font-weight: 700;
}

    .add-provider img {
        width: 15px;
        margin-right: 5px;
    }

.header-icons {
    display: none;
}

.table label {
    color: #000 !important;
}

    .table th .form-check-input[type=checkbox] + label:before, .table .form-check-input[type=checkbox]:not(.filled-in) + label:after, .table label.btn input[type=checkbox] + label:before, .table label.btn input[type=checkbox]:not(.filled-in) + label:after {
        border: 2px solid #000;
    }

    .table th .form-check-input[type=checkbox]:checked + label:before, .table label.btn input[type=checkbox]:checked + label:before {
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
    }

/****************************************************************** Scroll Tabs *******************************************************************/

.scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
}

    .scrtabs-tabs-fixed-container ul.nav-tabs > li {
        white-space: nowrap;
        /*margin-left: 0px !important;*/
    }

.scrtabs-tab-scroll-arrow-right {
    left: 8px;
}

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

.newuserlist {
    right: 200px !important;
}

    .newuserlist.addnewprovider {
        right: 165px !important;
    }

.phone-icon {
    font-size: 24px !important;
    padding-top: 5px !important;
    padding-left: 3px !important;
}

.sort-icon {
    font-size: 14px;
    padding-top: 1px !important;
}
/**************************************** Customer Menu *********************************************************/
.nav-tabs.notika-menu-wrap {
    border-bottom: 0px solid #ddd;
}

.notika-menu-wrap li {
    float: left;
    margin-bottom: -1px;
}

    .notika-menu-wrap li.active a {
        background: #fff;
    }

    .notika-menu-wrap li a {
        font-size: 15px;
        color: #333;
        padding: 15px 25px;
        border: none;
    }

ul.notika-menu-wrap li a {
    font-size: 15px;
    color: #333;
    padding: 15px 25px;
    border: none;
    font-weight: 400;
}

.people-list {
    width: 280px;
    float: left;
}

    .people-list .list {
        background: #444753;
    }

    .people-list .search {
        position: relative;
    }

    .people-list input {
        border-radius: 0px;
        border: none;
        padding: 14px;
        color: white;
        background: #6A6C75;
        width: 100%;
        font-size: 14px;
    }

    .people-list .fa-search {
        position: absolute;
        left: auto;
        top: 15px;
        color: #fff;
        right: 15px;
    }

    .people-list ul {
        padding: 20px 0px 20px 0px;
        height: auto;
        margin-bottom: 0px;
    }

        .people-list ul li {
            padding-bottom: 8px;
            list-style-type: none;
            padding-right: 20px;
            padding-left: 20px;
        }

    .people-list img {
        float: left;
    }

    .people-list .about {
        float: left;
        margin-top: 12px;
    }

        .people-list .about .name {
            color: #fff;
            font-size: 14px;
        }

    .people-list .about {
        padding-left: 8px;
    }

    .people-list .status {
        color: #92959E;
        font-size: 14px;
    }

.chat {
    width: calc(100% - 280px);
    float: left;
    background: #F2F5F8;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #434651;
}

    .chat .chat-header {
        padding: 8px 20px;
        border-bottom: 2px solid white;
        background-color: #444753;
    }

        .chat .chat-header img {
            float: left;
        }

        .chat .chat-header .chat-about {
            float: left;
            padding-left: 10px;
            margin-top: 6px;
        }

        .chat .chat-header .chat-with {
            font-weight: bold;
            font-size: 16px;
        }

        .chat .chat-header .chat-header-text {
            color: white;
        }

        .chat .chat-header .chat-num-messages {
            color: #92959E;
        }

        .chat .chat-header .fa-star {
            float: right;
            color: #D8DADF;
            font-size: 20px;
            margin-top: 12px;
        }

    .chat .chat-history {
        padding: 15px 30px 20px;
        border-bottom: 2px solid white;
        overflow-y: scroll;
        height: 70vh;
    }

        .chat .chat-history .message-data {
            margin-bottom: 15px;
        }

        .chat .chat-history ul {
            padding-left: 0px !important;
        }

            .chat .chat-history ul li {
                list-style-type: none;
            }

        .chat .chat-history .message-data-time {
            color: #a8aab1;
            padding-left: 6px;
        }

        .chat .chat-history .message {
            color: white;
            padding: 18px 20px;
            line-height: 20px;
            font-size: 16px;
            border-radius: 7px;
            margin-bottom: 15px;
            width: 60%;
            position: relative;
        }

            .chat .chat-history .message:after {
                bottom: 100%;
                left: 7%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-bottom-color: #86BB71;
                border-width: 10px;
                margin-left: -10px;
            }

        .chat .chat-history .my-message {
            background: #86BB71;
        }

        .chat .chat-history .other-message {
            background: #94C2ED;
        }

            .chat .chat-history .other-message:after {
                border-bottom-color: #94C2ED;
                left: 93%;
            }

    .chat .chat-message {
        padding: 24px;
    }

        .chat .chat-message textarea {
            width: 100%;
            border: none;
            padding: 10px 20px;
            font: 14px/22px "Lato", Arial, sans-serif;
            margin-bottom: 10px;
            border-radius: 5px;
            resize: none;
        }

        .chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o {
            font-size: 16px;
            color: gray;
            cursor: pointer;
        }

        .chat .chat-message button {
            float: right;
            color: #94C2ED;
            font-size: 16px;
            text-transform: uppercase;
            border: none;
            cursor: pointer;
            font-weight: bold;
            background: #F2F5F8;
        }

            .chat .chat-message button:hover {
                color: #75b1e8;
            }

.online, .offline, .me {
    margin-right: 3px;
    font-size: 10px;
}

.online {
    color: #86BB71;
}

.offline {
    color: #E38968;
}

.me {
    color: #94C2ED;
}

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

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

.float-right {
    float: right;
}

.link-color-blue {
    color: #007bff !important;
}

.text-decor-underline {
    text-decoration: underline;
}

.ticket-color td {
    /*position: relative;*/
}

.ticket-color .green-border {
    border: 1px solid #487D01;
    border-radius: 50px;
}

.ticket-color .red-border {
    border: 1px solid #D21900;
    border-radius: 50px;
}

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

.spinner-green::before, .spinner-green::after {
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    background: #4b7c01;
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite;
    opacity: 0;
    top: 0;
    left: 0;
}

.spinner-green:after {
    -webkit-animation: pulse 2s linear 2.3s infinite;
    animation: pulse 2s linear 2.3s infinite;
    z-index: 99;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: none !important;
    animation-fill-mode: none !important;
}

iframe .babel-ignore p {
    display: none !important;
}

.avatar-chat-img {
    border: 2px solid #fff;
    border-radius: 50px;
    margin-top: 5px;
    margin-right: 3px;
}

.border-green {
    border: 2px solid #045f04;
}

.search input::placeholder {
    color: #fff;
}

button.btn-floating {
    border: none;
}

.openrequest {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}


.seerequest {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 3px;
}

@keyframes bounceRight {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes jumpTowardSearch {
    0% {
        background: #ccc;
        opacity: 1;
        transform: rotateZ(0deg) scale(1);
    }

    20% {
        background: #ccc;
        opacity: 0;
        transform: rotateZ(-60deg) scale(50);
    }

    55% {
        background: #00c292;
        opacity: 0;
        transform: rotateZ(-30deg) scale(100);
    }

    90% {
        background: #00c292;
        opacity: 0;
        transform: rotateZ(-30deg) scale(50);
    }

    100% {
        background: #00c292;
        opacity: 1;
        transform: rotateZ(0deg) scale(1);
    }
}

@keyframes jumpTowardReset {
    0% {
        opacity: 0;
        transform: rotateZ(0deg) scale(1);
    }

    20% {
        opacity: 0;
        transform: rotateZ(-60deg) scale(50);
    }

    55% {
        opacity: 0;
        transform: rotateZ(-30deg) scale(100);
    }

    90% {
        opacity: 0;
        transform: rotateZ(-30deg) scale(50);
    }

    100% {
        opacity: 1;
        transform: rotateZ(0deg) scale(1);
    }
}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3-4 */
    border-radius: 5px;
    /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    /* Opera 10.5+, IE 9.0 */
    color: #000;
}

.highlight {
    padding: 1px 4px;
    margin: 0 -4px;
}

/***************************************************** Calender *************************************************************/
.v-align-txttop {
    vertical-align: text-top;
}

.light-border-bottom {
    border-bottom: 1px solid #efefef;
}

.bg-transparent span {
    color: gray !important;
    font-weight: 400;
    font-size: 12px;
}

.color-green {
    color: #01ce01 !important;
}

.color-red {
    color: #ff0c0c !important;
}


/****************************************************** Stepper ******************************************************************/
/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 30px;
}

    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 0px;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4);
        padding: 20px 30px;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        /*stacking fieldsets above each other*/
        position: relative !important;
    }

        /*Hide all except first fieldset*/
        #msform fieldset:not(:first-of-type) {
            display: none;
        }

    /*inputs*/
    #msform input, #msform textarea {
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 0px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        font-family: montserrat;
        color: #2C3E50;
        font-size: 13px;
    }

        #msform input:focus, #msform textarea:focus {
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            border: 1px solid #ee0979;
            outline-width: 0;
            transition: All 0.5s ease-in;
            -webkit-transition: All 0.5s ease-in;
            -moz-transition: All 0.5s ease-in;
            -o-transition: All 0.5s ease-in;
        }

    /*buttons*/
    #msform .action-button {
        background: #ee0979;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 5px;
        cursor: pointer;
        padding: 0.84rem 1.14rem;
        margin: 10px 5px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        width: 100px;
        text-transform: capitalize;
        font-size: 14px;
        letter-spacing: 1px;
    }

        #msform .action-button:hover, #msform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
        }

    #msform .action-button-previous {
        background: #C5C5F1;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 5px;
        cursor: pointer;
        padding: 0.84rem 0.14rem;
        margin: 10px 5px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        width: 100px;
        text-transform: capitalize;
        font-size: 14px;
        letter-spacing: 1px;
    }

        #msform .action-button-previous:hover, #msform .action-button-previous:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
        }

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

    #progressbar li {
        list-style-type: none;
        color: black;
        text-transform: uppercase;
        font-size: 13px;
        width: 25%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 30px;
            height: 30px;
            line-height: 33px;
            display: block;
            font-size: 14px;
            color: #333;
            background: #f7f7f7;
            border-radius: 25px;
            margin: 2px auto 10px auto;
            box-shadow: 0.035px 2px 10px 0px rgba(175, 175, 175, 0.81);
        }

        /*progressbar connectors*/
        #progressbar li:after {
            content: "";
            width: 92%;
            height: 2px;
            background: #e0e0e0;
            position: absolute;
            left: -46%;
            top: 16px;
            /*z-index: -1;*/
            /*put it behind the numbers*/
        }

        #progressbar li:first-child:after {
            /*connector not needed before the first step*/
            content: none;
        }

        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active:before, #progressbar li.active:after {
            background: #00c292;
            color: white;
        }

/* Not relevant to this form */

.v-align-bottom {
    vertical-align: bottom;
}

.special-hrs {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

#username {
    display: none;
}

#calander-btn {
    display: none;
}

/************************************************** COlor Picker *******************************************/

/* Floating Social Media Bar Style Starts Here */
.show-statistic {
    flex: 0 0 2.333333%;
    max-width: 2.333333%;
}

.show-other {
    flex: 0 0 97.666667%;
    max-width: 97.666667%;
}


#advanceCampaign {
    border: 1px solid #ccc;
    /*padding-left: 15px;
padding-right: 15px;*/
}

.running-line-blue {
    background: #0b81fe;
    padding: 7px 15px;
}

    .running-line-blue span {
        font-weight: 500;
        color: #fff;
    }

.running-line-yellow {
    background: #f9a232;
}

.running-line-green {
    background: #0dd17f;
}

.runing-line-data {
    border: 1px solid #ccc;
    text-align: center;
    padding: 0px 0px;
}

    .runing-line-data a {
        color: #212529;
        display: block;
        padding: 8px 0;
        border-right: 1px solid #dee2e6;
    }

    .runing-line-data h5 {
        font-weight: 400;
        margin-bottom: 0px;
        font-size: 15px;
        color: #959393;
        font-weight: 400;
    }

    .runing-line-data span {
        font-size: 15px;
        color: #000000;
        font-weight: 400;
    }

    .runing-line-data .row > div {
        padding: 10px 0px;
    }

.light-border-top {
    border-top: 1px solid #ccc;
}

.side-box-1 {
    height: 100%;
}

    .side-box-1:before {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        background: #ccc;
    }

    .side-box-1 span {
        color: #00853e;
        font-weight: 500;
        font-size: 17px;
    }

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

.animate-right-to-left {
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
}

@keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -ms-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    60% {
        -ms-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

#staistic {
    border: 1px solid #ccc;
    padding: 10px 10px 25px 10px;
    margin-left: 0 !important;
    width: 100%;
}

.add-modal .modal-header {
    background-color: #006cb7 !important;
    padding: 0.7rem 1rem;
}


.access-level-content, .new-deal-user-list-content {
    /* width: 249px; 
    margin-left: 0;
    margin-top: 0px;
    background-color: #fff;
    padding-bottom: 14px;
    padding: 15px; 
    position: relative;
    left: -9px;
    border-radius: 10px;*/
}

.user-list-wrap table td.access-level-tooltip span {
    color: #2975d3;
    border-bottom: 1px solid #2975d3;
    cursor: pointer;
}

    .user-list-wrap table td.access-level-tooltip span:hover {
        border-bottom: 0px solid #2975d3;
    }

.user-list-wrap table td.email {
    text-overflow: ellipsis;
    width: 7.2%;
}

.overlay {
    width: 100%;
    height: 100%;
    z-index: 100;
    background: url(../img/popup-bg.png) repeat;
    position: absolute;
    left: 0;
    top: 0 !important;
    display: none;
    opacity: 0.7;
}

#filter {
    right: 325px !important;
    width: 20%;
}

.newuserlist.permissionpopup {
    background: url(../img/left-tooltip-top-bg.png) no-repeat left top;
    padding-left: 15px;
    right: 600px !important;
}

.table_content {
    display: block;
    clear: both;
    position: relative;
    padding: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.up-img {
    display: block;
    width: 100%;
    position: relative;
    padding: 30px;
}

.seprator {
    display: inline-block;
    width: 100%;
    clear: both;
    position: relative;
}

    .seprator h5 {
        background: #f2f2f2;
        padding: 12px 15px;
        color: #4b9ad1;
        font-weight: bold;
        font-size: 15px;
        margin: 0px 0 25px 0;
        display: inline-block;
        width: 100%;
    }

.authentication-wrapper .validation-msg input {
    border-bottom: solid 1px #e3e3e3;
}



.validation-msg i {
    color: red;
}

.validation-msg label {
    color: red !important;
}

table.table a {
    color: blue;
}

.w-100 {
    width: 100%;
}

.setupmodal .heading {
    font-weight: 700;
}

.modal-header-dark {
    background-color: #081E32 !important;
}

.setupmodal .modal-dialog {
    max-width: 95% !important;
    /*width: 80%;*/
    max-width: none;
    min-width: 40rem;
}

/*.setupmodal .close {
    padding-top: 23px !important;
}*/


.setupmodal .modal-body {
    /*padding: 10px 5px !important;*/
}

    .setupmodal .modal-body .module-title {
        font-size: 15px !important;
    }

.setupmodal .module-box {
    padding: 11px;
    overflow: hidden;
    height: 96px;
    width: auto;
    outline: none;
    border-radius: 11px;
    display: flex;
    align-items: stretch;
    margin: 0.5rem 0;
}

.module-box.active {
    background-color: #eff1fe;
    border: 1px solid #bfd1e0;
}

.setupmodal .module-box:hover {
    background-color: #edeef7;
}

.setupmodal .module-box a {
    width: 100%;
    display: flex;
}

.setupmodal .module-box .boxarea1 {
    display: flex;
    padding: 0.75rem;
    border-radius: 11px;
    width: 70px;
    height: 70px;
    float: left;
    border: 1px solid #e0e0e0;
    justify-content: center;
    align-items: center;
}

.setupmodal .module-box:hover .boxarea1 {
    background-color: white;
}

.setupmodal .module-box .boxarea1 img {
}

.setupmodal .module-box .boxarea1 .slideravatar {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0.25rem;
    line-height: 1;
    font-size: 0.875rem;
    color: white;
}

.setupmodal .module-box .boxarea2 {
    flex: 1 1 auto;
    padding: 0.5rem 0.75rem;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
    width: 75%;
    height: 100%;
    float: left;
}

    .setupmodal .module-box .boxarea2 .apptitle {
        font-size: 12pt;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #0D2A60;
        display: block;
        text-align: left;
        max-width: 250px;
    }

    .setupmodal .module-box .boxarea2 .apptext {
        display: inline-block;
        width: 100%;
        max-width: 250px;
        float: left;
        clear: both;
        overflow-wrap: break-word;
        max-height: 50px;
        color: #8D9BA8;
        font-size: 13px;
        font-weight: normal;
    }

.ui-droppable {
    pointer-events: all;
}

.showpgingpage {
    position: relative;
    top: -30px;
    left: 5px;
    font-size: 14px;
}

.view-template {
    position: absolute;
    top: 5px;
    left: 1px;
    /*width: 100%;*/
}

    .view-template .select-dropdown {
        font-size: 12px;
        padding-bottom: 2px !important;
        margin-bottom: 0 !important;
        border: 1px solid #ccc;
        /* padding: 0px 5px; */
        padding-top: 2px !important;
        padding-left: 5px !important;
        border: 1px solid #ccc !important;
        margin-top: 10px !important;
    }

.edit-icon {
    font-size: 13px;
    padding-left: 5px;
    position: relative;
    top: 10px;
    border-right: 1px solid #000;
    padding-right: 5px;
    color: #015ba7 !important;
    letter-spacing: 0.4px;
    font-weight: 500;
}

.newsidebar {
    border: 1px solid #ccc;
    box-shadow: none !important;
    background-color: #f9f9fa !important;
    border-right: 1px solid #e9eaec !important;
    height: 100% !important;
    /*overflow-y: auto;*/
}

    .newsidebar li {
    }

    .newsidebar.active {
        min-width: 50px !important;
        max-width: 50px !important;
    }

    /*.newsidebar label {
        font-size: 17px !important;
        transform: rotate(-90deg);
        position: relative;
        color: #6b6d70 !important;
        cursor: pointer;
        font-size: 1rem;
        text-align: right;
        position: relative;
        top: 18px;
        left: 10px;
    }

        .newsidebar label i {
            font-size: 17px !important;
            vertical-align: middle;
            transform: rotate(-90deg) translatex(-100%) translatey(13px);
            position: relative;
            top: -31px;
        }*/



    .newsidebar a {
        /*background: #f9f9fa !important;*/
        background: transparent !important;
        color: #6b6d70 !important;
        font-size: 16px !important;
        font-weight: inherit !important;
        margin-bottom: 0.5rem !important;
        padding: 5px 5px !important;
        margin-bottom: 2px !important;
        font-weight: 400 !important;
        z-index: 0;
        position: inherit !important;
    }

        .newsidebar a.mb-02 {
            margin-bottom: -2px !important;
        }

        .newsidebar a i {
            font-size: 16px !important;
            top: 5px !important;
            margin-right: 2px !important;
        }

    .newsidebar .closeicons {
        font-size: 32px;
        color: #000;
        position: absolute;
        right: 22px;
        top: 0;
    }

.arrowposition {
    position: relative !important;
    padding-top: 2px;
    top: 0 !important;
    transform: none !important;
    right: -4px !important;
}

#fieldsidebar {
    min-width: 155px;
    max-width: 155px;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    height: 100%;
    float: left;
    padding-top: 10px;
    position: relative;
    /*top: -50px;*/
    z-index: 99;
}

    #fieldsidebar ul.components {
        padding: 15px 0;
        overflow-y: visible;
        height: auto;
        max-height: 700px;
    }

    #fieldsidebar ul li .down-arrow {
        top: 24px;
    }

    #fieldsidebar.active .left-0 {
        left: 0px !important;
    }

    #fieldsidebar.active li {
        background: transparent !important;
    }

    /*#fieldsidebar1 .tab-pane li {
background: transparent !important;
}*/
    #fieldsidebar ul li .down-arrow {
        right: 10px;
    }

    #fieldsidebar ul li ul.collapse li a {
        padding-left: 30px !important;
        padding-bottom: 8px !important;
    }

    #fieldsidebar.active ul li ul {
        min-width: 235px;
        /*margin-top: -30px;*/
        top: auto !important;
    }

    #fieldsidebar.active ul li ul {
        padding-left: 15px;
    }

        #fieldsidebar.active ul li ul.collapse li a {
            padding-left: 15px !important;
        }

    #fieldsidebar.active .left-015 {
        left: -15px !important;
    }

    #fieldsidebar .left-015 {
        left: -5px !important;
    }

    #fieldsidebar.active .components li span {
        display: none !important;
    }

    #fieldsidebar ul.components span {
        padding-left: 5px;
    }

.tabularform {
    background-color: #fff !important;
    min-width: 200px !important;
    max-width: 200px !important;
    border-left: 0px !important;
    /* Default mode */
}

    .tabularform li {
        flex: 1;
        text-align: center;
        border-bottom: 0;
    }

        .tabularform li a {
            background: transparent !important;
            margin-bottom: 1px !important;
        }

    .tabularform .tab-card-header {
        background: none;
    }

        .tabularform .tab-card-header > .nav-tabs {
            border-bottom: 1px solid #ccc;
            margin: 0px;
            border-radius: 0px;
        }

            .tabularform .tab-card-header > .nav-tabs > li {
                margin-right: 2px;
                padding-bottom: 0px;
            }

                .tabularform .tab-card-header > .nav-tabs > li > a {
                    border: 0;
                    border-bottom: 2px solid transparent;
                    margin-right: 0;
                    color: #737373;
                    padding: 2px 15px;
                }

                    .tabularform .tab-card-header > .nav-tabs > li > a.show {
                        border-bottom: 2px solid #007bff;
                        color: #007bff;
                        border-radius: 0px;
                    }

                    .tabularform .tab-card-header > .nav-tabs > li > a:hover {
                        color: #007bff;
                    }

        .tabularform .tab-card-header > .tab-content {
            padding-bottom: 0;
        }

    .tabularform .tab-content {
        color: #000;
    }

.box-item {
    border: 1px solid #e9eaec !important;
    border-radius: 0.25rem !important;
    background-color: #f9f9fa !important;
    width: 100% !important;
    z-index: 1000;
    color: #333 !important;
    display: inline-block;
    padding: 4px 12px !important;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: move !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    box-shadow: none !important;
    border-radius: 4px;
    margin-left: 0px !important;
    text-transform: capitalize;
}

.left-tooltip {
    width: 30%;
    left: 370px;
    background: url(../img/left-tooltip-top-bg.png) no-repeat left top;
}

.left-tooltip-comments {
    width: 60%;
    left: 370px;
    background: url(../img/left-tooltip-top-bg.png) no-repeat left top;
}

.c-p {
    cursor: pointer !important;
}

#closemenu {
    position: absolute;
    right: 15px;
    z-index: 100;
    display: none;
}

    #closemenu .closeicons {
        font-size: 32px;
        color: #000;
    }

#parallelogram {
    width: 12px;
    height: 10px;
    background: #081e32;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(-25deg);
    margin-right: 5px;
}

.highlight {
        border: 2px solid red;
        font-weight: bold;
}

.boxitem1 .ui-selected {
    background: red;
    color: white;
    font-weight: bold;
}

.dropped {
    position: static !important;
    margin-bottom: 5px;
    text-align: left !important;
}

    .dropped a {
        background: transparent !important;
    }

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

/*.boxitem1 {
position: inherit !important;
}*/
.fieldsidebar {
    display: flex;
    float: left;
    position: relative;
    z-index: 1;
}

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

.errmsg {
    color: red;
    font-size: 15px;
    font-weight: 700;
}

.columnheader {
    background: #EBEBEB;
    border: 1px solid #ccc;
    padding: 4px 5px;
    font-size: 15px;
}

/******************************* Tree View ****************************************/
.alerticon {
    color: red;
    font-size: 16px;
}

.top-5 {
    top: 5px;
}

.treeicon {
    font-size: 16px;
    color: #000;
}

.color-dark-yellow {
    color: #bdbd00;
}

.btnnext {
    background-color: #006cb7 !important;
    padding: 1px 20px !important;
    font-size: 15px;
}

.btnprevious {
    background-color: #999999 !important;
    padding: 1px 20px !important;
    font-size: 15px;
}

.moving-tab:after {
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 21px solid #006cb7;
    content: "";
    position: absolute;
    right: -18px;
    top: 0px;
}

.selectform {
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    font-size: 13px !important;
    color: #000 !important;
    padding-left: 0;
    font-weight: 500;
}

.datacorrectionlist {
    background: #fff;
    box-shadow: 2px 2px 10px #ddd;
    padding: 0px 12px;
    /*border-radius: 5px;*/
    /*border: 1px solid #ccc;*/
    position: relative;
}

    .datacorrectionlist .down-arrow {
        font-size: 16px;
    }

    .datacorrectionlist a {
        color: #000;
    }

    .datacorrectionlist span {
        padding-left: 0px;
    }

    .datacorrectionlist .sub-menu {
        border-top: 1px solid #ccc;
        padding: 5px 0px;
    }

        .datacorrectionlist .sub-menu table {
            border: 0;
        }

            .datacorrectionlist .sub-menu table thead {
                background: #EEF2F6;
            }

                .datacorrectionlist .sub-menu table thead th {
                    border: 0px;
                    font-weight: 500;
                    color: #697169;
                    padding: 10px 5px 10px 5px;
                }

            .datacorrectionlist .sub-menu table tbody {
                margin-top: 10px;
                position: relative;
                top: 12px;
            }

                .datacorrectionlist .sub-menu table tbody td {
                    border: 0px;
                    padding: 0;
                    /*padding: 10px;*/
                    padding: 5px 5px;
                    font-weight: 500;
                    /*padding-bottom: 11px;*/
                    vertical-align: middle;
                }

.selectallrecord {
    padding: 10px 0px 10px 14px;
    box-shadow: 2px 2px 10px #ddd;
    padding-right: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #F7F8FC;
}

    .selectallrecord .ddicon {
        position: absolute;
        height: 46px;
        border-left: 0;
        z-index: 0;
        width: 40px;
        right: 4px;
        top: 7px;
        padding-left: 6px;
    }

.tabledaata {
    margin-bottom: 0 !important;
}

    .tabledaata .hidden {
        display: none;
    }

    .tabledaata tbody > tr > td:first-child {
        width: 2%;
        white-space: nowrap;
    }

    .tabledaata span.fa {
        transition: all 400ms;
    }

        .tabledaata span.fa:hover {
            cursor: pointer !important;
            color: #333;
        }

    .tabledaata .label-primary {
        background-color: #337ab7;
        color: #fff;
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 85%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25em;
    }

.label-success {
    background-color: #009e16;
    color: #fff;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.tabledaata .tr-selected > td:not(:first-child) {
    background-color: #337ab7;
    color: #fff;
}

.tabledaata .tr-detail > td {
    padding: 0 !important;
    padding-bottom: 10px !important;
    border-top: none !important;
}

    .tabledaata .tr-detail > td:not(:first-child) {
        padding: 5px 5px 5px 5px;
    }

.tabledaata .detail-content .historydata,
.tabledaata .detail-content .historycontent {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tabledaata .detail-content .historydata .historycontent {
        border: 2px dashed #337ab7;
        border-width: 0 0 0px 1px;
        display: flex;
    }

        .tabledaata .detail-content .historydata .historycontent .detail {
            margin: 0;
            padding: 0 10px 5px 0;
            margin-bottom: 10px;
            flex-grow: 1;
            flex-basis: 100%;
        }

            .tabledaata .detail-content .historydata .historycontent .detail fieldset {
                border: 1px solid #77acd9;
            }

                .tabledaata .detail-content .historydata .historycontent .detail fieldset legend {
                    font-size: 90%;
                    margin-left: 5px;
                    width: auto;
                    margin-bottom: 0;
                    border: none;
                }

                .tabledaata .detail-content .historydata .historycontent .detail fieldset > div {
                    margin-left: 5px;
                    margin-right: 12px;
                    margin-top: 10px;
                }

                    .tabledaata .detail-content .historydata .historycontent .detail fieldset > div table.table-condensed tbody > tr > td {
                        padding: 2px;
                    }

            .tabledaata .detail-content .historydata .historycontent .detail:first-child {
                border-top: 1px dashed #337ab7;
                flex-basis: 2%;
                background: #fff;
                margin-top: 15px;
            }

        .tabledaata .detail-content .historydata .historycontent:first-child {
            padding-top: 5px;
        }

        .tabledaata .detail-content .historydata .historycontent:last-child {
            margin-bottom: 20px;
        }

            .tabledaata .detail-content .historydata .historycontent:last-child > .detail {
                margin-bottom: 0;
            }

                .tabledaata .detail-content .historydata .historycontent:last-child > .detail:first-child {
                    margin-left: -1px;
                }

.color-gray {
    color: #a5a5a5 !important;
}

.detail-main label {
    margin-bottom: 0px;
    display: inline-block;
    /*float: none !important;*/
}

.detail-main-w-100 label {
    width: 100%;
}

.overflow-x-intial-tb {
    overflow-x: initial !important;
}


/*.detail-main .color-gray {
    color: #a5a5a5 !important;
}*/

/*.historydesc {
    float: left;
    font-size: 13px;
}*/

.width-sm {
    width: 70px !important;
}

/*.historydesc p {

    font-size: 13px;
    width: auto;
    display: inline-block;
    margin-bottom: 0;
}*/

.changePackage-status {
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 10px;
    background: #f7f7f7;
}


.borderdata .historydesc {
    float: none !important;
    border-right: 1px dashed #ccc;
    margin: 8px 0px;
}

.borderdata-print .historydesc {
    margin: 5px 0px;
}

.borderdata:after {
    content: "";
    border-top: 1px dashed #ccc;
    position: absolute;
    height: auto;
    width: 85%;
    top: 0px;
}

.biiling-data-invoice > label, .biiling-data-invoice > p, .print-head-wrapper > p, .flag-note-print > p {
    font-size: 13px !important;
    margin: 0;
}

.print-thead > th {
    background-color: #ccc !important;
}

.ml-printpage {
    margin-left: -10%;
}

.w-detail-main {
    /*width: 72px !important;*/
}

.total-invoice-bold {
    font-weight: 600;
    font-size: 18px !important;
    color: black;
}

.total-invoice-bold-print {
    font-weight: 600;
    font-size: 20px !important;
    color: black;
}

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

.border-right-none:after {
    border-right: 1px dashed #ccc !important;
}

.collapsedata {
    float: left;
    /*box-shadow: 2px 2px 10px #e6e6e69e;*/
    padding: 4px;
    background: #fff;
    position: relative;
    top: -8px;
    right: 10px;
    width: 20px;
    height: 39px;
}

    .collapsedata i {
        padding-left: 3px;
        padding-top: 7px;
    }

.selectdata {
    background: #F7F8FC;
    position: absolute;
    float: left;
    height: 100%;
    /* border-right: 1px solid #ccc; */
    border-left: 0;
    z-index: 0;
    width: 50px;
}

    .selectdata .form-check {
        top: 50%;
        left: 13px;
        margin-left: 0;
        margin-top: -12px;
    }

.requiredfield label {
    position: relative;
}

    .requiredfield label:after {
        content: "*";
        position: absolute;
        color: red;
        padding-left: 2px;
        font-size: 14px;
    }
.requiredfieldTitle:after {
    content: "*";
    position: absolute;
    color: red;
    padding-left: 2px;
    font-size: 14px;
}

.requiredfield span {
    color: red !important;
}

.resetpwd .modal-dialog {
    width: 60% !important;
}


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

    .shift a {
        background: #006cb7;
        padding: 13px;
        border-radius: 5px;
        display: block;
        text-align: center;
        margin: 5px auto;
        width: 35px;
        height: 35px;
        position: relative;
    }

        .shift a img {
            width: 20px;
            text-align: center;
            vertical-align: sub;
            position: absolute;
            top: 7px;
            right: 7px;
        }

    .shift label {
        display: block;
        text-align: center;
        margin: 0px auto;
    }

.toparrow img {
    top: 10px !important;
    transform: rotate(-92deg);
}

.toparrow:after {
    border-top: 1px solid #fff;
    position: absolute;
    top: 9px;
    height: 17px;
    width: 18px;
    left: 9px;
    content: "";
}

.arrowup {
    transform: rotate(-92deg);
}

.arrowdown {
    transform: rotate(92deg);
}

.addtemplateheader {
    background: #e8e8e8;
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 0px;
}

    .addtemplateheader .edittemplate {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        top: 15px;
        border-left: 1px solid #676161;
        float: left;
    }

    .addtemplateheader .createtemplate {
        font-size: 13px;
        padding-left: 10px;
        position: relative;
        top: 15px;
        border-left: 1px solid #676161;
        float: left;
    }

    .addtemplateheader .w-10-p {
        width: 10%;
    }

/*.ui-tooltip-content {
display: none;
}*/
.addcheckbox li {
    position: relative;
}

.addcheckbox span {
    padding-left: 30px;
}

.addcheckbox [type=checkbox] + span:not(.lever):before, .addcheckbox [type=checkbox]:not(.filled-in) + span:not(.lever):after {
    content: "";
    position: absolute;
    top: 7px;
    left: 6px;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.addcheckbox [type=checkbox]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.addcheckbox [type=checkbox]:checked + span:not(.lever):before {
    top: 3px;
    left: 1px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #006cb7;
    border-bottom: 2px solid #006cb7;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.showddmenu {
    position: absolute !important;
    top: 28px !important;
    left: auto !important;
    will-change: transform !important;
    transform: none !important;
    right: -1px !important;
    box-shadow: 2px 2px 10px #7573739e;
}

    .showddmenu a {
        font-size: 14px;
    }

.ddicon {
    /*background: #F7F8FC;
position: absolute;
height: 41px;
border-left: 0;
z-index: 0;
width: 40px;
right: -12px;
top: 0px;
padding-top: 8px;
padding-left: 6px;*/
}

    .ddicon:after {
        content: none !important;
    }

/*.seprateinfo {
    border: 1px dashed #006cb7;
    min-width: 0;
    padding: 0;
    margin: 0;
    display: block;
    margin-inline-start: 1px;
    margin-inline-end: 2px;
    padding-block-start: 1.35em;*/
/*padding-inline-start: 0.75em;
padding-inline-end: 0.75em;*/
/*padding-block-end: 0.625em;
    min-inline-size: min-content;
    position: relative;
}

    .seprateinfo legend {
        font-size: 90%;
        margin-left: 5px;
        width: auto;
        margin-bottom: 0;
        border: none;
        max-width: 100%;
        padding: 0;
        color: inherit;
        white-space: normal;
        position: absolute;
        top: -10px;
        left: 20px;
    }

        .seprateinfo legend .label-primary {
            background-color: #337ab7;
            color: #fff;
            display: inline;
            padding: 0.2em 0.6em 0.3em;*/
/*font-size: 85%;*/
/*font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.25em;
        }*/

.label-patientcount {
    position: absolute;
    right: 10px;
    top: 5px;
    display: inline-block;
}

.uploadsign .showlist {
    background: #006cb7;
    color: #fff !important;
    padding: 9px 15px 6px 15px;
    border-radius: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    /* font-size: 16px; */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
    font-weight: 500;
}

.filepreview {
    /*float: left;
clear: both;
width: 100*/
    /*a {
float: right;
}*/
}

    .filepreview ul li {
        display: inline-block;
        clear: both;
        border-bottom: 1px solid #ccc;
        width: 100%;
    }

    .filepreview label {
        /*float: left;*/
        font-size: 14px !important;
    }



.editlabel {
    color: blue !important;
    text-decoration: underline !important;
    margin-right: 10px !important;
    vertical-align: sub;
}

.ui-datepicker-prev .ui-icon {
    background-image: url("../img/chevron-sign-left.png") !important;
}

.ui-datepicker-next .ui-icon {
    background-image: url("../img/chevron-sign-right.png") !important;
}

.errordata {
    border-left: 5px solid red !important;
}

.ui-helper-hidden-accessible {
    display: none;
}


.selecttimezone {
    width: 100%;
    position: relative;
}



.bg-dark-red {
    background: #ec0303;
}

#message {
    /*background: #f1f1f1;*/
    color: #000;
    position: relative;
    /*padding: 20px;*/
    margin-top: 10px;
    text-align: left;
    padding-left: 10px;
}

    #message p {
        padding: 5px 14px;
        font-size: 13px;
        margin-bottom: 10px;
    }

    #message h5 {
        font-size: 14px;
        font-weight: 500;
    }

.invalid {
    color: red;
}

    .invalid:before {
        position: relative;
        left: -12px;
        content: "\f00d";
        font-family: 'FontAwesome';
        top: 1px;
    }

.valid {
    color: green;
}

    .valid:before {
        position: relative;
        left: -12px;
        content: "\2713";
    }

.brder-left {
    border-left: 1px solid #ccc;
}

.disbaletext input {
    color: gray;
    border-bottom: 1px solid #dee2e6 !important;
}

.disbaletext .label {
    color: gray;
}

.disbaletext span.border {
    border: 1px solid gray !important;
}

.btneditprovider {
    width: 120px !important;
}

.multiselectdd {
    position: relative;
    top: -18px;
}

    .multiselectdd input.select-dropdown {
        margin-top: 0px !important;
    }

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: #7ac142;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 40px #7ac142;
    }
}

.selectedrecord {
    display: none;
}

.applyallrecord {
    display: block;
}

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

.helpHead1 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-top: 5px;
    margin-bottom: 0;
    padding-top: 11px;
}


.header_release {
    height: 60px;
}

.usersearch {
    position: absolute;
    bottom: 6px;
    right: 8px;
    color: #333;
}

.plus-usersearch {
    background-color: #F2F5F9;
    padding: 5px 10px;
    bottom: 0;
    right: 0;
    border-radius: 0 4px 4px 0;
    border: 1px solid #cccccc;
}

    .plus-usersearch svg {
        fill: #111;
    }


.usersearch:focus {
    border: 1px solid #337ab7;
}



.searchpopup p {
    font-size: 16px !important;
    font-weight: 700;
}

.searchpopup .close {
    padding-top: 20px;
}

.searchpopup .modal-body {
    padding: 10px;
}

    .searchpopup .modal-body .search-info {
        width: 100%;
        padding-top: 0px;
    }

        .searchpopup .modal-body .search-info i {
            left: 14px;
            top: 12px;
        }

        .searchpopup .modal-body .search-info input {
            margin-left: 0px !important;
            padding-left: 40px !important;
        }

    .searchpopup .modal-body ul {
        list-style-type: none;
        padding-left: 0px;
        height: auto;
        max-height: 300px;
        overflow-y: auto;
        /*display: grid;*/
        /*overflow-y: visible;*/
    }

        .searchpopup .modal-body ul li {
            border-bottom: 1px solid #ccc;
            width: 100%;
            display: inline-block;
        }

            .searchpopup .modal-body ul li:last-child {
                /*border-bottom: 0px;*/
            }


input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.userstatus {
    font-size: 14px;
    padding-top: 4px;
    padding-right: 5px;
}

.signmenu {
    position: absolute !important;
    top: 0px !important;
    left: 0 !important;
    box-shadow: 2px 2px 10px #7573739e;
}

    .signmenu a:hover {
        background: #0056b3;
        color: #fff;
    }

.border-none table {
    box-shadow: none;
}

.border-none tbody {
    border: 0px !important;
}

    .border-none tbody tr {
        border: 0px;
    }

.roletabel td {
    padding: 3px 5px !important;
}

    .roletabel td .form-check {
        padding-left: 0px;
    }

    .roletabel td .form-check-input[type=checkbox]:checked + label:before, .roletabel td label.btn input[type=checkbox]:checked + label:before {
        width: 9px !important;
        top: 0px;
        left: 0;
    }



.brder-right {
    border-right: 1px solid #ccc !important;
}

.packageinfotable tbody tr {
    cursor: move;
}

#map {
    height: 100%;
    width: 100%;
}

.searchpkg {
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    margin-top: 15px;
}

#searchPackage .modal-dialog {
    max-width: 60%;
}

#searchPackage .prescriptionno p {
    font-size: 13px !important;
    font-weight: 500 !important;
}


.user-profile .cropit-preview {
    background-color: #F8F8F8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px !important;
    height: 250px !important;
}


.cropit-preview {
    background-color: #F8F8F8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 100% !important;
    height: 103px !important;
    overflow: hidden;
}
    /* Show move cursor when image has been loaded */
    .cropit-preview.cropit-image-loaded .cropit-preview-image-container {
        cursor: move;
    }
/* Hide file input */
input.cropit-image-input {
    display: none;
}

span.thumb {
    visibility: hidden;
    display: none;
}

/*.cropit-image-zoom-input.custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
    background: #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    width: 250px;
}*/

.w-40-p {
    width: 40%;
}

.queueactive {
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #ffc000;
}

    .queueactive a {
        color: black;
    }

        .queueactive a span {
            color: black !important;
        }

.table-striped tbody tr:nth-of-type(even) .prescnotes > div {
    background-color: #f8f8f8 !important;
}

.packagestatus .upload-btn {
    padding: 10px 15px;
}

.packagestatus .uploadpackagesign {
    border-right: 1px dashed #ccc !important;
}

.packagestatus .min-height-205 {
    min-height: 205px;
}

.packagestatus .deleteicon {
    position: relative !important;
    top: -28px !important;
    left: -10px !important;
}

.border-right-none {
    border-right: 0px !important;
}

.horizontaltabscroll .wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 50px;
}

.horizontaltabscroll .nav-tabs .nav-link.active {
    color: #007bff !important;
}

.horizontaltabscroll .nav-tabs .nav-link {
    color: #495057 !important;
}

.horizontaltabscroll span {
    font-size: 13px;
}

.horizontaltabscroll .list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3500px;
    margin-top: 0px;
}

    .horizontaltabscroll .list li {
        display: table-cell;
        position: relative;
        text-align: center;
        cursor: grab;
        cursor: -webkit-grab;
        color: #efefef;
        vertical-align: middle;
    }

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

.horizontaltabscroll .scroller-right {
    float: right;
}

.horizontaltabscroll .scroller-left {
    float: left;
}

.horizontaltabscroll .tab-content .tab-pane {
    border: 1px solid #dee2e6;
    border-top: 0;
}

.hidden-print {
    display: none;
}

.printnone {
    display: block;
}

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

.generatelabel p {
    color: #000 !important;
}

.generatelabel .modal-dialog {
    width: 60% !important;
}

.webbox {
    display: block;
}

.printbox {
    display: none;
}

/*@page {
    margin: 0;
    width: 100%;
    height: 100%;
    size: 4in 6in;
}

@media print {
    .generatelabel .modal-body {
        background: transparent;
        width: 4in;
        position: absolute;
        height: 6in;
    }

    @page {
        size: 4in 6in;
        width: 100%;
    }

    html, body {
        width: 4in;
        height: 6in;
    }

    .hidden-print {
        display: block;
        width: 100% !important;
        float: left;
        clear: both;
    }

        .hidden-print div {
            width: 100% !important;
            float: left;
            clear: both;
        }

    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
        width: 4in;
        height: 6in;
    }

    page {
        background: white;
        display: block;
        margin: 0;
        margin-bottom: 0.5cm;
        box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
        width: 4in;
        height: 6in;
    }

    .detail-main {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        float: left;
    }

    page[size=A4] {*/
/*width: 21cm;
position: absolute;*/
/*width: 4in;
        position: absolute;
        height: 6in;*/
/*margin-bottom: 0px;*/
/*}

        page[size=A4] .borderdata:after {
            width: 135% !important;
        }

        page[size=A4] .light-border-top {
            width: 140% !important;
        }

        page[size=A4] label {
            font-size: 20px !important;
            float: left !important;*/
/*white-space: nowrap;*/
/*}

        page[size=A4] p {
            font-size: 20px !important;
            word-break: break-all;
            width: 135% !important;
            display: block;*/
/*white-space: nowrap;*/
/*}

        page[size=A4] .borderdata:nth-child(4)::after {
            border-top: 1px dashed #ccc;
        }

        page[size=A4] .borderdata:nth-child(3)::after {
            border-top: 1px dashed #ccc;
        }

        page[size=A4] .borderdata:nth-child(2)::after {
            border-top: 1px dashed #ccc;
        }

    .ibox {
        display: none;
    }

    nav {
        display: none;
    }

    .top-header {
        display: none;
    }

    .printnone {
        display: none;
    }

    .generatelabel {
        opacity: 1 !important;
        display: block !important;
    }

    footer {
        display: none !important;
    }

    .progress {
        display: none !important;
    }

    .close {
        display: none;
    }

    .generatelabel .modal-header {
        display: none;
    }
}*/

.documentlist .borderdata:nth-child(4) > .historydesc {
    border-right: 1px dashed #ccc !important;
}

.documentlist .borderdata:nth-child(4)::after {
    border-top: 1px dashed #ccc !important;
}

.documentlist .historydesc a {
    text-decoration: underline;
    color: blue;
}

object {
    width: 100%;
    height: 100%;
}

.mailbox {
    border: 1px solid #e6e6e6;
    padding: 8px;
    border-radius: 15px;
    background-color: #f9f9f9;
}

    .mailbox .outline-button img {
        filter: none !important;
    }

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

.menubasecallout {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px;
}
/******************************************* Signature Box *******************************************/
.signwrapper {
    position: relative;
 
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    border-radius: 16px;
    background-color: white;
    border: 1px solid #ccc;
    margin-top: 10px;
}

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

.result {
    font-weight: 500;
}

.pointer-none {
    pointer-events: none !important;
    background: #fff;
}

.genericdetailsborder:after {
    border-top: 1px dashed #ccc !important;
}

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

.excludetablescroll thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.excludetablescroll tbody {
    overflow-x: hidden;
    height: auto;
    display: block;
    width: 100%;
    display: block;
    max-height: 250px;
    overflow-y: auto;
}

    .excludetablescroll tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }


.signatursenderrorbox .signsuccess h3 {
    color: #7ac142;
    font-weight: 700;
}

.signatursenderrorbox .signsuccess .checkmark {
    margin: 4% auto;
}

.signatursenderrorbox .signsuccess .checkmark__circle {
    stroke: #7ac142;
    fill: #7ac142;
}

.signatursenderrorbox .signerror h3 {
    color: red;
    font-weight: 700;
}

.signatursenderrorbox .signerror .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: red;
    fill: red;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.signatursenderrorbox .signerror .checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 4% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.signatursenderrorbox .signerror .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 29;
    stroke-dashoffset: 29;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

.printsign {
    color: #006cb7 !important;
    font-size: 14px;
    text-decoration: none !important;
    padding-right: 8px;
}

.printsignature .modal-dialog {
    width: 60% !important;
}

/*******************************************End  Signature Box *******************************************/
/***************************************** Tree CheckBox *************************************************/

.tree ul {
    /*display: none;*/
    margin: 0px auto;
}

.tree .form-check-label:before {
    width: 15px !important;
    height: 15px !important;
    top: 2px;
}

.tree .form-check-input[type=checkbox]:checked + label:before, .tree label.btn input[type=checkbox]:checked + label:before {
    width: 9px !important;
    top: 0px;
    left: 0;
}

.tree li {
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    position: relative;
}

.datalevelaccess-main {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.datalevelaccess {
    color: #fff !important;
    margin-bottom: 0px;
    width: 100%;
    background: #25313e;
    padding: 5px;
}

.datalevelaccess-main .datalevelaccess {
    width: 100%;
    position: relative;
    padding: 8px 16px;
    background: #25313e;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
}

.datalevelaccess-main .profileDataAccess {
    width: 100%;
    position: relative;
    padding: 8px 16px;
    background: #f8f8f8;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    color: #25313e !important;
    border: 1px solid #cccccc;
    margin-bottom: 0px;
}


.scrolldataaccess {
    overflow-x: hidden;
    overflow-y: visible;
    height: auto;
    max-height: 310px;
    border: 1px solid #cccccc;
    border-top: 0px;
    margin-bottom: 10px;
}

.tree li ul li {
    padding: 7px 10px 7px 10px;
}

.treeFullWidth li ul li {
    padding: 7px 10px 7px 10px;
}

.tree li:first-child {
    border-radius: 3px 3px 0 0;
}

.tree li:last-child {
    border-radius: 0 0 3px 3px;
}

.tree .active,
.tree .active li {
    background: #efefef;
}

.tree label {
    cursor: pointer;
}

.tree input[type=checkbox] {
    margin: -2px 6px 0 0px;
}

.tree .total {
    color: #e13300;
}

.allque {
    background: #0e6196;
}

    .allque a {
        color: #fff;
    }

    .allque span {
        color: #fff !important;
    }

    .allque.queueactive a {
        color: blue !important;
    }

    .allque.queueactive span {
        color: blue !important;
    }

.categorytitle span[data-placeholder]:not(:focus):not([data-div-placeholder-content]):before {
    content: attr(data-placeholder);
    float: left;
    margin-left: 2px;
    color: #b3b3b3;
    font-weight: 400;
    font-size: 13px;
}

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

.selectprovider .select-wrapper {
    float: left;
    width: 90%;
}

.selectprovider a {
    padding-left: 20px;
}

.questionans {
    font-size: 13px;
    padding-top: 25px;
}

.notificationsettings .notificationtitle {
    border-bottom: 1px dashed #ccc;
    width: 100%;
    font-size: 14px !important;
}

.notificationsettings:after {
    right: 0px;
    border-right: 1px dashed #ccc;
    content: "";
    position: absolute;
    height: 78px;
    width: 0;
}

.readmore {
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 5px 0px !important;
    border-top: 1px solid #ccc;
}

    .readmore h5 {
        font-size: 14px !important;
        padding-bottom: 0px !important;
    }

    .readmore a {
        color: #000 !important;
    }

    .readmore i {
        transform: rotate(90deg);
        vertical-align: middle;
    }

.allque {
    background: #eef1f3;
}

.textcalloutdata h5 {
    padding-bottom: 5px;
}

.textcalloutdata a > div:last-child {
    border-top: 1px dashed #ccc;
    padding-top: 4px;
}

.textcalloutdata span {
    font-size: 14px;
}

.textcalloutdata .row > div {
    padding: 3px 0px;
}

.calloutlist {
    margin-bottom: 0px;
}

    .calloutlist li {
        background: transparent !important;
        border-bottom: 1px dashed #ccc;
        padding-top: 3px;
    }

        .calloutlist li:last-child {
            border-bottom: 0px !important;
        }

.doctoremaillist {
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    /*height: 40px;*/
    flex-wrap: wrap;
    /*padding-bottom: 6px;*/
}

    .doctoremaillist .doctorlist {
        display: flex !important;
        flex-wrap: wrap;
        width: 100%;
    }

    .doctoremaillist.smstemplate .doctoremailaddress {
        height: auto;
        max-height: 40px;
    }

    .doctoremaillist input {
        border: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        outline: none;
        padding-bottom: 4px;
        margin: 1px;
    }

    .doctoremaillist textarea {
        border: none !important;
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
        outline: none !important;
        padding-bottom: 0px !important;
        margin: 1px !important;
    }

    .doctoremaillist .service-txtbox {
        margin-bottom: 0 !important;
    }

    .doctoremaillist label {
        margin-bottom: 5px;
        display: inline-block;
        width: auto;
        margin: 0px;
    }

    .doctoremaillist .doctoremailaddress {
        font-size: 13px;
        align-items: center;
        /*background: #F5F6F7;*/
        background: #e0e0e0;
        display: flex;
        padding: 5px 15px 5px 25px;
        border-radius: 50px;
        margin-right: 5px;
        /*width: 100%;*/
        cursor: pointer;
        display: flex;
        align-items: center;
        margin-bottom: 7px;
        white-space: nowrap;
    }

        .doctoremaillist .doctoremailaddress span {
            padding-left: 15px;
        }

            .doctoremaillist .doctoremailaddress span i {
                font-size: 18px;
            }

.actionpopup {
    overflow-y: visible;
    overflow-x: hidden;
    height: auto;
    max-height: 500px;
}

    .actionpopup .card-body {
        padding: 0px;
    }

        .actionpopup .card-body .carddata {
            display: flex;
            justify-content: space-between;
            padding: 7px 10px 0px 10px;
        }

            .actionpopup .card-body .carddata.bg-neavy-blue {
                background: #0f6197;
            }

            .actionpopup .card-body .carddata.bg-light-yellow {
                background: #ad9303;
            }

            .actionpopup .card-body .carddata.bg-dark-green {
                background: #00853e;
            }

            .actionpopup .card-body .carddata h5 {
                color: #fff;
                font-size: 14px;
            }

            .actionpopup .card-body .carddata h6 {
                color: #fff !important;
            }

        .actionpopup .card-body .card-text {
            padding: 8px 10px 8px 10px;
            font-size: 13px;
        }

            .actionpopup .card-body .card-text h6 {
                font-weight: 700;
            }

    .actionpopup.teamcall label {
        font-size: 15px !important;
        text-shadow: none;
    }

.createdname {
    padding: 5px 10px 8px 10px;
    color: #fff;
    background: whitesmoke;
    border: 0;
}

    .createdname h6 {
        border: 0;
        color: #000 !important;
        font-size: 13px;
        margin-bottom: 0px;
    }

    .createdname > div {
        display: flex;
        justify-content: space-between;
    }

#outgoingcall {
    display: none;
}

#incomingcall {
    display: block;
}

.monitoringparameter {
    border-left: 1px dashed #ccc;
    padding-left: 0;
}

.addmonotorparameter > div {
    width: 92%;
}

.addmonotorparameter a {
    padding-left: 20px;
    vertical-align: middle;
}

.uploaddownloaddrugfile button {
    /*border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0 !important;*/
    border-left: 0 !important;
}

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

    .uploaddownloaddrugfile .btn-file-upload {
        border: 1px solid #c2c2c2;
        border-radius: 0 4px 4px 0;
    }

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

.patientphysicalinfo .patientinfo {
    display: inline-block;
    width: 49%;
}

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

.allergyname {
    display: none;
}

.workflowtable tbody td {
    vertical-align: super !important;
}

    .workflowtable tbody td .form-check {
        top: 15px;
    }

.brder-dashed {
    border-right: 1px dashed #ccc !important;
    margin-right: 0;
    padding-left: 10px !important;
    border: 1px dashed #ccc !important;
    width: 20%;
    padding-bottom: 2px;
}

.medicalhistorydetails {
    border-right: 1px dashed #ccc;
}

    .medicalhistorydetails .medicalhitorytitle {
        border-bottom: 1px dashed #ccc;
        width: 100%;
    }

.brder-right-dashed {
    border-right: 1px dashed #ccc;
}

.brder-bottom-dashed {
    border-bottom: 1px dashed #ccc;
}

.addmedication {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd !important;
        float: right;
        font-size: 14px !important;
        margin-bottom: 0px !important;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/
    .rating > input:checked ~ label,
    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: #f5b604 !important;
    }

        /* hover previous stars in list */
        .rating > input:checked + label:hover,
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label,
        .rating > input:checked ~ label:hover ~ label {
            color: #f5b604 !important;
        }

.medicationlist {
    width: 100%;
    border-bottom: 1px solid #dad7d7 !important;
}

    .medicationlist label {
        background: #dad7d7;
        padding: 5px 20px;
        margin-bottom: 0px;
    }

.editparamter p {
    color: #000 !important;
}

.barriersadher {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tooltip1.right-18-p {
    right: 18% !important;
}

.providercommbox {
    max-width: 70%;
}

    .providercommbox .box {
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
        max-height: 700px;
    }

.riskassesmentradio .form-check-input[type=radio] + label:after, .riskassesmentradio .form-check-input[type=radio] + label:before, .riskassesmentradio label.btn input[type=radio] + label:after, .riskassesmentradio label.btn input[type=radio] + label:before {
    margin: 1px 4px !important;
}

.proacticeriskassesmentlabel {
    position: relative;
    top: 1px;
}

.gotoassesment {
    color: blue;
    text-decoration: underline;
}

    .gotoassesment .arrow1 {
        animation: slide1 1s ease-in-out infinite;
        margin-left: 3px;
        font-size: 20px;
        vertical-align: sub;
    }

@keyframes slide1 {
    0%, 100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, 0);
    }
}

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

textarea.requiredfield {
    border-bottom: 1px solid red !important;
}

.medicationdata {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
}

.medicationdetails {
    display: flex;
}

    .medicationdetails .mediactionname {
        display: flex;
        width: 60%;
    }

    .medicationdetails .usersearch {
        position: relative;
        top: -9px;
        right: 25px;
    }

.ui-tooltip {
    width: 200px;
    text-align: center;
    box-shadow: none;
    padding: 0;
}

.tooltip1 {
    position: absolute;
    z-index: 200;
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
    right: 85px !important;
}

    .tooltip1 .adm-table-css.header-table {
        margin-left: 7px;
        width: 235px;
    }

    .tooltip1 form {
        padding: 5px 15px;
    }
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */
.border-none {
    border: 0px !important;
}

.allque {
    background: #eef1f3;
}

    .allque a {
        color: #000;
    }

    .allque span {
        color: #000 !important;
    }

    .allque.queueactive a {
        color: blue !important;
    }

    .allque.queueactive span {
        color: blue !important;
    }

.w-33-p {
    width: 33% !important;
}

.workflowtable tbody td {
    vertical-align: super !important;
}

    .workflowtable tbody td .form-check {
        top: 15px;
    }

.createdname {
    padding: 5px 10px 8px 10px;
    color: #fff;
    background: whitesmoke;
    border: 0;
}

    .createdname h6 {
        border: 0;
        color: #000 !important;
        font-size: 13px;
        margin-bottom: 0px;
    }

    .createdname > div {
        display: flex;
        justify-content: space-between;
    }

.addmonotorparameter > div {
    width: 92%;
}

.addmedication {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

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

.list-style label {
    position: relative;
    padding-left: 15px;
}

    .list-style label:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #000;
        top: 5px;
    }


/*start servey logs*/
.wb1 {
    white-space: nowrap;
}

.table-width table {
    width: 230%;
}

.table-width tr {
    width: 500px !important;
}

.table-list th {
    border: 1px solid #dadada !important;
}

.table-list td {
    border: 1px solid #dadada !important;
    /padding: 10px !important;
    /
}

.table-list tr td div {
    margin: 0 auto;
}

.pos-left {
    position: relative;
    left: calc(100% - 65%);
}

.pos-l-30 {
    position: relative;
    left: calc(100% - 30%);
}
/*patient survay*/
.survay-radio {
    margin-bottom: 10px !important;
    position: relative;
    left: calc(100% - 62%);
}


.center-text-align {
    width: 100%;
    margin: 0 auto;
    display: table;
    max-width: 1130px;
}

.center-text-align-star2Drug {
    width: 100%;
    margin: 0 auto;
    display: table;
}

.btn-symbol {
    padding: 10px 10px;
    background: #006bb7;
    border-radius: 5px;
    display: table;
    margin: 15px auto;
    position: relative;
    top: 38%;
}


.scroll-body table tbody {
    height: 500px;
    overflow-y: auto;
    width: 100%;
    display: block;
}

.scroll-body tr {
    border-radius: 0px !important;
    display: block;
}

.scroll-body .text-input td {
    width: 100%;
    display: block;
}

.scroll-body thead, .scroll-body th {
    display: block;
}


/*Campaign Scroll*/
.campaign-scroll-body table tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;
    display: block;
}

.campaign-scroll-body tr {
    border-radius: 0px !important;
    display: block;
}

.campaign-scroll-body .text-input td {
    width: 100%;
    display: block;
}

.campaign-scroll-body thead, .scroll-body th {
    display: block;
}

.triangle input.es-input {
    background: url("../img/arrow.png") right 10px center no-repeat !important;
}

#drugstar .view-presc-table thead tr .bg-white {
    background: #fff;
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0) !important;
}

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

.mr-31 {
    margin-right: 31px;
}

.mr-38 {
    margin-right: 38px;
}

.sms-box .box-shadow-data {
    box-shadow: 0px 4px 11px 4px #cccc;
}

.view-sms-eye {
    width: 260px !important;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    overflow-y: scroll;
    max-height: 135px;
}

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

.field-data .historydesc {
    float: none !important;
    border-right: 1px dashed #ccc;
    margin: 8px 0px;
}

.filed-label {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#fieldsidebar-1 {
    background: #f9f9fa;
    color: #fff;
    transition: all 0.3s;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    /*height: 100vh;*/
    float: left;
    /*padding-top: 10px;*/
    position: relative;
    border-radius: 6px;
    /*top: -50px;*/
    z-index: 99;
    width: 96%;
    /*overflow: hidden;*/
}

.rx-file-fields ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.filed-data {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px;
    width: 100%;
    background: white;
}

ul.field-title-ul {
    margin: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.field-title {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.components-field {
    background-color: #081E32 !important;
    border: 1px solid #081E32 !important;
    padding: 5px;
    border-radius: 4px 4px 0 0;
}

.field-title .components-span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.column-field .tabelform {
    background-color: #fff !important;
    width: 100%;
    border-left: 0px !important;
    border-radius: 6px;
}

.column-field .newsidebar .columns {
    color: #fff !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #081E32 !important;
    border: 1px solid #081E32 !important;
}

.column-field .nav {
    display: inherit;
}

.column-field .fied-column {
    margin: 0 auto;
    /*padding: 0.5px;*/
}

.column-data {
    background: #f9f9fa !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    /*top: 40px;*/
    padding: 2px;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

    .column-data span {
        color: #6b6d70;
        font-weight: 400;
    }

.rules-data ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

    .rules-data ul li {
        border: 1px solid #ccc;
        border-radius: 5px;
        background: #fff;
        display: flex;
        align-items: center;
        padding: 5px 10px;
        justify-content: space-between;
    }

        .rules-data ul li span {
            font-size: 14px;
            font-weight: 500;
            color: #0a0a0a;
        }

        .rules-data ul li img {
            position: relative;
        }

        .rules-data ul li a {
            padding: 0;
            margin: 0;
        }

            .rules-data ul li a img {
                height: 22px;
            }

.w-30-p {
    width: 30%;
}

.drag-column .ui-sortable-handle {
    margin: 10px;
}

.drag-column .dropped {
    /*margin-top: 5px;*/
    margin-bottom: 0px;
}

.drag-column .box-item {
    z-index: 1;
}

.closetab {
    display: none;
}

.dropped #parallelogram {
    display: none;
}

.dropped .closetab {
    display: block;
}

.star1 {
    background: #54deff;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

    .star1 label {
        width: 44px !important
    }

.star2 {
    background: #006cb7;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

    .star2 label {
        width: 44px !important
    }

.pa {
    background: #00853e;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

.specialty {
    background: #ad9303;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

    .specialty label {
        width: 60px !important
    }

.chart-note {
    background: #000000;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

    .chart-note label {
        width: 80px !important
    }

.intake {
    background: #a20000;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

    .intake label {
        width: 60px !important
    }

.sign-lable {
    display: flex;
    justify-content: space-between;
    position: relative;
    /*top: 28px;*/
}

.sing-data-lable {
    margin-left: 14px;
    position: relative;
    bottom: 7px;
}

.inline-sign {
    display: flex;
}

.left-sign {
    margin-left: 3px;
    position: relative;
    bottom: 2px;
}

.mr-38 {
    margin-right: 38px;
}

.mr-31 {
    margin-right: 31px;
}

.dis-flex {
    display: flex;
    align-items: flex-start;
}

.zipborder {
    /*border: solid 1px #ccc;*/
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 2px #ccc;
    display: inline-grid;
}

    .zipborder:after {
        content: "";
        /* width: 18px; */
        height: 0;
        border-top: 15px solid transparent;
        border-right: 32px solid #e2e2e2;
        border-bottom: 16px solid transparent;
        position: absolute;
        left: -32px;
        top: 6px;
    }

.zip-border-right {
    float: none !important;
    border-right: 1px dashed #ccc;
    margin: 5px 0px;
}

.dashed-border-top {
    border-top: 1px dashed #ccc;
}

.zip-content p {
    font-size: 17px;
    display: inline-block;
    font-weight: 500;
    float: none !important;
    margin: 8px 0px;
    margin-bottom: 0px;
}

.zip-content .zip-text {
    font-size: 17px !important;
    margin: 8px 0px;
    margin-bottom: 0px;
}

.position-left {
    position: absolute;
    bottom: 0;
    right: 0;
}

.color-black {
    color: #000 !important;
}

.welcome-txt {
    display: flex;
    justify-content: flex-end;
}

.max-h-200 {
    max-height: 200px !important;
}

.pa-font span {
    color: #00853e;
}

.pckg-sent a {
    text-decoration: underline;
    font-size: 14px;
    vertical-align: sub;
}

.notes-data {
    min-height: 96px;
    overflow-y: auto;
    height: 68px;
}


.searchPackagePopup .modal-dialog {
    max-width: 60%;
}

.searchPackagePopup .prescriptionno p {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.searchPackagePopup {
    min-height: 500px;
    padding-top: 240px;
}

    .searchPackagePopup .table-responsive {
        max-height: 300px;
    }

        .searchPackagePopup .table-responsive .view-presc-table tbody {
            overflow-y: scroll;
            overflow-x: auto;
        }

    .searchPackagePopup .modal-dialog.modal-notify .heading {
        padding: 0px;
        color: #000;
        font-weight: 600;
    }

.quick-card span {
    background: #fff;
    box-shadow: 0px 2px 10px 1px #ccc;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 100%;
}

.welcome-header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12%;
}

.template-dd {
    width: 25% !important;
}

.text-left {
    /*margin-left: 26px;*/
    margin-top: 12px;
    font-weight: 600;
}

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


.font-color {
    color: #006bb7;
}

.max-w-50 {
    max-width: 50%;
}

.t-c-height {
    height: 500px;
    overflow-y: auto;
    max-height: 450px;
}

.fromcard .actionpopup {
    max-height: 600px !important;
}

.fromcard .modal-dialog.modal-notify .modal-body {
    overflow: auto !important;
}

.fromcard object {
    height: 100%;
}

.h-61 {
    height: 61% !important;
}

.mb-70 {
    margin-bottom: 70px;
}

.h-2075 {
    height: 2100px !important;
}

.to-text span {
    font-size: 13px;
    padding-left: 16px;
    padding-top: 10px;
}


.invoice-detail-right {
    border-left: 1px dashed #ccc;
    display: block;
}

    .invoice-detail-right .historydesc {
        display: flex;
    }

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

.noti-module {
    position: relative;
}

    .noti-module .noti-number {
        /*border-radius: 50%;*/
        text-align: center;
        position: absolute;
        top: 79px;
        left: calc(100% - 13.5%) !important;
        margin-left: 24px;
        height: 25px;
        width: auto;
        background: #ff6574;
        border-bottom-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        min-width: 40px;
        border-radius: 0;
    }

        .noti-module .noti-number span {
            color: #fff;
            font-size: 12px !important;
            position: relative;
            top: 0px;
            font-weight: 400;
        }

.noti-module-green {
    position: relative;
}

    .noti-module-green .noti-number {
        /* border-radius: 50%; */
        text-align: center;
        position: absolute;
        top: 79px;
        left: calc(100% - 29%) !important;
        margin-left: 34px;
        height: 25px;
        width: auto;
        background: #47d58f;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        min-width: 40px;
        border-radius: 0;
    }

        .noti-module-green .noti-number span {
            color: #fff;
            font-size: 12px !important;
            position: relative;
            top: 0px;
            font-weight: 400;
        }

.w-15 {
    width: 15%;
}

.invoice-labels {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: end;
    gap: 20px;
    margin: 10px 0;
}

.invoiceLabelsAlt {
    justify-content: start;
}

.payment {
    display: inline-block;
}

    .payment .pay-customer {
        background: #8dffd0;
        padding: 5px;
    }

    .payment .pay-archived {
        background: #F7B900;
        padding: 5px;
    }


    .payment .pay-internal {
        background: #ff6100;
        padding: 5px;
    }

    .payment .pay-enrollment {
        background: blue;
        padding: 5px;
    }

    .payment .greenLegend {
        background: #0dd17f;
        padding: 5px;
    }

    .payment label {
        margin: 0;
    }

.patient {
    display: inline-block;
}

.payment .pay-outcome {
    background: red;
    padding: 5px;
}

.payment .packetSentCustomer {
    background: #49b4ff;
    padding: 5px;
}

.patient .master {
    background: blue;
    padding: 5px;
}

.font-fa-at {
    position: relative;
    right: 16px;
    top: 14px;
    font-size: 20px;
}

.view-sign {
    max-height: 250px !important;
    height: 230px !important;
    overflow-y: hidden !important;
}

.customattestion {
    max-width: 75%;
}

.mt-25 {
    margin-top: 25px;
}

.btn-clock-in .outline-button {
    padding: 6px 20px;
    background: #009e16;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btn-clock-in img {
    display: block;
    margin-bottom: 3px;
    filter: none;
}

.bottom-9 {
    bottom: 9px;
}

.bottom-10 {
    bottom: 10px;
}

.btn-clock-out .outline-button {
    padding: 6px 20px;
    background: #9e0000;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btn-clock-out img {
    display: block;
    margin-bottom: 3px;
    filter: none;
}

.btn-clock .outline-button {
    padding: 6px 20px;
    background: #ccc;
}

.btn-clock img {
    display: block;
    margin-bottom: 3px;
}

#clockbtn .modal-header {
    padding: 11px 18px;
}

#clockbtn .modal-title {
    font-size: 16px;
    font-weight: 700;
}

#clockbtn .modal-body {
    padding: 8px 17px;
}

    #clockbtn .modal-body p {
        margin-bottom: 5px;
    }

.m-0-auto {
    margin: 0 auto;
}

#clockbtn .close {
    padding: 11px 10px;
}

.left-68 {
    left: calc(100% - 68%);
}

.module-checkbox {
    border: 1px solid #ccc;
    width: auto;
    height: 200px !important;
    z-index: 1;
    margin-left: 64px;
    max-height: 300px !important;
    padding: 0 10px;
}

.disply-f {
    display: flex !important;
    padding-left: 2px;
}

.content-note-box {
    background: #fff;
    border: 1px solid #ccc;
    max-height: 300px;
    height: 100px;
    width: 100%;
    overflow-y: auto;
    padding: 5px;
}

.task-note-box {
    background: #fff;
    border: 1px solid #ccc;
    max-height: 300px;
    height: 100px;
    width: 100%;
    overflow-y: auto;
    padding: 5px;
}

    .task-note-box p {
        color: #797979;
        font-weight: 400;
    }

.content-checkbox {
    display: grid;
    overflow-y: scroll;
    margin: 0 !important;
}


.noti-module .noti-number {
    left: calc(100% - 14.5%) !important;
}

.noti-module .noti-number {
    left: calc(100% - 15.5%) !important;
}

.noti-module-green .noti-number {
    left: calc(100% - 32%) !important;
}

/*********************start Quick link***************/


.top-box {
    background-color: #f2f2f2;
    border-radius: 10px !important;
}

.quick-head {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.bg-grey {
    background-color: #dcdcdc;
    height: 100%;
    width: 100%;
    padding: 10px 5px 5px 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .bg-grey img {
        margin-top: 10px;
    }

.add-btn-link {
    background-color: #dcdcdc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
}

.dis-flex {
    display: flex;
    justify-content: space-between;
}

/*********************End Quick link***************/

.md-form label {
    top: -11px;
}

.md-form.form-sm label.active {
    transform: translateY(-20%);
}

.task-bg {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 10px 0px;
}

.blue-header {
    background-color: #933ec5;
    color: white !important;
    height: 60px;
}

.library-box-header {
    background-color: #933ec5;
}

    .library-box-header a {
        color: white !important;
    }

.library .upload-btn {
    padding: 7px 15px;
}

.avoid-pagebreak-nowrap {
    page-break-inside: avoid !important;
    padding-top: 10px;
    white-space: nowrap;
    margin: 10px 0 10px 0 !important; /* to keep the page break from cutting too close to the text in the div */
}

.avoid-pagebreak-wrap {
    page-break-inside: avoid !important;
    padding-top: 10px;
    /*white-space: nowrap;*/
    margin: 10px 0 10px 0 !important; /* to keep the page break from cutting too close to the text in the div */
}

.hipaa-compliant {
    margin-top: 25px;
    padding: 5px 10px;
}

/*Pateint Details start*/
.list-inline-item:not(:last-child) {
    margin-right: .3rem;
    margin-top: 10px;
}

.top-edit span {
    margin-left: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #267be5;
}

.top-edit .list-inline {
    margin-left: 0px;
}

    .top-edit .list-inline .list-inline-item a {
        padding-left: 0px;
    }

.list-inline .list-inline-item a {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #267be5;
}

.sidebar-bottom {
    margin-bottom: 40px;
}

.top-button-setting {
    display: flex;
    justify-content: space-between;
}

    .top-button-setting ul {
        margin-left: 30px;
    }

.top-button {
    margin-right: 10px;
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem;
    margin-top: 10px;
}

.list-inline .list-inline-item a {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #267be5;
}

.card-box {
    border: 1px solid #d4d4d4;
    height: 100%;
}

.document-box {
    width: 100%;
}

.document-box-patient {
    height: 888px;
}

.document-box-provider {
    height: 888px;
}

.document-box-partner {
    height: 507px;
}

.document-box-payor {
    height: 507px;
}

.card-top {
    width: 100%;
    height: 35px;
    background: #c4d4e0; /*#c4d4e0*/
    /*border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;*/
    display: flex;
    align-items: center;
    padding: 5px 10px;
    /*border-bottom-color: #e0cbcb;
border-bottom-width: 1px;
border-bottom-style: solid;*/
}

    .card-top img {
        width: 20px;
        height: 20px;
    }

    .card-top h2 {
        font-size: 14px;
        font-weight: bold;
        color: #000;
        font-family: Poppins;
        margin-left: 5px;
        margin-bottom: 0px;
    }

.card-body {
    padding: 10px;
}

.card-label {
    width: 150px;
}

.card-label-style {
    color: #4b4747 !important;
    font-family: Poppins;
    font-weight: bold;
    font-size: 14px;
}

.card-style {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
}

.bascom-top h2 {
    font-size: 14px;
    font-family: Poppins;
    color: #000;
}

.health-card {
    border: 1px solid #d4d4d4;
    box-shadow: none;
    min-height: 370px;
}

.health-card-top {
    background: #dddddd;
}

    .health-card-top h2 {
        font-size: 14px;
        font-family: Poppins;
        color: #000;
    }

.card-body p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
}

.card-body select {
    /*border: none;*/
    /*width: 200px;*/
    /*border-bottom: 1px solid #000;*/
}

.category-approve-tag-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .category-approve-tag-list.main-cat li {
        background-color: #47a7ea;
        color: #fff;
    }

    .category-approve-tag-list li {
        display: inline-block;
        padding: 0.3rem 0.7rem;
        font-size: 0.8rem;
        margin-bottom: 0.4rem;
        margin-right: 0.2rem;
        position: relative;
        height: 30px;
        margin-left: 15px;
        text-transform: capitalize;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        cursor: default;
    }

    .category-approve-tag-list.main-cat li:before {
        border-right: 15px solid #47a7ea;
    }

    .category-approve-tag-list li:before {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        content: "";
        height: 0;
        top: 0;
        position: absolute;
        left: -15px;
        width: 0;
    }

    .category-approve-tag-list li:after {
        content: "";
        position: absolute;
        left: -3px;
        top: 12px;
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50px;
    }

    .category-approve-tag-list li img {
        margin: -12px 2px;
        position: absolute;
    }


.category-enrollment-tag-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .category-enrollment-tag-list.main-cat li {
        background-color: #47a7ea;
        color: #fff;
    }

    .category-enrollment-tag-list li {
        display: inline-block;
        padding: 0.3rem 0.7rem;
        font-size: 0.8rem;
        margin-bottom: 0.4rem;
        margin-right: 0.2rem;
        position: relative;
        height: 30px;
        margin-left: 15px;
        text-transform: capitalize;
        /* border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;*/
        cursor: default;
    }

    .category-enrollment-tag-list.main-cat li:before {
        border-right: 15px solid #47a7ea;
    }

    .category-enrollment-tag-list li img {
        margin: -12px 2px;
        position: absolute;
    }

.health-border {
    border-bottom: 1px solid #b7b7b7;
}

.document-library {
    width: 100%;
    height: 100%;
    border: 1px solid #d4d4d4;
    overflow-y: scroll;
}

.document-img img {
    width: 30px;
    height: 30px;
}

.document-left-section {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

    .document-left-section h2 {
        font-size: 24px;
        font-weight: bold;
        font-family: Poppins;
        margin-left: 10px;
        color: #fff;
        padding-top: 7px;
    }

.document-right-section {
    padding-top: 16px;
    float: right;
    cursor: pointer;
}

    .document-right-section img {
        width: 30px;
    }

        .document-right-section img:nth-child(1) {
            margin-right: 10px;
        }

.document-bottom {
    width: 100%;
    background-color: #888888;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px;
}

    .document-bottom img {
        width: 18px;
        cursor: pointer;
    }

.list-inline .list-inline-item span a {
    color: #fff;
}

    .list-inline .list-inline-item span a:hover {
        text-decoration: underline;
    }

.document-home-img img {
    margin-left: 12px;
}

.document-bottom span {
    color: red;
    font-size: 13px;
    font-family: Poppins;
    font-weight: 500;
    margin-right: 10px;
    color: #fff;
}

.document-subbottom ul li {
    color: #000;
    font-size: 13px;
    font-family: 'Poppins';
    margin-left: 15px;
    font-weight: bold;
}

.document-table table tr th {
    font-size: 13px;
    font-family: Poppins;
    color: #000;
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.document-table table tr td {
    font-size: 14px;
    font-family: Poppins;
    color: #000;
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.document-table .intake-text {
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    padding-left: .25rem;
    color: #000;
    text-decoration: none;
}

.document-table table thead {
    background-color: #e8e8e8;
}

.intake-text:hover {
    color: #000;
    text-decoration: underline;
}

.permitions {
    cursor: pointer;
    padding-left: 0.25rem;
    width: 20px;
}

.delete {
    width: 16px;
    cursor: pointer;
}

.edit {
    cursor: pointer;
    width: 20px;
}

.printer-icon {
    width: 20px;
    cursor: pointer;
}

.card-information {
    min-height: 330px;
    border: 1px solid #d4d4d4;
    box-shadow: none;
}

.information-top {
    width: 100%;
    /*height: 80px;*/
    background: #47a7ea;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .information-top h2 {
        font-size: 24px;
        color: #fff;
        font-family: Poppins;
        font-weight: 500;
        margin: 16px 13px;
    }

.table-setting img {
    padding-left: .25rem;
    width: 18px;
    height: 18px;
}

.table-setting :nth-child(2) {
    width: 25px;
}

.list-group .list-group-item span a {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px !important;
    color: #006cb7;
}

.list-group-item {
    border: none;
}

.card-notes {
    width: 100%;
    height: 250px;
    border: 1px solid #d4d4d4;
    overflow: auto;
}

.card-notes-hightv70 {
    height: 70vh;
}

.card-availability {
    height: 372px;
}

.intake-subbox {
    width: 100%;
    height: 100px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

/* Style the tab */
.tab_slider {
    float: none;
    border: 1px solid #ccc;
    background-color: #081e32;
    width: 100%;
    height: 60px;
    display: flex;
    margin-top: -25px;
    justify-content: space-around;
    flex-direction: row;
}

    /* Style the buttons inside the tab */
    .tab_slider button {
        background-color: inherit;
        color: black;
        padding: 22px 16px;
        border: none;
        outline: none;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .tab_slider button.tablinks {
            min-width: 100px;
        }

        .tab_slider button small {
            color: #fff;
            font-size: 60%;
            line-height: 12px;
            margin-top: 4px;
        }


        /* Create an active/current "tab button" class */
        .tab_slider button.active {
            background-color: #ff5e06;
            margin: -5px 0;
            border-radius: 5px;
        }

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 100%;
    border-left: none;
    height: 100%;
}

    .tabcontent h3 {
        text-align: center;
        margin-top: 25px;
        font-family: Poppins;
        font-weight: bold;
        font-size: 18px;
    }

.tablinks img {
    width: 30px;
}


/* Style Wired */
.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        width: 80%;
        height: 100%;
        background: #777;
        border-radius: 30px;
        transform: translateX(-30px);
        transition: .4s;
    }

input:checked + .slider:before {
    transform: translateX(30px);
    background: #47a7ea;
}

input:checked + .slider {
    box-shadow: 0 0 0 2px #47a7ea,0 0 2px #47a7ea;
}

/* Style Flat */
.switch.flat .slider {
    box-shadow: none;
}

    .switch.flat .slider:before {
        background: #FFF;
    }

.switch.flat input:checked + .slider:before {
    background: white;
}

.switch.flat input:checked + .slider {
    background: limeGreen;
}



.switch-texts {
    margin-top: 3px;
    position: absolute;
}
/*switch css*/

/*Pateint Details end*/

/*patient details-1 Start*/
.find-box {
    /*width: 100%;*/
    height: auto;
    padding: 20px 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}
/*patient details-1 End*/

/*task management*/
.userRound {
    position: relative;
    /* border: 1px dashed rgba(221, 221, 221, 1); */
    border-radius: 100%;
    background: #081e32;
    color: #fff;
    outline: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    font-size: 12px;
}

    .userRound p {
        margin: 0;
    }

.deleteBoardMember {
    display: none;
}

.addUserRound {
    cursor: pointer;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #333;
    color: #fff;
    border-radius: 30px;
}

    .addUserRound p {
        margin: 0;
    }

    .addUserRound:hover p {
        display: none;
    }

    .addUserRound:hover {
        background: red;
    }

        .addUserRound:hover .deleteBoardMember {
            display: block;
            filter: brightness(10);
            color: #fff;
        }

.btn-assignEmployee {
    height: 30px;
    width: 30px;
    background: #fff;
    border: 1px solid #757575;
    border-radius: 30px;
}

    .btn-assignEmployee svg {
        height: 22px;
        fill: #757575
    }

.addBlankUserRound {
    border: 1px dashed rgba(221, 221, 221, 1);
    padding: 7px;
    background: #fff;
    margin-right: 5px;
    border-radius: 100%;
    cursor: pointer;
    outline: none;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    display: inline-flex;
}

.chatting-body {
    overflow-y: scroll;
    height: calc(100% - 192px );
}

.chatting .user-name {
    font-size: 11px;
}

.chatting .user-time {
    font-size: 11px;
}

.chatting p {
    font-size: 11px;
}

.comment-box {
    min-height: auto;
    height: calc(100vh - 186px);
    overflow: auto;
    border: 1px solid grey;
    border-top: none;
}

    .comment-box h4 {
        padding: 10px 16px;
        background: #fff;
        border-bottom: 1px solid #acacac;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 13px;
    }

.chatting {
    padding: 10px 16px;
    border-bottom: 1px solid #acacac;
    padding-bottom: 0rem;
    padding-top: 0.4rem;
}

    .chatting .user-name {
        font-size: 13px;
    }

    .chatting .user-time {
        font-size: 13px;
        margin-left: 10px;
        color: #868686;
    }

    .chatting p {
        font-size: 13px;
        margin-left: 34px;
        color: #868686;
        font-weight: 400;
    }

.comment-main-box {
    position: relative;
    bottom: -30px;
}

.bottom-button {
    width: 100%;
    background: #;
    height: 50px;
    bottom: -35px;
    position: relative;
}

.comment-bottom {
    width: 100%;
    position: absolute;
    bottom: 50px;
}

.type-commnet-box {
    display: flex;
    justify-content: space-between;
    background: #fff;
    bottom: -35px;
    position: relative;
    border-bottom: 1px solid #acacac;
}

.attachment-iocn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

.comment-textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
    border-bottom: 1px solid grey;
    padding-left: 10px;
    color: #868686 !important;
    resize: none;
}


.icon img {
    width: 22px;
    margin-left: -33px;
    margin-top: 6px;
}

.btn-comment {
    background: #006cb7;
    padding: 7px 19px;
    float: right;
    text-transform: capitalize;
}

.chatting-body {
    overflow-y: scroll;
    height: calc(100% - 192px );
}


.subtask {
    display: flex;
    justify-content: space-between;
}

/*subtask management start*/
.back-button {
    color: #000;
    text-decoration: underline;
    font-size: 13px;
}

    .back-button:hover {
        color: #000;
        text-decoration: underline;
    }

.cancel-img {
    cursor: pointer;
}

.subtask-table {
    overflow-y: scroll;
    height: 450px;
}

.comment-textarea textarea::placeholder {
    color: #868686;
}


.upload-control {
    font-size: 15px;
    color: blue;
    background-color: lightgray;
    border: 1px solid #ced4da;
    color: black;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.upload-control-package {
    font-size: 15px;
    color: blue;
    background-color: #f6f6f6;
    border: 1px solid #ced4da;
    color: black;
    border-radius: .25rem;
    padding: 6px 12px !important;
    font-size: 11px !important;
    width: 100%;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.triangle input.es-input {
    width: 93% !important;
    padding: 11px 0px;
}

@font-face {
    font-family: "Flaticon";
    src: url("../font/Flaticon.eot");
    src: url("../font/Flaticon.eot?#iefix") format("embedded-opentype"), url("../font/Flaticon.woff") format("woff"), url("../font/Flaticon.ttf") format("truetype"), url("../font/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 24px;
    font-style: normal;
}

/*.flaticon-icon-103356:before { content: "\f100"; }*/
.flaticon-icon-105385:before {
    content: "\f101";
}

.flaticon-icon-105402:before {
    content: "\f102";
}

.flaticon-icon-114176:before {
    content: "\f103";
}

.flaticon-icon-117918:before {
    content: "\f104";
}

.flaticon-icon-12149:before {
    content: "\f105";
}

.flaticon-icon-124977:before {
    content: "\f106";
}

.flaticon-icon-125005:before {
    content: "\f107";
}

.flaticon-icon-12625:before {
    content: "\f108";
}

.flaticon-icon-127650:before {
    content: "\f109";
}

.flaticon-icon-131019:before {
    content: "\f10a";
}

.flaticon-icon-131071:before {
    content: "\f10b";
}

.flaticon-icon-30988:before {
    content: "\f10c";
}

.flaticon-icon-32145:before {
    content: "\f10d";
}

.flaticon-icon-45987:before {
    content: "\f10e";
}

.flaticon-icon-49091:before {
    content: "\f10f";
}

.flaticon-icon-55194:before {
    content: "\f110";
}

.flaticon-icon-55196:before {
    content: "\f111";
}

.flaticon-icon-63372:before {
    content: "\f112";
}

.flaticon-icon-63722:before {
    content: "\f113";
}

.flaticon-icon-73378:before {
    content: "\f114";
}

.flaticon-helicopter:before {
    content: "\f100";
}

.fa-chevron-down, .fa-chevron-up {
    float: right;
    margin-top: 10px;
    padding-right: 17px;
}

.releaseheader.collapsed .fa-chevron-up,
.releaseheader .fa-chevron-down {
    display: none;
}

.releaseheader.collapsed .fa-chevron-down,
.releaseheader .fa-chevron-up {
    display: inline-block;
}

.dashboard-collapsible {
    background-color: white;
    padding: 14px;
    border-radius: 10px;
}

    .dashboard-collapsible .header_release {
        height: 35px;
    }

    .dashboard-collapsible .helpHead1 {
        padding-top: 0px;
    }

    .dashboard-collapsible .medSyncHeader {
        padding-top: 0px;
    }

.form-check-drug {
    position: initial;
    display: block;
    padding-left: 1.25rem;
}

.groupHead td {
    background-color: #006cb7;
}

.form-check-input[type=checkbox] + .groupHeadCheckBox:before, .form-check-input[type=checkbox]:not(.filled-in) + .groupHeadCheckBox:after, .groupHeadCheckBox.btn input[type=checkbox] + .groupHeadCheckBox:before, .groupHeadCheckBox.btn input[type=checkbox]:not(.filled-in) + .groupHeadCheckBox:after {
    border: 2px solid white;
}

.form-check-input[type=checkbox]:checked + .groupHeadCheckBox:before, .groupHeadCheckBox.btn input[type=checkbox]:checked + .groupHeadCheckBox:before {
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}

/*12-03-2020 Soap Setting Table Fix*/
.nowrap {
    white-space: nowrap;
}

.info-tooltip {
    position: relative;
    display: block;
    margin: 0 auto 5px auto;
    max-width: 100%;
    line-height: 1.3em;
    /*background: #e5f0f7;*/
    /*padding: 3px 6px;*/
    /*text-indent: 15px;*/
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}
    .info-tooltip svg {
        height: 16px;
        width: auto;
        fill: #25313e !important;
    }

    .info-tooltip i {
        position: absolute;
        left: -2px;
        text-indent: 0;
        background: #006CB7;
        color: #fff;
        width: 16px;
        height: 16px;
        text-align: center;
        padding: 3px;
        border-radius: 30px;
        top: 0;
        font-size: 12px;
        font-weight: normal;
    }

body .table-striped tbody .tr-bg-yellow {
    background-color: #FFFFE0 !important;
}

.module-box-disabled {
    opacity: 0.5;
    /*background: #CCC;*/
    filter: grayscale(100%);
    pointer-events: none;
}

.genericmodal .model-searchpopup {
    width: 60% !important;
}

.custom-serch-lable {
    padding: 0.28rem 0.5rem;
    font-weight: 400;
    font-size: 15px;
    background-color: #d8dce3;
    color: black !important;
    border-radius: 3px !important;
}

.z-index-1 {
    z-index: 1;
}


.table_scrollspy {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}

.thead_scrollspy {
    flex: 0 0 auto;
    width: 100%;
}

.tbody_scrollspy {
    max-height: 500px;
    width: 100%;
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
}

.view-presc-table .tbody_scrollspy tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.thead_scrollspy_sync tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.intake-form-margin {
    margin-top: 40px;
}

.tab_slider_margin {
    margin-top: -70px;
    height: 70px;
    border: none;
}

    .tab_slider_margin button.active {
        margin: 0;
    }

.tab_slider_sec_margin button.active {
    margin: 0;
}

.tab_slider_sec_margin {
    margin-top: 11px;
    border: none;
}

    .tab_slider_sec_margin button.active {
        margin: 0;
    }


.profile-employee-section {
    padding-right: 0;
}

.edit-cm, .edit-cm :hover {
    color: #ffffff !important;
}

.tabs-nav {
    background-color: #F1F1F1 !important;
    border: none !important;
}

    .tabs-nav > .tab > a {
        color: #868686 !important;
    }

        .tabs-nav > .tab > a.active {
            color: #000000 !important;
        }

.task-management-ts {
    margin-top: 0;
}

.content-ts {
    display: block;
    width: 100%;
    overflow-x: scroll;
}

.task-manage {
    display: table;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    /*min-height: 60vh;*/
}

.ts-dropdown {
    transform: translate3d(-25px, 45px, 0px) !important;
    z-index: 22222;
}

.column {
    background: linear-gradient(180deg, #e5ecf8, rgba(245, 243, 243, 0) 100%);
    margin-right: 2%;
    padding: 1%;
    border-radius: 3px;
    width: 20%;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    min-height: calc(100vh - 200px);
    flex: 0 0 auto;
    overflow: visible;
}

.FilterMenuContents {
    background: white;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgb(111 119 130 / 15%), 0 5px 20px 0 rgb(21 27 38 / 8%);
    box-sizing: border-box;
    position: absolute;
    right: 38px;
    padding: 18px;
    z-index: 222222;
    width: 40%;
    display: none;
}

.ButtonSelect-label {
    padding-right: 20px;
}

.column:last-of-type {
    margin-right: 0;
}

.column .column-title {
    font-weight: bold;
    margin: 5px 0 20px;
}

.select2-selection__placeholder {
    line-height: 40px !important;
}

.column .card.selected {
    transform: scale(1.15);
    z-index: 1;
}

.column .card:hover .task-viewmore-detail {
    display: flex;
    align-items: center;
    background-color: #edf0f5;
    z-index: 2;
    padding: 3px 15px;
    border-radius: 7px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.comment-task, .view-task {
    display: flex;
    align-items: center;
}

    .comment-task img {
        width: 20px;
        filter: invert(55%) sepia(5%) saturate(211%) hue-rotate(177deg) brightness(94%) contrast(84%);
    }

    .view-task img {
        width: 20px;
        filter: invert(55%) sepia(5%) saturate(211%) hue-rotate(177deg) brightness(94%) contrast(84%);
    }

.task-aasignee-detail {
    position: relative;
    display: inline-block;
}

    .task-aasignee-detail img {
        width: 25px;
    }

    .task-aasignee-detail p {
        margin: 0;
    }

.footer-sub-task-count, .footer-comment-task-count {
    margin: 0;
    padding: 0;
    padding: 0 3px 0 3px;
    font-size: 14px;
}

.task-aasignee-detail:hover .task-assignee-list {
    display: block;
}

.task-assignee-list {
    z-index: 2222;
    position: absolute;
    top: -2PX;
    left: 30px;
    box-shadow: rgb(237 234 233) 0px 0px 0px 1px, rgb(109 110 111 / 8%) 0px 5px 20px 0px;
    background-color: #ffffff;
    border: 1px solid #fcfcfc;
    border-radius: 4px;
    display: none;
}

    .task-assignee-list.individual-ts {
        top: 0;
    }

        .task-assignee-list.individual-ts::before {
            top: 14px;
        }

    .task-assignee-list::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #e2e2e2;
        left: -8px;
        top: 50%;
        transform: translate(0px, -50%);
    }

    .task-assignee-list ul {
        font-size: 13px;
        margin: 0;
        padding: 0;
    }

        .task-assignee-list ul li {
            padding: 5px 10px;
            border-radius: 4px;
            color: #25313e;
            font-weight: 700;
        }

            .task-assignee-list ul li:hover {
                background-color: #edf0f5;
            }

            .task-assignee-list ul li:last-child {
                border-bottom: none;
            }

.column-data-wrap {
    display: flex;
    height: auto;
}

    .column-data-wrap span {
        white-space: normal !important;
    }

    .column-data-wrap .column-data-deletebtn {
        position: absolute !important;
        top: -15px;
        right: -15px;
    }

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

.patientdetailslink {
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 0;
    font-weight: 700;
    padding-bottom: 10px;
    padding: 10px;
}



.reminder-hr-tab {
    margin: 0.5rem 0;
    width: 64%;
    height: 1px;
    background: rgb(255,255,255);
    background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.count-rt {
    padding: 1px 7px;
    border-radius: 3px;
}

.rt-block-card {
    height: 100%;
}

.rt-height {
    height: 30px;
}

.count-rt-style {
    margin: 0;
    color: white;
    font-weight: 600;
}

.rt-blue {
    color: blue;
}

.rt-red {
    color: red;
}

.rt-orange {
    color: orangered;
}

.rt-green {
    color: green;
}

.rt-mint {
    color: #82A917;
}

.rt-pink {
    color: red;
}

.rt-sticker {
    position: absolute;
    bottom: 0;
    right: 0;
}

    .rt-sticker img {
        width: 80px;
    }

.rt-body {
    height: 320px;
    overflow-y: auto;
}

.rt-card-line {
    border: 1px #E3E3E3 solid;
    border-radius: 10px;
    padding: 8px 8px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: 0.1s ease-in;
}

    .rt-card-line:hover {
        background-color: #eeeffd;
        border: 1px #90a0d6 solid;
    }

    .rt-card-line .rt-task-line-text p a {
        text-decoration: none;
        color: #303030;
    }

    .rt-card-line:hover .rt-task-line-text p a {
        font-weight: 600;
    }

    .rt-card-line:last-child {
        margin-bottom: 0;
    }

.rt-line-text p, .rt-task-line-text p {
    margin: 0;
}

.task-detail-h5 {
    font-size: 18px;
}

.task-detail-hr {
    margin: 7px 0;
}

.status-block {
    padding: 5px 15px 5px 5px;
    border: 1px solid #7070704d;
    border-radius: 31px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.rt-card-action img {
    width: 23px;
}

.task-detail-status-devider {
    margin: 2px 0;
    padding: 0;
}

.status-count-detail h6 {
    margin: 0;
    font-size: 13px;
    color: #081E32;
    font-weight: 500;
}

.status-task-icon-rt img {
    width: 25px;
}

.status-icon-rt img {
    width: 25px;
}

.status-count-detail h5 {
    margin: 0;
    font-size: initial;
}

.bg-grey-task {
    background-color: #F3F1F1;
    border: 1px #cccccc solid;
}

.bg-dark-header {
    background-color: #354350;
    border: 1px #cccccc solid;
}

.view-rt-task-btn {
    background-color: white;
    margin: -5px;
    padding: 5px 20px;
    border-radius: 25px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

    .view-rt-task-btn a {
        color: rgb(54, 54, 54);
        font-weight: 500;
        font-size: 14px;
    }

.rt-assignee-task {
    margin: 0;
    background-color: #d2d2d2;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-size: 15px !important;
    padding: 5px 0px;
    font-weight: 600;
}

.rt-status-a img {
    width: 25px;
}

.rt-status-pending {
    border-left: 6px solid #E5C705;
}

.rt-status-completed {
    border-left: 6px solid #399E00;
}

.rt-status-inProgress {
    border-left: 6px solid #057EE5;
}

.rt-status-deffered {
    border-left: 6px solid #D10DD1;
}

.rt-status-closed {
    border-left: 6px solid #B75904;
}

.rt-status-cancelled {
    border-left: 6px solid #F51D1D;
}

.rt-small-txt {
    font-size: 12px;
    display: flex;
    color: #4e4e4e;
    margin-top: 4px;
}

    .rt-small-txt .rt-assigned-date-flex {
        margin-left: 10px;
    }

.rt-small-txt-past {
    font-size: 12px;
    color: #4e4e4e;
    margin-top: 4px;
}

.rt-assigned-by-bold, .rt-assigned-date-bold {
    font-weight: 500;
}

.my-task {
    background-color: #eeeffd;
}

.completed-task {
    background-color: #0dd17f !important;
}

.custom-task-btn {
    display: block;
    margin: 0 5px 0 5px;
    padding: .375rem 1.5rem;
    font-size: 13px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #CED4DA;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}

.menu-task-ts-input {
    font-size: 13px;
}

.menu-task-ts {
    flex-direction: column;
    align-items: center;
    margin-left: 4px;
}

.float_main_area {
    position: relative;
}

.label-container {
    position: absolute;
    top: -24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    visibility: hidden;
    transform: translate(-26%, -50%);
}

.label-text {
    color: #FFF;
    background: rgb(29, 29, 29);
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
    width: 130px;
    font-size: 12px;
}

.label-arrow {
    vertical-align: middle;
    color: #333;
    opacity: 1;
    font-size: large;
    margin-top: -6px;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 40px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    transition: 0.2s ease-in;
    z-index: 6;
}

    .float:hover {
        filter: brightness(1.3);
    }

.right110 {
    right: 110px;
}

.right180 {
    right: 180px;
}

.right100 {
    right: 100px;
}

.my-float {
    font-size: 24px;
    margin-top: 18px;
}

a.float_visible + div.label-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease;
}

a.float_visible:hover + div.label-container {
    visibility: visible;
    opacity: 1;
}

.call_to_action {
    background-color: #03A9F4;
}

.hangUp_call {
    background-color: rgb(197, 47, 47);
}

.hangUp_call_transform {
    transform: rotate(135deg);
}

.Login_tele {
    border: 1px solid #0b6ebd;
    background-color: #564545
}

.Refer_pt {
    background-color: #CFD6BE;
    border: 1px solid #0b6ebd;
}

.float-icon-ad {
    width: 30px;
    margin: 14px;
}

.menu-reminder-actiontype {
    background: white;
    padding: 2px 0px;
    height: fit-content;
    margin: 10px;
    border-radius: 6px;
    overflow: hidden;
}

    .menu-reminder-actiontype .form-check {
        padding: 9px 13px;
        border-bottom: 1px solid #e8e8e8;
        top: -2px !important;
    }

        .menu-reminder-actiontype .form-check:last-child {
            border-bottom: none;
        }

.form-check.active {
    background-color: #EEF3FB;
    border-left: 3px solid #006cb7;
}

.menu-reminder-actiontype .form-check.active label {
    color: #1473E6 !important;
}

.white-down-arrow-collapse {
    color: white;
}


.toggle-switchArea {
    margin: 10px 0 10px 0;
}

.bg-reminder-popup {
    background-color: #F6F6F6 !important;
}

.bg-reminder-right-popup {
    background-color: white;
    margin: 10px;
    border-radius: 10px;
}

    .bg-reminder-right-popup h6 {
        font-weight: 600;
    }


.claim-document-table thead, .claim-document-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.claim-document-table tbody {
    display: block;
    max-height: 300px;
    overflow-y: auto;
}

.presciption-number-table thead, .presciption-number-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.presciption-number-table tbody {
    display: block;
    max-height: 140px;
    overflow-y: auto;
}

.form-custom-field {
    width: 145px !important;
    height: calc(1.55rem + 2px) !important;
    font-size: 12px !important;
}

.partner-license-tooltip {
    right: 45px !important
}

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

.select-city-dd .input-field > .labelgroup-provide {
    font-size: 13px !important;
    transform: translateY(23px);
}

input.es-input.pr-0-provide {
    padding-right: 0 !important;
}

.call_to_action-log {
    background-color: #E61F30;
    margin-bottom: 10px;
}

.float-icon-ad-img {
    width: 44px;
    margin: 8px;
}

.sign-cover {
    object-fit: cover;
    width: 100%;
}

.md-form-custom {
    margin-top: 0.6rem !important;
}

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

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

.applyallrecord button {
    padding: 7px 41px;
}

/*new gen workfloe*/
.followup-queue-details-card {
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
}


.followup-queue-sub-details-card {
    height: 50%;
    border-radius: 5px;
    border: 1px solid #B7B7B7;
    width: 100%;
}

.height-33 {
    height: 33.33% !important;
}

.height-initial {
    height: initial !important;
}

.d-grid {
    display: grid !important;
}

.fit_height-fixed {
    height: 150px;
    overflow-x: hidden;
}


.thingsthatmatters-fix-header {
    overflow-x: hidden;
    height: 180px;
}


.followup-queue-details-card-top {
    border-bottom: 1px solid #b7b7b7;
    background-color: #e4e4e4;
    padding-top: 10px;
    padding-left: 6px;
}

    .followup-queue-details-card-top h2 {
        font-size: 18px;
        font-weight: 600;
    }

.followup-queue-details-card-body label {
    width: 220px;
    color: #4b4747 !important;
    font-size: 14px;
    font-weight: 600;
}

.followup-queue-details-card-body span {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.followup-queue-overflow-auto {
    overflow: auto !important;
}

.details-address-section .address-section ul {
    display: flex;
    margin-left: -10px;
}

    .details-address-section .address-section ul li {
        padding-left: 18px;
    }

.script-name h4 {
    font-size: 14px;
    font-weight: 600;
}

.script-name p {
    font-size: 14px;
    font-weight: normal;
}

.feedback-title h6 {
    color: #afaeae;
    font-size: 16px;
    font-weight: 400;
}


.note-details-top {
    width: 100%;
    height: 150px;
}

.note-title h6 {
    font-size: 16px;
    font-weight: 400;
    color: #afaeae;
    padding: 5px 0px;
}

.note-details-bottom {
    width: 100%;
    height: 300px;
}

.note-textarea textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    padding-top: 14px;
    resize: none;
}

.followup-queue-details-tabs {
    width: 100%;
    border-bottom: 10px solid #006cb7;
}

    .followup-queue-details-tabs ul {
        margin: 0px 100px;
    }

        .followup-queue-details-tabs ul li {
            display: inline-block;
        }

            .followup-queue-details-tabs ul li a {
                color: #000;
                font-size: 15px;
                font-weight: 600;
                display: inline-block;
                padding: 12px 30px;
                background-color: #f8f8f8;
                margin: 0px 15px;
                border: 1px solid #b7b7b7;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                padding-bottom: 8px;
            }

    .followup-queue-details-tabs .active {
        background-color: #006cb7;
        color: #fff;
        border: 1px solid #006cb7;
    }

.note-details-body {
    width: 100%;
    height: 200px;
    overflow-y: auto;
}

.note-box-details img {
    padding: 5px 10px;
}

.eye-icon {
    cursor: pointer;
}

.play-icon {
    cursor: pointer;
}

/*Details History Media Start*/

.form-check-input-days {
    padding: 0px !important;
}

/*new gen workflow end*/

.ar-match-col {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    overflow: auto;
}

.ar-max-width {
    width: max-content;
}

.file-upload-tr-dropdown {
    background-color: #006085 !important;
    height: initial !important;
}

.ar-file-upload-table-th {
    padding: 0.5rem !important;
    color: white !important;
}

.ar-select-dropdown-btn {
    background-color: white !important;
    border-radius: 0.1rem !important;
    border-style: none !important;
    height: initial !important;
    font-size: 13px;
}

.file-ar-th-col > select {
    color: white;
}

.activequeue {
    background-color: #DBE8FA !important;
}

.callcontent {
    margin: 0px 0px !important;
}

.button-grey-tabs {
    background: #d2d2d2 !important;
    pointer-events: none;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    min-width: 87px;
    outline: none;
    color: #908080;
    padding: 1px 5px 1px 5px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 30px;
}

.clinicaldeviceP {
    margin-top: 11px;
    text-align: left;
    font-weight: 500;
}

.invoice-model-body {
    height: 75vh;
    overflow-x: hidden;
}



.inp_mt {
    margin-top: -10px;
}

.gap-fitcontent {
    width: 110px;
}

.fillup-red {
    filter: invert(23%) sepia(64%) saturate(2021%) hue-rotate(201deg) brightness(68%) contrast(203%);
}

.follow-up-queue-feature {
    width: 100%;
    height: 52vh;
    overflow: auto;
}

.action_lable_followup {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.secondary-btn {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    min-width: 100px;
    outline: none;
    background-color: #006085;
    color: #fff;
    /* text-shadow: 0px 1px 0px #fff; */
    -moz-box-shadow: 0px 1px 2px #FFF inset, 0px -4px 10px #DDD inset;
    /* -webkit-box-shadow: 0px 1px 2px #fff inset, 0px -4px 10px #ddd inset; */
    /* box-shadow: 0px 1px 2px #fff inset, 0px -4px 10px #ddd inset; */
    padding: 1px 5px 1px 5px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 30px;
}

    .secondary-btn:hover {
        background-color: #547892;
        color: #fff;
    }




/* incoming call */

.incoming-call-wrapper {
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 70px;
    right: 10px;
    display: inline-block;
    cursor: default;
    width: 400px;
    color: white;
}

.bg-darkblue {
    background-color: #022030;
}

.incoming-call-action > a > img {
    width: 50px;
}

.incoming-call-hr {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%) !important;
    height: 2px;
}

/*Call Update Status*/

.call_update img {
    width: 20px;
    height: 20px;
    border-radius: 0 !important;
    margin-left: 0 !important;
}

.drop-btn {
    background-color: rgb(224, 224, 224) !important;
    padding: 5px 10px;
    margin-left: 2px;
}

    .drop-btn::after {
        right: 30px !important;
    }

.call-dropdown {
    min-width: 5rem !important;
}

.label-delivered {
    background-color: #18c96e;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: "";
}

.label-not-delivered {
    background-color: #b71c1c;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: "";
}

#sidebar.active ul li ul.collapse .submenu-sub-li .sub-submenu-padding {
    padding-left: 15px !important;
}

.product_card_container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.card-product-grid {
    width: 215px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.10rem;
}

    .card-product-grid a, .card-product-grid .payment-status {
        font-size: 12px;
    }

    .card-product-grid:hover {
        -webkit-box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
        box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
        -webkit-transition: .3s;
        transition: .3s
    }

    .card-product-grid .img-wrap {
        border-radius: 0.2rem 0.2rem 0 0;
        height: 220px
    }

    .card-product-grid .img-wrap {
        overflow: hidden
    }


    .card-product-grid hr {
        margin: 0 !important;
    }

    .card-product-grid .img-wrap {
        border-radius: 0.2rem 0.2rem 0 0;
    }


.card-product-rating .fa-star {
    font-size: 11px;
    color: deepskyblue;
}

.card-product-rating .fa-star-half {
    font-size: 11px;
    color: deepskyblue;
}

[class*='card-product'] .img-wrap img {
    height: 100%;
    max-width: 100%;
    width: auto;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover
}

.img-wrap {
    text-align: center;
    display: block
}

.font-size-12 {
    font-size: 13px;
}

.viewmore {
    background-color: #1ba261;
    color: #fff;
    font-size: .5rem;
    border-radius: 15rem;
    padding: 2px 5px;
    font-size: 9px !important;
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.bg-ligh-blue-border {
    background: #fcfdff;
    border: 1px solid #e7e7e7 !important;
}



.appx-extended-detail-subsection .head_sec {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    text-transform: uppercase;
    color: #25313e;
}

    .appx-extended-detail-subsection .head_sec:after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        height: 1px;
        width: 85px;
        background: #25313e;
    }


.flex-basis-intial {
    flex: initial;
}

.highlight_sub ul {
    margin: 0;
}

    .highlight_sub ul li {
        font-size: .8125rem;
        color: #16325c;
        padding-bottom: 6px;
    }
/* Tabs panel */


/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
    }

        .tabbable-line > .nav-tabs > li > a {
            color: #737373;
            padding: 6px 0;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }



        .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
            border: 0;
            background: none !important;
            color: #333333;
        }

            .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
            margin-top: 0px;
        }

        .tabbable-line > .nav-tabs > li > a.active {
            position: relative;
        }

        .tabbable-line > .nav-tabs > li > a.active {
            color: #333333;
        }

        .tabbable-line > .nav-tabs > li.active > a > i {
            color: #404040;
        }

.tabbable-line > .tab-content {
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}

    .tabbable-line.tabs-below > .nav-tabs > li > a {
        margin-top: 0;
        padding: 5px 0;
    }

    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        border-bottom: 0;
        border-top: 4px solid #fbcdcf;
    }

    .tabbable-line.tabs-below > .nav-tabs > li > .active {
        margin-bottom: -2px;
        border-bottom: 4px solid #f3565d;
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.tabbable-panel .nav-tabs > li, .tabbable-panel .nav-pills > li {
    float: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.tabbable-panel .nav-tabs, .tabbable-panel .nav-pills {
    text-align: center;
}

.tabbable-panel .nav {
    list-style: none;
    display: flex;
    position: relative;
    margin: 30px 0 20px 0;
    border-bottom: 2px solid #ededed;
}

.appx-rating-stars-10 {
    width: 90px;
    height: 18px;
    background-image: url(/Content/img/appx-rating-stars-1-5x.png);
}

.disableButton {
    background-color: silver !important;
    cursor: not-allowed;
}

.paSync {
    background: #01ce01;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

    .paSync label {
        width: 60px !important
    }

.module-campaign {
    background-color: #007bff !important;
}

.module-campaign-info {
    border: 1px solid #007bff !important;
    border-radius: 15px;
    padding-top: 25px;
}

.table-w-intial {
    width: initial;
}


.scheduler-main {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin: 20px 0;
}

.scheduler_container {
    background-color: #25313e;
    border-radius: 15px;
    width: 180px;
    margin: 5px;
    border: 4px solid #25313e;
}

    .scheduler_container > p {
        text-align: center;
        margin-bottom: 6px;
        background: #fff;
        width: 100%;
        border-radius: 14px 14px 4px 4px;
    }

.scheduler_count {
    text-align: center;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    margin: auto;
    margin-top: 10px;
    font-size: 35px;
}

/*Updated UI Components*/
.soft-radio-btn .soft-radio-label {
    margin: 0;
}


/*Floating Label*/
.soft-ui-input .label {
    left: 8px;
    top: 10px;
    color: #919aa3;
    font-weight: 400;
    pointer-events: none;
    font-size: 12px;
}

.soft-ui-input input:focus + span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 10px;
    background-color: white;
}

.soft-ui-input input:not(:placeholder-shown) + span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: white;
}

.soft-ui-input input {
    border-radius: 4px !important;
    padding-left: 10px;
    border: solid 1px #cccccc !important;
}

.soft-ui-card {
    border-radius: 0 10px 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-top: 30px;
}

.soft-ui-card-title {
    font-size: 1.1rem;
    margin-bottom: 10px;
    font-weight: 500 !important;
    position: absolute;
    top: -35px;
    background-color: #ffffff;
    box-shadow: rgb(0 0 0 / 3%) -1px -5px 6px;
    min-width: 20%;
    left: 0;
    padding: 7px 16px;
    height: 35px;
    border-radius: 10px 0 0 0;
}

    .soft-ui-card-title::before {
        content: '';
        position: absolute;
        top: 0px;
        right: -35px;
        border-top: 35px solid #f000;
        border-right: 35px solid #ffffff;
        width: 0;
        transform: rotate(90deg);
    }

.soft-ui-card hr {
    margin: 10px 0;
}

.soft-ui-border-light {
    border: 1px solid #0000001a;
    border-radius: 10px;
}

.soft-ui-collapser {
    background-color: #1f445e;
    padding: 10px 15px;
    position: relative;
    border-radius: 10px 10px 0 0;
    height: 50px;
}

    .soft-ui-collapser .icon-delete {
        margin-left: 20px;
    }

        .soft-ui-collapser .icon-delete svg {
            fill: white;
            width: 25px;
            height: 25px;
            background-color: #f44444;
            border-radius: 50%;
            padding: 2px;
            line-height: 25px;
        }

    .soft-ui-collapser span {
        font-weight: 500;
        color: #fff;
    }

    .soft-ui-collapser > div {
        position: absolute;
        right: 10px;
        top: 13px;
    }

        .soft-ui-collapser > div .up-down-toggle svg {
            width: 15px;
        }

.soft-ui-select .select-wrapper input.soft-ui-input {
    padding: 12px 0 9px 10px;
    border-radius: 4px !important;
    border: solid 1px #e3e3e3 !important;
    margin: 0 !important;
}

.soft-ui-select .es-input {
    padding: 12px 0 9px 10px;
    border-radius: 4px !important;
    border: solid 1px #e3e3e3 !important;
    margin: 0 !important;
}

.soft-ui-select .select-wrapper .dropdown-content {
    border: 1px solid #c2c2c2;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px !important;
    overflow: hidden;
}

.soft-ui-select [type=checkbox] + span:not(.lever):before, .soft-ui-select [type=checkbox]:not(.filled-in) + span:not(.lever):after {
    left: 12px;
}

.soft-ui-select [type=checkbox]:checked + span:not(.lever):before {
    left: 12px;
}

.soft-ui-select span {
    padding-left: 40px
}

    .soft-ui-select span label {
        margin: 0;
    }



.soft-ui-dragable-row {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.soft-ui-dragable-col-left #fieldsidebar-1 {
    box-shadow: none;
    background-color: #ffffffa1;
    border-radius: 10px;
    border: 1px solid #1f445e57;
}

.soft-ui-dragable-col-left {
    padding: 10px;
    border-radius: 10px;
}

    .soft-ui-dragable-col-left .filed-data {
        width: initial;
        height: initial;
    }

.soft-ui-dragable-col-right {
    padding: 10px
}

    .soft-ui-dragable-col-right #fieldsidebar1, .soft-ui-dragable-col-right #fieldsidebar2 {
        box-shadow: none;
        border-radius: 10px;
        background-color: #fff;
        height: 100%;
        border: 1px solid #1f445e57;
    }

        .soft-ui-dragable-col-right #fieldsidebar1 .grid--title, .soft-ui-dragable-col-right #fieldsidebar2 {
            font-weight: 500;
            color: black;
        }

    .soft-ui-dragable-col-right .nav-tabs .nav-link.active, soft-ui-dragable-col-left .nav-tabs .nav-link.active {
        background-color: transparent;
        border-color: transparent;
    }

.soft-ui-divider-component .view-presc-table thead tr:first-child {
    background-color: #1f445e;
    color: white;
}

.soft-ui-divider-component .view-presc-table thead tr .transferDataTitle {
    background-color: #f8f8f8;
    color: #25313e;
}

.soft-ui-divider-component .view-presc-table thead tr, .cs--search-box {
    background: #eff0f2;
}

.soft-ui-divider-component .view-presc-table thead {
    border: none;
}

    .soft-ui-divider-component .view-presc-table thead th {
        border: none;
    }

.soft-ui-divider-component .view-presc-table {
    border-radius: 10px 10px 0 0;
}

    .soft-ui-divider-component .view-presc-table tbody {
        border: 1px solid #d5d5d5;
        border-radius: 0 0 10px 10px;
    }

        .soft-ui-divider-component .view-presc-table tbody tr {
            border: none
        }

.soft-ui-switch-btn {
    top: 38%;
    background-color: transparent;
    box-shadow: none;
}

    .soft-ui-switch-btn svg {
        width: 40px;
        fill: #006cb7;
    }

    .soft-ui-switch-btn:hover {
        box-shadow: none;
    }
/* Custom Check Box*/
.custom-control-label::before {
    top: 0;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background-color: #fff;
    border: 2px solid #007bff;
}


.custom-control-label {
    margin-bottom: 0.5rem;
    padding-left: 30px;
}


.radiocheckplans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .radiocheckplans .plan input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

    .radiocheckplans .plan {
        cursor: pointer;
        margin-right: 10px;
    }

        .radiocheckplans .plan .plan-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-direction: column;
            padding: 20px;
            width: 110px;
            height: 100px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 2px solid #e1e2e7;
            border-radius: 10px;
            -webkit-transition: -webkit-box-shadow 0.4s;
            transition: -webkit-box-shadow 0.4s;
            -o-transition: box-shadow 0.4s;
            transition: box-shadow 0.4s;
            transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
            position: relative;
        }

        .radiocheckplans .plan .jumbo-plan-content-radio {
            width: 150px;
            height: 150px;
            justify-content: center;
        }

        .radiocheckplans .plan .plan-content svg {
            width: 32px;
            height: 32px;
            align-self: center;
            margin-bottom: 10px;
            fill: #1f445e;
        }

        .radiocheckplans .plan .plan-content .svg-radio-check {
            width: 32px;
            height: 32px;
            align-self: center;
            margin-bottom: 10px;
            fill: none;
        }

        .radiocheckplans .plan .jumbo-plan-content-radio svg {
            width: 50px;
            height: 50px;
        }

        .radiocheckplans .plan .plan-details span {
            display: block;
            font-size: 15px;
            text-align: center;
            line-height: 24px;
            color: #252f42;
        }



        .radiocheckplans .plan .plan-details p {
            color: #646a79;
            font-size: 14px;
            line-height: 18px;
        }

        .radiocheckplans .plan .plan-content:hover {
            -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
            box-shadow: 0px 3px 5px 0px #e8e8e8;
        }

        .radiocheckplans .plan input[type="radio"]:checked + .plan-content:after {
            content: "";
            position: absolute;
            height: 8px;
            width: 8px;
            background: #216fe0;
            right: 5px;
            top: 5px;
            border-radius: 100%;
            border: 3px solid #fff;
            -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
            box-shadow: 0px 0px 0px 2px #0066ff;
        }

        .radiocheckplans .plan input[type="radio"]:checked + .plan-content {
            border: 2px solid #216ee0;
            background: #eaf1fe;
            -webkit-transition: ease-in 0.3s;
            -o-transition: ease-in 0.3s;
            transition: ease-in 0.3s;
        }

/*big action check box*/

.wizard-trail-title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 454;
    width: 220px;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    padding: 10px;
    color: #ffffff;
    background-color: #1f445e;
}

.card-container-overflow {
    height: 450px;
    overflow: auto;
}

.innercardContainer {
    border: 1px solid #c2d1db;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0;
    background-color: #f4f9fd;
}

.ui-card {
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    background-color: white;
    border-radius: 10px;
}
/*Custom Check Group*/
.custominputGroup {
    display: block;
    position: relative;
}

    .custominputGroup label {
        padding: 8px 20px 8px 30px;
        width: 100%;
        display: block;
        text-align: left;
        color: #3C454C;
        background-color: white;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
        margin: 0;
        border: 1px solid #e3e3e3;
        border-radius: 50px;
    }

        .custominputGroup label:before {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: "";
            background-color: #DBE8FA;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            z-index: -1;
        }

        .custominputGroup label:after {
            width: 15px;
            height: 15px;
            content: "";
            border: 2px solid #E3E3E3;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            transition: all 200ms ease-in;
        }

    .custominputGroup input:checked ~ label {
        color: #2A6CB9 !important;
        border: 1px solid #2A6CB9;
    }

        .custominputGroup input:checked ~ label:before {
            transform: translate(-50%, -50%) scale3d(56, 56, 1);
            opacity: 1;
        }

        .custominputGroup input:checked ~ label:after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.606' height='10.134' viewBox='0 0 14.606 10.134'%3E%3Cpath id='Path_183' data-name='Path 183' d='M5 11.162l4.162 4.162L17.485 7' transform='translate(-3.939 -5.939)' fill='none' stroke='%232a6cb9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
            background-size: 12px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            border: none;
        }

    .custominputGroup input {
        width: 15px;
        height: 15px;
        order: 1;
        z-index: 2;
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        visibility: hidden;
    }

.soft-ui-head-blue {
    color: #081E32;
}

.font-weight-bold-500 {
    font-weight: 500;
}

.SqureLegend {
    display: flex;
    flex-wrap: wrap;
}

    .SqureLegend .Legend-item {
        display: flex;
        align-items: center;
        margin-right: 25px;
    }

        .SqureLegend .Legend-item .Legend-colorBox {
            width: 14px;
            height: 14px;
            display: inline-block;
            border-radius: 50%;
        }

        .SqureLegend .Legend-item .Legend-label {
            font-size: 15px;
            color: #606F74;
            margin-left: 5px;
            font-weight: normal;
        }

.blue-legend {
    background-color: #16AEE2;
}

.red-legend {
    background-color: #E8262C;
}

.green-legend {
    background-color: #1AB373;
}

.pink-legend {
    background-color: #e826e2;
}

.yellow-legend {
    background-color: #e8e826;
}

.mint-legend {
    background-color: #26e8ae;
}

.violet-legend {
    background-color: #8F00FF;
}

.blue-legend-wf {
    background-color: #54deff;
}

.red-legend-wf {
    background-color: #a20000;
}

.green-legend-wf {
    background-color: #01ce01;
}

.yellow-legend-wf {
    background-color: #ad9303;
}

.blueDark-legend-wf {
    background-color: #006cb7;
}

.Dark-legend-wf {
    background-color: #000000;
}

.light-yellow-legend-wf {
    background-color: #f1e4bf !important;
}

.light-pink-legend-wf {
    background-color: #dbbff1 !important;
}

.scroller-card {
    height: 571px;
    overflow: auto;
}

.leftLegend-Section-sm .scroller-card {
    background-color: aliceblue;
}

.contentCollapsed .queue-line-text > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-action-btn {
    display: flex;
}

.queue-cardContainer {
    border: 1px solid #D1D1D1;
    background-color: white;
    border-radius: 5px;
    margin: 10px 15px;
    cursor: pointer;
    transition: 0.1s ease-in;
}

    .queue-cardContainer:first-child {
        margin-top: 0;
    }

    .queue-cardContainer:hover {
        box-shadow: none;
        background-color: #DBE8FA;
    }

.queue-line-text {
    width: 50%;
}

    .queue-line-text .queueContext {
        display: block;
        padding: 12px 0 12px 5px;
    }

.contentCollapsed .queue-line-text {
    width: 40px;
}

.queue-line-text p a {
    color: #272727;
    font-size: 15px;
    text-decoration: none;
}

.count-cover {
    background-color: #EDF0F5;
    width: 40px;
    text-align: center;
    border-radius: 5px;
}

.red-legend-cardContainer {
    border-left: 6px solid #E8262C;
}

.blue-legend-cardContainer {
    border-left: 6px solid #16AEE2;
}

.green-legend-cardContainer {
    border-left: 6px solid #1AB373;
}

.pink-legend-cardContainer {
    border-left: 6px solid #e826e2;
}

.yellow-legend-cardContainer {
    border-left: 6px solid #e8e826;
}

.mint-legend-cardContainer {
    border-left: 6px solid #26e8ae;
}

.violet-legend-cardContainer {
    border-left: 6px solid #8F00FF;
}




.leftLegend-Section {
    width: 40%;
    position: relative;
    border-right: 1px solid #d1d1d1;
    transition: all 0.3s;
}

.d-size-container {
    width: 80%;
    margin: 0 10px;
    position: relative;
    transition: all 0.3s;
}

.leftLegend-Section-sm {
    width: 25%;
    position: relative;
    border-right: 1px solid #d1d1d1;
    transition: all 0.3s;
}

.rightLegend-Section {
    width: 100%;
    margin: 0 10px;
    position: relative;
    transition: all 0.3s;
}

.toggler-menu {
    position: absolute;
    right: -10px;
    top: 50%;
    cursor: pointer;
}

.contentCollapsed .toggler-menu {
    transform: rotate(180deg);
}

.flex-wrap-initial {
    flex-wrap: initial;
}

.modal-header {
    align-items: center;
    background-color: #081E32;
}

    .modal-header .modal-title {
        color: white;
        font-size: 16px;
    }

    .modal-header .close {
        color: white;
    }

        .modal-header .close span {
            color: white;
        }

        .modal-header .close .CloseCharacterSign {
            color: white;
        }

.modal-body, .modal-footer {
    background-color: white;
}


.line-separator {
    display: flex;
    align-items: center;
}

    .line-separator .divider-line {
        height: 1px;
        flex: 1;
        background-color: #cecece;
    }

    .line-separator p {
        padding: 0 1rem;
        margin: 0;
        font-size: 14px;
        color: #757577;
    }

.filter-trail-grid {
    position: absolute !important;
    top: -40px;
    right: 20px;
}

    .filter-trail-grid .toggle-icon-trail {
        background-color: #edf0f5;
        border-radius: 5px;
        padding: 6px;
        display: flex;
    }

        .filter-trail-grid .toggle-icon-trail svg {
            width: 20px;
            height: 20px;
        }

.soft-ui-success {
    background-color: #24b277;
}

.soft-ui-outline {
    border-radius: 8px;
}

    .soft-ui-outline:hover {
        color: white;
    }

.login-multimenu-toggle {
    display: none;
}

.close-multimenu-toggle {
    display: none;
}

.sm-soft-ui-btn {
    padding: 8px 20px;
    border-radius: 4px;
}

.soft-ui-btn {
    padding: 8px 20px;
}

    .soft-ui-btn svg {
        width: 20px;
        height: 20px;
    }

.soft-ui-outline {
    border-radius: 4px;
}

.transform-center-prop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.filter-none {
    display: none;
}

.customgroup-container {
    width: fit-content;
    border-radius: 50px;
    border-color: #b5c8d5;
}

.btn-apply-enable {
    background-color: #006cb7;
}

.btn-clipper {
    padding: 8px 20px;
    border-radius: 0 40px 40px 0;
    width: 140px;
}

    .btn-clipper:disabled {
        background-color: #b9bcbf;
    }


.patient-runningline {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00BCD4;
}

    .patient-runningline svg {
        height: 18px;
        fill: #fff;
    }


/* Header Dropdown */
.head-profile {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: end;
    /* margin-top: 20px; */
}

.dropbtn {
    background-color: transparent;
    color: white;
    border: none;
}

.dropdown a:hover {
    background-color: #ddd;
}

.head-drop-show {
    display: block;
}


.dropdown-menu {
    min-width: auto;
    border: none;
}


/*Trail Specific*/
.heading-bold-white {
    margin: 0;
    padding: 0.3rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: white;
}

.setupmodal .heading-bold-white {
    margin: 0;
    padding: 0.3rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: white;
}

.modal-header .close .CloseCharacterSign {
    color: white;
}

.pc-file-previous {
    position: absolute;
    bottom: 0;
    left: 145px;
    color: #e90e23;
}

.heading-bar {
    position: relative;
}

    .heading-bar:after {
        content: "";
        position: absolute;
        top: 50%;
        height: 1px;
        background-color: #ced4da;
        left: 2%;
        right: 0;
        z-index: 0;
    }

    .heading-bar .head-left {
        position: relative;
        z-index: 1;
        background-color: #EDF0F5;
        padding-right: 15px;
        display: inline;
    }

        .heading-bar .head-left .soft-ui-head-blue {
            display: inline;
        }

.reminder-task-detail .scale-round {
    border-radius: 10px !important;
    overflow: hidden;
}

.quick-box .card-inner-component {
    background-color: #edf0f5;
    padding: 10px;
    border-radius: 10px;
}
/*Marquee Text Moving Effect*/
#sidebar.active .pc-company-record {
    display: none;
}

.pc-company-record {
    margin-top: 5px;
    position: relative;
}

    .pc-company-record p {
        color: #0b263a;
        font-weight: 600;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 12px;
        text-align: center;
    }

.pc-search-collpase-btn[aria-expanded=true] svg {
    transform: rotate(180deg);
}

.pc-search-collpase-btn svg {
    color: #081e32;
}

.d-size-table {
    display: table;
    overflow-x: auto;
    white-space: nowrap;
}

    .d-size-table thead, .d-size-table tbody {
        width: 100%;
    }

.back-btn {
    padding: 0.4375rem 1rem;
    background-color: #206bc4 !important;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.soft-ui-card-radius {
    border-radius: 10px;
}

.pc-fileupload {
    background-color: #e3e3e3;
    border-radius: 10px;
    border: 1.6px solid #0000001a;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px; */
    padding: 12px;
}

    .pc-fileupload svg {
        height: 22px;
    }

.pc-filemanager {
    display: flex;
    background: #ffffff;
    text-align: center;
    position: relative;
    padding: 0;
    box-shadow: 1px 4px 8px #e5e8eb;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    margin: 10px 0;
}


.pc-filemanagerFolder {
    text-align: left;
    box-shadow: none;
    justify-content: center;
    width: 100%;
}


.pc-filemanager label {
    color: #3d6c83;
    padding: 10px 0;
}

.pc-filemanager .icons-top {
    border-top: 1px solid grey;
}

    .pc-filemanager .icons-top ul li {
        margin: 5px;
    }

        .pc-filemanager .icons-top ul li a {
            color: #2C3E50;
        }

.pc-search {
    width: 250px;
    display: flex;
}

    .pc-search #btnSearch {
        color: white;
        background-color: #19b373;
        padding: 8px 16px;
        border-radius: 0 4px 4px 0;
    }

.soft-ui-table .groupHead td {
    background-color: #6281b4;
}


.overlay-effect {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 1; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.pc-scrollBarScreen {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

.view-rt-task-btn .icon-create {
    width: 24px;
    height: 24px;
    background-color: #e2f0ff;
    fill: #1b60d6;
    border-radius: 50%;
    padding: 3px;
}

.task-sidebar-menu {
    position: fixed;
    top: 60px;
    right: -50%;
    background-color: white;
    height: 100%;
    width: 50%;
    border-left: 1px solid #c5c5c5;
    z-index: 99999;
}

    .task-sidebar-menu .upper-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #d9d9d9;
        background-color: #f7f7f7;
        padding: 10px 20px;
    }

    .task-sidebar-menu .form-input-title {
        font-size: 15px;
        color: grey;
        font-weight: normal;
    }

    .task-sidebar-menu .task-creation-title {
        font-size: 1.1rem;
        font-weight: 500 !important;
        color: #081E32;
        margin: 0;
    }

.back-global-btn {
    height: 28px;
    min-height: 28px;
    min-width: 28px;
    width: 28px;
    fill: #6d6e6f;
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    transition-duration: .2s;
    transition-property: background,border,fill;
    cursor: pointer;
}

    .back-global-btn .back-icon {
        flex: 0 0 auto;
        height: 16px;
        width: 16px;
    }

    .back-global-btn:hover {
        background-color: #ebedef;
    }

        .back-global-btn:hover .back-icon {
            fill: black;
        }


.task-selectBox {
    border: none;
    background-color: transparent;
}

.pc-formGroup {
    display: flex;
    padding: 6px 0;
    margin-bottom: 5px;
}

    .pc-formGroup .pc-form-label {
        min-width: 120px;
        color: black;
        font-weight: 500;
        font-size: 15px;
    }

    .pc-formGroup .pc-icon-label {
        font-weight: normal;
        font-size: 13px;
        color: #969696;
    }

    .pc-formGroup .icons-form svg {
        width: 27px;
        height: 27px;
        border: 1px dashed #a5a5a5;
        border-radius: 50%;
        padding: 3px;
        margin-right: 6px;
    }

.LabeledRowStructure-right {
    padding: 4px 10px 4px 5px;
    border-radius: 189px;
    border: 1px solid #dedede;
    background-color: #fafafa;
    align-items: center;
}

.pc-weekSelection {
    display: flex;
    margin-top: 10px;
}

    .pc-weekSelection .taskDayFrequency {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
    }

.selectedDay {
    background-color: #24b277;
    color: white;
}

.cancel--btn {
    background-color: transparent;
    border: 1px solid #adadad;
    padding: 0.84rem 2.14rem;
    font-size: .81rem;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

    .cancel--btn:hover {
        background-color: #f1f1f1;
    }


.fab-wrapper {
    position: fixed;
    bottom: 2.5rem;
    right: 2.5rem;
    z-index: 99;
}

.fab-checkbox {
    display: none;
}

.fab {
    position: absolute;
    bottom: 0;
    right: -1rem;
    width: 4rem;
    height: 4rem;
    background: blue;
    border-radius: 50%;
    background: #126ee2;
    box-shadow: 0px 5px 20px #81a4f1;
    transition: all 0.3s ease;
    z-index: 1;
    border-bottom-right-radius: 6px;
    border: 1px solid #0c50a7;
}

    .fab:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.1);
    }

.fab-checkbox:checked ~ .fab:before {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    background-color: rgba(255, 255, 255, 0.2);
}

.fab:hover {
    background: #2c87e8;
    box-shadow: 0px 5px 20px 5px #81a4f1;
}

.fab-dots {
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    transform: translateX(0%) translateY(-50%) rotate(0deg);
    opacity: 1;
    animation: blink 3s ease infinite;
    transition: all 0.3s ease;
}

.fab-dots-1 {
    left: 15px;
    animation-delay: 0s;
}

.fab-dots-2 {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation-delay: 0.4s;
}

.fab-dots-3 {
    right: 15px;
    animation-delay: 0.8s;
}

.fab-checkbox:checked ~ .fab .fab-dots {
    height: 6px;
}

.fab .fab-dots-2 {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-1 {
    width: 32px;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-3 {
    width: 32px;
    border-radius: 10px;
    right: 50%;
    transform: translateX(50%) translateY(-50%) rotate(-45deg);
}

@keyframes blink {
    50% {
        opacity: 0.25;
    }
}

.fab-checkbox:checked ~ .fab .fab-dots {
    animation: none;
}

.fab-wheel {
    position: absolute;
    bottom: 0;
    right: 0;
    /*border: 1px solid #;*/
    width: 8rem;
    height: 8rem;
    transition: all 0.3s ease;
    transform-origin: bottom right;
    transform: scale(0);
}

.fab-checkbox:checked ~ .fab-wheel {
    transform: scale(1);
}

.fab-action {
    position: absolute;
    background: #11b1dc;
    border: 1px solid #11b1dc;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: White;
    /*box-shadow: 0 0.1rem 1rem rgba(24, 66, 154, 0.82);*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    transition: all 0.6s ease;
    opacity: 0;
    padding: 0 !important;
}

    .fab-action svg {
        fill: #fff;
    }

.fab-checkbox:checked ~ .fab-wheel .fab-action {
    opacity: 1;
}

.fab-action:hover {
    background-color: #fd822f;
    border: 1px solid #fd822f;
}

.fab-wheel .floating-action-1 {
    right: -0.6rem;
    top: 1.5rem;
}

.fab-wheel .floating-action-2 {
    right: -0.6rem;
    top: -2.5rem;
}

.fab-wheel .floating-action-3 {
    right: -0.6rem;
    top: -6.5rem;
}

.fab-wheel .floating-action-4 {
    right: -0.6rem;
    top: -10.5rem;
}

.fab-wheel .floating-action-5 {
    right: -0.6rem;
    top: -14.5rem;
}

.fab-wheel .floating-action-6 {
    right: -0.6rem;
    top: -18.5rem;
}

.fab-wrapper [tooltip]:before {
    font-family: 'Poppins';
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #585858;
    color: #fff;
    content: attr(tooltip);
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    padding: 0 15px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    bottom: 12%;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
}

.fab-wrapper [tooltip]:hover:before,
.fab-wrapper [tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

.fab-action-1 img {
    width: 23px;
}

/* CMS form CSS Starts Here */

.cms-table {
    margin: 0 15px;
}

.checkfield-label .sm {
    font-size: 12px;
    font-style: italic;
}

.cms-border-bottom {
    border-bottom: 1px solid red;
}

.cms-border-right {
    border-right: 1px solid red;
}

.cms-border-right-dashed {
    border-right: 1px dashed red;
}

.num-pos {
    position: absolute;
    top: 0;
    left: 2px;
}

.table.cms-table td, .table.cms-table th {
    border: 1px solid red;
    color: red;
    vertical-align: bottom;
    padding: 5px;
    font-size: 13px;
}

.table.cms-table input {
    width: calc(100% - 10px);
}

.table.cms-table .flexing-inp td input {
    width: calc(100% - 50px);
}

.cms-table .w-70 {
    width: 70%;
}

.w-10-px {
    width: 10px;
}

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

.cms-table .justify-content-evenly {
    justify-content: space-evenly;
}

.cms-table .w-30 {
    width: 30%;
}

.cms-border-right {
    border-right: 1px solid #eb1c2b !important;
}

.cms-table .w-33 {
    width: 33.33%;
}

.cms-table .sm {
    font-size: 10px;
}

.cms-table .sm-2 {
    font-size: 9px;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.cms-table .level2-checkfield {
    display: flex;
    align-items: flex-end;
}

.card-bg-aqua {
    background-color: #f2f8e6;
}

.card-bg-green {
    background-color: #dffeee;
}

.card-bg-blue {
    background-color: aliceblue;
}

.scrollercard-y {
    max-height: 150px;
    overflow-x: auto;
}

.hr-lining .liner {
    display: flex;
    align-items: flex-start;
    text-align: left;
}

    .hr-lining .liner:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #D66853;
        min-width: 20px;
        margin: auto;
    }

    .hr-lining .liner:after {
        margin-left: 20px;
    }

/* Runningline Detail */
.runningline-header-container {
    background: #2a128d;
    background: linear-gradient(0deg, rgb(0 69 159) 0%, rgb(0 93 213) 100%);
    padding: 10px 0;
}

    .runningline-header-container .RowDetail-group p {
        font-size: 14px;
        color: #80B6FE;
        margin: 0;
    }

    .runningline-header-container .RowDetail-group h6 {
        font-size: 16px;
        color: #ffffff;
        font-weight: 500;
        margin: 0;
        padding-top: 4px;
    }

    .runningline-header-container hr {
        margin: 10px 0;
        border-top: 1px solid #8890F6;
    }

    .runningline-header-container .pc-RunninglineCard {
        border: 1px solid #8890F6;
        border-radius: 10px;
        position: relative;
        background-color: #cfe4ff26;
    }

        .runningline-header-container .pc-RunninglineCard .flip-out-text {
            position: absolute;
            top: -8px;
            left: 16px;
            font-size: 13px;
            color: #ffffff;
            font-weight: 500;
            margin: 0;
            background-color: #1f6cd0;
        }

    .runningline-header-container .white-back-btn {
        padding: 0.4375rem 0.7rem;
        background-color: #ffffff;
        border-radius: 4px;
        border: 0;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
    }

.runningline-inner-container {
    position: relative;
}

    .runningline-inner-container .RowDetail-group p {
        font-size: 12px;
        color: #A9A9A9;
        margin: 0;
    }

    .runningline-inner-container .RowDetail-group {
        padding-bottom: 15px;
    }

        .runningline-inner-container .RowDetail-group h6 {
            font-size: 13px;
            color: #000;
            font-weight: 500;
            margin: 0;
        }

    .runningline-inner-container .hc-card {
        border-radius: 10px;
        border: 1px solid #E1E1E1;
        margin-bottom: 10px;
        padding: 7px 0;
    }

.hc-lightBlue-header {
    background-color: #D9E3F1;
}

.hc-DarkBlue-header {
    background-color: #0057D8;
}

.hc-green {
    background-color: #F3FEF6;
}

.hc-yellow {
    background-color: #FEFEF3;
}

.hc-blue {
    background-color: #F3F9FE;
}

.hc-shadow {
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px !important;
}

.runningline-inner-container .left-sec {
    margin-right: 150px;
}

.runningline-inner-container .verticalBar {
    top: 0;
    position: absolute;
    right: 10px;
    background-color: white;
    border-radius: 10px;
    width: 130px;
    padding: 10px 0;
}

.runningline-inner-container .grid-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.runningline-inner-container .verticalBar a > p {
    font-size: 10px;
    overflow-wrap: break-word;
    line-height: normal;
    color: black;
    padding-top: 2px;
}

.runningline-inner-container .verticalBar a {
    text-align: center;
}

    .runningline-inner-container .verticalBar a > img {
        width: 30px;
    }

.runningline-outer-container .tabs {
    border-radius: 5px;
}

.runningline-outer-container .tabs {
    height: 34px;
}

    .runningline-outer-container .tabs .tab a {
        padding: 5px 10px !important;
        display: inline;
        font-weight: normal;
    }

    .runningline-outer-container .tabs .tab {
        height: 100%;
        line-height: 100%;
    }

.runningline-outer-container .tab.col.s3 {
    margin: 0;
    padding: 0;
    margin-top: 8px;
}

.runningline-outer-container .tabs .tab a:hover, .runningline-outer-container .tabs .tab a.active {
    background-color: #efe2ff;
    margin: 0;
    border-radius: 5px;
    border-bottom: none;
    font-weight: 500;
}

.txtArea-bgcolor {
    background-color: #edf0f5;
}

.runningline-inner-container .eq-height {
    height: 270px;
}

.runningline-inner-container .eq-height-bottom {
    height: 360px;
}

.runningline-inner-container .pc-linear-grid {
    text-align: center;
    width: 80px;
    margin: 0 auto;
}

.runningline-outer-container .tabs-grid-view .col {
    padding: 0;
}
/* Runningline Detail End*/

/*End*/
/*Manifest RowGrow*/

/**/

.manifest-map-container {
    background-color: white;
    border-radius: 15px;
    padding: 10px;
}

.manifestDetailGrid {
    padding-right: 10px;
}

    .manifestDetailGrid .ovf-hidden {
        overflow: hidden;
    }

#dvMap {
    border-radius: 0.7rem;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
}

.patient .copiedMedsOnChart {
    background: #FF9A9A;
    padding: 5px;
    border-radius: 20px;
}

.patient .fromRunningline {
    background: #8d90ff;
    padding: 5px;
    border-radius: 20px;
}

.patient .ptMedication {
    background-color: transparent;
    padding: 5px;
    border-radius: 20px;
}

.campaing-task-bg {
    background-color: #f5f5ff;
    border-radius: 10px;
    padding: 10px 0px;
}

.campaignModules .radiocheckplans .plan .plan-content {
    width: 200px;
    text-align: center;
    padding: 20px 10px;
}

    .campaignModules .radiocheckplans .plan .plan-content svg, .visibleadd .plan-content svg {
        fill: none !important;
    }

.visibleadd .plan-content {
    text-align: center;
}

.campaignModules .rowGrid {
    background-color: #E8EFF5;
    border: 1px solid #89ABC6;
}

.taskViewOnly .task-content-box {
    height: 100px;
    max-height: 100px;
    border: none;
}

.taskViewOnly .comment-box {
    overflow: visible;
    border: none;
    height: 450px;
}

.taskViewOnly .pc-scrollBarScreen {
    height: 70vh;
    max-height: 70vh;
    overflow: initial;
}

.checkFieldCampaign .view-presc-table {
    border: 1px solid #8c8c8c;
}

    .checkFieldCampaign .view-presc-table thead tr {
        background: #1f445e;
        color: white;
    }

.checkFieldCampaign .filepreview ul li {
    border: none;
}

.advanceSearchCompaign {
    margin-bottom: 5px;
}

    .advanceSearchCompaign .searchbox {
        background-color: #dde8ef;
        border-radius: 0;
    }

    .advanceSearchCompaign #advanceCampaign {
        background-color: #fafdff;
    }

.lightBlue--card {
    background-color: #e3edff;
    border: 1px solid #b4b7d9;
}

.p-module-card .soft-ui-input input {
    background-color: white;
}

.p-module-card .soft-ui-input {
    margin-bottom: 10px;
}

/*Navbar QuickCredential Check Popup*/


.user-inforamtion-pt > h6 {
    font-size: 14px;
    font-weight: 500;
}

.user-inforamtion-pt > p {
    font-size: 12px;
    font-weight: 400;
}

.p-id-bg {
    background-color: white;
    color: #0047a6 !important;
    padding: 3px;
    border-radius: 12px;
    text-align: center;
}

.form-custom-field-pt {
    width: 110px;
    padding: 0;
    height: 27px;
    font-size: 11px;
}

.patient__card .card-top {
    background-color: #517099;
}

    .patient__card .card-top h2 {
        color: white;
    }

#patient-medication-list .action-row, #patient-medicationsonchart-list .action-row {
    background-color: #d6d6eb;
}

.menulia .list-inline-item a {
    font-size: 11px;
}


.printsignature .max-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
}


.fliplistView {
    display: none;
}


.flipgridView, .fliplistView {
    margin: 0;
}


.campaing-task-bg .schedulerCheckBox {
    opacity: 1;
    position: absolute;
    top: 6px;
    left: 12px;
}

.btn-flipgroup .btn.active {
    color: white !important;
}

.btn-flipgroup .btn {
    color: black !important;
}

.note__campaign {
    background-color: #f6f6f6;
    border-radius: 5px;
    margin: 12px 0;
    padding: 12px;
    font-size: 12px;
}

.chat-text-size {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    color: #6A6C75;
}


.fix-content-msg {
    width: 100%;
    min-height: 100px;
}

.attachment-form {
    width: 100%;
    display: flex;
}

.attachment-name {
    width: 100%;
    display: flex;
    justify-content: start;
}

/*Patient Login Page Coin Css*/

.coin__Container {
    width: auto !important;
}

.coin-balance {
    display: flex;
    gap: 10px;
    background-color: #d38700;
    border: 1px solid #ffc827;
    border-radius: 60px;
    justify-content: space-around;
    align-items: center;
}

.coin-text {
    padding-left: 12px;
    color: #fff;
    font-weight: 500;
}



/* sidebar switch workspace */


/* Settings css Starts */

.settings-main {
    width: 100%;
    position: relative;
}

.settings-inner {
    /*position: relative;
    width: 100%;
    background: #fff;
    padding: 30px 20px;
    padding-top: 50px;
    border-radius: 10px;
    margin-top: 40px;
    margin-bottom: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;*/

    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;
}

    .settings-inner.notification-setting-inner {
        /*height: 400px;*/
        /*overflow: auto;*/
    }

.notification-setting-inner [class*=col] {
    margin: 5px 0;
}


.setting-inner-a {
    width: 100%;
    position: relative;
    display: block;
    padding: 15px 0;
}

    .setting-inner-a:hover {
        scale: 1.01;
        transition: .1s ease;
    }

.settings-title {
    /*position: absolute;
    top: 0;
    left: 0;
    background-color: #25313e;
    padding: 5px 20px;
    border-radius: 10px 0px 10px 0px;*/

    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

    .settings-title h1 {
        /*font-size: 14px;
        font-weight: bold;
        margin: 0;
        color: #fff;*/

        font-size: 20px;
        font-weight: bold;
        margin: 0;
        color: #25313e;
        padding-bottom: 10px;
    }

.setting-inner-content {
    width: 100%;
    position: relative;
}

    .setting-inner-content h6 {
        font-size: 16px;
        font-weight: bold;
    }

    .setting-inner-content p {
        color: #757575;
        font-size: 12px;
        padding-right: 20px;
    }

.setting-border-right {
    position: relative;
}

    .setting-border-right:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: #e9e9e9;
    }

.setting-sromto-title h6 {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    color: #0b81fe;
    margin-bottom: 20px;
}

    .setting-sromto-title h6:after {
        content: "";
        position: absolute;
        width: 60px;
        bottom: -6px;
        left: 0;
        height: 1px;
        background: #0b81fe;
    }

.cms-oyher-info {
    display: flex;
    gap: 30px;
    align-items: center;
}




.model-radio {
    display: flex;
    gap: 10px;
    width: 100%;
    padding-top: 5px;
}

.queueType-form-check {
    display: grid;
    grid-template-columns: auto auto;
}

/* End Model Inputs*/
/* Bredcrumb */

/* Bredcrumb */

.breadcrumb-sec {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 20px 0;
}

.breadcrumb-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.breadcrumb {
    padding: 0;
    margin: 0;
    background: transparent;
    font-size: 14px;
}


.breadcrumb-item.active {
    color: #0dd17f;
}

li.breadcrumb-item a {
    color: #757575;
}

    li.breadcrumb-item a:hover {
        color: #0dd17f;
    }


/*FIlter css*/

.filter-main {
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.filter-inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 10px 20px;
    border-radius: 0 10px 10px 10px;
    margin: 30px 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.filter-title {
    position: absolute;
    top: -35px;
    left: 0;
    background-color: #25313e;
    padding: 5px 20px;
    border-radius: 10px 10px 0 0;
}

    .filter-title h1 {
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .filter-title h1 svg {
            fill: #fff;
            height: 22px;
        }

.filter-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


/*------------------ Brand Management css ------------------*/

.brandmanagement-main {
    width: 100%;
    position: relative;
    width: 100%;
    margin: 0;
}

.brandmanagement-inner {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    margin: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    height: 100%;
}

.brandmanagement-title {
    width: 100%;
}

    .brandmanagement-title h1 {
        font-size: 22px;
        font-weight: 700;
        color: #25313E;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.brandmanagement-edit {
    height: 40px;
    width: 40px;
    background: #10ce7f;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px 10px 4px 4px;
    color: #fff;
}

.brandmanagement-content {
    margin-top: 30px;
}

.brandmanagement-btn {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 10px 0;
}

.basic-information-text {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.um-brandmanagement-content {
    width: 100%;
    position: relative;
    margin-top: 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
}

    .um-brandmanagement-content .basic-info-fields {
        margin: 12px 0;
    }

.basic-info-fields {
    width: 100%;
    display: flex;
    gap: 2px;
    font-size: 14px;
    color: #25313E;
    flex-direction: column;
    margin: 20px 0;
}

    .basic-info-fields p {
        color: #647c96;
        margin: 0;
        font-size: 14px;
    }

    .basic-info-fields h6 {
        margin: 0;
        font-weight: 600;
        font-size: 15px;
    }

.vcard-main {
    width: 100%;
    border: 1px solid #25313E;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.vcard-img-sec {
    width: 100%;
    background: #25313e;
    padding: 50px;
    border-radius: inherit;
}

.vcard-img {
    width: 100%;
    height: 100px;
    background: #fff;
    border-radius: inherit;
}


.vcard-content {
    width: 100%;
    background: #fff;
    border-radius: inherit;
    padding: 10px 30px;
    translate: 0 -20px;
}

.other-info-fields {
    width: 100%;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    gap: 30px;
    background: #ECECEC;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
}

.other-info-radio {
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: inherit;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.other-info-text label {
    font-size: 16px;
    font-weight: 600 !important;
}

.other-info-fields.active .other-info-text label {
    color: #10ce7f !important;
}

.otherinfo-fields-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.otherinfo-active-label {
    background: #10ce7f;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 5px;
}



/*------------------ Brand Management css ------------------*/

/*------------------ brand Image resizer ------------------ */

.ci-user-picture {
    min-width: 150px;
    margin-right: 16px;
}

.ci-user {
    width: 100%;
    background: #EBF4FF;
    padding: 20px;
    border-radius: 10px;
}

.ci-user-picture img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.filepreviewprofile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.userEditeBtn {
    margin-top: 20px;
}

/*----modal--------*/
.modal-header-bg {
    width: 100%;
    height: 12px;
    background: linear-gradient(269.44deg, #006AFA 2.3%, #00AE86 99.19%);
}

.cropImageModal .modal-dialog {
    max-width: 750px;
    width: 90%;
    margin: 0.5rem auto;
}

.up-photo-title {
    padding: 8px 15px;
    text-align: center;
}

#upload-demo {
    position: relative;
    width: 100%;
    height: 250px;
    padding-bottom: 0;
}

.upload-action-btn {
    margin-top: 60px;
    padding-top: 40px;
}

/*------------------ brand Image resizer ------------------ */
.whitelistip-btn {
    position: absolute;
    top: -50px;
    right: -20px;
}

.reminders-btn {
    position: absolute;
    top: 0;
    right: 0;
}


.runningline-fields {
    display: flex;
    align-items: center;
    gap: 30px;
}

.runningline-day-fields {
    display: flex;
    gap: 10px;
    align-items: end;
}

    .runningline-day-fields label {
        margin: 0;
    }


    .runningline-day-fields input {
        width: 60px;
    }


.users-btn {
    position: relative;
}

.users-addbtn-dropdown {
    background: none;
    right: 0px !important;
    top: 35px !important;
    transform: none !important;
}

    .users-addbtn-dropdown ul {
        display: flex;
        gap: 10px;
        align-items: end;
        flex-direction: column;
    }

.temporary-password {
    width: 100%;
    text-align: right;
    padding-bottom: 15px;
}

    .temporary-password a {
        width: 100%;
        text-align: right;
        cursor: pointer;
    }

.users-checkbox {
    display: flex;
    gap: 30px;
    margin: 10px 0;
}

.checkbox-margin {
    margin-top: 30px;
}

.settings-add-btn {
    position: absolute;
    right: -40px;
    bottom: 6px;
    cursor: pointer;
}

.patient-doc-btn {
    position: absolute;
    right: 90px;
    top: 13px;
    cursor: pointer;
}




/*Latest Version Xfloe */

.latest-version-main {
    width: fit-content;
    position: relative;
    margin: 30px auto;
}

.latest-version-inner {
    width: 100%;
    position: relative;
    background: #55a7fe;
    display: flex;
    align-items: center;
    border-radius: 20px;
}

.latest-version-img {
    padding: 30px;
}

    .latest-version-img img {
        height: 200px;
    }

.latest-version-content {
    padding: 30px;
    color: #fff;
    border-radius: inherit;
    background: #0b81fe;
}

    .latest-version-content:hover {
        scale: 1.04;
        transition: .4s ease;
    }

        .latest-version-content:hover h1, .latest-version-content:hover p, .latest-version-content:hover h5 {
            color: #fff !important;
        }

    .latest-version-content h1 {
        font-weight: bold;
        font-size: 24px;
    }

    .latest-version-content h6 {
        font-weight: 700;
        font-size: 15px;
        background: #fff;
        padding: 5px 10px;
        width: fit-content;
        border-radius: 5px;
        color: #333;
    }

    .latest-version-content p {
        font-size: 14px;
        margin: 10px 0;
    }

.bucket-table tbody {
    padding: 0 10px;
}


.whitelistips-inner {
    height: 600px;
    overflow: auto;
}

.whitelistip-title {
    position: absolute;
    top: -40px;
    left: 0;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #25313e;
    overflow: hidden;
    display: flex;
    z-index: 1;
}

    .whitelistip-title a.active {
        background-color: #25313e !important;
        color: #fff !important
    }

    .whitelistip-title a {
        color: #25313e !important;
    }



/* Apps CSS */
.connectorAppsMain {
    display: grid;
    grid-template-columns: 320px 2fr;
    column-gap: 20px;
    margin-bottom: 40px;
}

.appsContainerInner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.apps-main {
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgb(41 41 41 / 10%);
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
    transition: all 0.2s linear;
}

    .apps-main:hover .app-title {
        color: #2581e5;
    }

.apps-inner {
    width: 100%;
    position: relative;
    display: flex;
    gap: 14px;
}

    .apps-inner figcaption {
        width: 100%;
    }

.connectorAppsCard figure {
    flex-basis: 10%;
}
.connectorAppsCard figcaption {
    width: auto;
    flex-basis: 90%;
    /* flex-shrink: 0; */
    min-width: 0;
}

.apps-main-img {
    width: 100%;
}

.apps-btn {
}

.info-wrap {
    /*flex: 2;*/
}

.apps-main-img {
    width: 100PX;
    height: 100PX;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

    .apps-main-img img {
        max-width: 100%;
        height: auto;
    }


.app-details {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.appsDetailMiddle {
    display: flex;
    gap: 6px;
    align-items: center;
}

.app-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px solid rgb(98 98 98 / 10%);
}

.appsStatusMain {
    display: flex;
    justify-content: flex-end;
}

.app-title {
    font-weight: bold;
    color: #333;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-sub-title {
    display: flex;
    gap: 4px;
    align-items: center;
    background-color: #f4f4f4;
    padding: 4px 15px;
    border-radius: 30px;
}

    .app-sub-title span {
        font-size: 12px;
        color: #757575;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

figure {
    margin: 0;
}

.app-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-status {
    color: #757575;
    font-size: 12px;
    background-color: #f4f4f4;
    padding: 4px 15px;
    border-radius: 30px;
}

/*App details*/

.app-details-main {
    position: relative;
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 0;
    background: #fff;
    border-radius: 10px;
    width: 100%;
}

.app-details-inner {
    width: 100%;
    display: flex;
    gap: 40px;
}

.app-details-img {
    width: 300px;
}

    .app-details-img img {
        width: 100%;
        box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
    }


.app-devSec {
    display: block;
}

    .app-devSec img {
        max-width: 90%;
        height: auto;
    }

.app-details-title {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    color: #333;
}

.description {
    font-size: 14px;
    color: #757575;
}

.highlight_sub {
    display: flex;
    align-items: self-start;
}

.app-details-content-inner {
    display: flex;
    gap: 30px;
}

.app-details-blocks {
    text-align: left;
    position: relative;
    margin: 20px 0;
}

    .app-details-blocks:after {
        content: "";
        position: absolute;
        top: 0;
        right: -16px;
        height: 100%;
        width: 1px;
        background: #e1e2e4;
    }

    .app-details-blocks:last-child:after {
        display: none;
    }

    .app-details-blocks p, .app-details-blocks h6 {
        margin: 0;
        padding: 0;
    }

    .app-details-blocks h6 {
        font-weight: 600;
        font-size: 16px;
        color: #333;
    }

    .app-details-blocks p {
        font-size: 13px;
        color: #757575;
        font-weight: normal;
        padding-top: 2px;
    }

.btn-primary.disabled, .btn-primary:disabled {
    border-color: transparent !important;
}
/**/


.nav.nav-tabs a {
    position: relative;
    padding: 6px 15px;
    background: #fff;
    color: #25313e;
    font-weight: 700;
}


    .nav.nav-tabs a:last-child:after {
        display: none;
    }

    .nav.nav-tabs a.active:after {
        display: none;
    }


    .nav.nav-tabs a.active {
        font-weight: 700;
        font-size: 17px;
    }

        .nav.nav-tabs a.active:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate(0, -50%);
            height: 50%;
            width: 1px;
            background: #ddd;
        }

.appx-extended-detail-subsection {
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 0;
    background: #fff;
    border-radius: 10px;
    width: 100%;
}

.organization-bucket-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

/**/


/* Boards design css start */

.boards-main {
    width: 100%;
    position: relative;
}

.boards-inner {
    cursor: pointer;
    background: #fff;
    margin: 15px 0;
    position: relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    background: linear-gradient(#fff, #fff 50%, #081e32 50%, #081e32);
    background-size: 100% 200%;
    transition: background .5s;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .boards-inner:hover {
        background-position: 100% 100%;
        transition: .4s ease;
    }

.boards-content {
    padding: 20px 20px 00px 20px;
}

    .boards-content h1 {
        font-weight: 700;
        font-size: 24px;
        color: #0c1b2b;
    }

    .boards-content p {
        font-size: 14px;
        color: #757575;
    }


.boards-inner:hover h1, .boards-inner:hover p {
    transition: .4s ease;
    color: #fff;
}


.board-btn {
    width: 100%;
    display: flex;
    gap: 10px;
    background: #081e32;
    padding: 10px 20px;
    border-radius: 4px 4px 10px 10px;
}

    .board-btn a svg {
        fill: #fff;
        height: 18px;
    }

.boards-addboard {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #333;
    transition: .5s ease;
}

    .boards-addboard:hover {
        background: #e5e5e5;
        scale: 1.03;
    }


.add-taskBoard-btn {
    border: none;
    background-color: transparent;
    color: #757575;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #081e32;
}


    .add-taskBoard-btn svg {
        height: 40px;
    }


.alt-task-bg {
    background: #c7a7ff;
}

.boardTasks-main {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 1%;
    width: 100%;
    /*height: calc(100vh - 249px);*/
    overflow: auto;
}

.draggable-column {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #F1F2F5;
    border-radius: 3px;
    width: 19%;
    display: inline-flex;
    flex-direction: column;
    height: fit-content;
    margin-bottom: 10px;
    flex: 0 0 auto;
    overflow: visible;
    border-radius: 10px;
}

.task-card {
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 6px;
    min-height: 70px;
    cursor: pointer;
    transition: transform 250ms;
    overflow: visible;
}

    .task-card:last-child {
        margin-bottom: 0;
    }

.card:hover {
    box-shadow: 0 0 0 1px #979fa3;
}

.task-card a {
    display: flex;
    flex-direction: column;
    min-height: inherit;
    justify-content: space-between;
}

.task-card.completed-task p {
    color: #fff;
}

.task-card.completed-task .task-aasignee-detail svg {
    fill: #fff;
}

.task-card.completed-task .comment-task svg {
    fill: #fff;
}

.boardtasks-filter {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 0 0;
}

.boardtasks-filter-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.boards-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
    background: #25313e;
    border-radius: 10px 10px 0 0;
}

.boards-title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.search-task-filter-btn {
    display: flex;
    gap: 10px;
    .pc-filemanager
}


.task-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.task-card-footer-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.task-cards {
    width: 100%;
    padding: 15px;
    padding: 15px;
    /*position: relative;*/
    max-height: calc(100vh - 370px);
    overflow-y: auto;
    overflow-x: hidden !important;
    /*z-index: 11;*/
}

.boards-title p {
    margin: 0;
}

.task-card p {
    font-size: 14px;
    font-weight: 600;
    color: #25313e;
    margin: 0;
}

.task-aasignee-detail svg {
    height: 20px;
    fill: #25313E;
}

.comment-task svg {
    height: 20px;
    fill: #25313E;
}

.btn-addTask {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 600;
    margin: 10px 15px;
}

    .btn-addTask:hover {
        background: #fff;
    }

    .btn-addTask p {
        margin: 0;
        font-size: 14px;
    }

    .btn-addTask i {
        margin: 0;
        font-size: 20px;
    }

.boards-btn img {
    filter: brightness(10)
}

.boards-btn {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.baords-filter {
    position: relative;
}

.boards-filter-dropdown {
    right: 0px !important;
    left: auto !important;
    width: 250px;
    top: 40px !important;
    transform: none !important;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.boards-background {
    position: relative;
}

.boards-bg-dropdown {
    right: 0px !important;
    left: auto !important;
    width: 250px;
    top: 40px !important;
    transform: none !important;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.boardsBg-inner {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
}

.board-bg-color {
    width: 100%;
    height: 50px;
    border-radius: 5px;
}

.board-bg-color-orange {
    background: #ef763a;
}

.board-bg-color-green {
    background: #3fa495;
}

.board-bg-color-blue {
    background: #228cd5;
}

.board-bg-color-pink {
    background: #cd5a91;
}


.addTask-modal .modal-dialog {
    max-width: 1000px;
}

.addToCard-fields {
    width: 100%;
    position: relative;
}

.addTask-right-title {
    font-size: 14px;
    color: #757575;
    margin: 20px 0px;
}

.addToCard-fields-a {
    background-color: #091e420f;
    border-radius: 4px;
    color: #757575;
    height: 35px;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    border: 0;
}

    .addToCard-fields-a i {
        width: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.markCompleted {
    background: #0dd17f;
    color: white;
}

.activity-main {
    width: 100%;
    position: relative;
}

.activity-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .activity-title h1 {
        font-size: 18px;
        color: #757575;
        font-weight: 600;
        margin: 0;
    }

.activity-btn {
    font-size: 12px;
    background-color: #091e420f;
    border-radius: 4px;
    color: #757575;
    overflow: hidden;
    padding: 5px 10px;
    border: 0;
    font-weight: 500;
}


.task-activity {
    width: 100%;
    position: relative;
    max-height: 200px;
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
}

.task-activity-timeline {
    width: 100%;
    position: relative;
    max-height: 400px;
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
}

.activity-details h6 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

    .activity-details h6 span {
        font-size: 12px;
        color: #757575;
        font-weight: normal;
        margin-left: 5px;
    }

.activity-details span {
    font-size: 12px;
    color: #757575;
}

.activity-details {
    width: 100%;
    margin: 20px 0;
}

.task-title h1 {
    background: #0000;
    border-radius: 3px;
    box-shadow: none;
    font-size: 22px;
    font-weight: 600;
    margin: -4px -8px;
    padding: 6px 8px;
    resize: none;
}

    .task-title h1:focus {
        background-color: var(--ds-background-input,#fff);
        box-shadow: inset 0 0 0 2px #cccccc;
    }

.task-title p {
    font-size: 12px;
    color: #757575;
    margin-top: 2px;
}


.addToCardLabel-dropdown {
    width: 100%;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: #fff;
    border-radius: 10px;
    height: auto;
    /* min-height: 300px; */
    overflow: auto;
}

.task-model-labels {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 40px;
    margin-top: 30px;
}

.task-model-labels-inner {
    position: relative;
}

    .task-model-labels-inner:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: -17px;
        height: 30px;
        width: 1px;
        background: #dbdbdb;
    }

    .task-model-labels-inner:last-child:after {
        contet: "";
        display: none;
    }

.addToCard-fields-inner {
    position: relative;
}

.task-priority-label {
    width: 80px;
    display: block;
    height: 30px;
    background: #4bce97;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-size: 12px;
    color: #fff;
}

.task-priority {
    width: 100%;
    position: relative;
}

    .task-priority a {
        width: 100%;
        display: block;
        height: 30px;
        background: #4bce97;
        margin-bottom: 10px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        padding-left: 10px;
        font-size: 12px;
        color: #fff;
    }

        .task-priority a:focus {
        }

        .task-priority a:nth-last-child(1) {
            background: #4bce97;
        }

        .task-priority a:nth-last-child(2) {
            background: #e2b203;
        }

        .task-priority a:nth-last-child(3) {
            background: #f87462;
        }

        .task-priority a:nth-last-child(4) {
            background: #ed0606;
        }

        .task-priority a:nth-last-child(5) {
            background: #8b8b8b;
        }



/* Boards design css end */



.signature-card-header {
    background: #48a0fe;
}

    .signature-card-header label {
        margin: 0;
        color: #fff !important;
        font-size: 14px;
        margin-left: 5px;
    }

.BucketfileName {
    cursor: pointer;
}

.bucket-document-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e3e3e3;
    width: 100%;
    padding: 5px 10px;
    border-radius: 6px;
}

    .bucket-document-top label {
        margin: 0;
        font-weight: 700;
    }

.bucket-icon {
    color: #333 !important;
}

.bucket-icon-dropdown {
    color: #333 !important;
}

.icons-top ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.bucket-table.icon-main {
    position: relative;
}

.bucket-dropdown-content {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 0;
}

    .bucket-dropdown-content ul {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .bucket-dropdown-content a {
        color: black;
        padding: 12px;
        text-decoration: none;
        display: block;
        background: #fff;
    }

        .bucket-dropdown-content a:hover {
            background: #e3e3e3;
        }


        .bucket-dropdown-content a svg {
            height: 20px;
            fill: #333;
        }

.pc-filemanager-img {
    padding: 20px;
}

.workspace-main {
    position: relative;
    width: 100%;
}

    .workspace-main.active {
        background: #0dd17f;
        /*border: 1px solid #cccccc;*/
    }

.workspace-content {
    position: relative;
    width: 100%;
}

    .workspace-content h3 {
        font-size: 26px;
        font-weight: 700;
        color: #0c1b2b;
    }

    .workspace-content p {
        font-size: 12px;
        color: #333;
    }

.workspace-inner {
    background: #fff;
    padding: 20px 25px;
    margin: 15px 0;
    position: relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    width: 100%;
    height: 260px;
    overflow: hidden;
}

    .workspace-inner.add-workspace {
        border: 1px solid #25313e;
        background-color: transparent;
        color: #757575;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font-weight: 500;
        color: #081e32;
        transition: .3s ease;
    }

        .workspace-inner.add-workspace:hover {
            background: #eff6ff;
            scale: 1.03;
            transition: .3s ease;
        }

        .workspace-inner.add-workspace svg {
            height: 60px;
            fill: #25313e;
        }

    .workspace-inner.active {
        background: #0dd17f;
    }


        .workspace-inner.active .btn.btn-primary, .workspace-inner.active .btn {
            background: #fff !important;
            color: #333 !important;
            border-color: #fff !important;
        }

        .workspace-inner.active .workspace-content h3 {
            color: #fff;
        }

        .workspace-inner.active .workspace-content p {
            color: #fff;
        }

        .workspace-inner.active .workspace-avtarImg {
            background: #fff !important;
            color: #0dd17f;
        }

        .workspace-inner.active .workspace-avtar:after {
            background: #e7e7e76b;
            top: 48%;
        }





.defalt-workspace-btn {
    height: 40px;
    width: 40px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0px 8px 4px 8px;
    z-index: 111;
}

    .defalt-workspace-btn svg {
        fill: #0dd17f;
        height: 25px;
    }

.workspace-btn {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.workspace-main.active .workspace-btn-icons img {
    filter: brightness(10.5);
}


.dropdowncheckbox [type=checkbox] + span:not(.lever):before, .addcheckbox [type=checkbox]:not(.filled-in) + span:not(.lever):after {
    content: "\2714";
    border: 0.1em solid #000;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    padding-left: 0.3em;
    padding-bottom: 0.3em;
    margin-right: 0.7em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
}

.dropdowncheckbox [type=checkbox]:checked + span:not(.lever):before {
    background-color: #1f445e;
    border-color: #1f445e;
    color: #fff;
}

/* bucket filter search */
.search-filter-search {
    display: block;
    border: 2px solid #ccc;
    border-radius: 100px;
    padding: 8px 12px;
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
    width: 400px;
}

    .search-filter-search input {
        border: 0;
        background-color: transparent;
        margin-left: 5px;
        font-size: 14px;
    }

        .search-filter-search input:focus {
            outline: none;
        }

    .search-filter-search button, .search-filter-search i {
        border: none;
        background: none;
        cursor: pointer;
    }

    .search-filter-search select {
        border: none;
    }

/**/
.modal-fullwidth .modal-dialog {
    max-width: 70% !important;
}

.modal-fullheight .modal-body {
    height: auto;
    max-height: 600px !important;
    overflow: auto;
}

.modal-laptopfullheight .modal-body {
    height: auto !important;
    overflow: auto;
}

.doc-preview {
    width: 100%;
    height: 320px;
}


/* Assignment dropdown css start */

.assign-dropdown-main {
    position: relative;
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}

.taskSave-btn {
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}

.assign-dropdown.show {
    width: fit-content;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: #fff;
    border-radius: 10px;
    height: auto;
    /*min-height: 300px;*/
    overflow: auto;
}

.task-labels-assign-dropdown {
    width: 160px !important;
}

.selectedUsers {
    display: flex;
    gap: 10px;
}

ul.select-assignEmployee {
    margin: 0;
    width: 100%;
}


    ul.select-assignEmployee li {
        padding: 15px 0;
        border-bottom: 1px solid #ccc;
    }

        ul.select-assignEmployee li:last-child {
            border-bottom: 0;
        }

.select-assignEmployee a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

/* Assignment dropdown css ebd */

.model-inp.reminders-model-inp {
    display: flex;
    align-items: center;
    gap: 50px;
}


.model-inp.reminders-model-inp {
    display: flex;
    justify-content: space-between;
}

.rmp-model-inp {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: auto;
}

    .rmp-model-inp label {
        width: auto;
    }

    .rmp-model-inp .radio-main .form-radio label {
        overflow: unset;
        text-overflow: unset;
    }

.rmp-inputs {
    display: flex;
    gap: 20px;
}

.binmaster-grid-btn {
    display: flex;
    gap: 10px;
}


/****************************************************************** Manifest Start *******************************************************************/

.manifest-rowGrid {
    display: flex;
    margin-bottom: 30px;
    gap: 30px;
}


.manifestDetail-top {
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
}

.manifestDetail-block {
    background: #fff;
    padding: 12px 20px;
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    border-radius: 10px;
}

    .manifestDetail-block p {
        font-size: 12px;
        color: #7f7f7f;
        margin-bottom: 4px;
        font-weight: 500;
    }

    .manifestDetail-block h6 {
        font-size: 15px;
        /*color: #fff;*/
        font-weight: 600;
        margin: 0;
        padding: 0;
    }
    .manifestDetail-block:nth-child(1) {
        /*background: #0dd17f;*/
        background: #ffeaf5;
        color: #ff77be;
        border: 1px solid #ffa5d4;
    }

    .manifestDetail-block:nth-child(2) {
        /*background: #0b81fe;*/
        background: #dcedff;
        color: #48a1ff;
        border: 1px solid #88c2ff;
    }

    .manifestDetail-block:nth-child(3) {
        /*background: #15cfa5;*/
        background: #d3fff5;
        color: #48c5a8;
        border: 1px solid #7dddc6;
    }

    .manifestDetail-block:nth-child(4) {
        /*background: #e8262c;*/
        background: #ffe1e2;
        color: #ff777c;
        border: 1px solid #ffaeb1;
    }

    .manifestDetail-block:nth-child(5) {
        /*background: #f9a232;*/
        background: #ffefda;
        color: #ffad42;
        border: 1px solid #ffce8d;
    }

    .manifestDetail-block:nth-child(6) {
        /*background: #5b32f9;*/
        background: #eae5ff;
        color: #8e73ff;
        border: 1px solid #bcacff;
    }


.manifest-rowGrid .RowDetail-group p {
    font-size: 12px;
    color: #80B6FE;
    margin: 0;
}


.manifest-rowGrid .RowDetail-group h6 {
    font-size: 13px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
    padding-top: 4px;
}

.manifest-rowGrid .RowDetail-group p {
    font-size: 12px;
    color: #A9A9A9;
    margin: 0;
}

.manifest-rowGrid .RowDetail-group h6 {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.packageQr-img {
    width: 80%;
    position: relative;
    margin: auto;
    text-align: center;
}

    .packageQr-img img {
        width: 100%;
    }

    .packageQr-img .noQRcode {
        width: 75%;
        margin-top: 25px;
    }

.package-points {
    width: 96%;
    float: right;
    /*margin-left: auto;*/
    position: relative;
    background: #fff;
    /*padding: 15px 10px;*/
    border-radius: 20px;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    border: 1px solid #e4e4e4;
    margin-top: 30px;
    border: 1px solid rgb(88 139 219 / 20%);
}

    .package-points:last-child:before {
        display: none;
    }


    .package-points:before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -50px;
        height: 110%;
        top: 50px;
        width: 10px;
        border-left: 2px dashed #bababa;
    }

    .package-points:after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 25px;
        left: -59px;
        width: 20px;
        height: 20px;
        border: 2px solid #CCC;
        border-radius: 50%;
        background-color: #FFF;
    }

    .package-points.packagePoints-top::after {
        content: "✔";
        font-size: 10px;
        color: #FFF;
        text-align: center;
        border: 2px solid #212121;
        background-color: #212121;
    }


    .package-points.packagePoints-open::after {
        content: '\f3c5';
        font-weight: initial;
        font-size: 24px;
        font-family: FontAwesome;
        text-align: center;
        border: 0;
        background-color: #fff;
        color: #212121;
        top: 10px;
        left: -60px;
        height: fit-content;
    }

.package-points-inner {
    padding: 20px 30px;
    position: relative;
}


.deliveryStatus-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e9f1ff;
    border-radius: 0 0 20px 20px;
}

.bundles {
    /*padding: 10px 0;*/
    height: 33px;
}

.skipPackageBtn {
    border-radius: 0px 0 8px 0px;
}

.delivery-status {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
}

    .delivery-status p {
        font-size: 12px;
        color: #333;
        margin: 0;
    }

    .delivery-status h6 {
        font-size: 12px;
        color: #000;
        font-weight: 600;
        margin: 0;
    }

.delivery-status-btn button {
    font-size: 12px;
}

dragdropicon {
    /*position: absolute;
    top: 40%;
    transform: translate(0%, 0%);
    left: -15px;*/
    width: 5px;
    height: 35px;
    background: #333;
    border-radius: 4px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
}

.dragdropicon-new {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: -10px;
    width: 26px;
    height: 35px;
    background: #e96565;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    cursor: grab;
}

.dragdropicon svg {
    fill: #fff;
}

.dragdropicon:hover {
    background: #c55959;
}

    .dragdropicon:hover fill {
        fill: #fff;
    }



/* RowGrow*/
.rowGrid {
    background-color: #F9F9F9;
    padding: 10px;
    border: 1px solid #D5D5D5;
    border-radius: 10px;
}

.RowDetail-group p {
    font-size: 14px;
    color: #919191;
    margin: 0;
}

.RowDetail-group {
    margin-bottom: 18px;
}

    .RowDetail-group h6 {
        font-size: 16px;
        color: #000;
        font-weight: 600;
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .RowDetail-group p {
        font-size: 12px;
        color: #A9A9A9;
        margin: 0;
    }

    .RowDetail-group h6 {
        font-size: 13px;
        color: #000;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }


.searchbox {
    background-color: #e7e7e7;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}


    .searchbox svg {
        height: 20px;
    }

    .searchbox.statistic-roate {
        transform: rotate(270deg);
        position: relative;
        left: -62px;
        margin-top: 47px;
        width: auto;
        margin-bottom: 95px;
        text-align: center;
        width: 130px;
    }

    .searchbox span {
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

.search-package-filter {
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    width: 100%;
}

.search-modal-filter {
    width: 100%;
}

.manifestTracker-main {
    width: 100%;
}

.manifestTracker-guid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 10px;
    column-gap: 20px;
}

.trackStatus {
    font-size: 11px;
    font-weight: 600;
    color: #757575;
    position: relative;
    margin: 0;
}

    .trackStatus:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 2px;
        left: -17px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

.deliveryInitiated:before {
    background: #0B81FE !important;
}

.inRoute:before {
    background: #F17048 !important;
}

.delivered:before {
    background: #0DD17F !important;
}

.undelivered:before {
    background: #DC3545 !important;
}

.reviewed:before {
    background: #53DCEB !important;
}

.arrived:before {
    background: #F9A232 !important;
}

.skipped:before {
    background: #BDBDBD !important;
}

.pending:before {
    background: #895BDB !important;
}

.pickedUpFromStore:before {
    background: #00AEA2 !important;
}

.pickedUpFromCustomer:before {
    background: #EE6B9C !important;
}

.returnToStore:before {
    background: #5F79F9 !important;
}

.pickupCancelled:before {
    background: #BB9660 !important;
}

.returnToHarbour:before {
    background: #97A821 !important;
}

.storeStatus {
    font-size: 11px;
    font-weight: 600;
    color: #757575;
    position: relative;
    margin: 0;
}

    .storeStatus:before {
        font-size: 13px;
        font-family: FontAwesome;
        display: inline-block;
        position: absolute;
        top: 0px;
        left: -19px;
        background: #ffffff !important;
    }

.storeCheckIn:before {
    content: '\f54e' !important;
    color: #1cd18e;
}

.storeCheckOut:before {
    content: '\e071' !important;
    color: #ff7373;
}

.trackerStoreStatus:before {
    font-family: FontAwesome !important;
    font-size: 18px;
    top: 10px !important;
    left: -41px !important;
    width: auto !important;
    height: auto !important;
    border-radius: unset !important;
    background: #ffffff !important;
}


.inManifest:before {
    background: #D255AD !important;
}

/*.trackStatus:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -12px;
    width: 1px;
    height: 100%;
    background-color: #dddddd;
}*/

.trackStatus:last-child:after {
    display: none;
}

.manifestTracker-inner {
    width: 96%;
    position: relative;
    float: right;
}

.manifest-steps {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 30px;
    background: #ebebeb;
    padding: 10px 20px;
    border-radius: 10px;
}

span.manifest-address {
    font-size: 16px;
    font-weight: 700;
}

span.manifest-location {
    font-size: 14px;
    font-weight: 600;
    color: #757575;
}

span.manifest-dateTime {
    font-size: 14px;
    font-weight: 600;
    color: #757575;
}

span.manifest-step {
    font-size: 14px;
    font-weight: 600;
    color: #757575;
}


.manifest-steps:after {
    display: inline-block;
    content: '';
    position: absolute;
    left: -32px;
    height: 130%;
    width: 10px;
    border-left: 2px solid #dddddd;
}

.manifest-steps:last-child:after {
    display: none
}


.manifest-steps:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -38px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #333;
    z-index: 1;
}


/****************************************************************** Manifest End *******************************************************************/



/****************************************************************** module-list design *******************************************************************/

.module-list-sec {
    margin: 24px 0;
}

    .module-list-sec .module-list-main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        width: 110px;
        height: 120px;
        border-radius: 5px;
        transition: all 0.2s linear;
    }



        .module-list-sec .module-list-main:hover {
            transform: scale(1.1);
            /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
        }

        .module-list-sec .module-list-main .module-list-img {
            width: 60%;
            height: auto;
            display: flex;
            justify-content: center;
            background-color: #ffffff;
            padding: 14px;
            border-radius: 14px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }

            .module-list-sec .module-list-main .module-list-img img {
                height: 40px;
                width: 40px;
            }

            .module-list-sec .module-list-main .module-list-img svg {
                height: 42px;
                width: 42px;
            }

        .module-list-sec .module-list-main .logisticmodulelistimg {
            padding: 15px 16px !important;
        }

            .module-list-sec .module-list-main .logisticmodulelistimg svg {
                height: 54px;
                width: 54px;
            }

        .module-list-sec .module-list-main .module-list-title h6 {
            font-size: 13px;
            font-family: 'Poppins';
            font-weight: 600;
            color: #111;
            margin-bottom: 0;
            text-align: center;
        }

.moduleIndex-main {
    background-color: #fff !important;
    padding-bottom: 0 !important;
}

.module-list-row {
    display: flex;
    justify-content: start;
    gap: 10px;
    flex-direction: column;
    background-color: #F6FAFF;
    padding: 10px 20px;
    border-radius: 10px;
    /*box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px;*/
    border: 1px solid #e5e5e5;
    height: 620px;
    overflow: auto;
}

    .module-list-row:after {
        content: "";
        width: 1px;
        background: #D5D5D5;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

.moduleSelected {
    opacity: 1;
    pointer-events: visible;
}

.moduleDisabled {
    opacity: .4;
    pointer-events: none;
    filter: grayscale(1);
}


.workspace-module-title {
    margin-left: 10px;
}

    .workspace-module-title h6 {
        font-size: 20px;
        font-family: 'Poppins';
        font-weight: 700;
        color: #222;
        margin-bottom: 0;
        border-bottom: 1px solid lightgray;
        padding: 10px 0;
    }


.moduleRight-main {
    width: 100%;
    position: relative;
    height: 180px;
    background-color: #F6FAFF;
    padding: 20px;
    border-radius: 10px;
    /*box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px;*/
    border: 1px solid #e5e5e5;
    overflow-y: auto;
    overflow-x: hidden;
}


/*---------------------- scrollbar for task sec dashboard ------------------------*/
.altScroll::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.altScroll::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 10px;
}

/* Handle */
.altScroll::-webkit-scrollbar-thumb {
    background: #006cb7;
    border-radius: 10px;
}

    /* Handle on hover */
    .altScroll ::-webkit-scrollbar-thumb:hover {
        background-color: transparent;
        background: none !important;
    }

/*---------------------- scrollbar for task sec dashboard ------------------------*/





/*=========modal-provider===========*/
.modal-provider {
    transform: translate(0,0) !important;
}

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

    .uploadFiles input {
        opacity: 0;
        display: none;
    }

.btn-upload-File {
    background: #ffffff;
    position: relative;
    border: 1px solid #c2c2c2;
    border-right: 0;
    border-radius: 5px 0px 0px 5px;
    margin: 0;
}

.share-signature {
    display: flex;
    gap: 20px;
}



.packages-settingsInner {
    height: 350px;
    overflow: auto;
}

.user-settingsInner {
    height: 200px;
    overflow: auto;
}

.package-table {
    box-shadow: none;
}



.btn-taskAdd {
    padding: 14px 10px;
    font-size: 12px;
    line-height: 0;
}

.btn-taskCancel {
    font-size: 20px;
    line-height: 0;
}

.taskDate {
    flex-direction: column;
    display: none;
}

.taskDate-Date {
    display: none;
}


.deleteTask-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.deletTask {
    width: 100%;
    position: relative;
}

    .deletTask h6 {
        font-size: 16px;
        color: #000;
        font-weight: 600;
        margin: 0;
    }

    .deletTask p {
        font-size: 12px;
        color: #757575;
    }

button.close-deleteTask {
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
}


/*==========registereddevicegrid============*/
.registeredDevices {
    display: flex;
    align-items: center;
    gap: 5px;
}


/*=======add/edit package=======*/


.hr-lines:before {
    content: " ";
    display: block;
    height: 2px;
    width: 38px;
    position: absolute;
    top: 50%;
    left: 0;
    background: gray;
}

.hr-lines {
    position: relative;
    max-width: 500px;
    margin: 35px auto;
    text-align: center;
}

    .hr-lines:after {
        content: " ";
        height: 2px;
        width: 38px;
        background: gray;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
    }



.hr-linesAlt:before {
    content: " ";
    display: block;
    height: 2px;
    width: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    background: gray;
}

.hr-linesAlt {
    position: relative;
    max-width: 500px;
    margin: 5px auto;
    text-align: center;
}

    .hr-linesAlt:after {
        content: " ";
        height: 2px;
        width: 26px;
        background: gray;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
    }



.table-record-auto {
    height: auto;
    max-height: 160px;
    overflow: auto;
    border: 1px solid #DEDEDE;
}

    .table-record-auto table thead {
        position: sticky;
        top: -1px;
    }
    /*====== Batch scheduler ======*/
    .batch-settings-title {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #15cfa5;
        padding: 4px 16px;
        border-radius: 10px 0px 10px 0px;
    }

    .batch-settings-title label {
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        color: #222;
    }

.jobCHeckbox-main {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 15px;
    flex-wrap: wrap;
}

.job-inner-data {
    padding: 20px 15px;
    display: flex;
    gap: 10px;
    row-gap: 10px;
    column-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

    .job-inner-data label {
        margin: 0;
    }


    .job-inner-data span {
        border-left: 1px solid #ddd;
        font-weight: lighter;
        color: #ccc;
        padding: 0;
        height: 30px;
        margin: 0 10px;
    }

.boardBody {
    height: 100%;
}
/*===== generate label =====*/
.historydesc .tel-main {
    text-decoration: none !important;
}


/*======Logistic=====*/
.LogisticTracker-guid {
    width: 100%;
    display: flex;
    justify-content: end;
    gap: 50px;
}

.genrateLabel-qr {
    width: 100%;
}

    .genrateLabel-qr img {
        width: 100%;
    }


.printPackageDetails-modal .modal-dialog {
    transform: translate(0,0px) !important;
}




/* ------------------------------------------- TIme Sheet ------------------------------------------------- */

.timesheet-Manage-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 5px;
}

.timesheet-main {
    width: 100%;
    position: relative;
}

.timesheet-inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    /*border-radius: 10px;*/
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    overflow: auto;
}

.timesheet-sec {
    display: inline-flex;
    align-items: center;
    /*gap: 50px;*/
}

.tsDay-width {
    width: 100%;
}

.tsWeek-width {
    width: 100%;
}

.tsDay-width .timesheet-header {
    width: 100%;
}

.tsWeek-width .timesheet-header {
    width: 100%;
}

.tsWeek-width .tsTopHr.tsWidth {
    width: 100%;
}

.tsDay-width .tsTopHr.tsWidth {
    width: 100%;
}

.timesheet-sec:hover {
    background: #f8f8f8;
    transition: .2s ease;
}

.tsDay-width .tsDayDate {
    width: 100%;
}


.timesheet-hr-sec:hover {
    background-color: transparent !important;
}

.timesheet-header {
    background: #ffffff;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.timesheet-header {
}

.timeSheetHeaderText {
    color: #5d5d5d !important;
    /*font-weight: 600;*/
}

.tsWidth {
    width: 100px;
    padding: 5px 10px;
}

.tsWidthavtar {
    width: 45px;
}

.tsProjectTask {
    width: 380px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 12px;
}

.projectDetailName {
    display: flex;
    gap: 5px;
    align-items: center;
}

    .projectDetailName svg {
        height: 16px;
        width: 16px;
        fill: #5d5d5d;
    }

.tsProjectTask .projectNameSpan {
    color: #5d5d5d;
    font-weight: 500;
}

.tsProjectTask .taskNameSpan {
    font-size: 14px;
}

/*.tsProjectTask span:first-child {
    width: 50%;
}

    .tsProjectTask span:last-child {
        width: 50%;
    }*/

.tsDayDate {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: center;
    font-size: 12px;
    color: #979797;
    height: 55px;
    justify-content: center;
}

.tsHours {
    width: 100px;
    background: #f4f6fd;
    color: #202020;
    font-size: 12px;
    font-weight: 600;
    position: sticky;
    right: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 55px;
}

.project-avtar {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background: #3abeb5;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.workbench-avtar {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background: #ff728e;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.tsDayDate span {
    width: fit-content;
}

.tsTopHr {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    font-size: 12px;
    color: #202020;
    height: 55px;
    width: 100px;
    background: #f4f6fd;
    margin: 0px 0px;
    border-right: 1px solid #dee1ee;
}

.actual-hr {
    font-size: 12px;
    font-weight: 600;
}

.topFixedFirst {
    width: 0px;
}

.topFixedSecond {
    width: 425px;
}

.bottomFixedFirst {
    width: 0px;
}

.bottomFixedSecond {
    background-color: #f4f6fd;
    height: 55px;
    color: #252525;
    border-right: 1px solid #dee1ee;
    width: 425px;
    justify-content: center;
}

    .bottomFixedSecond span {
        font-size: 12px;
        font-weight: 600;
    }

.addLineButton {
    background-color: #ff8d4b;
    border: 1px solid #ff8d4b;
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    transition: all 0.1s linear;
}

    .addLineButton i {
        font-size: 14px;
        margin-right: 2px;
        margin-top: 1px;
    }

    .addLineButton:hover {
        background-color: transparent;
        color: #ff8d4b;
    }

.timesheetHourText {
    color: #252525 !important;
    font-weight: 600;
}

.remaining-hr {
    display: none;
    font-size: 10px;
    background: #dbe3ff;
    color: #6386ff;
    padding: 0 6px;
    border-radius: 10px;
}

.timesheet-sec:hover span.remaining-hr {
    display: block;
}

.ts-Manage-btnInner {
    display: flex;
    gap: 10px;
}

.ts-selectTimeline {
    display: flex;
    gap: 0px;
    border: 1px solid #e0e2e5;
    border-radius: 4px;
}

.tsManage-calendar {
    display: flex;
    gap: 1px;
    align-items: center;
}

.ts-selectTimeline-dropdown {
    position: relative;
    width: 100%;
}

.dropdown-menu.tl-dropdown-content {
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 10%);
}

    .dropdown-menu.tl-dropdown-content span {
        font-size: 14px;
        padding: 2px 10px;
        margin-bottom: 5px;
        width: 100%;
    }

        .dropdown-menu.tl-dropdown-content span:hover {
            background: #cccccc;
        }

.tsWeekSec {
    width: 100%;
    display: flex;
    align-items: center;
}

    .tsWeekSec .tsDayDate.tsWidth {
        width: 100%;
    }


/*---------------------------------- Employe Details ----------------------------------*/
/**/
.empActive:before {
    background: #0dd17f !important;
}

.empResigned:before {
    background: #f17048 !important;
}

.empPayroll:before {
    background: #0b81fe !important;
}

.empTerminated:before {
    background: #dc3545 !important;
}

.empDeceased:before {
    background: #000 !important;
}

/**/

.empActive .flag {
    background: #0dd17f;
}

.empResigned .flag {
    background: #f17048;
}

.empPayroll .flag {
    background: #0b81fe;
}

.empTerminated .flag {
    background: #dc3545;
}

.empDeceased .flag {
    background: #000;
}

/**/

.empActive .flag:after {
    border-right-color: #0dd17f !important;
}

.empResigned .flag:after {
    border-right-color: #f17048 !important;
}

.empPayroll .flag:after {
    border-right-color: #0b81fe !important;
}

.empTerminated .flag:after {
    border-right-color: #dc3545 !important;
}

.empDeceased .flag:after {
    border-right-color: #000 !important;
}



.employee-basic-name {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 20px;
}

    .employee-basic-name h1 {
        font-size: 22px;
        font-weight: 600;
        margin: 0;
    }

.employee-basic-action-btn {
    display: flex;
    gap: 10px;
}


.employee-profile-pic {
    height: 210px;
    float: left;
    overflow: hidden;
    margin-top: 2px;
    position: relative;
    width: 100%;
    border: 1px solid #8E8B8B;
    background-color: #E5E6E8;
}

    .employee-profile-pic img {
        width: 100%;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }


.employee-basic-detail {
    display: flex;
    justify-content: space-between;
}

    .employee-basic-detail p {
        font-size: 14px;
        color: rgb(124, 124, 124);
        display: flex;
        flex-direction: column;
    }

    .employee-basic-detail p {
        font-size: 14px;
        color: rgb(124, 124, 124);
    }

    .employee-basic-detail span {
        font-size: 16px;
        font-weight: 600;
        color: #333;
    }



.emp-about-grid {
    display: flex;
}

.address-emp, .timeline-emp {
    box-shadow: 0 21px 37px rgba(0, 0, 0, 0.05);
}

.emp-about-us {
    border: 1px solid rgb(189, 189, 189);
    border-radius: 3px;
    box-shadow: 0 21px 37px rgba(0, 0, 0, 0.05);
}

    .emp-about-us h5 {
        font-size: 16px;
        font-weight: 600;
        color: #606060;
        width: 100%;
        background: #e8e8e8;
        padding: 8px 10px;
        margin: 0;
    }

.emp-checklist {
    border: 1px solid rgb(189, 189, 189);
    border-radius: 3px;
    padding: 20px;
    box-shadow: 0 21px 37px rgba(0, 0, 0, 0.05);
    width: 100%;
}

.emp-about-table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

    .emp-about-table tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .emp-about-table tr:hover {
        background-color: #ddd;
    }

    .emp-about-table tr th, .emp-address-table tr th, .emp-date-table tr th {
        padding: 8px 10px;
        color: rgb(124, 124, 124);
        font-weight: 500;
    }

    .emp-about-table tr td, .emp-address-table tr td, .emp-date-table tr td {
        color: black;
        font-weight: 500;
    }

.emp-address-us {
    margin-left: 20px;
    width: 50%;
}

.timeline-emp, .address-emp {
    border: 1px solid rgb(189, 189, 189);
    border-radius: 3px;
    padding: 20px;
}

.timeline-emp {
    margin-top: 20px;
}

.employee-details-main {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.employee-details-title {
    width: 100%;
}

    .employee-details-title h1 {
        font-size: 22px;
        font-weight: 700;
        color: #25313E;
        padding-left: 15px;
    }

.employee-details-inner {
    display: flex;
    gap: 2px;
    font-size: 14px;
    color: #25313E;
    flex-direction: column;
    margin: 10px 0;
}

    .employee-details-inner p {
        color: #647c96;
        margin: 0;
    }

    .employee-details-inner h6 {
        margin: 0;
        font-weight: 600;
    }

.tab-content {
    position: relative
}

.emp-detaild-btn {
    position: absolute;
    top: -50px;
    right: -20px;
}

.empTimeline-main {
    width: 100%;
    position: relative;
}

.empTimeline-guid {
    width: 100%;
    display: flex;
    justify-content: end;
    gap: 60px;
}

.empTimeline-h6 {
    font-size: 12px;
    font-weight: 600;
    color: #757575;
    position: relative;
    margin: 0;
    background: #fff;
}

    .empTimeline-h6:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: -20px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
    }

    .empTimeline-h6:after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        right: -20px;
        width: 1px;
        height: 100%;
        background-color: #dddddd;
    }

    .empTimeline-h6:last-child:after {
        display: none;
    }

.empTimeline-inner {
    width: 96%;
    position: relative;
    float: right;
}

.empTimeline-steps {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 40px;
    background: #fff;
}

    .empTimeline-steps:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0px;
        left: -38px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #333;
        z-index: 1;
    }

    .empTimeline-steps:after {
        display: inline-block;
        content: '';
        position: absolute;
        left: -32px;
        height: 145%;
        width: 10px;
        border-left: 2px solid #dddddd;
    }

    .empTimeline-steps:last-child:after {
        display: none;
    }


.empTimeline-title {
    width: 100%;
    position: relative;
    /*margin-top: 5px;*/
}

    .empTimeline-title .flag {
        position: relative;
        display: inline;
        color: #fff;
        padding: 6px 10px;
        border-radius: 5px;
        font-weight: 600;
        text-align: left;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    }

        .empTimeline-title .flag:after {
            content: "";
            position: absolute;
            right: 100%;
            top: 50%;
            height: 0;
            width: 0;
            margin-top: -8px;
            border: solid transparent;
            border-width: 8px;
            pointer-events: none;
        }

    .empTimeline-title .time {
        font-size: 14px;
        color: #fa5050;
        padding-left: 5px;
    }

.empTimeline-notes {
    font-size: 16px;
    color: #757575;
    margin-top: 10px;
}


.hrDashboard {
    width: 100%;
    position: relative;
    padding: 20px;
}

.hrDashboard-Leaves {
    width: 100%;
    position: relative;
}

.hrDash-leaves {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 22px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 20px 0;
}

    .hrDash-leaves:hover {
        border-top: 5px solid #0dd17f;
        transition: .2s ease;
    }

.hrDash-leaves-title {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between
}

    .hrDash-leaves-title h1 {
        font-size: 20px;
        font-weight: 700;
        color: #25313e
    }

    .hrDash-leaves-title a {
        display: none;
        position: absolute;
        right: -22px;
        top: -24px;
        height: 40px;
        width: 40px;
        background: #00d084;
        border-radius: 0px 10px 0px 14px;
        justify-content: center;
        transition: .2s ease;
        align-items: center;
    }

        .hrDash-leaves-title a svg {
            height: 22px;
            fill: #fff;
        }

.hrDash-leaves:hover a {
    display: flex;
    transition: .2s ease;
}

.leaves-review {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.leavesReview-img {
    position: relative;
}

    .leavesReview-img img {
        height: 120px;
    }

.leavesReview-title {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .leavesReview-title h1 {
        font-size: 60px;
        font-weight: 600;
        margin: 0;
    }

    .leavesReview-title span {
        font-size: 14px;
        font-weight: 500;
        color: #757575;
    }

.teamOnLeave-sec {
    display: block;
    width: 100%;
    position: relative;
}

.onLeave-today {
    display: block;
    width: 100%;
    position: relative;
}

    .onLeave-today h6 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 12px;
        color: #757575;
    }

.onLeave-month {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 50px;
}

    .onLeave-month h6 {
        font-size: 14px;
        font-weight: 600;
        color: #757575;
        margin-bottom: 12px;
    }

.leaveMembers {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 10px 0;
}

.leaveMembers-avtar {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .leaveMembers-avtar h6 {
        margin: 0;
    }

.leaveMembers-content {
    text-align: right;
    position: relative;
}

    .leaveMembers-content h6 {
        font-size: 12px;
        margin-bottom: 4px;
        font-weight: 600;
        color: #333;
    }

    .leaveMembers-content p {
        font-size: 12px;
        color: #757575;
        margin: 0;
    }

.upcomingHolidays-sec {
    width: 100%;
    position: relative;
}

.upcomingHolidays-content {
    width: 100%;
    position: relative;
    margin: 20px 0;
}

    .upcomingHolidays-content h6 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 6px;
        color: #333;
    }

        .upcomingHolidays-content h6 span {
            font-weight: normal;
            font-size: 14px;
            padding-left: 6px;
            vertical-align: bottom;
        }

    .upcomingHolidays-content p {
        font-size: 14px;
        font-weight: 500;
        color: #757575;
        margin: 0;
    }

.leaveReview-inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 22px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 20px 0;
}

h1.leaveReview-employee {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

h5.leaveReview-code {
    font-size: 14px;
    color: #757575;
    margin-bottom: 12px;
}

p.leaveReview-reason {
    font-size: 16px;
    color: #757575;
    margin: 6px 0;
}

    p.leaveReview-reason span {
        font-weight: 700;
        color: #757575;
    }

.leaveReview-btn {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.upcomingHolidays-inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 22px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 20px 0;
    height: 350px;
    overflow: auto;
}

.upcomingHolidays-title {
    width: 100%;
    margin-bottom: 20px;
}

    .upcomingHolidays-title h1 {
        font-size: 18px;
        font-weight: bold;
        color: #757575;
        margin: 0;
    }

.noHolidays {
    width: 100%;
}

    .noHolidays p {
        color: #757575;
    }

.assignAccess-top {
    width: 100%;
    position: relative;
}

.assignAccess-text {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    /*flex-direction: column;*/
    gap: 25px;
    /*margin: 14px 0;*/
    background-color: #ffffff;
    border: 1px solid #D2D2D2;
    padding: 15px 10px;
    border-radius: 4px;
}

    .assignAccess-text p {
        margin: 0;
        font-size: 13px;
    }

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

.filter-title.assignAccess-filter-title {
    width: 250px;
}

    .filter-title.assignAccess-filter-title h1 {
        justify-content: space-between;
    }

tr.groupHead .fillable-checkbox {
    padding: 10px 0px;
}

.profile-plus svg {
    height: 22px;
    fill: #081E32;
}

.profile-plus {
    display: block;
    width: 100%;
    position: absolute;
    top: 32px;
}

/****************************************************************** Billing *******************************************************************/

.invoise-customer {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px;
}

    .invoise-customer h6 {
        font-size: 14px;
        color: #757575;
        font-weight: 600;
    }

    .invoise-customer p {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        margin-bottom: 6px;
    }

.arInvoise-customer {
    width: 100%;
    display: flex;
    gap: 10px;
}

    .arInvoise-customer h6 {
        font-size: 14px;
        color: #757575;
        font-weight: 600;
    }

    .arInvoise-customer p {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        margin-bottom: 6px;
    }

.invoice-linear-scale {
    width: 100px;
}

.arInvoice-linear-scale {
    width: 100px;
}

.invoice-table {
    padding: 20px;
    width: 100%;
    position: relative;
}

    .invoice-table p {
        font-size: 13px;
        color: #757575;
        margin: 0;
    }

.invoice-price {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 0 20px;
    gap: 10px;
}

.invoicePrice-inner {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .invoicePrice-inner p {
        font-size: 14px;
        margin: 0;
        color: #757575;
    }

        .invoicePrice-inner p span {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #757575;
            padding-left: 41px;
        }

    .invoicePrice-inner h6 {
        font-size: 18px;
        margin: 0;
        color: #757575;
        font-weight: 600;
    }

        .invoicePrice-inner h6 span {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            color: #000;
            padding-left: 30px;
        }

    .invoicePrice-inner p input {
        border-bottom: 1px solid #333;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        width: 100px;
        margin-left: 10px;
    }

    .invoicePrice-inner input {
        border-bottom: 1px solid #333;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        width: 200px;
        margin-left: 10px;
    }

    .invoicePrice-inner label {
        width: 130px;
        margin: 0;
    }

.invoicePrice-innerLeft.invoicePrice-inner {
    margin: 10px 0;
}

.invoicePriceiQr {
    width: 100%;
    position: relative;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .invoicePriceiQr img {
        height: 80px;
    }

.invoice-content-inner {
    width: 100%;
    background: #eeeeee;
    padding: 20px;
    border-radius: 10px;
}

    .invoice-content-inner h6 {
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

    .invoice-content-inner span {
        font-size: 14px;
        color: #333;
    }

.invoice-content-innerAlt {
    width: 100%;
    padding: 20px;
    border-left: 1px dashed #ccc;
}

    .invoice-content-innerAlt h6 {
        font-size: 14px;
        color: #757575;
    }

        .invoice-content-innerAlt h6 span {
            font-weight: 600;
            color: #000;
        }

.invoice-top {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

    .invoice-top h1 {
        font-size: 20px;
        font-weight: bold;
    }

    .invoice-top p {
        font-size: 14px;
        color: #757575;
    }

.invoiceSentOn {
    width: 100%;
}

    .invoiceSentOn h6 {
        font-size: 14px;
        color: #757575;
    }

        .invoiceSentOn h6 span {
            font-weight: 600;
            color: #000;
        }


/****************************************************************** Payment Gateway *******************************************************************/

.orderAmmount-main {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 450px;
}

.orderAmmount-mainAlt {
    height: 160px;
}

.orderAmmount-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

    .orderAmmount-top h5 {
        font-size: 20px;
        font-weight: 700;
        color: #383737;
        margin: 0;
    }

.orderAmmount-content {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.amount-text {
    background-color: #e9eaeb;
    padding: 5px 10px;
    border-radius: 5px;
}

    .amount-text span {
        font-size: 18px;
        font-weight: 700;
        color: #25313e;
    }

.orderAmmount-img {
    width: 100%;
    position: relative;
    display: flex;
    gap: 20px;
}

    .orderAmmount-img img {
        height: 40px;
        margin: 10px 0;
    }

.orderAmmount-type {
    width: 100%;
    margin-top: 20px;
}

    .orderAmmount-type h6 {
        font-size: 14px;
        color: #757575;
    }

        .orderAmmount-type h6 span {
            font-weight: 600;
            color: #000;
        }

.arCall-btn {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 60px;
    right: 40px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    transition: 0.2s ease-in;
    z-index: 2;
    background-color: #0b81fe;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .arCall-btn svg {
        fill: #fff;
        height: 22px;
    }


/*************************************************************************************************************************************/
}




.wellness-ptients-grid {
    display: flex;
    justify-content: end;
    gap: 6px;
}




.gender-main-radio {
    display: flex;
    align-items: center;
    gap: 20px;
}

.patient-id-main label {
    font-size: 18px;
    font-weight: bold;
}

.plus-patientsearch {
    background-color: #cccccc;
    padding: 9px 10px;
    bottom: 0;
    right: 0;
    border-radius: 0 4px 4px 0;
}

    .plus-patientsearch svg {
        fill: #111;
    }

.patientdesc {
    float: none !important;
    margin: 8px 0px;
}

    .patientdesc p {
        color: #0b81fe;
        font-weight: bold;
    }


/*ORDER HISTORY*/

.recent-order {
    width: 100%;
    position: relative;
    border: 1px #ececec solid;
    border-radius: 10px;
    margin-bottom: 50px;
    background-color: #ffffff;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}

/* .recent-order:first-child {
        margin-top: 20px !important;
    }*/

.recent-order-top {
    background-color: #f6f6f6;
    border: 1px solid #f1f1f1;
    border-radius: 10px 10px 0 0;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recent-order-bottom {
    background-color: var(--white);
    padding: 20px 30px;
    border: 1px solid #f1f1f1;
}

.recent-order-top-left {
    text-align: left;
    display: flex;
    gap: 60px;
}

    .recent-order-top-left h6 {
        font-size: 14px;
        color: #868686;
        font-weight: 500;
    }

    .recent-order-top-left p {
        font-size: 16px;
        color: #333333;
        margin: 0;
        font-weight: 600;
    }

.recent-order-top-right {
    text-align: right;
}

    .recent-order-top-right h6 {
        font-size: 15px;
        color: #333333;
        font-weight: 600;
    }


.ro-top-right-links {
    color: #868686;
}

    .ro-top-right-links a {
        color: #0b81fe;
        font-weight: 600;
        /*text-decoration: underline;*/
    }

    .ro-top-right-links .view-order {
        margin-right: 10px;
    }

    .ro-top-right-links .view-invoice {
        margin-left: 10px;
    }

.cart-section {
    display: flex;
    gap: 0px;
}

.orderSecAlt {
    gap: 20px !important;
}

.cart-img {
    width: 11%;
    text-align: left;
}

    .cart-img img {
        width: 100%;
        height: 170px;
        /*border: 1px solid #d9d9d9;*/
        border-radius: 10px;
    }


.cart-content-main {
    width: 88%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    row-gap: 10px;
}

.point-qty-main {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

    .point-qty-main .cart-content h1 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .point-qty-main .cart-point {
        display: flex;
        align-items: center;
        gap: 3px;
        white-space: nowrap;
    }

        .point-qty-main .cart-point h6 {
            font-size: 16px;
            font-weight: 600;
            color: #555555;
            margin-bottom: 0;
        }

        .point-qty-main .cart-point img {
            width: 26px;
            height: 26px;
        }

.cart-section .cart-price .view-item-btn {
    background-color: #23c17f;
    border: 1px solid #23c17f;
    font-size: 14px;
    font-weight: 600;
}

.delivery-estimate {
    margin-bottom: 5px;
}

    .delivery-estimate p {
        color: #a7a7a7;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
    }

.cart-price h6 {
    font-size: 14px;
    font-weight: 600;
    color: #555555;
}




/*  = My Cart = */
.cart-main {
    position: relative;
    width: 100%;
}

.cart-table tr th:not(:first-child) {
    text-align: center;
}

.cart-table tr td:not(:first-child) {
    text-align: center;
}

.cart-table tr td {
    vertical-align: middle;
    padding: 20px 10px;
}

.cart-inner {
    width: 100%;
    margin: 20px 0 0 0;
    position: relative;
    background-color: var(--white);
    border-radius: 10px;
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.cart-section-main {
    width: 100%;
    position: relative;
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D1D1D1;
    padding: 0 0 20px 0;
}



    .cart-section-main:last-child {
        border-bottom: 0;
    }

.cart-dlt-btn {
    position: relative;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: var(--red);
    border: 0;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.cart-dlt-btn svg {
    height: 18px;
    fill: var(--white);
    display: block;
}

.product-desc-main {
    display: flex;
    gap: 10px;
    align-items: start;
}

.description-wrap {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-img-main {
    /*width: 250px;*/
}

    .cart-img-main img {
        height: 100px;
    }

.desc-sub h1 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 4px;
}

.desc-sub p {
    font-size: 15px;
    font-weight: 500;
    color: #666666;
}

td.first-td {
    width: 60%;
}

.cart-content {
    /*width: auto;*/
}

    .cart-content h1 {
        font-size: 18px;
        font-weight: bold;
        color: #18a369;
    }

    .cart-content img {
        width: 26px;
        height: 26px;
    }

.qty {
    width: 100%;
    /*margin-top: 20px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center;
}

    .qty label {
        font-weight: 500;
        margin-right: 20px;
        margin-bottom: 0;
    }

    .qty input {
        border: 1px solid #D1D1D1;
        border-radius: 0px;
        width: 40px;
        height: 25px;
        font-size: 14px;
        text-align: center;
    }


.qty-btn {
    width: 25px;
    height: 25px;
    color: #000;
    background: transparent;
    border: 1px solid #D1D1D1;
    display: flex;
    border-radius: 0px;
    justify-content: center;
    align-items: center;
}

/*button.qtyminus {
    margin-right: 2px;
}

button.qtyplus {
    margin-left: 2px;
}*/

.cart-price {
    /*width: 150px;*/
    /*text-align: right;*/
}

.cart-content h6 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px;
}

.cart-price h6 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px;
}

.cart-title {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px;
}

    .cart-title h1 {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        /* margin-bottom: 20px; */
    }

    .cart-title .main-title {
        margin-bottom: 20px;
    }

    .cart-title p {
        font-size: 16px;
        margin: 0;
        font-weight: 500;
    }

.cartPoints-sec {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
}

.cart-right-price {
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
    align-items: center;
}

    .cart-right-price p {
        margin-bottom: 0;
        font-size: 16px;
        color: #555555;
    }

    .cart-right-price h6 {
        font-size: 22px;
        font-weight: 600;
        margin: 0;
    }

.cartPoints-Settings-inner {
    height: 240px;
}

.totalPoints {
    font-size: 34px !important;
}


.cart-delivered {
    width: 100%;
    margin: 14px 0;
}

    .cart-delivered h6 {
        font-size: 12px;
        color: #565959;
        margin: 0;
        font-weight: 400;
        text-transform: uppercase;
    }

        .cart-delivered h6 span {
            font-size: 16px;
            color: var(--black);
            margin: 0;
            font-weight: 500;
            text-transform: capitalize;
        }


button.view-item-btn {
    background: var(--green);
    color: var(--white);
    border: navajowhite;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 14px;
    text-transform: capitalize;
}

.ro-filter-btn {
    width: 100%;
    border: 1px solid #333 !important;
    border-radius: 5px;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    height: 40px;
    justify-content: center;
}

.ro-filter-sec {
    width: auto !important;
    padding: 0 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    border-color: #e5e5ee !important;
    height: 200px;
    overflow: auto;
    border: 1px #D5D9D9 solid;
}

.cart-title.recent-order-filter-sec {
    background: var(--white);
    padding: 20px 30px;
    border-radius: 10px;
}

}

.model-fileupload {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ellipsisdocumentname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsisfoldername {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    margin: 0;
    font-weight: 700;
    font-size: 12px;
    color: #757575 !important;
    padding: 4px 0;
}

.folder-name-main {
    display: flex;
    gap: 5px;
    width: 100%;
    overflow: hidden;
    justify-content: start;
    cursor: pointer;
}

.module-main {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    position: relative;
    gap: 10px;
    margin: 10px 0;
}

.technicalSetting-table td:last-child {
    display: block !important;
}


.vcard-img {
    width: 100%;
    height: 100px;
    background: #fff;
    border-radius: inherit;
}


.vCardInformation-img {
    margin: auto !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

    .vCardInformation-img .cropit-preview-image-container {
        position: relative !important;
    }

    .vCardInformation-img img.cropit-preview-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }



.product-main-list {
    /*background-color: #ffffff;*/
    padding: 20px 20px 20px 20px;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;*/
}

.products-top-main {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    margin-bottom: 30px;
    background-color: #ffffff;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.product-category-inner {
    margin: 5px 0 30px 0;
}

.category-alias {
    /*     background-color: red; */
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    width: 120px;
    height: 120px;
    padding: 10px;
    text-align: center;
    z-index: 1;
    position: relative;
    transition: all 250ms ease-out;
    cursor: pointer;
}

    .category-alias img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        /*border: 2px solid #f2f2f2;*/
        box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    }

    .category-alias p {
        font-size: 15px;
        font-weight: 500;
        margin: 4px 0;
        color: #6e6e6e;
    }

.product-category-inner .invisible-checkboxes {
    display: block;
    /*   margin-right: -20px;
  position: relative;
  z-index: 2; */
}

    .product-category-inner .invisible-checkboxes:checked + label .category-alias img {
        /*background-color: green;*/
        border: 2px solid #b3b3b3;
        filter: brightness(0.8);
        background: #ffffff;
    }

    .product-category-inner .invisible-checkboxes:checked + label .category-alias p {
        /*background-color: green;*/
        font-weight: 600;
    }



.products-top-left {
    width: 50%;
}
/*.product-search-main {
    margin-left:25px;
}*/
.product-search-main .search-text {
    font-size: 13px;
    font-weight: 500;
    color: #757575;
    padding: 18px 8px;
    border-radius: 4px !important;
}

.product-search-main .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 25px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    padding: 4px 8px;
}

.product-search-main .product-seach {
    border-radius: 4px !important;
}

.product-search-main .input-group-button {
    margin-left: 30px;
}


.product-list {
    /*margin: 30px 0;*/
}

.product-list-main {
    transition: all 0.4s linear;
    width: 100%;
    position: relative;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    overflow: hidden;
}

.product-img-main {
    position: relative;
    max-height: 300px;
    height: 300px;
    overflow: hidden;
    /*border-radius: 10px;*/
}


    .product-img-main img {
        width: 100%;
        height: 100%;
        max-width: 100%;
    }


    .product-img-main .edit-action-main {
        position: absolute;
        top: 0;
        right: 0;
        margin: 10px 5px;
    }
        /*.product-list-main:hover .edit-action-main {
    display:block;
}*/

        .product-img-main .edit-action-main .operation-product {
            background-color: #0C1B2B;
            border-radius: 100px;
            padding: 5px 7px;
            margin: 0 3px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

            .product-img-main .edit-action-main .operation-product img {
                color: #fff;
            }

.product-content-main {
    margin-top: 10px;
    padding: 5px 5px;
}

    .product-content-main h1 {
        font-size: 18px;
        font-weight: 600;
        color: #25313E;
        margin-bottom: 0;
        text-transform: capitalize;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: pre-wrap;
    }

    .product-content-main a {
        font-size: 22px;
        font-weight: 600;
        color: #25313E;
        margin-bottom: 0;
        text-transform: capitalize;
    }

    .product-content-main h5 {
        font-size: 14px;
        font-weight: 600;
        color: #9e9e9e;
        margin: 4px 0;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .product-content-main img {
        height: 22px;
    }

    .product-content-main .product-content-description {
        color: #8B8B8B;
        font-size: 13px;
        font-weight: 500;
        margin: 7px 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: pre-wrap;
    }

    .product-content-main .cart-button {
        background-color: #25313E;
        border-radius: 0;
        font-size: 14px;
        margin-top: 14px;
        color: #ffffff;
    }

.cart-button.in-basket {
    background: #d38700;
    border-color: #d38700;
}




#code-editor {
    border: 1px solid #d1d1d1;
    /*max-width: 700px;*/
    margin: 0px auto;
}

.editor-block-controls {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 5px;
    background: #fff;
}

    .editor-block-controls > div > button.command {
        outline: none;
        background-color: none;
        background: transparent;
        color: black;
        cursor: pointer;
        border: 1px solid #e1e1e1;
        transition: .2s;
        border-radius: 3px;
        padding: 5px 10px;
    }

        .editor-block-controls > div > button.command:hover {
            color: lightblue;
        }

#editor-block-content {
    max-width: 100%;
    min-height: 150px;
    width: 100%;
    height: auto;
    padding: 12px;
    resize: vertical;
    overflow: auto;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    border: 2px solid #e1e1e1;
    border-radius: 0 0 3px 3px;
    background: #F2F4F6;
    outline: none;
}

    #editor-block-content > blockquote {
        border-left: 2px solid black;
        padding: 5px;
        background: #1111;
        font-style: italic;
    }

.wsy-command {
    padding: 3px;
    border-radius: 3px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    transition: .2s;
}



.product-image-sec {
    margin: 0 15px;
}

.product-images-main {
    background-color: #efefef;
    padding: 20px 15px;
    border-radius: 6px;
    display: flex;
}

.upload__box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.upload__inputfile {
    width: 5px !important;
    height: 5px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    padding: 30px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px dashed gray;
    /*background-color: #4045ba;*/
    /*border-color: #4045ba;*/
    border-radius: 10px;
    line-height: 26px;
    font-size: 15px;
}

    .upload__btn:hover {
        background-color: unset;
        color: #4045ba;
        transition: all 0.3s ease;
    }

/*.upload__btn-box {
    margin-bottom: 10px;
}*/

.upload__img-wrap {
    display: flex;
    /*flex-wrap: wrap;*/
    overflow-x: auto;
    /*margin: 0 -10px;*/
}

.upload__img-box {
    width: 200px;
    height: 200px;
    padding: 0 10px;
    margin: 10px 10px;
    position: relative;
}

    .upload__img-box .img-bg {
        width: 200px;
        height: 200px;
        border-radius: 6px;
        overflow: hidden !important;
        position: relative;
    }

.upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 6px;
    right: 6px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}

    .upload__img-close:after {
        content: "✖";
        font-size: 14px;
        color: white;
    }

.jobCHeckbox-main {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 15px;
    flex-wrap: wrap;
}

.job-inner-data {
    padding: 20px 15px;
    display: flex;
    gap: 10px;
    row-gap: 10px;
    column-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

    .job-inner-data label {
        margin: 0;
    }


.job-innerData-input {
    width: 100px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #757575;
    transition: all 0.15s ease;
}

.job-inner-data span {
    border-left: 1px solid #ddd;
    font-weight: lighter;
    color: #ccc;
    padding: 0;
    height: 30px;
    margin: 0 10px;
}


.boardBody {
    height: 100%;
}

}



.checkbox-inline-main {
    display: flex;
    justify-content: space-between;
}


.advance-search {
    border: 1px solid #d2d2d2;
    padding: 10px 15px 0 15px;
    border-radius: 4px;
}

    .advance-search legend {
        width: auto;
        padding: 0 10px;
        font-size: 17px;
        color: #0B81FE;
    }

.detail-main {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    float: left;
}

.color-gray {
    color: #a5a5a5 !important;
}


.overflow-x-intial-tb {
    overflow-x: initial !important;
}

.d-check .inputGroup label:after {
    visibility: hidden;
}

.detail-main label {
    margin-bottom: 0px;
    display: inline-block;
    /*float: none !important;*/
}

.detail-main-w-100 label {
    width: 100%;
}


.detail-main .color-gray {
    color: #a5a5a5 !important;
}


.hidden-print {
    display: none;
}

.printnone {
    display: block;
}

.table-responsive {
    border-radius: 10px;
    /*overflow: unset !important;*/
    overflow: auto !important;
}

.tableResponsiveAlt {
    overflow: auto !important;
}

.payorDetails-text {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.payorDetails-fields {
    width: 100%;
    display: flex;
    gap: 2px;
    font-size: 14px;
    color: #25313E;
    margin: 20px 0;
}

    .payorDetails-fields p {
        color: #647c96;
        margin: 0;
        width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.radio-modal-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .radio-modal-main input[type="radio"] {
        vertical-align: middle;
    }

.reminders-btn-first {
    position: absolute;
    top: 0;
    right: 280px;
}

.payorDetails-fields h6 {
    margin: 0;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.add-newFolder {
    display: flex;
    gap: 5px;
}

    .add-newFolder svg {
        height: 16px;
        fill: #EEBF3B;
    }


    .add-newFolder a {
        font-size: 12px;
        color: #fff;
    }

.list-inline-item a {
    font-size: 12px;
    color: #fff;
}

.document-home-img svg {
    height: 16px;
    fill: #fff;
}

.document-bottom-ul {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.img-preview {
    width: 100%;
    text-align: center;
}

    .img-preview img {
        width: auto;
        max-height: 500px;
        margin: auto;
    }


.tab-pane .edm-hrLine:after {
    content: "";
    position: absolute;
    right: 60px;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0,0,0,.1);
}

.tab-pane .edm-hrLine:last-child:after {
    content: "";
    display: none;
}

.image-editor.user-profile {
    width: 100%;
    /* height: 300px; */
}

.employee-information {
    display: flex;
    align-items: self-start;
    gap: 30px;
}

.employeeDetails-information {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    gap: 30px;
}

.employee-cropit-image-input {
    position: absolute;
}

.employeeDetails-inner {
    width: 100%;
}

.employee-details-pic {
    width: 300px;
    float: left;
    overflow: hidden;
    margin-top: 2px;
    position: relative;
    border: 1px solid #8E8B8B;
    background-color: #E5E6E8;
}

    .employee-details-pic img {
        max-width: 100%;
        height: auto;
    }

.packages-settingsInnerAlt {
    height: 360px;
    overflow: auto;
}






/* Remote Monitoring */

.rmTop-main {
    width: 100%;
    position: relative;
}

.rmMain-data {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 30px;
    height: 520px;
    overflow: auto;
}

.rmName {
    width: 100%;
    position: relative;
}

    .rmName h1 {
        font-size: 24px;
        font-weight: bold;
    }

        .rmName h1 span {
            font-size: 14px;
            border-left: 1px solid #CCCCCC;
            padding-left: 10px;
            margin-left: 10px;
        }

        .rmName h1 a:not([href]):not([class]) {
            color: #007bff;
            text-decoration: none;
        }

.rm-details {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

    .rm-details p {
        font-size: 16px;
        color: #757575;
        margin: 0;
    }

        .rm-details p svg {
            height: 22px;
            fill: #757575;
        }

    .rm-details .rmDot {
        height: 10px;
        width: 10px;
        background: #cccccc;
        border-radius: 20px;
    }

.rmBesic-data {
    width: 100%;
    position: relative;
}

    .rmBesic-data a {
        display: flex;
        gap: 10px;
        font-size: 16px;
        color: #757575;
        margin: 14px 0;
    }

        .rmBesic-data a svg {
            height: 22px;
            width: 22px;
            fill: #757575;
        }

    .rmBesic-data p {
        display: flex;
        gap: 10px;
        font-size: 16px;
        color: #757575;
        margin: 14px 0;
    }

        .rmBesic-data p svg {
            width: 22px;
            height: 22px;
            fill: #757575;
        }

.rmBMI-sec {
    display: flex;
    justify-content: space-between;
    padding: 0;
    height: 200px;
    align-items: center;
}

.rmBMI-inner {
    width: 100%;
    position: relative;
    text-align: center;
    border-right: 1px solid #ddd;
}

.rmBMI-sec .rmBMI-inner:last-child {
    border: none;
}

.rmBMI-inner h6 {
    font-size: 20px;
    font-weight: 600;
}

    .rmBMI-inner h6 span {
        font-size: 12px;
        color: #757575;
    }

.rmBMI-inner h1 {
    font-size: 48px;
    font-weight: bold;
    color: #0b81fe;
}

.rmMain-title {
    width: 100%;
    position: relative;
}

    .rmMain-title h6 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 18px;
    }

.rmStatus-data {
    width: 100%;
    position: relative;
}

    .rmStatus-data h1 {
        font-size: 30px;
        font-weight: bold;
        color: #0b81fe;
        margin-bottom: 10px;
    }

    .rmStatus-data p {
        font-size: 14px;
        color: #757575;
    }

    .rmStatus-data h6 {
        font-size: 14px;
        color: #525252;
        font-weight: 600;
    }

    .rmStatus-data p {
        font-size: 14px;
        color: #757575;
        margin-bottom: 5px;
    }

.rmMain-data.rmPersonal-details {
    height: 285px;
}

.rmtab-main {
    width: 100%;
    position: relative;
}

.rmtab-nav {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 10px;
    border: 0;
    gap: 50px;
}

    .rmtab-nav.nav.nav-tabs a.active {
        background: none;
        color: #0b81fe;
        font-weight: bold;
        position: relative;
    }

    .rmtab-nav.nav.nav-tabs a {
        padding: 0;
        font-weight: bold;
        text-transform: uppercase;
        transition: .3s ease;
        color: #647C96;
    }


        .rmtab-nav.nav.nav-tabs a:after {
            content: "";
            position: absolute;
            top: 50%;
            right: -20px;
            transform: translate(0, -50%);
            height: 50%;
            width: 1px;
            background: #ddd;
        }




        .rmtab-nav.nav.nav-tabs a:last-child:after {
            display: none;
        }

        .rmtab-nav.nav.nav-tabs a.active:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 4px);
            width: 60%;
            height: 2px;
            background: #117ff4;
            border-radius: 1px;
            transition: .3s ease;
        }

.rmReading-tab {
    margin-top: 30px;
}

.rmReading-tabNav.nav.nav-tabs {
    border: 1px solid #0b81fe;
    width: fit-content;
    border-radius: 10px;
}

    .rmReading-tabNav.nav.nav-tabs a {
        padding: 4px 14px;
        border-radius: 8px;
        color: #0b81fe;
    }

        .rmReading-tabNav.nav.nav-tabs a.active {
            background: #0b81fe;
            color: #fff;
        }

.rmReading-tabContent.tab-content {
    margin-top: 20px;
}

.rmDate-filter {
    display: flex;
    gap: 20px;
    align-items: end;
}


.rmDate-filter-btn {
    margin-bottom: 15px;
}

.readingGrid-main {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

h1.readingGrid-mainTitle {
    font-size: 28px;
    font-weight: bold;
}

.readingGrid {
    width: 100%;
    position: relative;
}

.readingGrid-top {
}

.readingGrid-details {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.readingGrid-div {
    padding: 6px 16px;
    border-right: 1px solid #ccc;
    /*width: 16.60%;*/
}

    .readingGrid-div:last-child {
        border: 0;
    }

    .readingGrid-div:first-child {
        padding-left: 0;
    }

.readingGrid p {
    margin: 0;
}

.readingGrid-top .readingGrid-div p {
    color: #757575 !important;
}

.readingGrid-details .readingGrid-div p {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.readingGrid-div.heartrate {
    width: 100px;
}

.rmUser-DateTime, .rmPatient-DateTime, .rmReport-DateTime {
    width: 180px;
    text-align: right;
}

.readingGrid-div.rmReport-editBtn {
    width: 50px;
}

span.rmUser-DateTimeSpan {
    height: 10px;
    width: 10px;
    background: #7E28D5;
    margin-right: 4px;
}

span.rmPatient-DateTimeSpan {
    height: 10px;
    width: 10px;
    background: #28A0D5;
    margin-right: 4px;
}

span.rmReport-DateTimeSpan {
    height: 10px;
    width: 10px;
    margin-right: 4px;
    background: #D57328;
}


.tiggerAlert-main {
    width: 100%;
    position: relative;
    margin-top: 40px;
}

.tiggerAlert {
    width: 100%;
    position: relative;
    padding: 10px;
    border: 2px solid #0b81fe;
    border-radius: 10px;
    margin-bottom: 30px;
}

.tiggerAlert-title {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

    .tiggerAlert-title h1 {
        font-size: 20px;
        font-weight: bold;
        color: #0b81fe;
        margin: 0;
    }

.tiggerAlert-dropdown {
    width: fit-content;
    position: relative;
}

    .tiggerAlert-dropdown button svg {
        height: 20px;
        fill: #757575;
    }

    .tiggerAlert-dropdown .dropdown-menu {
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 10%);
        transform: none !important;
        top: 30px !important;
        right: 10px !important;
        left: auto !important;
        border: 1px solid #ccc;
        margin: 0;
        padding: 0;
    }

        .tiggerAlert-dropdown .dropdown-menu a {
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .tiggerAlert-dropdown .dropdown-menu a svg {
                height: 20px;
                fill: #757575;
            }

.triggerAlert-data {
    width: 100%;
    position: relative;
    margin: 12px 0;
}

    .triggerAlert-data h5 {
        background: #0b81fe;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        width: fit-content;
        font-size: 12px;
    }

    .triggerAlert-data h6 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }

    .triggerAlert-data p {
        margin: 0;
        font-size: 14px;
        color: #757575;
    }

    .triggerAlert-data svg {
        height: 16px;
    }

.rmMain-data.readingTable-main {
    height: 700px;
    overflow: auto;
}

.table-legend {
    display: flex;
    justify-content: right;
    gap: 30px;
}

.devices-left {
    width: 100%;
    display: flex;
    gap: 10px;
    ;
    flex-direction: column;
}

.devicesPersonal-info {
    display: flex;
    align-items: center;
    gap: 30px;
}

    .devicesPersonal-info h6 {
        font-size: 18px;
        font-weight: bold;
    }

.devices-info h6 {
    font-size: 14px;
    font-weight: 600;
    color: #757575;
}

.devices-btn {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.devicesMain {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 30px;
}

.devicesGrid-main {
    width: 100%;
    position: relative;
}

.devicesGrid {
    display: flex;
    justify-content: space-between;
}

.deviceGrid-div {
    position: relative;
    width: 120px;
}

    .deviceGrid-div:nth-child(-n+5) {
        width: 90px;
    }

    .deviceGrid-div:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        background: #ccc;
        top: 0;
        right: 20px;
    }

    .deviceGrid-div:last-child:after {
        display: none;
    }

    .deviceGrid-div p {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
    }

.devicesGrid-top p {
    color: #757575;
    font-weight: normal;
}

.deviceGrid-div.devicNormal p {
    color: #0DD17F;
}

.deviceGrid-div.devicLevel1 p {
    color: #0D7CD1;
}

.deviceGrid-div.devicLevel2 p {
    color: #8A0DD1;
}

.deviceGrid-div.devicLevel3 p {
    color: #D10DCA;
}

.deviceGrid-div.devicMaxValue p {
    color: #D72E2E;
}

.rmpAdd-sec {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px 10px;
    position: relative;
    padding-bottom: 30px;
}

.rmpAdd-inner {
    width: 100%;
    position: relative;
}

    .rmpAdd-inner h1 {
        font-size: 16px;
        font-weight: bold;
    }

.rmpAdd-btn {
    position: absolute;
    bottom: -18px;
    left: 50%;
    right: 50%;
}

.rmpMain {
    padding-bottom: 40px;
}

.tiggerAlert-alert svg {
    height: 20px;
    fill: #757575;
}

.tiggerAlert-btns {
    display: flex;
    gap: 10px;
}



.triggerAlert-updatedby {
    display: flex;
    align-items: unset;
    gap: 4px;
}

.rmpAdd-main {
    display: flex;
    gap: 80px;
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.rmpAdd-inner:after {
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 1px;
    height: 100%;
    background: #ccc;
}

.rmpAdd-inner:last-child:after {
    display: none;
}


.contactManagement-checkbox {
    width: 100%;
    display: flex;
    gap: 30px;
    margin-top: 24px;
}

.cpag-inner {
    height: 420px;
    overflow: auto;
}

.cpag-innermax {
    height: 500px;
    overflow: auto;
}

.cpag-innerAlt {
    overflow: auto;
    height: 250px;
}

.cpag-filter-title {
    width: 330px;
}

    .cpag-filter-title h1 {
        display: flex;
        justify-content: space-between;
    }

.whiteBG-checkbox {
    /*background: #fff;
    padding: 3px;
    margin-right: 5px;
    border-radius: 1px;*/
}

    .whiteBG-checkbox label {
        /*padding: 0;
        margin: 0;*/
    }

    .whiteBG-checkbox.fillable-checkbox input[type=checkbox] + label:before {
        font-weight: bold;
        border-color: #fff;
    }

    .whiteBG-checkbox.fillable-checkbox input[type=checkbox]:checked + label:before {
        background: #fff;
        color: #333;
    }

.fillable-checkbox.alt input[type=checkbox] + label:before {
    border-color: #fff;
}

.fillable-checkbox.alt label {
    color: #fff !important;
}

.fileModel-inp {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.doc-sec {
    display: flex;
}


/* ------------------------------------------------------ Provider Login CSS ------------------------------------------------------ */

.providerDropdown-menu {
    position: relative;
}

.providerDropdown-btn {
    /*background-color: #0DD17F !important;*/
    font-weight: 600;
    padding: 2px 28px 2px 5px;
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .providerDropdown-btn:after {
        font-family: "Font Awesome 6 Free";
        content: "\f054";
        font-weight: 600;
        position: absolute;
        right: 10px;
        font-size: 10px;
        transform: rotate(90deg);
    }

.dropdown-menu.providerDropdown-dropdown-menu.show {
    margin: 0;
    margin-top: 17px;
    /*width: 100%;*/
    width: 190px;
}

.providerDropdown-ul li a {
    width: 100%;
    padding: 8px 12px;
    font-size: 13px;
    color: #333;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 98%;
}

    .providerDropdown-ul li a:hover {
        background-color: #f2f2f2;
    }

.rpmPhonNumbers {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 14px 0;
}

    .rpmPhonNumbers svg {
        height: 22px;
        width: 22px;
        fill: #757575;
    }

    .rpmPhonNumbers a {
        margin: 0;
    }

.weekly-checkbox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.devices-infoFields h6 {
    color: #0b81fe;
    font-size: 32px;
}

.modal.modal-fullwidth.modal .modal-dialog {
    transform: translate(0,0px) !important;
}


.modal.modal-fullwidth.modal .modal-body {
    height: 350px;
    overflow: auto;
    position: relative;
    gap: 60px;
    grid-template-columns: auto auto auto auto auto auto auto;
}

.weekAvailability {
    width: 100%;
    display: flex;
    gap: 50px;
}

.weekAvailability-fields {
    width: inherit;
    position: relative;
    width: 12%;
}

    .weekAvailability-fields:after {
        content: "";
        position: absolute;
        top: 0;
        right: -30px;
        height: 100%;
        width: 1px;
        background: #e9e9e9;
    }

    .weekAvailability-fields:last-child:after {
        display: none;
    }


.detailInnerContainer.providerDetailFullHeight {
    height: 570px;
    overflow: auto;
}

.detailInnerContainer.providerDetailHalfTopHeight {
    overflow: auto;
    height: 195px;
}

.detailInnerContainer.providerDetailHalfBottomHeight {
    overflow: auto;
    height: 360px;
}
/*.detailInnerContainer.providerDetailDocLibrary {
    height: 570px;
    overflow: auto;
}*/

.fullHeight-settingsInner {
    overflow: auto;
    height: 420px;
}


.pdRight-settingsInner {
    overflow: auto;
    height: 560px;
}

.credential-settingsInner {
    overflow: auto;
    height: 200px;
}

.deviceData-main {
    width: 100%;
    position: relative;
    margin: 10px 0 30px 0;
}

    .deviceData-main h1 {
        font-size: 18px;
        font-weight: bold;
    }

.deviceData-inner {
    display: flex;
    align-items: baseline;
    gap: 30px;
    width: fit-content;
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
}

    .deviceData-inner p {
        font-size: 12px;
        color: #757575;
        margin: 0;
        display: flex;
        flex-direction: column;
        position: relative;
    }

        .deviceData-inner p span {
            font-size: 14px;
            font-weight: bold;
            color: #000;
        }

        .deviceData-inner p:after {
            content: "";
            position: absolute;
            top: 0;
            right: -13px;
            height: 100%;
            width: 1px;
            background: #ddd;
        }

        .deviceData-inner p:last-child:after {
            display: none;
        }



.components-main {
    margin: 16px;
}

.filter-title h1 span b {
    font-size: 22px;
    font-weight: 600;
}

#addAggravatingFactor {
    position: absolute;
    left: 0;
    top: -30px;
}



.plus-add-main {
    position: absolute;
    top: 29px;
    left: 0;
}

.plus-add-main-two {
    position: absolute;
    top: -30px;
    left: 0;
}

.mass-index-value {
}

.plus-add-textarea {
    position: absolute;
    top: 44px;
    left: 0;
}

.smokertype-main {
    display: grid;
    grid-template-columns: auto auto;
    gap: 12px 0px;
}

.smokertype-inner {
    display: flex;
    align-items: center;
    font-size: 14px;
}


.signer-canvas {
    position: relative !important;
    height: 150vh;
    max-width: 100%;
    background: no-repeat;
    background-size: 100% 100% !important;
    margin-bottom: 50px;
    background-color: #fff !important;
}

.dropped-image {
    position: absolute;
}

.save-table-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modalPdf-view {
    height: 100%;
    width: 100%;
}


.drilldown-report-main {
    background-color: #fff;
    box-shadow: 0.035px 2px 10px 0px rgba(175, 175, 175, 0.81);
    padding: 40px;
    border-radius: 10px;
    margin: 30px 0
}


.rmbesic-alt {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.report-period-inner {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 15px;
}

    .report-period-inner h4 {
        font-size: 17px;
        font-family: Poppins;
    }



.drilldown-topinner-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wellness-banner {
    width: 100%;
    position: relative;
}

    .wellness-banner img {
        max-width: 100%;
        height: auto;
    }


.menu-content {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

    .menu-content li {
        padding: 0px 10px;
    }

.menu-content-li-span {
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #d4d5d9;
    width: 100%;
    display: block;
    padding: 10px 0;
}


.wellness-cart {
    position: fixed;
    bottom: 50px;
    right: 14px;
    z-index: 1;
}

.productDetails-main {
    width: 100%;
    position: relative;
}

.productDetails-inner {
    position: relative;
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 0;
    background: #fff;
    border-radius: 10px;
    width: 75%;
    margin: auto;
}

.productDetails-img {
    width: 100%;
    position: sticky;
    top: 20px;
    /*border-radius: 10px;*/
    overflow: hidden;
}

    .productDetails-img img {
        width: 100%;
        height: auto;
        /*border-radius: 10px;*/
    }

    .productDetails-img .slick-slider {
        margin-bottom: 20px;
    }

    .productDetails-img .slick-prev {
        left: 5px !important;
    }

    .productDetails-img .slick-next {
        right: 15px !important;
    }

    .productDetails-img .slick-prev:before {
        color: #25313e !important;
        font-size: 30px !important;
        opacity: 1 !important;
    }

    .productDetails-img .slick-next:before {
        color: #25313e !important;
        font-size: 30px !important;
        opacity: 1 !important;
    }

.setupDash-reminderSlider .slick-track {
    margin-left: inherit !important;
    margin-right: inherit !important;
}

.productDetails-contentMain {
    width: 100%;
    position: relative;
}

    .productDetails-contentMain h1 {
        font-size: 22px;
        color: #25313E;
        font-weight: 600;
        width: 85%;
    }

.productDetails-imgThmb img {
    /*border-radius: 5px;*/
}

.productDetails-imgThmb .slick-track {
    display: flex;
    gap: 12px;
}

    .productDetails-imgThmb .slick-track:before, .productDetails-imgThmb .slick-track:after {
        display: none;
    }

.productDetails-price {
    width: 100%;
    display: flex;
    gap: 18px;
    align-items: center;
}

    .productDetails-price p {
        margin: 0;
        color: #999;
        font-size: 16px;
    }

    .productDetails-price span {
        text-decoration: line-through;
    }

    .productDetails-price p span.productOffer {
        margin: 0;
        color: #0dd17f;
        font-weight: 500;
        font-size: 18px;
        text-decoration: none;
    }

    .productDetails-price h5 {
        font-size: 28px;
        font-weight: 600;
        color: #25313E;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .productDetails-price h5 img {
            height: 38px;
        }

.productDetailsQty {
    justify-content: start;
    margin-bottom: 20px;
}

.productDescription {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

    .productDescription h5 {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.25;
        text-transform: uppercase;
        color: #25313e;
    }

        .productDescription h5:after {
            content: "";
            position: absolute;
            bottom: -5px;
            left: 0;
            height: 1px;
            width: 85px;
            background: #25313e;
        }

    .productDescription p {
        font-size: 14px;
        color: #757575;
    }



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


.chhangelog-main {
    position: relative;
    text-align: right;
}

#changelogSidebar {
    min-width: 0px;
    max-width: 0px;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    height: calc(100vh - 100px);
    overflow: hidden;
    float: right;
    position: fixed;
    top: 60px;
    right: 0;
    z-index: 111;
    border-left: 1px solid #dddddd;
}

    #changelogSidebar.active {
        min-width: 650px;
        max-width: 650px;
    }

.openCloseChangelog {
    cursor: pointer;
}

#changelogSidebar.active ul li ul.collapse .submenu-sub-li .sub-submenu-padding {
    padding-left: 15px !important;
}

.changelog-title-main {
    display: flex;
    justify-content: flex-end;
}

.changelog-title {
    /*width: fit-content;*/
    /*position: absolute;*/
    /*right: 20px;*/
    /*top: 20px;*/
    width: fit-content;
}

    .changelog-title h1 {
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #0B81FE;
        font-weight: 700;
        margin: 0;
        text-align: right;
        margin: 10px 0px;
        display: flex;
        justify-content: end;
        width: fit-content;
    }

.changelogInner-content {
    width: 100%;
    position: relative;
}

.changelogInner-contentText {
    width: 94%;
    position: relative;
    float: right;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #edf3fa;
    padding: 15px 30px 15px 15px;
    cursor: pointer;
    border: 1px solid #ffffff;
    transition: all 0.1s linear;
}

    .changelogInner-contentText:before {
        content: "";
        position: absolute;
        top: 0;
        left: -18px;
        height: 120%;
        width: 1px;
        background: #cedeff;
    }

    .changelogInner-contentText:after {
        content: "";
        position: absolute;
        top: 0px;
        left: -24px;
        height: 13px;
        width: 13px;
        background: #7aa6ff;
        border-radius: 10px;
    }

    .changelogInner-contentText h6 {
        font-size: 12px;
        color: #6287e9;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .changelogInner-contentText h1 {
        font-size: 16px;
        color: #414e72;
        font-weight: 600;
        margin: 0;
    }

    .changelogInner-contentText i {
        font-size: 16px;
        color: #7aa6ff;
        position: absolute;
        top: 49%;
        transform: translate(0%, -49%);
        right: 15px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.1s linear;
    }

    .changelogInner-contentText:hover {
        border: 1px solid #cddcff;
    }
        .changelogInner-contentText:hover i {
            visibility: visible;
            opacity: 1;
        }


.changelogSidebar-Maintitle {
    display: flex;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0px;
}

    .changelogSidebar-Maintitle h1 {
        font-size: 20px;
        color: #0B81FE;
        font-weight: 700;
        margin: 0;
    }

.changelog-inner {
    width: 100%;
    position: relative;
    padding: 16px;
    text-align: left;
    height: 90%;
    overflow: auto;
}
.changelogSidebar-Maintitle svg {
    height: 22px;
    fill: #0B81FE;
}
#changelogSidebar.active .changelog-inner {
    display: block;
}
#changelogSidebar .changelog-inner {
    display: none;
}


/*=======Changelog Detail=======*/

.changelog-detail-main {
    position: relative;
    text-align: right;
}

#changelogDetailSidebar {
    min-width: 0px;
    max-width: 0px;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    height: calc(100vh - 100px);
    overflow: hidden;
    float: right;
    position: fixed;
    top: 60px;
    right: 0;
    z-index: 111;
    border-left: 1px solid #dddddd;
}

    #changelogDetailSidebar.active {
        min-width: 650px;
        max-width: 650px;
        right: 0;
    }

.openCloseChangelogDetail {
    cursor: pointer;
}

#changelogDetailSidebar.active ul li ul.collapse .submenu-sub-li .sub-submenu-padding {
    padding-left: 15px !important;
}

.changelogInner-content {
    width: 100%;
    position: relative;
}

.changelogDetailSidebar-Maintitle {
    display: flex;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0px;
}

    .changelogDetailSidebar-Maintitle h1 {
        font-size: 20px;
        color: #0B81FE;
        font-weight: 700;
        margin: 0;
    }

    .changelogDetailSidebar-Maintitle svg {
        height: 22px;
        fill: #0B81FE;
    }
.closeChangelogDetail svg {
    transform: rotate(180deg);
    cursor: pointer;
}


.changelogDetail-inner {
    width: 100%;
    position: relative;
    padding: 0px 16px 25px 16px;
    text-align: left;
    height: 90%;
}

#changelogDetailSidebar.active .changelogDetail-inner {
    display: block;
}
#changelogDetailSidebar .changelogDetail-inner {
    display: none;
}

.changelogDetail-body-main {
    position: relative;
    border-radius: 8px;
    background-color: #f6faff;
    height: 100%;
    overflow: auto;
    color: #2c3e50;
    border: 1px solid #d0d7e8;
}

.changelogEmailTitle h1 {
    font-size: 20px;
    color: #0B81FE;
    font-weight: 700;
    margin: 0;
}



/*------------------------*/
.myTask-title {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
}

    .myTask-title h1 {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #0B81FE;
        font-weight: 700;
        margin: 0;
    }

    .myTask-title svg {
        width: 72px;
    }

.myTask-inner.completed {
    width: 100%;
    position: relative;
}


.dashboard-task {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    /* background: #fff; */
    /* padding: 18px; */
    /* border-radius: 10px; */
    margin-bottom: 24px;
    /* box-shadow: 0px 0px 6px #00000029;*/
}

.dTask-img {
    text-align: center;
}

    .dTask-img svg {
        height: 30px;
        fill: #878787;
    }

.dEvents-img.dTask-img svg {
    height: 20px;
    fill: #b2b2b2;
}

.dTask-img h6 {
    font-size: 10px;
    font-weight: 500;
    color: #878787;
    margin: 0;
    margin-top: 6px;
}

.dTask-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

    .dTask-content h1 {
        font-size: 14px;
        font-weight: 600;
        color: #000;
        margin: 0;
    }

.dTask-innerContent {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .dTask-innerContent h6 {
        font-size: 11px;
        font-weight: 600;
        color: #878787;
        margin: 0;
    }

.dTask-tag {
}

.upEvent-tag.dTask-tag p {
    border-color: #2181fe;
    color: #2181fe;
}

.dTask-tag p {
    background: #fff;
    border: 1px solid #C8CCD2;
    border-radius: 0px 16px 16px 16px;
    margin: 0;
    padding: 2px 10px;
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 10px;
    width: fit-content;
    float: right;
}

.dTasktagSpan {
    height: 10px;
    width: 10px;
    border-radius: 20px;
}

    .dTasktagSpan.completedSpan {
        background: #1AC531;
    }

    .dTasktagSpan.inReviewSpan {
        background: #1492E6;
    }

    .dTasktagSpan.inProgressSpan {
        background: #FECA00;
    }


.connectorApps-nav.nav.nav-tabs {
    display: flex;
    justify-content: center;
    gap: 0;
    border: 1px solid #25313e;
    width: fit-content;
    margin: auto;
    border-radius: 8px;
    overflow: hidden;
}

    .connectorApps-nav.nav.nav-tabs a {
        position: relative;
        padding: 6px 15px;
        background: #fff;
        color: #25313e;
        font-weight: 700;
    }

        .connectorApps-nav.nav.nav-tabs a.active {
            background: #25313e;
            color: #fff;
            font-weight: 700;
        }

.cAppsReview-inner {
    width: 100%;
    position: relative;
    display: flex;
    gap: 20px;
    align-items: self-start;
    border-bottom: 1px solid #cccccc;
    padding: 32px 0;
}

.cAppsReview-userImg a {
    width: 45px;
    height: 45px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.cAppsReview-userImg img {
    max-width: 100%;
}

.cAppsReview-comment ul {
    margin: 0;
}

.cAppsReview-comment {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cAppsReview-userName {
    width: 100%;
}


    .cAppsReview-userName a {
        font-size: 20px;
        font-weight: 600;
        color: #000;
    }


    .cAppsReview-userName h6 {
        font-size: 14px;
        color: #898989;
        font-weight: 500;
        margin: 0;
    }

.cAppsReview-rating {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.cAppRevie-star {
    display: flex;
    gap: 4px;
}

    .cAppRevie-star i {
        color: #f06506;
        font-size: 22px;
    }

.cAppsReview-rating a {
    font-size: 14px;
    color: #898989;
}

.cAppsReview-description {
    width: 100%;
    position: relative;
}

    .cAppsReview-description p {
        font-size: 16px;
        color: #666;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 0;
    }

.cAppsReview-main {
    position: relative;
    padding: 8px 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 0;
    background: #fff;
    border-radius: 10px;
    width: 100%;
}

.cAppsReview-inner:last-child {
    border: 0;
}

.dashboard-noData {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    color: #333;
}

.cAppFilter-main {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 4px 20px 10px 10px;
    /* border-radius: 10px; */
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    height: 100%;
    border-right: 1px solid rgb(41 41 41 / 10%);
}

.cAppFilter-inner {
    width: 100%;
    position: relative;
}

.cAppFilter-title {
    width: 100%;
    position: relative;
}

    .cAppFilter-title h1 {
        font-size: 20px;
        font-weight: 600;
        color: #000;
        margin-bottom: 0;
    }

    .cAppFilter-title h6 {
        font-size: 17px;
        font-weight: 600;
        color: #25313e;
        margin-bottom: 10px;
    }

.cAppFilter-price .fillable-checkbox label {
    font-size: 14px;
}

.cAppFilter-price .card-product-rating .fa-star {
    font-size: 14px;
    color: #f06506;
}

a.btn.btn-primary.apps-btn {
    height: fit-content;
}


.physician-radio {
    display: grid;
    grid-template-columns: auto auto auto;
    height: auto;
}




/* ---------------------------------------- Setup Dashboard CSS ---------------------------------------- */

.setUpDashboard-main {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.setUpDashboardtop-banner {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #DEEFFF;
    border-radius: 10px;
    padding: 20px;
    margin-top: 70px;
    height: 330px;
}

.dashboardBanner-content {
    position: relative;
}

    .dashboardBanner-content h6 {
        font-size: 44px;
        font-weight: 700;
        color: #25313E;
        margin: 0;
    }

    .dashboardBanner-content h1 {
        font-size: 58px;
        font-weight: 700;
        color: #1174CC;
        margin: 0;
    }

    .dashboardBanner-content p {
        font-size: 18px;
        font-weight: 500;
        color: #25313E;
        margin: 0;
    }

    .dashboardBanner-content img {
        height: 370px;
        transform: translate(0px, -35px);
    }




.setUpDashboardtop-reminders {
    width: 100%;
    position: relative;
    margin-top: 70px;
}

.setupDashboard-remindersMain {
    cursor: pointer;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    height: 150px;
}

.setupDashRemind-inner {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: space-between
}

    .setupDashRemind-inner.setupDash-remindTime {
        height: 100%;
        justify-content: flex-end;
    }

.setupDashRemind-leftText {
    margin-top: 20px;
    position: relative;
}

.setupDashRemind-inner img {
    height: 30px;
}

.setupDashRemind-inner h6 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #5B5B5B;
}

.setupDashRemind-inner h4 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.setupDashRemind-inner h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 22;
    display: flex;
    align-items: end;
}

    .setupDashRemind-inner h1:after {
        content: "";
        position: absolute;
        bottom: -41px;
        right: -30px;
        height: 115px;
        width: 115px;
        background: #000;
        border-radius: 100%;
        z-index: -3;
        display: block;
    }


.remTodayBg {
    background: #0FDF80;
}

.rem90DayBg {
    background: #2DB7FB;
}


.rem30DayBg {
    background: #FC8B64;
}


.rem7DayBg {
    background: #4788FF;
}


.rem1DayBg {
    background: #F85C8F;
}


.remExpiredBg {
    background: #F23737;
}



.setupDashboard-remindersMain.todayReminder {
    background: #DBFFEF;
    border: 1px solid #0FDF80;
}

    .setupDashboard-remindersMain.todayReminder .setupDashRemind-inner h4 {
        color: #0FDF80;
    }

    .setupDashboard-remindersMain.todayReminder .setupDashRemind-inner h1 {
        color: #DBFFEF;
    }

        .setupDashboard-remindersMain.todayReminder .setupDashRemind-inner h1:after {
            background: #0FDF80;
        }

/* --- */

.setupDashboard-remindersMain.day90Reminder {
    background: #DEEFFF;
    border: 1px solid #2DB7FB;
}

    .setupDashboard-remindersMain.day90Reminder .setupDashRemind-inner h4 {
        color: #2DB7FB;
    }

    .setupDashboard-remindersMain.day90Reminder .setupDashRemind-inner h1 {
        color: #DEEFFF;
    }

        .setupDashboard-remindersMain.day90Reminder .setupDashRemind-inner h1:after {
            background: #2DB7FB;
        }

/* --- */

.setupDashboard-remindersMain.day30Reminder {
    background: #FFEDE6;
    border: 1px solid #FC8B64;
}

    .setupDashboard-remindersMain.day30Reminder .setupDashRemind-inner h4 {
        color: #FC8B64;
    }

    .setupDashboard-remindersMain.day30Reminder .setupDashRemind-inner h1 {
        color: #FFEDE6;
    }

        .setupDashboard-remindersMain.day30Reminder .setupDashRemind-inner h1:after {
            background: #FC8B64;
        }

/* --- */

.setupDashboard-remindersMain.day7Reminder {
    background: #E5EEFF;
    border: 1px solid #4788FF;
}

    .setupDashboard-remindersMain.day7Reminder .setupDashRemind-inner h4 {
        color: #4788FF;
    }

    .setupDashboard-remindersMain.day7Reminder .setupDashRemind-inner h1 {
        color: #E5EEFF;
    }

        .setupDashboard-remindersMain.day7Reminder .setupDashRemind-inner h1:after {
            background: #4788FF;
        }

/* --- */

.setupDashboard-remindersMain.day1Reminder {
    background: #FFEFF4;
    border: 1px solid #F85C8F;
}

    .setupDashboard-remindersMain.day1Reminder .setupDashRemind-inner h4 {
        color: #F85C8F;
    }

    .setupDashboard-remindersMain.day1Reminder .setupDashRemind-inner h1 {
        color: #FFEFF4;
    }

        .setupDashboard-remindersMain.day1Reminder .setupDashRemind-inner h1:after {
            background: #F85C8F;
        }

/* --- */

.setupDashboard-remindersMain.expiredReminder {
    background: #FFF3F3;
    border: 1px solid #F23737;
}

    .setupDashboard-remindersMain.expiredReminder .setupDashRemind-inner h4 {
        color: #F23737;
    }

    .setupDashboard-remindersMain.expiredReminder .setupDashRemind-inner h1 {
        color: #FFF3F3;
    }

        .setupDashboard-remindersMain.expiredReminder .setupDashRemind-inner h1:after {
            background: #F23737;
        }

.setupDashRemind-inner h1 span {
    font-size: 24px;
}

.setupDashboard-taskMain {
    width: 100%;
    position: relative;
    margin-top: 6px;
    background: #EEEFF3;
    padding: 20px;
    height: 360px;
    border-radius: 10px;
    overflow: auto;
}

.setupDashboard-taskTitle {
    margin-top: 30px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

    .setupDashboard-taskTitle h1 {
        display: flex;
        flex-direction: column;
        font-size: 22px;
        font-weight: 700;
        color: #1492e6;
        gap: 4px;
    }

        .setupDashboard-taskTitle h1 svg {
            width: 120px;
        }

    .setupDashboard-taskTitle a {
        font-size: 14px;
        font-weight: 600;
    }

.setupDashboard-taskInner {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.setupDashboard-tasks {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 12px;
    border-radius: 12px;
}

    .setupDashboard-tasks h1 {
        font-size: 22px;
        font-weight: 600;
        color: #25313E;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .setupDashboard-tasks h6 {
        font-size: 16px;
        font-weight: 500;
        color: #707070;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .setupDashboard-tasks h6 a {
            color: inherit;
        }

.setupDashboard-tasks-bottom {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.sdtb-top {
    margin-top: 20px;
}

.setupDashboard-tasks-bottom span {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .setupDashboard-tasks-bottom span svg {
        height: 24px;
    }

.setupDashboard-tasks-bottom span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.setupDashboard-tasks-bottom a {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #707070;
    font-weight: 600;
}

.setupDashboard-tasks h6 svg {
    height: 20px;
    width: 20px;
    fill: #707070;
}

.setupDashboard-tasks a svg {
    height: 20px;
    fill: #707070;
}

.dashTask-tag p {
    border-radius: 0px 16px 16px 16px;
    margin: 0;
    padding: 2px 10px;
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 12px;
    width: fit-content;
    float: right;
}

.dashTask-tag.dashTask-tagLow p {
    color: #14E668;
    border: 1px solid #14E668;
}

.dashTask-tag.dashTask-tagMedium p {
    color: #E2B203;
    border: 1px solid #E2B203;
}

.dashTask-tag.dashTask-tagHigh p {
    color: #E61414;
    border: 1px solid #E61414;
}


.setupDash-reminderSlider {
    width: 100%;
    position: relative;
}

.setupDash-reminderSlider-inner {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #bfbfbf;
}

.setupDash-reminderSlider-title {
    width: 100%;
    position: relative;
    padding: 8px 16px;
    /*background: #0fdf80;*/
    border-radius: inherit;
}

    .setupDash-reminderSlider-title h1 {
        font-size: 22px;
        font-weight: 600;
        color: #fff;
        margin: 0;
    }

.setupDash-reminderSlider-content {
    width: 100%;
    position: relative;
    padding: 16px;
    height: 360px;
    overflow: auto;
}

.setupDash-reminderSlider-innerContent {
    width: 100%;
    position: relative;
    padding: 10px;
    border: 1px #cccccc solid;
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 10px;
}

.sdrc-top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .sdrc-top a {
        font-size: 20px;
        font-weight: 600;
        margin: 0;
    }

        .sdrc-top a img {
            height: 25px;
        }

.sdrc-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

    .sdrc-bottom h6 {
        font-size: 14px;
        margin-bottom: 4px;
        color: #5B5B5B;
        font-weight: 500;
    }

.setupDash-reminderSlider .slick-slide {
    display: block;
    margin-right: 20px;
}

.setupDash-reminderSlider .slick-list {
    margin-right: 10px;
}

.setupDash-reminderSlider button.slick-prev {
    display: none !important;
}

.setupDash-reminderSlider button.slick-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(10px, -50%);
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background: #0EDF80;
    border: 0;
    color: #fff;
}

    .setupDash-reminderSlider button.slick-next.pull-right i {
        font-size: 22px;
    }

.setupDashboard-quicklinksMain {
    width: 100%;
    position: relative;
    padding: 15px 0 60px 0;
    background: #EEEFF3;
    margin-top: 30px;
    border-radius: 10px;
}

.setupDashboard-quicklinksTitle {
    width: 100%;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

    .setupDashboard-quicklinksTitle h1 {
        display: flex;
        flex-direction: column;
        font-size: 22px;
        font-weight: 700;
        color: #1492e6;
        gap: 4px;
    }

    .setupDashboard-quicklinksTitle svg {
        width: 120px;
    }

.setupDashboard-quicklinksInner {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 20px 20px 50px 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.sdql-title {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

    .sdql-title h1 {
        font-size: 22px;
        font-weight: 600;
        color: #25313E;
    }

.sdql-tableHeader {
    width: 100%;
    position: relative;
    background: #EEEFF3;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

    .sdql-tableHeader h1 {
        font-size: 22px;
        font-weight: 600;
        color: #25313E;
        margin: 0;
    }

.sdql-tableHeader-fields {
    display: flex;
    gap: 10px;
    align-items: self-end;
    margin-top: 20px;
}

    .sdql-tableHeader-fields .sdql-tableHeaderBtn {
        margin-bottom: 16px;
    }

.sdql-tableHeaderBtn button {
    padding: 3px 12px !important;
}

    .sdql-tableHeaderBtn button svg {
        height: 17px !important;
    }

.sdql-formatSelection {
    display: flex;
    gap: 10px;
    justify-content: normal;
    margin-top: 30px;
}

    .sdql-formatSelection .plan {
        cursor: pointer;
        margin: 0;
    }

        .sdql-formatSelection .plan input[type="radio"] {
            position: absolute;
            opacity: 0;
        }

        .sdql-formatSelection .plan .plan-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100px;
            height: 90px;
            box-sizing: border-box;
            border: 2px solid #e1e2e7;
            border-radius: 10px;
            position: relative;
            gap: 4px;
            background: #fff;
        }

        .sdql-formatSelection .plan input[type="radio"]:checked + .plan-content {
            border: 2px solid #216ee0;
            transition: ease-in 0.3s
        }

.plan-content svg {
    height: 20px;
    fill: #1f445e;
}

.plan-content h1 {
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    color: #252f42;
}

.sdql-formatSelection .plan input[type="radio"]:checked + .plan-content:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: #216fe0;
    right: 10px;
    top: 10px;
    border-radius: 100%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
    box-shadow: 0px 0px 0px 2px #0066ff;
}

.setupDashboard-quicklinksTitle button svg {
    width: fit-content;
}

.setDashRight-main {
    position: relative;
    width: 100%;
}

    .setDashRight-main:after {
        content: "";
        width: 1px;
        background: #b0b0b0;
        height: 91%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

/* ---------------------------------------- End Setup Dashboard CSS ---------------------------------------- */

.openCloseChangelog svg {
    transform: rotate(180deg);
}



.users-check-notes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .users-check-notes p {
        margin-bottom: 0.5rem;
    }

.content-footer {
    display: block !important;
}

.cAppFilter-btns {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}



/*profile management*/
.profile-module-main {
    background-color: #ffffff;
    border: 1px solid #D2D2D2;
    padding: 20px 10px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.profile-module-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 4px;
    cursor: pointer;
}

    .profile-module-inner svg {
        width: 18px;
        height: 18px;
    }

    .profile-module-inner.active {
        background-color: #ECF4FF;
    }

        .profile-module-inner.active p {
            color: #4071E8;
            font-weight: 600;
        }

    .profile-module-inner:hover svg path {
        fill: #4071E8;
    }

    .profile-module-inner:hover p {
        color: #4071E8;
    }

    .profile-module-inner.active svg path {
        fill: #4071E8;
    }

    .profile-module-inner p {
        margin: 0;
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 600;
        color: #373737;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .profile-module-inner svg path {
        color: #373737;
    }

.search-module-search {
    background-color: #ffffff;
    padding: 14px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    overflow: hidden;
}

    .search-module-search input {
        border: 0;
        background-color: transparent;
        /*margin-left: 8px;*/
        font-size: 14px;
        width: 90%;
    }

        .search-module-search input:focus {
            outline: none;
        }

    .search-module-search button, .search-module-search i {
        border: none;
        background: none;
        cursor: pointer;
        display: flex;
        align-items: baseline;
    }

    .search-module-search select {
        border: none;
    }


.module-profile-main {
    display: none;
    background-color: #ffffff;
    padding: 20px 10px;
    margin: 20px 0 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
}

.module-profile-main-show {
    display: block !important;
}

.module-profile-main.active.active-profile {
    display: block;
}

.module-profile-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .module-profile-title h1 {
        font-size: 18px;
        color: #373737;
        font-weight: 600;
        margin-bottom: 0 !important;
    }

    .module-profile-title label {
        font-size: 14px !important;
        color: #373737 !important;
    }


.profileManagement-table thead {
    background: #ECF9FF;
}

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

.profileManagement-table thead tr th {
    border: none !important;
    color: #278FFF !important;
    padding: 16px 15px !important;
}

.permissiontabel tr {
    border-bottom: 1px solid #d2d2d2;
}

.permissiontabel td {
    padding: 14px 15px !important;
    border: none !important;
    font-size: 15px;
    vertical-align: middle;
}

.patient-products {
    /*background-color: #ffffff !important;*/
    height: 100vh;
    /*overflow: auto;*/
    width: 100%;
}

.breadcrumb-sec-plain {
    box-shadow: none !important;
}

.all-product-main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* flex-wrap: wrap;
    flex-direction: row;*/
    justify-content: flex-start;
    gap: 30px;
}

.one-product-main {
    transition: all 0.4s linear;
    /*width: 18%;*/
    height: max-content;
    /*margin: auto;*/
    position: relative;
    /*border: 1px solid #dee2e6; 
     padding: 10px;*/
    /*border-radius: 5px;*/
    overflow: hidden;
    transition: 0.2s all linear;
}

    .one-product-main:hover {
        transform: scale(1.1);
    }

.search-product-search {
    background-color: #ffffff;
    padding: 2px 0;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: flex;
    gap: 0;
    flex-wrap: nowrap;
    /*width: 30%;*/
}

    .search-product-search button, .search-product-search i {
        border: none;
        background: none;
        cursor: pointer;
        padding: 10px 12px;
    }

    .search-product-search input {
        border: 0;
        background-color: transparent;
        /*margin-left: 8px;*/
        font-size: 15px;
        /*width: 85%;*/
    }

        .search-product-search input:focus {
            outline: none;
        }

.product-sort-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-sort-inner {
    background-color: #ffffff;
    /*padding: 0px 10px 0 5px;*/
    border: 1px solid #d2d2d2;
    border-radius: 4px;
}

    .product-sort-inner select {
        width: 100%;
        padding: 8px 30px 8px 5px;
        font-size: 14px;
        font-weight: 500;
        border: none;
        /* border-radius: 5px; */
        color: #757575;
        transition: all 0.15s ease;
    }

        .product-sort-inner select option {
            font-size: 14px;
            background-color: #f0f8ff;
            color: #000000;
            font-weight: 400;
        }




.wellness-sidebar {
    height: 100%;
    position: relative;
    width: 100%;
    border-right: 1px solid #e9e9e9;
    padding: 20px 25px;
    /*background-color: #ffffff;*/
    position: sticky;
    top: 0;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;*/
}

.filter-main-title {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}

    .filter-main-title h6 {
        font-size: 18px;
        color: #000;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .filter-main-title p {
        font-size: 13px;
        color: #e66060;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: uppercase;
    }

.filter-category-main {
    margin: 15px 0;
    border-bottom: 1px solid #dedede;
    padding: 15px 0;
}

.filter-category-title {
    margin-bottom: 10px;
}

    .filter-category-title h6 {
        font-size: 15px;
        color: #2d2d2d;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: uppercase;
    }

.fillable-checkbox-filter {
    margin: 5px 0;
}



.range-filter-main {
    margin: 40px 0 20px 0;
}
/*
.ui-widget.ui-widget-content {
    border: 1px solid #f1f1f1;
    background: linear-gradient(#e8e8e8, white);
    height: 10px;
}
*/
.ui-slider-horizontal {
    height: 10px;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    height: 10px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -10px;
}
/*
.ui-state-default,
.ui-widget-content .ui-state-default {
    border: none !important;
    background: #006cb7 !important;
    font-weight: normal;
    color: #454545;
    height:20px !important;
    width: 20px !important;
}*/

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
    outline: 0;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #FFC107;
    color: #333333;
    font-weight: bold;
}

input#amount {
    position: absolute;
    top: -32px;
    left: calc(50% - 45px);
    width: 90px;
    text-align: center;
    border: 0;
    color: #f6931f;
    font-weight: normal;
    color: #fff;
    border-radius: 2px;
    padding: 3px;
    background-color: #25313e;
}

.filterRange {
    position: absolute;
    top: -32px;
    left: calc(50% - 45px);
    width: 90px;
    text-align: center;
    border: 0;
    color: #f6931f;
    font-weight: normal;
    color: #fff;
    border-radius: 2px;
    padding: 3px;
    background-color: #25313e;
}

/*input#copay {
    position: absolute;
    top: -32px;
    left: calc(50% - 45px);
    width: 90px;
    text-align: center;
    border: 0;
    color: #f6931f;
    font-weight: normal;
    color: #fff;
    border-radius: 2px;
    padding: 3px;
    background-color: #25313e;
}

input#grossMargin {
    position: absolute;
    top: -32px;
    left: calc(50% - 45px);
    width: 90px;
    text-align: center;
    border: 0;
    color: #f6931f;
    font-weight: normal;
    color: #fff;
    border-radius: 2px;
    padding: 3px;
    background-color: #25313e;
}*/

.triangle {
    position: absolute;
    top: -8px;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #25313e transparent transparent transparent;
}


.patient-detail-top {
    display: flex;
    justify-content: end;
    gap: 15px;
    align-items: center;
    margin: 10px 0;
}

.allModuleSelect-main {
    width: 100%;
    /* display: none; */
    background-color: #ffffff;
    padding: 10px;
    margin: 15px 0 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
}

.allModuleSelect-fillable-checkbox {
    margin: 0;
}

    .allModuleSelect-fillable-checkbox label {
        font-size: 13px;
        font-weight: 600;
        color: #333 !important;
    }


.detailsbutton-main {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .detailsbutton-main .AddToCartBtn {
        background-color: #f9a232;
        border: 1px solid #f9a232;
        border-radius: 0;
        padding: 10px 35px;
        margin: 4px 0;
    }

        .detailsbutton-main .AddToCartBtn i {
            font-size: 16px;
            margin: 0 4px;
        }

    .detailsbutton-main .GetNowBtn {
        background-color: #0DD17F;
        border: 1px solid #0DD17F;
        border-radius: 0;
        padding: 10px 35px;
        margin: 4px 0;
    }

        .detailsbutton-main .GetNowBtn i {
            font-size: 16px;
            margin: 0 4px;
        }



.buttonLegendTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.GridlegendTop {
    display: flex;
    gap: 20px;
    align-items: center;
}


.DrugTopMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.DrugLeftTitle {
    /*margin-top: 30px;*/
    width: 100%;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

    .DrugLeftTitle h1 {
        display: flex;
        flex-direction: column;
        font-size: 22px;
        font-weight: 700;
        color: #25313E;
        gap: 4px;
    }

        .DrugLeftTitle h1 svg {
            width: 120px;
        }

.DrugRightSelect {
    width: 60%;
}

.Drugstar2RightSelect {
    width: 40%;
}

.DrugRightSelect .model-inp {
    margin-bottom: 0;
}

.DrugRightSelect input[type="text"] {
    background-color: #ffffff;
}

.DrugFilterTopMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.DrugFilterIcon {
    background-color: #D9F4FF;
    border-radius: 4px;
    padding: 8px 14px;
}

    .DrugFilterIcon i {
        font-size: 18px;
        color: #0B81FE;
    }

.DrugRightFilter {
    display: flex;
    align-items: center;
    gap: 20px;
}

.Drugstar2RightFilter {
    margin-top: 25px;
}


.DrugRightDrugName {
    width: 800px;
}

.Drugstar2RightDrugName {
    width: 500px;
}

.DrugRightDrugName .model-inp {
    margin-bottom: 0;
}

    .DrugRightDrugName .model-inp input {
        font-size: 13px;
        border-radius: 4px;
    }

.DrugRightCategory .model-inp {
    margin-bottom: 0;
}

.SearchMainButton {
    display: flex;
    align-items: center;
    gap: 10px;
}

.filterTopSearch {
    background-color: #1db0b4;
    border-color: #1db0b4;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 13px;
}

    .filterTopSearch:hover {
        background-color: #26c3c8;
        border-color: #26c3c8;
        color: #ffffff;
    }

    .filterTopSearch i {
        font-size: 17px !important;
    }

.filterTopClear {
    background-color: #1db0b4;
    border-color: #1db0b4;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 13px;
}

    .filterTopClear i {
        font-size: 17px !important;
    }


.selectMultiple {
    width: 600px;
    position: relative;
}

    .selectMultiple select {
        display: none;
    }

    .selectMultiple > div {
        position: relative;
        z-index: 2;
        padding: 8px 12px 2px 12px;
        border-radius: 4px;
        background: #fff;
        font-size: 14px;
        min-height: 38px;
        /*box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);*/
        border: 1px solid #cccccc;
        transition: box-shadow 0.3s ease;
    }

        .selectMultiple > div:hover {
            /*box-shadow: 0 4px 24px -1px rgba(22, 42, 90, 0.16);*/
        }

        .selectMultiple > div .arrow {
            right: 1px;
            top: 0;
            bottom: 0;
            cursor: pointer;
            width: 28px;
            position: absolute;
        }

            .selectMultiple > div .arrow:before, .selectMultiple > div .arrow:after {
                content: "";
                position: absolute;
                display: block;
                width: 2px;
                height: 8px;
                border-bottom: 8px solid #99a3ba;
                top: 40%;
                transition: all 0.3s ease;
            }

            .selectMultiple > div .arrow:before {
                right: 12px;
                transform: rotate(-130deg);
            }

            .selectMultiple > div .arrow:after {
                left: 9px;
                transform: rotate(130deg);
            }

        .selectMultiple > div span {
            color: #99a3ba;
            display: block;
            position: absolute;
            left: 12px;
            cursor: pointer;
            top: 4px;
            line-height: 29px;
            transition: all 0.3s ease;
            width: 90%;
        }

            .selectMultiple > div span.hide {
                opacity: 0;
                visibility: hidden;
                transform: translate(-4px, 0);
            }

        .selectMultiple > div a {
            position: relative;
            padding: 0 24px 6px 8px;
            line-height: 28px;
            color: #1e2330;
            display: inline-block;
            vertical-align: top;
            margin: 0 6px 0 0;
        }

            .selectMultiple > div a em {
                font-style: normal;
                display: block;
                white-space: nowrap;
            }

            .selectMultiple > div a:before {
                content: "";
                left: 0;
                top: 0;
                bottom: 6px;
                width: 100%;
                position: absolute;
                display: block;
                background: rgba(228, 236, 250, 0.7);
                z-index: -1;
                border-radius: 4px;
            }

            .selectMultiple > div a i {
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0;
                width: 24px;
                height: 28px;
                display: block;
            }

                .selectMultiple > div a i:before, .selectMultiple > div a i:after {
                    content: "";
                    display: block;
                    width: 2px;
                    height: 10px;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    background: #4d18ff;
                    border-radius: 1px;
                }

                .selectMultiple > div a i:before {
                    transform: translate(-50%, -50%) rotate(45deg);
                }

                .selectMultiple > div a i:after {
                    transform: translate(-50%, -50%) rotate(-45deg);
                }

            .selectMultiple > div a.notShown {
                opacity: 0;
                transition: opacity 0.3s ease;
            }

                .selectMultiple > div a.notShown:before {
                    width: 28px;
                    transition: width 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.2s;
                }

                .selectMultiple > div a.notShown i {
                    opacity: 0;
                    transition: all 0.3s ease 0.3s;
                }

                .selectMultiple > div a.notShown em {
                    opacity: 0;
                    transform: translate(-6px, 0);
                    transition: all 0.4s ease 0.3s;
                }

                .selectMultiple > div a.notShown.shown {
                    opacity: 1;
                }

                    .selectMultiple > div a.notShown.shown:before {
                        width: 100%;
                    }

                    .selectMultiple > div a.notShown.shown i {
                        opacity: 1;
                    }

                    .selectMultiple > div a.notShown.shown em {
                        opacity: 1;
                        transform: translate(0, 0);
                    }

            .selectMultiple > div a.remove:before {
                width: 28px;
                transition: width 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s;
            }

            .selectMultiple > div a.remove i {
                opacity: 0;
                transition: all 0.3s ease 0s;
            }

            .selectMultiple > div a.remove em {
                opacity: 0;
                transform: translate(-12px, 0);
                transition: all 0.4s ease 0s;
            }

            .selectMultiple > div a.remove.disappear {
                opacity: 0;
                transition: opacity 0.5s ease 0s;
            }

    .selectMultiple > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 16px;
        z-index: 1;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        border-radius: 8px;
        transform: translate(0, 20px) scale(0.8);
        transform-origin: 0 0;
        filter: drop-shadow(0 12px 20px rgba(22, 42, 90, 0.08));
        transition: all 0.4s ease, transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), filter 0.3s ease 0.2s;
    }

        .selectMultiple > ul li {
            color: #1e2330;
            background: #fff;
            padding: 12px 16px;
            cursor: pointer;
            overflow: hidden;
            position: relative;
            transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease 0.3s, opacity 0.5s ease 0.3s, border-radius 0.3s ease 0.3s;
        }

            .selectMultiple > ul li:first-child {
                border-radius: 8px 8px 0 0;
            }

                .selectMultiple > ul li:first-child:last-child {
                    border-radius: 8px;
                }

            .selectMultiple > ul li:last-child {
                border-radius: 0 0 8px 8px;
            }

                .selectMultiple > ul li:last-child:first-child {
                    border-radius: 8px;
                }

            .selectMultiple > ul li:hover {
                background: #25313e;
                color: #fff;
            }

            .selectMultiple > ul li:after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 6px;
                height: 6px;
                background: rgba(0, 0, 0, 0.4);
                opacity: 0;
                border-radius: 100%;
                transform: scale(1, 1) translate(-50%, -50%);
                transform-origin: 50% 50%;
            }

            /*.selectMultiple > ul li.beforeRemove {
                border-radius: 0 0 8px 8px;
            }*/

            .selectMultiple > ul li.beforeRemove:first-child {
                border-radius: 8px;
            }

            /*.selectMultiple > ul li.afterRemove {
                border-radius: 8px 8px 0 0;
            }*/

            .selectMultiple > ul li.afterRemove:last-child {
                border-radius: 8px 8px 0 0;
            }

            .selectMultiple > ul li.remove {
                transform: scale(0);
                opacity: 0;
            }

                .selectMultiple > ul li.remove:after {
                    -webkit-animation: ripple 0.4s ease-out;
                    animation: ripple 0.4s ease-out;
                }

            .selectMultiple > ul li.notShown {
                display: none;
                transform: scale(0);
                opacity: 0;
                transition: transform 0.35s ease, opacity 0.4s ease;
            }

                .selectMultiple > ul li.notShown.show {
                    transform: scale(1);
                    opacity: 1;
                }

    .selectMultiple.open > div {
        /*box-shadow: 0 4px 20px -1px rgba(22, 42, 90, 0.12);*/
    }

        .selectMultiple.open > div .arrow:before {
            transform: rotate(-50deg);
        }

        .selectMultiple.open > div .arrow:after {
            transform: rotate(50deg);
        }

    .selectMultiple.open > ul {
        transform: translate(0, 12px) scale(1);
        opacity: 1;
        visibility: visible;
        filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16));
    }


.settingsBordered {
    border: 1px solid #e0e0e0;
    box-shadow: none;
    margin-top: 25px;
}

.LegendDrugMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}

.MovingListMain {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ListDisplayMain {
    width: 47%;
    max-width: 47%;
}

.ListDisplayTop {
    background-color: #F8F8F8;
    border: 1px solid #D2D2D2;
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
}

.ListDisplayTitle h1 {
    color: #1492e6;
}

.ListDisplaySearch {
    margin-top: 15px;
}

    .ListDisplaySearch .model-inp input {
        border-radius: 4px;
        font-size: 13px;
        padding: 9px 12px;
    }

.ListDisplayTable {
    border: 1px solid #D2D2D2;
    margin-top: 0px;
    border-radius: 0 0 10px 10px;
    border-top: 0;
}

    .ListDisplayTable table tr {
        border: 1px solid #e0e0e0;
        border-top: 0;
    }

        .ListDisplayTable table tr td {
            border-top: 0;
        }

.MovingButton {
    width: 6%;
    max-width: 6%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0px;
}



.FilterRPMTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .FilterRPMTop .form-radio label {
        color: #081e32 !important;
        font-weight: 700;
        font-size: 14px;
    }


.LegendDrugInner {
    display: flex;
    align-items: center;
    gap: 6px;
}


.myPatientRPMReportTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rpmNotesDescMain {
    display: flex;
    gap: 10px;
}

.rpmNotesDesc p {
    margin-bottom: 0;
}

/*
.gridEndButtonsMain {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}*/

/*
.contextDots svg {
    pointer-events: none;
    height: 20px;
    width: 20px;
    color: #000;
}

.contextDots {
    cursor: pointer;
}

.contextContentMain {
    display: none;
    position: absolute;
    padding: 10px;
    top: 30px;
    right: 0px;
    border-radius: 4px;
    margin-top: 0px;
    background-color: #ffffff;
    min-width: 160px;
    overflow: auto;
    z-index: 1;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

    .contextContentMain a {
        color: #212529 !important;
        padding: 3px 2px;
        text-decoration: none;
        display: block;
        font-size: 13px;
    }

    .contextContentMain.show {
        display: block;
    }

.contextContentInner {
    display: grid;
    gap: 5px;
}

.contextDotsContent {
    position: relative;
}

.ContextBtns {
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
}

    .ContextBtns:hover {
        background-color: #f2f2f2;
    }

*/

.dropdown-menu.contextContentMain {
    width: 190px;
    /*top: 30px !important;
    transform: none !important;
    right: 0px !important;
    left: auto !important;*/
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 1px solid #d9d9d9;
    animation-duration: 0.1s;
    left: -25px !important;
}

.contextContentInner {
    display: flex;
    flex-direction: column;
}

    .contextContentInner a {
        display: flex;
        gap: 10px;
        padding: 5px 10px;
        margin: 2px 4px;
        border-radius: 4px;
        color: #212529 !important;
        padding: 6px 10px;
        text-decoration: none !important;
        display: block;
        font-size: 14px;
        transition: all 0.3s linear;
    }

        .contextContentInner a:hover {
            background-color: #efefef !important;
        }

.contextDots {
    position: relative;
}

.dropdown .contextDots:hover {
    background-color: transparent !important;
}

.contextContentInner a span {
    font-weight: 500;
}

.gridEndButtonsMain {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

@keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

@keyframes wobble {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%,from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    11.1%,from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceOut, .flipOutX {
    -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}



.overlayContext {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #555;
    opacity: 0;
    z-index: 50;
}
.workflowOverlayContext.overlayContext {
    z-index: 44;
}

.ellipseTextTable {
    width: 300px;
}

    .ellipseTextTable p {
        margin: 0;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.fixedHeightHalf {
    height: 47% !important;
    margin-bottom: 24px;
}



.PALegends {
    width: auto;
}

.searchUserResult-li {
    border: 1px solid #d3d3d3;
    border-radius: 0 0 10px 10px;
    padding: 10px 10px 0px 10px;
    height: 255PX;
    overflow: auto;
}

    .searchUserResult-li .radio-main {
        height: fit-content;
    }


.gridRecordContextTd {
    display: flex;
    justify-content: end;
    align-items: center;
}

.gridRecordContextMain {
    /*position: relative;*/
    /*width: 35%;*/
}

.gridRecordContext {
    /*transform: translate(-175px, 30px) !important;*/
    width: 200px !important;
    border-radius: 4px !important;
    position: absolute;
    left: -30px !important;
}

    .gridRecordContext ul li a {
        /*border-radius: 4px !important;*/
        display: flex;
        gap: 10px;
        /*padding: 5px 10px;*/
        /*margin: 2px 4px;*/
        /*border-radius: 4px;*/
        color: #212529 !important;
        padding: 10px 14px;
        text-decoration: none !important;
        display: block;
        font-size: 14px;
        transition: all 0.3s linear;
    }

        .gridRecordContext ul li a:hover {
            background: #f1f1f1;
        }

        .gridRecordContext ul li a span {
            font-weight: 500;
            font-size: 13px;
        }

.gridRecordContextInner {
    display: flex;
    gap: 8px;
    align-items: center;
}

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


.employeeNumberLeftMain {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    height: 100%;
}

    .employeeNumberLeftMain:after {
        content: '';
        width: 1px;
        height: 100%;
        color: black;
        background: #dbdbdb;
        position: absolute;
        top: 0;
        right: -25px;
    }

.sepratorTextInner {
    margin-top: 30px;
}

    .sepratorTextInner p {
        margin-bottom: 0;
    }

.employeeNumberNotes {
    margin-left: 20px;
}

    .employeeNumberNotes h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .employeeNumberNotes ul {
        padding-left: 20px;
    }

        .employeeNumberNotes ul li {
            font-size: 14px;
            margin: 6px 0;
            font-weight: 400;
            list-style: disc !important;
        }

            .employeeNumberNotes ul li::marker {
                color: #000000;
            }

.modelInpAlt {
    margin-top: 8px;
}

.category-top-upload {
    text-align: center;
}

input.category-image-input {
    visibility: hidden;
}

.category-preview {
    background-color: #F8F8F8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-top: 7px;
    width: 150px !important;
    margin: 0 auto;
    height: 150px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .category-preview img {
        /*max-width: 100%;
        height: 100%;
        transform-origin: center center !important;*/
        /*scale: 3.5;*/
    }

.cropitImgMain {
    max-width: 100%;
    height: 100%;
}



.searchlist-group {
    position: absolute;
    width: 100%;
    top: 66px;
    z-index: 11;
    height: 150px;
    overflow: auto;
}

    .searchlist-group .list-group-item {
        border: 1px solid #cccccc;
    }

    .searchlist-group a.list-group-item {
        padding: 8px 12px;
        display: flex;
        gap: 12px;
        align-items: start;
        width: 100%;
        font-size: 12px;
    }

.list-group-item-icon {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    background: #c5c5c5;
}

    .list-group-item-icon svg {
        height: 14px;
        fill: #333;
    }

.list-group-item-user h6 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
}

.list-group-item-user p {
    font-size: 10px;
    margin: 0;
}

.workspaceDropdown-btn {
    top: -20px;
    right: -25px;
    position: relative;
}



.workspaceDropdown-main {
    width: fit-content;
    position: relative;
    float: right;
    z-index: 11;
}

.workspaceDropdown-content {
    top: 14px !important;
    left: auto !important;
    right: -25px !important;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 5%);
    width: fit-content;
    transform: none !important;
    border: 1px solid #e7e7e7 !important;
    width: 100%;
}

.workspaceDropdown-a {
    color: black;
    padding: 6px !important;
    text-decoration: none;
    display: flex;
    gap: 10px;
    color: #25313e;
}

.workspaceDropdown-content ul {
    margin: 0;
}

.workspace-avtar {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

    .workspace-avtar:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #e7e7e7;
    }

.workspace-avtarImg {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #c3c3c3;
    font-size: 26px;
    color: #fff;
    position: relative;
    z-index: 1;
}


.addBasicInfoMain {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.addBasicInfoImage {
    width: 60%;
}

.addBasicInfoFields {
    width: 100%;
    padding-top: 30px;
}





.cartBottomBtns {
    margin-top: 25px;
    text-align: right;
    border-top: 1px solid #dee2e6;
    padding: 20px 0 0 0;
}

.placeOrderBtn {
    background-color: #fb9843 !important;
    border-radius: 0px;
    border: 1px solid #fb9843 !important;
    padding: 8px 25px;
}

.cartInnerAlt {
    padding: 30px 30px 20px 30px !important;
}


.orderDetailbottom {
    padding: 10px 10px;
    /*border-top: 1px solid rgba(0,0,0,.1);*/
}

.orderDetailimg {
    width: 12%;
    text-align: left;
}

    .orderDetailimg img {
        width: 100%;
        height: 150px;
        /*border: 1px solid #d9d9d9;*/
        border-radius: 10px;
    }

.cart-right-price .orderDetailSecRight {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}

.descriptionFixedwidth {
    width: 85%;
}


.btn-floating {
    display: inline-block;
    color: #fff;
    position: absolute;
    overflow: hidden;
    right: 3%;
    bottom: 10%;
    z-index: 999;
    width: 65px;
    height: 65px;
    line-height: 37px;
    padding: 0;
    background-color: #25313e;
    border-radius: 50%;
    transition: 0.3s;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

    .btn-floating i {
        width: inherit;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.7rem;
        line-height: 68px;
    }

    .btn-floating span.cart-counter {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        font-size: 12px;
        border-radius: 50%;
        background: #d60b28;
        width: 20px;
        height: 20px;
        line-height: 20px;
        display: block;
        text-align: center;
        color: white;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
    }

    .btn-floating:hover {
        background-color: #26a69a;
    }


    .btn-floating:before {
        border-radius: 0;
    }

    .btn-floating.btn-large {
        width: 55.5px;
        height: 55.5px;
    }

        .btn-floating.btn-large i {
            line-height: 55.5px;
        }

button.btn-floating {
    border: none;
}


.flotingAnimate {
    animation-name: flotingCart;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes flotingCart {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}




/* ----------------------------------------------------------   Invoice Css*/

.invoiceMain {
    width: 100%;
    position: relative;
}

.invoiceTitle {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

    .invoiceTitle h1 {
        font-size: 24px;
        font-weight: 600;
    }

    .invoiceTitle img {
        width: auto;
        height: 40px;
    }

.invoiceDetails {
    width: 100%;
    position: relative;
    padding: 10px 0;
}

    .invoiceDetails h6 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 12px;
    }

        .invoiceDetails h6 span {
            font-size: 16px;
            font-weight: 700;
        }

.invoiceTable {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

    .invoiceTable thead {
        width: 100%;
        border-bottom: 1px solid #7e7e7e;
        border-top: 1px solid #7e7e7e;
        background: #ddd;
    }

        .invoiceTable thead tr {
            border: 0;
        }

    .invoiceTable tbody {
        width: 100%;
        position: relative;
    }

    .invoiceTable tr {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .invoiceTable th {
        padding: 10px;
        font-size: 16px;
    }

    .invoiceTable td {
        font-size: 16px;
        padding: 10px;
    }

.ivTotal td {
    font-size: 20px;
    font-weight: 700;
}

.ivProductImg img {
    height: 35px;
    padding-right: 6px;
}




.pointsHistoryTitle h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}

.pointsHistoryInner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px 10px;
}


.pointsHistoryContent h4 {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 600;
}

.pointsHistoryContent p {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #b3b3b3;
}

.pointsHistoryPoint {
    display: flex;
    align-items: center;
    gap: 3px;
}

    .pointsHistoryPoint h6 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .pointsHistoryPoint .pointsCredit {
        color: #1ab373;
    }

    .pointsHistoryPoint .pointsDebit {
        color: #c73d35;
    }

    .pointsHistoryPoint img {
        width: 26px;
        height: 26px;
    }


.desc-sub a {
    color: #212529 !important;
}


.umGridFiveContent {
    grid-template-columns: repeat(6, 1fr) !important;
}

.basic-info-fields-Line {
    flex-direction: row !important;
    gap: 6px;
    align-items: center;
}

    .basic-info-fields-Line h6 {
        font-size: 15px;
    }

.dragColumnAlt ul {
    padding: 0 15px;
}


.modalLaptopCenter {
    transform: translate(0, 0) !important;
}

.newsidebar .draghere {
    position: relative !important;
}

.tableIconsFlex {
    display: flex;
    gap: 2px;
    align-items: center;
}

.tableRoundIconsFlex {
    display: flex;
    gap: 5px;
}

.tableContentFlex {
    display: flex;
    gap: 6px;
    align-items: center;
}

.contentDevider {
    color: #b0b0b0;
}

.tableEllipseSpan {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 98%;
}

.basicFieldsEllipse {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 95%;
}

span.tableTwoLineEllipseSpan {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    width: 95%;
}

.soft-ui-table thead tr th a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    width: 100%;
}

.soft-ui-table thead tr th span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    width: 100%;
}


span.tableThreeLineEllipseSpan {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    width: 96%;
}

.deleteDisabled {
    opacity: .4;
    pointer-events: none;
    filter: grayscale(1);
}


.businessGroupTitle {
    text-align: center;
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #25313e;
}

.settingsBusinessGroup {
    padding-top: 30px !important;
}


.payorDetailsFieldsBetween {
    justify-content: space-between;
}

    .payorDetailsFieldsBetween p {
        width: auto !important;
    }


.gridLegendNotes {
    display: flex;
    gap: 30px;
    align-items: center;
}

.gridNotes span {
    font-size: 12px;
    color: #f54949 !important;
    font-weight: 600;
}

.noPointerCursor {
    cursor: none;
    pointer-events: none;
}

.providerPartner-dashMain .dashboardBanner-content h6 {
    font-size: 22px;
    margin-top: 20px;
}

.providerPartner-dashMain .dashboardBanner-content h1 {
    line-height: 58px;
}

.providerPartner-dashMain .dashboardBanner-content p {
    color: #717171;
}

.form-radio.disabled {
    pointer-events: none;
    opacity: 0.6;
}


.model-inp.disabled {
    pointer-events: none;
    opacity: 0.6;
}


.fillable-checkbox.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.deleteExecutiveMain {
    height: 50%;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}


/*--------------------------------CK Editor------------------------------*/
.ck > .ck-editor__editable {
    height: 300px;
}

.ck-source-editing-area {
    height: 300px;
}

    .ck-source-editing-area textarea {
        height: 100% !important;
        overflow: auto !important;
    }

.ck-editor__editable {
    padding: 0 20px 0 30px !important;
}

    .ck-editor__editable ul li {
        list-style-type: inherit !important;
    }

    .ck-editor__editable ol li {
        list-style-type: inherit !important;
    }

    .ck-editor__editable u {
        text-decoration: underline !important;
    }

    .ck-editor__editable s {
        text-decoration: line-through !important;
    }

    .ck-editor__editable h2 {
        display: block !important;
    }




.AppsSettings-li {
    position: relative;
}

.appSettingDrop {
    top: 46px !important;
    left: 50% !important;
    right: 50% !important;
    transform: translate(-10%, 0px);
    width: 290px !important;
    max-height: 500px;
    overflow: auto;
}

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



.ck-editor__editable .ck-list-bogus-paragraph {
    display: inline !important;
}

.ck-content .text-tiny {
    font-size: .7em !important;
}

.ck-content .text-small {
    font-size: .85em !important;
}

.ck-content .text-big {
    font-size: 1.4em !important;
}

.ck-content .text-huge {
    font-size: 1.8em !important;
}

.ckEditor-modal .modal-dialog {
    width: 60% !important;
}

.txteditor {
    position: relative;
    width: 100%;
}


#sidebar ul.components li:nth-child(1) {
    position: sticky;
    top: 0;
    z-index: 999;
}
#sidebar ul.sidebar-submenu li:nth-child(1) {
    position: relative;
    z-index: auto;
}


.businessCard-image {
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.module-title {
    font-weight: bold;
    background-color: #25313e0f;
    font-size: 14px !important;
    padding: 10px 10px !important;
    color: #25313e !important;
    border: none;
    border-left: 2px solid #25313e;
}

.jobsettings-modules-main {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: flex-start;
    padding: 0 15px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.jobsettings-modules-inner {
    margin: 20px 0 10px 0;
}

.jobsettings-modules-alias {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

    .jobsettings-modules-alias p {
        font-size: 14px;
        font-weight: 600;
        margin: 10px 0;
        color: #8b8b8b;
    }

.module-list-img {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    padding: 14px;
    border-radius: 14px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .module-list-img img {
        height: 40px;
        width: 40px;
    }

    .module-list-img svg {
        height: 40px;
        width: 40px;
    }

.jobsettings-modules-inner .invisible-checkboxes:checked + label .module-list-img {
    border: 2px solid #b3b3b3;
    filter: brightness(0.9);
    background: #ffffff;
}



.workflowLegend {
    display: inline-block;
}

    .workflowLegend .totalCountLegend {
        background: #FF9F54;
        padding: 5px;
    }

    .workflowLegend .todayCountLegend {
        background: #dd6eff;
        padding: 5px;
    }

    .workflowLegend label {
        margin: 0;
    }

    .workflowLegend .totalCountlabel {
        color: #FF9F54 !important;
        font-weight: 600;
    }

    .workflowLegend .todayCountlabel {
        color: #dd6eff !important;
        font-weight: 600;
    }

.queue-header {
    border: 1px solid #A8D1FF;
    padding: 8px 14px;
}

    .queue-header span {
        color: #4476FF;
        font-size: 16px;
        font-weight: 700;
        /*font-family: 'Popins-Medium';*/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.queue-innerTop {
    border: 1px solid #A8D1FF;
    overflow-x: auto;
    border-top: none;
    /*position: relative;*/
    padding: 0 25px;
    height: 64px;
}

    .queue-innerTop::-webkit-scrollbar {
        display: none;
    }

.queue-inner {
    white-space: nowrap;
    display: table;
    width: 100%;
}

.queue-content {
    display: inline-table;
    /*display: flex;
    flex-direction: column;
    align-items: center;*/
    width: 136px;
    border-right: 1px solid #A8D1FF;
}

    .queue-content:last-child {
        border-right: none;
    }

    .queue-content:only-child {
        border-right: 1px solid #A8D1FF;
    }

.singleQueue-header {
    background: #e2f1ff;
    width: 100%;
    text-align: center;
    padding: 6px 12px;
    cursor: pointer;
}

    .singleQueue-header h6 {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        color: #4476FF;
    }

.singleQueue-count {
    display: flex;
    justify-content: space-evenly;
    /* gap: 20px; */
    width: 100%;
    padding: 6px 0;
}

.queue-totalCount span {
    color: #FF9F54;
    font-size: 15px;
    font-weight: 600;
}

.queue-todayCount span {
    color: #dd6eff;
    font-size: 15px;
    font-weight: 600;
}

.arrow-prev {
    width: 25px;
    height: 56%;
    position: absolute;
    left: 16px;
    top: 49px;
    background: #E8F5FF;
    border: 1px solid #A8D1FF;
    border-top: none;
    border-bottom: none;
    border-left: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .arrow-prev i {
        font-size: 15px;
        color: #4476FF;
    }

.arrow-next {
    width: 25px;
    height: 56%;
    position: absolute;
    right: 1px;
    top: 49px;
    background: #E8F5FF;
    border: 1px solid #A8D1FF;
    border-top: none;
    border-bottom: none;
    border-right: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .arrow-next i {
        font-size: 15px;
        color: #4476FF;
    }


.Starq1Legend {
    background: #00DC82;
    padding: 5px;
}

.Starq1Label {
    color: #00DC82 !important;
    font-weight: 600;
}

.Starq2Legend {
    background: #2DB7FB;
    padding: 5px;
}

.Starq2Label {
    color: #2DB7FB !important;
    font-weight: 600;
}

.SpecialityLegend {
    background: #FC8B64;
    padding: 5px;
}

.SpecialityLabel {
    color: #FC8B64 !important;
    font-weight: 600;
}

.ChartnoteLegend {
    background: #4788FF;
    padding: 5px;
}

.ChartnoteLabel {
    color: #4788FF !important;
    font-weight: 600;
}

.IntakeLegend {
    background: #F85C8F;
    padding: 5px;
}

.IntakeLabel {
    color: #F85C8F !important;
    font-weight: 600;
}

.PASyncLegend {
    background: #FF4E4E;
    padding: 5px;
}

.PASyncLabel {
    color: #FF4E4E !important;
    font-weight: 600;
}


.workflow-LegendRight {
    display: flex;
    align-items: center;
    gap: 10px;
    /*width: 52%;*/
}

.inputFieldsMain {
    position: relative;
    margin: auto;
    width: 100%;
}

    .inputFieldsMain select {
        width: 100%;
        padding: 10px 42px 10px 12px;
        font-size: 12px;
        font-weight: 600;
        border: 1px solid #cdcdcd;
        border-radius: 5px;
        color: #828282;
        transition: all 0.15s ease;
        background-color: #ffffff;
        -webkit-appearance: none;
    }

    .inputFieldsMain::after {
        content: "▼";
        transform: scale(1.1, 0.7);
        font-size: 14px;
        top: 9px;
        right: 12px;
        position: absolute;
        color: #8f8f8f;
    }

.inputFieldsMainAlt {
    margin: 0;
    width: auto;
}

.inputLabelFields {
    position: relative;
    margin: auto;
    width: 100%;
}

    .inputLabelFields select {
        width: 100%;
        padding: 10px 42px 10px 12px;
        font-size: 13px;
        font-weight: 600;
        border: 1px solid #cdcdcd;
        border-radius: 5px;
        color: #828282;
        transition: all 0.15s ease;
        background-color: #ffffff;
        -webkit-appearance: none;
    }

    .inputLabelFields label {
        font-size: 12px;
        color: #9f9f9f !important;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .inputLabelFields::after {
        content: "▼";
        transform: scale(1.1, 0.7);
        font-size: 14px;
        top: 32px;
        right: 12px;
        position: absolute;
        color: #9f9f9f;
    }

.inlineBgFields {
    position: relative;
    margin: auto;
    width: 100%;
}

.inlineBgFieldsAlt {
    margin: 0;
    width: auto;
}

.inlineBgFields label {
    font-size: 12px;
    color: #9f9f9f !important;
    font-weight: 500;
    margin-bottom: 2px;
}

.inlineBgFields input[type="text"] {
    width: 100%;
    padding: 10px 42px 10px 12px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    color: #828282;
    transition: all 0.15s ease;
    background-color: #ffffff;
    -webkit-appearance: none;
}
/*.workflow_selectTemplate {
    width: 80%;
}
*/
.runningLineCheckboxMain {
    /*width: 100%;*/
    position: relative;
    background-color: #f3f3f3;
    padding: 8px 15px;
    border-radius: 6px;
    display: flex;
    gap: 15px;
    align-items: center;
}

    .runningLineCheckboxMain .runningLineCheckboxText {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
        margin-left: 6px;
        color: #081e32 !important;
        cursor: pointer;
    }

    .runningLineCheckboxMain .runningLineCheckboxTitleText {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
        color: #081e32 !important;
    }

.runningLineCheckboxinner {
    position: relative;
    display: inline;
}

    .runningLineCheckboxinner .checkboxLabelStyle {
        background-color: transparent;
        border: 1px solid #081e32;
        border-radius: 50%;
        cursor: pointer;
        height: 16px;
        left: 3px;
        position: absolute;
        top: 4px;
        width: 16px;
    }

        .runningLineCheckboxinner .checkboxLabelStyle:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 5px;
            left: 3px;
            opacity: 0;
            position: absolute;
            top: 4px;
            transform: rotate(-45deg);
            width: 9px;
        }

    .runningLineCheckboxinner input[type="radio"] {
        visibility: hidden;
    }

        .runningLineCheckboxinner input[type="radio"]:checked + .checkboxLabelStyle {
            background-color: #081e32;
            border-color: #081e32;
        }

            .runningLineCheckboxinner input[type="radio"]:checked + .checkboxLabelStyle:after {
                opacity: 1;
            }



/*======================================================== advance-search ================================================================*/

.advance-search-main {
    border-radius: 3px;
    border-left: 3px solid #0b81fe;
}

.advance-search-title {
    background-color: #e9f3ff;
    padding: 8px 10px;
}

    .advance-search-title a {
        color: #0b81fe !important;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.advance-search-content {
    padding-top: 15px;
}


.workflowGridSection {
    display: grid;
    grid-template-columns: 70px 2fr;
    column-gap: 10px;
}

.workflowSideActionMain {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    /*margin-bottom: 4rem;*/
}

    .workflowSideActionMain button {
        padding: 0;
    }

.workflowSideActionInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 8px;
    gap: 10px;
}

.workflow-action {
    width: 46px;
    height: 42px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.workflow-action-1 {
    background: #FFE1D6;
    border: 1px solid #FFE1D6;
}

.workflow-action-2 {
    background: #DAE7FF;
    border: 1px solid #DAE7FF;
}

.workflow-action-3 {
    background: #FFDEE9;
    border: 1px solid #FFDEE9;
}

.workflow-action-4 {
    background: #DBE2FF;
    border: 1px solid #DBE2FF;
}

.workflow-action-5 {
    background: #FFE9E9;
    border: 1px solid #FFE9E9;
}

.workflow-action-6 {
    background: #D8FFEE;
    border: 1px solid #D8FFEE;
}

.workflow-action-1 svg {
    fill: #FC8B64;
}

.workflow-action-2 svg {
    fill: #4788FF;
}

.workflow-action-3 svg {
    fill: #F85C8F;
}

.workflow-action-4 svg {
    fill: #4265F4;
}

.workflow-action-5 svg {
    fill: #D74D51;
}

.workflow-action-6 svg {
    fill: #47C08D;
}

.contentHeightTable {
    height: 83%;
}

.callTypeContainer {
    padding-bottom: 6px;
    border-bottom: 1px solid #f2f2f2;
}

.callTypeLabel {
    font-size: 18px;
    font-weight: 600;
}

.patientDetailsLinkContainer {
    padding: 0px 4px 8px 4px;
    border-bottom: 1px solid #f2f2f2;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 2px;
}

    .patientDetailsLinkContainer span a {
        color: #409cff;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
        padding: 0px !important;
    }

    .patientDetailsLinkContainer > i {
        color: #409cff;
        font-size: 14px;
    }

.teamCallButton {
    background-color: transparent !important;
    color: white;
    border: 1px solid transparent !important;
    padding: 6px 10px;
    border-radius: 6px;
}

.workflowViewAction {
    color: #ffffff !important;
    font-weight: 600;
    background-color: #ff915d;
    padding: 3px 8px;
    border-radius: 30px;
    letter-spacing: 1px;
}

.workflowRxNumber {
    color: #002b51 !important;
    font-weight: 600;
    background-color: #e1f5ff;
    padding: 4px 10px;
    border-radius: 30px;
    white-space: nowrap;
}


/*============================================= Actions-Cards ===============================================*/
.actionsCardTop {
    display: grid;
    grid-template-columns: auto;
    column-gap: 15px;
    row-gap: 15px;
}

.actionsCardTopAlt {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 15px;
}

.actionsCard {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    /*height: 160px;*/
}

.actionsCardText {
    border-left: 6px solid #4db681;
}

.actionsCardTextTitle h5 {
    color: #4db681;
}

.actionsCardBotCall {
    border-left: 6px solid #ff943e;
}

.actionsCardBotCallTitle h5 {
    color: #ff943e;
}

.actionsCardTeamCall {
    border-left: 6px solid #33c2ff;
}

.actionsCardTeamCallTitle h5 {
    color: #33c2ff;
}

.actionsCardInner {
    padding: 5px 0px;
}

.actionsCardTitle {
    /*background: #4db681;
    border: 1px solid #4db681;*/
    border-radius: 4px 4px 0 0;
    padding: 10px 18px 0px 18px;
}

    .actionsCardTitle h5 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6;
    }

.actionsCardDetails {
    padding: 0px 18px;
}

.actionsCardDetailsInner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 2px 10px 2px;
    /*border-bottom: 1px solid #f2f2f2;*/
}

    .actionsCardDetailsInner h6 {
        color: #6f6f6f !important;
        font-size: 13px;
        margin-bottom: 0px;
        font-weight: 600;
        display: flex;
        gap: 5px;
        align-items: center;
    }

        .actionsCardDetailsInner h6 > i {
            /*margin-right: 4px;*/
            font-size: 13px;
            color: #6f6f6f;
        }

.actionsCardDescriptionContainer {
    position: relative;
}

.actionsCardDescription {
    font-size: 13px;
    font-weight: 500;
    color: #898989;
    padding: 2px 30px 2px 20px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 60px;
}

.actionsCardFullDescription {
    /*overflow: hidden;*/
    /* height: 100%; */
    /*display: block;*/
    -webkit-line-clamp: unset;
    max-height: none;
}

.ShowMoreButton {
    cursor: pointer;
    /*padding: 5px;*/
    position: absolute;
    right: 16px;
    bottom: -4px;
    font-size: 16px;
}

span.patientCategory {
    background-color: #dfeeff;
    color: #0b81fe;
    padding: 1px 8px;
    margin: 2px;
    border-radius: 20px;
}

span.syncGridTags {
    background-color: #ffe5e5;
    color: #e97575;
    padding: 1px 8px;
    margin: 2px;
    border-radius: 20px;
}

.noRecordsText {
    text-align: center;
    font-size: 13px;
    margin-bottom: 0;
    color: #3D3D3D;
    margin: 4px 0;
}


/*=================================================== patient-linked-card ======================================================*/
.patientsLinkedCard {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
}

.patientsLinkedCardBody {
    border: 1px solid #ace3ff;
    padding: 6px 10px;
    border-radius: 4px;
    background: #e8f8ff;
    text-align: center;
}

.patientsLinkedCardText {
    color: #0090d0;
    font-size: 14px;
    border-left: 3px solid transparent;
    border-radius: 4px;
    transition: all 0.1s linear;
}

    .patientsLinkedCardText:hover {
        color: #008ac9;
        font-weight: 600;
        /*border-left: 3px solid #0090d0;*/
    }

.workflowContactFound {
    color: #ff7f4a !important;
}
/*.patientsLinkedCardText:hover .patientsLinkedCardBody {
            background: #ffffff;
        }*/



/*================================================ Workflow-details ==================================*/
.mainNewContainerInner {
    padding: 10px 0px 0px 0;
    display: grid;
    grid-template-columns: 2fr 120px;
}

.contentContainer {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    margin-top: 16px;
    position: relative;
}

.contentRightContainer {
    height: 98%;
}

.contentContainerInner {
    padding: 20px 20px;
}

.rxBackground {
    position: absolute;
    top: 0;
    left: 0;
}

    .rxBackground img {
        max-width: 96%;
        height: auto;
    }

.prescriptionIDMain {
    margin-top: 20px;
    margin-left: 50px;
}

    .prescriptionIDMain label {
        font-size: 17px;
        font-weight: 500;
        color: #8E8E8E !important;
        margin-bottom: 1px;
    }

    .prescriptionIDMain h6 {
        font-size: 30px;
        font-weight: 600;
        color: #39588E;
    }

.backgroundContentMain {
    margin-top: 50px;
}

    .backgroundContentMain label {
        font-size: 13px;
        font-weight: 500;
        color: #8E8E8E !important;
        margin-bottom: 4px;
    }

    .backgroundContentMain h6 {
        font-size: 14px;
        font-weight: 600;
        color: #39588E;
        background-color: #D7E5FF;
        padding: 6px;
        border-radius: 4px;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.workflowDrugDetails {
    background-color: #F2F5F9;
    padding: 24px 25px;
    border-radius: 20px;
    margin-top: 20px;
}

.workflowDrugTitleMain {
    display: flex;
    gap: 15px;
    align-items: center;
}

.workflowDrugTitleImg {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .workflowDrugTitleImg img {
        max-width: 100%;
        height: auto;
    }

.workflowDrugTitleContent label {
    font-size: 14px;
    font-weight: 500;
    color: #8E8E8E !important;
    margin-bottom: 4px;
}

.workflowDrugTitleContent h6 {
    font-size: 16px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 0;
}

.workflowDrugContentMain {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
    margin-top: 20px;
}

.contentContainerBottom {
    border-top: 1px solid #E3E3E3;
    margin-top: 10px;
}

.contentContainerBottomInner {
    padding: 20px 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


.detailContentMain {
    position: relative;
    padding: 0px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    /*margin-bottom: 10px;*/
}

.detailContentTwoLine h6 {
    text-overflow: ellipsis;
    white-space: normal !important;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.detailContentLinedMain::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 4px;
    height: 100%;
    width: 1px;
    background-color: #E3E3E3;
    /*color: #E3E3E3;*/
}

.detailContentMain label {
    font-size: 13px;
    font-weight: 500;
    color: #8E8E8E !important;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
}

.detailContentMain h6 {
    font-size: 14px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.detailContentMain .harbourAddress {
    width: 92%;
}


.workflowPatientDetailMain {
    display: flex;
    justify-content: space-between;
    padding: 5px 5px;
}

.workflowPatientDetailInner {
    display: flex;
    gap: 15px;
    align-items: center;
}

.workflowPatientPhoto {
    /* border-radius: 140px; */
    width: 15%;
    height: auto;
}

    .workflowPatientPhoto img {
        border-radius: 100%;
        max-width: 100%;
        height: auto;
    }

.workflowPatientContentTop {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .workflowPatientContentTop .workflowPatientName {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        color: #081E32;
    }

    .workflowPatientContentTop .workflowPatientdivider {
        color: #768DC8;
        font-size: 20px;
    }
/*.workflowPatientContentTop .genderImage {
        width: 15px;
        height: auto;
    }*/

.workflowPatientContentMiddle {
    font-size: 15px;
    color: #262626;
}

.workflowPatientContentBottom {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .workflowPatientContentBottom span {
        font-size: 15px;
        color: #262626;
    }

.workflowPatientStatus {
    font-size: 16px;
    font-weight: 600;
}

    .workflowPatientStatus .statusActive {
        color: #2BD28C;
    }

.patientStatusDropdown {
    background-color: #F2F5F9;
    border: none;
    padding: 2px 2px;
    border-radius: 3px;
    color: #262626;
    margin: 0;
    font-weight: 600;
    width: max-content;
    font-size: 11px;
    /* appearance: none; */
    /* text-align: center; */
    /* text-decoration: underline; */
    cursor: pointer;
}

.callButton {
    background-color: #42DF9D;
    border-color: #42DF9D;
    padding: 5px 7px;
}

.patientDetailBottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
}

.detailContentNumberMain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}


.contentContainerFlip {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.healthCardMain {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 20px;
}

.healthCardSideBoth {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

.healthCardBack {
    transform: rotateY(180deg);
}

.contentContainerFlip.flipped {
    transform: rotateY(180deg);
}



.threeRowContainerHeight {
    height: 376px;
}

.twoRowContainerHeight {
    height: 250px;
}

.healthCardBgImage {
    position: absolute;
    bottom: 24px;
    right: 0;
    z-index: 1;
}

.healthCardTopContainer {
    background-color: #3993D4;
    padding: 26px 22px;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .healthCardTopContainer::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -20px;
        left: 0;
        height: 5px;
        width: 100%;
        background-color: #228FDE;
    }

.healthCardTitle {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}

.healthCardFlipButton {
    cursor: pointer;
}

.cardHolderDetailsContainer {
    padding: 22px;
    z-index: 2;
    position: relative;
}

.cardHolderDetailsInner {
    margin-top: 24px;
}

.cardHolderTitle {
    display: flex;
    gap: 6px;
    align-items: center;
    border-bottom: 2px solid #228FDE;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

    .cardHolderTitle h6 {
        color: #228FDE;
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 600;
    }

.cardHolderDetails {
    padding: 14px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

    .cardHolderDetails .fullWidth {
        grid-column: span 3;
    }

.prescriptionIDMain {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.detailContentInline {
    display: flex;
    gap: 5px;
    align-items: center;
}

    .detailContentInline label {
        font-size: 14px;
        font-weight: 500;
        color: #262626 !important;
        margin-bottom: 0;
        font-weight: 600;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.contentDetailTitle {
    padding: 5px 4px 15px 4px;
    border-bottom: 1px solid #E0E0E0;
}

    .contentDetailTitle h6 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }

.detailContentContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
    margin-top: 20px;
}


.workflowDetailSideButtons:nth-child(1) {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
}

.workflowDetailButton {
    display: grid;
    grid-template-columns: auto;
    row-gap: 15px;
    align-items: center;
}

.sidebutton {
    padding: 10px 9px;
    border-radius: 10px;
}

.edit-button {
    background-color: #DBE2FF;
    border: 1px solid #DBE2FF;
}

.paEdit-button {
    background-color: #FFE9E9;
    border: 1px solid #FFE9E9;
}

.text-button {
    background-color: #D1EFFF;
    border: 1px solid #D1EFFF;
}

.quickText-button {
    background-color: #FFE4DB;
    border: 1px solid #FFE4DB;
}

.botCall-button {
    background-color: #D8FFEE;
    border: 1px solid #D8FFEE;
}

.teamCall-button {
    background-color: #FFDBEA;
    border: 1px solid #FFDBEA;
}

.email-button {
    background-color: #CFF3F5;
    border: 1px solid #CFF3F5;
}

.notes-button {
    background-color: #FFE4DB;
    border: 1px solid #FFE4DB;
}

.fax-button {
    background-color: #DBE2FF;
    border: 1px solid #DBE2FF;
}

.vCard-button {
    background-color: #D8FFEE;
    border: 1px solid #D8FFEE;
}

.prescription-button {
    background-color: #FFDBEA;
    border: 1px solid #FFDBEA;
}

.runningLine-button {
    background-color: #D1EFFF;
    border: 1px solid #D1EFFF;
}

.document-button {
    background-color: #FFEBD0;
    border: 1px solid #FFEBD0;
}

    .document-button.documentActive {
        background-color: #ffe7c4;
        border: 1px solid #e39128;
    }

.folder-button {
    background-color: #FFEBD0;
    border: 1px solid #FFEBD0;
    width: 44px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.home-button {
    background-color: #EAEAEA;
    border: 1px solid #EAEAEA;
    width: 44px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}



/*==========================workflowdetail grid==========================*/
.workflowDetail-grid-container .tabsMain {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 10px;
    /* overflow-x: auto; */
    /* overflow-y: hidden; */
    /* height: 48px; */
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
    border-bottom: 1px solid #E7E7E7;
}

ul.tabsMain .indicator {
    display: none;
}

/*.workflowDetail-grid-container .tabs {
    height: 34px;
}*/

.workflowDetail-grid-container .tabsMain .tabTitle {
    width: auto;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

    /*.workflowDetail-grid-container .tabTitle.col.s3 {
  
    margin-top: 8px;
}*/

    .workflowDetail-grid-container .tabsMain .tabTitle a {
        color: #9C9C9C;
        font-weight: 500;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        padding-right: 0px;
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-transition: color .28s ease, background-color .28s ease;
        transition: color .28s ease, background-color .28s ease;
        /*border-bottom: 3px solid transparent;*/
        padding: 13px 10px !important;
        position: relative;
        /*display: inline;*/
    }

        .workflowDetail-grid-container .tabsMain .tabTitle a:hover, .workflowDetail-grid-container .tabsMain .tabTitle a.active {
            color: #33B1F6;
            /*background-color: #efe2ff;*/
            /*border-bottom: 3px solid #33B1F6;*/
            margin: 0;
            /*border-radius: 5px;*/
            /*border-bottom: none;*/
            font-weight: 600;
        }

            .workflowDetail-grid-container .tabsMain .tabTitle a:hover::after, .workflowDetail-grid-container .tabsMain .tabTitle a.active::after {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 3px;
                background-color: #33B1F6;
                border-radius: 10px;
            }


/*=========================== Grid =======================*/
.tableMain {
}

    .tableMain thead {
        background-color: #E7F6FF;
        /* padding: 10px 0; */
    }

        .tableMain thead tr th, .tableMain thead tr th a {
            border: none;
            vertical-align: middle;
            color: #262626;
            font-weight: 600;
            font-size: 13px;
            text-decoration: none;
            padding: 14px 14px;
        }

    .tableMain tbody {
        /* box-shadow: inset 0 0 1px #081e32; */
        background-color: white;
    }

        .tableMain tbody tr {
            border-bottom: 3px solid #404040;
        }

        .tableMain tbody td, .tableMain tbody th {
            border: none;
            vertical-align: middle;
            font-size: 12px;
            padding: 14px 14px;
            color: #262650;
            text-align: left;
            font-weight: 500 !important;
        }

.form-register .steps li.current {
    background: #3bbcc2 !important;
}

.viewChartButton {
    background-color: #e5edff;
    color: #5b8eff;
    letter-spacing: 0px;
    font-size: 14px;
    /* font-weight: 600 !important; */
    padding: 10px 10px;
    /* border-radius: 30px; */
    display: flex;
    align-items: center;
    gap: 5px;
    width: 87%;
}

    .viewChartButton i {
        font-size: 13px;
        color: #5b8eff;
    }

    .viewChartButton:hover {
        color: #5b8eff;
    }

.wizard-sub-content {
    width: 100%;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: flex;
    display: -webkit-flex;
}

    .wizard-sub-content .wizard-form {
        width: 100%;
        background: #ffffff;
        border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border: 1px solid #cccccc;
    }

.faxTextboxMain {
    display: flex;
    gap: 5px;
}

.faxTextboxIcon {
    margin: 8px 8px 0px 8px;
}

    .faxTextboxIcon i {
        position: static;
    }

.model-inp .customInputText {
    width: 60%;
}

.model-inp .labelNoEllipse {
    overflow: visible;
    text-overflow: unset;
    /*width: 100%;*/
}

.copyAddressMain {
    background-color: #c1e3ff;
    padding: 8px 10px 8px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 4;
}
/*.copyAddressMain span {
        font-size: 14px;
        font-weight: 600;
    }*/

.newuserlist {
    background: url(../img/right-tooltip-top-bg.png) no-repeat right top;
    margin-left: 5px;
    padding-left: 15px;
}

.restrictplansMain {
    border-bottom: 1px solid #b7b7b7;
}

    .restrictplansMain h2 {
        font-size: 16px;
        font-weight: 600;
        padding: 8px 0;
        margin-bottom: 0;
        color: #fff;
    }

.restrictplansTop {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px;
}

.noRestrictPlans span {
    color: #a7a7a7;
    font-weight: 600;
    margin: 5px 0;
}


/*============================tooltip-right==============================================*/
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Poppins, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip .tooltip-header {
        font-size: 16px;
        color: #ffffff;
        margin-bottom: 0px;
        margin-left: 0;
        font-weight: 700;
        border-bottom: 1px solid #b7b7b7;
        padding-bottom: 10px;
        padding: 16px 0;
        margin: 0 16px 2px 16px;
    }

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip::after {
        content: "";
        position: absolute;
        top: 0%;
        /* left: -5%; */
        left: -2%;
        margin-left: -5px;
        border-width: 7px;
        border-style: solid;
        border-color: #25313E #25313E transparent transparent;
    }

.tooltipInner {
    width: 250px !important;
    margin-left: 0;
    margin-top: 0px;
    background-color: #25313E;
    padding-bottom: 14px;
    /* padding: 15px; */
    position: relative;
    /* left: -9px; */
    border-radius: 0px 10px 10px 10px;
}

.tooltipInnerAlt:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


/*================================================= tooltip-left ==================================================*/

.tooltipLeft {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Poppins, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltipLeft .tooltip-header {
        font-size: 13px;
        color: #ffffff;
        margin-bottom: 0px;
        margin-left: 0;
        font-weight: 700;
        padding-bottom: 10px;
        padding: 12px 0;
        margin: 0 16px 2px 16px;
    }

    .tooltipLeft.show {
        opacity: 0.9;
    }

    .tooltipLeft::after {
        content: "";
        position: absolute;
        top: 0%;
        right: -4%;
        margin-left: -5px;
        border-width: 7px;
        border-style: solid;
        border-color: #25313E transparent transparent #25313E;
    }

.tooltipInnerLeft {
    width: auto !important;
    margin-left: 0;
    margin-top: 0px;
    background-color: #25313E;
    position: relative;
    border-radius: 10px 0px 10px 10px;
}



.deleteManifestBundleHeader {
    background: #dfecff;
    padding: 14px 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 6px 6px 0 0;
    border: 1px solid #d3d3d3;
    border-bottom: none;
}

    .deleteManifestBundleHeader h6 {
        font-size: 12px;
        color: #333;
        font-weight: 600;
        margin: 0;
    }

.deleteManifestBundle {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.searchUserRadio {
    border-bottom: 1px solid #e5e5e5;
}



.whiteBackgroundContent {
    background-color: #ffffff;
    height: 100%;
}

.whiteBackgroundMaxContent {
    background-color: #ffffff;
    height: 100%;
    min-height: max-content;
}

.breadcrumbSecAlt {
    box-shadow: none;
    /*margin: 20px 0 10px 0;*/
    border-bottom: 1px solid rgb(98 98 98 / 10%);
    padding: 10px 4px;
    border-radius: 0px;
    margin: 5px 0 15px 0;
}

    .breadcrumbSecAlt .breadcrumb-item {
        font-size: 14px;
    }

        .breadcrumbSecAlt .breadcrumb-item.active {
            font-size: 14px;
        }

        .breadcrumbSecAlt .breadcrumb-item.active {
            color: #25313e;
        }


.packageBundleSettingsInner {
    box-shadow: none;
    padding: 0 0;
    padding-top: 10px;
    margin-top: 10px;
    border-radius: 0;
}

.packageBundleSettingsTitle {
    background-color: transparent;
    padding: 5px 10px;
    border-left: 3px solid #25313e;
    margin-left: 10px;
    border-radius: 0;
}

    .packageBundleSettingsTitle h1 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        color: #25313e;
    }

/*.bundleNameMain {
    width: 23%;
}
*/
.inlineField {
    display: flex;
    gap: 10px;
    margin-bottom: 0;
    align-items: center;
}

    .inlineField label {
        overflow: unset;
        text-overflow: unset;
        width: auto;
        font-size: 13px;
        color: #999999 !important;
    }

    .inlineField input {
        padding: 10px 12px;
        font-size: 13px;
        border: none;
        background-color: #f7f7f7;
    }

    .inlineField h6 {
        font-size: 13px;
    }

.packageBundleList {
    width: 99%;
    margin: auto;
    position: relative;
    border-radius: 20px;
    margin-top: 15px;
    border: 1px solid transparent;
    box-shadow: none;
    border: 1px solid rgb(88 139 219 / 20%);
}

.packageBundleListInner {
    padding: 26px 20px;
}

    .packageBundleListInner hr {
        border-top: 1px solid rgb(88 139 219 / 20%);
        margin: 22px 10px;
    }

.packageBundleList:before {
    content: unset;
}

.packageBundleList::after {
    content: unset;
}

.bundleDetailMain {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0 !important;
}

    .bundleDetailMain .detailContentMain label {
        display: block;
        font-size: 12px;
    }

    .bundleDetailMain .detailContentMain h6 {
        font-size: 12px;
    }

.bundleDetailIcon span {
    background-color: #e9f1ff;
    padding: 10px 13px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 39px;
}

.bundleDetailIcon i {
    color: #5f98ff;
    font-size: 18px;
}

.bundleDeleteBtnMain {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.bundleDeleteBtn {
    border-radius: 150px;
    padding: 7px 11px;
    background-color: #fecacf;
    border-color: #fecacf;
}

    .bundleDeleteBtn:hover {
        background-color: #ffbec4;
        border-color: #ffbec4;
    }

.btn.bundleDeleteBtn svg {
    fill: #dc3545;
}

.bundleStatusSec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    background: #e9f1ff;
    border-radius: 0 0 20px 20px;
    padding: 8px 0;
}

.bundleStatus {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-left: 30px;
}

    .bundleStatus p {
        font-size: 12px;
        color: #333;
        margin: 0;
    }

    .bundleStatus h6 {
        font-size: 12px;
        color: #000;
        font-weight: 600;
        margin: 0;
    }

.packageBundleAdd {
    background-color: #3bc7b9;
    border-color: #3bc7b9;
    color: #ffffff;
    display: flex;
    align-items: center;
}

    .packageBundleAdd:hover {
        background-color: #1db0b4;
        border-color: #1db0b4;
        color: #ffffff;
    }

.packageBundleNext {
    background-color: #3bc7b9;
    border-color: #3bc7b9;
    color: #ffffff;
    width: 130px;
    font-size: 16px;
}

    .packageBundleNext:hover {
        background-color: #1db0b4;
        border-color: #1db0b4;
        color: #ffffff;
    }

    .packageBundleNext i {
        font-size: 15px;
        animation-name: arrowRight;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
    }

@keyframes arrowRight {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(4px);
    }

    100% {
        transform: translateX(0px);
    }
}

.noPackageBundle {
    background-color: #f7f7f7;
    border-radius: 10px;
    margin: 15px 10px 0 10px;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .noPackageBundle span {
        font-size: 18px;
        color: #bababa;
    }

.noPackageBundleImg {
    background-color: transparent;
    margin: 0;
}

.noPackageBundle svg {
    height: 80px;
    width: 70px;
    opacity: 0.7;
}

    .noPackageBundle svg path {
        fill: #bababa;
    }

.connectorAppInstalled {
    background-color: #e4faff;
    border-color: #e4faff;
    color: #1cb6db;
    font-size: 13px;
    font-weight: 600 !important;
    padding: 6px 12px;
    border-radius: 4px;
    height: fit-content;
}

    .connectorAppInstalled:hover {
        color: #1cb6db;
    }

.connectorAppDownload {
    background-color: #fff3eb;
    border-color: #fff3eb;
    color: #f3893b;
    font-size: 13px;
    font-weight: 600 !important;
    padding: 6px 12px;
    border-radius: 4px;
    height: fit-content;
}

    .connectorAppDownload:hover {
        color: #f3893b;
    }


.releaseBundleBtn {
    color: #dc3545;
    background-color: #ffeaec;
    border-color: #ffeaec;
    font-size: 17px;
    align-items: center;
    display: flex;
    gap: 6px;
}

    .releaseBundleBtn svg {
        fill: #dc3545;
    }

    .releaseBundleBtn:hover {
        color: #dc3545;
        background-color: #ffdbde;
        border-color: #ffdbde;
    }


.connectorBreadcrumb {
    border-bottom: 1px solid rgb(98 98 98 / 10%);
    box-shadow: none;
    border-radius: 0px;
    margin: 0px 0 16px 0;
    padding: 15px 5px;
}


/*====================================================================================================================*/

.logisticsTopMain {
    padding-bottom: 30px;
    border-bottom: 1px solid #ededed;
}

.logisticsTopInline {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 15px;
    padding: 0 20px;
}

.logisticsTopBlock {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 15px;
    padding: 0 20px;
}

.logisticBundleInner {
    display: grid;
    grid-template-columns: 1fr 80px 1fr;
    padding: 20px 0px;
    position: relative;
}

.logisticAvailableBundleMain {
    position: relative;
    width: 100%;
    /*height: 570px;
    padding: 0 15px;
    overflow-x: auto;
    overflow-y: auto;*/
}

    .logisticAvailableBundleMain::after {
        content: '';
        height: 100%;
        width: 1px;
        background-color: #e5e5e5;
        color: #efefef;
        position: absolute;
        top: 0;
        right: 0px;
    }

.logisticAllocatedBundleMain {
    position: relative;
    width: 100%;
    /*height: 570px;
    padding: 0 15px;
    overflow-x: auto;
    overflow-y: auto;*/
}

    .logisticAllocatedBundleMain::before {
        content: '';
        height: 100%;
        width: 1px;
        background-color: #e5e5e5;
        color: #efefef;
        position: absolute;
        top: 0;
        left: 0px;
    }

.logisticPackageBundleDown {
    position: absolute;
    top: 41px;
    right: 15px;
    z-index: 1;
}

    .logisticPackageBundleDown a[aria-expanded="true"] > i {
        transform: rotate(180deg);
    }

    .logisticPackageBundleDown a i {
        color: #5f98ff;
        font-size: 22px;
    }

.logisticBundleTitle {
    padding: 0px 15px 12px 15px;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .logisticBundleTitle h6 {
        font-size: 17px;
        margin: 0;
        font-weight: 600;
    }

.logisticAllocatedBundleMain .logisticBundleTitle {
    margin-bottom: 0px;
    height: 52px;
}

.logisticPackageBundleInner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    padding: 0 20px;
    margin: 30px 0;
}

    .logisticPackageBundleInner .bundleDetailIcon span {
        background-color: #ffffff;
    }

.logisticAvailableBundleContent {
    height: 500px;
    overflow: auto;
    padding: 0 15px;
}

.logisticPackageBundleMain {
    /*border: 1px solid rgb(88 139 219 / 14%);*/
    border-radius: 12px;
    position: relative;
    /*border-left: 3px solid #5f98ff;*/
    background-color: #eff5ff;
    overflow: hidden;
    margin-bottom: 15px;
    /*height: fit-content;*/
}

.bundleDetailIcon span svg {
    fill: #5f98ff;
}


/*.logisticPackagesInner {
    margin-top: 15px;
}*/

.logisticPackageInfo {
    width: 100%;
    margin: auto;
    background: #fff;
    border-radius: 12px 12px 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    border: 1px solid rgb(88 139 219 / 20%);
}

.logisticPackageInfoInner {
    padding: 10px 20px 15px 20px;
}

.logisticPackagesTopMain {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    row-gap: 20px;
}

    .logisticPackagesTopMain .fullWidth {
        grid-column: span 2;
    }

.logisticBundleStatusSec {
    background: #f5f5f5;
    border-radius: 0 0 0px 0px;
}

.logisticPackageTransfer {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e7f0ff;
    padding: 2px 0px 8px 10px;
    border-radius: 0px 6px;
}

    .logisticPackageTransfer i {
        color: #ffffff;
        font-size: 15px;
    }

.checkboxFixedTop {
    padding-top: 4px;
}

.fillable-checkbox input[type=checkbox] + label {
    margin: 0;
}

.logisticTransferButtons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .logisticTransferButtons button:hover {
        color: #fff;
    }

.logisticTransferRight {
    background-color: #25313e;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
}

.logisticTransferLeft {
    background-color: #25313e;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
}


/*==================================*/
.logisticPackageBundleList {
    padding: 0px 0px;
    position: relative;
}

.logisticPackageBundleListTitle {
    padding: 0px 2px 15px 2px;
    margin-bottom: 0px;
}

    .logisticPackageBundleListTitle h6 {
        font-size: 17px;
        margin: 0;
        font-weight: 600;
    }

.logisticPackageBundleListContent {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    margin-bottom: 10px;
}

.logisticPackageBundleView {
    background-color: #1db0b4;
    padding: 8px;
    border-radius: 0px 8px;
}

.logisticPackageBundleListView {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .logisticPackageBundleListView svg {
        height: 14px;
        fill: #ffffff;
    }

        .logisticPackageBundleListView svg path {
            /*fill: #ffffff;*/
            stroke: #ffffff;
        }



.logisticPackageBundleListRelease {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .logisticPackageBundleListRelease svg {
        height: 14px;
        fill: #ffffff;
    }

    .logisticPackageBundleListRelease span {
        font-size: 13px;
        margin-bottom: 0;
        line-height: 13px;
        color: #ffffff;
    }

.logisticPackageBundleListTransfer {
    background-color: #dc3545;
    padding: 8px;
    border-radius: 0px 8px;
}

.packageBundleTopMain {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 25px;
    width: 45%;
}

.logisticBundleTopFilter {
    display: flex;
    gap: 10px;
    align-items: center;
}

.logisticPackageHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logisticPackageHeaderAction {
    display: flex;
    gap: 6px;
    align-items: center;
}

.logisticInfoPackageNumber {
    font-size: 12px;
    padding: 6px 10px;
    background-color: #fff2e7;
    color: #ff732d;
    border-radius: 10px 0 10px 0;
    font-weight: 600;
}

.package-points-innerAlt {
    padding: 34px 30px 16px 30px;
}

.logisticInfoPackageNumber.ManifestPackageNumber {
    position: absolute;
    top: 0;
    left: 32px;
    border-radius: 0px 0 8px 8px;
    padding: 3px 10px;
    color: #25313e;
    background-color: #efefef;
}

/*===============================================package details====================================================*/
.packageDetailsTopContainer {
    background-color: #ffffff;
    padding: 0 20px;
}

.packageDetailsTopMain {
    display: grid;
    grid-template-columns: 1fr 500px;
    border-bottom: 1px solid rgb(41 41 41 / 10%);
    padding-bottom: 15px;
}

.packageDetailsTopPackageInfo {
    border-right: 1px solid rgb(41 41 41 / 10%);
    padding-right: 20px;
}


.packageInfoTitleMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.packageInfoTitle h3 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

.packageDetailsTopButtons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.printButton {
    background-color: #FFEAE1;
    padding: 6px 10px;
    border-radius: 4px;
}

    .printButton svg {
        height: 24px;
        width: 24px;
    }

        .printButton svg path {
            fill: #F88654;
        }

.primaryButton {
    background-color: #3BC7B9;
    padding: 6px 16px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
}

    .primaryButton:hover {
        color: #ffffff;
    }


.addButton {
    background-color: #3BC7B9;
    padding: 6px 10px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
}

    .addButton svg path {
        fill: #ffffff;
    }


.packageDetailsTopStatus {
    padding-left: 20px;
}

.packageDetailsStatusMain {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 8px;
}

.separateRadioMain {
    padding: 7px 10px;
    background-color: rgba(215, 123, 123, 8%);
    border-radius: 5px;
    cursor: pointer;
}

.separateRadioInner {
    position: relative;
    display: inline;
}

    .separateRadioInner .radioLabelStyle {
        background-color: transparent;
        border: 1px solid #D77B7B;
        border-radius: 50%;
        cursor: pointer;
        height: 16px;
        left: 3px;
        position: absolute;
        top: 4px;
        width: 16px;
    }

        .separateRadioInner .radioLabelStyle:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 5px;
            left: 3px;
            opacity: 0;
            position: absolute;
            top: 4px;
            transform: rotate(-45deg);
            width: 9px;
        }

    .separateRadioInner input[type="radio"] {
        visibility: hidden;
    }

        .separateRadioInner input[type="radio"]:checked + .radioLabelStyle {
            background-color: #D77B7B;
            border-color: #D77B7B;
        }

            .separateRadioInner input[type="radio"]:checked + .radioLabelStyle:after {
                opacity: 1;
            }

.separateRadioMain .separateRadioText {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 10px;
    color: #D77B7B !important;
}


.fileUpload {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
}

    .fileUpload .fileSelect {
        display: block;
        /*border: 2px solid #dce4ec;*/
        color: #777777;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        text-align: left;
        background: #F6F6F6;
        overflow: hidden;
        position: relative;
        border-radius: 4px;
    }

        .fileUpload .fileSelect .fileSelectButton {
            background: #E6E6E6;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
        }

        .fileUpload .fileSelect .fileSelectName {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
        }

        .fileUpload .fileSelect:hover {
            border-color: #34495e;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            .fileUpload .fileSelect:hover .fileSelectButton {
                background: #2f9ac0;
                color: #ffffff;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

    .fileUpload.active .fileSelect {
        border-color: #3fa46a;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .fileUpload.active .fileSelect .fileSelectButton {
            background: #4cd28c;
            color: #ffffff;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

    .fileUpload .fileSelect input[type="file"] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer
    }

    .fileUpload .fileSelect.fileSelect-disabled {
        opacity: 0.65;
    }

        .fileUpload .fileSelect.fileSelect-disabled:hover {
            cursor: default;
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            text-align: left;
            background: #ffffff;
            overflow: hidden;
            position: relative;
        }

            .fileUpload .fileSelect.fileSelect-disabled:hover .fileSelectButton {
                background: #dce4ec;
                color: #666666;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px;
            }

            .fileUpload .fileSelect.fileSelect-disabled:hover .fileSelectName {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px;
            }

.sideTabsMain .tabsMain {
    justify-content: flex-start;
}

    .sideTabsMain .tabsMain .tabTitle a {
        font-size: 13px;
    }

.packageStatusButtonMain {
    margin: 16px 0 0 0;
    text-align: center;
}

.packageInfoContent {
    display: grid;
    grid-template-columns: 250px 1fr;
    column-gap: 10px;
}

.packageInfoQRMain img {
    width: 100%;
}

.packageInfoTopContent {
    row-gap: 0px;
}

    .packageInfoTopContent .detailContentMain label {
        margin-bottom: 0px;
    }

.packageInfoMiddleContent {
    display: grid;
    grid-template-columns: 612px 1fr;
}

    .packageInfoMiddleContent .detailContentMain label {
        margin-bottom: 0px;
    }

.packageDetailcustomerInfoInner {
    width: 100%;
    margin: auto;
    position: relative;
    border-radius: 20px;
    margin-top: 35px;
    border: 1px solid transparent;
    box-shadow: none;
    border: 1px solid rgb(88 139 219 / 20%);
}

.customerInfoTopContent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px;
}

.customerInfoBottomContent {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    column-gap: 15px;
    margin-top: 30px;
}

.detailsHalfGridMain {
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-bottom: 1px solid rgb(41 41 41 / 10%);
}

.packageDetailsOtherInfo {
    border-right: 1px solid rgb(41 41 41 / 10%);
    padding-right: 20px;
}

.packageDetailsCustomerSign {
    padding-left: 20px;
}

.detailsGridTitleMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
    height: 45px;
}

.detailsGridTitle h3 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 40px;
    width: 250px;
    margin-bottom: 0;
}

    .file-upload-wrapper:after {
        content: attr(data-text);
        font-size: 14px;
        position: absolute;
        top: 0;
        left: 0;
        background: #F2F2F2;
        padding: 0px 15px;
        display: block;
        width: calc(100% - 40px);
        pointer-events: none;
        z-index: 20;
        height: 40px;
        line-height: 40px;
        color: #8E8E8E;
        border-radius: 5px 10px 10px 5px;
        font-weight: 500;
    }

.buttonFileUpload {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 40px;
    background: #23BEDE;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 18px;
    line-height: 0px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 4px 4px 0;
}

.file-upload-wrapper:hover .buttonFileUpload {
    background: #1fabc8;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.gridRoundIcon {
    background-color: #E9E9E9;
    padding: 8px 8px;
    border-radius: 100px;
    color: #2C3E50;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.detailsFullGridMain {
    padding: 10px 0 20px 0;
    border-bottom: 1px solid rgb(41 41 41 / 10%);
}

.table-resizable .resize-bar {
    cursor: col-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
}

.table-resizable th:not(:last-child) {
    border-right: 1px solid #cee2ef !important;
}

.table-resizable th, .table-resizable td {
    position: relative;
}

.table-resizable td {
    max-width: 0;
    padding: 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.logisticBundleDate {
    background-color: #e7f0ff;
}

    .logisticBundleDate .packageBottomContent {
        padding-left: 22px;
    }

    .logisticBundleDate .fullWidth {
        grid-column: span 2;
    }

.filterSearchContainer {
    padding: 15px 0;
}

.syncFilterSearchContainer {
    padding: 5px 0 0 0;
}

.filterSearchTitle {
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #dfdfdf;
    padding: 0 0 8px 0;
    margin: 0px 14px 6px 14px;
}

    .filterSearchTitle h1 {
        font-size: 16px;
        font-weight: 600;
        margin: 0px 0px 0px 0px;
        color: #25313e;
        display: flex;
        align-items: center;
        gap: 0px;
    }

    .filterSearchTitle span {
        border-radius: 100px;
        display: flex;
    }

        .filterSearchTitle span i {
            font-size: 13px;
            color: #25313e;
        }


.slideTabSecContainer {
    margin-bottom: 5px;
    padding: 15px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    position: sticky;
    top: 0px;
    z-index: 49;
}

.slideTabMatserSheet {
    border: 1px solid #ffd5b6;
    height: 38px;
    border-right: none;
}

.slideTabSecInner {
    display: flex;
    align-items: center;
    position: relative;
}

.slideTabDays {
    border: 1px solid #ffd5b6;
    overflow-x: auto;
    padding: 0 28px;
    height: 38px;
    width: 100%;
}

    .slideTabDays::-webkit-scrollbar {
        display: none;
    }

.slideTabDaysInner {
    white-space: nowrap;
    display: table;
    width: 100%;
}

.slideTabDaysContent {
    display: inline-table;
    width: 133px;
    border-right: 1px solid #ffd5b6;
}

.slideTabDaysContentAlt {
    width: 60px;
}
/*
.slideTabDaysContent:last-child {
    border-right: none;
}*/

.slideTabDaysHeader {
    background: #ffffff;
    width: 100%;
    text-align: center;
    padding: 6px 12px;
    cursor: pointer;
}

    .slideTabDaysHeader.activeSlideTab {
        background: #fff0e8;
    }

        .slideTabDaysHeader.activeSlideTab a {
            color: #505050 !important;
        }

    .slideTabDaysHeader a {
        text-decoration: none;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 500;
        /*color: #4476FF;*/
        color: #ff8f54 !important;
    }

.arrowPrev {
    width: 28px;
    height: 95%;
    position: absolute;
    left: 268px;
    top: 1px;
    background: #ffffff;
    border: 1px solid #ffd5b6;
    border-top: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .arrowPrev i {
        font-size: 15px;
        color: #6a6a6a;
    }

.arrowNext {
    width: 28px;
    height: 95%;
    position: absolute;
    right: 0px;
    top: 1px;
    background: #ffffff;
    border: 1px solid #ffd5b6;
    border-top: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .arrowNext i {
        font-size: 15px;
        color: #6a6a6a;
    }

.tableMain tbody tr td select {
    padding: 14px 6px;
    font-size: 12px;
    color: #787878;
    font-weight: 600;
    border: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tableMain tbody tr td.ninetyDays {
    background: #fff062;
}

.tableMain tbody tr td.refillsLeft {
    background: #cc81ff;
}

.tableMain tbody tr td.noRefillsLeft {
    background: #81e6ff;
}

.tableMain tbody tr td.nearBilling {
    background: #1bbf71;
}

.tableMain tbody tr td.thirtyDays {
    background: #64ff9b;
}

.tableMain tbody tr td.medicationQuestionable {
    background: #ff7a71;
}

.tableMain tbody tr td.medicationConfirm {
    background: #c5c5c5;
}

.tableMain tbody tr td.narcotics {
    background: #ff8abf;
}

.tableMain tbody tr td.rx {
    background: #a1ff63;
}

.tableMain tbody tr td select option {
    background: #ffffff;
}

.modelInputDropdown {
    position: relative;
}

    .modelInputDropdown::after {
        content: "▼";
        transform: scale(1.1, 0.8);
        font-size: 13px;
        top: 34px;
        right: 11px;
        position: absolute;
        color: #999999;
        z-index: 9999;
    }

.colorCodeCategory {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 100%;
    padding: 0px 0;
    margin: 0px 0 0;
    font-size: 16px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    display: none
}

.colorCodeCategoryItem {
    border-bottom: 1px solid #f2f2f2;
    display: grid;
    align-items: center;
    column-gap: 5px;
    grid-template-columns: 15px 1fr;
    padding: 6px 12px;
    cursor: default;
}

.color-square {
    width: 10px;
    height: 10px;
    display: inline-block;
    /*margin-right: 5px;*/
}

.colorCodeCategoryItem span {
    font-size: 12px;
    cursor: default;
}

.colorCodeCategoryItem i {
    font-size: 12px;
    color: red;
}

.colorCodeContainer {
    width: 100%;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #757575;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: default;
}

    .colorCodeContainer .colorCodeSelected {
        width: 14px;
        height: 14px;
        border: 1px solid #a9a9a9;
    }

    .colorCodeContainer span {
        cursor: default;
    }

.medicationColorCodeMain {
    display: flex;
    gap: 7px;
    align-items: center;
}

.medicationColorCode {
    width: 14px;
    height: 14px;
    border: 1px solid #a9a9a9;
}

.syncDaysTable tbody td {
    color: #000000;
}

.masterSyncDate {
    background-color: transparent;
    /*padding: 4px 10px;*/
    border-radius: 4px;
    color: #2263ff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    transition: all 0.1s linear;
}

    .masterSyncDate:hover {
        /*background-color: #fcede5;*/
        text-decoration: underline;
    }

.masterPatientName {
    background-color: transparent;
    /*padding: 4px 10px;*/
    border-radius: 4px;
    color: #2263ff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    transition: all 0.1s linear;
}

    .masterPatientName:hover {
        /*background-color: transparent;*/
        text-decoration: underline;
    }

    .masterPatientName span {
        color: #2263ff !important;
    }

.workflowDateGridBody {
    border: 1px solid #404040;
}

    .workflowDateGridBody tr th,
    .workflowDateGridBody tr td {
        border: 1px solid #404040 !important;
        border-collapse: collapse;
    }

.syncWorkDaysInner table tr td {
    border: none !important;
    border-right: 1px solid #404040 !important;
}


.faxSettingNotes {
    font-size: 11px;
    color: red;
    margin: 12px 0 6px 0;
}

.syncDaysTable tbody td {
    color: #000000;
}

.dropdownColorDiv {
    width: 10px;
    height: 10px;
}

/*====================================================================================================*/
.breadcrumbSecMain {
    box-shadow: none;
    padding: 0;
    border-radius: 0px;
    margin: 15px 0px 10px 2px;
}

    .breadcrumbSecMain .breadcrumb-item {
        font-size: 13px;
    }

        .breadcrumbSecMain .breadcrumb-item.active {
            font-size: 13px;
            color: #25313e;
        }

        .breadcrumbSecMain .breadcrumb-item + .breadcrumb-item::before {
            color: #9C9C9C;
        }

li.breadcrumb-item a {
    color: #9C9C9C;
}

    li.breadcrumb-item a:hover {
        color: #0dd17f;
    }

.filterGridContainer {
    background-color: #ffffff;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    margin-bottom: 20px;
}

.filterGridTopMain {
    background-color: #f8f8f8;
    border-radius: 4px 4px 0 0;
}

.filterGridTopContainer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #f8f8f8;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #DEDEDE;
    gap: 10px;
    padding: 6px 4px;
}

.filterGridTwoSideTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filterGridHeaderLeft {
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.filterModelInp {
    margin-bottom: 10px;
}

a.filterGridTopInner[aria-expanded="true"] {
    color: #1888ff;
}

    a.filterGridTopInner[aria-expanded="true"] span {
        color: #1888ff;
    }

    a.filterGridTopInner[aria-expanded="true"] svg path {
        fill: #1888ff;
        stroke: #1888ff;
    }

.filterGridTopInner {
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    background-color: transparent;
    border-radius: 4px;
    transition: all 0.1s linear;
}

.filterGridTopBtn {
    padding: 5px 12px;
}

    .filterGridTopBtn:hover {
        background-color: #f5f5f5;
    }

.filterGridTopInner span {
    font-size: 14px;
    color: #25313e;
}

.filterGridTopInner i {
    font-size: 14px;
    color: #25313e;
    display: flex;
    justify-content: center;
}

.filterGridTopInner svg {
    height: 14px;
    width: 14px;
}

.filterOptionInner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 20px;
    padding: 10px 10px 5px 10px;
    background-color: rgb(251, 251, 251);
}

    .filterOptionInner .filterFields.fullWidth {
        grid-column: span 6;
    }

.filterOptionInnerTransparent .filterFields.fullWidth {
    grid-column: span 6;
}

.filterOptionInner.filterOptionInnerMainAlt .fullwidth-filterGrid {
    grid-column: 3 / -2;
}

.filterOptionInner.filterOptionInnerMainAlt .range-filter-main {
    margin: 40px 15px 20px 15px;
}

.filterGridButton {
    display: flex;
    gap: 10px;
    margin-top: 25px;
}

    .filterGridButton .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 11px;
    }

        .filterGridButton .btn i {
            font-size: 18px;
            color: #ffffff;
        }

.filterGridButtonAlt {
    margin: 8px 0;
}

.filterSearchBtn {
    background-color: #3BC7B9;
    border: 1px solid #3BC7B9;
}

.filterClearBtn {
    background-color: #e74c5b;
    border: 1px solid #e74c5b;
}

/*====================*/
.gridListMain {
    margin-bottom: 0px;
}

.gridBorderedMain {
    border: 1px solid #DEDEDE;
}

.gridListMain thead {
    background-color: #f8f8f8;
}

    .gridListMain thead tr th {
        vertical-align: middle;
    }

.gridSortIcon {
    font-size: 12px;
    visibility: hidden;
}

thead tr th:hover .gridSortIcon {
    visibility: visible;
}

.gridListMain thead tr th, .gridListMain thead tr th a {
    color: #25313e;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}


.gridListMain thead td, .gridListMain thead th {
    padding: 10px 10px;
    border-bottom: none;
}

    .gridListMain thead td:not(:last-child),
    .gridListMain thead th:not(:last-child) {
        border-right: 1px solid #e0e0e0;
    }

.gridListMain tbody td, .gridListMain tbody th {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    font-size: 12px;
    padding: 6px 10px;
    color: #3D3D3D;
    border-bottom: 1px solid #dee2e6;
    border-top: 0px;
}

    .gridListMain tbody td:not(:last-child),
    .gridListMain tbody th:not(:last-child) {
        border-right: 1px solid #e0e0e0;
    }

.gridListMain tbody {
    background-color: white;
}

.table.gridListMain tbody tr:hover {
    background: #f9f9f9;
}

.gridListScroll {
    max-height: 350px;
    overflow: auto;
    height: auto;
    border: 1px solid #DEDEDE;
}

    .gridListScroll .table thead {
        position: sticky;
        top: -1px;
    }

.table-icons {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
}

    .table-icons svg {
        height: 18px;
        fill: #2e4051;
    }

    .table-icons img {
        height: 20px;
        fill: #2e4051;
    }

.table.gridListMain td:last-child svg {
    height: 15px;
    fill: #2e4051;
    width: 18px;
}

.table.gridListMain td:last-child img {
    height: 19px;
    fill: #2e4051;
}

.table.gridBorderedMain td:last-child img {
    height: auto;
    fill: #2e4051;
}

.gridListMain thead tr th .character-counter {
    display: none;
}

.gridListRoundIcon {
    background-color: #E9E9E9;
    padding: 4px 4px;
    border-radius: 100px;
    color: #2C3E50;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.gridListIconsFlex {
    display: flex;
    gap: 6px;
    align-items: center;
}

.gridListMain .noRecordsCol {
    border-top: 1px solid #DEDEDE;
}
.headTopAlign tr th{
    vertical-align: top !important;
}
/*=================*/
.gridFooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 11px;
}

.pageCount {
    font-size: 12px;
    color: #757575;
}

.pageshowingInner {
    position: absolute;
    bottom: 7px;
    font-size: 12px;
    left: 20px;
    color: #757575;
}

.pagingNavigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 0px;
    position: relative;
}

    .pagingNavigation a {
        font-size: 12px;
        color: #757575;
        width: 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

        .pagingNavigation a.pagerButtonCurrentPage {
            color: #ffffff;
            background: #25313e;
        }

        .pagingNavigation a:hover:not(.active) {
            background-color: #e8e8e8;
            color: #757575;
        }

.gridDragDropIcon {
    text-align: center;
    cursor: grab;
}

    .gridDragDropIcon:hover i {
        color: #ff6540;
    }

.gridTextButton {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: all 0.1s linear;
}

.reminderButton {
    background-color: #3cbac8;
    color: #ffffff !important;
}

.model-inp .switchButtonLabel {
    overflow: unset;
}

.triggerButton {
    /*background-color: #f0f0f1;*/
    background-color: #ff9268;
    color: #ffffff !important;
}

.historyButton {
    background-color: #3cbac8;
    color: #ffffff !important;
}

.updateSchedulerLink {
    color: #FF7E7E !important;
}

.faxIdContainer {
    display: grid;
    column-gap: 7px;
    align-items: center;
    width: 100%;
    grid-template-columns: 20px 1fr;
}

    .faxIdContainer span {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        font-size: 20px;
    }

    .faxIdContainer .faxIdInner {
        width: 100%;
    }

.model-inp .character-counter {
    display: none;
}


.syncWorkflowGridTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.maxSyncContainer {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-left: 5px;
}

    .maxSyncContainer span {
        font-size: 13px;
    }

.maxSyncDropdown {
    position: relative;
}

    .maxSyncDropdown select {
        width: 100%;
        padding: 8px 0px;
        font-size: 13px;
        font-weight: 500;
        border: none;
        border-bottom: 1px solid #cccccc;
        border-radius: 0px;
        color: #757575;
        transition: all 0.15s ease;
        background-color: transparent;
        text-align: center;
    }

.maxSyncContainer .syncDateSave {
    font-size: 12px;
    padding: 4px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scrolling-container {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.workflowColorCodeInner {
    display: flex;
    margin-right: 50px;
    align-items: center;
    gap: 6px;
}

    .workflowColorCodeInner .colorCodeLegendMain {
        width: 12px;
        height: 12px;
    }

    .workflowColorCodeInner .colorCodeLegendContent {
        font-size: 11px;
        color: #757575;
        font-weight: 500;
    }

.workflowColorCodeLegend {
    padding: 5px 1px;
    border: 1px solid #404040;
    border-bottom: none;
    display: flex;
    background-color: #fff;
}

.workflowColorCodeLegendContainer {
    display: inline-flex;
    animation: scroll 28s linear infinite;
}

    .workflowColorCodeLegendContainer:hover {
        animation-play-state: paused;
    }

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

}

.updateSchedularButton {
    background-color: #3cbac8;
    color: #ffffff !important;
}

.basicInfoFieldsAlt {
    gap: 6px;
}

    .basicInfoFieldsAlt p {
        width: 100%;
        margin: 0;
        font-size: 12px;
        color: #757575 !important;
        font-weight: 500;
    }

/*============================reminder Action===============================*/
.reminderActionTitle {
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 0px 0 2px 0;
    padding: 0 2px;
}

    .reminderActionTitle span {
        font-size: 16px;
        font-weight: 600;
        color: #262626;
    }

/*==========================workflowdetail grid==========================*/
.tabsMainContainer .tabsMain {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    gap: 8px;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
    border-bottom: 1px solid #E7E7E7;
}

ul.tabsMain .indicator {
    display: none;
}

.tabsMainContainer .tabsMain .tabTitle {
    width: auto;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    padding: 10px 0px !important;
    position: relative;
    background-color: #ffffff;
    z-index: 99;
}

    .tabsMainContainer .tabsMain .tabTitle a {
        color: #9C9C9C;
        font-weight: 500;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        padding-right: 0px;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-transition: color .28s ease, background-color .28s ease;
        transition: color .28s ease, background-color .28s ease;
        padding: 5px 10px;
        border-radius: 3px;
        position: relative;
    }

    .tabsMainContainer .tabsMain .tabTitle:hover a {
        color: #757575;
        background-color: #f1f1f1;
        margin: 0;
    }

    .tabsMainContainer .tabsMain .tabTitle.active a {
        color: #2684FF;
        font-weight: 600;
    }

    .tabsMainContainer .tabsMain .tabTitle.active::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #2684FF;
        border-radius: 10px;
    }


.fillableCheckboxContainer {
    padding: 0px 0px 0px 14px;
}

    .fillableCheckboxContainer label {
        font-size: 14px;
        color: #262626 !important;
        display: flex !important;
        align-items: center;
        gap: 2px;
    }

.fillable-checkbox input[type=checkbox] + label:before {
    vertical-align: middle;
    font-size: 10px;
}

.fillableCheckboxContainer input[type=checkbox] + label:before {
    margin-right: 0.4em;
    padding-left: 0.2em;
}

/*========Switch========*/
.switchMain {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 25px;
    border-radius: 50px;
    background-color: TRANSPARENT;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden;
    border: 1px solid #9C9C9C;
    margin-bottom: 0;
}

    .switchMain input {
        display: none;
    }

        .switchMain input:checked + .switchEmpty {
            left: calc(80px - 46px);
            box-shadow: 0px 0px 0px white;
        }

    .switchMain .switchEmpty {
        position: absolute;
        width: 15px;
        height: 15px;
        border-radius: 27px;
        background-color: #9c9c9c;
        top: 4px;
        left: 5px;
        transition: all .3s;
    }

        .switchMain .switchEmpty:before, .switchMain .switchEmpty:after {
            position: absolute;
            content: 'ON';
            width: calc(80px - 54px);
            height: 0px;
            line-height: 25px;
            font-size: 12px;
            font-weight: bold;
            top: -5px;
        }

        .switchMain .switchEmpty:before {
            content: 'OFF';
            color: rgb(120, 120, 120);
            left: 100%;
            margin-left: 5px;
        }

        .switchMain .switchEmpty:after {
            content: 'ON';
            right: 100%;
            color: #37ce9d;
        }

.switchMain-checked {
    background-color: transparent;
    border: 1px solid #37ce9d;
}

    .switchMain-checked .switchEmpty {
        background-color: #37ce9d;
    }


.tabsNavigation {
    /*overflow: hidden;*/
    display: flex;
    z-index: 1;
    gap: 10px;
    padding: 0px 0px;
    margin: 0px 0 10px 0;
    /*border-bottom: 0px !important;*/
}

    .tabsNavigation .tabNav.active {
        background-color: #ffffff !important;
        color: #2684FF !important;
        border-bottom: 3px solid #2684FF;
        font-weight: 600 !important;
        font-size: 15px !important;
    }

    .tabsNavigation .tabNav {
        color: #9C9C9C !important;
        font-weight: 500 !important;
        padding: 8px 7px !important;
        position: relative;
        font-size: 15px !important;
    }

        .tabsNavigation .tabNav.active::after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #2684FF;
            border-radius: 10px;
        }

.btn.btn-grid {
    padding: 3px 9px;
}

.storeLocationModal {
    z-index: 999 !important;
}


.packageTypeTitle {
    position: absolute;
    right: 16px;
    top: 14px;
    z-index: 99;
}

    .packageTypeTitle h6 {
        margin-bottom: 0;
        padding: 6px 12px;
        border-radius: 4px;
        font-size: 14px;
    }

.pickupType h6 {
    background-color: #d4f9f1;
    color: #1cc69d;
}

.dropType h6 {
    background-color: #fff0f0;
    color: #e96565;
}

.returnPickupType h6 {
    background-color: #cff5ed;
    color: #1cc69d;
}

.returnDropType h6 {
    background-color: #ffe1e1;
    color: #e96565;
}

.packageAlphabetList {
    height: 22px;
    width: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #25313e;
    border-radius: 10px 0 10px 0;
}

    .packageAlphabetList h5 {
        font-size: 13px;
        color: #ffffff;
        margin: 0;
    }

.packageBottomSec {
    background: #e9f1ff;
    border-radius: 0 0 20px 20px;
    padding: 0 0 0 20px;
}

.packageBottomContent {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .packageBottomContent p {
        font-size: 11px;
        color: #333;
        margin: 0;
        /*overflow: hidden;
        text-overflow: ellipsis;*/
        white-space: nowrap;
    }

    .packageBottomContent h6 {
        font-size: 11px;
        color: #000;
        font-weight: 600;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80%;
    }

.packageBottomBtn {
    text-align: right;
}

    .packageBottomBtn button {
        font-size: 12px;
    }

.settingsInnerVisible {
    overflow: visible;
}

.claimsTopContent {
    display: flex;
    gap: 15px;
    align-items: center;
}

    .claimsTopContent label {
        margin-bottom: 0px;
        font-size: 12px;
    }

    .claimsTopContent span {
        margin-bottom: 0px;
        font-size: 12px;
    }

.inlineFlexLegends {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .inlineFlexLegends label {
        margin-bottom: 0;
    }

.filterGridTopBtnMain {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 6px 0;
}

.gridHeadFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.returnPackageInner {
    background-color: #ffffff;
    border-radius: 10px;
    margin: 15px 0;
    position: relative;
    border: 1px solid #e3e3e3;
}

.returnPackageTopTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px 8px 32px;
    background-color: #f7f7f7;
    border-radius: 10px 10px 0 0;
    /*margin-bottom: 10px;*/
}

.returnPackageTenant h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #262626;
}

.returnPackageTopTitle .packageTypeTitle {
    position: static;
}

.returnPackageContentInner {
    display: grid;
    row-gap: 15px;
    padding: 15px 25px;
}

.returnPackageTop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.returnPackageBottom {
    display: grid;
    grid-template-columns: 260px 1fr;
}

.detailContentMainReturn label {
    overflow: unset;
}

.labelInputMain {
    margin-bottom: 0px;
}

    .labelInputMain label {
        font-size: 13px;
        font-weight: 500;
        color: #8E8E8E !important;
        margin-bottom: 4px;
        overflow: unset;
    }

.hrReturnPackageMain {
    position: relative;
    padding: 20px;
}
.detailBottomFixed {
    position: sticky;
    bottom: 0;
    background-color: #ffffff;
    padding: 10px 0;
    border-top: 1px solid #d2d2d2;
    width: 100%;
    z-index: 100;
}

.releasePackageNotesMain {
    display: grid;
    row-gap: 10px;
}

.releasePackageNotes {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    align-items: center;
}

    .releasePackageNotes i {
        font-size: 16px;
        color: #000;
    }

    .releasePackageNotes span {
        font-size: 13px;
        color: #000;
    }

.inlineLink {
    color: #0d6cff;
    font-weight:600;
}

.inlineSwitchContainer {
    display: flex;
    gap: 5px;
    align-items: center;
}

    .inlineSwitchContainer label {
        margin-bottom: 0;
    }

.blockSwitchContainer {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 3px;
}

    .blockSwitchContainer label {
        font-size: 12px;
        color: #9f9f9f !important;
        font-weight: 500;
        margin-bottom: 2px;
    }

.packageTenantDropdown {
    width: 13%;
}

    .packageTenantDropdown select {
        font-size: 13px;
    }

/*================= advance-search ====================*/
.advanceSearchMain {
    background-color: rgb(251, 251, 251);
}

.advanceSearchTitle {
    display: flex;
    padding: 0px 10px 5px 5px;
    border-bottom: 1px solid #DEDEDE;
}

    .advanceSearchTitle a[aria-expanded="true"] {
        color: #1888ff;
    }

        .advanceSearchTitle a[aria-expanded="true"] span {
            color: #1888ff;
        }

        .advanceSearchTitle a[aria-expanded="true"] svg path {
            fill: #1888ff;
            stroke: #1888ff;
        }

.packageAddress {
    margin-bottom: 20px;
}

    .packageAddress p {
        margin-bottom: 4px;
        font-weight: 500;
        font-size: 12px;
        color: #757575;
    }

.packageAddressInner h6 {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 13px;
}

.sharedPackageMain {
    display: grid;
    row-gap: 0px;
}

.sharedPackageInner {
    display: grid;
    grid-template-columns: 140px 1fr;
    column-gap: 15px;
    border-bottom: 1px dashed #d2d2d2;
    padding: 8px 0;
}

    .sharedPackageInner:last-child {
        border: none;
    }

.sharedPackageDetailsInner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}


/*=====*/
.manifestPrintPopupMain {
    border-bottom: 1px dashed #d2d2d2;
    padding: 15px 0px;
}
.manifestPrintPopupInner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}


.sharedPackageQRMain img {
    max-width: 100%;
    height: auto;
}

.sharedPackageDetailsMain {
    padding-top: 10px;
}


.harbourAddManifestMain {
    display: grid;
    grid-template-columns: 340px 1fr;
    position: relative;
    width: 75%;
    margin: auto;
    padding: 10px 0 10px 0;
}

.harbourLeftMain {
    /*padding-bottom: 30px;
    border-bottom: 1px solid #ededed;*/
}

.harbourLeftBlock {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 15px;
    padding: 0 30px;
}

.harbourStoreListMain {
    /*padding: 0 20px;*/
    position: relative;
}

.horbourStoreListContainer {
    height: 600px;
    overflow: auto;
    padding: 0 40px;
}

    .horbourStoreListContainer .horbourStoreListContentMain:first-of-type {
        margin-top: 5px;
    }

.horbourStoreListContentMain {
    position: relative;
    background: #fff;
    border-radius: 10px;
    margin-top: 16px;
    border: 1px solid rgb(88 139 219 / 20%);
}

.harbourStoreListContent {
    padding: 22px 20px;
    position: relative;
}

.harbourStoreListMain::before {
    content: '';
    height: 100%;
    width: 1px;
    background-color: #e5e5e5;
    color: #efefef;
    position: absolute;
    top: 0;
    left: 0px;
}

.harbourAddStoreTitle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff;
    padding: 0 40px 10px 40px;
}

.backgroundButton {
    background-color: #f1f1f1;
    padding: 6px 12px;
    border: 1px solid #f1f1f1;
    transition: 0.1s all linear;
}

    .backgroundButton:hover {
        background-color: #e9e9e9;
    }

.hoveredButton:hover {
    background-color: #f1f1f1;
    margin: 0;
}

.harbourAddStoreMain {
    height: 600px;
}

.harbourAddStoreInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
}

.storeImgMain i {
    font-size: 110px;
    color: #d9d9d9;
}

.storeText h4 {
    margin-bottom: 0;
    color: #b1b1b1;
    font-size: 14px;
}

.AddStoreBtn {
    background-color: #f1f1f1;
}
/*.AddStoreBtn i {
        color: #fff;
    }
    .AddStoreBtn span {
        color: #fff;
    }*/

.deleteStoreMain {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 20px;
    z-index: 99;
}

    .deleteStoreMain .deleteStore {
        font-size: 16px;
        background-color: #ffe9e9;
        padding: 10px;
        border-radius: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ff4646;
        border: none;
    }

.noDataMain {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 500px;
    gap: 16px;
}

.noDataImgMain i {
    font-size: 140px;
    color: #D9D9D9;
}

.noDataText h4 {
    margin-bottom: 0;
    color: #B1B1B1;
    font-size: 15px;
}

.storeListInner {
    padding: 0 0px 16px 0px;
    position: relative;
}

.storeListSticky {
    width: 96%;
    float: right;
    position: relative;
    background: #fff;
    /*padding: 15px 10px;*/
    border-radius: 14px;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    border: 1px solid #E4E4E4;
    margin-top: 30px;
    border: 1px solid rgb(88 139 219 / 20%);
}

    .storeListSticky:first-child {
        margin-top: 10px;
    }

    .storeListSticky:before {
        display: inline-block;
        content: '';
        position: absolute;
        left: -50px;
        height: 110%;
        top: 50px;
        width: 10px;
        border-left: 2px dashed #BABABA;
    }

    .storeListSticky:after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 25px;
        left: -59px;
        width: 20px;
        height: 20px;
        border: 2px solid #CCC;
        border-radius: 50%;
        background-color: #FFF;
    }

    .storeListSticky.storeListStickyOpen::after {
        content: '\f3c5';
        font-weight: initial;
        font-size: 24px;
        font-family: FontAwesome;
        text-align: center;
        border: 0;
        background-color: #fff;
        color: #212121;
        top: 10px;
        left: -60px;
        height: fit-content;
    }

.storeListContent {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .storeListContent h4 {
        font-size: 12px;
        font-weight: 600;
        color: #262626;
        margin-bottom: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .storeListContent label {
        display: block;
    }

    .storeListContent .detailContentMain h6 {
        font-size: 12px;
    }

.storeListAction {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 20px;
}

.dropdownBtnAction {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    border-radius: 4px;
    border: none;
}

.dropdownBackground {
    background-color: #EBEBEB;
}

.dropdownBtnAction i {
    font-size: 14px;
    color: #7C7C7C;
}

.bundleDetailIconAlt span {
    background-color: #FFF2F0;
}

.bundleDetailIconAlt i {
    color: #FF7C5F;
}

.backgroundText {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: all 0.1s linear;
    background-color: #f1f1f1;
}

.backgroundLinkText {
    padding: 5px 10px;
    color: #549aff !important;
    font-size: 12px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: all 0.1s linear;
    background-color: #ebf4ff;
}

.gridTopButton {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    align-items: center;
    margin-bottom: 10px;
}

.payorClaimDetailsContent {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 25px;
}

.halfHeightPayorDetail {
    height: 280px;
}

.settingsInnerAlt {
    border: 1px solid #dfdfdf;
    box-shadow: none;
}

.settingsInnerHeight {
    height: 90%;
}

.settingsInnerGridMain {
    padding-top: 15px;
}


/*================= drug module ================*/
.topContentInner {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .topContentInner i {
        font-size: 13px;
    }

    .topContentInner label {
        font-size: 12px;
        margin-bottom: 0;
        color: #25313e !important;
    }

    .topContentInner svg {
        width: 15px;
        height: 15px;
    }

.iconButton {
    border: none !important;
    background-color: transparent;
    border-radius: 0 !important;
}

.filterFields.fullWidthCheck {
    grid-column: span 4;
}

.filterFields.radio-main {
    grid-column: span 2;
}

.markText {
    color: #2096ff !important;
    background-color: #eaf5ff;
}

.unmarkText {
    color: #e86f6f !important;
    background-color: #ffeded;
}

.dropdownDots {
    padding: 4px 12px;
}

    .dropdownDots i {
        font-size: 16px;
    }

.filterInnerDivTop {
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
}

/*.filterInnerDivTop .filterOptionMain {
        padding-top: 10px;
        border-top: 1px solid #dddddd;
    }*/

.filterOptionInnerTransparent {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 20px;
}

.fullSearchButtonsMain {
    background-color: rgb(251, 251, 251);
    padding: 10px 10px 5px 10px;
}

.fullSearchButtonsBordered {
    border-top: 1px solid #DEDEDE;
}

.fullSearchButtonsTransparent {
    background-color: transparent;
    padding: 10px 10px 5px 10px;
}


.advanceFilterOptionInner {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 10px 14px 10px;
}

.fullSearchButtonsInner {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .fullSearchButtonsInner .filterGridButtonAlt {
        margin: 4px 0;
    }


.storeListColumnsMain {
    padding: 0px 19px;
}

.storeListDevider {
    display: grid;
    /* grid-template-columns: 60px 1fr; */
    align-items: center;
}

.storeListCountInner {
    display: flex;
    /* flex-direction: column; */
    margin-bottom: 15px;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 7px 32px;
    background-color: #25313e0d;
    border-radius: 14px 14px 0px 0px;
    /* color: #ff7c5f;*/
}

    .storeListCountInner span {
        font-size: 15px;
        margin-bottom: 0px;
    }

    .storeListCountInner h4 {
        margin-bottom: 0px;
        font-size: 16px;
    }

.noDataMainAlt {
    height: 100%;
}


.gridColorSpan {
    border-radius: 10px;
    margin-right: 4px;
    border: 1px solid #d1d1d1;
}

.deDupeFilterMain {
    padding: 5px 17px;
    margin-bottom: 10px;
}

.deDupeFilterInner {
    display: grid;
    row-gap: 10px;
}

.deDupeFilterTop {
    display: flex;
    align-items: center;
    gap: 15px;
}

.inlineCheckbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .inlineCheckbox .fillable-checkbox {
        padding: 0;
    }

.deDupePatientCount {
    display: flex;
    margin: 0 0 10px 0;
}

.deDupeFilterButton {
    display: flex;
}

.deDupePatientCount h4 {
    padding: 4px 10px;
    background-color: #edf7ff;
    border-radius: 3px;
    font-size: 13px;
    color: #4b9cff;
    /* display: flex; */
    margin: 0;
}

.gridLinkButton {
    padding: 2px 6px;
    background-color: #edefff;
    color: #4b6fff !important;
    font-weight: 500;
    border-radius: 2px;
    display: flex;
    justify-content: center;
}

.gridBackgroundButton {
    background-color: #ededed;
    padding: 4px 12px;
    transition: 0.1s all linear;
}

    .gridBackgroundButton:hover {
        background-color: #e8e8e8;
    }

.gridListMain .fillable-checkbox input[type=checkbox] + label:before {
    margin: 0 4px;
}


/*=============== de dupes ===============*/

.dedupePatientTitle {
    display: flex;
    gap: 7px;
    align-items: center;
}

    .dedupePatientTitle i {
        font-size: 15px;
        padding: 6px 8px;
        background-color: #dde9ff;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2173ff;
    }

    .dedupePatientTitle span {
        font-size: 14px;
        color: #2173ff;
    }

    .dedupePatientTitle:hover span {
        text-decoration: underline;
    }

.dedupeRecordInner {
    padding: 6px 0;
    height: 100%;
}

    .dedupeRecordInner label {
        font-size: 13px;
        margin: 0 !important;
    }

/*========== steps ========*/
.wizard > .steps > ul > li.current:after, .wizard > .steps > ul > li.current:before {
    border-left-color: #28a0af !important;
    border-right-color: #28a0af !important;
}

.wizard > .steps > ul > li.current:before {
    right: -12px !important;
    border-left: 12px solid !important;
}

.wizard > .steps > ul > li:before {
    border-left: 14px solid #2a9dad !important;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background-color: #299eae !important;
    font-weight: 500;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    height: 47px !important;
}

.wizard > .steps .current a .number, .wizard > .steps .current a .number:hover, .wizard > .steps .current a .number:active {
    font-size: 13px;
    /*background-color: #fff;
        display: inline;
        padding: 2px 10px;
        border-radius: 40px;
        color: #2c9cac;
        margin: 0 4px;
        font-weight: 600;*/
}

.wizard > .steps .number, .wizard > .steps .number:hover, .wizard > .steps .number:active {
    font-size: 13px;
    /*background-color: #d2faff;
    display: inline;
    padding: 2px 10px;
    border-radius: 40px;
    color: #2c9cac;
    margin: 0 4px;
    font-weight: 600;*/
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    color: #2a9dad !important;
    font-weight: 500;
}

.wizard > .actions {
    background-color: #ffffff !important;
    margin: 8px 0;
    border: none !important;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #68c5d2 !important;
    font-weight: 500 !important;
}

.wizard > .steps > ul > li.done:after {
    border-left: 14px solid #68c5d2 !important;
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
    background: #eee !important;
    color: #aaa !important;
    pointer-events: none;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #2bb7d0 !important;
}

.pickupTypeLegendMain {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 22px;
}

.pickupTypeLegendInner {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .pickupTypeLegendInner span {
        font-size: 14px;
        color: #626262;
    }

    .pickupTypeLegendInner svg path {
        fill: #1ec1b2;
    }

.dropTypeLegendInner svg path {
    fill: #50a5ff;
}

.gridLegendText {
    display: flex;
    gap: 5px;
    align-items: center;
}

.backgroundDetailMain {
    width: fit-content;
}

    .backgroundDetailMain label {
        font-size: 12px;
        color: #757575 !important;
        font-weight: 500;
        margin-bottom: 4px;
    }

    .backgroundDetailMain h6 {
        font-size: 13px;
        font-weight: 600;
        color: #39588E;
        background-color: #e4edff;
        padding: 8px 30px;
        border-radius: 4px;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }


.contactTextfieldInline {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.contactCheckboxInline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.patientEditCheckMain {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 15px;
}

    .patientEditCheckMain .fillable-checkbox {
        padding: 0;
    }

.fileUploadAdd {
    margin-top: 28px;
}


.sec-inner-title {
    width: 100%;
    margin-bottom: 10px
}

    .sec-inner-title h1 {
        font-size: 18px;
        font-weight: 700;
        color: #25313E;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }


.deliveryMarkerInner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.locationTypeCheckbox {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    gap: 50px;
}

    .locationTypeCheckbox .fillable-checkbox {
        padding: 0 !important;
    }

.markDefaultCheckbox {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.deliveryMarkerIsDefaultNotes {
    font-size: 13px;
    font-weight: 500;
    color: #343434;
}

.locationTypeCheckboxMain {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 90px;
}

.locationTypeCheckboxInner {
    display: grid;
    row-gap: 10px;
}

.locationTypeLabel h6 {
    font-size: 12px;
    margin-bottom: 0px;
}

.logisticInfoFields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
    column-gap: 30px;
}

.logistic-preview {
    background-color: #F8F8F8;
    background-size: cover;
    border: 1px solid #ccc;
    /* border-radius: 50%; */
    margin-top: 7px;
    width: 100px !important;
    margin: 0 auto;
    height: 100px;
    margin-bottom: 10px;
    overflow: hidden;
}

.logisticInfoImage {
    width: 35%;
}

.logisticInfoMain {
    display: flex;
    gap: 30px;
    justify-content: center;
}



/*============================================patient Detail=================================================*/

.patientNewContainerInner {
    display: flex;
    /*grid-template-columns: 94% 6%;*/
}

.patientDetailLeftContainer {
    width: 94%;
}

.patientDetailRightContainer {
    width: 6%;
}

.patientBackground {
    position: absolute;
    top: 0;
    left: 0;
}

.patientNewContainerInner {
    padding: 0px;
}

.patientBackground img {
    max-width: 100%;
    height: auto;
}

.patientProfileMain {
    /*margin: 6px 0 16px 0;*/
    display: grid;
    grid-template-columns: 500px 1fr;
    column-gap: 10px;
}

.patientProfileInner {
    display: grid;
    grid-template-columns: 102px 1fr;
    column-gap: 10px;
}

.patientPhoto {
    display: grid;
    row-gap: 1px;
    text-align: center;
    margin-top: 3px;
    border-radius: 15px;
}

.ptientStatus {
    font-size: 14px;
    font-weight: 600;
}

.ptientStatusActive {
    color: #34bb83;
}

.ptientStatusInactive {
    color: #d54949;
}

.ptientStatusRequestAccess {
    color: #3577c9;
}

.ptientStatusFlash {
    color: #ff874e;
}

.patientPhoto img {
    max-width: 100%;
    height: auto;
}

.patientDetailTop {
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

    .patientDetailTop span {
        font-size: 14px;
        color: #262626;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

.patientNameMain {
    display: flex;
    gap: 5px;
}

    .patientNameMain .patientName {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .patientNameMain .patientNameDevider {
        color: #768DC8;
        font-size: 16px;
    }

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

    .patientAddressMain .patientAddressFirst {
        text-overflow: unset;
        overflow: unset;
    }

.innerContentContainer {
    border: 1px solid #D3DDEB;
}

.patientProfileRight {
    display: grid;
    row-gap: 10px;
}

.patientProfileRightTop {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 30px;
    border-bottom: 1px solid #DEEAF9;
    padding-bottom: 14px;
}

.patientProfileBottomInner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.patientDateLabel {
    font-size: 12px;
    font-weight: 600;
    color: #5586C8 !important;
    background-color: #F2F5F9;
    padding: 6px;
    border-radius: 4px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0px;
}


.patientProfileBox {
    background-color: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
}

.patientProfileBoxInner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
}

    .patientProfileBoxInner .backgroundContentMain {
        margin: 0;
    }

.patientNumberContainer {
    margin-top: 12px;
}

.patientNumberInner:last-child {
    border-bottom: none;
}

.patientNumberInner {
    padding: 18px 0;
    border-bottom: 1px solid #EAEAEA;
}


.patientBottomDateMain {
    display: grid;
    grid-template-columns: 40px 1fr;
    column-gap: 5px;
}

.patientBottomDateIcon {
    background-color: #E3EAF6;
    border-radius: 6px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .patientBottomDateIcon svg {
        width: 22px;
        height: auto;
    }

.patientContentBottomInner {
    padding: 22px 18px;
}


.topTabsContainer {
    height: 100%;
    max-height: -webkit-fill-available;
}

.thingsMattersTitle {
    padding: 5px 4px 6px 4px;
}

    .thingsMattersTitle h6 {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 600;
    }

.thingsMattersMain {
    margin: 8px 4px;
}

    .thingsMattersMain h5 {
        font-size: 13px;
        color: #262626;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 0;
    }

.detailInputsMain {
    margin-top: 20px;
}

.dropdownSelectedLabelMain {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    row-gap: 7px;
    column-gap: 10px;
}

.enrollmentSelectedLabelMain {
    grid-template-columns: repeat(1, 1fr);
    overflow: auto;
    max-height: 180px;
}
    .enrollmentSelectedLabelMain .enrollmentSelectedLabelInner {
        display: flex;
        flex-direction: column;
        gap: 1px;
    }

    .enrollmentSelectedLabelMain .dropdownSelectedListMain {
        padding: 4px 20px !important;
        border: 1px solid #d2d2d2;
    }

.enrollContextMenu button {
    padding: 4px 8px;
}

    .enrollContextMenu button i {
        color: #fff;
    }

.enrollContextMenu ul li a {
    justify-content: flex-start !important;
}

.dropdownSelectedLabelMain .dropdownSelectedListMain {
    background-color: #F2F5F9;
    color: #262626;
}

.dropdownSelectedLabelMain .dropdownSelectedListMain {
    display: flex;
    padding: 0.4rem 0.7rem;
    font-size: 0.8rem;
    position: relative;
    cursor: default;
    border-radius: 30px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

    .dropdownSelectedLabelMain .dropdownSelectedListMain span {
        font-size: 0.8rem;
        text-transform: capitalize;
    }

    .dropdownSelectedLabelMain .dropdownSelectedListMain a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .dropdownSelectedLabelMain .dropdownSelectedListMain a svg {
            width: 18px;
            height: auto;
        }


.multiselectAddDropdown input {
    width: 100% !important;
}

.multiselectAddDropdown select {
    width: 86% !important;
    padding: 7px 12px 8px 12px;
    border-radius: 5px 0px 0px 5px;
}

.additionalInfoBottom {
    border-top: 1px solid #E3E3E3;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.additionalInfoBottomInner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 16px 18px;
    column-gap: 20px;
}

.inlineTwoSideContentMain {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 18px;
    margin: 15px 0 0 0;
}

.inlineTwoSideContentInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .inlineTwoSideContentInner span {
        font-size: 13px;
        font-weight: 500;
        color: #262626 !important;
    }

    .inlineTwoSideContentInner .inlineTwoSideSpanTitle {
        color: #8E8E8E !important;
    }

.additionalInfoLinedMain::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    height: 100%;
    width: 1px;
    background-color: #E3E3E3;
}


.deliveryPreferenceMain {
    margin-top: 14px;
}

.deliveryPreferenceInner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}

.deliveryPreferenceButton {
    margin: 15px 0;
    text-align: center;
}

.publicNotesMain {
    margin-top: 12px;
}

    .publicNotesMain h5 {
        font-size: 13px;
        color: #262626;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        margin-bottom: 0;
        line-height: 19px;
    }

.moduleAccessInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

    .moduleAccessInner .moduleAccessSwitch {
        font-size: 14px;
        color: #262626;
    }

.contentDivMain {
    margin-top: 10px;
}

.detailGridResponsiveMain {
    height: auto;
    max-height: 190px;
    overflow: auto;
}

.feedbackGridResponsiveMain {
    height: auto;
    max-height: 220px;
    overflow: auto;
}

/*.slidingTabsMain {
    overflow: auto;
}*/
.slidingTabsMain .tabsMain {
    overflow-x: auto;
    /*border-bottom: none;*/
}

.tabsMain .tabTitle.active {
    position: sticky;
    left: 0;
    z-index: 999;
}

.tabsInnerDetailTitle h5 {
    font-size: 18px;
    /*margin-bottom: 0px;*/
}

.checkboxAlignInline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
}

.feedbackFormContentMain {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    padding: 7px 0;
    border-bottom: 1px solid #e1e1e1;
}

.feedbackFormContentInner {
    display: flex;
    gap: 6px;
    align-items: center;
}

    .feedbackFormContentInner span {
        font-size: 12px;
        color: #757575 !important;
        font-weight: 500;
    }

.signatureContentTitle {
    font-size: 12px;
    color: #757575 !important;
    font-weight: 500;
    margin-bottom: 5px;
}

.documentLibraryTopAction {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 6px 0;
    border-bottom: 1px solid #E0E0E0;
}

.documentLibraryTopLeft {
    display: flex;
    align-items: center;
    gap: 6px;
}

.documentLibraryTopRight {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

.documentLibraryTopLeft span {
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
    color: #262626;
}


.documentLibraryContentMain {
    display: grid;
}

.documentLibraryTwoSide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #E0E0E0;
}

.documentLibraryContentInner {
    display: flex;
    gap: 10px;
    align-items: center;
}

.folderIconMain svg {
    width: 19px;
    height: 19px;
}

.folderNameMain {
    display: flex;
    gap: 10px;
    align-items: center;
}

.folderName {
    font-weight: 500;
    font-size: 13px;
    color: #262626;
    text-decoration: none;
    cursor: pointer;
}

.updatedFolderSpan {
    font-weight: 500;
    font-size: 13px;
    color: #A2A2A2;
    text-decoration: none;
}

.updatedFolderDevider {
    font-weight: 500;
    font-size: 13px;
    color: #A2A2A2;
    text-decoration: none;
}

.documentLibraryActionRight {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    align-items: center;
}

/*.docLibraryContainer {
    height: 97.5%;
}*/

.documentLibraryContentContainer {
    height: auto;
    max-height: 540px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding-right: 4px;
}

.patientBottomDateMainRight {
    margin-left: 11px;
}

.rpmTopMain {
    display: grid;
    grid-template-columns: 1fr 15px 1fr;
    column-gap: 10px;
    margin-bottom: 10px;
}

.detailSectionOption span {
    font-size: 12px;
    color: #262626;
}

.detailSectionOption {
    align-content: center;
    margin-top: 20px;
}

.patientContainer {
    height: 95%;
}

.workflowContainer .twoRowContainerHeight {
    overflow: auto;
}

.switchBlockContainer {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.moduleCampaignTitle {
    border-bottom: 1px solid #d2d2d2;
    margin: 35px 0 15px 0;
}

    .moduleCampaignTitle h4 {
        font-size: 22px;
        color: #262626;
        font-weight: 600;
    }



.activityTrackingInner {
    border-left: 3px solid #009688;
    padding: 0 0px 0 30px;
    margin-left: 175px;
}

    .activityTrackingInner .item {
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 30px;
        border-bottom: 1px solid #d9d9d9;
    }

        .activityTrackingInner .item::before {
            content: "";
            position: absolute;
            left: -43px;
            top: 0;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: #ffffff;
            border: 3px solid #009688;
        }

        .activityTrackingInner .item::after {
            content: "";
            position: absolute;
            left: -37px;
            top: 6px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #009688;
        }

    .activityTrackingInner .trackingStatus {
        font-size: 16px;
        color: #383838;
        font-weight: 700;
    }


    .activityTrackingInner .trackingDateTime {
        position: absolute;
        left: -140px;
        top: 3px;
    }

        .activityTrackingInner .trackingDateTime .trackingDate {
            font-size: 14px;
            color: #009688;
            font-weight: 700;
        }

        .activityTrackingInner .trackingDateTime .trackingTime {
            font-size: 14px;
            color: #383838;
        }

.packageTrackingContent {
    display: grid;
    row-gap: 5px;
}

    .packageTrackingContent span {
        font-size: 12px;
        color: #7e7e7e;
    }

.gridLogisticNameMain {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .gridLogisticNameMain img {
        width: 30px;
        height: 30px;
    }


.patientStatusMain {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .patientStatusMain svg {
        height: 16px;
        width: 16px;
    }

        .patientStatusMain svg path {
            stroke: #2f518b;
        }

        .patientStatusMain svg circle {
            stroke: #2f518b;
        }



/*======================Dialer-Dialog====================*/
.callDialog {
    background-color: #001934;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: fixed;
    bottom: 43px;
    transform: scale(0);
    right: 5px;
    z-index: 99999;
    transition: 0.2s all linear;
}

.dialerDialog {
    height: 585px;
    width: 360px;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all linear;
}

    .dialerDialog.active {
        opacity: 1;
        bottom: 43px;
        visibility: visible;
        transform: scale(1);
    }

.callDialogTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 4px 20px;
}

    .callDialogTop .callDialogTitle {
        font-size: 13px;
        font-weight: 600;
        color: #ffffff;
        margin: 0;
    }

    .callDialogTop i {
        font-size: 14px;
        color: #B1B1B1;
        cursor: pointer;
    }

.callDialogCallType .tabsMain {
    display: flex;
    justify-content: space-around;
    position: relative;
    gap: 0px;
    background-color: transparent;
    margin: 0;
    margin-top: 8px;
    border-bottom: 1px solid #092441;
}

    .callDialogCallType .tabsMain .tabTitle {
        padding: 6px 10px;
        color: #ABABAB;
        font-size: 14px;
        font-weight: 400;
        width: auto;
        display: inline-block;
        text-align: center;
        background-color: #001934;
        cursor: pointer
    }

        .callDialogCallType .tabsMain .tabTitle.active {
            border-bottom: 2px solid #fff;
            font-weight: 500;
            color: #fff;
        }

.dialerUserContentMain {
    padding: 0px 20px;
    margin: 26px 0;
}

.dialerUserContent {
    display: grid;
    grid-template-columns: 70px 1fr;
    column-gap: 15px;
    align-items: center;
}

.dialerUserIamge img {
    max-width: 70px;
    height: 70px;
    border-radius: 100px;
    border: 2px solid #ffffff;
}

.dialerUserInformation {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .dialerUserInformation .callfromTitle {
        font-size: 12px;
        font-weight: 500;
        color: #ABABAB;
        margin: 0;
    }

    .dialerUserInformation h6 {
        font-size: 18px;
        font-weight: 600;
        color: #F6F6F6;
        margin: 0;
    }

.dialerNumberText {
    position: relative;
}

.dialerTextbox {
    background-color: #092441;
    border: none;
    border-top: 1px solid #324558;
    border-bottom: 1px solid #324558;
    padding: 12px 20px;
    width: 100%;
    font-size: 20px;
    color: #ffffff;
}

.numberRemove {
    position: absolute;
    right: 0;
    top: 2px;
    padding: 16px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #092441;
}

    .numberRemove i {
        font-size: 20px;
        color: #A2A2A2;
    }

.dialerDialPad {
    padding: 20px;
}

.dialerDialPadInner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}

.dialNumber {
    background-color: #324558;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 49px;
}

    .dialNumber span {
        font-size: 22px;
        color: #ffffff;
        font-weight: 600;
    }

.dialerCallMain {
    padding: 0 20px;
}

.btnDialerCall {
    width: 100%;
    background-color: #42CE93;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 0;
}

    .btnDialerCall i {
        font-size: 24px;
        color: #ffffff;
    }



/*==================================On-Call============================*/
.onCallDialog {
    height: 300px;
    width: 360px;
    border-radius: 38px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all linear;
}

    .onCallDialog.active {
        opacity: 1;
        bottom: 43px;
        visibility: visible;
        transform: scale(1);
    }

.onCallUserContent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #324558;
    padding: 10px 0 15px 0;
}

.onCallUserImage img {
    height: 75px;
    width: 75px;
    border-radius: 100px;
    border: 2px solid #ffffff;
}

.onCallUserContent h6 {
    font-size: 18px;
    font-weight: 600;
    color: #F6F6F6;
    margin: 0;
}

.onCallUserContent span {
    font-size: 13px;
    font-weight: 500;
    color: #989898;
    margin: 0;
}


.onCallBottom {
    padding: 16px 0;
}

.onCallNumber h6 {
    font-size: 18px;
    font-weight: 600;
    color: #F6F6F6;
    margin: 0;
    display: flex;
    justify-content: center;
}

.onCallButtonMain {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
}

.btnOnCallMute {
    background-color: #324558;
    border-radius: 100px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
}

    .btnOnCallMute i {
        font-size: 19px;
        color: #ffffff;
    }

.btnOnCallEnd {
    background-color: #FF5B60;
    border-radius: 100px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
}

    .btnOnCallEnd i {
        font-size: 19px;
        color: #ffffff;
        transform: rotate(135deg);
    }

/*====================Incoming==================*/
.incomingDialog {
    height: 76px;
    width: 372px;
    border-radius: 100px;
    padding: 18px 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all linear;
}

    .incomingDialog.active {
        opacity: 1;
        bottom: 43px;
        visibility: visible;
        transform: scale(1);
    }

.incomingDialogContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.incomingUserContent {
    display: flex;
    align-items: center;
    gap: 8px;
}

.incomingUserImage img {
    height: 42px;
    width: 42px;
    border-radius: 100px;
    border: 2px solid #ffffff;
}

.incomingUserInfo {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

    .incomingUserInfo span {
        font-size: 14px;
        font-weight: 400;
        color: #c5c5c5;
        margin: 0;
    }

    .incomingUserInfo h6 {
        font-size: 17px;
        font-weight: 500;
        color: #F6F6F6;
        margin: 0;
    }

.incomingBtnMain {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btnIncomingPickup {
    background-color: #4FD097;
    border-radius: 100px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
}

    .btnIncomingPickup i {
        font-size: 18px;
        color: #ffffff;
    }

.btnIncomingEnd {
    background-color: #FF5B60;
    border-radius: 100px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
}

    .btnIncomingEnd i {
        font-size: 18px;
        color: #ffffff;
        transform: rotate(135deg);
    }

/*======After Call Work=========*/

.afterCallWorkDialog {
    height: 515px;
    width: 350px;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all linear;
}

    .afterCallWorkDialog.active {
        opacity: 1;
        bottom: 43px;
        visibility: visible;
        transform: scale(1);
    }

.afterCallDialogTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 4px 20px;
}

    .afterCallDialogTop .callDialogTitle {
        font-size: 12px;
        font-weight: 600;
        color: #ffffff;
        margin: 0;
    }

    .afterCallDialogTop i {
        font-size: 14px;
        color: #B1B1B1;
        cursor: pointer;
    }

.afterCallInfoMain {
    background-color: #092441;
    padding: 14px 12px;
    margin: 12px 14px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.afterCallInfoInner {
    display: flex;
    gap: 10px;
    align-items: center;
}

.callInfoIcon span {
    background-color: #ffffff;
    padding: 8px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .callInfoIcon span svg {
        height: 22px;
        width: 22px;
        fill: #7e99e9;
    }

.callInfoContent {
    display: flex;
    flex-direction: column;
}

    .callInfoContent .callInfoContentType {
        font-size: 11px;
        color: #c5c5c5;
        font-weight: 500;
    }

    .callInfoContent .callInfoContentName {
        font-size: 13px;
        color: #ffffff;
        font-weight: 600;
    }

.callInfoMinutes span {
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
}

.callDialogField {
    margin: 0 14px 14px 14px;
}

    .callDialogField label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        margin: 0;
        color: #9b9eaa !important;
        font-size: 12px;
    }

    .callDialogField input[type="text"] {
        width: 100%;
        padding: 7px 6px;
        font-size: 12px;
        font-weight: 500;
        border: 1px solid #324558;
        border-radius: 4px;
        color: #e0e3ee;
        transition: all 0.15s ease;
        background-color: #001934;
    }

    .callDialogField select {
        width: 100%;
        padding: 7px 6px;
        font-size: 12px;
        font-weight: 500;
        border: 1px solid #324558;
        border-radius: 4px;
        color: #e0e3ee;
        transition: all 0.15s ease;
        background-color: #001934;
    }

    .callDialogField textarea {
        width: 100%;
        padding: 7px 6px;
        font-size: 12px !important;
        font-weight: 500;
        border: 1px solid #324558;
        border-radius: 4px;
        color: #e0e3ee !important;
        transition: all 0.15s ease;
        background-color: #001934;
    }

    .callDialogField ::placeholder {
        color: #9b9eaa;
        opacity: 1;
    }

.afterCallButtonMain {
    padding: 0 14px;
}

.btnAfterCall {
    width: 100%;
    background-color: #42CE93;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btnAfterCall:hover {
        color: #fff;
    }

.filterGridHeaderLegend {
    gap: 10px;
}

.inlineBoldLegends {
    font-weight: 600;
    color: #222222 !important;
    background-color: #e9e9e9;
    padding: 3px 5px;
    border-radius: 4px;
}

.tableEllipseSpanAlt {
    width: 100%;
}

.filterRangeMain {
    margin: 10px 0;
    /*border-bottom: 1px solid #dedede;
    padding: 15px 0;*/
}

.filterRangeTitle {
    margin-bottom: 10px;
}

    .filterRangeTitle h6 {
        font-size: 12px;
        color: #757575 !important;
        font-weight: 500;
    }


.filterInlineRadioMain {
    /*width: 100%;*/
    position: relative;
    background-color: transparent;
    padding: 8px 0px;
    display: flex;
    gap: 10px;
    align-items: center;
}

    .filterInlineRadioMain .runningLineCheckboxText {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 0;
        margin-left: 6px;
        color: #081e32 !important;
        cursor: pointer;
    }

    .filterInlineRadioMain .runningLineCheckboxTitleText {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 0;
        color: #081e32 !important;
    }

.filterGridButtonCentered {
    align-items: center;
    height: 100%;
    margin: 0px;
}

.auditWorkflowGrid thead tr, .auditWorkflowGrid tbody tr {
    position: relative;
}

.auditWorkflowGrid .auditTopHead tr th {
    background-color: #f8f8f8 !important;
}

    .auditWorkflowGrid .auditTopHead tr th:first-child {
        z-index: 14 !important;
    }

.auditWorkflowGrid thead tr .collapseHeadGroup,
.auditWorkflowGrid tbody tr .collapseHeadGroup {
    position: relative;
    z-index: 20 !important;
    position: sticky;
    left: 333px !important;
}

.auditWorkflowGrid thead tr .collapseHeadGroup2,
.auditWorkflowGrid tbody tr .collapseHeadGroup2 {
    position: relative;
    z-index: 20 !important;
    position: sticky;
    left: 363px !important;
}

.auditWorkflowGrid thead tr .collapseHeadGroup3,
.auditWorkflowGrid tbody tr .collapseHeadGroup3 {
    position: relative;
    z-index: 20 !important;
    position: sticky;
    left: 303px !important;
}

.auditWorkflowGrid thead tr .collapseHeadGroup {
    background-color: #f8f8f8;
}

.auditWorkflowGrid tbody tr .collapseHeadGroup {
    background-color: #ffffff;
}

.auditWorkflowGrid thead tr .collapseGroup1,
.auditWorkflowGrid tbody tr .collapseGroup1 {
    z-index: 9 !important;
    position: relative;
}

.auditWorkflowGrid thead tr .collapseGroup2,
.auditWorkflowGrid tbody tr .collapseGroup2 {
    z-index: 10 !important;
    position: relative;
}

.auditWorkflowGrid thead tr .collapseGroup3,
.auditWorkflowGrid tbody tr .collapseGroup3 {
    z-index: 8 !important;
    position: relative;
}

/*.auditWorkflowGrid .auditTopHead tr th:first-child::before,
    .auditWorkflowGrid .auditTopHead tr th:nth-child(2)::before,
    .auditWorkflowGrid .auditTopHead tr th:nth-child(3)::before {
        content: " ";
        background: #ddd;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0px;
        top: 0px;
    }*/
.auditWorkflowGrid .auditTopHead tr th:nth-child(3) {
    position: sticky;
    left: 330px;
}

.auditWorkflowGrid .auditTopHead tr th:nth-child(5) {
    position: sticky;
    left: 359px;
}

.auditWorkflowGrid .auditTopHead tr th:nth-child(7) {
    position: sticky;
    left: 388px;
}

.auditWorkflowGrid .auditTopHead tr .auditDateTimeCol {
    background-color: #f8f8f8 !important;
    z-index: 111;
    position: relative;
    right: 0px;
}

    .auditWorkflowGrid .auditTopHead tr .auditDateTimeCol::after {
        content: " ";
        background: #ddd;
        width: 2px;
        height: 100%;
        position: absolute;
        right: -2px;
        top: 0px;
    }

.auditWorkflowGrid thead tr th:first-child, .auditWorkflowGrid tbody tr td:first-child {
    position: sticky;
    min-width: 100px;
    top: -1px;
    left: 0px;
    background-color: #dceeff;
    border-right: none !important;
    z-index: 11;
}

.auditWorkflowGrid thead tr th:nth-child(2), .auditWorkflowGrid tbody tr td:nth-child(2) {
    position: sticky;
    min-width: 100px;
    top: -1px;
    left: 103px;
    background-color: #dceeff;
    border-right: none !important;
    z-index: 12;
}

.auditWorkflowGrid thead tr th:nth-child(3), .auditWorkflowGrid tbody tr td:nth-child(3) {
    position: sticky;
    min-width: 100px;
    top: -1px;
    left: 203px;
    background-color: #dceeff;
    border-right: none !important;
    z-index: 13;
}

.auditWorkflowGrid tbody tr td:first-child {
    background-color: #ffffff;
}

    .auditWorkflowGrid thead tr th:first-child::after,
    .auditWorkflowGrid tbody tr td:first-child::after,
    .auditWorkflowGrid thead tr th:nth-child(2)::after,
    .auditWorkflowGrid thead tr th:nth-child(3)::after,
    .auditWorkflowGrid tbody tr td:nth-child(2)::after,
    .auditWorkflowGrid tbody tr td:nth-child(3)::after,
    .auditWorkflowGrid thead tr .collapseHeadGroup::after,
    .auditWorkflowGrid tbody tr .collapseHeadGroup::after {
        content: " ";
        background: #ddd;
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0px;
    }

.auditWorkflowGrid thead tr .collapseHeadGroup::after,
.auditWorkflowGrid tbody tr .collapseHeadGroup::after {
    width: 2px;
    right: -1px;
}

.auditWorkflowGrid thead tr .collapseHeadGroup2::after,
.auditWorkflowGrid tbody tr .collapseHeadGroup2::after {
    right: -1px;
}

.auditWorkflowGrid thead tr .collapseHeadGroup3::after,
.auditWorkflowGrid tbody tr .collapseHeadGroup3::after {
    right: -2px;
}

/*.auditWorkflowGrid thead tr .collapseHeadGroup, .auditWorkflowGrid tbody tr .collapseHeadGroup {
    background-color: #ffeed0 !important;
}
.auditWorkflowGrid thead tr .collapseHeadGroup2, .auditWorkflowGrid tbody tr .collapseHeadGroup2 {
    background-color: #e5e5e5 !important;
}
.auditWorkflowGrid thead tr .collapseHeadGroup3, .auditWorkflowGrid tbody tr .collapseHeadGroup3 {
    background-color: #d6efff !important;
}*/


.auditWorkflowGrid tbody tr td:nth-child(2),
.auditWorkflowGrid tbody tr td:nth-child(3) {
    background-color: #ffffff;
}

.auditWorkflowGrid thead tr th:last-child, .auditWorkflowGrid tbody tr td:last-child {
    position: sticky;
    top: -1px;
    right: -1px;
    background-color: #f8f8f8;
    border-left: 1px solid #e0e0e0;
    z-index: 45;
}
/*.auditWorkflowGrid thead tr th:last-child::after, .auditWorkflowGrid tbody tr td:last-child::after {
        content: " ";
        background: #ddd;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0px;
    }*/


.auditWorkflowGrid tbody tr td:last-child {
    background-color: #ffffff;
}

.auditWorkflowGrid thead tr .dataUpload {
    background-color: #ffbb3f !important;
    display: table-cell;
}

.auditWorkflowGrid thead tr .POSData {
    background-color: #d2d2d2 !important;
    display: table-cell;
}
/*.auditWorkflowGrid .auditTopHead tr th:nth-child(3) {
    background-color: #ffbb3f !important;
}*/
/*.auditWorkflowGrid .auditTopHead tr th:nth-child(4) {
    background-color: #77cbff !important;
}*/

.auditWorkflowGrid thead tr .hardCopy {
    background-color: #77cbff !important;
    display: table-cell;
}

.auditWorkflowGrid .auditTopHeaderTitle {
    text-align: center;
    color: #25313e;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}

.collapseColumnBtn {
    background-color: transparent;
    border: none;
}

    .collapseColumnBtn i {
        font-size: 20px;
    }

/*.collapseColumnBtn i.rotated {
            transform: rotate(180deg);
        }*/

.columnBtnFirst i {
    color: #ffb433;
}

.columnBtnSecond i {
    color: #444444;
}

.columnBtnThird i {
    color: #46b5ff;
}

.collapseHeadGroup {
    position: relative;
    min-width: 30px !important;
    height: 35px !important;
    text-align: center;
    vertical-align: middle;
}

.auditTopHeadMain {
    display: flex;
    gap: 6px;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.collapseHeadGroup .auditTopHeadText {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    color: #ffa60d;
    margin-bottom: 1px;
    display: none;
}

.collapseHeadGroup2 .auditTopHeadText {
    color: #444444;
}

.collapseHeadGroup3 .auditTopHeadText {
    color: #28a9ff;
}

@keyframes columnFadeIn {
    from {
        opacity: 0.5;
        transform: translateX(-600px);
        display: none;
    }

    to {
        opacity: 1;
        transform: translateX(0px);
        display: table-cell;
    }
}

@keyframes columnFadeOut {
    from {
        opacity: 1;
        transform: translateX(0px);
        display: table-cell;
    }

    to {
        opacity: 0.5;
        transform: translateX(-600px);
        display: none;
    }
}

.ui-datepicker {
    z-index: 1111 !important;
}
.ui-timepicker {
    z-index: 111 !important;
}

.mismatchedData {
    background-color: #ff8916 !important;
    color: white !important;
}

.misMatchLegend {
    background-color: #ff8916;
    padding: 5px;
}

.hardCopyTopLabel {
    padding: 0px 0 10px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.hardCopyLabelInner {
    display: flex;
    gap: 4px;
    align-items: center;
}

    .hardCopyLabelInner span {
        color: #5197ff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 6px;
        font-weight: 600;
    }

.auditGridNoData {
    background-color: #fb3131 !important;
    color: #fff !important;
}

.auditGridNoDataLegend {
    background-color: #fb3131;
    padding: 5px;
}

.btnFileUpload {
    padding: 4px 4px;
}

.medSyncInnerTable tbody tr td {
    padding: 14px 7px;
}

.medSyncDateInnerTable thead tr th {
    border: none !important;
    border-right: 1px solid #e9e9e9 !important;
}

.checkFilterLaptopMain {
    margin-top: 25px;
}

.collapseContentTitle .filterGridTopInner {
    justify-content: flex-start;
    padding-left: 2px;
}

    .collapseContentTitle .filterGridTopInner span {
        font-size: 18px;
        font-weight: 600;
    }

    .collapseContentTitle .filterGridTopInner svg {
        height: 18px;
        width: 18px;
    }

.workflowGridQueueMain {
    background-color: rgb(251, 251, 251);
    border-top: 1px solid #dedede;
}

.pcnRecordsMain {
    /*height: auto;*/
    max-height: 280px;
    overflow: auto;
}

.binNumberMain {
    display: flex;
    gap: 5px;
    align-items: center;
}

.pcnCollapseIcon {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.binButtonCollapse {
    padding: 2px 8px 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0px;
    background-color: #f2f2f2;
    border-radius: 4px;
    cursor: pointer;
}

    .binButtonCollapse i {
        font-size: 15px;
        color: #444;
    }

.gridSubListMain thead {
    background-color: #f8f8f8;
}

    .gridSubListMain thead:hover {
        background-color: #f8f8f8;
    }

.gridSubListMain tbody tr {
    background-color: #f8f8f8;
}

.gridSubListMain tbody td, .gridSubListMain tbody th {
    border-bottom: 1px solid #cbcbcb;
}

.payorBinDetails-innerTable {
    padding-left: 0% !important;
}

.payorBinDetails-innerTable-tr {
    border-left: 1px solid #dee2e6;
    background: #ebebeb;
}

.sticky-tr {
    position: sticky;
    top: 0;
    z-index: 111;
}

.medicationGridMain {
    position: relative;
    height: auto;
    max-height: 450px;
    overflow-y: auto;
    display: block;
}

    .medicationGridMain thead {
        position: sticky;
        top: -1px;
        z-index: 111;
    }

        .medicationGridMain thead tr th {
            background-color: #f8f8f8;
        }

    .medicationGridMain tbody tr td {
        background-color: #ffffff;
    }

    .medicationGridMain thead tr th::before {
        content: " ";
        background: #ddd;
        width: 100%;
        height: 1px;
        position: absolute;
        right: 0;
        top: 0px;
    }

    .medicationGridMain thead tr th::after {
        content: " ";
        background: #ddd;
        width: 100%;
        height: 1px;
        position: absolute;
        right: 0;
        top: 49px;
    }

    .medicationGridMain thead tr th:first-child, .medicationGridMain tbody tr td:first-child {
        position: sticky;
        min-width: 100px;
        top: -150px;
        left: 0px;
        /*background-color: #ffffff;*/
        border-right: none !important;
        z-index: 11;
    }

    .medicationGridMain thead tr th:nth-child(2), .medicationGridMain tbody tr td:nth-child(2) {
        position: sticky;
        min-width: 120px;
        top: -150px;
        left: 100px;
        /*background-color: #ffffff;*/
        border-right: none !important;
        z-index: 12;
    }

    .medicationGridMain thead tr th:nth-child(3), .medicationGridMain tbody tr td:nth-child(3) {
        position: sticky;
        min-width: 100px;
        top: -150px;
        left: 220px;
        /*background-color: #ffffff;*/
        border-right: none !important;
        z-index: 13;
    }

    .medicationGridMain thead tr th:nth-child(4), .medicationGridMain tbody tr td:nth-child(4) {
        position: sticky;
        min-width: 110px;
        top: -150px;
        left: 320px;
        /*background-color: #ffffff;*/
        border-right: none !important;
        z-index: 14;
    }

        .medicationGridMain thead tr th:first-child::after,
        .medicationGridMain tbody tr td:first-child::after,
        .medicationGridMain thead tr th:nth-child(2)::after,
        .medicationGridMain thead tr th:nth-child(3)::after,
        .medicationGridMain thead tr th:nth-child(4)::after,
        .medicationGridMain tbody tr td:nth-child(2)::after,
        .medicationGridMain tbody tr td:nth-child(3)::after,
        .medicationGridMain tbody tr td:nth-child(4)::after,
        .medicationGridMain thead tr .collapseHeadGroup::after,
        .medicationGridMain tbody tr .collapseHeadGroup::after {
            content: " ";
            background: #ddd;
            width: 1px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0px;
        }

.workflowDateGridFirst {
    width: 4%;
}

.workflowDateGridSecond {
    width: 7%;
}

.workflowDateGridThird {
    width: 11%;
}

.workflowDateGridFourth {
    width: 9%;
}

.workflowDateGridFifth {
    width: 9%;
}

.workflowDateGridSixth {
    width: 19%;
}

.workflowDateGridSeventh {
    width: 8%;
}

.workflowDateGridEighth {
    width: 8%;
}

.workflowDateGridNineth {
    width: 11%;
}

.workflowDateGridTen {
    width: 8%;
}

.workflowDateGridEleven {
    width: 6%;
}


.workflowDateSubGridFifth {
    width: 12.3%;
}

.workflowDateSubGridSixth {
    width: 26%;
}

.workflowDateSubGridSeventh {
    width: 11%;
}

.workflowDateSubGridEighth {
    width: 11%;
}

.workflowDateSubGridNineth {
    width: 15%;
}

.workflowDateSubGridTen {
    width: 11%;
}

.workflowDateSubGridEleven {
    width: 8%;
}

/*======Filter-grid=====*/
.workflowFilterGridFirst {
    width: 4%;
}

.workflowFilterGridSecond {
    width: 6%;
}

.workflowFilterGridThird {
    width: 6%;
}

.workflowFilterGridFourth {
    width: 10%;
}

.workflowFilterGridFifth {
    width: 5%;
}

.workflowFilterGridSix {
    width: 9%;
}

.workflowFilterGridSeven {
    width: 19%;
}

.workflowFilterGridEight {
    width: 8%;
}

.workflowFilterGridNine {
    width: 8%;
}

.workflowFilterGridTen {
    width: 11%;
}

.workflowFilterGridEleven {
    width: 8%;
}

.workflowFilterGridTwelve {
    width: 6%;
}

.workflowFilterSubGridSix {
    width: 12.3%;
}

.workflowFilterSubGridSeven {
    width: 26.1%;
}

.workflowFilterSubGridEight {
    width: 11%;
}

.workflowFilterSubGridNine {
    width: 11%;
}

.workflowFilterSubGridTen {
    width: 15%;
}

.workflowFilterSubGridEleven {
    width: 11.1%;
}

.workflowFilterSubGridTwelve {
    width: 8.1%;
}

.invoiceDetailFlex {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 150px 50px;
    align-items: center;
    gap: 12px;
}

.invoiceTaxAmount {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.draggableTable tr td {
    background-color: #ffffff;
}

.reportSettingMain {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 20px;
}

.callsTopContent {
    gap: 20px;
}

    .callsTopContent .topContentInner label {
        font-size: 13px;
    }

.callNameLegend {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .callNameLegend span {
        background-color: #f1f1f1;
        border-radius: 100px;
        padding: 3px 6px;
    }

    .callNameLegend svg {
        width: 14px;
        height: auto;
    }

.recordingBtn {
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

    .recordingBtn:hover {
        background-color: #deebff;
    }

    .recordingBtn i {
        font-size: 22px;
        color: #0b81fe;
    }

    .recordingBtn:hover .callsAudio {
        visibility: visible;
    }

.gridListRelative {
    position: relative;
}

.callsAudio {
    position: absolute;
    right: 73%;
    top: 100%;
    z-index: 111;
    height: 46px;
    visibility: hidden;
}

.callActivityName {
    display: flex;
    align-items: center;
    gap: 6px;
}

.callActivityTypeIcon {
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.callActivityName svg {
    width: 20px;
    height: auto;
}

.callActivityTypeIncoming svg {
    fill: #40b9b0;
}

.callActivityTypeOutgoing svg {
    fill: #357eff;
}

.callActivityTypeMissed svg {
    fill: #fe6161;
}


/*==specialty==*/
.survayTopNotes {
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;
}

.form-radio-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .form-radio-center label {
        margin: 0;
    }

.settingsTitleMultiple {
    margin-top: 15px;
}

.patientSatisfactionMain {
    padding: 8px 2px;
    font-size: 14px;
}

.regulationLogTopSettings .model-inp {
    margin: 0;
    width: auto;
}

.gridFilterSearch {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 10px;
}

.filterDeleteIcon i {
    font-size: 16px;
    color: #525252;
}

.buttonTitleMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

    .buttonTitleMain h1 {
        margin: 0;
        padding: 0;
    }

.uploadBackgroundMain {
    display: flex;
    align-items: center;
    gap: 2px;
}

    .uploadBackgroundMain .btnFileUpload svg {
        width: 15px;
        height: auto;
    }

.uploadBackgroundBtn {
    background-color: #f1f1f1;
    padding: 5px 10px;
    border-radius: 4px;
}

    .uploadBackgroundBtn .btnFileUpload {
        padding: 0px 0px;
    }

.tableTenScrollable {
    height: auto;
    max-height: 450px;
}

.gridDownload i {
    color: #444;
    font-size: 16px;
}


.borderedTableDetail div {
    border-bottom: 1px solid #bdbdbd;
    margin: 1px 0;
    padding: 1px 0;
}

    .borderedTableDetail div:last-child {
        border-bottom: none !important;
    }

.gridContactDetailTop {
    display: flex;
    gap: 5px;
    align-items: center;
}

    .gridContactDetailTop p {
        margin: 0;
    }

    .gridContactDetailTop .gridContactDetailTopSeprate {
        color: #bdbdbd;
        font-size: 16px;
    }

.quickTextHrLines {
    margin: 8px 0 2px 0;
}


.myWorksheetLinkLinkMain {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.labeledRadioMain {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    column-gap: 10px;
}

.labeledRadioInner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modalProjectRadio {
    appearance: none;
    display: none;
}

.modalProjectRadioLabel {
    padding: 6px 10px;
    font-size: 14px;
    color: #252525;
    border-radius: 6px;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
}

.modalProjectRadio:checked + .modalProjectRadioLabel {
    background-color: #f2f2f2;
    color: #333 !important;
}

.modalProjectRadioLabel svg {
    height: 16px;
    width: 16px;
    fill: #757575;
}

.modalProjectRadio:checked + .modalProjectRadioLabel svg {
    fill: #333;
}

.sheetApproveButton {
    background-color: transparent;
    color: #3c6dff;
    border: 1px solid #3c6dff;
    padding: 6px 12px;
    font-size: 14px;
    transition: all 0.1s linear;
}

    .sheetApproveButton i {
        font-size: 14px;
        margin-right: 2px;
        margin-top: 1px;
    }

    .sheetApproveButton:hover {
        background-color: #3c6dff;
        color: #fff;
    }

.backgroundTodayButton {
    font-size: 14px;
}

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

.empSheetSearchBtn {
    background-color: #ebebeb;
    color: #999999;
    border: 1px solid #dadada;
    padding: 8px 12px;
    border-radius: 0 5px 5px 0;
    font-size: 15px;
    transition: all 0.1s linear;
}

    .empSheetSearchBtn:hover {
        background-color: #ebebeb;
        color: #999999;
    }

.inputSearchBtnMain {
    position: relative;
    margin: auto;
    width: 100%;
}

    .inputSearchBtnMain .es-input {
        padding: 10px 42px 10px 12px;
        font-size: 12px;
        font-weight: 600;
        border: 1px solid #dadada;
        border-radius: 5px 0 0 5px;
        color: #828282;
        transition: all 0.15s ease;
        background-color: #ffffff;
        -webkit-appearance: none;
        border-right: none;
    }

    .inputSearchBtnMain .es-list li {
        font-size: 14px;
    }

.inputSearchFieldMain {
    position: relative;
}

    .inputSearchFieldMain .es-input {
        padding: 8px 42px 8px 12px;
        font-size: 12px;
        font-weight: 600;
        border: 1px solid #dadada;
        border-radius: 6px;
        color: #828282;
        transition: all 0.15s ease;
        background-color: #ffffff;
        -webkit-appearance: none;
        width: 100%;
    }
    .inputSearchFieldMain .es-list li {
        font-size: 14px;
    }

/*==communication config.===*/
.configurationListMain {
    width: 55%;
    margin: auto;
}

.configurationListCategory {
    margin-bottom: 20px;
    padding: 0px 0;
    border-radius: 6px;
    /* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
    border: 1px solid #e8e8e8;
}

.configurationListModule {
    display: flex;
    border-radius: 6px;
    padding: 10px 10px;
    /*border-left: 3px solid #222;*/
    /*background-color: #fcfcfc;*/
}
.configurationListModuleButton {
    display: flex;
    gap: 10px;
    color: #222;
    font-weight: 600;
}
    .configurationListModuleButton:hover {
        color: #222;
    }
    .configurationListModuleButton.collapsed i {
        transform: rotate(-90deg);
    }
    .configurationListModuleButton i {
        font-size: 15px;
    }
    .configurationListModuleButton span {
        font-size: 15px;
    }

.configurationListInner {
    border-top: 1px solid #e8e8e8;
}
.configurationInnerListHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 30px;
    border-bottom: 1px solid #e8e8e8;
}
    .configurationInnerListHead h4 {
        font-size: 15px;
        font-weight: 600;
        color: #333;
        margin: 0;
    }
    .configurationInnerListHead i {
        color: #222;
        font-size: 15px;
        transition: all 0.2s linear;
    }
    .configurationInnerListHead.collapsed i {
        transform: rotate(-90deg);
    }

.configurationInnerListContent {
    padding: 10px 30px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f9f9f9;
}
.configurationInnerListTitle {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}
    .configurationInnerListTitle h4 {
        font-size: 14px;
        font-weight: 500;
        color: #282f39;
        margin-bottom: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
        .configurationInnerListTitle h4::before {
            content: "";
            position: absolute;
            top: 5px;
            left: -14px;
            background-color: #282f39;
            width: 6px;
            height: 6px;
            border-radius: 50px;
        }

.configurationInnerListSubTitle {
    margin-left: 20px;
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}
    .configurationInnerListSubTitle h4 {
        font-size: 14px;
        font-weight: 400;
        color: #626b75;
        margin-bottom: 0px;
        position: relative;
    }

        .configurationInnerListSubTitle h4::before {
            content: "";
            position: absolute;
            top: 5px;
            left: -14px;
            background-color: transparent;
            border: 1px solid #5b636d;
            width: 6px;
            height: 6px;
            border-radius: 50px;
        }


.configurationListHeadFirst {
    display: grid;
    row-gap: 8px;
    margin-top: 15px;
    margin-left: 15px;
}

    .configurationListHeadFirst h4 {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 0px;
    }

.configurationListHeadSecond {
    display: grid;
    row-gap: 8px;
    margin-left: 30px;
}

    .configurationListHeadSecond h4 {
        font-size: 14px;
        font-weight: 500;
        color: #282f39;
        margin-bottom: 0px;
    }

.configurationListHeadThird {
    display: grid;
    row-gap: 8px;
    margin-left: 40px;
}

    .configurationListHeadThird h4 {
        font-size: 14px;
        font-weight: 500;
        color: #4e5b6a;
        margin-bottom: 0px;
    }

.medTimeLineTitle {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

    .medTimeLineTitle h4 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }

.syncWorkflowGridCol {
    display: grid;
    width: 100%;
    align-items: center;
    border: 1px solid #404040;
    grid-template-columns: 70px repeat(4, 1fr) 8fr;
}

.syncWorkflowSubGridCol {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr) 2fr repeat(4, 1fr) 100px;
    min-height: 72px;
}

.syncWorkflowSubGridColHead {
    height: 100%;
}

.medTimelineInner {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .medTimelineInner .model-inp {
        width: auto;
        margin: 0;
    }

.medTimelineSubmit {
    padding: 5px 10px;
    font-size: 14px;
}

.medTimelineActivity .activity-title h1 {
    font-size: 16px;
}

.medTimelineActivity .activity-details {
    margin: 10px 0;
}

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

    .medNoActivity span {
        font-size: 14px;
        font-weight: 500;
        color: #444;
    }

.medActivityTrackingInner {
    margin-left: 40px;
}

    .medActivityTrackingInner .item {
        padding-bottom: 20px;
    }

.medActivityNotes {
    font-size: 12px;
    color: #757575;
    margin: 0;
}

.syncWorkflowGridColInner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    min-width: 50px;
    border: none;
    border-right: 1px solid #404040;
    padding: 15px 10px;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
}

.syncWorkflowGridFullCol {
    height: 100%;
}

.syncWorkflowGridColInner:last-child {
    border-right: none;
}

.syncWorkflowGridColInner span {
    color: #262626;
    font-weight: 600;
    font-size: 12px;
    overflow: hidden;
}

.syncWorkflowGridHeaderInner {
    background-color: #E7F6FF;
}

.syncGridNoRecords {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #404040;
    padding: 10px 0;
}

    .syncGridNoRecords span {
        color: #3d3d3d;
        font-weight: 600;
        font-size: 12px;
    }

.syncWorkflowDateGridCol {
    display: grid;
    width: 100%;
    align-items: center;
    border: 1px solid #404040;
    grid-template-columns: 70px repeat(3, 1fr) 7fr;
}

.radioInlineMain {
    gap: 30px;
}


/*========campaign=========*/
.campaignWizardOneInner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 30%;
    margin: auto;
}

.wizardCampaignTypeMain {
    width: 100%;
}

.campaignTypeHeading {
    text-align: center;
    margin-bottom: 18px;
}

    .campaignTypeHeading h4 {
        font-size: 18px;
        font-weight: 600;
        color: #25313E;
        margin: 0;
    }

.wizardCampaignTypeInner {
    display: flex;
    gap: 20px;
    align-items: center;
}

.campaignTypeLabel {
    margin-bottom: 0;
    width: 50%;
}

    .campaignTypeLabel input[type="radio"] {
        display: none;
    }

.campaignTypeInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    gap: 10px;
    padding: 30px 40px;
    background-color: #F6F6F6;
    border: 2px solid transparent;
    cursor: pointer;
}

    .campaignTypeInner svg {
        height: 40px;
        width: 40px;
        fill: none;
        stroke: #A7A7A7;
    }

.campaignTypeTitle {
    font-size: 18px;
    font-weight: 500;
    color: #A7A7A7;
}

.campaignTypeLabel input[type="radio"]:checked + .campaignTypeInner {
    background-color: #F8FCFF;
    border: 2px solid #2A7FFF;
}

    .campaignTypeLabel input[type="radio"]:checked + .campaignTypeInner svg {
        stroke: #2A7FFF;
    }

    .campaignTypeLabel input[type="radio"]:checked + .campaignTypeInner .campaignTypeTitle {
        color: #2A7FFF;
        font-weight: 600;
    }


.subCampaignTypeMain {
    width: 100%;
    background-color: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
    position: relative;
}

    .subCampaignTypeMain:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 14px;
        border-style: solid;
        border-color: transparent transparent #f6f6f6 transparent;
        top: -26px;
        right: 115px;
    }

.subCampaignTypeInner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    gap: 10px;
}

    .subCampaignTypeInner label:last-child {
        grid-column: span 2;
        justify-self: center;
        width: 50%;
    }

.subCampaignTypeLabel {
    margin-bottom: 0px;
}

    .subCampaignTypeLabel input[type="radio"] {
        display: none;
    }

.subCampaignTypeList {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    gap: 8px;
    padding: 10px;
    background-color: #ffffff;
    cursor: pointer;
}

    .subCampaignTypeList svg {
        height: 18px;
        width: 18px;
        fill: #A7A7A7;
    }

.subCampaignTypeTitle {
    font-size: 15px;
    font-weight: 500;
    color: #A7A7A7;
}

.subCampaignTypeLabel input[type="radio"]:checked + .subCampaignTypeList svg {
    fill: #2A7FFF;
}

.subCampaignTypeLabel input[type="radio"]:checked + .subCampaignTypeList .subCampaignTypeTitle {
    color: #2A7FFF;
    font-weight: 600;
}





.addCampaignInfoMain {
    width: 100%;
    background-color: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.actionTypeMain {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #DEDEDE;
}

.actionTypeHeading {
    text-align: left;
    margin-bottom: 10px;
}

    .actionTypeHeading h4 {
        font-size: 14px;
        font-weight: 500;
        color: #25313E;
        margin: 0;
    }

.actionTypeList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 10px;
    align-items: center;
}

.actionTypeLabel {
    margin-bottom: 0px;
}

    .actionTypeLabel input[type="radio"] {
        display: none;
    }

.actionTypeInner {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    gap: 6px;
    padding: 10px;
    background-color: #ffffff;
    cursor: pointer;
}

    .actionTypeInner svg {
        height: 16px;
        width: 16px;
        fill: none;
        stroke: #434343;
    }

.actionTypeInnerText svg {
    height: 14px;
    width: 14px;
}

.actionTypeTitle {
    font-size: 14px;
    font-weight: 500;
    color: #434343;
}

.actionTypeLabel input[type="radio"]:checked + .actionTypeInner svg {
    stroke: #2A7FFF;
}

.actionTypeLabel input[type="radio"]:checked + .actionTypeInner .actionTypeTitle {
    color: #2A7FFF;
    font-weight: 600;
}

.campaignFieldMain {
    margin-top: 15px;
}

.campaignFieldInline {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
}

.wizardOneButton {
    margin: 15px 0;
}

.purpleButton {
    background-color: #2A7FFF;
    color: #fff;
    border-radius: 5px;
    padding: 8px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: all 0.1s linear;
}

    .purpleButton:hover {
        background-color: #1F6FE6;
        color: #fff;
    }

.cancelButton {
    background-color: #F66666;
    color: #fff;
    border-radius: 5px;
    padding: 8px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: all 0.1s linear;
}

    .cancelButton:hover {
        background-color: #E65D5D;
        color: #fff;
    }
/*======campaign wizard-2========*/
.campaignTypeTopTitleMain {
    background-color: #fff;
    padding: 14px 24px;
    border-bottom: 1px solid #E6E6E6;
    position: sticky;
    top: 0;
    z-index: 99;
}

.campaignTypeTopTitle {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    width: fit-content;
}

.campaignTypeBackIcon {
    background-color: #E8E8E8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 9px;
    border-radius: 40px;
}

    .campaignTypeBackIcon i {
        font-size: 16px;
        color: #25313E;
    }

.campaignTypeBackText {
    font-size: 16px;
    color: #25313E;
    font-weight: 600;
}

.campaignContentInner {
    display: grid;
    grid-template-columns: 300px 1fr;
}

.campaignLeftSidebar {
    background-color: #ffffff;
    padding: 20px;
    /*height: 85vh;*/
    position: sticky;
    top: 57px;
    z-index: 98;
}

.campaignLeftSidebarTitle h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #25313E;
}

.campaignLeftSidebarList {
    margin-top: 12px;
}

.campaignLeftSidebarLink {
    border-radius: 5px;
    padding: 7px 15px;
    background-color: transparent;
    cursor: pointer
}

    .campaignLeftSidebarLink.active {
        background-color: #f8f8f8;
    }

    .campaignLeftSidebarLink a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        color: #25313E;
    }

.campaignRightContentMain {
    background-color: #F4F5F8;
}
/*--------campaign details section --------*/
.campaignDetailSecMain {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
    margin: 15px;
}

.detailTitleButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}

    .detailTitleButton h4 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }

    .detailTitleButton .gridTopButton {
        margin: 0;
    }

.detailInlineContentMain {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
    margin-top: 15px;
}

.detailInlineContentMainAlt {
    row-gap: 20px;
    column-gap: 15px;
}

.detailInlineContent {
    display: grid;
    grid-template-columns: 220px 1fr;
    align-items: center;
}

    .detailInlineContent:first-child {
        grid-column: span 2;
    }

    .detailInlineContent span {
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        color: #767F88;
    }

    .detailInlineContent h4 {
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        color: #25313E;
    }
/*---- template details section ----*/
.templateContentMain {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 15px 0;
    gap: 15px;
}

.previewMain {
    background-color: #F9F9F9;
    border-radius: 10px;
    height: auto;
    max-height: 350px;
    overflow-y: auto;
}

.previewTitle {
    height: 54px;
    padding: 0px 20px;
    border-bottom: 1px solid #ECECEC;
}

.templatePreviewTitle {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .templatePreviewTitle span {
        font-size: 13px;
        font-weight: 500;
        color: #25313E;
        margin: 0;
    }

.noTemplatePreview {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    height: 280px;
}

    .noTemplatePreview i {
        font-size: 22px;
        color: #ACB5BF;
    }

    .noTemplatePreview span {
        font-size: 16px;
        color: #ACB5BF;
        font-weight: 400;
    }

.patientPreviewTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .patientPreviewTitle span {
        font-size: 14px;
        font-weight: 500;
        color: #25313E;
        margin: 0;
    }

    .patientPreviewTitle .purpleButton {
        padding: 5px 15px;
        font-size: 13px;
    }

.templateDetailBottom {
    padding-top: 10px;
    border-top: 1px solid #ECECEC;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}

    .templateDetailBottom .purpleButton {
        padding: 5px 15px;
        font-size: 13px;
    }

.detailTwoLineContent {
    position: relative;
    padding: 0px 4px;
    width: 100%;
}

    .detailTwoLineContent:first-child {
        grid-column: span 2;
    }

    .detailTwoLineContent label {
        font-size: 13px;
        font-weight: 500;
        color: #767F88 !important;
        margin-bottom: 2px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        display: block;
    }

    .detailTwoLineContent h6 {
        font-size: 13px;
        font-weight: 500;
        color: #25313E;
        margin-bottom: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

.detailIconText {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .detailIconText h6 {
        width: fit-content;
    }

    .detailIconText a {
        text-decoration: none;
        margin: 0;
        display: flex;
    }

        .detailIconText a i {
            font-size: 12px;
            color: #4b84ff;
        }

.campaignDataGrid {
    margin-top: 15px;
}

.attachmentCountMain {
    display: flex;
    gap: 3px;
    align-items: center;
}

.filterCriteriaBtnMain {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

    .filterCriteriaBtnMain .purpleButton {
        padding: 5px 20px;
        font-size: 13px;
        border-radius: 4px;
    }

    .filterCriteriaBtnMain .cancelButton {
        padding: 5px 18px;
        font-size: 13px;
        border-radius: 4px;
    }
/*============================Right Modal=============================*/
.modal.modalright {
    transform: none !important;
    transition: opacity 0.1s linear;
}

    .modal.modalright.open {
        /*transform: translateX(0%) !important;*/
    }

.modalright .modal-dialog {
    position: fixed;
    margin: auto;
    width: 90%;
    max-width: 90%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
/*Right*/
.modalright.fade .modal-dialog {
    right: -20%;
    transform: translate(20%, 0px);
    transition: transform 0.3s linear, right 0.3s linear;
}

.modalright.fade.open .modal-dialog {
    right: 0;
    transform: translate(0, 0px);
}

.modalright .modal-content {
    height: 100%;
    border-radius: 15px 0 0 15px;
    /*overflow-y: auto;*/
}

.modalright .modal-header {
    background-color: #ffffff;
    padding: 18px 20px;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
    border-radius: 15px 0 0 0px;
}

    .modalright .modal-header .rightCloseBtn {
        background-color: #EBEBEB;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7px 10px;
        position: absolute;
        top: 35px;
        left: -50px;
        opacity: 1;
    }

        .modalright .modal-header .rightCloseBtn i {
            font-size: 20px;
            color: #4E4E4E;
        }

    .modalright .modal-header .modal-title {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        color: #25313E;
    }

.modalright .modal-body {
    border-radius: 0px 0 0 15px;
    padding: 0px;
    overflow: auto;
}

.loadCampaignModalMain {
    display: grid;
    grid-template-columns: 300px 1fr;
}

.loadCampaignModalLeft {
    background-color: #F8F8F8;
    padding: 15px 20px;
    height: calc(96vh - 98px);
    border-radius: 0 0 0 15px;
    overflow: auto;
    position: relative;
}

.filterCardHeader {
    margin-bottom: 4px;
}

.btnFilterCollapse {
    width: 100%;
    padding: 4px 0;
}

    .btnFilterCollapse.collapsed .btnFilterCollapseInner i {
        transform: rotate(-90deg);
    }

.btnFilterCollapseInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
}

.btnFilterCollapse h6 {
    font-size: 13px;
    color: #25313E;
    font-weight: 600;
    margin: 0;
}

.btnFilterCollapse i {
    font-size: 14px;
    color: #25313E;
    transition: all 0.1s linear;
}

.filterCriteriaBody {
    background-color: #ffffff;
    padding: 12px 12px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.filterCriteriaSearch .model-inp {
    margin: 0;
}

.filterCriteriaChecklist {
    margin-top: 10px;
    display: grid;
    row-gap: 8px;
}

    .filterCriteriaChecklist .fillable-checkbox {
        padding: 0;
    }

.advanceCriteriaBtnMain {
    margin-top: 5px;
}

.advanceCriteriaBtn {
    background-color: transparent;
    border: 1px solid #2A7FFF;
    border-radius: 5px;
    width: 100%;
    padding: 6px 0;
}

.advanceCriteriaBtnInner {
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: center;
}

    .advanceCriteriaBtnInner i {
        font-size: 14px;
        color: #2A7FFF;
    }

    .advanceCriteriaBtnInner span {
        font-size: 13px;
        color: #2A7FFF;
        margin: 0;
    }

.advanceCriteriaContainer {
    padding: 5px 0;
    border-top: 1px solid #e4e4e4;
}

.loadCampaignModalRight {
    padding: 15px 20px;
}

.modalright .modal-footer {
    padding: 0;
}

.rightModalFooter {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    width: 100%;
    margin: 0;
}

.syncWorkflowGridColLegend {
    gap: 6px;
    justify-content: center;
}

    .syncWorkflowGridColLegend svg {
        width: 16px;
        height: auto;
    }

.inlineFlexLegendsKit svg {
    width: 16px;
    height: auto;
}

.showTimelineMain {
    padding: 0 15px;
    width: 100%;
}

.syncLegendTopSticky {
    position: sticky;
    top: 69px;
    z-index: 47;
    background-color: #fff;
}

.workflowColorCodeSticky {
    position: sticky;
    top: 113px;
    z-index: 48;
}

.syncWorkflowHeaderSticky {
    position: sticky;
    top: 140px;
    z-index: 49;
    min-height: 72px;
    height: auto;
}

/* Mail Template Css */

.mailTemplate-main {
    width: 100%;
    position: relative;
    padding: 40px 0;
}

.mailTemplate-inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;
    border-radius: 20px;
}

    .mailTemplate-inner.alt {
        box-shadow: none;
    }

.mailTemplate-logo {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

    .mailTemplate-logo img {
        height: 50px;
    }

.mailTemplate-body {
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow: auto;
    padding: 30px;
    margin: 30px 0;
    border-radius: 10px;
}

    .mailTemplate-body table {
        width: 100%;
    }

.mailTemplate-content-main {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 30px;
    position: relative;
    border: 1px solid #ccc;
    padding: 20px 20px;
}

    .mailTemplate-content-main.alt {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }

        .mailTemplate-content-main.alt .mailTemplate-content-text {
            flex: 1 1 47%;
        }

    .mailTemplate-content-main table {
        width: 100%;
    }

.mailTemplate-content-title {
    padding: 5px 4px 15px 4px;
    border-bottom: 1px solid #E0E0E0;
}

    .mailTemplate-content-title h6 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }

.mailTemplate-content-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 40px;
    margin-top: 20px;
}

.mailTemplate-content-text {
    position: relative;
    padding: 0px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

    .mailTemplate-content-text label {
        font-size: 13px;
        font-weight: 500;
        color: #8E8E8E !important;
        margin-bottom: 4px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        display: block;
    }

    .mailTemplate-content-text h6 {
        font-size: 14px;
        font-weight: 600;
        color: #262626;
        margin-bottom: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

.mailTemplate-radio-main {
    display: flex;
    gap: 30px;
}

.mailTemplate-radio {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .mailTemplate-radio label {
        margin-bottom: 0;
    }

.signSaction-main {
    margin: 30px 0;
}

.signlabel {
    display: flex;
    gap: 30px;
}

    .signlabel button {
        border: 0;
        background: none;
        padding: 0
    }

/* Mail Template Error and Success Pages Start */

.pageStatus-main {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .pageStatus-main.error {
        background: #FFEBEE;
    }

    .pageStatus-main.success {
        background: #EBFFF6;
    }

.pageStatus-inner {
    width: 100%;
    position: relative;
    text-align: center;
}

    .pageStatus-inner img {
        height: 300px;
        margin: 20px;
    }

    .pageStatus-inner h2 {
        font-size: 42px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .pageStatus-inner h5 {
        font-size: 28px;
        font-weight: 500;
        margin: 0;
    }

    .pageStatus-inner p {
        font-size: 16px;
        margin: 0;
        font-weight: normal;
        color: #333;
    }

    .pageStatus-inner ul {
        width: fit-content;
        text-align: left;
        margin: auto;
        margin-top: 10px;
        padding-left: 50px;
    }

        .pageStatus-inner ul li {
            list-style-type: disc;
            font-size: 16px;
            margin: 0;
            font-weight: normal;
            color: #333;
            text-align: left;
            margin: auto;
        }

    .pageStatus-inner.success h2 {
        color: #00BE75;
    }

    .pageStatus-inner.error h2 {
        color: #EA0101;
    }


/* Mail Template Error and Success Pages End */
.recordingCol {
    min-width: 150px;
}

.syncWorkflowGridColInnerCenter {
    justify-content: center;
}

.noFilesMain {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0 10px 0;
    gap: 8px;
}
    .noFilesMain.hide {
        display: none;
    }

    .noFilesMain svg {
        width: 40px;
        height: 40px;
        fill: #b9c4d6;
    }
    .noFilesMain h4 {
        font-size: 16px;
        font-weight: 500;
        color: #a7b2c6;
        margin: 0px;
    }

.detailFullTitleMain {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 4px;
}
    .detailFullTitleMain span {
        font-size: 20px;
        color: #212529;
        margin: 0;
        font-weight: 600;
    }

.signatureBodyText h6 {
    font-size: 14px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 0;
}


/* Paymewnt page css */

.paymentPage-main {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: auto;
    background-color: #E9E9E9;
    padding: 50px;
}

.paymentPage-inner {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 100%;
    overflow: auto;
    margin-bottom: 30px;
    height: auto;
}

.paymentPage-img {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: revert;
    gap: 16px;
    margin: 22px 0;
    flex-wrap: wrap;
}

    .paymentPage-img img {
        width: 55px;
        flex: 0 1;
    }

.paymentPage-top {
    width: 100%;
    position: relative;
    padding: 10px 0;
}

    .paymentPage-top h5 {
        font-size: 20px;
        font-weight: 700;
        color: #383737;
        margin: 0;
    }

.orderSummary-paymentType {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .orderSummary-paymentType .form-radio {
        width: 100%;
    }

.noRecordsMain {
    display: table-row-group;
}
    .noRecordsMain.hide {
        display: none;
    }

.GridTempColHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.descriptionTextMain {
    margin: 0;
    font-size: 15px;
    word-break: break-word;
}

.mmsImageBodyMain {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
    .mmsImageBodyMain .patientsLinkedCardText {
        width: 100%;
    }
        .mmsImageBodyMain .patientsLinkedCardText .patientsLinkedCardBody {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            text-align: left;
        }

.mmsImageColMain {
    gap: 6px;
}
    .mmsImageColMain .backgroundText {
        border-radius: 50px;
        font-weight: 600;
        padding: 4px 9px;
    }
.workspaceProfile .searchlist-group {
    height: auto;
}

.oneLineFillableCheckbox {
    display: grid;
}

.panelGroupMain .card-body {
    /*padding: 10px 0;*/
}

.panelHeaderMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #eff3fa;
    border-radius: 4px;
}
    .panelHeaderMain .helpHead1 {
        margin: 0px;
        padding: 0px;
        font-size: 16px;
        color: #6483dd;
    }
    .panelHeaderMain i {
        margin: 0px;
        padding: 0px;
        color: #6483dd;
    }

.gridTwoColLayout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: flex-start;
    row-gap: 20px;
    column-gap: 20px;
}
.gridThreeColLayout {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: flex-start;
    row-gap: 20px;
    column-gap: 20px;
}

.gridFourColLayout {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: flex-start;
    row-gap: 20px;
    column-gap: 20px;
}

.inlineFlexContent {
    display: flex;
    gap: 15px;
    align-items: center;
}


/*========*/

.rxTemplateContainer {
    height: 84vh;
    padding: 0 15px;
}

.rxTemplateMain {
    display: grid;
    grid-template-columns: 280px 1fr;
    /*border: 1px solid #f2f2f2;
    border-radius: 10px;*/
    margin-top: 5px;
    height: 100%;
}

.rxTemplateLeft {
    background-color: #ffffff;
    padding: 15px 15px;
    border: 2px solid #efefef;
    border-radius: 10px 0 0 10px;
}
.rxTemplateLeftInner {
    display: grid;
    row-gap: 15px;
}
    .rxTemplateLeftInner .detailContentMain {
        overflow: visible;
    }

        .rxTemplateLeftInner .detailContentMain h6 {
            text-overflow: unset;
            white-space: normal;
            overflow: visible;
            word-break: break-word;
        }

.rxTemplateRight {
    background-color: #ffffff;
    border-radius: 0 10px 10px 0;
    border: 1px solid #efefef;
    border-left: none;
    overflow-y: auto;
    position: relative;
    /*padding: 15px 20px;*/
}

.rxTemplateGridHeadMain {
    /*border-bottom: 1px solid #d7dfea;*/
    display: grid;
    row-gap: 6px;
    /* margin-top: 15px; */
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0px;
    /*padding-bottom: 6px;*/
}
.rxTemplateGridHead:last-child {
    border-radius: 0 10px 0 0;
}
.rxTemplateGridHead {
    background-color: #f7f7f7 !important;
    padding: 8px 10px;
    border-radius: 0;
}
    .rxTemplateGridHead span {
        color: #2a2a2a !important;
        font-weight: 600;
    }


.rxTemplateGridRecord {
    display: grid;
    grid-template-columns: 1fr 110px 1fr;
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #efefef;
    align-items: center;
    /* border-radius: 8px; */
    /*box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;*/
}

    .rxTemplateGridRecord span {
        font-size: 14px;
        color: #505050;
    }

    .rxTemplateGridRecord i {
        font-size: 14px;
        color: #505050;
    }

.rxTemplateGridRecordInner {
    display: grid;
    row-gap: 0px;
    /* margin-top: 15px; */
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0px;
}

.rxTemplateLeftContent {
    display: flex;
    gap: 6px;
}
.rxTemplateAddInner {
    background-color: #f2f2f2;
    padding: 40px;
    border-radius: 20px;
    width: 40%;
    margin: auto;
}

.rxTemplateRightBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    bottom: 0px;
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
    padding: 15px 15px;
    width: 100%;
}

.emptyExcelColDropdown {
    border: 1px solid #ff8686 !important;
    background-color: #fff5f5 !important;
}

.grayNotesMain {
    margin: 6px 0;
}

    .grayNotesMain span {
        font-size: 12px;
        color: #606060;
        text-align:justify;
    }

.patientProductListMain {
    display: grid;
    grid-template-columns: 360px 1fr;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin-bottom: 30px;
}
.overlayContainer {
    background-color: #0606062b;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    pointer-events: none;
    user-select: none;
}

.divDisabled {
    pointer-events: none;
    opacity: 0.7;
    user-select: none;
    filter: grayscale(1);
}

.elementDisabled {
    pointer-events: none;
    opacity: 0.6;
    user-select: none;
}

.brandImageContainer {
    width: 70%;
    margin: auto;
    text-align: center;
}

.cropit-preview-image {
    height: 100%;
    width: auto;
    /*transform: translate(0px, 0px) scale(1) rotate(0deg) !important;*/
}

.module-profile-inner hr {
    margin: 7px 0;
    padding-bottom: 6px;
}

.module-profile-title-second {
    margin: 15px 0 8px 0;
}

    .module-profile-title-second h1 {
        font-size: 18px;
        color: #373737;
        font-weight: 600;
        margin-bottom: 0 !important;
    }

.textBodyMain {
    display: flex;
    gap: 3px;
    align-items: flex-start;
    color: #3D3D3D !important;
    width: fit-content;
}

.newTextBody {
    font-weight: 700;
    color: #1587ff;
}

.textBodyMain i {
    font-size: 8px;
}

/*=====Conversations=====*/
.conversation-main {
    position: relative;
    text-align: right;
}

#conversationDialog {
    min-width: 0px;
    max-width: 0px;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    height: calc(100vh - 120px);
    overflow: hidden;
    float: right;
    position: fixed;
    top: 70px;
    right: 0;
    border-radius: 20px;
    z-index: 111;
    border: 1px solid #dddddd;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    #conversationDialog.active {
        min-width: 550px;
        max-width: 550px;
        right: 10px;
    }

.openCloseChangelog {
    cursor: pointer;
}

#conversationDialog.active ul li ul.collapse .submenu-sub-li .sub-submenu-padding {
    padding-left: 15px !important;
}

.conversation-Maintitle {
    display: flex;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
    /* padding-bottom: 0px; */
    border-bottom: 1px solid #f2f2f2;
    background-color: #25313e;
}

    .conversation-Maintitle h1 {
        font-size: 18px;
        color: #ffffff;
        font-weight: 600;
        margin: 0;
    }
    .conversation-Maintitle svg {
        height: 24px;
        fill: #ffffff;
        cursor: pointer;
    }

.conversation-inner {
    width: 100%;
    position: relative;
    padding: 16px;
    text-align: left;
    height: 100%;
    overflow: auto;
}
#conversationDialog .conversation-inner {
    display: none;
}
#conversationDialog.active .conversation-inner {
    display: block;
}
.conversation-chat-inner:not(:first-child) {
    position: relative;
    margin-top: 15px;
}

.conversation-message {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
    gap: 10px;
}
    .conversation-message:last-of-type {
        margin: 0;
    }

.conversation-left .message-body {
    border-bottom-left-radius: 0;
}
.conversation-right {
    flex-direction: row-reverse;
}
    .conversation-right .message-body {
        background: #338ded;
        color: #fff;
        border-bottom-right-radius: 0;
    }

.message-image span {
    height: 35px;
    width: 35px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #393939;
    background-color: #d2d2d2;
    cursor: default;
}

.message-body {
    max-width: 400px;
    padding: 15px;
    border-radius: 15px;
    background-color: #f2f2f2;
    color: #393939;
}

.message-text {
    font-size: 15px;
}
.message-time {
    font-size: 12px;
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}
.conversation-left .message-time {
    color: #a2a2a2;
}
.conversation-right .message-time {
    color: #ffffff;
}

.conversation-date {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    position: sticky;
    top: 0;
}
    .conversation-date span {
        background-color: #dddddd;
        padding: 4px 12px;
        font-size: 12px;
        font-weight: 500;
        color: #636363;
        border-radius: 5px;
        z-index: 3;
    }

/*-----------------*/
.replyCommunication {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    justify-content: space-between;
    padding: 14px;
    background-color: #f5f5f5;
}

    .replyCommunication .btn {
        padding: 8px;
        border-radius: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.replyCommunicationFields {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.replyBodyText {
    width: 100%;
    padding: 8px 12px;
    font-size: 12px !important;
    font-weight: 500;
    border: 1px solid #cccccc;
    border-radius: 20px;
    color: #222222 !important;
    resize: none;
    overflow-y: hidden;
    height: 38px;
    max-height: 140px;
    line-height: 22px;
    transition: height 0.15s ease;
    scrollbar-width: none;
}

.addTemplateBtn {
    background-color: transparent;
    transition: all 0.2s linear;
}
    .addTemplateBtn.active {
        background-color: #e1e1e1;
        transform: rotate(45deg);
    }
    .addTemplateBtn svg {
        height: 20px;
        width: 20px;
    }

.communicationSendBtn {
    background-color: #338ded;
}
    .communicationSendBtn svg {
        height: 18px;
        width: 18px;
        fill: #ffffff;
    }

.replySelectTemplate {
    position: relative;
    margin: auto;
    width: 100%;
    display: none;
}

    .replySelectTemplate.active {
        display: block;
    }
    .replySelectTemplate select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
        padding: 8px 12px;
        font-size: 12px;
        font-weight: 500;
        border: 1px solid #cccccc;
        border-radius: 20px;
        color: #222222;
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 20px;
        cursor: pointer;
        transition: all 0.15s ease;
    }

.appointmentGridFilterWrapper {
    position: relative;
    height: auto;
    max-height: 450px;
    overflow-y: auto;
    border: 1px solid #DEDEDE;
}
    .appointmentGridFilterWrapper thead {
        position: sticky;
        top: -1px;
        z-index: 111;
    }

.appointmentGridMainWrapper {
    position: relative;
    height: auto;
    max-height: 450px;
    overflow-y: auto;
    border: 1px solid #DEDEDE;
}

    .appointmentGridMainWrapper thead {
        position: sticky;
        top: -1px;
        z-index: 111;
    }


.modal-footer-twoside {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modalFooterText {
    font-size: 12px;
    color: #757575;
    font-weight: 500;
}

.disableFirstDropdownCheckbox ul li:first-child {
    display: none;
}

.unreadBody {
    height: 10px;
    width: 10px;
    background-color: #2b89ff;
}

.documentSubFolderMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #E0E0E0;
}

.documentSubFolderLeft {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

.documentSubFolderTop {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .documentSubFolderTop span {
        font-size: 14px;
        font-weight: 600;
        color: #212529;
    }

.documentSubFolderBottom {
    display: flex;
    gap: 14px;
    align-items: center;
}

    .documentSubFolderBottom span {
        font-size: 12px;
        font-weight: 500;
        color: #8E8E8E;
    }

.subFolderActionBtn {
    background-color: #ffe7c4;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    /*border: 1px solid #e39128;*/
}

    .subFolderActionBtn svg {
        height: 18px;
        width: 18px;
        fill: #e39127;
    }

/*------------------New Caret Dropdown-----------------*/
.dropdownCaretAdd select {
    appearance: none;
    padding: 8px;
    border-radius: 5px 0px 0px 5px;
    background-position: 82% 50%;
}


.model-inp .searchModalInput {
    padding: 8px 26px 8px 8px;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*================Custom Dropdown===================*/
.customDropdown {
    position: relative;
    /*display: inline-block;*/
}


.customDropdownToggle {
    width: 100%;
    padding: 8px 20px 8px 12px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #757575;
    transition: all 0.15s ease;
    background-color: #fff;
    text-align: start;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .customDropdownToggle::after {
        content: '\f0dd';
        font-family: "FontAwesome";
        position: absolute;
        right: 12px;
        top: 44%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #7a7f8c;
        pointer-events: none;
    }

.customDropdownMenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background-color: white;
    border: 1px solid #d7d7d7;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    max-height: 220px;
    overflow-y: auto;
    width: 100%;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: #5fa4ff #ffffff;
}

    .customDropdownMenu li {
        padding: 6px 10px;
        cursor: pointer;
        font-size: 14px;
        color: #7a7f8c;
        transition: all 0.2s linear;
    }

        .customDropdownMenu li:hover {
            background-color: #eaf6ff;
            color: #3b4147;
        }

.customDropdown.open .customDropdownMenu {
    display: block;
}

.templateContentList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .templateContentList span {
        font-size: 12px;
        color: #757575 !important;
        font-weight: 500;
    }
.templateContentListContent {
    display: flex;
    gap: 15px;
    align-items: center;
}
.templateContentListDate {
    display: flex;
    gap: 15px;
    align-items: center;
}

.modalFullWidth .modal-dialog {
    width: 80% !important;
}

.manifestPrintBody .package-points {
    width: 100%;
}

    .manifestPrintBody .package-points:before {
        content: unset;
    }
    .manifestPrintBody .package-points:after {
        content: unset;
    }

.manifestPrintBody .RowDetail-group {
    margin-bottom: 4px;
}
.manifestPrintBody .storeListSticky {
    width: 100%;
    margin-top: 30px;
}
    .manifestPrintBody .storeListSticky:before {
        content: unset;
    }
    .manifestPrintBody .storeListSticky:after {
        content: unset;
    }

.manifestDetailTopMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modalDocumentView .modalPdf-view {
    height: 450px;
}


.manifestDetailsTopAction {
    display: flex;
    gap: 10px;
    align-items: center;
}

.highlight-text {
    background-color: yellow;
    font-weight: bold;
    color: black;
    padding: 0 2px;
    border-radius: 2px;
    display: inline;
    transition: color 0.3s ease;
}

.highlight-Activetext {
    background-color: orange;
    font-weight: bold;
    color: black;
    padding: 0 2px;
    border-radius: 2px;
    display: inline;
    transition: color 0.3s ease;
}

.profileManageStickMain {
    position: sticky;
    top: 2px;
    background-color: #ffffff;
    z-index: 11;
    box-shadow: rgb(124 124 124 / 20%) 0px 2px 8px 0px;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
}

.profileManageStickInner {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
}

.profileManageStickTitle {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
}

    .profileManageStickTitle p {
        margin: 0;
        font-size: 13px;
    }

    .profileManageStickTitle::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        background-color: #d2d2d2;
    }

.moduleMainSearch {
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    width: 30%;
}

    .moduleMainSearch input {
        border: 0;
        background-color: transparent;
        font-size: 14px;
        width: 100%;
        padding: 4px 8px;
    }

        .moduleMainSearch input:focus {
            outline: none;
        }

    .moduleMainSearch i {
        border: none;
        background: none;
        cursor: pointer;
        height: 28px;
        width: 28px;
        background-color: transparent;
        border-radius: 30px;
        color: #626262;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .1s linear;
    }

        .moduleMainSearch i:hover {
            background-color: #ebebeb;
        }

    .moduleMainSearch span {
        font-size: 12px;
        color: #626262;
        white-space: nowrap;
    }

.moduleSearchMatch {
    display: flex;
    align-items: center;
    gap: 2px;
}

/*============================*/
.bulkAllocationDetailInner {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: flex-start;
    gap: 15px;
}

.bulkAllocationAvailableDevice {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
    .bulkAllocationAvailableDevice h4 {
        font-size: 13px;
        color: #757575;
        font-weight: 500;
        margin: 0;
    }
    .bulkAllocationAvailableDevice h6 {
        font-size: 28px;
        color: #25313e;
        font-weight: 600;
        margin: 0;
    }

.bulkAllocationDeviceSearchMain {
    display: flex;
    gap: 15px;
}

.modelInpColumnDirection {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

#deviceListModal .gridListScroll {
    max-height: 350px;
    overflow: auto;
    height: auto;
    border: 1px solid #DEDEDE;
}

    #deviceListModal .gridListScroll .table thead {
        position: sticky;
        top: -2px;
    }

.noRecordsContainer {
    font-size: 14px;
    background-color: #f7f7f7;
    color: #919191;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.settingsInnerMultiple {
    margin-top: 30px;
}

.gridColFourLine {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 10px;
    row-gap: 20px;
}


/*============*/
.detailBackgroundContainer {
    background-color: #f8f8f8;
    height: 100%;
    min-height: max-content;
}
.breadcrumbContainer {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    box-shadow: none;
    margin: 10px 0 5px 0;
    border: 1px solid #e3e3e3;
}
.clinicalStepsMain {
    position: sticky;
    top: 0px;
    z-index: 99;
    width: 100%;
    margin-top: 10px;
}
.clinicalStepsInner {
    position: relative;
    width: 100%;
    background: #ffffff;
    margin-bottom: 5px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
}
    .clinicalStepsInner .step-ul {
        padding: 10px 0;
    }
    .detailInnerContainer.cpag-inner {
        height: 420px;
    }
    .detailInnerContainer.cpag-innerAlt {
        height: 250px;
    }
    .detailInnerContainer.cpag-innermax {
        height: 500px;
    }
/*=====================Detail Page=======================*/
.detailInnerContainer {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 0px 20px 20px 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    height: auto;
    overflow: auto;
    border-radius: 10px;
    max-height: 700px;
    border: 1px solid #e3e3e3;
}
    .detailInnerContainer.detailInnerContainerVisible {
        overflow: visible !important;
    }
    .detailInnerContainer.autoHeight {
        height: auto;
        max-height: max-content;
    }

    .detailInnerTitle {
        width: 100%;
        position: relative;
        border-bottom: 1px solid #dfdfdf;
        margin-bottom: 0px;
        padding: 14px 0 10px 0;
        background-color: #ffffff;
        position: sticky;
        top: 0;
        z-index: 3;
        margin-bottom: 10px;
    }
.detailInnerContainer.maxHeight {
    max-height: 100%;
}

.detailInnerTitle h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: #25313e;
    padding-bottom: 0px;
}

        .detailInnerTitle.titleFirst {
            z-index: 100;
        }

        .detailInnerTwoGridContainer {
            display: flex;
            column-gap: 40px;
        }
.detailInnerTwoGridInner {
    width: 100%;
}

.detailInnerTitle.posRelative {
    position: relative;
}

.partialDetailMain {
    width: 100%;
    position: relative;
}
.partialDetailContainer {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 0px 20px 20px 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    height: auto;
    overflow: auto;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
}
.partialDetailTitle {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 0px;
    padding: 5px 0 5px 0;
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 4;
    margin-bottom: 10px;
}

    .partialDetailTitle.inner {
        z-index: 2;
    }
.rosRadioMain {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 10px;
}

.sidebarDraggableMain {
    margin: 0 16px;
}

    .sidebarDraggableMain .column-field .tabelform {
        background-color: #f8f8f8 !important;
    }
    .sidebarDraggableMain ul li .dragCompInner {
        font-size: 14px !important;
    }
    .sidebarDraggableMain .column-data {
        padding: 4px 4px !important;
        background-color: #fff !important;
    }

.remoteMonitoringTopDetail .rmMain-data {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 500px;
    overflow: auto;
}
    .remoteMonitoringTopDetail .rmMain-data.rmBMI-sec {
        height: 200px;
    }
    .remoteMonitoringTopDetail .rmMain-data.rmPersonal-details {
        height: 285px;
    }

.remoteMonitoringTopDetail .rmtab-nav {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #e3e3e3;
    margin-top: 10px;
    margin-bottom: 5px;
    gap: 50px;
}
.remoteMonitoringTopDetail .rmMain-data.readingTable-main {
    height: 700px;
    overflow: auto;
}

.enrollmentDateContainer {
    display: flex;
    gap: 5px;
    align-items: center;
}

.enrollmentIconBackground {
    height: 18px;
    width: 18px;
    background-color: #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    cursor: pointer;
}
    .enrollmentIconBackground i {
        font-size: 12px;
        color: #222222;
    }
    .enrollmentIconBackground.removeDate i {
        font-size: 11px;
    }

    .enrollmentIconBackground.actionBtn {
        height: 26px;
        width: 26px;
    }
.enrollDateContainer {
    position: relative;
}
    .enrollDateContainer input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer
    }

.ellipseInpFiled label {
    overflow: hidden;
     text-overflow: ellipsis; 
     white-space: nowrap; 
     width: 100% !important;
}

.modalFitScreenWidth .modal-dialog {
    width: auto !important;
    max-width: 80% !important;
}

.settings-title-flexEnd {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.generateInputContainer {
    position: relative;
}
.generateInputBtn {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #e9e9e9;
    padding: 4px 8px;
    color: #232323;
}
.model-inp .resizeEnable {
    resize: vertical;
    border-radius: 5px;
    font-size: 12px !important;
}

.gridListScroll.workflowGrid {
    max-height: 500px;
}

.detailInnerContainer.packageCustomerInfo {
    height: 510px;
}
.detailInnerContainer.packageShippingAddress {
    height: 340px;
}
.detailInnerContainer.packageBillingAddress {
    height: 160px;
}

.detailInnerContainer.packages-settingsInner {
    height: 350px;
}

.detailInnerContainer .packageQr-img {
    width: 100%;
    position: relative;
    margin: auto;
    text-align: center;
}
    .detailInnerContainer .packageQr-img img {
        width: 100%;
    }
    .detailInnerContainer .packageQr-img .noQRcode {
        width: 100%;
        margin: auto;
        margin-top: 20px;
    }
.detailTopStickBtn {
    z-index: 4;
}


.detailInnerContainer.manifestSettings-inner {
    height: 620px;
    overflow: auto;
}
.manifestSettings-inner {
    height: 620px;
    overflow: auto;
}

.detailInnerContainer.businessDetailHalfHeight {
    height: 200px;
    overflow: auto;
}
.detailInnerContainer.businessDetailFullHeight {
    height: 415px;
    overflow: auto;
}



/*==============Notification-Dialog==============*/
.notificationDialogMain {
    position: relative;
    display: none;
}

.notificationDialogContainer {
    min-width: 500px;
    max-width: 500px;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    height: auto;
    max-height: calc(100vh - 10pc);
    overflow: hidden;
    position: fixed;
    inset: 0px 0px auto auto;
    transform: translate(-124px, 60px);
    border-radius: 10px;
    z-index: 111;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .notificationDialogContainer.active {
        max-height: calc(100vh - 10pc);
    }

.notificationTitleMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #e3e3e3;
}
    .notificationTitleMain h1 {
        font-size: 18px;
        color: #25313e;
        font-weight: 600;
        margin: 0;
    }
.notificationTopAction {
    display: flex;
    gap: 10px;
    align-items: center;
}

.switchSmallMain {
    display: flex;
    gap: 8px;
    align-items: center;
}
    .switchSmallMain .switchSmallText {
        font-size: 13px;
        color: #25313e !important;
        font-weight: 500;
        margin: 0;
        cursor: pointer;
    }
    .switchSmallContainer {
        margin: 0;
        display: flex;
    }
        .switchSmallContainer input {
            display: none;
        }
        .switchSmallContainer small {
            display: inline-block;
            width: 32px;
            height: 18px;
            background: #455a64;
            border-radius: 30px;
            position: relative;
            cursor: pointer;
        }

            .switchSmallContainer small:before {
                content: "";
                position: absolute;
                width: 12px;
                height: 12px;
                background: #fff;
                border-radius: 50%;
                top: 3px;
                left: 3px;
                transition: .3s;
                box-shadow: -3px 0 3px rgba(0,0,0,0.1);
            }

        .switchSmallContainer input:checked ~ small {
            background: #0b81fe;
            transition: .3s;
        }

            .switchSmallContainer input:checked ~ small:before {
                transform: translate(14px, 0px);
                transition: .3s;
            }

    .notificationNewTab {
        text-decoration: none;
        padding: 4px 8px;
        border-radius: 6px;
        /* border: 1px solid #d2d2d2; */
        background-color: #f2f2f2;
    }
    .notificationNewTab svg {
        height: 18px;
        width: auto;
    }

.notificationBodySection {
    position: relative;
}

.notificationBodyMain {
    width: 100%;
    position: relative;
    text-align: left;
    height: 100%;
    overflow: auto;
}

.notificationBodyInner {
    margin: 8px 12px 12px 12px;
}

.notificationDate {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    position: sticky;
    top: 4px;
}
    .notificationDate span {
        background-color: #e3e3e3;
        padding: 4px 10px;
        font-size: 12px;
        font-weight: 500;
        color: #6a6a6a;
        border-radius: 5px;
        z-index: 5;
    }

.notificationContentMain {
    display: grid;
    gap: 10px;
    grid-template-columns: 50px 1fr 34px;
    margin-bottom: 6px;
    background-color: #ffffff;
    padding: 10px 8px;
    border-radius: 8px;
    cursor: pointer;
}
    .notificationContentMain:hover {
        background-color: #f7f7f7;
    }
    .notificationInitial {
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        background-color: #e9e9e9;
    }
    .notificationInitial svg {
        height: 24px;
        width: 24px;
        fill: #272727;
    }
.notificationContentMiddle {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3px;
}
    .notificationContentMiddle h1 {
        font-size: 14px;
        color: #25313e;
        font-weight: 600;
        margin: 0;
    }
        .notificationContentMiddle h1 a {
            color: #25313e;
        }
        .notificationContentMiddle h4 {
            font-size: 13px;
            color: #25313e;
            font-weight: 400;
            margin: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    .notificationContentMiddle span {
        font-size: 12px;
        color: #8f8f8f;
        font-weight: 400;
        margin: 0;
    }

.notificationViewAll {
    margin-top: 15px;
}
.notificationViewBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #ffffff;
    font-size: 14px;
    border: 1px solid #2684FF;
    color: #2684FF;
    width: 100%;
    transition: all 0.2s linear;
}
    .notificationViewBtn:hover {
        color: #2684FF;
        background-color: #ecf4ff;
    }

.notificationStatus {
    height: 34px;
    width: 34px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
    .notificationStatus svg {
        height: 18px;
        width: auto;
        fill: #0b81fe;
    }

.notificationContentMain:hover .notificationStatus {
    border: 1px solid #d2d2d2;
}

/*=============*/
.providerProfileMain {
    display: grid;
    grid-template-columns: 440px 1fr;
    column-gap: 10px;
}
.providerProfileLeft {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 10px;
    position: relative;
    background-color: #f5f5f5;
    padding: 8px 4px;
    border-radius: 10px;
}
    .providerProfilePhoto {
        text-align: center;
        margin-top: 3px;
    }
    .providerProfilePhoto img {
        max-width: 100%;
        height: auto;
    }

.providerPrimaryDetail {
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
    .providerPrimaryDetail span {
        font-size: 14px;
        color: #262626;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
.providerPrimaryDetailInline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.providerProfileBottom {
    position: relative;
    margin-top: 15px;
    padding-top: 15px;
}
    .providerProfileBottom::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e5e5;
    }

.providerDocBtn {
    background-color: #fff6ef;
    border: 1px solid #ec8c10;
    border-radius: 6px;
}
    .providerDocBtn svg {
        stroke: #ec8c10;
    }
    .providerDocBtn.documentActive {
        background-color: #ff9137;
    }
        .providerDocBtn.documentActive svg {
            stroke: #fff;
        }

.topEditBtn {
    background-color: #1b89ff;
    border: 1px solid #1b89ff;
    border-radius: 6px;
}
    .topEditBtn svg {
        width: 20px;
        height: auto;
        fill: #fff;
    }

.auditWorkflowBodySection {
    display: flex;
    gap: 0px;
    align-items: flex-start;
}
.auditWorkflowFilterMain {
    min-width: 0;
    max-width: 0;
    height: 100%;
    border: 1px solid #DEDEDE;
    border-radius: 6px;
    margin-left: 10px;
    transition: all 0.1s linear;
}
    .auditWorkflowFilterMain.show {
        min-width: 0;
        max-width: 350px;
        height: 100%;
    }
    .filterOneLineCol {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: flex-start;
        row-gap: 0px;
        padding: 10px 12px;
        height: auto;
        max-height: calc(100vh - 20pc);
        overflow: auto;
    }
    .filterGridContainerWorkflow {
        width: 100%;
        overflow: auto;
    }
        .filterGridContainerWorkflow .tabsMainContainer .tabsMain {
            padding: 0 4px;
        }
        .filterGridContainerWorkflow .tabsMainContainer .tabsMain .tabTitle {
            padding: 6px 0px !important;
        }
    .fullSearchButtonsMain.auditWorlflow {
        padding: 7px 10px 7px 10px;
        border-radius: 0 0 6px 6px;
    }
.auditFilterRange {
    margin: 15px 0px 0 0px;
}

    .auditFilterRange .range-filter-main {
        margin: 34px 15px 10px 15px;
    }

    .auditFilterRange .filterRange {
        width: 70px;
        font-size: 11px;
        padding: 4px 4px;
    }
    .auditFilterRange .triangle {
        left: calc(50% - 12px);
    }

a.blueFilterBtn[aria-expanded="true"] {
    background-color: #F3F8FF;
    border: 1px solid #2684FF;
    color: #2684FF;
}

.auditWorkflowTitleMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 1px solid #e3e3e3;
}
    .auditWorkflowTitleMain h2 {
        font-size: 16px;
        color: #25313e;
        font-weight: 600;
        margin: 0;
    }
.sideFilerCloseBtn {
    text-decoration: none;
    padding: 6px 6px;
    border-radius: 6px;
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .sideFilerCloseBtn svg {
        height: 18px;
        width: auto;
    }

.auditWorkflowGridResponsive {
    height: auto;
    min-height: calc(100vh - 20pc);
    max-height: calc(100vh - 20pc);
    overflow: auto;
}
    .auditWorkflowGridResponsive table thead {
        position: sticky;
        top: -1px;
        z-index: 48;
    }
.auditWorkflowGrid thead td, .auditWorkflowGrid thead th {
    padding: 10px 10px;
    border-bottom: none;
}
.gridFooter.bordered {
    border-top: 1px solid #e3e3e3;
}
 .filterBottomBtnMain {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /* position: absolute; */
    bottom: 10px;
    left: 50%;
    /* transform: translateX(-50%); */
    width: 100%;
}
    .filterBottomBtnMain button {
        padding: 5px 20px;
        font-size: 13px;
        border-radius: 4px;
    }

.btnPrimary {
    font-size: 16px;
    background-color: #0DD17F;
    border-color: #0DD17F;
    color: #fff;
}
    .btnPrimary:hover {
        background-color: #0dbc73;
        border-color: #0dbc73;
        color: #fff;
    }
    .btnPrimary svg {
        fill: #fff;
        height: 20px;
    }
.clinicalQueueContent:last-child {
    border-right: 1px solid #A8D1FF;
}

.noQueueContent {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background-color: #e8f5ff;
    height: 100%;
}
    .noQueueContent h2 {
        font-size: 14px;
        color: #4476ff;
        margin-bottom: 0;
    }

    .noQueueContent svg {
        height: 18px;
        width: auto;
        fill: #4476ff;
    }