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

.height-fix {
    height: 100%;
}

.main-container {
    position: static;
    padding: 0;
}

.center-fix {
    /*display: grid;*/
    height: 99vh;
}

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

.none {
    display: none;
}

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

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

.p-r-20 {
    padding-right: 20px !important;
}

.pad-l-0 {
    padding-left: 0px;
}

.pad-r-0 {
    padding-right: 0px;
}

.pad-r-0-i {
    padding-right: 0px !important;
}

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

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

.top-3 {
    top: 3px;
}

.mt-010 {
    margin-top: -10px;
}

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

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

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

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

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

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

.filter-icon {
    background: #005c32;
    border-radius: 5px;
    margin-top: 0px;
    font-size: 12px;
    padding: 12px 20px;
}

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

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

.add-filter span {
    font-size: 12px;
    padding-left: 3px;
}

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

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

.mt-05 {
    margin-top: -5px;
}

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

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

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

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

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

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

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

.mrg-l-10 {
    margin-left: 10px;
}

.mrg-l-15 {
    margin-left: 15px;
}

.mrg-r-15 {
    margin-right: 15px;
}

.mrg-l-5 {
    margin-left: 5px;
}

.mrg-r-5 {
    margin-right: 5px;
}

.mrg-r-10 {
    margin-right: 10px;
}

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

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

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

.character-counter {
    display: none;
}

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

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

.min-height-185 {
    min-height: 185px;
}

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

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

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

.v-align-sup {
    vertical-align: super;
}

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

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

/******************************** Footer ****************************************************/
.footer {
    height: auto;
    background: #25313E;
    position: fixed;
    z-index: 999;
    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 - 110px);
    margin-bottom: 40px;
    overflow: auto;
    transition: all 0.3s;
    background-color: #F6FAFF
}

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

.navbar-right {
    float: right !important;
    margin-right: 0;
}

    .navbar-right li {
        z-index: 999;
    }

.nav.navbar-top-links .wel-mem {
    padding: 0;
    display: inline-block;
    margin-right: -4px;
}

    .nav.navbar-top-links .wel-mem a {
        color: #cf1717;
        display: inline-block;
        font-weight: 400;
    }

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


.avatar-top-header {
    border-radius: 50%;
    width: 120px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
}

    .avatar-top-header img {
        width: 100%;
    }

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

.nav.navbar-top-links .wel-mem img {
    border-radius: 50%;
    /*width: 45px;*/
    margin-left: 10px;
    background: transparent;
    vertical-align: bottom;
    margin-top: 0px;
}

.nav.navbar-top-links .wel-mem a {
    padding: 0px !important;
    background: transparent !important;
    display: initial !important;
}

.notification-icon {
    position: absolute;
    left: auto;
    right: 225px;
    float: right;
    top: 17px;
}

.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-user-txt {
    font-size: 16px;
    padding-left: 2px;
    letter-spacing: 1px;
}

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

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

.right-355-p {
    right: 355px;
}

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

.right-265 {
    right: 265px;
}

/**************************************** 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;
}

.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 {
    background-color: #fff;
    color: inherit;
    padding: 15px;
    border-color: #eceff1;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .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-view-clinical-note {
    background-color: #4caf50;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 30px;
}

    .btn-view-clinical-note img {
        padding-right: 10px;
    }

.btn-generate-persc {
    background-color: #4285f4;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 30px;
}

    .btn-generate-persc a {
        color: #fff !important;
    }

    .btn-generate-persc img {
        padding-right: 10px;
        vertical-align: text-top;
    }

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

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

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

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

.btn-floating {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    width: 47px;
    height: 47px;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*margin: 10px;*/
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
}

    .btn-floating i {
        display: inline-block;
        width: inherit;
        text-align: center;
        color: #fff;
    }

    .btn-floating.btn-lg i {
        font-size: 1.2rem;
        line-height: 35px;
    }

.rx-button {
    font-size: 12px;
    padding: 10px 15px !important;
    margin-right: 2px;
}

    .rx-button img {
        width: 26px;
        vertical-align: middle;
        padding-right: 5px;
    }

    .rx-button.bg-dark-red {
        background: #c50000;
    }

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

.outline-button {
    background-color: #ffffff;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 0px;
    border: 1px solid #006cb7;
    /*padding: 10px 25px;*/
    padding: 10px 20px;
    /*padding: 7px 10px;*/
    /*width: 195px !important;
height: 40px;
padding: 0;*/
    margin-left: 0;
    color: #000;
    font-weight: 500;
    margin: 0;
    /*width: 100%;*/
}

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

.btn-authorized {
    background: #3cbd0a;
    color: #fff;
    border: 1px solid #3cbd0a;
    padding: 7px 10px;
    min-width: 130px;
}

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

/***************************** End Button CSS ********************************************************/
/************************************** Pagination *************************************************/
.paging-nav {
    display: table;
    margin: 0 auto;
}

    .paging-nav a {
        color: black;
        float: left;
        padding: 6px 12px;
        text-decoration: none;
        transition: background-color 0.3s;
        border-radius: 50%;
        font-size: 13px;
    }

        .paging-nav a.selected-page {
            background-color: #006cb7;
            color: white;
        }

        .paging-nav a:hover:not(.active) {
            background-color: #ddd;
        }

.pagination {
    /*display: inline-block;*/
    display: table;
    margin: 0 auto;
}

    .pagination a {
        color: black;
        float: left;
        padding: 6px 13px;
        text-decoration: none;
        transition: background-color 0.3s;
        border-radius: 50%;
        font-size: 13px;
    }

        .pagination a.selected-page {
            background-color: #933ec5;
            color: white;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }

/************************************** End Pagination *************************************************/
/***************************************** Scroller Tab ************************************************/
/* width */
::-webkit-scrollbar {
    width: 8px;
}

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

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

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

/***************************************** 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: 99;
    display: block;
    width: 100%;
    height: 0.25rem;
    overflow: hidden;
    z-index: 111111111;
    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 ****************************************/
/*********************** Material Dropdown **********************************************/
.select-city-dd .select-wrapper {
    position: relative;
}

    .select-city-dd .select-wrapper input.select-dropdown {
        position: relative;
        cursor: pointer;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #000;
        outline: none;
        /* height: 3rem; */
        /* line-height: 3rem; */
        width: 100%;
        font-size: 13px;
        margin: 0 0 8px 0;
        padding: 0;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 1;
        color: #000;
        margin: 11px 0 0.5rem;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0.3rem 0 0.55rem;
        font-weight: 500;
    }

.select-city-dd ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}

.select-city-dd .dropdown-content {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 6.25rem;
    max-height: 40.625rem;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height;
}

.select-city-dd .select-dropdown.dropdown-content li.selected {
    background-color: rgba(0, 0, 0, 0.03);
}

.select-city-dd ul:not(.browser-default) > li {
    list-style-type: none;
}

.select-city-dd .dropdown-content li {
    clear: both;
    color: #000;
    cursor: pointer;
    line-height: 1.3rem;
    width: 100%;
    text-align: left;
    text-transform: none;
}

    .select-city-dd .dropdown-content li > a, .select-city-dd .dropdown-content li > span {
        font-size: 16px;
        color: #26a69a;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

.select-city-dd .select-dropdown li.disabled, .select-city-dd .select-dropdown li.disabled > span, .select-city-dd .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, 0.3);
    background-color: transparent !important;
    cursor: context-menu;
}

.select-city-dd .dropdown-content li > a, .select-city-dd .dropdown-content li > span {
    font-size: 0.9rem;
    color: #4285f4;
    display: block;
    padding: 0.5rem;
}

.select-city-dd .select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: rgba(0, 0, 0, 0.87);
}

.select-city-dd .disabled, .select-city-dd :disabled {
    pointer-events: none !important;
}

.select-city-dd select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem;
    display: none;
}

.select-city-dd .select-dropdown li.disabled, .select-city-dd .select-dropdown li.disabled > span, .select-city-dd .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, 0.3);
    background-color: transparent !important;
    cursor: context-menu;
}

.select-city-dd .input-field > label {
    color: #9e9e9e;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}

.select-city-dd input:not([type]) + label:after, .select-city-dd input[type=text]:not(.browser-default) + label:after, .select-city-dd input[type=password]:not(.browser-default) + label:after, .select-city-dd input[type=email]:not(.browser-default) + label:after, .select-city-dd input[type=url]:not(.browser-default) + label:after, .select-city-dd input[type=time]:not(.browser-default) + label:after, .select-city-dd input[type=date]:not(.browser-default) + label:after, .select-city-dd input[type=datetime]:not(.browser-default) + label:after, .select-city-dd input[type=datetime-local]:not(.browser-default) + label:after, .select-city-dd input[type=tel]:not(.browser-default) + label:after, .select-city-dd input[type=number]:not(.browser-default) + label:after, .select-city-dd input[type=search]:not(.browser-default) + label:after, .select-city-dd textarea.materialize-textarea + label:after, .select-city-dd .select-wrapper + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;
    transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.select-city-dd .select-wrapper + label {
    transition: 0.2s ease-out;
    cursor: text;
    color: #005c32;
    left: 0;
    transform: translateY(-105%);
    position: absolute;
    /*font-size: 0.75rem;*/
    font-size: 13px;
}

.city-margin .select-dropdown {
    margin: 5px 0px !important;
}

/*********************** End Material Dropdown **********************************************/
/**************************** Switch UI *****************************************/
.switch label {
    cursor: pointer;
    padding-left: 15px;
    font-weight: 400;
}

    .switch label input[type=checkbox] {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch label .lever {
        content: "";
        display: inline-block;
        position: relative;
        background-color: #818181;
        -webkit-border-radius: 0.9375rem;
        border-radius: 0.9375rem;
        margin-right: 0.625rem;
        vertical-align: middle;
        margin: 0 1rem;
        width: 2.5rem;
        height: 0.9375rem;
        -webkit-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease;
        margin-left: 8px;
        margin-right: 8px;
    }

    .switch label input[type=checkbox]:checked + .lever {
        background-color: #dccfe2;
    }

        .switch label input[type=checkbox]:checked + .lever:after {
            background-color: #006bb7 !important;
            left: 1.5rem;
        }

    .switch label .lever:after {
        content: "";
        position: absolute;
        display: inline-block;
        background-color: #f1f1f1;
        -webkit-border-radius: 1.3125rem;
        border-radius: 1.3125rem;
        left: -0.3125rem;
        top: -0.1875rem;
        -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
        box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
        width: 1.3125rem;
        height: 1.3125rem;
        -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
        transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
        -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
        transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
        transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease, -webkit-box-shadow 1s ease;
    }

/**************************** End Switch UI *****************************************/
/************************************** Upload Excel Button ***************************/
.upload-download-excel {
    /*border-bottom: 1px solid #ececec;
padding-bottom: 5px;*/
    margin-bottom: 10px;
}

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

    .upload-download-excel .upload-excel-file {
        background: #e7e7e7;
        padding: 9px 15px 10px 15px;
        position: relative;
        right: 0;
        left: 0px;
        border: 1px solid #006cb7;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        min-width: 170px;
        text-align: center;
        min-height: 36px;
        top: 0px;
        line-height: 34px;
        line-height: initial;
        display: inline-block;
        vertical-align: top;
        /*float: right;*/
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        margin-bottom: 0px;
    }

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

        .upload-download-excel .upload-excel-file svg {
            width: 16px;
            vertical-align: text-top;
        }

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

.upload-doc {
    background: #e7e7e7 !important;
    /*padding: 13px 15px 9px 15px;*/
    padding: 0px 40px;
    border: 1px solid #bab9b9 !important;
    text-align: center;
    top: 0;
    line-height: 34px;
    line-height: initial;
    display: inline-block;
    border-radius: 0px;
    /*width: auto;*/
    width: 100%;
    color: #000 !important;
    min-height: 40px;
    line-height: 35px;
    font-weight: 400 !important;
}

    .upload-doc span {
        padding-left: 5px;
        font-size: 13px;
    }

    .upload-doc svg {
        width: 18px;
    }

.inputfile {
    display: none;
}

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

.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;
        font-weight: 500;
    }

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

.file-upload-input {
    width: 59%;
    color: #000;
    font-size: 13px;
    padding: 8px 15px;
    border: none;
    background-color: #fff;
    transition: all 0.2s ease-in;
    float: left;
    /* border-bottom: 1px solid #d4d4d4; */
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    .file-upload-input:hover, .file-upload-input:focus {
        background-color: #00c292;
        outline: none;
        color: #fff;
        opacity: 1;
    }

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

.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: #00c292;
        color: #fff;
    }

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

.form-check {
    position: relative;
    display: block;
    padding-left: 0;
    float: left;
    top: 2px;
}

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

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

.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: 13px;
    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:not(:placeholder-shown) + span {
        /*color: #5a667f;*/
        /*transform: translateY(-26px) scale(0.75);*/
        -webkit-transform: translateY(-140%);
        -ms-transform: translateY(-140%);
        transform: translateY(-140%);
    }

    .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 *********************************************/
/************************ Toaster ************************************/
.toast-title {
    font-weight: 400;
}

.toast-message {
    word-wrap: break-word;
    color: #fff;
}

    .toast-message a:hover {
        color: #ccc;
        text-decoration: none;
    }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 1.25rem;
    font-weight: 400;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
}

    .toast-close-button:focus,
    .toast-close-button:hover {
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
}

    #toast-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 18.75rem;
        background-position: 15px center;
        background-repeat: no-repeat;
        opacity: 0.95;
    }

    #toast-container > :hover {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-transition: 0.45s;
        -o-transition: 0.45s;
        transition: 0.45s;
        opacity: 1;
        cursor: pointer;
    }

    #toast-container.toast-bottom-center > div,
    #toast-container.toast-top-center > div {
        width: 18.75rem;
        margin: auto;
    }

    #toast-container.toast-bottom-full-width > div,
    #toast-container.toast-top-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #00c851;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

.toast-error {
    background-color: #ff3547;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

.toast-info {
    background-color: #33b5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

.toast-warning {
    background-color: #fb3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 0.4;
}

/********************************* 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;
    /*&:after {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
}*/
}

/****************************** End Tooltip ***************************/
/******************************** Modal Popup UI **********************/
.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;
    }

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

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

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

.add-folder {
    margin-bottom: -15px;
}

    .add-folder ul .new-add {
        margin-left: 23px;
    }

    .add-folder ul li {
        display: inline-block;
        position: relative;
    }

        .add-folder ul li 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 span {
                font-size: 14px;
                font-weight: 700;
            }

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

/**DO NOT Uncomment this whole section***/
/*/*******Regulationlog************/
/*.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;
}

.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% - 55%);
}*/

/********patient-survay-mail********/
/*.border-btm {
border-bottom: 1px dashed #ccc;
padding-bottom: 12px;
}

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

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

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

.min-height-480 {
min-height: 480px;
}

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

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

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

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

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

.p-0 {
padding: 0px;
}

.view-sms-eye {
width: 260px !important;
padding-top: 10px !important;
padding-bottom: 0px !important;
overflow-y: scroll;
max-height: 135px;
}

.waves-effect.waves-light .waves-ripple {
background: rgba(255, 255, 255, 0) !important;
}

.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;
z-index: 99;
width: 100%;
overflow: hidden;
}

.filed-data {
border: 1px solid #ccc;
border-radius: 5px;
padding: 3px;
}

.field-title {
text-align: center;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

.field-title span {
color: #000;
font-size: 16px;
font-weight: 600;
}

.column-field .tabelform {
background-color: #fff !important;
width: 100%;
border-left: 0px !important;
}

.column-field .newsidebar .columns {
color: #000 !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 600 !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;
padding: 2px;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}

.column-data span {
color: #6b6d70;
font-size: 0.8125rem;
font-weight: 400;
}

.rules-data ul {
margin-left: 15px;
margin-right: 15px;
}

.rules-data ul li {
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;
}

.rules-data ul li span {
font-size: 14px;
font-weight: 500;
color: #0a0a0a;
margin-left: 8px;
}

.rules-data ul li img {
position: relative;
bottom: 7px;
}

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

.star2 {
background: #006cb7;
width: 10px;
height: 10px;
margin-top: 2px;
}

.pa {
background: #00853e;
width: 10px;
height: 10px;
margin-top: 2px;
}

.specialty {
background: #ad9303;
width: 10px;
height: 10px;
margin-top: 2px;
}

.inflash {
background: #ff7800;
width: 10px;
height: 10px;
margin-top: 2px;
}

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

.check-align {
display: flex;
justify-content: space-between;
}

.mr-38 {
margin-right: 38px;
}

.mr-31 {
margin-right: 31px;
}

.mr-38-percnt {
margin-right: 38% !important;
}

.report-filter-color ul {
color: #000;
font-size: 13px;
}

.report-filter-color #runninglineinfo ul li {
margin-right: 10px;
margin-left: 10px;
}

.report-filter-color a {
background: transparent !important;
color: #6b6d70 !important;
font-size: 0.8125rem !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;
}

.report-filter-color lable {
font-size: 13px !important;
color: #000 !important;
}

.h-50-p {
height: 50%;
}

.report-table .table-responsive {
border-radius: 5px;
}

.report-table .view-presc-table thead th {
padding: 20px 10px 20px 6px;
}

.report-record span {
display: block;
font-size: 16px;
font-weight: 800;
}

.report-data-heading {
background: #e8e8e8;
padding: 10px !important;
font-size: 14px;
font-weight: 600;
}

.border-right-report {
border-right: 1px solid #ababab !important;
}

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

.h-27-px {
height: calc(25px + 2px) !important;
}

.report-bg {
background: #e8e8e8;
padding: 20px;
width: 100%;
display: inline-block;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.report-bg span.report {
display: inline-block;
vertical-align: middle;
position: relative;
top: 8px;
}

.report-bg ul {
margin: 0;
float: right;
}

.report-bg ul li {
display: inline-block;
vertical-align: middle;
}

.report-bg ul li.report-btn {
display: inline-block;
}

.report-bg ul li.outline-button {
background-color: #fff;
border: 1px solid #8c8c8c;
}

.report-bg ul li.btn {
box-shadow: none;
}

.report-bg ul li a {
display: block;
color: #000;
}

.filed-data-report {
border: 1px solid #ccc;
border-radius: 5px;
padding: 3px;
display: none;
}

#report {
min-width: 82%;
}

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

#edit-report {
display: none;
}

.hide {
display: none;
}

.l-275-p {
left: 275px !important;
}

.l-133-p {
left: 133px !important;
}

.dis-flex {
display: flex;
align-items: flex-start;
}*/

/**********************Start Delivery tool***********************/
/*.zipborder {
padding: 10px;
margin: 10px;
border-radius: 10px;
box-shadow: 0px 0px 5px 2px #ccc;
display: inline-grid;
}

.zipborder:after {
content: "";
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;
}

.tooltip-position {
position: absolute;
bottom: 45%;
}

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

.welcome-txt {
display: flex;
justify-content: flex-end;
}*/

/**********************End Delivery tool***********************/
/**********************End Employee***********************/
/*.hr-emp-border {
border: 1px solid #006cb7;
border-radius: 5px;
padding: 15px 0px;
margin-left: 15px;
box-shadow: 0px 5px 7px -1px #CCC;
}

.hr-emp-text a {
font-weight: bold;
letter-spacing: 0.5px;
font-size: 16px;
color: #000;
}

.overflow-hidden {
overflow: hidden;
}*/
.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%);
}

.push-elementright {
    position: absolute;
    right: 15px;
}

/*.top-ico li {
    margin: 0 5px;
}*/

/*.top-ico li a {
        padding: 0 !important;
    }*/

.top-ico li a:hover img {
    filter: contrast(1.1);
}

.top-ico li:last-child {
    margin-right: 0;
}

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

.collapse-chevron .fa-angle-down {
    transition: 0.3s transform ease-in-out;
}

.collapse-chevron .collapsed .fa-angle-down {
    transform: rotate(-90deg);
}

.collapse-chevron a {
    font-weight: 400;
}

.collapse-chevron .ibox {
    margin-top: 0px !important;
}

.collapse-chevron span {
    font-size: 12px;
    color: #933ec5;
}

.collapse-chevron strong {
    font-size: 12px;
    color: #933ec5;
}

