/**
 *
 * Apply your custom CSS here
 *
*/
.tcshighlight {
    font-size: 12px;
    font-weight: bold;
    border: 2px solid red;
    color: red;
    margin-right: 16px;
    cursor: pointer;
}

.commenttd {
    max-width: 350px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.rowselected {
    background-color: #fef084 !important;
}

.testComments {
    white-space: pre;
}

.testRangeString {
    padding-right: 3px !important;
}

.overridepadding {
    /*padding-left:3px !important;*/
    padding-right: 3px !important;
}


.dropdown-menu.open ul.dropdown-menu.inner {
    max-width: 600px;
}


div#toolbar, div#toolbarbut, div#toolbarRegistration {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    height: 30px;
    background: url(../images/bcktool.png);
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.labelsRegToday {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

div#toolbarRegistration {
    width: 75%;
    min-width: 700px;
    margin: 0px auto;
    left: 0px;
}

.tcshighlight:hover {
    color: blue;
}

.wordbrk {
    font-size: 14px !important;
    word-break: normal !important;
}

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

.report-notes {
    white-space: pre-wrap !important;
}

.mandatoryFields {
    color: red !important;
}

body {
}

.has-error2 {
    border: 1px solid #f51414 !important;
}

.dtunderline {
    text-decoration: underline !important;
}

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

.PatientAddressDiv {
    padding-top: 60% !important;
    padding-left: 35% !important;
}

.addprofilebuttons {
    margin-left: 21px !important;
    /* margin-right: 81px; */
    padding-right: 29px !important;
}

.nobgclr {
    background-color: white !important;
    padding-right: 5px !important;
}

.patRegBtn {
    padding-right: 36px !important;
}

.patregForm {
    padding-left: 30px !important;
    margin-right: -25px !important;
}

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

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

a {
}

#tbl tr:nth-of-type(even) {
    background-color: #fff !important;
}
/*.even{
    background-color: #fff !important;
}*/
.breakPage {
    page-break-before: always;
}

.pathNo {
    border: 1px solid black !important;
}

.TestNameHighlight {
    background-color: #6afaf0 !important;
    display: inline !important;
}

.text-highlight {
    background-color: #6afaf0 !important;
    display: inline !important;
}

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

.mt-element-step .row {
    margin: 0;
}

.mt-element-step .step-default .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.mt-element-step .step-default .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto;
    padding: 3px 14px;
    margin-bottom: 20px;
}

.mt-element-step .step-default .mt-step-title {
    font-size: 30px;
    font-weight: 100;
}

.mt-element-step .step-default .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-default .active .mt-step-number {
        color: #32c5d2 !important;
    }

    .mt-element-step .step-default .active .mt-step-title,
    .mt-element-step .step-default .active .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-default .done {
    background-color: #26C281 !important;
}

    .mt-element-step .step-default .done .mt-step-number {
        color: #26C281 !important;
    }

    .mt-element-step .step-default .done .mt-step-title,
    .mt-element-step .step-default .done .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-default .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-default .error .mt-step-number {
        color: #E7505A !important;
    }

    .mt-element-step .step-default .error .mt-step-title,
    .mt-element-step .step-default .error .mt-step-content {
        color: #fff !important;
    }



.mt-element-step .step-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.diablescreenbutton {
    background-color: #e06666 !important;
}

.mt-element-step .step-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px;
}

.mt-element-step .step-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px;
}

.mt-element-step .step-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px;
}

.mt-element-step .step-thin .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-thin .active .mt-step-number {
        color: #32c5d2 !important;
    }

    .mt-element-step .step-thin .active .mt-step-title,
    .mt-element-step .step-thin .active .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-thin .done {
    background-color: #26C281 !important;
}

    .mt-element-step .step-thin .done .mt-step-number {
        color: #26C281 !important;
    }

    .mt-element-step .step-thin .done .mt-step-title,
    .mt-element-step .step-thin .done .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-thin .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-thin .error .mt-step-number {
        color: #E7505A !important;
    }

    .mt-element-step .step-thin .error .mt-step-title,
    .mt-element-step .step-thin .error .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-background .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    height: 160px;
}

.mt-element-step .step-background .mt-step-number {
    font-size: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 0.79em;
    color: #dae1e4;
    z-index: 4;
}

.mt-element-step .step-background .mt-step-title {
    font-size: 30px;
    font-weight: 100;
    text-align: right;
    padding-right: 25%;
    z-index: 5;
    position: relative;
}

.mt-element-step .step-background .mt-step-content {
    text-align: right;
    padding-right: 25%;
    z-index: 5;
    position: relative;
}

.mt-element-step .step-background .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-background .active .mt-step-number {
        color: #2ab4c0 !important;
    }

    .mt-element-step .step-background .active .mt-step-title,
    .mt-element-step .step-background .active .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-background .done {
    background-color: #26C281 !important;
}

.changepass {
    text-decoration: underline !important;
}

.mt-element-step .step-background .done .mt-step-number {
    color: #22ad73 !important;
}

.mt-element-step .step-background .done .mt-step-title,
.mt-element-step .step-background .done .mt-step-content {
    color: #fff !important;
}

.mt-element-step .step-background .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-background .error .mt-step-number {
        color: #e43a45 !important;
    }

    .mt-element-step .step-background .error .mt-step-title,
    .mt-element-step .step-background .error .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-background-thin .mt-step-col {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.mt-element-step .step-background-thin .mt-step-number {
    font-size: 120px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 0.79em;
    color: #dae1e4;
    z-index: 4;
}

.mt-element-step .step-background-thin .mt-step-title {
    font-size: 30px;
    font-weight: 100;
    text-align: right;
    padding-right: 25%;
    z-index: 5;
    position: relative;
}

.mt-element-step .step-background-thin .mt-step-content {
    text-align: right;
    position: relative;
    padding-right: 25%;
    z-index: 5;
}

.mt-element-step .step-background-thin .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-background-thin .active .mt-step-number {
        color: #2ab4c0 !important;
    }

    .mt-element-step .step-background-thin .active .mt-step-title,
    .mt-element-step .step-background-thin .active .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-background-thin .done {
    background-color: #26C281 !important;
}

    .mt-element-step .step-background-thin .done .mt-step-number {
        color: #22ad73 !important;
    }

    .mt-element-step .step-background-thin .done .mt-step-title,
    .mt-element-step .step-background-thin .done .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-background-thin .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-background-thin .error .mt-step-number {
        color: #e43a45 !important;
    }

    .mt-element-step .step-background-thin .error .mt-step-title,
    .mt-element-step .step-background-thin .error .mt-step-content {
        color: #fff !important;
    }

.mt-element-step .step-no-background .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.mt-element-step .step-no-background .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto;
    padding: 3px 14px;
    margin-bottom: 20px;
    border: 1px solid;
    border-color: #e5e5e5;
}

