body {
    margin: 0;
    padding: 0;
}

#splash-screen {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #f2f3f8;
}

#splash-screen img {
    margin-left: calc(100vw - 100%);
    margin-bottom: 30px;
}

#splash-screen.hidden {
    opacity: 0;
    visibility: hidden;
}

.splash-spinner {
    animation: rotate 2s linear infinite;
    margin-left: calc(100vw - 100%);
    width: 50px;
    height: 50px;
}

.splash-spinner .path {
    stroke: #5d78ff;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

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

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.stratprop_datatable {
    width: 100%;
}

.stratprop_datatable th {
    font-family: Poppins-Light;
    color: #B5B5C3;
    font-weight: 600 !important;
    line-height: 18px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1rem;
    padding: .75rem;
}

.stratprop_datatable td {

    font-size: 13px;
    line-height: 20px;
    color: #3F4254;
    font-weight: 400;
    padding: .75rem !important;
}

.stratprop_datatable tr, .stratprop_datatable td {
    background-color: #fff !important;
}

.stratprop_datatable svg g [fill] {
    transition: fill .3s ease;
    fill: #03337A !important;
}

.stratprop_datatable svg {
    width: 16.25px !important;
}

table.stratprop_datatable.stratprop_datatable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #EBEDF3;
}

table.dataTable.display.stratprop_datatable tbody td {
    border-top: 1px solid #EBEDF3;
}

table.dataTable.stratprop_datatable tfoot th, table.dataTable.stratprop_datatable tfoot td {
    border-top: 1px solid #EBEDF3;
}

label {

    color: #B5B5C3;
}

.dataTables_length select {
    width: 70px;
    height: 35px;
    padding: .25rem .25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E4E6EF;
    border-radius: .42rem;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.dataTables_filter input[type="search"] {
    padding: .65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E4E6EF;
    border-radius: .42rem;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

div#example_info, .stratprop_datatable div#example_paginate {

    color: #B5B5C3;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .stratprop_datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
}

a.paginate_button.current {
    background: #03337A !important;
    border: #03337A !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #E4E6EF !important;
    background: #E4E6EF !important;
}

a.paginate_button {
    background: #F3F6F9 !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: 5px !important;
    border-radius: .42rem !important;
}

.paginate_button {
    padding: 0.4em 1em !important;
}


table.stratprop_datatable thead .sorting_desc, table.stratprop_datatable thead .sorting_asc {
    color: #03337A !important;
}

table.stratprop_datatable, table.stratprop_datatable th, table.stratprop_datatable td {
    font-family: Poppins, Helvetica, "sans-serif";
    font-size: .9rem;
}

table.stratprop_datatable th {
    font-weight: 600;
    color: #b5b5c3 !important;
    text-transform: uppercase;
    letter-spacing: .1rem;
    text-align: left !important;
}

table.stratprop_datatable.no-footer {
    border-bottom: 0 !important;
}

table.stratprop_datatable td:last-child {
    display: flex;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .stratprop_datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}

.btn-primary {
    background: #03337A !important;
    border-color: #03337A !important;
}

.stratprop_datatable tr:nth-child(2n+0) td {
    background: #03437a17 !important;
}

.scrolltop {
    background: #03337A !important;
    border-color: #03337A !important;
}

#splash-screen img {
    width: 250px !important;
}

.nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active {
    background: #03337A !important;
    border-color: #03337A !important;
}

.project_circle_image {
    width: 50px;
    border-radius: 50%;
}

.progress-bar {
    background: #03337A !important;
}

.user_project_tasks.card.card-custom > .card-header {
    background: #03337A !important;
}

.tasktemplates.card.card-custom > .card-header {
    background: #03337A !important;
}

.projects.card.card-custom > .card-header {
    background: #03337A !important;
}

.portfolios.card.card-custom > .card-header {
    background: #03337A !important;
}

.live-chat-card.card.card-custom > .card-header {
    background: #03337A !important;
}


.task-files.card.card-custom > .card-header {
    background: #03337A !important;
}

.equitynotes.card.card-custom, .task-updates.card.card-custom {
    border: 1px solid #03337a2b !important;
}

.project-detail .progress {
    width: 20em;
}

.project-detail .task-action {
    text-align: right;
}

.project-detail .MuiExpansionPanel-rounded {
    margin-bottom: 10px;
}

.card.card-custom.user_project_tasks > .card-header .card-title, .user_project_tasks.card.card-custom > .card-header .card-title .card-label {
    color: white !important;
}

.card.card-custom.tasktemplates > .card-header .card-title, .tasktemplates.card.card-custom > .card-header .card-title .card-label {
    color: white !important;
}

.card.card-custom.projects > .card-header .card-title, .projects.card.card-custom > .card-header .card-title .card-label {
    color: white !important;
}

.card.card-custom.portfolios > .card-header .card-title, .portfolios.card.card-custom > .card-header .card-title .card-label {
    color: white !important;
}