.collapse-chevron .ibox-content {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .collapse-chevron .ibox-content .brdr-bottom {
        border-bottom: 1px solid #acacac;
    }

    .collapse-chevron .ibox-content label {
        font-weight: 700;
        font-size: 13px;
    }

    .collapse-chevron .ibox-content span {
        font-size: 13px;
        color: #000;
    }

    .collapse-chevron .ibox-content .brder-top {
        border-top: 1px solid #ece8e8;
    }

    .collapse-chevron .ibox-content .fa-angle-down {
        color: #933ec5;
    }

#sidebar .components li > .menuBlock-visible.sub-active-menu {
    color: #0B273A !important;
    background-color: #F6F6F6;
    position: relative;
}

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

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


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

    .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-input {
    width: 45%;
    color: #000;
    font-size: 13px;
    padding: 8px 15px;
    border: none;
    background-color: #fff;
    transition: all 0.2s ease-in;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    .file-upload-input:hover, .file-upload-input:focus {
        background-color: #8536b4;
        outline: none;
    }

.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 {
    padding-top: 10px;
    width: 25%;
}

    .search-data i {
        position: absolute;
        left: 25px;
        top: 23px;
        bottom: auto;
    }

    .search-data input {
        width: 100% !important;
        padding-left: 30px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        border: 1px solid #e6e6e6 !important;
        font-size: 14px;
    }

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

    .view-presc-table table {
        box-shadow: 2px 2px 10px 0px #afafaf;
    }

    .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: transparent !important;
}

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

.media .avatar {
    width: 64px;
}

.shadow-textarea textarea.form-control::placeholder {
    font-weight: 300;
}

.shadow-textarea textarea.form-control {
    padding-left: 0.8rem;
}

.basic-textarea textarea {
    height: auto;
}

.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-tab-container * {
    box-sizing: border-box;
}

.scrtabs-tab-container {
    height: 42px;
}

    .scrtabs-tab-container .tab-content {
        clear: left;
    }

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

.scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container {
    overflow-x: auto;
}

    .scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container::-webkit-scrollbar {
        display: none;
    }

.scrtabs-tabs-movable-container {
    position: relative;
}

    .scrtabs-tabs-movable-container .tab-content {
        display: none;
    }

.scrtabs-tab-scroll-arrow {
    /*border: 1px solid #dddddd;*/
    border-top: none;
    color: #005c32;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 12px;
    height: 42px;
    padding-left: 2px;
    padding-top: 13px;
    width: 20px;
    position: relative;
    left: 0;
    background: #fff;
}

    .scrtabs-tab-scroll-arrow:hover {
        background-color: #eeeeee;
    }

    .scrtabs-tab-scroll-arrow.scrtabs-disable {
        color: #ddd;
        cursor: default;
    }

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

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

/**************************************************************************************************************************************************/
.newbucketlist {
    right: 100px !important;
}

.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 *********************************************************/
.mg-tb-40 {
    margin: 40px 0px;
}

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

.menu-it-icon-pro i {
    font-size: 18px;
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.notika-tab-menu-bg {
    position: relative;
}

    .notika-tab-menu-bg:before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #fff;
        content: "";
        z-index: 9;
        height: 100%;
    }

.custom-menu-content {
    padding: 12px 15px;
}

    .custom-menu-content ul.notika-main-menu-dropdown {
        position: relative;
        z-index: 99;
        padding-left: 0px;
    }

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

.custom-menu-content ul.notika-main-menu-dropdown li {
    display: inline-block;
}

    .custom-menu-content ul.notika-main-menu-dropdown li a {
        padding: 15px 20px;
        display: block;
        font-size: 14px;
        color: #333;
        font-weight: 400;
    }

    .custom-menu-content ul.notika-main-menu-dropdown li ul.layout-more-dp {
        position: absolute;
        z-index: 999;
        width: 200px;
        left: -20px;
        border: none;
        border-radius: 0px;
    }

        .custom-menu-content ul.notika-main-menu-dropdown li ul.layout-more-dp li a {
            font-size: 14px;
            color: #333;
            padding: 10px 20px;
        }

.notika-main-menu-dropdown li.active {
    border-bottom: 2px solid #00c292;
}

    .notika-main-menu-dropdown li.active a {
        color: #00c292 !important;
    }

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

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

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

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

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

.message-board {
    margin-top: 12px;
    margin-bottom: 0;
    /*position: relative;
top: -10px;*/
}

    .message-board textarea {
        font-size: 13px;
    }

    .message-board label {
        font-size: 13px;
        font-weight: 400;
    }

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

.spinnergreen {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    top: 6px;
    left: 4px;
}

    .spinnergreen:after, .spinnergreen:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

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

#no-items-found {
    color: #fff;
}

.bg-light-grey {
    background: #efefef;
}

.scrollroletable {
    overflow-x: hidden;
    overflow-y: scroll;
    height: auto;
    max-height: 450px;
}

.role-mgmt-check .form-check-label {
    color: #000 !important;
}

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

.role-mgmt-check .form-check-input[type=checkbox]:checked + label:before, .role-mgmt-check label.btn input[type=checkbox]:checked + label:before {
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #100000;
    border-bottom: 2px solid #000;
    top: -1px;
    left: -4px;
    width: 9px;
    height: 1.1rem;
}

.role-mgmt-check tr {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.role-mgmt-check td {
    font-weight: 700;
    font-size: 13px;
}

.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    background-color: #26a69a;
    border-radius: 50%;
    transition: 0.3s;
    cursor: pointer;
    vertical-align: middle;
}

    .btn-floating i {
        width: inherit;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.6rem;
        line-height: 37px;
    }

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

.fixed-action-btn {
    position: fixed;
    padding-top: 15px;
    margin-bottom: 15px;
    z-index: 998;
    bottom: 45px;
    right: 24px;
}

    .fixed-action-btn.active ul {
        visibility: visible;
    }

    .fixed-action-btn.horizontal {
        padding: 0 0 0 15px;
    }

        .fixed-action-btn.horizontal ul {
            text-align: right;
            right: 50px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 100%;
            left: initial;
            width: 500px;
        }

            .fixed-action-btn.horizontal ul li {
                display: inline-block;
                margin: 15px 15px 0 0;
            }

    .fixed-action-btn ul {
        left: 0;
        right: 0;
        text-align: center;
        position: absolute;
        bottom: 64px;
        margin: 0;
        visibility: hidden;
    }

        .fixed-action-btn ul li {
            margin-bottom: 15px;
        }

        .fixed-action-btn ul a.btn-floating {
            opacity: 0;
        }

.fab-excel-btn {
    color: #fff !important;
    font-size: 28px !important;
    position: absolute;
    top: 13px;
    left: 16px;
}

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

.w-84 {
    width: 84%;
}

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

.searchanimate {
    float: right;
    margin-top: 16px;
    width: 15%;
}

    .searchanimate input {
        border: 1px solid #ccc;
        font-size: 14px;
        height: 35px;
        padding: 4px 8px;
        position: absolute;
        width: 50%;
    }

        .searchanimate input:focus {
            outline: none;
        }

    .searchanimate button {
        text-align: center;
    }

        .searchanimate button:focus {
            outline: none;
        }

        .searchanimate button.btn-search, .searchanimate button.btn-reset {
            background: #00c292;
            border: none;
            height: 30px;
            font-size: 12px;
            padding: 4px;
            position: absolute;
            width: 30px;
        }

.sample {
    /*float: left;
height: 50px;
margin: 0 8%;
position: relative;
width: 34%;*/
}

    .sample.one input, .sample.two input {
        border-radius: 15px;
        right: 0;
        transition: all 0.3s ease-in-out;
        width: 50%;
    }

        .sample.one input:focus, .sample.two input:focus {
            width: 100%;
        }

            .sample.one input:focus ~ button.btn-search, .sample.two input:focus ~ button.btn-search {
                background: #00c292;
                color: #fff;
            }

            .sample.one input:focus ~ button.btn-reset, .sample.two input:focus ~ button.btn-reset {
                right: -22px;
            }

    .sample.one button, .sample.two button {
        transition: all 0.3s ease-in-out;
    }

        .sample.one button.btn-search, .sample.two button.btn-search {
            background: #ccc;
            border-radius: 50%;
            height: 26px;
            right: 2px;
            top: 2px;
            transition: all 0.3s ease-in-out;
            width: 26px;
        }

        .sample.one button.btn-reset, .sample.two button.btn-reset {
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            font-size: 10px;
            height: 20px;
            line-height: 20px;
            padding: 0;
            right: 5px;
            top: 5px;
            width: 20px;
            z-index: -1;
        }

    .sample.three, .sample.four {
        perspective: -400px;
    }

        .sample.three input, .sample.four input {
            width: 120px;
        }

            .sample.three input:focus ~ button.btn-search, .sample.four input:focus ~ button.btn-search {
                transform: rotateY(180deg);
                transition: transform 0.6s ease-in-out 0.2s;
            }

            .sample.three input:focus ~ button.btn-reset, .sample.four input:focus ~ button.btn-reset {
                transform: rotateX(0deg) translateY(32px) translateX(2px);
                transition: transform 0.6s ease-in-out 0.8s;
            }

        .sample.three button.btn-search, .sample.four button.btn-search {
            backface-visibility: visible;
            color: #fff;
            padding: 0;
            position: relative;
            transform: rotateY(0deg);
            transform-origin: 121px 0;
            transform-style: preserve3d;
            transition: transform 0.6s ease-in-out 0.2s;
            width: 120px;
        }

        .sample.three button.btn-reset, .sample.four button.btn-reset {
            backface-visibility: hidden;
            background: #ccc;
            transform: rotateX(-180deg) translateY(30px) translateX(2px);
            transform-origin: 0 32px;
            transform-style: preserve3d;
            transition: transform 0.6s ease-in-out 0.2s;
            width: 120px;
        }

        .sample.four button.btn-search {
            transition: transform 0.6s ease-in-out 0.8s;
            margin: 0px;
        }

    .sample.five, .sample.six {
        perspective: 400px;
    }

        .sample.five input, .sample.six input {
            width: 120px;
        }

            .sample.five input:focus ~ button.btn-search, .sample.six input:focus ~ button.btn-search {
                transform: rotateY(180deg) translateX(60px);
                transition: all 0.6s ease-in-out 0.2s;
                width: 60px;
            }

            .sample.five input:focus ~ button.btn-reset, .sample.six input:focus ~ button.btn-reset {
                transform: rotateY(0deg);
                transition: all 0.6s ease-in-out 0.8s;
            }

        .sample.five button.btn-search, .sample.six button.btn-search {
            backface-visibility: visible;
            color: #fff;
            padding: 0;
            position: relative;
            transform: rotateY(0deg) translateX(0px);
            transform-origin: 121px 0;
            transform-style: preserve3d;
            transition: all 0.6s ease-in-out 0.2s;
            width: 120px;
        }

        .sample.five button.btn-reset, .sample.six button.btn-reset {
            backface-visibility: hidden;
            background: #ccc;
            left: 184px;
            transform: rotateY(180deg);
            transform-origin: left 0;
            transform-style: preserve3d;
            transition: all 0.6s ease-in-out 0.2s;
            width: 60px;
        }

        .sample.six button.btn-search {
            transition: all 0.6s ease-in-out 0.8s;
        }

    .sample.seven input, .sample.eight input {
        border-right: none;
        transition: all 0.3s ease-in;
        width: 120px;
    }

        .sample.seven input:focus, .sample.eight input:focus {
            width: 220px;
        }

            .sample.seven input:focus ~ button.btn-search, .sample.eight input:focus ~ button.btn-search {
                background: #00c292;
                border-radius: 0 50% 50% 0;
                color: #fff;
                left: 220px;
            }

            .sample.seven input:focus ~ button.btn-reset, .sample.eight input:focus ~ button.btn-reset {
                animation: bounceRight 0.6s;
                animation-delay: 0.2s;
                animation-timing-function: cubic-bezier(0.3, 0.2, 1, 0.8);
                border-radius: 50%;
                color: #fff;
                left: 254px;
            }

    .sample.seven button.btn-search, .sample.eight button.btn-search {
        background: #ccc;
        left: 120px;
        transition: all 0.3s ease-in;
    }

    .sample.seven button.btn-reset, .sample.eight button.btn-reset {
        background: #000;
        height: 20px;
        left: 120px;
        top: 5px;
        transition: all 0.3s ease-in;
        width: 20px;
        z-index: -1;
    }

    .sample.nine input, .sample.ten input {
        border-radius: 50px;
        transition: all 0.6s ease-in-out 0.3s;
        width: 150px;
    }

        .sample.nine input:focus, .sample.ten input:focus {
            transition-delay: 0;
            width: 200px;
        }

            .sample.nine input:focus ~ button, .sample.ten input:focus ~ button {
                transform: rotateZ(360deg);
            }

                .sample.nine input:focus ~ button.btn-search, .sample.ten input:focus ~ button.btn-search {
                    background: #00c292;
                    color: #fff;
                    left: 172px;
                    transition-delay: 0;
                }

                .sample.nine input:focus ~ button.btn-reset, .sample.ten input:focus ~ button.btn-reset {
                    left: 202px;
                    transition-delay: 0.3s;
                }

    .sample.nine button, .sample.ten button {
        transition: all 0.6s ease-in-out;
    }

        .sample.nine button.btn-search, .sample.ten button.btn-search {
            background: #ccc;
            border-radius: 50%;
            height: 32px;
            left: 112px;
            top: -5px;
            transition-delay: 0.3s;
            width: 32px;
            position: relative;
        }

        .sample.nine button.btn-reset, .sample.ten button.btn-reset {
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            font-size: 10px;
            height: 20px;
            left: 92px;
            line-height: 20px;
            padding: 0;
            top: 5px;
            width: 20px;
            z-index: -1;
        }

    .sample.eleven input, .sample.twelve input {
        border-radius: 15px;
        transition: all 0.6s ease-in-out;
        width: 120px;
    }

        .sample.eleven input:focus, .sample.twelve input:focus {
            width: 200px;
        }

            .sample.eleven input:focus ~ button.btn-search, .sample.twelve input:focus ~ button.btn-search {
                animation: jumpTowardSearch 1.2s linear;
                background: #00c292;
                color: #fff;
                left: 172px;
            }

            .sample.eleven input:focus ~ button.btn-reset, .sample.twelve input:focus ~ button.btn-reset {
                animation: jumpTowardReset 1.2s linear 0.4s;
                left: 202px;
            }

    .sample.eleven button, .sample.twelve button {
        transition: all 0.6s ease-in-out;
    }

        .sample.eleven button.btn-search, .sample.twelve button.btn-search {
            background: #ccc;
            border-radius: 50%;
            height: 26px;
            left: 92px;
            top: 2px;
            width: 26px;
        }

        .sample.eleven button.btn-reset, .sample.twelve button.btn-reset {
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            font-size: 10px;
            height: 20px;
            left: 92px;
            line-height: 20px;
            padding: 0;
            top: 5px;
            width: 20px;
            z-index: -1;
        }

    .sample.thirteen input, .sample.fourteen input {
        background: none;
        border-color: #000;
        border-radius: 15px;
        border-width: 0 0 1px;
        transition: all 0.8s ease-in-out;
        width: 30px;
    }

        .sample.thirteen input:focus, .sample.fourteen input:focus {
            background: radial-gradient(ellipse at top left, transparent 65%, #00c292 140%);
            border-radius: 0 15px 15px 0;
            width: 250px;
        }

            .sample.thirteen input:focus ~ button.btn-search, .sample.fourteen input:focus ~ button.btn-search {
                background: #00c292;
                color: #fff;
                left: 222px;
                transform: rotate(720deg);
            }

            .sample.thirteen input:focus ~ button.btn-reset, .sample.fourteen input:focus ~ button.btn-reset {
                left: 256px;
                transform: rotate(360deg);
            }

    .sample.thirteen button, .sample.fourteen button {
        transition: all 0.8s ease-in-out;
    }

        .sample.thirteen button.btn-search, .sample.fourteen button.btn-search {
            background: #ccc;
            border: 1px solid #000;
            border-radius: 50%;
            height: 30px;
            left: 0;
            width: 30px;
        }

        .sample.thirteen button.btn-reset, .sample.fourteen button.btn-reset {
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            font-size: 10px;
            height: 20px;
            left: 2px;
            line-height: 20px;
            padding: 0;
            top: 10px;
            width: 20px;
            z-index: -1;
        }

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

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

    .chat-search input {
        background-color: #fff !important;
        margin-bottom: 0 !important;
        padding-bottom: 0px !important;
    }

    .chat-search .top-9 {
        top: 9px !important;
    }

    .chat-search .p-t-2 {
        padding-top: 2px !important;
    }

/***************************************************** 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;
}

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

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

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

.reply-button {
    font-size: 18px;
    margin-right: 8px;
    vertical-align: middle;
    color: #933ec5 !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 */
.dme_link {
    margin-top: 30px;
    text-align: center;
}

    .dme_link a {
        background: #FFF;
        font-weight: bold;
        color: #ee0979;
        border: 0 none;
        border-radius: 25px;
        cursor: pointer;
        padding: 5px 25px;
        font-size: 12px;
    }

        .dme_link a:hover, .dme_link a:focus {
            background: #C5C5F1;
            text-decoration: none;
        }

.select-appointment-type span {
    font-size: 16px !important;
    font-weight: 500;
    /*border-bottom: 1px solid #e4e4e4;*/
    width: 100%;
    padding-bottom: 4px;
}

.add-hours .set-hours label {
    font-size: 14px !important;
    color: #000 !important;
    font-weight: 500;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    padding-bottom: 4px;
}

.add-hours input {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 400;
    font-size: 13px;
    color: #000;
}

.add-hours .md-form label {
    font-weight: 500;
}

.add-hours span {
    font-size: 13px !important;
    color: #000;
    font-weight: 700;
    padding-top: 5px;
    border: 0;
}

.switch {
    padding-top: 5px;
}

    .switch label {
        border: 0;
    }

        .switch label input[type=checkbox] {
            opacity: 0;
            width: 0;
            height: 0;
        }

            .switch label input[type=checkbox]:checked + .lever {
                background-color: #006bb782 !important;
            }

        .switch label .lever {
            content: "";
            display: inline-block;
            position: relative;
            background-color: #818181;
            -webkit-border-radius: 0.9375rem;
            border-radius: 0.9375rem;
            /*margin-right: 0.625rem;*/
            vertical-align: middle;
            /*margin: 0 1rem;*/
            width: 2.5rem;
            height: 0.9375rem;
            -webkit-transition: background 0.3s ease;
            -o-transition: background 0.3s ease;
            transition: background 0.3s ease;
        }

        .switch label input[type=checkbox]:checked + .lever:after {
            background-color: #006bb7 !important;
            left: 1.5rem;
        }

        .switch label .lever:after {
            content: "";
            position: absolute;
            display: inline-block;
            background-color: #f1f1f1;
            -webkit-border-radius: 1.3125rem;
            border-radius: 1.3125rem;
            left: -0.3125rem;
            top: -0.1875rem;
            -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
            box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
            width: 1.3125rem;
            height: 1.3125rem;
            -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
            transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
            -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
            transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
            transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease, -webkit-box-shadow 1s ease;
        }

.mt-08 {
    margin-top: -8px;
}

.set-hours {
    margin-bottom: 20px;
}

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

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

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

.business-coach {
    padding-left: 9px;
    padding-right: 9px;
}

    .business-coach .ibox {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: none;
    }

.add-apointment-btn {
    padding: 10px 15px !important;
    margin-top: 0;
    float: left;
}

.extratime {
    font-size: 13px;
    color: #04049e !important;
    font-weight: 500;
    text-decoration: underline !important;
    font-style: italic;
}

.block-off label {
    padding-top: 7px !important;
    font-weight: 500;
    color: #616161 !important;
}

.block-off .service-txtbox {
    margin-top: -5px !important;
}

    .block-off .service-txtbox label {
        padding-top: 0px !important;
        font-weight: 500;
        color: #000 !important;
    }

#username {
    display: none;
}

#calander-btn {
    display: none;
}

.color-box {
    background: #FF0000;
    height: 22px;
    width: auto;
    text-align: center;
    transform: translate(0%, -13%);
    position: relative;
    margin-bottom: 0;
}

.inside-table {
    background: transparent;
    margin-bottom: 0px !important;
    border: 1px solid #ccc;
}

    .inside-table thead {
        border: 0;
    }

    .inside-table tr {
        box-shadow: none !important;
        border: 1px solid #ccc;
    }

        .inside-table tr th {
            color: #000 !important;
        }

        .inside-table tr td {
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 13px;
            border: 1px solid #ccc;
        }