.mt-element-step .step-no-background .mt-step-title {
    font-size: 30px;
    font-weight: 100;
}

.mt-element-step .step-no-background .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .active .mt-step-title,
.mt-element-step .step-no-background .active .mt-step-content {
    color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .done .mt-step-title,
.mt-element-step .step-no-background .done .mt-step-content {
    color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .error .mt-step-title,
.mt-element-step .step-no-background .error .mt-step-content {
    color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mt-element-step .step-no-background-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px;
    border: 1px solid;
    border-color: #e5e5e5;
}

.mt-element-step .step-no-background-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px;
}

.mt-element-step .step-no-background-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px;
}

.mt-element-step .step-no-background-thin .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .active .mt-step-title,
.mt-element-step .step-no-background-thin .active .mt-step-content {
    color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .done .mt-step-title,
.mt-element-step .step-no-background-thin .done .mt-step-content {
    color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .error .mt-step-title,
.mt-element-step .step-no-background-thin .error .mt-step-content {
    color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-line .mt-step-col {
    /*padding-top: 30px;
    padding-bottom: 30px; by SQ*/
    padding-top: 0px;
    padding-bottom: 5px;
    text-align: center;
}

.mt-element-step .step-line .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto;
    padding: 9px;
    margin-bottom: 5px;
    border: 3px solid;
    border-color: #e5e5e5;
    position: relative;
    z-index: 5;
    height: 60px;
    width: 60px;
    text-align: center;
    background-color: white; /*new property added by shoaib*/
}

    .mt-element-step .step-line .mt-step-number > i {
        position: relative;
        top: 85%; /*default 50% by Shoaib*/
        transform: translateY(-120%);
    }

.mt-element-step .step-line .mt-step-title {
    font-size: 14px;
    font-weight: 600;
}

    .mt-element-step .step-line .mt-step-title:after {
        content: '';
        height: 3px;
        width: 50%;
        position: absolute;
        background-color: #e5e5e5;
        top: 30px; /*default 53px - Observation - by SQ*/
        left: 50%;
        z-index: 4;
    }

    .mt-element-step .step-line .mt-step-title:before {
        content: '';
        height: 3px;
        width: 50%;
        position: absolute;
        background-color: #e5e5e5;
        top: 30px; /*default 53px - Observation - by SQ*/
        right: 50%;
        z-index: 4;
    }

.mt-element-step .step-line .first .mt-step-title:before {
    content: none;
}

.mt-element-step .step-line .last .mt-step-title:after {
    content: none;
}

.mt-element-step .step-line .active .mt-step-number {
    color: #03B2EB !important;
    border-color: #03B2EB !important;
}

.mt-element-step .step-line .active .mt-step-title,
.mt-element-step .step-line .active .mt-step-content {
    color: #32c5d2 !important;
}

    .mt-element-step .step-line .active .mt-step-title:after,
    .mt-element-step .step-line .active .mt-step-title:before {
        background-color: #03B2EB;
    }

.mt-element-step .step-line .done .mt-step-number {
    color: #03B2EB !important;
    border-color: #03B2EB !important;
}

.mt-element-step .step-line .done .mt-step-title,
.mt-element-step .step-line .done .mt-step-content {
    /*color: #26C281 !important;*/
    color: #03B2EB !important;
}

    .mt-element-step .step-line .done .mt-step-title:after,
    .mt-element-step .step-line .done .mt-step-title:before {
        background-color: #03B2EB;
    }

.mt-element-step .step-line .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
}

.mt-element-step .step-line .error .mt-step-title,
.mt-element-step .step-line .error .mt-step-content {
    color: #E7505A !important;
}

    .mt-element-step .step-line .error .mt-step-title:after,
    .mt-element-step .step-line .error .mt-step-title:before {
        background-color: #E7505A;
    }

@media (max-width: 991px) {
    /* 991px */
    .mt-element-step .step-line .mt-step-title:after {
        content: none;
    }

    .mt-element-step .step-line .mt-step-title:before {
        content: none;
    }


    /*.navbar.horizontal-menu .navbar-inner .navbar-nav ul {
        margin-left: 20px;
    }*/

    /*************************  For ExcelLabs on Small Screen (START) **************************/
    .page-container .main-content {
        padding: 10px !important;
    }

    body {
        width: 100% !important;
    }

    .quick-nav ul > li a > i {
        right: 12px !important;
    }

    .quick-nav ul > li a::before {
        right: 40px !important;
    }

    .quick-nav .quick-nav-bg {
        width: 40px !important;
        height: 40px !important;
    }

    .quick-nav-trigger {
        width: 40px !important;
        height: 40px !important;
    }

    .quick-nav ul {
        padding: 40px 0 0 !important;
    }

        .quick-nav ul > li a {
            padding: 0 calc(1em + 30px) 0 1em !important;
        }

    /*go to top when floating menu is open in small screen*/
    /* The animation code */
    @keyframes example {
        from {
            top: 120px;
        }

        to {
            top: 10px;
        }
    }
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes example {
        from {
            top: 120px;
        }

        to {
            top: 10px;
        }
    }

    /* The element to apply the animation to */
    .quick-nav.nav-is-visible {
        top: 10px;
        animation-name: example;
        animation-duration: 0.1s;
        -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 0.1s; /* Safari 4.0 - 8.0 */
    }
    /*.quick-nav.nav-is-visible {
        top: 10px !important;
    }*/
    /*************************  For ExcelLabs on Small Screen (END) **************************/
}


.nav.nav-tabs {
    border-bottom: 0px solid #ccc;
}

    .nav.nav-tabs > li > a, .nav.nav-tabs > li > a:hover {
        border: 1px solid #ccc;
        margin-bottom: -1px;
    }

    .nav.nav-tabs > li.active > a {
        border: 1px solid #ccc;
        border-top: 3px solid #0e5b93;
        border-bottom: 1px solid transparent;
    }

    .nav.nav-tabs + .tab-content {
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

.disable {
    opacity: 0.6;
}
    /* Disable scrolling on child elements*/
    .disable div,
    .disable textarea {
        overflow: hidden;
    }

.container {
    margin-top: 10px;
}

.nav-tabs > li {
    position: relative;
}

    .nav-tabs > li > a {
        display: inline-block;
    }

    .nav-tabs > li > span {
        display: none;
        cursor: pointer;
        position: absolute;
        right: 6px;
        top: 8px;
        color: red;
    }

    .nav-tabs > li:hover > span {
        display: inline-block;
    }

.btn-action {
    background-color: #ffffff;
    border: 0px;
    padding: 5px 0px;
    width: 90%;
    text-align: left;
    color: #555;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    /*padding-left: 2px;*/
}

    .btn-action:hover {
        color: #2eb4e8;
    }

/*for tabs within tabs buttons by Shoaib*/
.btn.btn-outline.blue {
    border-color: #03B2EB;
    color: #03B2EB;
    background: 0 0;
}

.btn.btn-outline.Green {
    border-color: #68b828;
    color: black;
    background: 0 0;
}

.btn.btn-outline.blue.active,
.btn.btn-outline.blue:active,
.btn.btn-outline.blue:active:focus,
.btn.btn-outline.blue:active:hover,
.btn.btn-outline.blue:focus,
.btn.btn-outline.blue:hover {
    border-color: #03B2EB;
    color: #FFF;
    background-color: #03B2EB;
}

.btn.btn-outline.Green.active,
.btn.btn-outline.Green:active,
.btn.btn-outline.Green:active:focus,
.btn.btn-outline.Green:active:hover,
.btn.btn-outline.Green:focus,
.btn.btn-outline.Green:hover {
    border-color: #68b828;
    color: #FFF;
    background-color: #68b828;
}

div.confirmBox {
    z-index: 10000;
}


/* to disable some elements in div by shoaib*/
.disabledElements {
    pointer-events: none;
    opacity: 0.5;
}

/* to set footable last column center align */
td.hash {
    text-align: center !important;
}

/*by SQ*/
.dataTable tbody td {
    font-size: 12px;
}

/*Observation - by SQ*/
.page-container .main-content .page-title {
    padding: 5px 0;
}

    /*Observation - by SQ*/
    .page-container .main-content .page-title .title-env .title {
        font-size: 25px;
    }

/*Observation - by SQ*/
footer.main-footer {
    padding: 10px 30px;
}

    /*Observation - by SQ*/
    footer.main-footer .go-up {
        margin-bottom: 0px;
    }

/*.user-info-navbar .user-info-menu > li > a {
     padding: 15px 20px;
 }*/

/*Observation - by SQ*/
.sidebar-menu .main-menu {
    margin-top: 5px;
}

.BackgroundMessage {
    /*opacity: 0.5;*/
    opacity: 0.5;
    position: absolute;
    margin-top: -35%;
    margin-left: 35%;
}

.BackgroundMessageOff {
    /*opacity: 0.5;*/
    opacity: 0.5;
    position: absolute;
    margin-top: -35%;
    margin-left: 35%;
}

/*for watermark for patient copy */
/*.BackgroundWaterMark {
    opacity: 0.5;
    position: absolute;
    margin-top: -38%;
    margin-left: 27%;
}*/
/*for watermark for office copy */
/*.BackgroundWaterMarkOff {
    opacity: 0.5;
    position: absolute;
    margin-top: 40%;
    margin-left: 58%;
}*/

/* Report Title */
.ReportTitle {
    font-family: Arial;
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
}
/* Report Title End */

.Timings {
    font-weight: bold;
    color: Black;
    text-align: center;
    /*float: left;*/
    padding-top: 55px;
    font-size: 13pt;
}

    .Timings .TimingTop {
        height: 25px;
        font-size: 13pt;
    }

    .Timings .TimingMid, .TimingBottom {
        font-size: 13.5pt;
    }

    .Timings span {
        width: 360px;
        text-align: center;
        display: block;
    }

/*for watermark for receipt */
/*.BackgroundWaterMark {
    opacity: 0.5;
    position: absolute;
    margin-top: 45%;
    margin-left: 58%;
}*/
/*for watermark for receipt */

/* to set maximum height of Roles dropdown if its too long by SQ*/
.user-info-navbar .right-links .user-profile .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    /*overflow-x: hidden;*/
}

/* css for selectpicker by SQ*/
.bootstrap-select > .dropdown-toggle {
    border: 1px solid #ddd;
}


/* for loader/spinner by SQ*/
.my-loader-spinner {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: my-spin 2s linear infinite;
    animation: my-spin 2s linear infinite;
    position: fixed;
    left: 50%;
    top: 50%;
}


@-webkit-keyframes my-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes my-spin {
    0% {
        transform: rotate(0deg);
    }

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


.my-waiting-spinner {
    color: #ffffff;
    font-size: 70px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    /*margin: 72px auto;*/
    margin: -50px -50px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/* scroll for multiple emails plugin area by SQ*/
div.multiple_emails-container ul.multiple_emails-ul {
    max-height: 100px;
    overflow-y: auto;
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
}

/* by SQ */
form .form-group-separator {
    /*font-style: italic;*/
    font-weight: bold;
    color: #0e5b93;
    padding-left: 20px;
}

/* by SQ */
.error-class-multiselect {
    border: 1px solid #cc3f44 !important;
}

/* classes for styling of grid within popover by SQ*/
.popover-grid {
    background-color: #EBF5FB;
    white-space: nowrap;
    box-shadow: 3px 3px 10px;
}

.popoverbg {
    width: auto;
    background-color: #EBF5FB;
    text-align: left;
}

.popover-grid th {
    background-color: #D6EAF8;
    padding-top: 3px;
}

.popover-grid tr {
    border-bottom: 1px solid #aaa;
}

.popover-grid td, .popover-grid th {
    padding-right: 10px;
    padding-left: 2px;
    text-align: left;
}

.popover-grid td {
    font-size: 11px;
}

/**************************** CSS for Excel MIS look and feel (START) *****************************/
/* Horizontal Navigation Menu css by SQ*/
.navbar.horizontal-menu {
    background-color: #0e5b93;
    /*box-shadow: 0px 2px 20px #05243a;
    -webkit-box-shadow: 0px 2px 20px #05243a;
    -moz-box-shadow: 0px 2px 20px #05243a;*/
}

    .navbar.horizontal-menu .navbar-inner {
        background-color: #0e5b93;
        /*box-shadow: 0px 2px 20px #05243a;
        -webkit-box-shadow: 0px 2px 20px #05243a;*/
    }

        /* Horizontal Navigation Menu - Left Brand Icon - css by SQ*/
        .navbar.horizontal-menu .navbar-inner .navbar-brand {
            margin: 0px 15px;
        }


        /* Horizontal Navigation Menu - middle navigation menu - css by SQ*/
        .navbar.horizontal-menu .navbar-inner .navbar-nav {
            border-left: 1px solid #40bbea;
            border-right: 1px solid #40bbea;
        }

            .navbar.horizontal-menu .navbar-inner .navbar-nav a,
            .navbar.horizontal-menu .navbar-inner .nav-userinfo a {
                color: white;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav > li > a {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active,
            .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {
                border-color: #40bbea;
                /*background-color: transparent;*/
            }

                .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active a,
                .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover a {
                    background-color: #40bbea;
                }


            .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {
                background-color: #0e5b93;
                color: #fff;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav ul {
                background-color: #40bbea !important;
                /*box-shadow: 0px 2px 20px #000 !important;
                -webkit-box-shadow: 0px 2px 20px #000 !important;
                -moz-box-shadow: 0px 2px 20px #000 !important;*/
                /* shadow for input fields - SQ */
                box-shadow: 0px 1px 2px #555 !important; /*#0e5b93*/
                -webkit-box-shadow: 0px 1px 2px #555 !important;
                -moz-box-shadow: 0px 1px 2px #555 !important;
            }

                .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
                    color: white;
                }

        /* Horizontal Navigation Menu - right side menu - css by SQ*/
        .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:hover,
        .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus,
        .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {
            background-color: #40bbea;
        }

        .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > ul.user-profile-menu li.last,
        .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > ul.user-profile-menu > li {
            border-top: 1px solid white;
            background-color: #40bbea;
            padding: 10px 20px;
        }

            .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > ul.user-profile-menu > li a {
                padding-bottom: 0;
            }

            .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > ul.user-profile-menu > li:hover {
                border-top: 1px solid white;
                background-color: #0e5b93;
            }

        .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {
            padding: 10px 25px;
        }


.navbar-inner ul.nav.nav-userinfo li.dropdown a.dropdown-toggle {
    padding: 0 5px !important;
}

.navbar.horizontal-menu .navbar-inner > .nav {
    border-left: 1px solid #40bbea;
}


/******************* Floating menu CSS (START) *******************/
.quick-nav ul > li a > i {
    width: 60px !important;
    height: 40px !important;
    padding: 15px 22px 0 0 !important;
    right: 0px !important;
    top: 0px !important;
    cursor: pointer !important;
}

.quick-nav span.quick-nav-bg {
    box-shadow: 5px 8px 20px #093f66;
    -webkit-box-shadow: 5px 8px 20px #093f66;
    -moz-box-shadow: 5px 8px 20px #093f66;
}

.quick-nav .menu .form-control {
    /*background-color: black;*/
    border: 1px solid gray;
    width: 100%;
    color: #000;
}

.quick-nav .menu tbody > tr > td {
    color: #fff !important;
    border-bottom: 0px;
    padding: 2px 2px !important;
    vertical-align: bottom;
    font-size: 13px;
}

.quick-nav .menu .select2-choice {
    background-color: #4e4e4e !important;
}

.quick-nav .menu .bootstrap-select .dropdown-toggle,
.quick-nav .menu .bootstrap-select .dropdown-menu {
    background-color: #4e4e4e;
}

    .quick-nav .menu .bootstrap-select .dropdown-menu ul {
        max-width: 100px;
    }

        .quick-nav .menu .bootstrap-select .dropdown-menu ul li {
            float: left;
            clear: both;
        }

            .quick-nav .menu .bootstrap-select .dropdown-menu ul li :hover {
                background-color: gray;
            }

            .quick-nav .menu .bootstrap-select .dropdown-menu ul li a {
                height: 25px;
                /* shadow for input fields - SQ */
                box-shadow: 0px 1px 2px #555; /*#0e5b93*/
                -webkit-box-shadow: 0px 1px 2px #555;
                -moz-box-shadow: 0px 1px 2px #555;
                line-height: 25px;
                font-size: 12px;
            }

            .quick-nav .menu .bootstrap-select .dropdown-menu ul li span {
                display: inline;
            }

    .quick-nav .menu .bootstrap-select .dropdown-menu.open {
        box-shadow: rgb(0, 0, 0) 0px 3px 36px;
    }

.quick-nav .menu .bootstrap-select.btn-group .no-results {
    background-color: transparent;
}

.quick-nav .menu .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: -10px;
    margin-top: -10px;
}
/******************* Floating menu CSS (END) *******************/


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

.panel.panel-color .panel-heading {
    padding: 10px 30px;
}

.panel.panel-color.panel-info .panel-heading {
    background-color: #0e5b93;
}

.panel {
    padding-bottom: 5px;
}

.sticknotesbtn {
    position: absolute;
    bottom: 2px;
    right: 5%;
    padding: 0;
    margin: 0;
    color: black;
}

.StickyNoteInput {
}

@media only screen and (min-width: 768px) {
    ul.navbar-nav li.has-sub > a {
        /*pointer-events: none;*/
    }



    ul.navbar-nav li ul {
        max-height: 80vh;
        overflow-y: auto;
    }
}

.form-horizontal .control-label {
    padding-right: 0 !important;
    color: #000 !important;
    font-weight: bold;
}

.profile-label {
    color: #000 !important;
    font-weight: bold;
}

/* for prominent red border on required(mendatory) empty fields */
form .form-group.has-error .control-label, form .form-group.validate-has-error .control-label {
    color: #cc3f44 !important;
}

form .form-group.has-error .form-control, form .form-group.validate-has-error .form-control {
    border-color: rgba(204, 63, 68, .7);
    border-width: 2px;
}

/*@media only screen and (max-width: 768px) {
    #AllForm {
        margin-top: 200px !important;
    }
}

@media only screen and (max-width: 992px) {
    #AllForm {
        margin-top: 150px !important;
    }
}


@media only screen and (max-width: 1157px) {
    #AllForm {
        margin-top: 100px !important;
    }
}*/

.page-title {
    display: none;
}

footer.main-footer {
    margin-left: 0px;
    margin-right: 0px;
}

body {
    margin: 0px auto;
    padding: 0px;
    background-color: #fff; /*#40bbea;*/
    /*font-family: Arial;*/
    font-size: 12px;
    color: #646466;
    /*text-align: center;*/
    /*width: 1000px;*/
    /*width:90%;*/
    width: 95%;
}

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

.form-control {
    font-size: 12px;
    border: 1px solid #bbb8b8;
    /*border-radius: 5px;*/
    height: 25px;
    /*#0e5b93*/
    /* shadow for input fields - SQ */
    /*box-shadow: 0px 1px 2px #555;
    -webkit-box-shadow: 0px 1px 2px #555;
    -moz-box-shadow: 0px 1px 2px #555;*/
    padding: 3px 3px;
    color: #000;
}

.input-group .select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}

.personalinfo {
    background-color: #E8EDE8;
    padding: 10px;
    margin-left: 30px;
}

.panelBGD {
    background-color: #E8EDE8 !important;
}

#tbl > tbody > tr:hover {
    background-color: #f9ef95 !important;
}

.sectionss {
    margin-left: 20px;
}

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

.minpadding {
    padding-left: 5px !important;
}
/*.PanelPanelDiv{

  min-height:631px !important;
}*/
/*.PanelPanelDiv{
  min-height:72vh !important;
}*/
.personalInfoDiv {
    min-height: 485px !important;
}

.PanelPanelDiv {
    min-height: 290px !important;
}

@media screen and ( max-height: 804px ) {
    .btnnext {
        margin-right: 18px !important;
    }

    .oldClass {
        left: 0 !important;
    }
}

@media screen and ( max-height: 672px ) {
    .btnnext {
        margin-right: 0px !important;
    }

    .oldClass {
        /*top:230px !important;*/
        left: 0 !important;
    }
}

.btnsaveBackPadding {
    padding: 0px 7px !important;
}

.netammountBG {
    background-color: #eef862 !important;
}

.select2-container {
    overflow: hidden !important;
    height: auto !important;
}

.panelss {
    padding: 20px !important;
}

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

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

.patinfoHead {
    margin-left: 24px !important;
}

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

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

.testhistorybtn {
    padding: 5px 20px !important;
}

.pattypeclass {
    margin-left: -4px !important;
}

.testorderbtnbackground {
    background-color: #0e5b93 !important;
    color: #fff !important;
}

.testhistorytblhead {
    background-color: #5fa724 !important;
}

.testorderingsections {
    background-color: #E8EDE8 !important;
    padding: 5px;
}

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

#tbl td {
    border-right: 1px #e0dfdf !important;
}

