/*@import url('https://fonts.googleapis.com/css?family=Rubik|Poppins|Karla&display=swap');*/
@import url('../fonts/Karla.css?family=Rubik|Poppins|Karla&display=swap');

body {
    font-family: 'Karla', Arial, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
}

.header-top-area {
    /*background:url(https://keenthemes.com/keen/themes/keen/theme/demo3/dist/assets/media/layout/header-bg-demo3.jpg);*/
    background: #fff;
    /* border-bottom: solid 1px #eee; */
}

.header-inner {
    background: #9C27B0;
    padding: 20px 0px;
}

.main-menu-area {
    background: #bb2ed4;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.06), 0 0 0 0 rgba(0, 0, 0, 0.05), 0 1px 20px 0 rgba(0, 0, 0, 0.07);
}

.navbar-nav > li > a {
    color: #991baf;
}

.user-info {
    padding: 13px 0px;
    text-align: right;
}

    .user-info h3 {
        font-size: 14px;
        color: #333;
        margin-bottom: 5px;
    }

    .user-info p {
        font-size: 14px;
        color: #333;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.mb-4 {
    margin-bottom: 40px;
}

.mt-4 {
    margin-top: 40px;
}

.p-0 {
    padding: 0px;
}

.footer-copyright-area {
    margin-top: 40px;
    position: absolute;
    background: #3635aa;
    bottom: 0px;
    width: 100%;
}

.contact-ctn h2 {
    font-size: 18px;
    color: #545454;
    margin-bottom: 4px;
}

.contact-ctn .ctn-ads {
    font-size: 14px;
    color: #888;
    margin-bottom: 24px;
}

.contact-img i {
    font-size: 80px;
    color: #3635aa;
}

.btn {
    box-shadow: 0px 2px 3px rgba(0,0,0,.16), 0 2px 10px rgba(0, 0, 0, 0.06);
    border: none;
}

.btn-table {
    border: transparent;
    background-color: rgba(56, 90, 235, 0.1);
    color: #385aeb;
    box-shadow: none;
}

    .btn-table:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.btn-success {
    background: #8BC34A;
}

.btn-danger {
    background: #F44336;
}

.btn-warning {
    background: #FF9800;
}

.btn-primary {
    background: #3F51B5;
}

.btn-info {
    background: #00BCD4;
}

.nav.notika-top-nav > li > a:hover {
    background-color: #821c1c00;
    color: #9c27b0;
}

.breadcomb-ctn h2 {
    font-size: 18px;
    color: #c4c4c5;
    margin-bottom: 0px;
    font-weight: 500;
}

.breadcomb-ctn p {
    color: #f3f4f5;
}

.breadcomb-icon i {
    border: none;
    background: #545975;
    height: 36px;
    width: 45px;
    text-align: center;
    color: #d4d4d4;
    font-size: 20px;
    border-radius: 0%;
    padding: 8px;
}

.breadcomb-ctn {
    margin-left: 9px;
}

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

.page-inner {
    color: #fff;
}

.page-title {
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 17px;
    text-transform: uppercase;
}

    .page-title h3 {
    }

.page-patient {
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 500;
}

.page-inner-icon i {
    font-size: 20px;
    color: #00c292;
    padding: 15px;
    position: relative;
    border-radius: 50%;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: block;
}

ul.notika-menu-wrap li a {
    text-transform: uppercase;
    font-size: 13.5px;
    padding: 12px 18px;
}

.custom-menu-content ul.notika-main-menu-dropdown li a {
    font-size: 13.5px;
    color: #525252;
    padding: 13px 15px;
}

ul.notika-menu-wrap li a {
    color: #f8d2ff;
    border-radius: 0px;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
}

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

.pb-2 {
    padding-bottom: 20px;
}