/********************************* Time Picker ****************************************/
/*.schedule-time {
.modal {
display: none;
position: fixed;
left: 0;
right: 0;
background-color: #fafafa;
padding: 0;
max-height: 70%;
width: 55%;
margin: auto;
overflow-y: auto;
border-radius: 2px;
will-change: top, opacity;
bottom: auto !important;
}

.modal:focus {
outline: none
}

@media only screen and (max-width: 992px) {
.modal {
width: 80%
}
}

.modal h1,
.modal h2,
.modal h3,
.modal h4 {
margin-top: 0
}

.modal .modal-content {
padding: 24px
}

.modal .modal-close {
cursor: pointer
}

.modal .modal-footer {
border-radius: 0 0 2px 2px;
background-color: #fafafa;
padding: 4px 6px;
height: 56px;
width: 100%;
text-align: right
}

.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-small,
.modal .modal-footer .btn-flat {
margin: 6px 0
}

.modal-overlay {
position: fixed;
z-index: 999;
top: -25%;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #000;
display: none;
will-change: opacity
}

.modal.modal-fixed-footer {
padding: 0;
height: 70%
}

.modal.modal-fixed-footer .modal-content {
position: absolute;
height: calc(100% - 56px);
max-height: 100%;
width: 100%;
overflow-y: auto
}

.modal.modal-fixed-footer .modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0
}

.modal.bottom-sheet {
top: auto;
bottom: -100%;
margin: 0;
width: 100%;
max-height: 45%;
border-radius: 0;
will-change: bottom, opacity
}

.timepicker-modal {
max-width: 325px;
max-height: none
}

.timepicker-container.modal-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0
}

.text-primary {
color: #fff !important;
}

.timepicker-span-hours {
font-size: 4rem !important;
border: 0 !important;
width: auto !important;
padding-bottom: 0 !important;
}

.timepicker-span-minutes {
font-size: 4rem !important;
border: 0 !important;
width: auto !important;
padding-bottom: 0 !important;
}

.timepicker-digital-display {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
background-color: #26a69a;
padding: 10px;
font-weight: 300
}

.timepicker-text-container {
font-size: 4rem;
font-weight: bold;
text-align: center;
color: rgba(255, 255, 255, 0.6);
font-weight: 400;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
cursor: pointer
}

.timepicker-span-hours {
margin-right: 3px
}

.timepicker-span-minutes {
margin-left: 3px
}

.timepicker-display-am-pm {
font-size: 1.3rem;
position: absolute;
right: 1rem;
bottom: 1rem;
font-weight: 400
}

.timepicker-analog-display {
-webkit-box-flex: 2.5;
-webkit-flex: 2.5 auto;
-ms-flex: 2.5 auto;
flex: 2.5 auto
}

.timepicker-plate {
background-color: #eee;
border-radius: 50%;
width: 270px;
height: 270px;
overflow: visible;
position: relative;
margin: auto;
margin-top: 25px;
margin-bottom: 5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.timepicker-canvas,
.timepicker-dial {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}

.timepicker-minutes {
visibility: hidden
}

.timepicker-tick {
border-radius: 50%;
color: rgba(0, 0, 0, 0.87);
line-height: 40px;
text-align: center;
width: 40px;
height: 40px;
position: absolute;
cursor: pointer;
font-size: 15px
}

.timepicker-tick.active,
.timepicker-tick:hover {
background-color: rgba(38, 166, 154, 0.25)
}

.timepicker-dial {
-webkit-transition: opacity 350ms, -webkit-transform 350ms;
transition: opacity 350ms, -webkit-transform 350ms;
transition: transform 350ms, opacity 350ms;
transition: transform 350ms, opacity 350ms, -webkit-transform 350ms
}

.timepicker-dial-out {
opacity: 0
}

.timepicker-dial-out.timepicker-hours {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}

.timepicker-dial-out.timepicker-minutes {
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8)
}

.timepicker-canvas {
-webkit-transition: opacity 175ms;
transition: opacity 175ms
}

.timepicker-canvas line {
stroke: #26a69a;
stroke-width: 4;
stroke-linecap: round
}

.timepicker-canvas-out {
opacity: 0.25
}

.timepicker-canvas-bearing {
stroke: none;
fill: #26a69a
}

.timepicker-canvas-bg {
stroke: none;
fill: #26a69a
}

.timepicker-footer {
margin: 0 auto;
padding: 5px 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}

.timepicker-clear {
color: #F44336
}

.timepicker-close {
color: #26a69a
}

.timepicker-clear,
.timepicker-close {
padding: 0 20px
}

@media only screen and (min-width: 601px) {
.timepicker-modal {
max-width: 600px
}

.timepicker-container.modal-content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}

.timepicker-text-container {
top: 0
}

.timepicker-display-am-pm {
position: relative;
right: auto;
bottom: auto;
text-align: center;
margin-top: 1.2rem
}
}

.btn-flat {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
cursor: pointer;
-webkit-transition: background-color .2s;
transition: background-color .2s;
border: 0;
}

.btn, .btn-large, .btn-small, .btn-flat {
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 16px;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
}
}*/
/************************************************** COlor Picker *******************************************/
.time-button {
    background: #fff !important;
    border: 1px solid #00c292;
    border-radius: 5px;
    color: #000 !important;
    padding: 10px 5px;
    width: 100%;
}

    .time-button.active {
        background-color: #00c292 !important;
        color: #fff !important;
    }

.searchbox {
    background-color: white;
    border-radius: 10px;
    padding: 5px 10px;
    position: relative;
}

    .searchbox > div {
        position: absolute;
        right: 0px;
        top: -10px;
        background: #00853e;
        padding: 0px 7px;
        border-radius: 5px;
        padding-bottom: 0;
    }

        .searchbox > div i {
            color: #fff;
            font-size: 30px;
        }

    .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-weight: 500;
        color: #000;
    }

/* 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%;
}

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

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


.gridborder {
    border: 1px solid #ccc;
}

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

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

.runing-line-data {
    border: 1px solid #ccc;
    /*padding: 10px 15px;*/
    padding: 0px 0px;
}

    .runing-line-data a {
        color: #212529;
    }

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

.box-width {
    width: 13.5%;
    margin-right: 13px;
    box-shadow: 2px 2px 10px 0px #afafaf;
    height: auto;
    /*min-height: 165px;*/
    min-height: 150px;
    position: relative;
    border-radius: 5px;
}

    .box-width:last-child {
        margin-right: 0 !important;
    }

    .box-width span {
        color: #006cb7;
        font-size: 32px;
        font-weight: 500;
        padding-top: 10px;
    }

    .box-width .month-add {
        font-size: 14px;
        font-weight: 500;
        padding-top: 0px;
    }

    .box-width .box-name {
        font-weight: 500;
        font-size: 16px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
    }

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

.more-info {
    position: absolute;
    transform: translate(-50%, 0);
    padding: 5px 7px 3px 8px !important;
    background-color: #fff !important;
    width: 60%;
    bottom: -20px;
    border: 1px solid #006cb7;
    color: #006cb7;
    font-weight: 500;
    letter-spacing: 0;
    margin-left: 0;
}

    .more-info i {
        font-size: 24px !important;
        vertical-align: middle;
        margin-left: 6px;
    }

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

.new-deal-user-list-content, .error-reconcil-deallist-content {
    margin-left: 6px;
}

/*#access-level{
width: 265px;
background: url(../img/left-tooltip-top-bg.png) no-repeat left top;
height: 440px;
z-index: 200;
}*/
.accesslevel {
    background: url(../img/left-tooltip-top-bg.png) no-repeat left top;
    height: 100%;
    z-index: 200;
    /*top: calc(100% - 670px);*/
}

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

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

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

.error-validation input {
    border-bottom: 1px solid red !important;
}

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

.submneubar {
    padding: 9px 15px 10px 15px;
    display: inline-block;
    position: relative;
    background: #f4f4f4;
    width: 100%;
}

    .submneubar ul li {
        float: left;
        border-right: 1px solid #ccc;
    }

    .submneubar a.btn-secondary.dropdown-toggle {
        background-color: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        padding: 0;
        margin-right: 15px;
        margin-left: 15px;
    }

    .submneubar .dropdown-menu {
        width: 50%;
        top: 10px !important;
        min-width: 240px;
    }

    .submneubar a.btn-secondary.dropdown-toggle:active {
        background-color: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        padding: 0;
    }

    .submneubar .dropdown-toggle::after {
        content: none !important;
    }

    .submneubar .dropdown-menu {
        padding: 0px;
    }

    .submneubar .newfolder {
        background: #fafafa;
        float: left;
        display: inline-block;
        width: 100%;
        height: 32px;
        cursor: pointer;
        padding-left: 5px;
        border: 1px solid #ececec;
        position: relative;
        overflow: hidden;
    }

        .submneubar .newfolder .new-folder-input {
            box-shadow: none !important;
            border: none !important;
            width: 100%;
            background: #fafafa;
            padding: 9px 10px 10px 11px !important;
            height: 100%;
            font-weight: 400;
            font-size: 13px;
        }

        .submneubar .newfolder input[type=file] {
            padding: 3px 10px 10px 0 !important;
        }

        .submneubar .newfolder label {
            font-size: 15px !important;
            padding-top: 4px;
            padding-left: 15px;
        }

    .submneubar .delete-menu {
        min-width: 300px;
    }

    .submneubar .fol-add-btn {
        min-width: 35px !important;
        position: absolute !important;
        margin: 0;
        right: 0;
        background: #85d00e;
        color: #fff;
        border: 0;
        padding: 7px 7px 0px 7px;
    }

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

.bucket-title h5 {
    padding-left: 20px;
    padding-top: 15px;
    font-weight: 500;
    font-size: 17px;
}

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

.add-files {
    display: block;
    width: 100%;
    position: relative;
    font-size: 0;
}

    .add-files .fold {
        display: inline-block;
        vertical-align: top;
        /*width: 16.666%;*/
        width: 10%;
        /*padding: 0 15px;*/
        margin: 0 0 10px 0;
    }

        .add-files .fold h4 {
            display: inline-block;
            width: 100%;
            clear: both;
            text-align: center;
            font-size: 18px;
            margin: 0px 0 20px 0;
            font-weight: 700;
        }

        .add-files .fold a {
            display: block;
            margin: 0px auto;
            background: url(../img/folder.png) no-repeat center;
            width: 100%;
            min-height: 65px;
            padding: 10px 0;
            position: relative;
        }

            .add-files .fold a span.dl {
                position: absolute;
                right: 15px;
                top: 15px;
                border-radius: 50%;
                border: 1px solid #bbb;
                width: 20px;
                height: 20px;
                background-color: #fff;
                opacity: 0;
                transition: all 0.6s ease;
                -webkit-transition: all 0.6s ease;
                -ms-transition: all 0.6s ease;
                -moz-transition: all 0.6s ease;
                z-index: 9;
            }

                .add-files .fold a span.dl:after {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 2px;
                    top: 2px;
                    width: 14px;
                    height: 14px;
                    background: url(../img/check-mark.png) no-repeat center center;
                    background-size: 70% auto;
                }

        .add-files .fold .fold-in {
            display: block;
            width: 100%;
            position: relative;
        }

            .add-files .fold .fold-in:hover {
                background-color: #eee;
            }

        .add-files .fold a:hover span.dl {
            opacity: 1;
            visibility: visible;
        }

        .add-files .fold a span.dl.active {
            background-color: #1b93e7;
        }

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

.newuserlist.importprovider {
    right: 355px !important;
    left: 45% !important;
}

.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;
    text-decoration: underline;
}

.pull-right-i {
    float: right !important;
}

.w-100 {
    width: 100%;
}

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

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

.setupmodal .modal-header {
    padding: 5px 15px !important;
    box-shadow: none !important;
}

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

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

.setupmodal span {
    text-align: center;
}

.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;
    z-index: 9999;
}

.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 {
        padding-top: 5px;
        padding-bottom: 1px;
    }

    .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: 0.8125rem !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;
    }

/*.searchfield {
position: absolute;
width: 93%;
top: 9px;

input {
background: #fff !important;
margin-left: 20px !important;
margin-bottom: 10px !important;
}
}*/
.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.active .arrowposition {
        right: 5px !important;
    }

    #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: #006cb7;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(-25deg);
    margin-right: 5px;
}

.queuesettings {
    border: 1px solid #e9eaec;
    margin-bottom: 0px;
}

    .queuesettings li {
        margin-bottom: 0px;
        padding-left: 5px;
        padding-top: 2px !important;
        padding-bottom: 0 !important;
        font-size: 13px;
        font-weight: 400;
    }

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

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

/*.draggable {
filter: alpha(opacity=60);
opacity: 0.6;
}*/
.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;
}

subtable {
    display: none;
    transform: none !important;
    -webkit-transform: none !important;
    /*td {
background-color: #f8f8f8 !important;


}*/
}

    subtable table {
        margin-bottom: 5px;
        margin-left: 26px;
        width: 98%;
    }

        subtable table thead {
            background: #E8E8E8;
        }

.details-control {
    background: url("~/Content/img/details_open.png") no-repeat center center;
    cursor: pointer;
    padding: 15px !important;
}

.details-control-1 {
    background: url("~/Content/img/details_close.png") no-repeat center center;
    cursor: pointer;
    padding: 15px !important;
}

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

.btnfinish {
    background-color: green !important;
    padding: 1px 20px !important;
    font-size: 15px;
    border-radius: 5px;
}

.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;
                /*tr:nth-of-type(even) {
box-shadow: 5px 5px 10px #dcdcdc;
}*/
                /*tr {
transform: translate(0px,7px);
-webkit-transform: translate(0px,7px);
-moz-transform: translate(0px,7px);
}

tr:first-child {
transform: none;
-webkit-transform: none;
-moz-transform:none;
}*/
                /*tr:nth-of-type(even) {
background-color: #ffffff !important;
box-shadow: 5px 5px 10px #dcdcdc;
}

tr:nth-of-type(odd) {
background-color: #ffffff !important;
box-shadow: 5px 5px 10px #dcdcdc;
}*/
            }

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

.selectrecord {
    font-size: 20px;
    color: gray;
    width: 20px;
    text-align: right;
    padding-top: 3px;
    padding-right: 13px;
}

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




.historydesc {
    float: left;
    font-size: 13px;
    /*label {
display: inline-block;
float: none !important;
}*/
}

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

.historydesc p {
    font-size: 13px;
    width: auto;
    display: inline-block;
    margin-bottom: 0;
}


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

.borderdata-invoice {
    width: 100%;
    margin: 13px auto;
}

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

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

.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;
}
/*.borderdata:nth-child(1)::after {
border-top: 0px;
}

.borderdata:nth-child(2)::after {
border-top: 0px;
}

.borderdata:nth-child(3)::after {
border-top: 0px;
}

.borderdata:nth-child(4)::after {
border-top: 0px;
}*/
.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;
    }

.checkdata {
    left: 62px;
    width: 95%;
    height: 100%;
    display: inherit;
    position: relative;
}

    .checkdata a i.fa-ellipsis-v {
        font-size: 20px;
        color: gray;
        width: 20px;
        text-align: right;
        padding-top: 3px;
    }

.pageshowing {
    position: absolute;
    bottom: 8px;
    font-size: 13px;
    left: 20px;
}

.requiredfield input {
    border-bottom: 1px solid red;
}

.requiredfield span {
    color: red !important;
}

.showentries label {
    float: right;
    padding-top: 17px !important;
}

.showentries .city-margin {
    float: right;
}

.showentries input {
    padding-bottom: 2px !important;
}

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

.resetpwd .close span {
    font-size: 26px !important;
}

.resetpwd span {
    font-size: 13px !important;
}

.resetpwd a {
    color: #006cb7 !important;
    text-decoration: underline !important;
}

.resetpwd .modal-footer {
    text-align: center;
    float: none;
    display: block;
}

.resetpwd p {
    font-size: 13px;
    color: #909090;
}

/*.dataTables_length {
label {
font-weight: normal;
text-align: left;
white-space: nowrap;
}

select {
height: calc(1.8125rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
width: auto;
display: inline-block;
}

-webkit-appearance: none;
}
}*/
.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;
    }

.fieldlist table {
    min-height: 450px;
}

.fieldlist tbody td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 12px !important;
    border: 0px !important;
}

.selectedfieldlist table {
    min-height: 450px;
}

.selectedfieldlist tbody td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 12px !important;
    border: 0px !important;
}

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

.downarrow img {
    top: 5px !important;
    transform: rotate(92deg);
}

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

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

.signimg img {
    border: 1px solid #ccc;
}

.signimg .deleteicon {
    position: absolute;
    top: -12px;
    margin-left: -10px;
}

    .signimg .deleteicon img {
        border: 0;
    }

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

.checkstatus .inputGroup {
    background-color: #fff;
    display: block;
    margin: 0px 0;
    position: relative;
    border-bottom: 1px solid #ccc;
}

    .checkstatus .inputGroup label {
        padding: 12px 30px;
        width: 100%;
        display: block;
        text-align: left;
        color: #3C454C;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
        padding-left: 35px;
        margin-bottom: 0;
    }

        .checkstatus .inputGroup label:before {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: "";
            background-color: #8bc34a9c;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            z-index: -1;
        }

        .checkstatus .inputGroup label:after {
            /*width: 32px;
height: 32px;
content: '';
border: 2px solid #D1D7DC;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
background-repeat: no-repeat;
background-position: 2px 3px;
border-radius: 50%;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 200ms ease-in;*/
            width: 25px;
            height: 25px;
            content: "";
            border: 2px solid #D1D7DC;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: 2px 0px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            transition: all 200ms ease-in;
            left: 0px;
            margin-right: 13px;
        }

    .checkstatus .inputGroup input:checked ~ label {
        color: #fff !important;
    }

        .checkstatus .inputGroup input:checked ~ label:before {
            transform: translate(-50%, -50%) scale3d(56, 56, 1);
            opacity: 1;
        }

        .checkstatus .inputGroup input:checked ~ label:after {
            /*background-color: #54E0C7;
border-color: #54E0C7;*/
            background-color: #b8da90;
            border-color: #b8da90;
        }

    .checkstatus .inputGroup input {
        width: 32px;
        height: 32px;
        order: 1;
        z-index: 2;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        visibility: hidden;
    }

.d-check .inputGroup input {
    visibility: visible !important;
    opacity: 1;
}

.d-check .inputGroup label {
    color: black !important;
    padding-left: 7px;
}

.h-checkbox {
    height: 160px;
}

.d-check .inputGroup input:checked ~ label {
    color: black !important;
}

.checkstatus .form {
    padding: 0 16px;
    max-width: 550px;
    margin: 50px auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
}

.sendsignlink {
    padding-left: 10px !important;
    color: blue !important;
    text-decoration: underline !important;
    vertical-align: bottom;
}

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

.ui-widget-header {
    border: 1px solid #006cb7;
    background: #006cb7 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        text-align: center;
    }

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

.errordatalegend {
    height: 23px;
    float: left;
    margin-top: 15px;
    padding-left: 10px;
    padding-top: 2px;
    float: right;
    padding-right: 7px;
    font-size: 14px;
    border-right: 1px solid #676161;
    border-left: 5px solid red !important;
    color: blue;
}

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

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

#sidebar ul li ul.collapse li a.pl-50 {
    padding-left: 70px !important;
}

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

.selecttimezone {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
}

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

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

.invalid {
    color: red;
}

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

.valid {
    color: green;
}

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

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

.rolename {
    font-size: 15px !important;
    color: #006cb7 !important;
    font-weight: 700;
}

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

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

.manotes {
    color: #bfbfbf;
    font-weight: 400;
    font-size: 12px !important;
}

.editproviderdetails {
    color: #007bff;
    text-decoration: underline;
}

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

.medSyncHeader {
    font-size: 15px;
    padding: 10px 10px;
    background: #e8e8e8;
}

.releasedata {
    font-size: 16px;
    padding-top: 10px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
    color: #000;
}

.releasedesc {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    border: 1px solid #ccc;
    padding: 10px 15px;
}

.header_release {
    height: 60px;
}

.usersearch {
    position: absolute;
    top: 9px;
    right: 20px;
}

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

.searchpopup .modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