.transparentbtn {
    background-color: Transparent !important;
    background-repeat: no-repeat !important;
    border: none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    outline: none !important;
    font-size: 13px !important;
}

.darkRedColor {
    color: #d5080f !important;
}

.transparentbtntr {
    background-color: Transparent !important;
    background-repeat: no-repeat !important;
    border: none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    outline: none !important;
    color: Black !important;
}

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

.input-group-addon {
    padding: 0px 12px;
    border-radius: 5px;
    /*#0e5b93*/
    /* shadow for input fields - SQ */
    /*box-shadow: 0px 1px 2px #555; 
    -webkit-box-shadow: 0px 1px 2px #555;
    -moz-box-shadow: 0px 1px 2px #555;*/
}

.smallScreenEnableBtn {
    padding: 2px 5px;
    !important;
}

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

.bootstrap-select > .dropdown-toggle {
    /*border-radius: 5px;*/
    height: 25px;
    /*#0e5b93*/
    /* shadow for input fields - SQ */
    /*box-shadow: 0px 1px 2px #555; 
    -webkit-box-shadow: 0px 1px 2px #555;
    -moz-box-shadow: 0px 1px 2px #555;*/
    font-size: 12px;
}

.blacktext {
    color: Black !important;
}
/*table.dataTable > thead > tr > th {
    padding-left: 9px !important;
}*/