.card.card-custom.task-files > .card-header .card-title, .task-files.card.card-custom > .card-header .card-title .card-label {
    color: white !important;
}

.card.card-custom.live-chat-card > .card-header .card-title, .live-chat-card.card.card-custom > .card-header .card-title .card-label, .card.card-custom.live-chat-card > .card-header .card-toolbar {
    color: white !important;
}

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


.text-stratprop {
    color: #03337A !important;
}


@media (min-width: 992px) {
    .aside-secondary-enabled.aside-fixed .wrapper {

    }
}

.btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-clean:not(:disabled):not(.disabled).active, .show > .btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown {
    color: #03337A !important;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text) {
    color: #03337A !important;
}

.live-chat-card .live-chat-card-body {
    height: 400px;
    overflow-y: auto;
}

.live-chat-card #attachment {
    display: none;
}

.live-chat-card .send-message-card-body .attachment-btn, .live-chat-card .send-message-card-body .send-message-btn {
    cursor: pointer;
}

.language-btn {
    cursor: pointer;
}


/*Patient*/
#Test-searchField {
    width: 100% !important;
}

#Test-searchField input {
    width: 100% !important;
}

li:hover, li.highlighted {
    background: #c2c0d5 !important;
    color: red !important;
}

.danger-row {
    background: #743852 !important;
    color: white !important;
}

.normal-row {
    background: #ffffff !important;
    color: black !important;
}

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

.test-name {
    background: #03337a !important;
    color: white !important;
    padding: 12px;
    text-align: left;
}

/*******************************************************
                    INVOICE LAB
*******************************************************/
page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    font-family: Verdana;
}

page[size="A4"] {
    width: 23cm;
    height: 29.7cm;
}

#patient_info {
    border-collapse: collapse;
    width: 95%;
}

#patient_info td {
    font-size: 11.5px;
    font-weight: bold;
    border: 1px dotted black !important;
}

#time_info {
    font-size: 11.5px;
    font-weight: bold;
    border-collapse: collapse;
    width: 95%;

}

#time_info td {
    border: 1px dotted black !important;
}

#reference {
    margin-top: 15px;
    margin-bottom: 5px;
}

#reference, #consultant {
    font-size: 11.5px;
    font-weight: bold;

}

#consultant {
    margin-top: 5px;
    margin-bottom: 15px;
}

#test_info {
    border-collapse: collapse;
    width: 95%;
}

#test_info td {
    font-size: 11.5px;
    font-weight: bold;
    text-align: center;
    border: 1px dotted black !important;
}

#test_info th {
    font-size: 12px;
    font-weight: bold;
    border: 1px dotted black !important;
}

#amount_info {
    border-collapse: collapse;
    width: 95%;
}

#amount_info td {
    font-size: 11.5px;
    font-weight: bold;
    border: 1px dotted black !important;
}

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

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

.slip {

    width: 49%;
    float: left;
    border: 1px solid black;
    padding-left: 5px;
}

.test_name {
    width: 50%;
    text-align: left !important;
}

.img-thumbnail {
    height: 50px;
    width: 100%
}

page {
    display: none;
}

@media print {
    body, page {
        margin: 0;
        box-shadow: 0;
    }

    page {
        display: block;
    }

}

/*******************************************************
                    INVOICE LAB
*******************************************************/
/*******************************************************
                    PATIENT REPORT
*******************************************************/
@media print {
    .report-page {
        width: 210mm;
        height: 295mm;
    }

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

    /* body * {
         visibility: hidden;
     }
     .book, .book * {
         visibility: visible;
     }
     .book {
         overflow: visible !important;
         float:none !important;
         position: fixed;
         left: 0px;
         top: 0px;
         display:block !important;
     }*/
    .report-page {
        width: 210mm;
    }

    .subpage {
        width: 210mm;
    }
}


.report-page {
    background-color: #FAFAFA;
    font: 9pt "Verdana";
    width: 210mm;
    min-height: 297mm;
    padding: 5mm; /*20mm*/
    margin: 10mm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
    height: 287mm;
}

.report-header {
    height: 30mm;

}

.report-footer {
    height: 50mm;
    /*border-top:6px double #ccc;*/
}

.patient-info {
    height: 58mm;
    font-size: 9pt;
    padding-left: 2px;
    padding-right: 3px;
    border-bottom: 1px solid black;
    /*border:1px solid #ccc;*/
}

.report-area {
    height: 174mm;
    overflow: auto;
}

.logo-wrapper {
    float: left;
}

.logo-title-img-wrapper {
    float: left;
    margin-left: 10mm;
}

.lab-logo {
    height: 27mm;
}

.lab-title-img {
    height: 80px;
    width: 135mm;
}

.address-bar {
    color: #271670;
    font-weight: bold;
}

.report-footer .doctors {
    float: left;
    font-style: italic;
    color: #281870;
    text-align: center;
    padding: 4px 0;
}

.report-footer .dr-name {
    font-weight: bold;
    font-style: italic;
}

.clear {
    clear: both;
}

.fl-l {
    float: left;
}

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