.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;
        /*display: grid;*/
        overflow-y: auto;
        /*overflow-y: visible;*/
        height: auto;
        max-height: 300px;
    }

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

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

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

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

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

    .form-check-input[type=radio]:checked + label:before, label.btn input[type=radio]:checked + label:before {
        border: 2px solid transparent;
    }

    /*.form-check-input[type=radio] + label:after, .form-check-input[type=radio] + label:before, label.btn input[type=radio] + label:after, label.btn input[type=radio] + label:before {
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
        margin: 4px;
        width: 16px;
        height: 16px;
        z-index: 0;
        -webkit-transition: 0.28s ease;
        -o-transition: 0.28s ease;
        transition: 0.28s ease;
    }*/

    .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio]:checked + label:after {
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }

    .form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio]:checked + label:after {
        background-color: #006cb7;
    }

    .form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after {
        border: 2px solid #006cb7;
    }

    .form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, .form-check-input[type=radio]:checked + label:before, .form-check-input[type=radio]:not(:checked) + label:after, .form-check-input[type=radio]:not(:checked) + label:before, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after, label.btn input[type=radio]:checked + label:before, label.btn input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:before {
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .form-check-input[type=radio]:not(:checked) + label:after, .form-check-input[type=radio]:not(:checked) + label:before, label.btn input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:before {
        border: 2px solid #5a5a5a;
    }

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

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

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

.rolecheckbox {
    background: transparent !important;
    margin-bottom: 0 !important;
    /*td {
> div {
label {
padding: 8px !important;
padding: 8px !important;
padding-bottom: 0px !important;
height: 1.4625rem !important;
line-height: 1.4625rem !important;
}
}
}*/
}

.manifeststatistic {
    box-shadow: 2px 2px 10px 0px #afafaf;
    height: auto;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 8px 15px;
}

    .manifeststatistic span {
        color: #006cb7;
        font-size: 26px;
        font-weight: 500;
    }

    .manifeststatistic .box-name {
        font-weight: 500;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
    }

.packageinfotable tbody tr {
    cursor: move;
}

.dragdropicon {
    background: #e8e8e8;
}

    .dragdropicon i {
        font-size: 16px;
        padding-left: 4px;
    }

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

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

#searchPackage .modal-body {
    padding: 5px;
    padding-bottom: 15px;
}

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

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


.packagetabledata {
    position: relative;
    z-index: 999;
}

.packagemap {
    display: none;
    height: 350px !important;
    width: 400px !important;
}

.bg-dark-blue {
    background: #337ab7;
    border-color: #337ab7;
}

.packageinfobtn button {
    min-width: 110px !important;
}

/*#drawer {
position: absolute;
right: 0;
top: 0;
height: 100%;
overflow-x: hidden;

> div {
float: left;
}

#drawer-handle {
width: 15px;
background-color: #A2EF00;
height: 100%;
}

#drawer-handle:after {
content: "<";
position: absolute;
top: 50%;
padding: 2px;
}

#drawer-content {
margin-right: 100px;
background-color: #FFD200;

}
}*/
.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
}

.pc-cropit-box {
    border: 2px dashed #206bc4;
    border-radius: 34px;
    overflow: hidden;
}

.cropit-preview-image-container {
    cursor: move;
}

.image-size-label {
    margin-top: 10px;
    font-size: 13px;
}

.cropit-image-input {
    font-size: 13px;
}

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

.gridheader {
    color: #212529 !important;
    text-decoration: none !important;
}

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

.prescnotes {
    vertical-align: middle;
    display: block;
    border: 1px solid #000;
    width: auto;
    position: relative;
    min-width: 80px;
    min-height: 50px;
    margin: 5px 0;
}

    .prescnotes > div {
        background: #fff;
        z-index: 99;
        position: absolute;
        height: 50px;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 110px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .prescnotes label {
        padding-bottom: 5px;
    }

    .prescnotes p {
        border-top: 1px solid #ccc;
        padding-top: 5px;
    }

.packagestatus {
    /*display: none;*/
}

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

.printpage {
    font-size: 14px;
    color: #000 !important;
    text-decoration: none !important;
}

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



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

.padoclist {
    display: inline-block;
    width: 100%;
}

    .padoclist ul {
        margin-bottom: 0;
        height: auto;
    }

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

        .padoclist li:last-child {
            border-bottom: 0px;
        }

    .padoclist .form-check {
        width: auto;
        padding-bottom: 2px;
    }

    .padoclist img {
        vertical-align: middle;
    }

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

.mailbox {
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 5px;
}

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

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

/*Make it for new page*/
/*#menubasedcallout {
display: none;
}*/

/*#callbackcontent {
display: none;
}

#callbacknumber {
display: none;
}*/

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

.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 100px;
    background-color: white;
    border: 1px solid #ccc;
    margin-top: 20px;
}

.signaturebox {
    max-width: 50%;
}

    .signaturebox .box {
        padding: 5px 15px;
    }

.signlabel {
    width: 400px;
}

    .signlabel span {
        padding-top: 11px;
    }

    .signlabel button {
        float: right;
        margin: 0px;
    }

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

.cp-auto {
    cursor: auto;
}

.categorytitle label {
    background: #efefef;
    padding: 4px 30px;
    border-radius: 50px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 0px;
    /*position: relative !important;
top: -6px*/
}

.signatursenderrorbox .box {
    min-height: 400px;
}

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

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

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

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

    .signatursenderrorbox .box .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 .box .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 .box .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 p {
    color: #000;
}

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

/*span.badge[contenteditable]:empty:focus::before {
content: attr(data-focused-advice);
}*/
/*******************************************End  Signature Box *******************************************/
/***************************************** Tree CheckBox *************************************************/
/*.tree {
margin: 2% auto;
width: 80%;
}*/
.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;
    /*&:before {
transform: rotate(90deg);
content: "";
border-left: 2px dotted #dfdfdf;
position: absolute;
left: 7px;
height: 19px;
top: 10px;
width: 8px;
}*/
}

.datalevelaccess {
    color: #000;
    margin-bottom: 0px;
    width: 100%;
    background: #e8e8e8;
    padding: 5px;
}

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

.tree li ul li {
    padding: 7px 10px 0px 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 {
    border-bottom: 1px solid #000000;
    height: 100px;
    padding-bottom: 5px;
    white-space: normal;
    display: block;
    width: auto;
    overflow-x: hidden;
    overflow-y: visible;
    margin-top: 5px;
}

    .categorytitle span {
        display: inline-block;
        padding-top: 5px;
        cursor: auto;
        min-width: auto;
        word-break: break-all;
    }

.closelable {
    color: #000;
    font-size: 18px;
    position: relative;
    right: 20px;
    top: 2px;
}

.addspantitle {
    display: inline-block;
    min-width: auto;
}

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

.tamplatesidebar {
    border-top: 0;
}

.mailtempfield li ul li {
    padding-left: 12px;
}

.brandmgmgtimg {
    display: table;
    margin: 0 auto;
}

.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;
    /*background: #00853e;*/
}

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

.smsicons {
    position: absolute;
    left: 0;
}

.borderthick {
    border-top-width: 3px;
}

/*.incommingsmsstatus {
display: inherit !important;
}*/
/*.textcalloutdata{
h5{
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
}*/
/*.test{
border: 1px solid #ccc;
}*/
.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;
    /*ol {
font-size: 14px;
display: list-item;
margin-left: 20px;
margin-right: 20px;


li {
list-style-type: decimal !important;

.actiondetail {
@extend .historydesc;
border-bottom: 1px dashed #ccc;



> div {
padding-bottom: 5px;
}

p {
color: #000;
}
}
}
}*/
}

    .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 {
    padding: 9px 15px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important;
}

.uploaddownloaddrugfile label {
    padding: 11px 15px 10px 15px !important;
}

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

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

.min-height-110 {
    min-height: 110px;
}

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

.remove-img {
    position: absolute;
    top: 0;
    right: 15px;
}

.clinical-list {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 5px;
}

.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: "";
    }

    .rating > .half:before {
        content: "";
        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: #006cb7 !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: #006cb7 !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;
    }

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "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.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: 0.4rem 0;
}

    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
        bottom: 0;
    }

        .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
            top: 0;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #000;
        }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 0.4rem;
}

    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
            right: 0;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #000;
        }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: 0.4rem 0;
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
        top: 0;
    }

        .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
            bottom: 0;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #000;
        }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 0.4rem;
}

    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
            left: 0;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
}

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

.ui-tooltip-content {
    position: relative;
    padding: 0.5em;
}

    .ui-tooltip-content::after, .ui-tooltip-content::before {
        content: "";
        position: absolute;
        border-style: solid;
        display: block;
        left: 90px;
    }

.bottom .ui-tooltip-content::before {
    bottom: -10px;
    border-color: #AAA transparent;
    border-width: 10px 10px 0;
}

.bottom .ui-tooltip-content::after {
    bottom: -7px;
    border-color: white transparent;
    border-width: 10px 10px 0;
}

.top .ui-tooltip-content::before {
    top: -10px;
    border-color: #AAA transparent;
    border-width: 0 10px 10px;
}

.top .ui-tooltip-content::after {
    top: -7px;
    border-color: white transparent;
    border-width: 0 10px 10px;
}

.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 h3 {
        font-size: 16px;
        color: #282828;
        margin-bottom: 0px;
        margin-left: 0;
        font-weight: 700;
        /*border-bottom: 1px solid #ccc;*/
        padding-bottom: 10px;
        padding: 10px;
    }

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

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

.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 {
    /*min-width: 155px;
max-width: 155px;*/
    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;
    /*top: -50px;*/
    z-index: 99;
    width: 100%;
    /*overflow: hidden;*/
}

.filed-data {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px;
    width: 350px;
    height: 33px;
    background: white;
}

.field-title {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

    .field-title span {
        color: #000;
        font-size: 16px;
        font-weight: 600;
    }

.column-field .tabelform {
    background-color: #fff !important;
    width: 100%;
    border-left: 0px !important;
}

.column-field .newsidebar .columns {
    color: #000 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !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-size: 0.8125rem;
        font-weight: 400;
    }

.rules-data ul {
    margin-left: 15px;
    margin-right: 15px;
}

    .rules-data ul li {
        border: 1px solid #ccc;
        border-radius: 5px;
        background: #fff;
    }

        .rules-data ul li span {
            font-size: 14px;
            font-weight: 500;
            color: #0a0a0a;
            margin-left: 8px;
        }

        .rules-data ul li img {
            position: relative;
            bottom: 5px;
        }

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

.inflash {
    background: #ff7800;
    width: 10px;
    height: 10px;
    margin-top: 2px;
}

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

.check-align {
    display: flex;
    justify-content: space-between;
}

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

@media only screen and (max-width:1500px) {
    .email-info {
        padding: 0px !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-body {
    padding: 5px;
    padding-bottom: 15px;
}

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

.drop-overflow {
    z-index: 9999;
}

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

.top-width {
    width: 140px;
}

.text-left {
    /*margin-left: 26px;*/
    margin-top: 12px;
    font-weight: 600;
}

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

.pos-right {
    /*position: absolute;
right: calc(100% - 65%);*/
    padding-left: 15px;
}


.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: 350px !important;
}

.fromcard .modal-dialog.modal-notify .modal-body {
    overflow: hidden !important;
}

.fromcard object {
    height: 34%;
}

.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-left span {
    color: #ababab;
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
}

.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-bill .box {
    max-height: 750px;
}

.invoice-bill {
    max-width: 70% !important;
}

.payment {
    display: inline-block;
}

    .payment .pay-customer {
        background: #0a6a16;
        padding: 5px;
    }

    .payment .pay-internal {
        background: #ff6100;
        padding: 5px;
    }

    .payment .pay-enrollment {
        background: blue;
        padding: 5px;
    }

.patient {
    display: inline-block;
}

.payment .pay-outcome {
    background: red;
    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: 400px;
    height: 200px !important;
    /* padding: 5px; */
    z-index: 1;
    margin-left: 64px;
    max-height: 300px !important;
    /*overflow-y: visible !important;*/
}

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



.task-content-box {
    background: #fff;
    border: 1px solid #ccc;
    max-height: 300px;
    height: 500px;
    width: 100%;
    overflow-y: auto;
    padding: 5px;
}

    .task-content-box p {
        color: #797979;
        font-weight: 400;
    }


.solid-right-brder {
    border-right: 1px solid #000;
}

.dis-flex-justify {
    display: flex;
    justify-content: space-between;
}

.content-checkbox {
    display: grid;
    overflow-y: scroll;
}


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

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

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

@media only screen and (min-width: 1700px) {
    .check-auth .logo-box {
        margin: 30px 0 0 30px;
        width: 254px;
    }

    .check-auth .login .form-group {
        height: 55px;
    }

    .check-auth .login label {
        font-size: 16px !important;
    }

    .check-auth .page-signin .additional-info .copy, .check-auth .page-signup .additional-info .copy, .check-auth .page-forgot .additional-info .copy {
        text-align: left;
        font-size: 14px;
    }

    .check-auth .page-signin .additional-info .social i, .check-auth .page-signup .additional-info .social i, .check-auth .page-forgot .additional-info .social i {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        color: #fff;
        background-color: #688da3;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
    }

    .check-auth .page-signin .additional-info .social a, .check-auth .page-signup .additional-info .social a, .check-auth .page-forgot .additional-info .social a {
        display: inline-block;
        margin-right: 4px;
    }

        .check-auth .page-signin .additional-info .social a:first-child, .check-auth .page-signup .additional-info .social a:first-child, .check-auth .page-forgot .additional-info .social a:first-child {
            margin-left: 20px;
        }

    .check-auth .auth-link {
        font-size: 16px;
    }

    .check-auth .mandatory {
        font-size: 14px;
    }

    .check-auth .view-container {
        min-width: 450px;
    }

        .check-auth .view-container .logo {
            height: 100px;
            font-size: 30px;
        }

            .check-auth .view-container .logo .login-icons {
                width: 120px;
                height: 120px;
                margin: 0px 0 0 30px;
            }

                .check-auth .view-container .logo .login-icons img {
                    font-size: 37px;
                    top: 43%;
                    left: 35%;
                }

            .check-auth .view-container .logo small {
                font-size: 14px;
            }

        .check-auth .view-container .main-form-log {
            /*margin: 35px 35px 0 35px;*/
            margin: 0;
        }

        .check-auth .view-container input {
            height: auto;
            font-size: 16px;
            /*margin: 14px 0;*/
        }

        .check-auth .view-container .label {
            font-size: 16px;
        }

    .check-auth .page-signin .additional-info, .check-auth .page-signup .additional-info, .check-auth .page-forgot .additional-info {
        position: absolute;
        bottom: 0;
        background-color: #f6f9fd;
        height: 100px;
        text-align: center;
        font-size: 14px;
        width: 100%;
        padding: 5% 13%;
        color: #9f9f9f;
        display: table;
    }

    .check-auth .log-info {
        font-size: 30px;
        color: #fff;
        margin-left: 35px;
        position: absolute;
        bottom: 10%;
    }

    /*.sample.searchanimate {
width: 15% !important;
}*/
}

@media only screen and (min-width: 1900px) {
    .file-upload-input {
        width: 76% !important;
    }

    .filter-colum {
        max-width: 50%;
    }

    .file-upload-input {
        width: 245px !important;
    }
}

@media only screen and (max-width: 1800px) {
    .packageinfobtn button {
        width: 100% !important;
        margin-bottom: 5px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 1700px) {
    mr-38-percnt {
        margin-right: 0% !important;
    }
}

@media only screen and (max-width: 1667px) {
    .l-133-p {
        left: 300px !important;
    }
}

@media only screen and (max-width: 1600px) {
    .w-22-p {
        width: 33% !important;
    }

    .noti-module .noti-number {
        left: calc(100% - 18.5%) !important;
    }

    .noti-module-green .noti-number {
        left: calc(100% - 34%) !important;
    }
}

@media only screen and (max-width: 1400px) {
    .l-200-p {
        left: 200px !important;
        margin-top: -8px !important;
    }

    .l-66-p {
        left: calc(100% - 63.5%) !important;
        margin-top: -7px !important;
    }

    .providercommbox {
        max-width: 80%;
    }

    .noti-module .noti-number {
        left: calc(100% - 24%) !important;
    }

    .noti-module-green .noti-number {
        left: calc(100% - 44%) !important;
    }
}

@media only screen and (max-width: 1380px) {
    .customattestion {
        max-width: 85%;
    }

    .left-68 {
        left: calc(100% - 83%);
    }

    .btn-clock-in .outline-button {
        padding: 6px 10px;
        color: #ffffff;
    }
}

@media only screen and (max-width: 1024px) {
    .l-200-p {
        left: 197px !important;
        margin-top: 86px !important;
    }

    .l-66-p {
        left: calc(100% - 59.5%) !important;
        margin-top: 24px !important;
    }

    .btn-clock-in .outline-button {
        padding: 6px 10px;
        color: #ffffff;
    }
}

@media only screen and (max-width: 992px) {
    .btn-clock-in .outline-button {
        padding: 6px 10px;
        color: #ffffff;
    }

    #sidebar.active {
        min-width: 0px;
        max-width: 0px;
    }

        #sidebar.active .sidebar-header {
            /*display: none;*/
            visibility: hidden;
        }

        #sidebar.active .components {
            /*display: none;*/
            visibility: hidden;
        }

    .header-icons {
        display: block;
    }

        .header-icons i {
            font-size: 19px !important;
            color: black;
            left: 5px;
        }

    .notification-icon {
        display: none;
    }

    .wel-box {
        display: none;
    }

    /*.searchanimate {
width: 100% !important;
}*/
    .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .tabs .tab {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            .tabs .tab a {
                padding: 0 12px;
            }

    .navbar {
        width: 100% !important;
    }

    #sidebar {
        min-width: 250px;
        max-width: 250px;
        position: absolute;
        z-index: 999;
        height: 100%;
    }

    #content {
        padding-left: 0px !important;
    }

    .btn-export-excel {
        width: auto;
    }

    .filter-icon {
        width: auto !important;
        margin-left: 10px !important;
    }

    header img {
        position: absolute !important;
        z-index: 999;
    }

    header nav {
        position: relative;
        left: auto;
        width: 100%;
        float: right;
        right: 0;
    }

    header .navbar-toggler {
        float: right;
        width: 100%;
        text-align: right;
    }

    header .navbar-collapse ul {
        position: absolute;
        left: 0;
        width: 100%;
        padding-left: 0;
        background: #005c32;
        /*top: auto;*/
        margin-top: 15px;
        padding-bottom: 15px;
    }

        header .navbar-collapse ul li {
            padding-left: 15px;
        }

            header .navbar-collapse ul li.none {
                display: block;
            }

                header .navbar-collapse ul li.none img {
                    display: block !important;
                }

            header .navbar-collapse ul li a {
                color: #fff;
            }

                header .navbar-collapse ul li a img:first-child {
                    display: none;
                }

                header .navbar-collapse ul li a img.none {
                    display: block;
                }

                header .navbar-collapse ul li a span {
                    padding-left: 30px;
                }

            header .navbar-collapse ul li.active {
                background: #089655;
                box-shadow: none !important;
                margin-right: 0px !important;
                height: auto;
                padding-bottom: 10px;
            }

    .footer {
        height: auto !important;
        position: relative;
    }

        .footer .text-center {
            text-align: left !important;
            padding-left: 15px !important;
        }

        .footer .text-right {
            text-align: left !important;
            padding-left: 15px !important;
        }

        .footer ul {
            float: left !important;
            padding-left: 0px !important;
        }

    .add-refer-link img {
        margin-left: 15px;
        margin-bottom: 10px;
        margin-top: 0 !important;
    }

    /*.notification {
margin-left: 50px;
}*/
    .message-icon {
        margin-left: 35px;
    }

    #sidebar {
        position: absolute !important;
        z-index: 10 !important;
        /*top: 0px;*/
    }

        #sidebar .sidebar-header {
            margin-top: 10px;
        }

    #sidebarCollapse {
        left: 10px;
    }

    /*.notification{
margin-left: 30px;
}
.noti-icon-no {
left: 55px;
}
.message-icon{
margin-left: 35px;
}*/
    .navbar-brand {
        display: block !important;
    }

    .top-menu .navbar {
        height: auto;
        padding: 0;
    }

    .top-menu .navbar-brand {
        padding: 0.5rem 1rem;
    }

    .top-menu .navbar-toggler {
        margin: 0.5rem 1rem;
        padding: 0;
        border: 0;
    }

    .top-menu .navbar-nav {
        z-index: 9999;
        position: relative;
        background: #92d749;
        margin-left: 0;
        padding-left: 0;
        width: 100%;
        float: none;
        display: block;
    }

        .top-menu .navbar-nav li.active {
            display: block;
        }

        .top-menu .navbar-nav li {
            display: block;
        }
}

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
    .file-upload-input {
        width: 61% !important;
    }
}

@media only screen and (max-width: 1500px) {
    .outline-button {
        padding: 7px 15px;
        min-height: 40px;
    }

    .tab.col.s3 {
        width: auto;
        padding: 0 7px;
    }

    .tab_slider_margin {
        margin-top: -71px;
    }

    .tab_slider_sec_margin {
        margin-top: 13px;
    }
}