.img-cancel-btn {
    position: absolute;
    right: 15px;
    top: -4px;
}

.pagination > .active > a {
    background-color: #0e5b93 !important;
    border-color: #0e5b93 !important;
}

.multiple_emails-container {
    border-radius: 5px;
    min-height: 25px;
    /* shadow for input fields - SQ */
    box-shadow: 0px 1px 2px #555; /*#0e5b93*/
    -webkit-box-shadow: 0px 1px 2px #555;
    -moz-box-shadow: 0px 1px 2px #555;
    color: #000 !important;
}

html .select2-container .select2-choice .select2-chosen, html .select2-container .select2-choice .select2-arrow {
    line-height: 25px;
    /* shadow for input fields - SQ */
    box-shadow: 0px 1px 2px #555; /*#0e5b93*/
    -webkit-box-shadow: 0px 1px 2px #555;
    padding-left: 5px;
    -moz-box-shadow: 0px 1px 2px #555;
}

html .select2-container .select2-choice {
    height: 25px;
    border-radius: 5px 0 0 5px !important;
}

.select2-container.select2-container-disabled .select2-choice {
    cursor: not-allowed !important;
    background-color: #eee !important;
}


.has-error .input-group-addon {
    background-color: #fff !important;
}

li.multiple_emails-email {
    cursor: pointer;
}