.mgt-5 {
    margin-top: 5px;
}

.pd-5 {
    /*padding: 5px;*/
}

.barcode {
    height: 22px;
    width: 60%;
}

._deptname {
    font-size: 14pt;
    font-family: 'Times New Roman';
}

.td_Name {
    padding-left: 8px;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: none;
}

.td_Range, .unit_Name {
    text-align: center;
    /*border-bottom: 1px solid #000;*/
    border-bottom: 1px solid #000;
}

.ptd_Result {
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: none;
}

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

li:hover, li.highlighted {
    background: transparent !important;
}

div#kt_subheader img {
    cursor: pointer;
}

@page {
    size: A4;
    margin: 0;
}

/*******************************************************
                    END OF PATIENT REPORT
*******************************************************/

/***********************DATA TABLES******************************/
.dataTables_paginate {
    float: right;
}

.dataTables_info {
    float: left;
}

.dataTables_length {
    float: left;
}

.dataTables_filter {
    float: right;
}

/***********************END OF DATA TABLES***********************/

/************************DASHBOARD******************************/
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");
body {
    margin-top: 20px;
}

.fa {
    font-size: 50px;
    text-align: right;
    position: absolute;
    top: 7px;
    right: 27px;
    outline: none;
}

a {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

/* Visitor */
a.visitor i, .visitor h4.list-group-item-heading {
    color: #E48A07;
}

a.visitor:hover {
    background-color: #E48A07;
}

a.visitor:hover * {
    color: #FFF;
}

/* Facebook */
a.facebook-like i, .facebook-like h4.list-group-item-heading {
    color: #3b5998;
}

a.facebook-like:hover {
    background-color: #3b5998;
}

a.facebook-like:hover * {
    color: #FFF;
}

/* Google */
a.google-plus i, .google-plus h4.list-group-item-heading {
    color: #dd4b39;
}

a.google-plus:hover {
    background-color: #dd4b39;
}

a.google-plus:hover * {
    color: #FFF;
}

/* Twitter */
a.twitter i, .twitter h4.list-group-item-heading {
    color: #00acee;
}

a.twitter:hover {
    background-color: #00acee;
}

a.twitter:hover * {
    color: #FFF;
}

/* Linkedin */
a.linkedin i, .linkedin h4.list-group-item-heading {
    color: #0e76a8;
}

a.linkedin:hover {
    background-color: #0e76a8;
}

a.linkedin:hover * {
    color: #FFF;
}

/* Tumblr */
a.tumblr i, .tumblr h4.list-group-item-heading {
    color: #34526f;
}

a.tumblr:hover {
    background-color: #34526f;
}

a.tumblr:hover * {
    color: #FFF;
}

/* Youtube */
a.youtube i, .youtube h4.list-group-item-heading {
    color: #c4302b;
}

a.youtube:hover {
    background-color: #c4302b;
}

a.youtube:hover * {
    color: #FFF;
}

/* Vimeo */
a.vimeo i, .vimeo h4.list-group-item-heading {
    color: #44bbff;
}

a.vimeo:hover {
    background-color: #44bbff;
}

a.vimeo:hover * {
    color: #FFF;
}

/*QUICK LINKS*/
.custom-stats {
    /*box-shadow: 0px 0px 10px 10px #bceae9;*/
    /*box-shadow: 0px 5px 10px 7px #bceae9;*/
    /*box-shadow: 0px 11px 23px 10px #bceae9;*/
}

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

.quick-icon {
    height: 35px;
}

.quick-icon i {
    margin-top: 20px;
}

.quick-icon i, .quick-title {
    color: white;
}

.quick-title {
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
}

.quick-link {
    padding: 10px 0;
    border-radius: 10px;
    text-align: center;
    height: 117px;
}

.quick-link:hover {
    background: #1BC5BD;
}

.quick-purple {
    background-color: purple;
}

.quick-darkblue {
    background: #3b5998;
}

.quick-lightgreen {
    background: #7ec6bd;
}

.quick-red {
    background: red;
}

.quick-lightblue {
    background: #007cff;
}

.quick-yellow {
    background: #ffc107;
}

.quick-link-wrapper {
    padding: 0 3px 10px 3px !important;
}

/*AMOUNTS BOXES*/
.dashboard-card {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
}

.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.dashboard-card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
    font-size: 110px;
}

.dashboard-card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.patient_optional_fields {
    display: none;
}

.ck-editor__editable {
    min-height: 150px;
}

.font-bold {
    font-weight: bold;
}

table.stratprop_datatable.stratprop_datatable thead th {
    padding: 5px 10px !important;
}

table.patient_datatable td:last-child {
    display: revert;
}

#kt_content .container {
  width: 100% !important;
  max-width: 100% !important;
}

.badge-reported {
    background: #3dcc4a !important;
}

.patient-badge {
    font-size: 12px !important;
    margin-bottom: 5px;
}

.result-green {
    color: green;
}

.result-orange {
    color: orange;
}

.result-red {
    color: red;
}