@media only screen and (max-width: 1366px) {

    .printsignature .modal-content {
        overflow-x: hidden;
        overflow-y: visible;
        height: auto;
        max-height: 425px;
    }

    .uploaddownloaddrugfile button {
        padding: 8px 15px !important;
    }

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

    .brder-dashed {
        width: 30%;
    }

    .prescnotes {
        min-width: 115px;
        min-height: 50px;
    }

        .prescnotes > div {
            width: 105px;
            height: 55px;
        }

    .setupmodal .modal-dialog {
        width: 95%;
    }

    .cropit-preview {
        height: 160px !important;
        width: 160px !important;
    }

    .resetpwd p {
        width: 100%;
    }

    .resetpwd .modal-footer button {
        margin-bottom: 5px !important;
    }

    .salesmodulebtn button {
        margin-bottom: 5px;
    }

    .seprateinfo .imgwidth100 {
        width: 100%;
    }

    .seprateinfo .select-city-dd {
        margin-bottom: 10px;
    }

    #searchrunningline .outline-button {
        margin-bottom: 5px;
    }

    .searchpopup .close span {
        float: right;
    }

    .uploadsign label.upload-excel-file {
        min-height: 35px !important;
        padding: 10px 0px 9px 2px !important;
    }

    .btn-content button {
        margin-bottom: 5px !important;
    }

    .tabularform {
        min-width: 175px !important;
        max-width: 175px !important;
    }

    .checkdata {
        width: 91%;
    }

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

    .sales-txt-choose li .check {
        height: 18px !important;
        width: 18px !important;
    }

    .setupmodal button span {
        float: right;
    }

    /*  .setupmodal .module-box .boxarea2 {
        width: 65%;
    }*/

    .setupmodal .module-box .boxarea2 .apptext {
        padding-top: 2px;
        font-size: 12px;
    }

    .setupmodal .module-box .boxarea2 .apptitle {
        font-size: 14px;
    }

    .add-files .fold a span.dl {
        right: 0;
        top: 0;
    }

    #filter {
        width: 35% !important;
    }

    .runing-line-data {
        padding: 0px 0px !important;
    }

    .running-line-blue {
        font-size: 15px !important;
        padding: 7px 10px !important;
    }

    /*.outline-button {
padding: 6px 7px !important;
}*/
    .box-width {
        min-height: 155px !important;
        width: 12.5% !important;
        margin-right: 20px !important;
    }

        .box-width span {
            font-size: 28px;
        }

        .box-width .box-name {
            font-size: 13px !important;
        }

        .box-width .month-add {
            font-size: 12px !important;
        }

        .box-width .more-info {
            width: 85% !important;
            padding: 5px 6px 3px 6px !important;
            font-size: 13px !important;
        }

            .box-width .more-info i {
                font-size: 20px !important;
            }

    .outline-button {
        font-size: 12px;
    }

    .w-84 {
        width: 76% !important;
    }

    .sales-txt-choose li .check::before {
        height: 8px !important;
        width: 8px !important;
        top: 2px !important;
        left: 2px !important;
    }

    .filter-colum {
        max-width: 75%;
    }

    .view-all-info span {
        font-size: 12px;
    }

    .view-all-info label {
        font-size: 12px !important;
    }

    .add-puls {
        padding-top: 0px !important;
    }

        .add-puls img {
            width: 20px;
        }

    /*.upload-download-excel .upload-excel-file {
padding: 10px 15px 5px 15px !important;
}*/
    .btn-view-clinical-note {
        padding: 10px !important;
    }

    .btn-generate-persc {
        padding: 10px !important;
    }

    .upload-download-excel .upload-excel-file {
        /*min-height: 40px !important;*/
        padding: 9px 15px 9px 15px !important;
    }

    /*.btn-edit {
padding: 10px !important;
}

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

.btn-cancel {
padding: 10px !important;
}*/
    .check-status .sales-txt-choose {
        left: 50px !important;
    }

    .ibox-content .service-txtbox label {
        font-size: 12px !important;
    }

    .select-city-dd .select-wrapper input.select-dropdown {
        font-size: 12px !important;
    }

    .select-city-dd .select-wrapper + label {
        font-size: 12px !important;
    }

    .past-medical-history-content label {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .ibox-content .service-txtbox input {
        font-size: 11px !important;
    }

    .ibox-content .service-txtbox label {
        font-size: 11px !important;
    }

    .box-width {
        width: 18.5% !important;
        margin-right: 10px !important;
        margin-bottom: 28px !important;
    }

    .upload-excel-file {
        padding: 0 !important;
    }

    .sales-txt-choose li label {
        font-size: 11px !important;
    }

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

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

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

    .list-of-country label {
        font-size: 14px !important;
    }

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


@media only screen and (max-width: 1735px) {
    .outline-button {
        padding: 10px 57px;
        min-height: 37px;
        margin-bottom: 10px;
    }


    /*.report-bg {
ul {
li {
a {
&.outline-button {
padding: 10px 19px !important;
}
}
}
}
}*/
}

@media only screen and (max-width: 1299px) {
    /*.outline-button {
padding: 6px 10px;
min-height: 37px;
}*/
    .menu-width-ts {
        width: 20%;
    }

    .menu-task-outline-btn {
        padding: 10px 5px;
    }

    .outline-button {
        padding: 10px 34px;
        min-height: 40px;
        margin-bottom: 10px;
    }

    .over-x {
        overflow-x: scroll;
        display: grid;
    }
}

@media only screen and (max-width: 1199px) {
    .outline-button {
        padding: 6px 23px;
        min-height: 36px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1300px) {
    .providercommbox {
        max-width: 95%;
    }
}

@media only screen and (max-width: 992px) {
    button {
        width: 100%;
    }

    .uploadsign .showlist {
        padding: 7px 5px 7px 5px !important;
    }

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

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

        .search-data input {
            width: 100% !important;
            margin-left: 0 !important;
        }

        .search-data i {
            left: 10px;
        }

    .allergy-tab .upload-doc {
        width: 100% !important;
        margin-bottom: 10px !important;
        padding: 0px 25px !important;
    }

    .allergy-tab .w-25 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .allergy-health-condition .pl-0 {
        padding-left: 15px !important;
    }

    .allergy-health-condition .pr-0 {
        padding-right: 15px !important;
    }

    .add-allery ol li {
        margin-bottom: 8px;
    }

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

        .brdr-right:nth-of-type(3) {
            border-right: 0 !important;
        }

        .brdr-right:nth-of-type(6) {
            border-right: 0 !important;
        }

        .brdr-right:nth-of-type(9) {
            border-right: 0 !important;
        }

    .file-upload-button {
        width: 50%;
    }

    .file-upload-input {
        width: 160px !important;
    }

    .custom-file-upload {
        margin-top: 0 !important;
    }

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

    .generate-presc .select-city-dd {
        margin-top: 20px;
    }

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

    #sidebar ul li a {
        padding: 10px 30px;
        font-size: 12px !important;
    }

    .allergy-tab .health-issue {
        width: 100%;
    }

    .add-allery ol {
        width: 100%;
    }

    .upload-download-excel .upload-excel-file {
        min-height: 46px !important;
        padding: 15px 15px 9px 15px !important;
    }

    .uplaod-btn img {
        width: 23px !important;
    }

    .page-heading h4 {
        font-size: 16px;
    }

    .ibox-title h5 {
        font-size: 14px;
    }

    .ibox-content .service-txtbox label {
        font-size: 11px !important;
    }

    .select-city-dd .select-wrapper input.select-dropdown {
        font-size: 11px !important;
    }

    .select-city-dd .select-wrapper + label {
        font-size: 11px !important;
    }

    .past-medical-history-content label {
        font-size: 11px !important;
    }

    .check-status .sales-txt-choose li .check {
        height: 14px !important;
        width: 14px !important;
        top: 3px !important;
    }

        .check-status .sales-txt-choose li .check::before {
            height: 6px !important;
            width: 6px !important;
            top: 1px !important;
            left: 1px !important;
        }

    .check-status .sales-txt-choose {
        left: 40px !important;
    }

    .btn-save {
        font-size: 12px;
    }

        .btn-save img {
            width: 18px;
            padding-right: 5px;
        }

    .btn-view-clinical-note {
        font-size: 12px;
    }

        .btn-view-clinical-note img {
            width: 18px;
            padding-right: 5px;
        }

    .btn-generate-persc {
        font-size: 12px;
    }

        .btn-generate-persc img {
            width: 18px;
            padding-right: 5px;
        }

    .btn-edit {
        font-size: 12px;
    }

        .btn-edit img {
            width: 18px;
            padding-right: 5px;
        }

    .btn-delete {
        font-size: 12px;
    }

        .btn-delete img {
            width: 18px;
            padding-right: 5px;
        }

    .btn-cancel {
        font-size: 12px;
    }

        .btn-cancel img {
            width: 18px;
            padding-right: 5px;
        }

    #sidebar ul li ul.collapse li a {
        font-size: 12px !important;
    }

    .search-table table thead th {
        font-size: 11px;
    }

    .search-table table tbody td {
        font-size: 11px;
    }

    .collapse-chevron .ibox-content label {
        font-size: 11px;
    }

    .collapse-chevron .ibox-content span {
        font-size: 11px;
    }

    #view-presc-body img {
        width: 15px;
    }

    .view-presc-table thead th {
        font-size: 12px;
    }

    .over-x-hidden {
        overflow: hidden;
    }
}

@media only screen and (max-width: 768px) {
    button {
        width: 100%;
    }

    .tabularform {
        width: 100%;
        min-width: 100% !important;
        display: block;
        float: none !important;
    }

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

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

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

    .file-upload-button {
        width: 50%;
    }

    .file-upload-input {
        width: 160px !important;
    }

    .custom-file-upload {
        margin-top: 0 !important;
    }

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

    .generate-presc .select-city-dd {
        margin-top: 20px;
    }

    #content .newuserlist {
        width: 100%;
        right: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .login-page {
        max-width: 100% !important;
        height: 100%;
    }

    .submneubar .fol-add-btn {
        width: 50px;
    }

    .box-width {
        width: 47.5% !important;
        margin-bottom: 28px !important;
        margin-right: 9px !important;
    }

    .check-auth .logo-box {
        margin: 10px 0 0 40px !important;
        width: 185px !important;
    }

    .view-container {
        width: 100% !important;
        top: 100px !important;
    }

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

        .add-patient-counsling .service-txtbox {
            margin-bottom: 0 !important;
        }

        .add-patient-counsling .mt-010 {
            margin-top: 0 !important;
            margin-bottom: 50px !important;
        }

    .filter-colum .pr-0 {
        padding-right: 15px !important;
    }

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

    .filter-colum .select-city-dd .form-sm {
        margin-bottom: 20px !important;
    }

    .search-data #searchInput {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .search-data i {
        left: 10px;
    }

    .upload-download-excel .upload-excel-file {
        min-height: 45px !important;
        padding: 13px 15px 5px 15px !important;
    }

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

    .upload-download-excel .upload-excel-file {
        min-width: 205px;
        /*padding: 7px 10px 3px 10px !important;*/
        padding: 0px 15px;
        left: 11px !important;
    }

        .upload-download-excel .upload-excel-file svg {
            width: 16px;
            vertical-align: text-top;
        }

    .upload-download-excel .uplaod-btn {
        width: 50%;
        padding: 8px 10px 7px 10px !important;
        height: 45px;
    }

        .upload-download-excel .uplaod-btn img {
            width: 27px;
            vertical-align: inherit;
        }
}

@media only screen and (max-width: 670px) {
    button {
        width: 100%;
    }

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

    button {
        width: 100%;
    }

    /*.setupmodal .module-box {
width: 75%;
}*/
}

@media only screen and (max-width: 480px) {
    #sidebar {
        min-width: 250px;
        max-width: 250px;
        position: absolute;
        z-index: 999;
        height: 100%;
    }

    .submneubar .dropdown-menu {
        min-width: 185px !important;
    }

    .submneubar .newfolder label {
        font-size: 11px !important;
        padding-top: 9px;
        padding-left: 0;
    }

    .submneubar .fol-add-btn {
        width: 30px;
    }

    .box-width {
        width: 100% !important;
        margin-bottom: 25px !important;
    }

    #sidebar.active {
        min-width: 0;
        max-width: 0;
    }

    #content {
        padding-left: 0px !important;
    }

    .page-heading h4 {
        font-size: 12px;
    }

    .page-heading img {
        width: 22px;
        vertical-align: middle;
    }

    .ibox-title h5 {
        font-size: 13px;
    }

    .go-to-mapping img {
        width: 10px;
    }

    .go-to-mapping span {
        font-size: 11px !important;
    }

    .file-upload-button {
        width: 44%;
    }

    #sidebar.active {
        min-width: 0;
        max-width: 0;
    }

        #sidebar.active .components {
            display: none;
        }

    #sidebar ul.components {
        height: 100%;
    }

    .collapse-chevron .ibox-content label {
        font-size: 12px;
    }

    .collapse-chevron .ibox-content span {
        font-size: 12px;
    }

    #sidebar {
        min-width: 250px;
        max-width: 250px;
        position: absolute;
        z-index: 999;
        height: 100%;
    }

    .add-files .fold {
        width: 50% !important;
    }

    .overbox .material-button {
        right: 0 !important;
    }

    .upload-download-excel .upload-excel-file {
        min-width: 173px;
        /*padding: 7px 10px 3px 10px !important;*/
        padding: 0px 15px;
        left: 11px !important;
    }

    .file-upload-button {
        width: 44%;
    }

    #sidebar.active {
        min-width: 0;
        max-width: 0;
    }

        #sidebar.active .components {
            display: none;
        }

    #sidebar ul.components {
        height: 100%;
    }

    .collapse-chevron .ibox-content label {
        font-size: 12px;
    }

    .collapse-chevron .ibox-content span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .add-files .fold {
        width: 25% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .footer .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cropit-image-input {
        font-size: 11px;
    }

    .cropit-preview {
        height: 130px !important;
        width: 130px !important;
    }

    .add-files .fold {
        width: 25% !important;
    }

    .setupmodal .module-box .boxarea2 {
        width: 63%;
    }

    .btn-content button {
        width: auto !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .add-files .fold {
        width: 25% !important;
    }
}

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
    .file-upload-input {
        width: 61% !important;
    }
}

@media only screen and (max-width:1024px) {
    .noti-module .noti-number {
        left: calc(100% - 31%) !important;
    }

    .noti-module-green .noti-number {
        left: calc(100% - 57%) !important;
    }
}

@media only screen and (max-width: 1900px) {
    .signaturebox {
        max-width: 70%;
        overflow-x: hidden;
        overflow-y: visible;
        height: auto;
        max-height: 510px;
    }

    .customattestion {
        max-width: 75%;
    }
}

@media only screen and (max-width: 992px) {
    .signaturebox {
        max-width: 95%;
        overflow-x: hidden;
        overflow-y: visible;
        height: auto;
        max-height: 495px;
    }

    .signlabel button {
        float: none;
        margin-top: 10px !important;
        width: 100%;
    }

    .signlabel {
        width: 100%;
    }

    .signwrapper {
        width: 100%;
    }

        .signwrapper canvas {
            width: 100%;
        }

    .signature-pad {
        margin-top: 5px;
    }

    .customattestion {
        max-width: 95%;
        overflow-x: hidden;
        overflow-y: visible;
        height: auto;
        max-height: 495px;
    }
}

@media only screen and (max-width: 767px) {
    .signaturebox .historydesc {
        border-right: 0px !important;
    }

    .signaturebox .borderdata:nth-child(2)::after {
        border-top: 1px dashed #ccc;
    }

    .signaturebox .borderdata:nth-child(3)::after {
        border-top: 1px dashed #ccc;
    }

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


/*********************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;
}

/*table.print-friendly tr td, table.print-friendly tr th {
page-break-inside: avoid;
}*/

.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: 'Roboto', 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: 'Roboto', 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: 'Roboto', 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: roboto;
        margin-left: 5px;
        margin-bottom: 0px;
    }

.card-body {
    padding: 10px;
}

.card-label {
    width: 150px;
}

.card-label-style {
    color: #4b4747 !important;
    font-family: roboto;
    font-weight: bold;
    font-size: 14px;
}

.card-style {
    font-family: roboto;
    font-weight: 400;
    font-size: 14px;
}

.bascom-top h2 {
    font-size: 14px;
    font-family: roboto;
    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: roboto;
        color: #000;
    }

.card-body p {
    font-family: roboto;
    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: roboto;
        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%;
    height: 25px;
    /*background: #dddddd;*/
    background-color: #888888;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .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: roboto;
    font-weight: 500;
    margin-right: 10px;
    color: #fff;
}

.document-subbottom ul li {
    color: #000;
    font-size: 13px;
    font-family: 'Roboto';
    margin-left: 15px;
    font-weight: bold;
}