.icheckbox_minimal, .iradio_minimal {
    margin-top: 1px !important;
    margin-bottom: 3px !important;
}

.typeahead-doctor > .select2-container {
    /*margin-left: 5px !important;*/
}

/*.dataTable > tbody > tr > td {
    padding: 8px 8px;
    font-size: 12px;
    color: #444444;
}

.dataTable > tbody > tr > th {
    padding: 8px 8px;
    font-size: 11px;
}*/

.modal .modal-dialog .modal-content {
    border: 1px solid #999;
    box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.5);
}

.vertical-close-lines {
    line-height: 14px;
    vertical-align: middle;
}

.patinformation {
    margin-left: 42px !important;
}

#AllForm {
    position: relative;
    /*/*background-color: #e5e5e5;*/
    padding: 5px;
    /*margin: 0px;*/
    /*border: 1px solid white;*/
    -moz-border-radius: 8px;
    /*border-radius: 8px;*/
    min-height: 450px;
    top: 50px; /*margin-top: 50px;*/
    /*margin-bottom: 50px;*/
    /*box-shadow: 0px 10px 50px #0e5b93;
    -webkit-box-shadow: 0px 10px 50px #0e5b93;
    -moz-box-shadow: 0px 10px 50px #0e5b93;*/
}

@media print {
    #AllForm {
        padding: 0 !important;
        margin: 0 !important;
        top: 0px !important;
    }
}