.menu-card {
    margin-bottom: 24px;
    border: none;
    -webkit-box-shadow: 0 0 3px rgba(31,30,47,.05);
    box-shadow: 0 0 3px rgba(31,30,47,.05);
    border-radius: 3px;
    /*background-color: #fff;*/
    padding: 12px;
    display: flex;
    transition: all .5s ease;
    color: #fff;
}

    .menu-card:hover, .menu-card-center:hover {
        background-color: #312ea1;
        color: #fff;
        cursor: pointer;
    }

    .menu-card h2, .menu-card-center h2 {
        font-size: 15px;
        line-height: 50px;
        font-weight: 500;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

.icon-menu {
    margin-right: 12px;
}

    .icon-menu i, .icon-menu-center i {
        font-size: 22px;
        line-height: 50px;
        display: inline-block;
        width: 50px;
        height: 50px;
        background-color: #ffffff33;
        text-align: center;
        font-weight: 900;
        border-radius: 50% !important;
    }

.text-icon {
    color: #00000040 !important;
}

.text-purple {
    color: #6d81f5 !important;
}

.bg-icon-purple {
    background-color: #6d81f5 !important;
    -webkit-box-shadow: 0 5px 5px 0.25px rgba(109,129,245,.5);
    box-shadow: 0 5px 5px 0.25px rgba(109,129,245,.5);
    color: #fff;
}

.menu-card-center {
    margin-bottom: 24px;
    border: none;
    -webkit-box-shadow: 0 0 3px rgba(31,30,47,.05);
    box-shadow: 0 0 3px rgba(31,30,47,.05);
    border-radius: 3px;
    background-color: #fff;
    padding: 12px;
    text-align: center;
    transition: all .5s ease;
}

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

.icon-menu-center {
    margin-right: 0;
}

.icon-green {
    background-color: rgba(0, 197, 220, 0.2);
}

.icon-text-green {
    color: #1dc9b7 !important;
}

.btn-home {
    padding: 9px 9px;
    background: #ffffff33;
    color: #f5f5f5;
    border: none;
    margin-right: 10px;
    line-height: 14px;
}

.btn-drms {
    background: #9C27B0;
    color: #fff;
    border-color: #9C27B0;
}

    .btn-drms:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

.btn-home i {
    font-size: 18px;
}

.box-title {
    /*font-family: 'Poppins' , sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .02em;*/
    text-transform: capitalize;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    text-shadow: 0 0 1px rgba(239,242,249,.1);
    /* letter-spacing: -0.5px; */
    border-bottom: 1px solid #f6f8fa;
    padding-bottom: 10px;
}

.button-top-wrap {
    margin: 10px 0;
}

.bootstrap-select > .btn-default, .nk-int-st input[type="text"], .nk-int-st textarea, .nk-int-st [type="number"], .nk-int-st [type="password"] {
    border: 1px solid #e4e6f6;
}

.nk-int-st input[type="text"], .nk-int-st textarea, .nk-int-st [type="number"], .nk-int-st [type="password"] {
    padding: 0px 12px;
    font-size: 14px;
    color: #333;
}

.wizard-wrap-int {
    margin-top: 30px;
}

.bootstrap-select .dropdown-menu > li > a:focus, .bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:active {
    background-color: #9c27b0 !important;
    color: #fff !important;
}

.nk-int-st:not([class*=has-]):after {
    background: #9c27b0;
}

.sale-statistic-inner, .statistic-right-area, .email-statis-inner, .recent-post-wrapper, .blog-inner-list, .realtime-wrap, .add-todo-list, .notika-chat-list, .recent-signup-inner, .ongoing-task-inner, .contact-inner, .contact-form, .widget-tabs-int, .visitor-sv-tm-int, .search-engine-int, .alert-inner, .color-wrap, .wizard-wrap-int, .dropdown-list, .modals-list, .accordion-wn-wp, .tooltips-inner, .popovers-list, .typography-list, .typography-heading, .typography-inline-pro, .tpgp-helper, .contact-list, .inbox-left-sd, .inbox-text-list, .view-mail-list, .normal-table-list, .data-table-list, .form-element-list, .range-slider-wrap, .datepicker-int, .colorpicker-int, .summernote-wrap, .dropdone-nk, .form-example-wrap, .invoice-wrap, .google-map-single, .data-map-single, .image-cropper-wp, .nk-cd-ed-wp, .bar-chart-wp, .line-chart-wp, .area-chart-wp, .flot-chart-wp, .wb-traffic-inner, .notika-icon-int {
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);
    -webkit-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);
    -ms-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);
    border-radius: 6px;
    border: none;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #f6f8fa;
}

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

.button-add-upper {
    margin: 10px 0;
}

.modals-default .modal-footer, .modal-sm .modal-footer, .modal-large .modal-footer {
    text-align: center;
}

.ntd-ctn {
    color: #fff;
}

.select- {
    border: 1px solid #e4e6f6;
    box-shadow: none;
    border-radius: 0px;
}

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

.nav > li > a:hover {
    color: #9c27b0;
}

.wizard-cts-st .nav.nav-pills > li {
    text-transform: uppercase;
}

.level1 {
    margin-left: 0px;
}

.level2 {
    margin-left: 20px;
}

.level3 {
    margin-left: 40px;
}

.widget-tabs-list .nav-tabs:not([data-tab-color]) > li > a:after, .wizard-cts-st .nav.nav-pills:not([data-tab-color]) > li > a:after {
    background: #9c27b0;
}

.widget-tabs-list .nav.nav-tabs > li > a {
    text-transform: uppercase;
}

.table.table-borderless tbody + tbody, .table.table-borderless td, .table.table-borderless th, .table.table-borderless thead th {
    border: 0;
}

input[type=checkbox] {
    box-shadow: none;
}

.spinner4 {
    left: 35px;
}

.ntd-ctn {
    left: 41px;
}

.chartingtitle {
    border-bottom: 1px solid #844b8e;
    padding-bottom: 15px;
}

@media (min-width: 1200px) {
    .container {
        width: 1350px;
    }
}


.h1-custom {
    /*margin: 0 0 10px;*/
    margin: 0 0;
    padding-left:5px;
    margin-right: 0px;
    font-weight: 700;
    font-size: 20px;
}

.emergency {
    Bgcolor: salmon
}

.appoinment {
    Bgcolor: deepskyblue
}

/*lab order table row*/
.row-success {
    background-color: #d0e9c6 !important;
}

/*center absolute loader start*/
.loader-lab {
    position: fixed;
    z-index: 99999;
    /*height: 2em;
    width: 2em;*/
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loader-lab:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
    }

/*center absolute loader end*/

.modal-extralarge {
    width: 1200px
}

.cocodie {
    background-color: #FFC107
}