.document-table table tr th {
    font-size: 13px;
    font-family: roboto;
    color: #000;
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.document-table table tr td {
    font-size: 14px;
    font-family: roboto;
    color: #000;
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.document-table .intake-text {
    font-family: roboto;
    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: roboto;
        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: roboto;
    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: roboto;
        font-weight: bold;
        font-size: 18px;
    }

.tablinks img {
    width: 30px;
}

/*switch css*/
.switch input {
    display: none;
}

.switch {
    display: inline-block;
    width: 60px;
    height: 20px;
    margin: 8px;
    transform: translateY(50%);
    position: relative;
    margin-top: -8px;
}
.switchInline {
    width: 0px;
    height: 20px;
    margin: 0px;
    transform: translateY(0%);
    position: relative;
    margin-top: 0px;
    padding-top: 0px;
}
/* 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-text {
    margin-top: 3px;
    position: absolute;
    margin-left: -20px;
}

.switch-texts {
    margin-top: 3px;
    position: absolute;
}
/*switch css*/

/*Pateint Details end*/

/*pateint details media start*/

@media (max-width: 1045px) and (min-width:1000px) {
    .tag-box {
        height: 260px !important;
    }
}

@media (max-width: 1100px) and (min-width:1000px) {
    /*    .card-box {
min-height: 524px;
}

.tag-box {
min-height: 360px;
}*/
    .additional-card-box {
        height: 565px !important;
    }

    .document-box-patient {
        height: 1276px;
    }

    .document-box-provider {
        height: 889px;
    }

    .document-box-partner {
        height: 635px;
    }

    .document-box-payor {
        height: 635px;
    }

    .top-button-setting ul {
        margin-left: 17px;
        margin-bottom: 5px;
    }

    .top-button {
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .card-top img {
        width: 20px;
        height: 20px;
    }

    .card-top h2 {
        font-size: 14px;
    }

    .card-label {
        width: 173px !important;
    }

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

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

    .card-style {
        font-size: 11px;
    }

    .intake-text {
        font-size: 10px;
    }

    .tab button {
        padding: 15px !important;
    }

    .tablinks img {
        width: 26px;
    }

    .intake-img img {
        width: 16px;
        height: 16px;
    }

    .location-img {
        width: 20px;
    }

    .mail-img {
        width: 20px;
        margin-top: -10px;
    }

    .card-label-style img {
        width: 20px;
    }

    .document-bottom span {
        font-size: 12px;
    }

    .list-inline .list-inline-item a {
        font-size: 13px;
    }

    .pharamcy-model {
        margin-right: 243px;
    }

    .physian-model {
        margin-right: 360px;
    }

    .communication-model {
        margin-right: 422px;
        width: 440px !important;
    }

    .medication-model {
        margin-right: 500px;
    }

    .medication-model {
        margin-right: 556px;
        width: 359px !important;
    }

    .patient-btn {
        font-size: 12px;
    }

    .tabcontent h3 {
        font-size: 16px;
    }

    .resync-model {
        width: 546px !important;
    }

    .document-table .intake-text {
        font-size: 10px;
    }

    .document-table table tr td {
        font-size: 10px;
    }

    .edit {
        width: 18px;
    }

    .delete {
        width: 14px;
    }

    .printer-icon {
        width: 14px;
    }

    .permitions {
        width: 18px;
    }

    .linked-switch {
        margin: 0px;
    }

        .linked-switch label {
            padding-left: 0px;
        }

            .linked-switch label .lever:after {
                width: 15px;
                height: 15px;
            }

        .linked-switch.switch label .lever {
            height: 10px;
            width: 2rem;
        }
}

@media(max-width: 1200px) and (min-width: 1101px) {
    /*    .additional-card-box
{
min-height: 655px !important;
}
.card-box {
min-height: 553px;
}

.tag-box {
min-height: 433px;
}*/
    .additional-card-box {
        height: 541px !important;
    }

    .document-box-patient {
        height: 1409px;
    }

    .document-box-provider {
        height: 888px;
    }

    .document-box-partner {
        height: 661px;
    }

    .document-box-payor {
        height: 661px;
    }

    .card-label {
        width: 177px;
    }

    .card-top img {
        width: 20px;
        height: 20px;
    }

    .card-top h2 {
        font-size: 14px;
    }

    .card-label {
        width: 173px !important;
    }

    .card-label-style {
        font-size: 13px;
    }

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

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

    .intake-img img {
        width: 20px;
        height: 20px;
    }

    .list-inline .list-inline-item a {
        font-size: 12px;
    }

    .pharamcy-model {
        margin-right: 243px;
    }

    .physian-model {
        margin-right: 360px;
    }

    .communication-model {
        margin-right: 506px;
    }

    .medication-model {
        margin-right: 565px;
        width: 359px !important;
    }
}

@media(max-width: 1300px) and (min-width: 1000px) {
    /* .card-box {
min-height: 512px !important;
}*/
    .card-box {
        min-height: 100% !important;
    }

    .document-box-patient {
        height: initial !important;
    }

    .tag-box {
        min-height: 248px !important;
    }

    .additional-card-box {
        height: 512px;
    }
}

@media(max-width: 1300px) and (min-width: 1200px) {
    /*   .card-box {
min-height: 512px;
}

.tag-box {
min-height: 248px;
}*/

    .document-box-patient {
        height: 1102px;
    }

    .document-box-provider {
        height: 914px;
    }

    .document-box-partner {
        height: 573px;
    }

    .document-box-payor {
        height: 573px;
    }

    .card-availability {
        height: 398px;
    }

    .card-label {
        width: 88px;
    }

    .card-label-style {
        font-size: 11px;
    }

    .card-style {
        font-size: 11px;
    }

    .card-top img {
        width: 20px;
        height: 20px;
    }

    .card-top h2 {
        font-size: 14px;
    }

    .intake-text {
        font-size: 11px;
    }

    .intake-img img {
        width: 20px;
        height: 20px;
    }

    .list-inline .list-inline-item a {
        font-size: 14px;
    }

    .pharamcy-model {
        margin-right: 243px;
    }

    .physian-model {
        margin-right: 360px;
    }

    .communication-model {
        margin-right: 460px;
    }

    .medication-model {
        margin-right: 664px;
        width: 359px !important;
    }
}

@media(max-width: 1380px) and (min-width: 1299px) {
    .additional-card-box {
        min-height: 500px !important;
    }
}

@media(max-width: 1450px) and (min-width: 1300px) {

    .card-box {
        min-height: 471px;
    }

    .tag-box {
        min-height: 242px;
    }

    .document-box-patient {
        height: 1088px;
    }

    .document-box-provider {
        height: 888px;
    }

    .document-box-partner {
        height: 583px;
    }

    .document-box-payor {
        height: 583px;
    }

    .card-label {
        width: 99px;
    }

    .card-top img {
        width: 20px;
        height: 20px;
    }

    .card-top h2 {
        font-size: 14px;
    }

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

    .intake-img img {
        width: 20px;
        height: 20px;
    }

    .list-inline .list-inline-item a {
        font-size: 14px;
    }

    .pharamcy-model {
        margin-right: 243px;
    }

    .physian-model {
        margin-right: 360px;
    }

    .communication-model {
        margin-right: 540px;
    }

    .medication-model {
        margin-right: 664px;
        width: 359px !important;
    }
}

@media(max-width: 1601px) and (min-width: 1450px) {
    .card-box {
        min-height: 398px;
    }

    .tag-box {
        min-height: 210px;
    }

    .document-box-patient {
        height: 1020px;
    }

    .document-box-provider {
        height: 888px;
    }

    .document-box-partner {
        height: 507px;
    }

    .document-box-payor {
        height: 507px;
    }

    .card-label {
        width: 99px;
    }

    .card-style {
        font-size: 12px;
    }

    .card-label-style {
        font-size: 12px;
    }

    .card-top img {
        width: 20px;
        height: 20px;
    }

    .card-top h2 {
        font-size: 14px;
    }

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

    .intake-img img {
        width: 20px;
        height: 20px;
    }

    .list-inline .list-inline-item a {
        font-size: 15px;
    }

    .pharamcy-model {
        margin-right: 243px;
    }

    .physian-model {
        margin-right: 360px;
    }

    .communication-model {
        margin-right: 540px;
    }

    .medication-model {
        margin-right: 644px;
    }
}

@media(max-width: 1700px) and (min-width: 1601px) {
    .card-box {
        min-height: 471px;
    }

    .tag-box {
        min-height: 233px;
    }

    .document-box-patient {
        height: 1069px;
    }

    .document-box-provider {
        height: 889px;
    }

    .document-box-partner {
        height: 510px;
    }

    .document-box-payor {
        height: 510px;
    }

    .card-label {
        width: 112px;
    }

    .card-label-style {
        font-size: 14px;
    }

    .list-inline .list-inline-item a {
        font-size: 15px;
    }

    .pharamcy-model {
        margin-right: 243px;
    }

    .physian-model {
        margin-right: 360px;
    }

    .communication-model {
        margin-right: 540px;
    }

    .medication-model {
        margin-right: 644px;
    }
}

@media(max-width: 1800px) and (min-width: 1700px) {
    .card-box {
        min-height: 471px;
    }

    .tag-box {
        min-height: 224px;
    }

    .document-box-patient {
        height: 1051px;
    }


    .document-box-provider {
        min-height: 890px;
    }

    .document-box-partner {
        min-height: 510px;
    }

    .document-box-payor {
        min-height: 510px;
    }

    .card-label {
        width: 127px;
    }

    .pharamcy-model {
        margin-right: 243px;
    }

    .physian-model {
        margin-right: 360px;
    }

    .communication-model {
        margin-right: 540px;
    }

    .medication-model {
        margin-right: 644px;
    }
}

@media(max-width: 1920px) and (min-width: 1800px) {
    .card-box {
        min-height: 470px;
    }

    .tag-box {
        min-height: 223px;
    }

    .document-box-patient {
        height: 1050px;
    }

    .document-box-provider {
        height: 888px;
    }

    .document-box-partner {
        height: 510px;
    }

    .document-box-payor {
        height: 510px;
    }
}

@media (max-width: 1380px) {
    .card-label {
        width: 90px;
    }

    .card-label-style {
        font-size: 13px;
    }

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

    .intake-form {
        margin-bottom: 42px;
    }

    .tab {
        margin-bottom: -12px;
    }

        .tab button {
            padding: 10px;
        }
}

@media (max-width: 1600px) {
    .card-label {
        width: 100px;
    }

    .intake-form {
        margin-bottom: 15px;
    }

    .tab {
        margin-bottom: -10px;
    }

        .tab button {
            padding: 10px;
        }
}
/*patient details-1 Start*/
.find-box {
    width: 100%;
    height: 100px;
    border: 1px solid #000;
}
/*patient details-1 End*/

/*task management*/
.addUserRound {
    border: 1px dashed rgba(221, 221, 221, 1);
    padding: 7px;
    background: #aaaabf;
    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;
}

.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: 'Roboto';
        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 );
}

@media (max-width: 1735px) and (min-width: 1450px) {

    .comment-main-box {
        bottom: -14px;
    }
}

@media (max-width: 1450px) and (min-width: 1200px) {
    .comment-box h4 {
        font-size: 11px;
    }

    .chatting .user-name {
        font-size: 11px;
    }

    .chatting .user-time {
        font-size: 11px;
    }

    .chatting p {
        font-size: 11px;
    }

    .comment-main-box {
        bottom: -11px;
    }
}

@media (max-width: 1200px) and (min-width: 1100px) {


    .comment-box h4 {
        font-size: 11px;
    }

    .chatting .user-name {
        font-size: 11px;
    }

    .chatting .user-time {
        font-size: 11px;
    }

    .chatting p {
        font-size: 11px;
    }

    .comment-main-box {
        bottom: -14px;
    }
}

@media (max-width: 1100px) and (min-width: 1024px) {

    .comment-main-box {
        bottom: -14px;
    }
}

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

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

@media (max-width: 991px) {
    .tab button {
        padding: 8px 10px !important;
    }

    .tablinks img {
        width: 20px;
    }
}

/*12-03-2020 Soap Setting Table Fix*/
.nowrap {
    white-space: nowrap;
}

.info-tooltip {
    position: relative;
    display: block;
    margin: 0 auto 5px auto;
    max-width: 98%;
    line-height: 1.3em;
    background: #e5f0f7;
    padding: 3px 6px;
    text-indent: 15px;
}

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

.custom-search-field-cp {
    margin-left: -3px !important;
    border-radius: 4px !important;
    background-color: edf0f5 !important;
    color: black;
}

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

@media (max-width: 1500px) and (min-width: 1350px) {
    .tab_slider_margin {
        margin-top: -71px;
    }

    .tab_slider_sec_margin {
        margin-top: 12px;
    }
}

@media (max-width: 1700px) and (min-width: 1500px) {
    .tab_slider_margin {
        margin-top: -71px;
    }

    .tab_slider_sec_margin {
        margin-top: 13px;
    }
}

@media (max-width: 1800px) and (min-width: 1700px) {
    .tab_slider_margin {
        margin-top: -73px;
    }

    .tab_slider_sec_margin {
        margin-top: 4px;
    }
}

@media (max-width: 1900px) and (min-width: 1800px) {
    .tab_slider_margin {
        margin-top: -72px;
    }

    .tab_slider_sec_margin {
        margin-top: 3px;
    }
}

@media (max-width: 2000px) and (min-width: 1900px) {
    .tab_slider_margin {
        margin-top: -71px;
    }

    .tab_slider_sec_margin {
        margin-top: 2px;
    }
}

.profile-employee-section {
    padding-right: 0;
}

.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-name {
    font-size: 18px;
    padding: 10px 0 10px 0;
}

.employee-basic-detail {
    display: flex;
    border-top: 1px solid rgb(219, 219, 219);
    padding-top: 15px;
}

    .employee-basic-detail table {
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
    }

        .employee-basic-detail table th {
            text-align: left;
            color: rgb(124, 124, 124);
            text-transform: uppercase;
            font-weight: 500;
        }

        .employee-basic-detail table td {
            color: black;
            font-weight: 500;
        }

.employee-basic-action-btn {
    display: flex;
}

.employee-basic-tabs {
    padding-top: 10px;
}

.emp-pills {
    border: none;
}

.emp-btn {
    background-color: transparent;
    border: none;
    color: rgb(149, 149, 149);
    cursor: pointer;
}

.nav-pills .emp-btn.active {
    background-color: transparent !important;
    color: black;
}

.emp-detail-container {
    padding: 15px;
    width: 100%;
}

.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;
    padding: 20px;
    box-shadow: 0 21px 37px rgba(0, 0, 0, 0.05);
    width: 50%;
}

.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(odd) {
        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: 7px 50px 7px 0;
        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;
}

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

@media screen and (max-width:900px) {
    .employee-basic-detail {
        flex-direction: column;
    }
}

@media screen and (max-width:768px) {
    .employee-profile-pic {
        height: 200px;
        float: left;
        overflow: hidden;
        margin-top: 2px;
        width: 200px;
    }

    .emp-about-grid {
        flex-direction: column;
    }

    .emp-about-us {
        width: 100%;
    }

    .emp-address-us {
        width: 100%;
        margin: 20px 0 0 0;
    }
}

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

.ts-btn-group {
    margin-right: 50px;
    padding: 10px 0;
}

    .ts-btn-group .ts-btn {
        background-color: #DEDEDE !important;
        padding: 5px 20px;
        border-radius: 20px;
        color: black;
        box-shadow: none !important;
    }

#draggablepanel {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: center;*/
    width: 100%;
    height: calc(100vh - 200px);
    /*margin: 0 5%;*/
}

.ts-btn::after {
    display: none;
}

.ts-btn span img {
    width: 13px;
    filter: invert(0%) sepia(0%) saturate(21%) hue-rotate(348deg) brightness(102%) contrast(105%);
    margin-right: 10px;
}

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

.FilterMenuContents-dropdowns {
    align-items: center;
}

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

.search-ts {
    border: none;
    background-color: #0288D1;
    height: 100%;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 30px;
}

    .search-ts span img {
        width: 13px;
        filter: invert(1);
    }

    .search-ts:focus {
        outline: none;
    }

.clear-ts {
    padding: 2px 20px;
    border: none;
    background-color: rgb(216, 216, 216);
    height: 100%;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 30px;
}

    .clear-ts img {
        width: 13px;
        filter: invert(1);
    }

    .clear-ts:focus {
        outline: none;
    }

.ts-form {
    border: none;
}

.ButtonSelect-label {
    padding-right: 20px;
}

.ts-task-date {
    background-color: white;
    border: 1px solid #c1c1c1;
}

.bg-grey-ts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 0;
}

.resource-task-ts {
    justify-content: flex-end !important;
}

.ts-task-number {
    background-color: white;
    border: 1px solid #c1c1c1;
}

.pending-col {
    border-top: 5px solid #E2E901;
}

.inprogress-col {
    border-top: 5px solid #0484DC;
}

.completed-col {
    border-top: 5px solid #00CB51;
}

.deffered-col {
    border-top: 5px solid #D45BCC;
}

.closed-col {
    border-top: 5px solid #9E865C;
}

.cancelled-col {
    border-top: 5px solid #c01919;
}

.column:last-of-type {
    margin-right: 0;
}

.column .column-title {
    font-weight: bold;
    margin: 5px 0 20px;
}

.column .card {
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 7px;
    min-height: 100px;
    cursor: pointer;
    transition: transform 250ms;
    margin-top: 15px;
    height: auto !important;
    overflow: visible;
}

    .column .card:hover {
        box-shadow: 0 0 0 1px #979fa3;
    }

.task-creation-date {
    position: absolute;
    right: 10px;
    top: 13px;
}

    .task-creation-date p {
        font-size: 13px;
    }

.select2-container {
    width: 150px !important;
    display: grid !important;
    z-index: 50 !important;
    margin-right: 10px !important;
}

    .select2-container .select2-selection--single {
        height: 37px !important;
        text-align: left;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: initial !important;
    top: 50% !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 80% !important;
    }

.select2-selection__placeholder {
    line-height: 40px !important;
}

.column .card.selected {
    transform: scale(1.15);
    z-index: 1;
}

.add-card {
    width: 100%;
    border: none;
    background-color: #006cb7;
    padding: 7px;
    border-radius: 7px;
    color: white;
    font-size: large;
    font-weight: 700;
}

.task-card-footer {
    position: absolute;
    bottom: 4px;
    width: 100%;
    right: 0;
    padding: 10px;
}

.task-extra-detail {
    display: none;
}

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

.sub-task-detail img {
    width: 16px;
}

.task-aasignee-detail {
    display: inline-block;
}

    .task-aasignee-detail img {
        width: 25px;
    }

    .task-aasignee-detail p {
        margin: 0;
    }

.sub-task-detail {
    display: flex;
}

.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: 30px;
    left: 44px;
    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: 25px;
    }

    .task-assignee-list ul {
        font-size: 13px;
        margin: 0;
        padding: 5px 0;
    }

        .task-assignee-list ul li {
            padding: 10px;
            margin: 0 10px;
            border-radius: 5px;
        }

            .task-assignee-list ul li:hover {
                background-color: #edf0f5;
            }

            .task-assignee-list ul li:last-child {
                border-bottom: none;
            }

.comment-section-ts {
    background-color: white;
    z-index: 5;
}

.comment-ts {
    width: 100%;
    resize: none;
    border-color: #d8d8d8;
    border-radius: 5px;
    padding: 10px;
    font-weight: normal !important;
}

.btn-comment-ts {
    background: #388e3c;
    padding: 5px 17px;
    text-transform: capitalize;
    border-radius: 63px;
}

.chatting-body-ts {
    overflow-y: scroll;
    max-height: 200px;
    min-height: 0;
}

@media screen and (max-width:1400px) {
    .column {
        width: 25%;
    }

    .cards .card p {
        font-size: 14px;
    }

    .task-aasignee-detail img {
        width: 20px;
    }

    .sub-task-detail img {
        width: 14px;
    }

    .view-task img {
        width: 18px;
    }

    .comment-task img {
        width: 18px;
    }

    .cards .card p {
        font-size: 12px;
    }

    .comment-task, .view-task {
        padding-right: 7px !important;
    }

    .task-assignee-list {
        position: absolute;
        top: 25px;
        left: 50px;
        z-index: 2222;
    }

    .add-card {
        padding: 1px 7px;
    }

    .chatting-body-ts .chatting .user-time {
        font-size: 9px;
        margin-left: 0;
    }
}

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


.bg-primary-gradient {
    background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%);
}