.login-page {
    background: #20b1e7;
}

.border-blue-rounded {
    border: 1px solid #86caee;
    border-radius: 7px;
    padding: 2px;
}

.testsAlphaNavilinks.nav.nav-tabs > li {
    padding-top: 3px;
}

    .testsAlphaNavilinks.nav.nav-tabs > li > a {
        padding: 2px 5px !important;
    }

    .testsAlphaNavilinks.nav.nav-tabs > li.active > a {
        border-top: 1px solid #ccc !important;
        border: 1px solid #0d96de !important;
        background-color: #0d96de;
        color: white;
    }

.text-color-red {
    color: #f00;
}


/* to hide Panel-toggle icon (minimize/maximize) throughout the application*/
div.panel-heading div.panel-options a[data-toggle="panel"] {
    display: none !important;
}

/* to show by default search field in panel heading */
.user-info-navbar .user-info-menu > li.search-form .search-field {
    visibility: visible !important;
    opacity: 1 !important;
    right: 0 !important;
    width: 120px !important;
    margin-top: -10px !important;
    height: 20px !important;
    padding-right: 0 !important;
}
/**************************** CSS for Excel MIS look and feel (END) *****************************/

.panel-heading-farhan {
    text-align: center;
}

.login-title-text {
    /*padding-top: 20px;*/
    font-size: 12px;
    color: white;
}

.login-branch-text {
    color: #0e62c7;
    text-decoration: underline;
}

.multiple_emails-container input {
    height: 25px !important;
    margin-bottom: 0px !important;
}

#popupTPSAnalysisDetails .modal-body {
    max-height: 300px;
    overflow-x: auto;
}

.receiptTextTestStrike {
    text-decoration: line-through;
}







/*********************************** for Patient Receipt - SQ - (Start) ****************************************/

@media print {
    @page {
        size: auto; /* auto is the initial value */
        margin: 0mm 5mm; /* this affects the margin in the printer settings */
    }

    .ReceiptMain table,
    .ReceiptMain table tr,
    .ReceiptMain table tr th,
    .ReceiptMain table tr td {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    .ReceiptMain thead {
        display: table-header-group;
    }

    .ReceiptMain tfoot {
        display: table-footer-group;
    }

    .ReceiptMain .page-break {
        display: block !important;
        /*-webkit-box-flex:initial !important;*/
        page-break-before: always !important;
    }
}



.ReceiptMain .table > tbody > tr,
.ReceiptMain .table > thead > tr,
.ReceiptMain .table > tbody > tr > td,
.ReceiptMain .table > thead > tr > th {
    border: 2px solid #000;
    padding: 0 10px !important;
}

.HeadingClass {
    font-size: 18px !important;
    color: #fff !important;
}

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

.ReceiptMain .Timings {
    margin-top: 60px !important;
}

.leftmarginclass {
    margin-left: -5px !important;
}

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

.ReceiptMain {
    /*top: 0 !important;*/
    background-color: #ffffff;
}

    .ReceiptMain div, .ReceiptMain span, .ReceiptMain a, .ReceiptMain label, .ReceiptMain i, .ReceiptMain td {
        color: #000;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    .ReceiptMain .invoice-env .invoice-header {
        border-bottom: 2px solid #777 !important;
        padding: 0 0 5px 0;
    }

    .ReceiptMain .bold-font {
        font-weight: bold;
        font-size: 16px;
    }

    .ReceiptMain .no-sides {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ReceiptMain .no-top-bottom {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .ReceiptMain .no-top-border {
        border-top: 0 !important;
    }

    .ReceiptMain .barcodeDiv {
        margin-left: -10px !important;
    }

/*********************************** for Patient Receipt - SQ - (End) ****************************************/

.deltaCheckBGColor {
    background-color: rgb(222, 61, 73);
}

/*********************************** for Patient Report - SQ - (Start) ****************************************/
.patient-report-container .row-Height {
    margin-bottom: 5px;
}

.patient-report-container .flat-pre {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Arial;
    color: #000;
    background-color: transparent;
}

.patient-report-container div {
    font-size: 14px !important;
    color: #000;
}

.PanelFooter {
    padding-left: 0px;
}

/*********************************** for Patient Report - SQ - (End) ****************************************/

.fix-comment-area {
    overflow: auto;
    resize: none;
}



.btn {
    /*#0e5b93*/
    /* shadow for input fields - SQ */
    /*box-shadow: 0px 1px 2px #555 !important; 
    -webkit-box-shadow: 0px 1px 2px #555 !important;
    -moz-box-shadow: 0px 1px 2px #555 !important;*/
}

    .btn,
    .btn.btn-icon-standalone i,
    .btn.btn-icon-standalone span {
        /*border-radius: 5px /* button radius - SQ */;
        */;
    }

/*.btn.btn-info,
.btn.btn-info.btn-icon-standalone i {
    background-color: #8dc63f;
    border-color: #80b636;
}*/


table.dataTable tr th,
table.footable tr th {
    padding: 10px 5px 5px !important;
}

table.dataTable tr td,
table.footable tr td {
    padding: 5px !important;
    color: #000;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}


.table.tblTestsBooking > thead > tr > th .btn {
    margin-bottom: 0 !important;
}

.table.tblTestsBooking {
    border: 2px solid #000;
}

    .table.tblTestsBooking > thead > tr > th {
        border-bottom: 2px solid #000;
    }

    .table.tblTestsBooking > tbody > tr > td {
        border-bottom: 1px solid #000;
    }

.pagination > li > a,
.pagination > li > span {
    padding: 3px 10px !important;
}


div.icheckbox_minimal {
    /* shadow for input fields - SQ */
    box-shadow: 0px 1px 2px #555 !important; /*#0e5b93*/
    -webkit-box-shadow: 0px 1px 2px #555 !important;
    background-color: #fff !important;
    -moz-box-shadow: 0px 1px 2px #555 !important;
}

/* shadow & background color for iRadio button - SQ */
div.iradio_minimal {
    box-shadow: 0px 1px 2px #555 !important; /*#0e5b93*/
    -webkit-box-shadow: 0px 1px 2px #555 !important;
    background-color: #fff !important;
    -moz-box-shadow: 0px 1px 2px #555 !important;
    border-radius: 10px;
    overflow: hidden;
}



/* STICKY NOTES (start)  */

/*.sticky-notes-container { margin-top: 30px; }*/

.sticky-notes-container .sticky-note {
    min-height: 80px;
    min-width: 150px;
    max-height: 500px;
    max-width: 500px;
    height: 200px;
    width: 200px;
    color: #7f6c04;
    background: #f9dd45;
    border-radius: 10px;
    border: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    overflow: hidden;
}

.sticky-notes-container .contents {
    background: #f9e055;
    margin: 10px;
    outline: none;
    height: 150px;
    position: relative;
    overflow: hidden;
}

.sticky-notes-container .handle {
    cursor: move;
    background: #7f6c04;
    border-radius: 8px 8px 0px 0px;
    padding: 5px;
}

    .sticky-notes-container .handle span {
        color: #f9e055;
        padding-left: 5px;
    }

.close_sticky {
    float: right;
    font-size: 24.5px;
    font-weight: 900;
    line-height: 1;
    color: #fafbf4;
    /* text-shadow: 0 1px 0 #fff; */
    /* opacity: .2; */
    filter: alpha(opacity=20);
}

    .close_sticky:hover,
    .close_sticky:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

button.close_sticky {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
/*.sticky-notes-container .sticky-note .handle div.close { color: #3d3402; opacity: 1; text-shadow: 1px 0px 1px #a08805; padding: 2px; }*/


/* STICKY NOTES (end)  */



.footable-filtering-search button.btn {
    height: 25px;
}

#mainPanelScreen .bootstrap-select.open .dropdown-menu.open ul.dropdown-menu {
    max-width: 200px;
}


.txtArea-fix-width-height {
    max-width: 100%;
    max-height: 150px;
    min-width: 100%;
    min-height: 25px;
}


.date-and-time:before {
    left: -15px !important;
}

.date-and-time:after {
    right: -10px !important;
}

.btn-margin-zero {
    margin-bottom: 0 !important;
}

.JavaToolTip {
    position: absolute;
    top: -85px;
    left: -290px;
    text-align: left;
    background: #FFFFe0;
    min-width: 450px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 6px black;
    box-shadow: 1px 1px 6px black;
    padding: 5px;
    color: black;
    text-decoration: none;
    font-family: arial;
    font-size: 12px;
    display: none;
    z-index: 1500;
    line-height: 20px;
    opacity: 0;
}

    .JavaToolTip .space {
        border-bottom: 1px dashed black;
    }

        .JavaToolTip .space:hover {
            background: #FFFFa0;
        }

.ShortCutKeys {
    width: 105px;
}

.ShortCutDesc {
    width: 340px;
}

.btn-red:focus {
    background-color: #b20309 !important;
}

.btn-secondary:focus {
    background-color: #4f911b !important;
}

.ToolTipRegistration {
    /*float: right;
	margin: 8px 31px 0px -17px;*/
    cursor: pointer;
    color: blue;
    /*position: relative;*/
}

    .ToolTipRegistration:hover {
        color: blue;
    }
/*.pageWrapper:last-child{page-break-after:auto;}*/



.NotFinalReport::before {
    position: absolute;
    top: 50%;
    left: 20%;
    display: block;
    transform: rotate(-45deg);
    content: 'This is not final report';
    opacity: 0.7;
    letter-spacing: 2px;
    color: black;
    font-size: 36px;
    z-index: 100;
    text-transform: uppercase;
}

@media print {
    .no-printexport, .no-printexport * {
        display: none !important;
    }
}

.label-completed-color {
    background-color: #41860a;
}

.label-rfm-color {
    background-color: #ef9a00;
}

.testColorCompletedVerifier {
    font-weight: bold;
    color: #41860a;
}

.testColorReqForMachVerifier {
    font-weight: bold;
    color: #ef9a00;
}

.label-success-font {
    font-size: small;
}

.radio-text-Size {
    font-size: initial;
}

.panicRow {
    background-color: #af2226 !important;
}

.panicTD {
    color: white !important;
    background-color: #af2226 !important;
}

.flag {
    color: red !important;
    font-weight: bold;
}

.verifierExclamation {
    color: red;
}

.labelCount {
    background-color: #0e5b93;
}

.rowHeader {
    font-weight: bold;
}

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

.testColorCompleted {
    font-weight: bold;
    color: #12e012;
}


.testColorOnMachine {
    font-weight: bold;
    color: purple;
}

.testColorReqForMach {
    font-weight: bold;
    color: orange;
}

.testColorInProcess {
    font-weight: bold;
    color: #40bbea;
}

.txtHighValueBorder {
    border-color: red;
}

.errorClass {
    border-color: red;
}

.resultPadding {
    padding-right: 70px;
}

.machinePopupTopMessage {
    background-color: #8ebf1c;
    color: White;
    font-size: 13px;
    /* width: 150px; */
    padding-left: 5px;
    /*line-height: 24px;*/
    margin-top: -2px;
    /* border-radius: 0 0 3px 3px; */
    /* border: solid; */
    /*border-width: 1px;
    border-color: black;*/
    padding: 1px;
}

/**********************For summary button on loader******************************************************/
div#toolbar, div#toolbarbut, div#toolbarRegistration {
    position: fixed; /* set fixed position for the bar */
    bottom: 0px;
    right: 0px;
    z-index: 9999; /* keep the bar on top  */
    height: 30px;
    background: url(../images/bcktool.png); /* CSS3 */
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

div#toolbar {
    width: 85%;
    min-width: 700px; /* to limit the width when there is an excessive window resize */
    margin: 0px auto; /* centered toolbar */
    left: 0px;
}

    div#toolbar span {
        color: white;
    }

div#toolbarRegistration span {
    color: white;
}

div#toolbarRegistration {
    width: 75%;
    min-width: 700px; /* to limit the width when there is an excessive window resize */
    margin: 0px auto; /* centered toolbar */
    left: 0px;
}

    div#toolbarRegistration a:hover {
        border: none; /* fix 'hover' (a:hover {border-bottom: 1px dotted #666;}) border in the News Aggregator */
    }