.bg-purple-gradient {
    background-image: linear-gradient( 45deg, #e80af7, #cda3e2);
}

.bg-orange-gradient {
    background-image: linear-gradient(to left, #efa65f, #f76a2d);
}

.bg-green-gradient {
    background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%);
}

.bg-pink-gradient {
    background-image: linear-gradient(to left, #F77388, #F94462);
}

.bg-mint-gradient {
    background-image: linear-gradient(to left, #A0D344, #7CA10E);
}

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

@media only screen and (max-width: 1400px) {
    .status-count-detail h6 {
        font-size: 10px;
    }

    .status-icon-rt img {
        width: 19px;
        vertical-align: text-top;
    }

    .status-task-icon-rt img {
        width: 19px;
        vertical-align: text-top;
    }

    .status-block {
        padding: 0 5px;
    }
}

.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: #9df797 !important;
}


@media screen and (max-width: 1250px) {
    .rt-small-txt {
        flex-direction: column;
    }

        .rt-small-txt .rt-assigned-date-flex {
            margin-left: 0;
        }
}

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

@media screen and (max-width:1250px) {
    .menu-task-ts-input {
        font-size: 0.6rem;
    }
}

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

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

.switchToggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.switchToggle label {
    margin: 0;
    cursor: pointer;
    text-indent: -9999px;
    width: 70px;
    max-width: 70px;
    height: 30px;
    background: #d1d1d1;
    display: block;
    border-radius: 100px;
    position: relative;
}

    .switchToggle label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 26px;
        height: 26px;
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

.switchToggle input:checked + label, .switchToggle input:checked + input + label {
    background: #3ed38e;
}

.switchToggle input + label:before, .switchToggle input + input + label:before {
    content: 'No';
    position: absolute;
    top: 5px;
    left: 35px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
    content: 'Yes';
    position: absolute;
    top: 5px;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}

.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.switchToggle label:active:after {
    width: 60px;
}

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

.borderdata .historydescclaim {
    float: none !important;
    /*border-right: none;*/
    margin: 8px 0px;
}

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

/*new gen workfloe*/
.followup_queue_script_card {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
}

.followup-queue-sub-details-card {
    height: 50%;
    border-radius: 5px;
    border: 1px solid #B7B7B7;
    /* display: inline-block;*/
    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;
}

/*new gen workfloe*/
.followup-queue-details-card-feature {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
    /*  overflow-y: auto;
overflow-x: hidden;*/
}

/*new gen workfloe*/
.followup-queue-details-card-thingsthatmatters {
    width: 100%;
    height: 250px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
    /*   overflow-y: auto;
overflow-x: hidden;*/
}

.thingsthatmatters-fix-header {
    overflow-x: hidden;
    height: 180px;
}


.followup-queue-details-card-tab {
    width: 10%;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
}

    .followup-queue-details-card-tab a {
        display: block;
        padding: 9.9px 0px;
        background: #006cb7;
        color: #fff;
        text-align: center;
        border-bottom: 1px solid #b7b7b7;
        font-size: 16px;
    }

.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: roboto;
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.followup-queue-overflow-auto {
    overflow: auto !important;
}

.details-border {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.details-borders {
    border-bottom: 1px solid #b7b7b7;
}

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

.queue-main-followup-queue-details-card {
    width: 23%;
    height: 450px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
}

.queue-tabs ul li {
    display: inline-block;
    margin-top: 20px;
}

    .queue-tabs ul li a {
        padding: 10px 30px;
        border: 1px solid #47a7ea;
        background-color: #f9fcff;
        border-radius: 5px;
        color: #000;
        font-size: 14px;
    }

.queue-sub-card {
    height: 200px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
    overflow-y: auto;
    width: 100%;
}

.queue-bottom-sub-card {
    height: 250px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
    overflow-y: auto;
    margin-top: -7px;
    width: 100%;
}

.priscription-tabs ul li {
    display: inline-block;
    margin-top: 20px;
}

    .priscription-tabs ul li a {
        padding: 12px 12px;
        border: 1px solid #47a7ea;
        background-color: #68b9f2;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
    }

.note-followup-queue-details-card {
    width: 23%;
    height: 450px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    display: inline-block;
}

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

.submit-btn {
    background: #47a7ea;
    padding: 7px 19px;
    color: #fff;
    font-size: 14px;
}

    .submit-btn:hover {
        background: #47a7ea !important;
        color: #fff;
    }

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

.details-body-bottom {
    width: 100%;
    height: 58px;
    border-top: 1px solid #b7b7b7;
}

.note-details-body .note-details-box {
    width: 75%;
    background: #e5ffd3;
    min-height: 75px;
    float: right;
    border-radius: 5px;
}

    .note-details-body .note-details-box p {
        font-size: 14px;
        padding: 10px 10px;
        font-weight: normal;
        border-bottom: 1px solid #b7b7b7;
        color: #000;
    }

    .note-details-body .note-details-box h4 {
        font-weight: 600;
        font-size: 14px;
        text-align: right;
        padding: 0px 10px;
    }

.note-details-body .note-box-details {
    width: 75%;
    background: #a1d5fa;
    min-height: 75px;
    float: left;
    border-radius: 5px;
    margin: 10px 0px;
}

    .note-details-body .note-box-details p {
        font-size: 14px;
        padding: 10px 10px;
        font-weight: normal;
        color: #000;
    }

    .note-details-body .note-box-details h4 {
        font-weight: 600;
        font-size: 14px;
        text-align: right;
        padding: 10px 10px;
        border-top: 1px solid #b7b7b7;
        padding-bottom: 0px;
    }

.note-box-details img {
    padding: 5px 10px;
}

.details-body-bottom textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    padding-top: 14px;
    resize: none;
}

.eye-icon {
    cursor: pointer;
}

.play-icon {
    cursor: pointer;
}

/*Details History Media Start*/
@@media (max-width:1600px) and (min-width: 1400px) {
    .send-btn {
        padding-left: 0rem;
    }

    .followup-queue-details-card-body span {
        font-size: 13px;
    }

    .followup-queue-details-card-body label {
        font-size: 13px;
    }

    .script-name p {
        font-size: 13px;
    }

    .queue-tabs ul li a {
        font-size: 13px;
    }

    .priscription-tabs ul li a {
        font-size: 13px;
    }

    .script-name h4 {
        font-size: 13px;
    }

    .note-details-box p {
        font-size: 13px !important;
    }

    .note-details-body .note-details-box h4 {
        font-size: 13px;
    }

    .note-details-body .note-box-details p {
        font-size: 13px;
    }

    .note-details-body .note-box-details h4 {
        font-size: 13px;
    }

    .followup-queue-details-card-tab a {
        font-size: 15px;
        padding: 10.9px 0px;
    }
}

@@media (max-width:1399px) and (min-width: 1200px) {
    .followup-queue-details-card-top h2 {
        font-size: 14px;
    }

    .details-body-bottom textarea {
        width: 90%;
    }

    .send-btn {
        padding-left: 0rem;
        margin-left: -15px;
    }

    .followup-queue-details-card-body span {
        font-size: 13px;
        margin-left: -20px;
    }

    .details-address-section span {
        font-size: 13px !important;
    }

    .followup-queue-details-card-body label {
        font-size: 13px;
    }

    .script-name p {
        font-size: 13px;
    }

    .queue-tabs ul li a {
        font-size: 12px;
    }

    .priscription-tabs ul li a {
        font-size: 12px;
    }

    .script-name h4 {
        font-size: 12px;
    }

    .note-details-box p {
        font-size: 12px !important;
    }

    .note-details-body .note-details-box h4 {
        font-size: 12px;
    }

    .note-details-body .note-box-details p {
        font-size: 12px;
    }

    .note-details-body .note-box-details h4 {
        font-size: 12px;
    }

    .followup-queue-details-card-tab a {
        font-size: 13px;
        padding: 12.4px 0px;
    }

    .followup-queue-details-tabs ul li a {
        font-size: 14px;
        padding: 15px 30px;
    }

    .details-address-section .address-section ul {
        margin-left: -23px;
    }

        .details-address-section .address-section ul li {
            padding-left: 30px;
        }
}

@@media (max-width:1199px) and (min-width: 1100px) {
    .followup-queue-details-card-top h2 {
        font-size: 14px;
    }

    .details-body-bottom textarea {
        width: 90%;
    }

    .send-btn {
        padding-left: 0rem;
        margin-left: -15px;
    }

    .followup-queue-details-card-body span {
        font-size: 12px;
        margin-left: -23px;
    }

    .details-address-section span {
        font-size: 12px !important;
    }

    .followup-queue-details-card-body label {
        font-size: 12px;
    }

    .script-name p {
        font-size: 12px;
    }

    .queue-tabs ul li a {
        font-size: 12px;
    }

    .priscription-tabs ul li a {
        font-size: 12px;
    }

    .script-name h4 {
        font-size: 12px;
    }

    .note-details-box p {
        font-size: 12px !important;
    }

    .note-details-body .note-details-box h4 {
        font-size: 12px;
    }

    .note-details-body .note-box-details p {
        font-size: 12px;
    }

    .note-details-body .note-box-details h4 {
        font-size: 12px;
    }

    .followup-queue-details-card-tab a {
        font-size: 12px;
        padding: 13px 0px;
    }

    .followup-queue-details-tabs ul li a {
        font-size: 14px;
        padding: 15px 30px;
    }

    .details-address-section .address-section ul {
        margin-left: -23px;
    }

        .details-address-section .address-section ul li {
            padding-left: 30px;
        }
}

@@media (max-width:1099px) and (min-width: 1024px) {
    .followup-queue-details-card-top h2 {
        font-size: 14px;
    }

    .details-body-bottom textarea {
        width: 90%;
    }

    .send-btn {
        padding-left: 0rem;
        margin-left: -15px;
    }

    .followup-queue-details-card-body span {
        font-size: 12px;
        margin-left: -28px;
    }

    .details-border img {
        width: 12px;
    }

    .details-borders img {
        width: 12px;
    }

    .details-address-section span {
        font-size: 12px !important;
    }

    .followup-queue-details-card-body label {
        font-size: 12px;
    }

    .script-name p {
        font-size: 12px;
    }

    .queue-tabs ul li a {
        font-size: 12px;
    }

    .priscription-tabs ul li a {
        font-size: 12px;
    }

    .script-name h4 {
        font-size: 12px;
    }

    .note-details-box p {
        font-size: 12px !important;
    }

    .note-details-body .note-details-box h4 {
        font-size: 12px;
    }

    .note-details-body .note-box-details p {
        font-size: 12px;
    }

    .note-details-body .note-box-details h4 {
        font-size: 12px;
    }

    .followup-queue-details-card-tab a {
        font-size: 12px;
        padding: 12px 0px;
    }

    .followup-queue-details-tabs ul li a {
        font-size: 14px;
        padding: 15px 28px;
    }

    .details-address-section .address-section ul {
        margin-left: -23px;
    }

        .details-address-section .address-section ul li {
            padding-left: 30px;
        }
}

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

.invoice-linear-scale {
    width: 100px;
}

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

@media only screen and (max-width: 1600px) {
    .dialer-model {
        border-radius: 1rem !important;
        width: 81%;
    }

    .span4 {
        width: 76px;
        margin: 10px 18px;
    }

    .dialpad-num {
        height: 76px;
    }

    .dialpad-input {
        padding: 19px;
    }

    .green-flatbtn {
        padding: 16px 0;
    }

    .call-action-flatbtn {
        width: 47px;
    }
}

/*Call Update Status*/
.nav.navbar-top-links .wel-mem .call_update {
    background-color: #f1f1f1 !important;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    display: flex;
}

.call_update img {
    width: 20px;
    height: 20px;
    border-radius: 0 !important;
    margin-left: 0 !important;
}

.call-card-container {
    width: 300px;
    position: absolute;
    background-color: #fdfdfd;
    border: 1px solid rgb(243, 243, 243);
}

.call-card-color {
    background-color: rgb(243, 243, 243);
    padding: 10px;
    border-bottom: #dbdbdb 1px solid;
}

.status_indicator {
    background-color: rgb(224, 224, 224);
    padding: 5px 10px 5px 25px;
    border-radius: 5px;
    position: relative;
}

.call-sign-green {
    background-color: rgb(41, 197, 41);
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 10px;
}

.call-sign-red {
    background-color: #de5b62;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 10px;
}

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

.switch-call {
    width: 100% !important;
    margin: 0 !important;
    transform: translateY(10%) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

    .switch-call label {
        margin: 0 !important;
    }

.call-toggle {
    border-left: 1px solid;
    padding-left: 5px;
    width: 45px !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 ul li ul.collapse .submenu-sub-li .sub-submenu-padding {
    padding-left: 88px !important;
}

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

.payment-status {
}

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

.productCard_DetailPage .pc_dp_col p {
    margin: 0;
    font-size: 0.8rem;
}

.productCard_DetailPage .description {
    font-family: 'Roboto';
    font-size: 0.8rem;
    color: #505050;
    font-weight: 400;
}

.productCard_DetailPage .productButtonPrimary {
    background-color: #04844b;
    border-color: #04844b;
    padding-left: 2rem;
    padding-right: 2rem;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1.875rem;
    text-decoration: none;
    -webkit-appearance: none;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 50ms linear,background-color 50ms linear;
}
/*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);
    }
}

.jssora061 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora061 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 360;
        stroke-linecap: round;
    }

    .jssora061:hover {
        opacity: .8;
    }

    .jssora061.jssora061dn {
        opacity: .5;
    }

    .jssora061.jssora061ds {
        opacity: .3;
        pointer-events: none;
    }

.bg-ligh-blue-border {
    background: #fcfdff;
    border: 1px solid #e7e7e7 !important;
}

.appx-extended-detail-subsection {
    padding: .75rem;
}

    .appx-extended-detail-subsection .head_sec {
        font-size: .8125rem;
        font-weight: bold;
        line-height: 1.25;
    }

.flex-basis-intial {
    flex: initial;
}

.highlight_sub ul li {
    font-size: .8125rem;
    color: #16325c;
    line-height: 1.5;
    padding: .75rem 0 .25rem 0;
}
/* Tabs panel */


/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin: 6px 14px;
    }

        .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 {
            border-bottom: 4px solid #1d68b9;
            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 {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.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 {
    display: block;
}

.appx-rating-stars-10 {
    width: 90px;
    height: 18px;
    background-image: url(/Content/img/appx-rating-stars-1-5x.png);
}

.new-silder-added {
    width: -webkit-fill-available !important;
}

.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_container {
    background-color: #edf0f5;
    padding: 5px 15px;
    border-radius: 15px;
    width: 200px;
    margin: 5px;
}

    .scheduler_container > p {
        margin-bottom: 0;
        text-align: center;
        font-weight: normal;
        margin-top: 6px;
    }

.scheduler_count {
    background-color: #4285f4;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: white;
    font-weight: 500;
    margin: 0 auto;
}

/*Updated UI Components*/


.radio-btn-soft {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none;
    margin: 0 10px 0 0;
    color: #4e4e4e !important;
    font-weight: normal;
}

    .radio-btn-soft:hover .checkbox-checkmark {
        border: 2px solid #6340FF;
    }

    .radio-btn-soft .radio-input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .radio-btn-soft .radio-input:focus ~ .radio-checkmark-box {
            border-color: #6340FF;
        }

        .radio-btn-soft .radio-input:checked ~ .radio-checkmark-box .radio-checkmark:after {
            display: block;
        }

        .radio-btn-soft .radio-input:checked ~ .radio-checkmark-box .radio-checkmark {
            background-color: #007bff;
            border: 2px solid #007bff;
        }

        .radio-btn-soft .radio-input:disabled ~ .radio-checkmark-box .radio-checkmark {
            border: 2px solid #007bff;
            cursor: not-allowed;
        }

        .radio-btn-soft .radio-input:disabled:checked ~ .radio-checkmark-box .radio-checkmark {
            background-color: #B0B0B0;
        }

            .radio-btn-soft .radio-input:disabled:checked ~ .radio-checkmark-box .radio-checkmark:after {
                background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8866 9.91722L0.0873348 5.36761C0.0596566 5.34137 0.037692 5.31018 0.0227039 5.27582C0.00771585 5.24146 0 5.20461 0 5.1674C0 5.13019 0.00771585 5.09335 0.0227039 5.05899C0.037692 5.02463 0.0596566 4.99343 0.0873348 4.96719L1.29893 3.81086C1.41471 3.70049 1.60183 3.70049 1.71761 3.81086L4.87718 6.80501C4.99296 6.91538 5.18143 6.91409 5.2972 6.80372L12.2787 0.0839022C12.3945 -0.0277526 12.5829 -0.0277526 12.7001 0.0826188L13.913 1.23895C14.0288 1.34932 14.0288 1.52771 13.9143 1.63809L6.30821 8.95468L6.30956 8.95597L5.30662 9.91722C5.19085 10.0276 5.00238 10.0276 4.8866 9.91722Z' fill='%2374767B'/%3E%3C/svg%3E%0A") no-repeat center;
                background-size: contain;
            }

    .radio-btn-soft .radio-checkmark-box {
        min-width: 20px;
        max-width: 20px;
        min-height: 20px;
        max-height: 20px;
        margin-top: -3px;
        margin: 0 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid transparent;
        border-radius: 50%;
    }

.soft-radio-btn .soft-radio-label {
    margin: 0;
}

.radio-btn-soft .radio-checkmark {
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #b4b4b4;
    border-radius: 50%;
    cursor: pointer;
}

    .radio-btn-soft .radio-checkmark:after {
        content: "";
        display: none;
        background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8866 9.91722L0.0873348 5.36761C0.0596566 5.34137 0.037692 5.31018 0.0227039 5.27582C0.00771585 5.24146 0 5.20461 0 5.1674C0 5.13019 0.00771585 5.09335 0.0227039 5.05899C0.037692 5.02463 0.0596566 4.99343 0.0873348 4.96719L1.29893 3.81086C1.41471 3.70049 1.60183 3.70049 1.71761 3.81086L4.87718 6.80501C4.99296 6.91538 5.18143 6.91409 5.2972 6.80372L12.2787 0.0839022C12.3945 -0.0277526 12.5829 -0.0277526 12.7001 0.0826188L13.913 1.23895C14.0288 1.34932 14.0288 1.52771 13.9143 1.63809L6.30821 8.95468L6.30956 8.95597L5.30662 9.91722C5.19085 10.0276 5.00238 10.0276 4.8866 9.91722Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
        width: 11px;
        height: 11px;
        background-size: contain;
    }


/*Floating Label*/
.soft-ui-input .label {
    left: 8px;
    top: 11px;
    color: #919aa3;
    font-weight: 400;
    pointer-events: none;
}

.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 #e3e3e3 !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;
}

.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-card 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, .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 #1f445e57;
        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: 45px;
        height: 45px;
        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: 37px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
    border: 2px solid #007bff;
}

.custom-checkbox .custom-control-label:hover.custom-control-label::before {
    box-shadow: 0px 2px 5px rgba(0, 117, 201, 0.6);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25.412' height='19.855' viewBox='0 0 25.412 19.855'%3e%3cpath id='check' d='M22.6,3.8,8,19.4,1.4,11.7,0,12.9l7.9,9.3L24,5.1Z' transform='translate(0.703 -3.095)' fill='%23007bff' stroke='%23007bff' stroke-width='1'/%3e%3c/svg%3e ");
}

.custom-checkbox .custom-control-label::after {
    top: 0rem;
    left: -1.6rem;
    width: 1.5rem;
    height: 1.5rem;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
    border: 2px solid #dee2e6;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #e9ecef;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25.412' height='19.855' viewBox='0 0 25.412 19.855'%3e%3cpath id='check' d='M22.6,3.8,8,19.4,1.4,11.7,0,12.9l7.9,9.3L24,5.1Z' transform='translate(0.703 -3.095)' fill='%239ca0b1' stroke='%239ca0b1' stroke-width='1'/%3e%3c/svg%3e ");
}



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

@media screen and (max-width: 991px) {
    .radiocheckplans {
        margin: 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 40px;
    }

        .radiocheckplans .plan {
            width: 100%;
        }

    .plan.complete-plan {
        margin-top: 20px;
    }

    .radiocheckplans .plan .plan-content .plan-details {
        width: 70%;
        display: inline-block;
    }

    .radiocheckplans .plan input[type="radio"]:checked + .plan-content:after {
        top: 45%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@media screen and (max-width: 767px) {
    .radiocheckplans .plan .plan-content .plan-details {
        width: 60%;
        display: inline-block;
    }
}

@media screen and (max-width: 540px) {
    .radiocheckplans .plan .plan-content img {
        margin-bottom: 20px;
        height: 56px;
        -webkit-transition: height 0.4s;
        -o-transition: height 0.4s;
        transition: height 0.4s;
    }

    .radiocheckplans .plan input[type="radio"]:checked + .plan-content:after {
        top: 20px;
        right: 10px;
    }

    .radiocheckplans .plan .plan-content .plan-details {
        width: 100%;
    }

    .radiocheckplans .plan .plan-content {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

/*Custom Checkox*/
.fillable-checkbox input[type=checkbox] + label {
    display: block;
    cursor: pointer;
}

.fillable-checkbox input[type=checkbox] {
    display: none;
}

    .fillable-checkbox input[type=checkbox] + label:before {
        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;
    }

    .fillable-checkbox input[type=checkbox] + label:active:before {
        transform: scale(0);
    }

    .fillable-checkbox input[type=checkbox]:checked + label:before {
        background-color: #1f445e;
        border-color: #1f445e;
        color: #fff;
    }

    .fillable-checkbox input[type=checkbox]:disabled + label:before {
        transform: scale(1);
        border-color: #aaa;
    }

    .fillable-checkbox input[type=checkbox]:checked:disabled + label:before {
        transform: scale(1);
        background-color: #E2E2E2;
        border-color: #E2E2E2;
    }

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

/*big action check box*/

.bigactioncheck .checkbox-input {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    .bigactioncheck .checkbox-input:checked + .checkbox-tile {
        border-color: #2260ff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #2260ff;
    }

        .bigactioncheck .checkbox-input:checked + .checkbox-tile:before {
            transform: scale(1);
            opacity: 1;
            background-color: #2260ff;
            border-color: #2260ff;
        }

        .bigactioncheck .checkbox-input:checked + .checkbox-tile .checkbox-icon,
        .bigactioncheck .checkbox-input:checked + .checkbox-tile .checkbox-label {
            color: #2260ff;
        }

    .bigactioncheck .checkbox-input:focus + .checkbox-tile {
        border-color: #2260ff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
    }

        .bigactioncheck .checkbox-input:focus + .checkbox-tile:before {
            transform: scale(1);
            opacity: 1;
        }

.bigactioncheck .checkbox-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 7rem;
    min-height: 7rem;
    border-radius: 0.5rem;
    border: 2px solid #dde2f2;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
}

    .bigactioncheck .checkbox-tile:before {
        content: "";
        position: absolute;
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        border: 2px solid #b5bfd9;
        background-color: #fff;
        border-radius: 50%;
        top: 0.25rem;
        left: 0.25rem;
        opacity: 0;
        transform: scale(0);
        transition: 0.25s ease;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .bigactioncheck .checkbox-tile:hover {
        border-color: #2260ff;
    }

        .bigactioncheck .checkbox-tile:hover:before {
            transform: scale(1);
            opacity: 1;
        }

.bigactioncheck .checkbox-icon {
    transition: 0.375s ease;
    color: #494949;
}

    .bigactioncheck .checkbox-icon svg {
        width: 3rem;
        height: 3rem;
    }

.bigactioncheck .checkbox-label {
    color: #707070;
    transition: 0.375s ease;
    text-align: center;
}

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

.action-grey-blue {
    background-color: #EDF0F5;
    display: inline-block;
    border-radius: 7px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.soft-ui-table {
    border-radius: 10px 10px 0 0;
    /*overflow: hidden;*/
}

    .soft-ui-table .pc-maxtable-wd td {
        max-width: 200px;
    }

    .soft-ui-table thead {
        background-color: #081E32;
    }

        .soft-ui-table thead tr th, .soft-ui-table thead tr th a {
            color: white;
            font-weight: normal;
            font-size: 12px;
            text-decoration: none;
        }

.tbody-soft-ui-dark tr td {
    color: #353A3B;
    font-weight: normal;
    font-size: 15px;
}

.soft-ui-table thead td, .soft-ui-table thead th {
    padding-top: 7px;
    padding-bottom: 7px;
}

.soft-ui-table tbody td, .soft-ui-table tbody th {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    font-size: 12px;
}

.soft-ui-table tbody {
    box-shadow: inset 0 0 1px #081e32;
    background-color: white;
}

.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 {
    background-color: #081E32;
}

    .modal-header .modal-title {
        color: white;
    }

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

@media only screen and (max-width: 1000px) {
    .login-multimenu-toggle {
        display: block;
        position: absolute;
        top: 10px;
        right: 30px;
    }

    .close-multimenu-toggle {
        display: block;
        position: absolute;
        top: 10px;
        right: 30px;
        z-index: 2;
    }
}


.soft-ui-regular-btn {
    background-color: #006cb7;
}

.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-disabled {
    background-color: #b9bcbf;
}

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


#sidebar {
    position: relative;
    z-index: 2;
}

.navigationbar-logo {
    width: 90px;
}

.navbar-company-head {
    font-weight: bold;
    color: #081E32;
}

.soft-ui-switches [type="checkbox"] {
    position: absolute;
    left: -9999px;
}


.soft-ui-switches label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.soft-ui-switches span:last-child {
    position: relative;
    width: 50px;
    height: 24px;
    border-radius: 15px;
    border: 1px solid #EBEBEB;
    transition: all 0.3s;
}

    .soft-ui-switches span:last-child::before,
    .soft-ui-switches span:last-child::after {
        content: "";
        position: absolute;
    }

    .soft-ui-switches span:last-child::before {
        left: 2px;
        top: 1px;
        width: 20px;
        height: 19px;
        background: #e96565;
        border-radius: 50%;
        z-index: 1;
        transition: transform 0.3s;
    }

    .soft-ui-switches span:last-child::after {
        top: 50%;
        right: 8px;
        width: 12px;
        height: 12px;
        transform: translateY(-50%);
        background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3dpdGNoLW9mZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYuMDIzIiBoZWlnaHQ9IjE2LjAyMyIgdmlld0JveD0iMCAwIDE2LjAyMyAxNi4wMjMiPg0KICA8cGF0aCBpZD0iUGF0aF81NiIgZGF0YS1uYW1lPSJQYXRoIDU2IiBkPSJNMCwwSDE2LjAyM1YxNi4wMjNIMFoiIGZpbGw9Im5vbmUiLz4NCiAgPGxpbmUgaWQ9IkxpbmVfMjUiIGRhdGEtbmFtZT0iTGluZSAyNSIgeDE9IjgiIHkyPSI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM4NyA0LjU2NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RmNDI0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgPGxpbmUgaWQ9IkxpbmVfMjYiIGRhdGEtbmFtZT0iTGluZSAyNiIgeDI9IjgiIHkyPSI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjM4NyA0LjU2NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RmNDI0MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4NCjwvc3ZnPg0K);
        background-size: 12px 12px;
    }

.soft-ui-switches [type="checkbox"]:checked + label span:last-child::before {
    transform: translateX(24px);
    background: #00d084;
}

.soft-ui-switches [type="checkbox"]:checked + label span:last-child::after {
    width: 14px;
    height: 14px;
    /*right: auto;*/
    left: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3dpdGNoLW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC44OTkiIGhlaWdodD0iMTQuODk5IiB2aWV3Qm94PSIwIDAgMTQuODk5IDE0Ljg5OSI+DQogIDxwYXRoIGlkPSJQYXRoXzU3IiBkYXRhLW5hbWU9IlBhdGggNTciIGQ9Ik0wLDBIMTQuOVYxNC45SDBaIiBmaWxsPSJub25lIi8+DQogIDxwYXRoIGlkPSJQYXRoXzU4IiBkYXRhLW5hbWU9IlBhdGggNTgiIGQ9Ik01LDEwLjFsMy4xLDMuMUwxNC4zMTIsNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODk2IC0yLjY1NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQyZGY2MSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4NCjwvc3ZnPg0K);
    background-size: 14px 14px;
}

.quick-call-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    padding: 8px;
}

    .quick-call-bar .taptocall-cta {
        padding-left: 8px;
        border-left: 1px solid #EBEBEB;
        cursor: pointer;
    }

    .quick-call-bar .quickCall-Status-bar {
        font-weight: 500;
        color: #617281;
    }

.user-initials .initials-cs {
    width: 41px;
    height: 41px;
    background: #FF512F; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #DD2476, #FF512F); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #DD2476, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 50%;
    line-height: 41px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    font-family: "Poppins";
    transition: all 0.2s ease-in-out;
}

.user-initials:hover, .clock-in-out-bar .clocker-cs:hover {
    filter: contrast(1.2);
}

.top-ico li .workspace-type {
    font-size: 13px;
    background-color: #eaeff3;
    padding: 2px 9px;
    border-radius: 5px;
    color: #395570;
    font-weight: 400;
}

/*.clock-in-out-bar .clocker-cs {
    width: 41px;
    height: 41px;
    background: #D4DED8;
    border-radius: 50%;
    line-height: 41px;
    text-align: center;
    color: #2C503E;
    transition: all 0.2s ease-in-out;
}*/

.clock-in-out-bar .clocker-cs.active {
    background: #54a858; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0d853a, #37d67a); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0d853a, #37d67a);
}

    .clock-in-out-bar .clocker-cs.active svg {
        color: white;
    }

/*Sidebar*/
/*#sidebar .sidebar-toggle-btn {
    position: absolute;
    top: 40vh;
    right: -13px;
    transition: all 0.2s ease-in-out;
}

    #sidebar .sidebar-toggle-btn img {
        width: 24px;
    }

#sidebar.active .sidebar-toggle-btn {
    transform: rotate(180deg);
}*/

.module-header-bg {
    background-color: #E5E5F1;
}

/*.sidebar-company-logo {
    padding: 15px 0;
    background-color: #EDF0F5;
    text-align: center;
}*/

.oncollapse {
    display: none;
}

.offcollapse {
    display: block;
}

#sidebar.active .oncollapse {
    display: block;
}

#sidebar.active .offcollapse {
    display: 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;
}

.rightLegend-Section .gridheader {
    color: white !important;
    text-decoration: none !important;
}

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

.soft-ui-table .gridheader {
    color: white !important;
    text-decoration: none !important;
}

.pc-search-collpase-btn[aria-expanded=true] svg {
    transform: rotate(180deg);
}

.pc-search-collpase-btn svg {
    color: #081e32;
}

.d-size-table {
    display: block;
    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;
}

.val-btn {
    padding: 0.4375rem 1rem;
    background-color: #1AB373 !important;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.pc-outercard-btn {
    position: absolute;
    top: -40px;
    right: 22px;
}

.soft-ui-card-radius {
    border-radius: 10px;
}

.pc-fileupload {
    width: 250px;
    height: 50px;
    background-color: #deefff;
    border-radius: 10px;
    border: 1.6px dashed #005997;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc-filemanager {
    margin: 10px;
    display: flex;
    background: #ffffff;
    border-radius: 5px;
    /* text-align: center; */
    position: relative;
    padding: 26px 15px;
    box-shadow: 1px 6px 8px #e5e8eb;
    border-radius: 8px;
    flex-direction: column;
    /* justify-content: center; */
    /* width: 100%; */
    align-items: center;
}

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

.pc-objectfit-img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    object-fit: cover;
}

.cs-search-box-lable {
    position: absolute;
    top: -20px;
    left: 0px;
    z-index: 5;
    font-weight: 500;
    font-size: 14px;
}

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

.task-create-btn {
    display: flex;
    align-items: center;
    background-color: #0484dc;
    padding: 5px;
    border-radius: 50px;
    cursor: pointer;
}

.view-rt-task-btn .icon-create {
    width: 24px;
    height: 24px;
    background-color: #e2f0ff;
    fill: #1b60d6;
    border-radius: 50%;
    padding: 3px;
}

.create-task-lable {
    font-size: 14px;
    margin: 0 7px;
}

.task-create-btn-icon {
    height: 28px;
    min-height: 28px;
    min-width: 28px;
    width: 28px;
    background-color: #0484dc;
    fill: white;
    align-items: center;
    border: 1px solid #0484dc;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    transition-duration: .2s;
    transition-property: background,border,fill;
}

    .task-create-btn-icon .icon-create {
        flex: 0 0 auto;
        height: 16px;
        width: 16px;
    }

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

.filter-task-grid .toggle-icon-trail {
    background-color: #edf0f5;
    border-radius: 5px;
    padding: 6px;
    display: flex;
    align-items: center;
}

    .filter-task-grid .toggle-icon-trail svg {
        width: 20px;
        height: 20px;
    }

.taskMainTitleField {
    width: 100%;
}

.task-selectBox {
    border: none;
    background-color: transparent;
}

.taskMainTitleField input {
    width: 100%;
    height: 71px;
    border: none;
    border-radius: 4px;
    padding: 10px;
    background-color: #eff5fb;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #2f414d;
    color: black;
}

    .taskMainTitleField input::placeholder {
        color: black;
    }

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

.subtask-management {
    background-color: #edf0f5;
    padding: 10px;
    border-radius: 10px;
    max-height: 200px;
    overflow: auto;
}

.LabeledRowStructure-right {
    padding: 4px 10px 4px 5px;
    border-radius: 189px;
    border: 1px solid #dedede;
    background-color: #fafafa;
    align-items: center;
}

.formInputHero input {
    height: 60px;
}

.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;
}
/*Floating Action Button*/ /*
.fabs {
    bottom: 50px;
    position: fixed;
    margin: 1em;
    right: 0;
}

.fab {
    display: block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    text-align: center;
    color: white;
    margin: 20px auto 0;
    box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
}
    .fab svg {
        width: 20px;
        height: 20px;
        fill: white;
    }
    .fabs .icon-create {
        width: 30px;
        height: 30px;
        fill: white;
    }

    .fab.red {
        background: #F44336;
    }

    .fab.pink {
        background: #E91E63;
    }

    .fab.purple {
        background: #9C27B0;
    }

    .fab.deep-purple {
        background: #673AB7;
    }

    .fab.indigo {
        background: #3F51B5;
    }

    .fab.blue {
        background: #2196F3;
    }

    .fab.light-blue {
        background: #03A9F4;
    }

    .fab.cyan {
        background: #00BCD4;
    }

    .fab.teal {
        background: #009688;
    }

    .fab.green {
        background: #4CAF50;
    }

    .fab.light-green {
        background: #8BC34A;
    }

    .fab.lime {
        background: #CDDC39;
    }

    .fab.yellow {
        background: #FFEB3B;
    }

    .fab.amber {
        background: #FFC107;
    }

    .fab.orange {
        background: #FF9800;
    }

    .fab.deep-orange {
        background: #FF5722;
    }

    .fab.brown {
        background: #795548;
    }

    .fab.grey {
        background: #9E9E9E;
    }

    .fab.blue-grey {
        background: #607D8B;
    }

    .fab:active,
    .fab:focus,
    .fab:hover {
        box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    }

.fab:not(:last-child) {
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 20px auto 0;
    opacity: 0;
}

        .fab:not(:last-child) > i {
            font-size: 18px;
            line-height: 40px;
            transition: all .3s ease-in-out;
        }

.fabs:hover .fab:not(:last-child) {
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 15px auto 0;
}

.fab:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
}

.fab:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
}

.fab:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
}

.fab:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}

.fab:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}

.fabs [tooltip]:before {
    font-family: 'Roboto';
    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;
}

.fabs [tooltip]:hover:before,
.fabs [tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}*/
#addShredFeedbackFormToolTip .usersearch {
    top: 16px;
}