div#toolbar a:hover {
    border: none; /* fix 'hover' (a:hover {border-bottom: 1px dotted #666;}) border in the News Aggregator */
}

div#toolbarbut {
    /* div for the 'hide status' */
    width: 80px;
    height: 17px;
    margin-right: 7.5%;
    display: none;
    padding-top: 3px;
}

.leftside {
    float: left;
}

.rightside {
    float: right;
}

span.showbar a {
    /* show button */
    padding: 14px;
    font-size: 11px;
    font-weight: bold;
    color: White;
}
/*-- Left Side --*/

ul#social li {
    display: inline;
}

/*-- Right Side --*/

span.downarr {
    /* hide button */
    float: right;
    width: 45px;
}

    span.downarr a {
        display: block;
        width: 36px;
        height: 26px;
        padding: 25px 0 0 10px;
        background: url(../images/downarrow.png) no-repeat 5px 7px;
    }


.SummeryImage {
    padding: 8px 5px 5px 10px;
}

    .SummeryImage img {
        display: block;
        width: 110px;
        position: relative;
        margin-top: -5px;
    }

.Summery {
    margin-left: 100px;
    margin-top: -45px;
    width: 100%;
}

    .Summery .subTitle {
        display: block;
        font-family: Verdana;
        font-weight: bolder;
        font-size: larger;
        width: 220px;
        height: 30px;
        text-align: center;
    }

    .Summery .subTitleSmall {
        display: block;
        font-family: Verdana;
        font-weight: bold;
        font-size: 15px;
        width: 150px;
        height: 30px;
        text-align: center;
    }

.ScreenTitle {
    font-size: large;
    font-weight: bold;
    margin-top: 8px;
    width: 100%;
}

.ScreenTitleSmall {
    font-size: larger;
    font-weight: bold;
    margin-top: 8px;
    width: 100%;
}


.BlinkCSRMenu {
    /*width: 50px;
  height: 50px;*/
    -webkit-animation: BlinkCSRMenuAnimation 1s infinite; /* Safari 4+ */
    -moz-animation: BlinkCSRMenuAnimation 1s infinite; /* Fx 5+ */
    -o-animation: BlinkCSRMenuAnimation 1s infinite; /* Opera 12+ */
    animation: BlinkCSRMenuAnimation 1s infinite; /* IE 10+, Fx 29+ */
}

.BlinkFTAMenu {
    /*width: 50px;
  height: 50px;*/
    -webkit-animation: BlinkFTAMenuAnimation 1s infinite; /* Safari 4+ */
    -moz-animation: BlinkFTAMenuAnimation 1s infinite; /* Fx 5+ */
    -o-animation: BlinkFTAMenuAnimation 1s infinite; /* Opera 12+ */
    animation: BlinkFTAMenuAnimation 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes BlinkFTAMenuAnimation {
    0%, 49% {
        /*background-color: rgb(117,209,63);
        border: 3px solid #e50000;*/
    }

    50%, 100% {
        background-color: #d5080f;
        /*background-color: #f4f4a8;*/
        /*border: 3px solid rgb(117,209,63);*/
    }
}

@-webkit-keyframes BlinkCSRMenuAnimation {
    0%, 49% {
        /*background-color: rgb(117,209,63);
        border: 3px solid #e50000;*/
    }

    50%, 100% {
        background-color: #5fa724;
        /*background-color: #f4f4a8;*/
        /*border: 3px solid rgb(117,209,63);*/
    }
}

/****************************************************************************/
/*css*/

/*For OtherLabs Samples Pthologist Alerts*/
.BlinkPathMenu {
    background-color: rgb(255,121,5) !important;   
}


/*PROGRESS MONITORING SYSTEM*/
#ProgressMonitor {
    /*margin-left: -180px;
    left: 50%;*/
    z-index: 99;
    border: solid 2px #0DB7DB;
    top: 40px;
    /*left: calc(50% - (326px / 2));*/
    left: 37%; /*fallback for browsers dont use support calc*/
    left: -webkit-calc(50% - (326px / 2));
    left: -moz-calc(50% - (326px / 2));
    left: calc(50% - (326px / 2));
}

    #ProgressMonitor table {
        font-weight: bold;
        background-color: Transparent;
        color: White;
        font-family: arial;
        font-size: 11px;
        margin: 0px;
    }

.MonitorHeadings {
    background-color: #95BB28;
    font-weight: bold;
    color: Black;
    border-color: White;
    text-align: center;
}

.MonitorCounters {
    color: #527900;
    border-color: White;
    width: 60px;
    background-color: #ABDC29;
}

.defaultProgressTable {
    position: absolute;
    top: 137px;
    padding: 0px;
}

/*.fixed
{
    position: fixed;
    top: 0px;
}*/
/**********************************/

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

.btnHemaVerfier {
    width: 88px;
    height: 52px;
    white-space: normal;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
}

.btnCovidVaccine {
    width: 136px;
    height: 64px;
    white-space: normal;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
}

.btnHemaPath {
    width: 120px;
    height: 52px;
    white-space: normal;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
}


.buttonDanger {
    background-color: #004A7F;
    -webkit-border-radius: 10px;
    /*border-radius: 10px;*/
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    /*font-family: Arial;*/
    /*font-size: 20px;
  padding: 5px 10px;*/
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        -webkit-box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        -moz-box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}

@keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }

    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }

    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}