.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: 3rem;
    right: 3rem;
}

.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: 10rem;
    height: 10rem;
    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: #0f1941;
    width: 3rem;
    height: 3rem;
    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);
    transition: all 1s ease;
    opacity: 0;
}

.fab-checkbox:checked ~ .fab-wheel .fab-action {
    opacity: 1;
}

.fab-action:hover {
    background-color: #f16100;
}

.fab-wheel .fab-action-1 {
    right: 3.4rem;
    top: 0.5rem;
}

.fab-wheel .fab-action-2 {
    left: 0.5rem;
    bottom: 3.4rem;
}

.fab-wrapper [tooltip]:before {
    font-family: 'Roboto';
    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-form-container {
    border: 1px solid red;
    border-top: 4px solid red;
    color: red;
}

.cms-table {
    margin: 0 15px;
}

.cms-form-container .h-70 {
    height: 70px;
}

.cms-form-container p, .fz-dynamic {
    font-size: 13px;
    margin: 0;
}

.cms-form-container .level2-checkfield {
    display: flex;
    align-items: flex-end;
}

    .cms-form-container .level2-checkfield .checkbox-field .fillable-checkbox label {
        margin: 3px;
    }

.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: 12px;
        color: #80B6FE;
        margin: 0;
    }

    .runningline-header-container .RowDetail-group h6 {
        font-size: 13px;
        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*/

/* RowGrow*/
.rowGrid {
    background-color: #F9F9F9;
    padding: 10px;
    border: 1px solid #D5D5D5;
    border-radius: 10px;
}

.rowGrid-bg-dark {
    background-color: #F5F5F5;
    border: 1px solid #D5D5D5;
}

.rowGrid .RowDetail-group p {
    font-size: 12px;
    color: #80B6FE;
    margin: 0;
}

.rowGrid .RowDetail-group {
    margin-bottom: 10px;
}

    .rowGrid .RowDetail-group h6 {
        font-size: 13px;
        color: #ffffff;
        font-weight: 500;
        margin: 0;
        padding-top: 4px;
    }

    .rowGrid .RowDetail-group p {
        font-size: 12px;
        color: #A9A9A9;
        margin: 0;
    }

.rowGridRowDetail-group {
    padding-bottom: 15px;
}

.rowGrid .RowDetail-group h6 {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
/*End*/
/*Manifest RowGrow*/

.manifest-rowGrid .RowDetail-group p {
    font-size: 12px;
    color: #80B6FE;
    margin: 0;
}

.manifest-rowGrid .RowDetail-group {
    margin-bottom: 10px;
}

    .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;
    }
/**/
.checklist-rounded.checkstatus .inputGroup {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

    .checklist-rounded.checkstatus .inputGroup label {
        background-color: #EDF0F5;
        padding-left: 45px;
    }

        .checklist-rounded.checkstatus .inputGroup label:before {
            background-color: #476E91;
        }

        .checklist-rounded.checkstatus .inputGroup label:after {
            left: 10px;
        }

.bg-aliceblue {
    background-color: aliceblue;
}

.bg-Darkaliceblue {
    background-color: #F3F4FF;
}

.card-Darkaliceblue-order {
    border: 1px solid #A4BFED;
}

.search-manifest-btn {
    border: none;
    padding: 0 15px;
    color: white;
    border-radius: 0 .25rem .25rem 0;
    cursor: pointer;
}

.optimize-manifest-btn {
    border: none;
    padding: 8px;
    color: white;
    border-radius: .25rem;
    cursor: pointer;
}

.card-cta-manifest {
    background-color: #0061A2;
    border: none;
    border-radius: 0.25rem;
    padding: 4px 6px;
    color: white;
    font-size: 12px;
    float: right;
}

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

.manifest-table-sticky {
    /*display: block;*/
    max-height: 300px;
    overflow-y: auto;
}

    .manifest-table-sticky thead {
        position: sticky;
        top: 0;
    }

.patient .copiedMedsOnChart {
    background: blue;
    padding: 5px;
}

.soft-ui-select-patientDetail {
    border: 1px solid #C2BDBD;
    padding: 6px;
    border-radius: 4px;
}

.campaing-task-bg {
    background-color: #f5f5ff;
    border-radius: 10px;
    padding: 10px 0px;
}

.campaignModules .radiocheckplans .plan .plan-content {
    width: 250px;
    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;
}

.seprateinfo.p-module-card {
    background-color: aliceblue;
    border-radius: 10px;
    border: 1px solid #9ac0da;
}

.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;
}
/*.ticket__Container {
    display: flex;
    background-color: #eaeff3;
    border: 1px solid #dadae2;
    border-radius: 60px;
    width: 90px;
    justify-content: space-around;
}
    .ticket__Container .cred-icon svg {
        width: 20px;
    }*/
.btnAddHelpTicketimg {
    width: 35px;
    margin-top: 2px;
}

.copy-icon {
    cursor: pointer;
}

    .copy-icon svg {
        height: 21px;
    }

.printsignature .max-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
}

.manifestSearchPackage .max-content {
    max-height: 420px;
    overflow-y: auto;
}

#pspImage {
    height: 100px;
}

.fliplistView {
    display: none;
}

#payorBinFlip {
    padding: 8px !important;
    margin-left: 10px;
}

.flipIconAction .flipgridView {
    display: none;
}

.flipIconAction .fliplistView {
    display: inline-block;
}

.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: #f8d7da;
    border-radius: 5px;
    margin-top: 12px;
    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;
}

.attachment-download {
    width: 100%;
    display: flex;
    justify-content: end;
}


/*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;
}

input[type=radio] {
    width: fit-content !important;
}

.userInitials-content {
    overflow: hidden;
}


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


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

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

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


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


.model-inp {
    position: relative;
    margin: auto;
    width: 100%;
    margin-bottom: 15px;
}

    .model-inp input {
        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;
    }

    .model-inp textarea {
        width: 100%;
        padding: 8px 12px;
        font-size: 13px;
        font-weight: 500;
        border: 1px solid #cccccc;
        border-radius: 10px;
        color: #757575;
        transition: all 0.15s ease;
        resize: none;
    }

    .model-inp select {
        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;
    }

        .model-inp select option {
            font-size: 14px;
            background-color: #f0f8ff;
            color: #000000;
            font-weight: 400;
        }

.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: -10px !important;
}

.contextContentInner {
    display: flex;
    flex-direction: column;
}

    .contextContentInner a {
        display: flex;
        gap: 10px;
        padding: 5px 10px;
        margin: 2px 4px !important;
        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: 400;
}

.gridEndButtonsMain {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}




.overlayContext {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #555;
    opacity: 0;
    z-index: 1000;
}

/*
.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: 0;
    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;
    transition: all 0.3s linear;
}

    .ContextBtns:hover {
        background-color: #f2f2f2;
    }
*/

.table-responsive {
    border-radius: 10px;
    overflow: unset !important;
}



.gridRecordContextTd {
    display: flex;
    justify-content: end;
}

.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: #d9d9d9;
        }

        .gridRecordContext ul li a span {
            font-weight: 500;
        }

.gridRecordContextInner {
    display: flex;
    gap: 10px;
    align-items: center;
}

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


.table-dropbtn {
    background-color: transparent;
    border: none;
    padding: 0.375rem 0.75rem;
    box-shadow: none;
    color: #333;
    font-size: 1rem;
}

    .table-dropbtn:hover {
        box-shadow: none;
    }

.bucket-dropdown-content {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 0;
}


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

/*--------------------------------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;
    }


.rLine-DetailsTabs {
    min-height: 300px;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px !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;
}





/*====================================== promotion-form ================================================*/
.promotionFormBackground {
    background-color: #eef8ff;
}

.formDetailsContent {
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 3px 0;
    flex-wrap: nowrap;
    position: relative;
}

    .formDetailsContent h6 {
        font-size: 14px;
        color: #000 !important;
        font-weight: 600;
        margin: 0;
        white-space: nowrap;
    }

    .formDetailsContent span {
        font-size: 14px;
        color: #363636 !important;
        font-weight: 500;
        margin: 0;
    }

    .formDetailsContent input[type="text"] {
        padding: 3px 6px;
        background-color: #ffffff;
        border: 1px solid #2DA4EF;
        font-size: 14px;
        font-weight: 500;
    }

.promotionFormSubHeader {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}

.promotionFormMiddle {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 9px 0;
    grid-template-columns: repeat(4, 1fr);
}

.formDetailsContentSeparate h6 {
    font-size: 14px;
    color: #000 !important;
    font-weight: 600;
    margin: 0;
    margin-bottom: 4px;
    white-space: nowrap;
}

.tableInnerInline {
    display: flex;
    gap: 5px;
    /*padding: 3px 3px;*/
}

.notesTitle {
    font-size: 14px;
    margin-bottom: 0px;
    /*padding: 0 40px;*/
}

@media screen and (max-width: 1400px) {
    .formDetailsContent h6 {
        font-size: 12px;
    }

    .formDetailsContent span {
        font-size: 12px;
    }

    .formDetailsContent input[type="text"] {
        font-size: 12px;
    }

    .promotionFormSubHeader {
        gap: 10px;
    }

    .notesTitle {
        font-size: 12px;
    }
}

.switchInlineContainer {
    display: flex;
    align-items: center;
    margin-top: 18px;
}
    .switchInlineContainer label {
        margin-bottom: 0px;
    }