@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800');
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

body {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
    font-size: 14px;
    /*background-color:rgb(241, 241, 241);*/
    position: relative;
    background-color: #dbe3e7;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flex-reverse {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    flex-direction: column-reverse;
}
/* added by muhammad waqar*/
#loadingloginform {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: block;
    background-color: rgb(0, 0, 0);
    opacity: 0.6;
}
a.disabled {
    pointer-events: none;
    cursor: default;
    color: currentColor;    
    opacity: 0.5;
    text-decoration: none;
}
.logo img {
    height:51px;
    margin-top:0px;
}
.logo img:last-child {
    height:100%;
    margin-top:5px;
    margin-bottom:10px;
    width: auto;
}
.clientLogo {
    height:160px;
    text-align: left;
    margin-top:15px;
}
.ENQPortal .clientLogo {
    height:90px;
}
    .contactInfo {
        position: absolute;
        top: -26px;
        right: 0px;
    }
.contactInfo a{
    color:white;
    border-right:1px solid #fff;
    padding-right:15px;
    margin-right:15px;
    font-size:15px;
}
.contactInfo a:last-child{
    border:none;
    padding-right:0px;
    margin-right:0px;
}

.contactInfo a:hover, .contactInfo a:focus {
    color:white;
    text-decoration:underline;
}
.contactInfo a:last-child:hover, .contactInfo a:last-child:focus{
    text-decoration:none;
    color:white;
}
p.clientFlagShow strong a:hover{
    text-decoration:underline;
}
.logo > img {
    margin-right:25px;
    height:51px;
}
#loginpagetermconditions, #loginpageprivacypolicy, #activationpageprivacypolicy, #activationpagetermconditions, #newpatientreg, #existingPatientReg {
    background-color: #dbe3e7;
    clear: both;
    padding-bottom: 25px;
    float: left;
    width: 100%;
}

.homePnl {
    margin: 20px 0px;
    overflow: hidden;
}

    .homePnl a:first-child {
        background-image: url(../../images/ico-home.png);
        background-repeat: no-repeat;
        text-indent: -9999px;
        display: inline-block;
        width: 42px;
        height: 42px;
        float: left;
        margin-left: 10px;
    }

    .homePnl a:last-child {
        float: right;
        font-size: 17px;
        margin-top: 15px;
        margin-right: 10px;
        color: #065c8d;
    }

#loadingloginform img {
    -webkit-border-radius: 10px;
    position: absolute;
    top: 270px;
    left: 650px;
}

#demorequestedappointmentbucket section {
    border-bottom: 1px solid #ccc;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

    #demorequestedappointmentbucket section:last-child {
        border-bottom: none;
        margin: 0px;
        padding: 0px 0px 0px 0px;
    }

input[type="radio"] {
    vertical-align: -2px;
}
#collapseview ul{
    margin: inherit;
    padding-left: 40px;
}
#collapseview ul ul li{
list-style:circle;
}

#collapseview ul li {
    text-decoration:none;
    list-style: circle;
    list-style: disc;
}

#DashboardPatientAccessDiv .selectedPat {
    color: #5faee3;
    font-weight: 600;
}

#DashboardPatientAccessDiv span:hover {
    cursor: pointer;
    color: #5faee3;
}

#collapseview .header_table {
    margin-left: 20px;
}
/* end Portion by muhammad waqar*/
@font-face {
    font-family: "'Open Sans'";
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: "'Open Sans'";
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: "'Open Sans'";
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: "'Open Sans'";
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
font-family: 'colaborate-regularregular';
src: url('../fonts/ColabReg-webfont.eot');
src: url('../fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/ColabReg-webfont.woff') format('woff'),
url('../fonts/ColabReg-webfont.ttf') format('truetype'),
url('../fonts/ColabReg-webfont.svg#colaborate-regularregular') format('svg');
font-weight: normal;
font-style: normal;

}*/
a {
    color: #5faee3;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #505050;
    }

p, .messagePnl h2 {
    margin: 5px 0px;
    color: #505050;
    line-height: 1.5;
    font-size: 14px;
}

.pgSize {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    /*overflow: hidden;*/
}

h1 {
    margin: 5px 0px 5px;
    font-weight: 300;
    font-size: 24px;
    color: #000;
}

h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0px;
    color: #5faee3;
}

ul {
    margin: 0px;
    padding: 0px;
}

    ul li {
        list-style: none;
    }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, a.btnBlue:hover, a.cancelBtn:hover {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    display: block;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="submit"] { /*.... 5px ....*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

input[type="text"], textarea, input[type="email"] {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

input[type="submit"] {
    font-weight: 300;
}

.clearFix {
    clear: both;
}
/*................................Start Header.....................................*/
header {
    width: 100%;
    position: relative;
    /*overflow: auto;*/
    background-color: #fff;
}

.logo {
   /* background: url(../../images/portal_logo.png) no-repeat left Bottom;*/
    width: auto;
    height: 60px;
    display: inline-block;
    margin: 9px 0px;
}

header aside {
    float: right;
}

    header aside ul {
        margin-top: 17px;
    }
        /*header aside ul ul{
display:none;
}*/
        header aside ul li {
            float: left;
            position: relative;
            border-right: 1px solid #505050;
            margin-right: 15px;
            padding-right: 10px;
        }

            header aside ul li:last-child {
                border-right: none;
                margin-right: 0px;
                padding-right: 0px;
                margin-top: 10px;
            }

                header aside ul li:last-child a {
                    font-size: 17px;
                }

                    header aside ul li:last-child a:hover {
                        color: #0b70b8;
                    }

            header aside ul li img {
                float: left;
                margin-right: 15px;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                width: 44px;
            }

            header aside ul li .profilePnl {
                margin-top: -10px;
                text-align: center;
            }

                header aside ul li .profilePnl img {
                    width: 48px;
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    border-radius: 50px;
                    margin-bottom: 4px;
                }

                header aside ul li .profilePnl a img {
                    width: auto;
                    -webkit-border-radius: 0px;
                    -moz-border-radius: 0px;
                    border-radius: 0px;
                    float: none;
                    margin-bottom: 0px;
                }

                header aside ul li .profilePnl a {
                    display: block;
                }

            header aside ul li div {
                float: left;
                margin-top: 13px;
            }

            header aside ul li a {
                color: #505050;
            }

            header aside ul li span {
                display: inline-block;
                text-indent: -9999px;
                background-image: url(../../images/dropdown_bg.png);
                background-repeat: no-repeat;
                cursor: pointer;
                background-position: center;
                width: 37px;
                height: 19px;
            }

            header aside ul li ul {
                display: none;
                position: absolute;
                z-index: 1000;
                /*background-color:#ededed;*/
                background-color: rgb(241, 241, 241);
                border: 1px solid #d5d5d5;
                width: 200px;
                /*top:24px;*/
                margin-top: 9px;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                padding: 4px 0px;
                right: 0;
            }

                header aside ul li ul li {
                    border: none;
                    width: 100%;
                    margin: 6px 0px;
                }

                    header aside ul li ul li a, header aside ul li ul li:last-child a {
                        font-size: 14px;
                        font-weight: 600;
                        padding: 0px 14px;
                    }

                    header aside ul li ul li:last-child {
                        margin: 6px 0px;
                    }

                header aside ul li ul:after {
                    width: 16px;
                    height: 12px;
                    background: url("../../images/dropup_bg.png") no-repeat left top;
                    content: "";
                    left: 163px;
                    position: absolute;
                    top: -12px;
                    z-index: 1000;
                }

main {
    /*background-color:rgb(241, 241, 241);*/
    background-color: #dbe3e7;
    clear: both;
    padding-bottom: 25px;
    float: left;
    width: 100%;
}

.columnSection {
    width: 99%;
    margin: 0 auto;
}

.panel-six {
    width: 67%;
    margin-right: 1%;
    float: left;
}

.panel-three {
    width: 32%;
    float: left;
}

.panel .panCont {
    padding: 0px;
}

.mainColumn, .mainBuckets {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #D0D6E1;
    background-color: white;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(230, 233, 231, 1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(230, 233, 231, 1);
    box-shadow: 0px 0px 7px 0px rgba(230, 233, 231, 1);
    border-radius: 8px;
}

.mainBuckets {
    width: 98%;
    margin: 1% auto;
}

.headingOne, .headingBtn {
    background-color: #b5ecff;
    padding: 6px 14px;
    font-size: 18px;
    color: #2a4e73;
}

.mainBuckets .headingOne {
    font-size: 14px;
    font-weight: 800;
}

.headingBtn {
    overflow: hidden;
}

    .headingBtn span {
        display: inline-block;
        float: left;
        margin-top: 2px;
    }

    .headingBtn div {
        float: right;
    }

        .headingBtn div a, .headingBtn div a:hover {
            display: inline-block;
            margin: 0px;
            padding: 2px 20px;
        }

    .headingBtn .headingBtnLnk {
        line-height: 0;
    }

        .headingBtn .headingBtnLnk a, .headingBtn .headingBtnLnk a:hover {
            padding: 0;
            margin-left: 7px;
        }

.healthPanel {
    overflow: auto;
    text-align: left;
}

.rowHealth {
    line-height: 1;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1% 0% 0% 1.3%;
    width: 48%;
    display: inline-block;
}

.healthPanel .col-6 {
    border: 1px solid #b4b4b4;
    border-left: 10px solid #5faee3;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 4px -1px rgba(228,228,228,1);
    -moz-box-shadow: 5px 5px 4px -1px rgba(228,228,228,1);
    box-shadow: 5px 5px 4px -1px rgba(228,228,228,1);
}
#intakeSections a{
    float:left;
    margin-right: 8px;
    -moz-border-radius:4px 4px 0px 0px;
    -webkit-border-radius:4px 4px 0px 0px;
    border-radius:4px 4px 0px 0px;
    border-bottom: none;
    padding:8px 20px 4px;
}
#intakeSections a.active {
    background-color:#00577f;
}
.healthPanel .rowHealth:last-child {
    margin-bottom: 1%;
    /*float: left;
    margin-left: 2%;*/
}

.healthPanel .col-6:nth-child(even) {
    /*margin-right:0%;
    margin:0px;*/
}

.healthPanel .col-6 label, .healthPanel .col-6 .blackLabel{
    text-align: left;
    padding-left: 5px;
    width: 24%;
}
.healthPanel #labordermaindiv.col-6 .blackLabel {
    float:left;
}
#collapsehealth .healthPanel .col-6 .blackLabel {
    float:left;
}
.healthPanel .col-6 span {
    padding-top: 6px;
    display: inline-block;
    float: right;
    width: 73%;
    line-height: 1.3;
    text-align: left;
}

.panCont {
    padding: 12px 14px;
    color: #505050;
    overflow: hidden;
}

.panContGrid {
    color: #505050;
}

.mainBuckets .panCont {
    padding: 8px;
}

.table-responsive {
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.mainBuckets .panCont.panContGrid, .mainBuckets .panel .panCont, .panCont.panContGrid {
    /*padding: 0px;*/
}

#demographicsbucket .row-form .col-6 div, #demographicsbucket .row-form .col-12 div, .colInline {
    display: inline;
}

.colInline {
    padding-left: 2%;
}

input:-webkit-autofill, input[type="email"]:visited {
    background-color: transparent !important;
    color: #6f7278 !important;
}

.application_version {
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
}

    .application_version:hover {
        opacity: 100;
    }

strong {
    font-weight: 600;
}

.reminderPnl p {
    margin: 0px;
}

.reminderPnl section {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 6px;
    padding-bottom: 5px;
    background-image: url(../../images/reminder_bg.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 27px;
}

    .reminderPnl section:last-child {
        border-bottom: none;
        margin: 0px;
        padding: 0px 0px 0px 27px;
    }

    .reminderPnl section span:first-child {
        width: 49%;
        float: left;
    }

    .reminderPnl section span:last-child {
        width: 50%;
        float: right;
    }

    .reminderPnl section span {
        font-size: 13px;
    }

.appointmentPnl {
    background-color: #85b7dc;
    overflow: hidden;
    padding: 12px 14px 9px;
    margin: 10px 0px 13px;
    color: #fff;
}

    .appointmentPnl.lastVisitPnl {
        background-color: #e5e5e5;
        color: #0b70b8;
        padding: 17px 14px;
        height: 103px;
    }

.timePnl {
    float: right;
    width: 34%;
}

.datePnl {
    float: left;
    width: 37%;
}

.lastVisitPnl .datePnl {
    width: 27%;
}

.lastVisitPnl .timePnl {
    width: 43%;
    float: right;
}

.datePnl p, .timePnl p {
    font-size: 50px;
    font-weight: 300;
    line-height: 0.8;
    color: #fff;
    margin-bottom: 10px;
}

.lastVisitPnl .datePnl p, .lastVisitPnl .timePnl p {
    font-size: 48px;
    color: #0b70b8;
    margin-bottom: 2px;
}

.datePnl span, .timePnl span {
    display: block;
    font-size: 20px;
    font-weight: 300;
}

.lastVisitPnl .datePnl span, .lastVisitPnl .timePnl span {
    font-size: 18px;
    color: #0b70b8;
}

.messagePnl h2 {
    display: inline-block;
    margin-right: 15px;
    /*background-image: url(../../images/list_blue.png);*/
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    margin-top: 0px;
}

.messagePnl span, .messagePnl p {
    font-size: 13px;
}

.messagePnl span {
    float: right;
    display: inline-block;
    /*color: #5faee3; This color is changed by muhammad waqar*/
    color: #505050;
}

.messagePnl .subjectPara {
    margin: 0px;
}

    .messagePnl .subjectPara span:first-child {
        color: #505050;
        display: inline-block;
        float: left;
    }

.messagePnl p {
    color: #9d9d9d;
    overflow: hidden;
}

.col-represent {
    padding: 8px 12px;
    border: 1px solid #bababa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 4px;
}

    .col-represent div {
        margin-bottom: 12px;
    }

        .col-represent div:last-child {
            margin-bottom: 0px;
        }

    .col-represent a {
        display: inline-block;
        text-decoration: underline;
        margin-top: 2px;
    }

        .col-represent a:hover {
            color: #5faee3;
            text-decoration: none;
        }

    .col-represent img {
        float: right;
        cursor: pointer;
    }
    .col-represent#AccountWhoRepresentMe img {
        margin-top: 7px;
    }
    .col-represent#AccountWhoRepresentMe div span {
        margin-top: 7px;
        display: inline-block;
    }

.InputTable .rowinsurance {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .InputTable .rowinsurance:last-child {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

.messagePnl div {
    border-bottom: 1px solid #ccc;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.messagePnl .emrgrid div.btnseparator {
    height: 26px;
}

.messagePnl .emrgrid .bDiv span {
    float: inherit;
    display: block;
    color: #000;
}

.messagePnl .emrgrid div.pDiv span {
    color: #000;
    float: inherit;
    padding-left: 4px;
}

.messagePnl .emrgrid div.pDiv .pGroup .pcontrol span {
    float: right;
}

.messagePnl .emrgrid .bDiv .Comments30 {
    padding-top: 0px;
}
/*#demorequestedappointmentbucket .row-form:nth-child(even) {
border-bottom:1px solid #ccc;
margin-bottom:8px;
padding-bottom:5px;
}*/
.messagePnl div:last-of-type {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 3px;
}

.noDataFound {
    text-align: center;
    display: block;
}

    .noDataFound p, p.noDataFound {
        font-weight: 600;
        min-height: 77px;
        padding-top: 28px;
    }

.requiredFld {
    color: red;
    font-size: 12px;
    display: none;
}
#panCont_gridactivitylog .hDivBox tr th:nth-child(3) div{
    width:118px !important;
}
.messagePnl .emrgrid div.hDiv, .messagePnl .emrgrid div.pDiv div.pDiv2, .messagePnl div.pDiv:last-of-type, .messagePnl .emrgrid div.pDiv, .messagePnl div.pGroup, .messagePnl div.emrgrid, .messagePnl .emrgrid div.bDiv {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
}

a.btnBlue, .btnLinkBlue {
    background-color: #5faee3;
    padding: 6px 12px;
    display: block;
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 2px solid #407497;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
}

.btnLinkBlue {
    border: none;
    border-bottom: 2px solid #407497;
    cursor: pointer;
    display: inline-block;
    padding: 8px 14px 6px;
    font-size: 14px;
    margin-bottom: 0;
    appearance:none;
    -webkit-appearance:none;
}

a.btnBlue:hover, input.btnLinkBlue:hover {
    background-color: #0b70b8;
    border-bottom: 2px solid #5faee3;
}

a.cancelBtn {
    display: inline-block;
    padding: 13px 5px;
    background-color: #e5e5e5;
    color: #5faee3;
    font-weight: 600;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    a.cancelBtn:hover {
        background-color: #5faee3;
        color: #e5e5e5;
        display: inline-block;
    }

.pagination {
    padding-left: 0;
    margin: 10px auto 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .pagination > li {
        display: inline-block;
    }

        .pagination > li > a, .pagination li div {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #428bca;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: 0px;
        }

.Comments30 {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.pagination li div, .pagination li a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.messagePnl .pagination div {
    border: 1px solid #ddd;
    padding: 6px 12px;
}

.pagination > li > a {
    background-color: rgb(241, 241, 241);
    color: #505050;
}

    .pagination > li > a.current, .pagination > li > a:hover {
        background-color: #fff;
        color: #fff;
    }

.pagination li:first-child a {
    margin-left: 0;
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
}

.pagination li:last-child a {
    border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
}

.headingBtn div.healthBtns a {
    background-image: url(../../images/view_bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0px 0px 0px 22px;
    font-size: 14px;
    margin-right: 15px;
    color: #2a4e73;
}

    .headingBtn div.healthBtns a.healthDownload {
        background-image: url(../../images/download_bg.png);
        padding: 0px 0px 0px 25px;
    }

    .headingBtn div.healthBtns a:last-child {
        background-image: url(../../images/transmit_bg.png);
        padding: 0px 0px 0px 28px;
        margin: 0px;
    }

.Comments30 {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
/*........................Start Table Responsive.................................*/

.table-bordered {
    /*border: 1px solid #ddd;*/
}

.table {
    width: 100%;
    max-width: 100%;
    margin: 10px 0px 0px;
    table-layout: fixed;
    margin: 0px;
}

    .table th {
        font-weight: 600;
    }

.table-bordered thead {
    background-color: #edecec;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    /*border: 1px solid #ddd;*/
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
    text-align: left;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px 8px;
    line-height: 1.42857143;
    vertical-align: inherit;
    /*border-top: 1px solid #ddd;*/
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    /*border: 1px solid #ddd;*/
}

/*.table-bordered > tbody > tr:hover > td, .table-bordered > tbody > tr:hover > th {
    background-color: #f5f5f5;
}*/
/*.mainBuckets tbody tr:nth-child(even){
background-color:#f5f5f5;
}
.mainBuckets .table-bordered>tbody>tr:hover>td, .mainBuckets .table-bordered>tbody>tr:hover>th {
background-color:transparent;
}*/

/*.........................End Table Responsive..................................*/
body.loginFrm {
    background-color: #2c5871;
}

    body.loginFrm.bgColor {
        background-color: #dbe3e7;
    }

.topLogin {
    float: left;
    width: 500px;
    margin:0px 0px 50px 70px;
}

    .topLogin img {
        margin-bottom: 15px;
    }

    .topLogin h1{
        font-size: 30px;
        font-weight: 400;
        color: #0c6090;
        margin-top: 50px;
    }
.esLang .topLogin h1 {
    font-size:25px;
}

    .topLogin p {
        font-size: 18px;
        font-weight: 400;
        color: #0c6090;
    }
.topLogin .ENQPortal p {
    font-size: 16px;
}
.topLogin .ENQPortal p.ENQWelcomeMsg {
    font-weight: 600;
    font-size: 21px;
}
.topLogin .ENQPortal h1 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}
.ENQPortal ul {
    padding-left: 18px;
}
.ENQPortal ul li {
    list-style: none;
    padding-bottom: 6px;
    font-size: 16px;
    list-style: disc;
    color: #0c6090;
}

.loginBG {
    background-image: url(../../images/patient-portal_bg.jpg);
    background-repeat: no-repeat;
    background-position: 78% top;
    padding: 20px 0px;
    margin-top: 30px;
    margin-bottom: 40px;
    overflow: hidden;
}
.ENQPortal .loginBG {
    background-image: url(../../images/enqPatientPortalBg.jpg);
}
.esLang label[for="viewstddpStatementHistory"] {
    white-space: normal;
}
.esLang #demorequestedappointmentbucket .appointmentRowRequest a.cancelBtn {
    padding: 6px 11px;
}
.esLang .topLogin p#welcomeMsg {
    font-size: 14px;
}

        .loginBG {
            background-image: url(../../images/patient-portal_bg.jpg);
            background-repeat: no-repeat;
            background-position: 78% top;
            padding: 20px 0px;
            margin-top: 30px;
            margin-bottom: 40px;
            overflow: hidden;
        }

.loginLogo {
    width: 400px;
    text-align: center;
    float: left;
    margin-top:20px;
}

.login-banner .loginLogo {
    width: 100%;
    text-align: inherit;
    float: none;
    margin-top: 0;
}

.loginContainer {
    background-color: #f1f2f4;
    padding: 50px 20px 30px;
    overflow: hidden;
    text-align: left;
    margin-top: 10px;
    border: 1px solid #a5a7a6;
}

    .loginContainer input[type="text"], .loginFrm input[type="password"], .frmActivate input[type="text"] {
        background-color: #e5e7e9;
        padding: 15px 0px 15px 50px;
        background-image: url(../../images/email_bg.png);
        background-repeat: no-repeat;
        background-position: 15px center;
        border: none;
        width: 100%;
        border-bottom: 1px solid #b7b9bb;
        font-size: 20px;
        color: #6f7278;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
    }
#payfieldPayment #card-number iframe,
#payfieldPayment #card-expiration iframe,
#payfieldPayment #card-cvv iframe,
#payfieldPayment #oecardsbbtn #submit iframe {
    height: 29px !important;
}
.loginFrm select#langdropdown {
    background-color: #e5e7e9;
    padding: 8px 0px 8px 14px;
    border: none;
    width: 100%;
    border-bottom: 1px solid #b7b9bb;
    font-size: 18px;
    color: #6f7278;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border: 1px solid #adaeb0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.loginSummary {
    width: 740px;
    float: right;
    margin-top: -45px;
}

    .loginSummary .row-form {
        margin-bottom: 15px;
    }

    .loginSummary h2, .loginSummary p {
        color: #fff;
    }
    .loginSummary h2 {
        margin: 5px 0px 5px;
        font-weight: 300;
        font-size: 24px;
    }
    .loginSummary .icoProfile, .loginSummary .icoClinical, .loginSummary .icoMedication, .loginSummary .icoEnhanced {
        background-image: url(../../images/ico_profile.png);
        background-repeat: no-repeat;
        background-position: left 7px;
        padding-left: 80px;
        padding-right: 15px;
    }

    .loginSummary .icoClinical {
        background-image: url(../../images/icon-clinical.png);
        padding-right: 0px;
    }

    .loginSummary .icoMedication {
        background-image: url(../../images/ico_medication-login.png);
    }

    .loginSummary .icoEnhanced {
        background-image: url(../../images/ico_enhanced.png);
        padding-right: 0px;
    }

.loginContainer input[type="text"]:focus, input[type="password"]:focus, .frmActivate input[type="text"]:focus {
    box-shadow: none;
    outline-offset: 0px;
    outline: none;
}

.appointmentRow .col-12 {
    text-align: left;
}

/*.appointmentRow p {
    display: inline-block;
    margin-right: 7px;
}*/

input:-webkit-autofill, input[type="text"]#txtUser, input[type="password"]#txtPassword, input[type="email"]#txtunlockUser, input[type="password"]#txtunlockPassword {
    color: #6f7278 !important;
    -webkit-box-shadow: 0 0 0px 1000px #e5e7e9 inset;
    -webkit-text-fill-color: #6f7278 !important;
}r

input[type="password"] {
    border: none;
    background-image: url(../../images/password_bg.png);
    padding: 15px 0px 15px 50px;
    background-position: 18px center;
    border-top: 1px solid #fff;
}

.loginFrm input[type="password"]#txtPassword {
    background-image: url(../../images/password_bg.png);
}

#accountschangepasswordarea .row-form input[type="password"] {
    background: inherit;
}

.loginContainer input[type="text"] {
    margin-bottom: 10px;
}

.loginContainer input[type="password"], .loginContainer input[type="text"] {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border: 1px solid #adaeb0;
}

.frmActivate input[type="text"], .frmActivate input[type="password"], .frmActivate input[type="email"] {
    background: none;
    padding-left: 20px;
}

.frmActivate input[type="password"] {
    border-bottom: 1px solid #b7b9bb;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    .frmActivate input[type="password"]:last-child {
        border-bottom: none;
        border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
    }

input[type="button"].btn-submit {
    border: none;
    margin-top: 15px;
    background-color: #2a8ac1;
    color: #fff;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    cursor: pointer;
    padding: 12px 0px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    appearance:none;
    -webkit-appearance:none;
}

.loginContainer a {
    color: #0c6090;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    background-image: url(../../images/list-blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 17px;
}

.simplePopup {
    display: none;
    position: fixed !important;
    background: #000;
    z-index: 1200;
    /*width: 98%;*/
    width: 1170px;
    border: 1px solid #cccccc;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 5px;
    /*min-width:98%;*/
    overflow: hidden;
    height: auto;
    max-height: 500px;
    overflow-y: auto;
    top: 90px !important;
}

.successMsgPanel, .errorMsgPanel {
    width: 100%;
    z-index: 1300;
    background-color: #d1ffe3;
    /*background-color:rgba(76,175,80,.9);*/
    border: 1px solid #298226;
    background: #fefdbd;
    background: -moz-linear-gradient(top, #ffe08c 0%, #fcfbd6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe08c), color-stop(100%,#fcfbd6));
    background: -webkit-linear-gradient(top, #ffe08c 0%,#fcfbd6 100%);
    background: -o-linear-gradient(top, #ffe08c 0%,#fcfbd6 100%);
    background: -ms-linear-gradient(top, #ffe08c 0%,#fcfbd6 100%);
    background: linear-gradient(to bottom, #ffe08c 0%,#fcfbd6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe08c', endColorstr='#fcfbd6',GradientType=0 );
    border: 1px solid #ffe081;
    padding: 20px;
    display: none;
    position: fixed;
    text-align: center;
    top:0;
    left:0;
    color: #197108;
    line-height: 17px;
    font-weight: 600;
    text-shadow: 1px 1px 0 #ffffff;
}

.errorMsgPanel {
    border: 1px solid #d33738;
    background-color: #ffdedd;
    color: #ee0606;
    line-height: 17px;
    font-weight: 600;
    text-shadow: 1px 1px 0 #ffffff;
}

.pWinBarN {
    width: 100%;
    margin-top: 1px;
    border-radius: 3px 3px 0 0;
    background-color: #f0f0f0;
    border-bottom: 1px solid #cccccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    overflow: hidden;
}

.row-Btn {
    padding: 10px 0px;
    border-top: 1px solid #cccccc;
    margin-top: 25px;
}

.pWinBarTitle {
    padding: 6px 10px;
    font-size: 18px;
    color: #005094;
    text-align: left;
    white-space: nowrap;
    margin-right: 20px;
    font-weight: normal;
    vertical-align: middle;
    float: left;
}

.iconWindowsPan {
    float: right;
}

.simplePopupClose {
    float: right;
    cursor: pointer;
    background-image: url(../../images/close_bg.png);
    background-position: 0px;
    text-indent: -9999px;
    margin: 6px 10px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 0px;
    background-size: contain;
}
.popupCloseMsg {
    background-image: url(../../images/close_bg.png);
    background-position: 0px;
    cursor: pointer;
    text-indent: -9999px;
    margin: 6px 10px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 0px;
    background-size: contain;
}

.simplePopupBackground, .successError {
    display: none;
    background-color: #000;
    opacity: 0.5 !important;
    -moz-opacity: 0.5 !important;
    filter: alpha(opacity=50) !important;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1100;
    animation: vex-fadein 0.5s;
    -webkit-animation: vex-fadein 0.5s;
    -moz-animation: vex-fadein 0.5s;
    -ms-animation: vex-fadein 0.5s;
    -o-animation: vex-fadein 0.5s;
    -webkit-backface-visibility: hidden;
}

/*................................End Header.....................................*/
/*.....................Start Responsive Navigation...............................*/
.navbar-default .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    padding: 0px;
}

.navbar-nav li {
    background-color: #37acce;
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 16%;
    text-align: center;
}
.navbar-nav li.navList {
    width: 19%;
}

    .navbar-nav li a {
        background-image: url(../../images/ico_dashboard.png);
        background-repeat: no-repeat;
        background-position: center 20px;
        cursor: pointer;
    }

        .navbar-nav li a.icoMessage {
            background-image: url(../../images/ico_message.png);
            background-position: center 23px;
        }

        .navbar-nav li a.icoAppointment {
            background-image: url(../../images/ico_appointments.png);
        }

        .navbar-nav li a.icoHealth {
            background-image: url(../../images/ico_health.png);
            background-position: center 18px;
        }

        .navbar-nav li a.icoAccount {
            background-image: url(../../images/ico_account.png);
            background-position: center 25px;
        }
         .navbar-nav li a.icoIntake {
            background-image: url('../../images/intake-icon.png');
            background-position: center 25px;
        }

.navbar > .container-fluid .navbar-brand {
    margin: 0px;
}

.navbar {
    border-radius: 0px;
    position: relative;
    display: block;
    padding: 20px 0px 12px;
}


    .navbar > .container-fluid {
    }

.navbar-collapse {
    padding-left: 0px;
}

.navbar-brand {
    height: auto;
    line-height: inherit;
}

.navbar-default {
    border: none;
}

.navbar {
    min-height: inherit;
    margin: 0px;
}

.navbar-nav {
    margin-left: 25px;
}

.nav.navbar-nav li a {
    padding: 65px 20px 18px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
}

.nav.navbar-nav li a:hover, .nav.navbar-nav li a.activeMe {
    background-color: #00577f;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 185px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    border: 3px solid #FFF;
    border-top: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

    .dropdown-menu > li > a:hover {
        background-color: #eee;
        color: #16709b;
    }

.dropdown-menu {
    background: none;
}
/*.datepicker.dropdown-menu {
background: #fff;
}*/
.nav.navbar-nav .dropdown-menu a {
    background: none;
    color: #FFF;
    padding: 7px 14px;
}

.navbar-nav > li.dropdown:hover a.dropdown-toggle {
    background-image: url(../../images/top_arrow.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.nav.navbar-nav .dropdown-menu a:hover {
    text-decoration: none;
}

.open > a {
    outline: 0;
}

@media screen and (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: inline-block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -ms-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
            }

            .nav > li > a.activeMe {
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav > li > a > img {
        max-width: none;
    }

.navbar {
    position: relative;
    z-index: 100;
}

@media screen and (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media screen and (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media screen and (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media screen and (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
}

@media screen and (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media screen and (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media screen and (min-width: 768px) {
    .navbar-nav {
        float: none;
        margin: 0;
        text-align: center;
    }

        .navbar-nav > li {
            /*float:none;*/
            /*display:inline-block;*/
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #073a29;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-default {
    width: 100%;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #ddd;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #eee;
        color: #16709b;
    }
/*......................End Responsive Navigation................................*/
/*................................Start MainCnts.................................*/
.main {
    clear: both;
}

hr {
    border: none;
    clear: both;
    width: 100%;
    margin: 0px;
}

::-webkit-input-placeholder {
    color: #9d9d9d;
}

:-moz-placeholder { /* Firefox 18- */
    color: #9d9d9d;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #9d9d9d;
}

:-ms-input-placeholder {
    color: #9d9d9d;
}
/*................................End MainCnts.................................*/
/*..................................Start Form.................................*/
.InputTable {
    margin: 5px 0px;
}

.row-form {
    margin-bottom: 6px;
    line-height: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
}

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

.InputTable .row-form:last-child {
    margin-bottom: 2px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-firstHalf, .col-secondHalf {
    width: 16.6666%;
    display: inline-block;
}

.col-1 {
    width: 8.3333%;
}

.col-2 {
    width: 16.1%;
}

.col-3 {
    width: 24.9999%;
}

.col-4 {
    width: 33.3332%;
}

.col-5 {
    width: 41.1%;
}

.col-6 {
    width: 49.9998%;
}

.col-7 {
    width: 58.3331%;
}

.col-8 {
    width: 66.6664%;
}

.col-9 {
    width: 74.9997%;
}

.col-10 {
    width: 83.333%;
}

.col-11 {
    width: 91.6663%;
}

.col-12 {
    width: 99.9996%;
}

.col-firstHalf {
    width: 62%;
}

.col-secondHalf {
    width: 35%;
    float: right;
}

.row-form label, .row-form .blackLabel, .row-form .labelBlue, #accountsdemographicinfo .row-form span, #pAccountsdemographicinfo .row-form span, #pAccountsinsuranceplanslist .row-form span, #accountsinsuranceplanslist .row-form span{
    white-space: nowrap;
    text-align: right;
    font-weight: normal;
    color: #065c8d;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 6px 0px 1px 0px;
    float: left;
    width: 30%;
    line-height: 1.2;
    margin: 0px 0px 0px 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.stngLbl .row-form label, .stngLbl .row-form .blackLabel, .healthPanel .row-form .blackLabel, .healthPanel label, #accountsdemographicinfo .row-form span, #pAccountsdemographicinfo .row-form span, #pAccountsinsuranceplanslist .row-form span, #accountsinsuranceplanslist .row-form span{
    font-weight: 600;
    color: #505050;
    font-size: 14px;
}

.stngLbl .row-form .textBoxValidate {
    padding-top: 4px;
}

.row-form .col-firstHalf label, .row-form .col-secondHalf label {
    width: 50%;
}

.InputTable .row-form select, .InputTable .row-form input[type="text"], .row-form input[type="text"], .InputTable .row-form input[type="password"], .InputTable .row-form textarea, .InputTable .row-form input[type="number"] {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    float: right;
    color: #414141;
    height: 29px;
    width: 66%;
    border: 1px solid #ccc;
    outline: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 7px;
    padding-right: 7px;
    /*-webkit-box-shadow: -1px 0px 3px 0px rgba(235,235,235,1);
-moz-box-shadow: -1px 0px 3px 0px rgba(235,235,235,1);
box-shadow: -1px 0px 3px 0px rgba(235,235,235,1);*/
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
    box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
    -webkit-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-form input[type="password"] {
    height: 32px;
    padding-top: 0px;
    padding-bottom: 0px;
}

input[type="text"].datepicker {
    background-image: url(../../images/calendar-bg.png);
    background-repeat: no-repeat;
    background-position: 98% center;
}

.InputTable .row-form select:-ms-input-placeholder, .InputTable .row-form input[type="text"]:-ms-input-placeholder {
    color: #bcbcbc;
}

.InputTable .row-form select {
    background-image: url(../../images/icon_ddl.png);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
}

.btnLinkGreen {
    
    color: #FFF;
    text-align: center;
    border:none;
    border-bottom:2px solid #11b135;
    
    outline: none;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    background: #73afeb;    
    background:#38bd55 ;
    cursor: pointer;
    -webkit-transition: 1s ease-in-out all;
    -moz-transition: 1s ease-in-out all;
    -ms-transition: 1s ease-in-out all;
    -o-transition: 1s ease-in-out all;
    transition: 1s ease-in-out all;
    padding:8px 14px 6px;
    height:auto;
    margin-right:8px;
}

.InputTable .row-form textarea {
    resize: none;
}

.InputTable .row-form input[type="file"] {
    width: 66%;
    padding: 2px 2px 1px;
    height: 23px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
}

.InputTable .row-form select {
    padding-right: 25px;
}

.InputTable .row-form .textBoxValidate, .InputTable .row-form .selectBoxValidate, .InputTable .row-form .textFrm { /*..Use this class when we need to add validator line..*/
    width: 66%;
    float: right;
}

.subText {
    background-color: #5faee3;
    border: 1px solid #407497;
    color: #fff;
}

    .subText div {
        border: 1px solid #fff;
        padding: 6px 10px 6px 8px;
    }

.subTextDotted {
    border: 1px solid #ccc;
    padding: 6px 10px 6px 8px;
    background-color: #f0f0f0;
    line-height: 1.3;
}

.InputTable .row-form .col-searchRemove input[type="text"], .InputTable .row-form .col-searchRemove select {
    width: 54%;
    float: left;
    margin-left: 3%;
}
.labelHidden {
    display:none;
}

.col-searchRemove center {
    width: 11%;
    display: inline-block;
    float: right;
}

.row-form .field_full-12 label, .row-form .field_full-12 span.labelBlue, #accountsdemographicinfo .row-form .field_full-12 span, #pAccountsdemographicinfo .row-form .field_full-12 span, #pAccountsinsuranceplanslist .row-form .field_full-12 span, #accountsinsuranceplanslist .row-form .field_full-12 span{
    width: 9.5%;
}

.row-form .field_full-8 label, .row-form .field_full-8 span.blackLabel, .row-form .field_full-8 span.labelBlue {
    width: 14.5%;
}

.row-form .field_full-12 textarea, .row-form .field_full-12 input[type="text"], .row-form .field_full-12 .textBoxValidate, .row-form .field_full-12 .textFrm {
    width: 88.7%;
}

.row-form .field_full-8 textarea, .row-form .field_full-8 input[type="text"], .row-form .field_full-8 .selectBoxValidate, .row-form .field_full-8 .textBoxValidate, .row-form .field_full-8 select, .row-form .field_full-8 input[type="number"], .row-form .field_full-8 .textFrm {
    width: 83%;
}

.col-9 .preferlbl label {
    margin-left: 0px;
}

.col-9 .preferlbl input[type="checkbox"] {
    vertical-align: -2px;
}

.col-9 .preferlbl div {
    display: inline-block;
}

.InputTable .row-form .selectBoxValidate select, .InputTable .row-form .textBoxValidate input[type="text"], .InputTable .row-form .textBoxValidate input[type="password"], .InputTable .row-form .textBoxValidate textarea, .row-form .field_full-8 .selectBoxValidate input[type="text"] {
    width: 100%;
}

.InputTable .row-form .col-firstHalf input[type="text"], .InputTable .row-form .col-secondHalf input[type="text"], .InputTable .row-form .col-firstHalf .textBoxValidate, .InputTable .row-form .col-secondHalf .textBoxValidate, .InputTable .row-form .col-firstHalf select, .InputTable .row-form .col-secondHalf select, .InputTable .row-form .col-firstHalf .selectBoxValidate, .InputTable .row-form .col-secondHalf .selectBoxValidate {
    width: 45%;
}
.InputTable .row-form .textFrm {
    padding-top: 6px;
}
.row-form .col-billingDate label {
    width:49%;
}
.InputTable .row-form .col-billingDate input[type="text"], .InputTable .row-form .col-billingDate select, .InputTable .row-form .col-billingDate textarea{
    width:47%;
}
.InputTable .row-form .col-billingDate .textBoxValidate, .InputTable .row-form .col-billingDate .selectBoxValidate{
    width:47%;
}
.InputTable .row-form .col-billingDate .textBoxValidate input[type="text"], .InputTable .row-form .col-billingDate .textBoxValidate select{
    width:100%;
}
fieldset{
    border:1px solid #005094;
    margin-bottom:10px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
fieldset legend{
    font-size:16px;
    font-weight:400;
    color:#005094;
}
.healthPanel .rowPreviewHealth {
    float:left;
}
.healthPanel .rowHealth.rowPreviewHealth .col-6 label{
    width: 76%;
    float: left;
    margin-top: 7px;
    white-space: normal;
    line-height: 1.3;
}
.healthPanel .rowPreviewHealth .col-6 span{
    display: inline-block;
    width: 22%;
    float: right;
    text-align: center;
}

.InputTable .row-form .textBoxValidate, .InputTable .row-form .selectBoxValidate, .InputTable .row-form .textFrm {
    text-align: left;
}

.InputTable .row-form .col-firstHalf .selectBoxValidate select, .InputTable .row-form .col-secondHalf .selectBoxValidate select, .InputTable .row-form .col-firstHalf .textBoxValidate input[type="text"], .InputTable .row-form .col-secondHalf .textBoxValidate input[type="text"] {
    width: 100%;
}

.wSpace label, .wSpace .labelBlue {
    white-space: normal;
}

a.btnLinkBlue:hover {
    color: #fff;
}

.redBox {
    background-color: #F95551;
    height: 8px;
    width: 6px;
    margin-left: 3px;
    margin-right: 2px;
}

.appointmentTbl {
    text-align: center;
    position: relative;
    max-height: 231px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}
#televisitcollapse2.teleVisitGrid .appointmentTbl {
    max-height: 325px;
}

/*.appointmentRow {
    border-bottom: 1px solid #cccccc;
    padding: 2px 0px;
    display: table;
    overflow: hidden;
    width: 100%;
    min-height: 87px;
    display: flex;
    align-items: self-end;
    margin: 3px;
}*/

.appointmentRowRequest, .appointmentRow {
    border-bottom: 1px solid #cccccc;
    padding: 2px 0px;
    overflow: hidden;
    width: 100%;
    min-height: 87px;
    display: flex;
    align-items: self-end;
    margin: 3px;
    padding: 5px 0;
}
#televisitGridParent .appointmentRow {
    align-items: center;
}
.appointmentTbl .appointmentRow:last-child {
    border: none;
}

.appointmentDate {
    background-color: #83a1bc;
    display: inline-block;
    padding: 5px 6px 7px;
    line-height: 1;
    color: #fff;
    font-size: 30px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    width: 90px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

    .appointmentDate span {
        display: block;
        font-size: 14px;
    }

.appointmentRow div {
    display: table-cell;
    vertical-align: middle;
    word-break: break-word;
}
/*.................................End Form....................................*/
/*................................Start Footer.................................*/
footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #b7b8b9;
    color: #505050;
    padding: 5px 0px;
    font-size: 11px;
}

footer {
    background-color: #fff;
    border-top: 1px solid #005ea8;
    padding: 8px 0px;
}

    footer a {
        color: #505050;
    }
.mainColumn#pharm_Search.LGScreen{
    height:407px;
    overflow:auto;
}
/* New Login Page */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,700&display=swap');
.portal-login{
    background-color: #ffffff;
}
.flex-center{
    display: flex;
    justify-content: center;
}
.login-banner {
    background-image: url(../../images/login-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 650px;
    overflow: hidden;
    padding: 40px 0;
}
.login-header {
    display: flex;
    align-items: center;
}
.client-text {
    margin: 0 0 40px;
}
.client-text h1{
    color: #005ea8;
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 10px;
}
.client-text p {
    color: #005ea8;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 10px;
}
.client-text li{
     color: #005ea8;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 10px;
}
.login-header a {
    margin-bottom: 10px;
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.menu-left{
    margin-left: 36px;
}
.portal-loginForm {
    display: flex;
    margin-top: 40px;
}
.portal-loginForm h1 {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 44px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 27px;
}
.portal-loginForm p {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 34px;
    text-align: left;
    /* Text style for "Make smart" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.portal-loginForm .loginLogo {
    max-width: 470px;
    min-height: 472px;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px rgba(0, 94, 168, 0.26);
    border-radius: 10px;
    background-color: #ffffff;
    padding: 50px 38px;
    margin: 0;
}
#unlockMainPage .portal-loginForm .loginLogo {
    min-height: 420px;
}
.login-validation {
    min-height: 50px;
}
.loginLogo label {
    color: #5a5a5a;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
}
.loginLogo .requiredFld {
    color: red;
    font-size: 12px;
    display: none;
    width: 100%;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    width: 100%;
    text-align: left;
}
.loginLogo input[type="text"], .loginLogo input[type="password"] {
    border: none;
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
    background-color: transparent !important;
    border-radius: 0;
    font-size: 14px;
    font-family: "Open Sans";
    margin-top: 5px;
    max-width: 391px;
    min-height: 39px;
    padding: 0;
    background-image: none;
    height: 100%;
    caret-color: black;
}
input:-webkit-autofill, input[type="text"]#txtUser,
input[type="password"]#txtPassword, input[type="email"]#txtunlockUser,
input[type="password"]#txtunlockPassword {
    color: #ffffff !important;
    -webkit-box-shadow: none;
    -webkit-text-fill-color: #5a5a5a !important;
}
.loginLogo select {
    max-width: 391px;
    min-height: 39px;
    width:100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    color: #5a5a5a;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 20px;
}
.loginLogo input[type="button"].btn-submit {
    width: 85px;
    height: 39px;
    border-radius: 5px;
    background-color: #0069b1;
    padding: 0;
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin:0;
}
.login-btn{
    margin: 48px 0 30px;
    text-align: center;
}

.forgot-btn{
    text-align: center;
}
.forgot-btn a {
    color: #005ea8;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.login-summary{
    text-align:center;
    margin-top: 30px;
    margin-bottom:70px;
}
.login-summary-image{
    min-width: 80px;
    min-height: 80px;
}
.login-summary h2 {
    color: #005ea8;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.login-summary p {
    color: #005ea8;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.footer-menu {
    color: #005ea8;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    text-align: end;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
}
.footer-menu a {
    color: #005ea8;
}
.login-header-image {
    text-align: center;
    margin-bottom: 20px;
}
.login-header .clientLogo {
    min-height: 160px;
    height: 100%;
    display: flex;
    align-items: center;
}
.login-input{
    min-height: 80px;
}
.login-proceed input[type="button"].btn-submit {
    width: 85px;
    height: 39px;
    border-radius: 5px;
    background-color: #0069b1;
    padding: 0;
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    margin-top: 28px;
}
#televisitGridParent .appointmentRow .col-7 {
    padding-left: 20px;
}
@media(max-width:767px) {
    
    #statementdiv .stngLbl .col-1 {
        display: none;
    }

    #statementdiv .stngLbl .col-5 {
        width: 41.1%;
    }

    #statementdiv .stngLbl .col-6 {
        width: 49.9998%;
    }
    .login-banner {
        background-size: 100% 920px;
    }
    .login-header .clientLogo{
        display: block;
        position:relative;
        margin-top: 0;
    }
    .col-3 {
        width: 100%;
    }
    .portal-loginForm h1, .portal-loginForm p, .login-header-menu {
        text-align: center;
    }
    .login-header-menu a{
        display: block;
    }
    .portal-loginForm, .menu-left {
        margin: 0;
    }
    .portal-loginForm h1 {
        margin-bottom: 20px;
    }

    .portal-loginForm p {
        margin-bottom: 30px;
    }

    .login-summary {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .login-summary h2 {
        margin-top: 20px;
    }

    .login-summary p {
        margin-bottom: 30px;
    }

    .login-summary {
        margin-bottom: 30px;
    }

    .footer-menu {
        text-align: center;
    }
    .footer-block{
        display: block;
    }
    #televisitGridParent .appointmentRow .col-3 {
        width: 100%;
    }
    #newpatientreg .InputTable .row-form .col-searchRemove input[type="text"]{
        margin-left:0;
    }
}
/* End New Login Page */
@media only screen and (min-width: 1500px) {
    .mainColumn#pharm_Search.LGScreen{
        height:715px;
        overflow:auto;
    }
}
@media screen and (max-width:1171px) { /*..... 125 .....*/
    .pgSize {
        margin: 0 auto;
        max-width: 100%;
        padding: 0 10px;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
    .datePnl, .timePnl {
        padding-left: 2%;
    }

    .stngLbl .row-form label {
        white-space: normal;
    }
}

@media screen and (max-width:979px) {
    .navbar-nav, .navbar-right {
        float: none !important;
        text-align: center;
    }

    .dropdown-menu {
        min-width: 150px;
    }

    
}

@media only screen and (max-width: 767px) and (min-width: 240px) {
    .navbar-nav > li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #888;
    }

    .navbar-nav li.dropdown {
        background: url(../../images/li-drop-down.png) no-repeat 94% center;
    }

    .navbar-default .navbar-collapse {
        border: none;
        width: 100%;
        position: absolute;
        top: 45px;
        z-index: 10000;
        left: 0px;
    }

    .dropdown-menu {
        min-width: 230px;
        text-align: center;
    }

    .navbar-nav > li.dropdown:hover a.dropdown-toggle {
        background-position: 95px bottom;
    }

    .nav.navbar-nav li a {
        padding: 9px 0px 9px 20px;
        color: #000;
    }

    .navbar-nav {
        margin: 0px 0px 0 0;
        background-color: #dcd8cd;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table {
        margin: 0;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*border: 1px solid #ddd;*/
    }

        .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
            white-space: nowrap;
        }
}

@media only screen and (max-width:479px) {
}

@media print {
    #divtransactiondate.textFrm, #divtrancardtype.textFrm, #divtranamountpaid.textFrm {
        padding-left: 15px;
    }

    #divtrancardname.textFrm {
        padding-left: 40px;
    }
}

.fadeoutBackgroundMessagePan {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #AAAAAA;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

.messagePan {
    background: #fefdbd;
    background: -moz-linear-gradient(top, #ffe08c 0%, #fcfbd6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe08c), color-stop(100%,#fcfbd6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffe08c 0%,#fcfbd6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffe08c 0%,#fcfbd6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffe08c 0%,#fcfbd6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffe08c 0%,#fcfbd6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe08c', endColorstr='#fcfbd6',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ffe081;
    width: 100%;
    vertical-align: bottom;
    top: 0px;
    left: 0px;
}

.messagePan:hover {
    background: #fdfcd4;
    background: -moz-linear-gradient(top, #ffdfa5 0%, #f9f8de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdfa5), color-stop(100%,#f9f8de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffdfa5 0%,#f9f8de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffdfa5 0%,#f9f8de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffdfa5 0%,#f9f8de 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffdfa5 0%,#f9f8de 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfa5', endColorstr='#f9f8de',GradientType=0 ); /* IE6-9 */
}

.messagePan .Buttons {
    display: inline-block;
}

/*.messagePan .Buttons span {
    display: inline-block;
    padding: 4px 5px 4px 5px;
    cursor: pointer;
    min-width: 60px;
    margin: 0px 3px 0px 3px;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px 0 #5889a2;
}*/

/*.messagePan .Buttons span.blue {
    background-color: #75b2d2;
    border: 1px solid #5185a3;
}

.messagePan .Buttons span.blue:hover {
    background-color: #86d1f2;
}

.messagePan .Buttons span.gray {
    background-color: #a3a3a3;
    border: 1px solid #7a7a7a;
}

.messagePan .Buttons span.gray:hover {
    background-color: #c6c6c6;
}*/

.messagePan div.successMessage {
    /*font-family: Tahoma,Helvetica,Arial,sans-serif;
font-size: 12px;*/
        color: #197108;
    line-height: 17px;
    font-weight: 600;
    display: inline-block;
    margin:12px 10px 10px 0px;
    text-shadow: 1px 1px 0 #ffffff;
}

.messagePan div.errorMessage {
    /*font-family: Tahoma,Helvetica,Arial,sans-serif;
font-size: 12px;*/
    color: #ee0606;
    line-height: 17px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #ffffff;
}

.messagePan div a {
    /*font-family: Tahoma,Helvetica,Arial,sans-serif;
font-size: 11px;*/
    color: #000;
    text-decoration: none;
}

    .messagePan div a:hover {
        color: #a44f25;
    }

.messagePan a.Close {
    /*font-family: Tahoma,Helvetica,Arial,sans-serif;*/
    font-size: 13px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    margin: 3px 20px 3px 20px;
    padding-top: 12px;
    float: right;
    display: block;
    height: 32px;
    width: 50px;
    border: 1px solid transparent;
    text-shadow: 1px 1px 0 #ffffff;
}

.messagePan a.Close:hover {
    color: #14739d;
    background-color: #86d1f2;
    border: 1px solid gray;
}

.schedule-calender {
    max-width: 350px;
    width: 100%;
    display: inline-block;
    height: 350px;
    float:left;
    margin:5px;
}
#organizerContainer {
    float: left;
    margin: 5px;
}
.schedule-calender:first-child {
    margin-right: 20px;
}
.schedule-calender table{
    border-collapse: collapse;
    border: 1px solid #ddd;
}
#calendarContainer table tr td {
    border: 1px solid #ddd;
}
.slotsContainer table tr td {
    border: 1px solid #ddd !important;
    padding: 10px;
}
#appointment_list table tr {
    border: 1px solid #ddd !important;
    padding: 10px;
}

#appointment_list  tr td{
    border: none;
    padding: 0;
}
 #appointment_list tr th{
    text-align: center;
    padding: 0px;
}
.card-header * {
    list-style-type: none;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
    margin-left: 5px;
}

.card-header {
    padding: 20px;
    width: 100%;
    background-color: rgb(0 105 177);
    text-align: center;
}
#slotsContainer .card-header {
    color: rgb(0 105 177);
    background: transparent;
    padding: 10px 20px;
}
#slotsContainer .card-header li {
    color: black;
    font-weight: 600;
    /* line-height: 1.3; */
    font-size: 15px;
    /* text-align: left; */
}
#slotsContainer .card-header li div{
    color: rgb(0 105 177);
    letter-spacing: 0.5px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.card-header ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.card-header ul li {
    color: white;
    font-size: 20px;
}

.weekdays {
    margin: 0;
    padding: 10px 0;
}

.days {
    padding: 10px 0;
}
.schedule-calender td.inactive {
    background-color: #fff8f8;
    cursor: not-allowed;
}

.schedule-calender td.active {
    cursor: pointer;
}

.card-header button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 20%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.card-next-icon {
    right: 0;
    background-image: url(../../images/calendar-next-icon.png);
}

.card-previous-icon {
    left: 0;
    background-image: url(../../images/calendar-pre-icon.png);
}
.badge1 {
    position: relative;
}

.badge1[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -0.5px;
    right: -0.5px;
    font-size: .7em;
    background: red;
    color: white;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
}
.openTok-section {
    width: 100%;
    float: left;
    height: 22%;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
}
#videos{
    background-color:transparent;
}
#publisher {
    float: left;
}

.openTok-navbar {
    z-index: 99999;
    background: transparent;
    width: 70%;
    float: left;
    height: 50px;
    padding: 10px 20px;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
}

.openTok-navbar-span {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    width: 26px;
    position: relative;
}

.openTok-navbar-span:nth-child(2) {
    width: 16px;
}

.openTok-navbar-span img {
    width: 100%;
}

.openTokListing {
    position: absolute;
    top: -125px;
    left: 0px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    line-height: 1.5;
    max-height: 120px;
    overflow-y: scroll;
    min-width: 200px;
    font-size: 14px;
    width: 100%;
}

.openTokListing ul {
    padding: 0;
    margin: 0;
}

.openTokListing ul li {
    padding: 8px;
    color: #000;
    display: flex;
}

.openTokListing ul li:hover {
    background-color: #0371b3;
}

.openTokListing ul li:hover a {
    color: #fff;
}

.openTokListingSpan.blue-bg,
.openTokListingSpan.black-bg,
.openTokListingSpan.green-bg {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: blue;
    border-radius: 50%;
    margin-right: 10px;
}

.openTokListingSpan.black-bg {
    background-color: black;
}

.openTokListingSpan.green-bg {
    background-color: green;
}

.ui-widget-header a.Icon_RTC_down.OpenTokMinimum {
    background-image: url(../../images/minimum-icon.png);
    background-size: contain;
    margin-left: 10px;
    margin-right: 7px;
    margin-top: 2px;
}

.ui-widget-header a.Icon_RTC_down.OpenTokMaximum {
    background-image: url(../../images/maximum-icon.png);
    background-size: contain;
    margin-left: 10px;
    margin-right: 7px;
}

.ui-widget-header a.Icon_RTC_down.OpenTokMinimize {
    background-image: url(../../images/minimize-icon.png);
    background-position-y: -3px;
}

.ui-widget-header a.Icon_RTC_up.OpenTokMinimize {
    background-image: url(../../images/minimize-icon.png);
    background-position: bottom;
}
.payOnlineWrapper {
    width: 100%;
    float: left;
}

.payOnlineInput {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}

.InputTable .row-form .payOnlineInput input.payAmount {
    width: 132px;
    margin: 0 auto;
    float: none;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    font-size: 32px;
    font-weight: 600;
}

.payOnlineExtraInfo h4 {
    text-align: right;
    font-size: 16px;
    color: #1D57A1;
    color: #000;
    margin: 0;
    display: inline-block;
    background-color: white;
    font-weight: 600;
    width: 170px;
    float: left;
}

.payOnlineExtraInfo .headingLine {
    width: auto;
    text-align: right;
    height: 18px;
    border-bottom: 1px solid #1D57A1;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    width: 570px;
    float: right;
    margin-top: -2px;
}

.payOnlineWrapper h5 {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.payOnlinebtn {
    text-align: center;
    width: 100%;
}

.InputTable .row-form .payOnlinebtn .patDataPyfld {
    width: 250px;
    float: none;
}

.payOnlineFull {
    width: 580px;
    float: right;
    margin-bottom: 10px;
    text-align: center;
}

    .payOnlineFull .requiredFld {
        max-width: 250px;
        text-align: left;
        margin: 0 auto;
        width: 100%;
        margin-top: 2px;
    }

.payOnlineWrapper {
}

.InputTable .row-form .payOnlineFull .patDataPyfld {
    width: 100%;
}

.InputTable .row-form .payOnlineFull .paymentInput {
    width: 250px;
    float: none;
    height:29px;
}

.InputTable .row-form input[type="text"].paymentInput {
    width: 250px;
    float: none;
}

.payOnlineFirstHalf {
    width: 250px;
    float: left;
}

.payOnlineSecondHalf {
    width: 250px;
    float: right;
}

.payOnlinebtn .btnLinkBlue,
.payOnlinebtn .btnLinkGreen {
    margin-top: 10px;
}
@media screen and (max-width:720px) {

    .weekdays td,
    .days td {
        width: 13.1%;
    }
}

@media screen and (max-width: 420px) {

    .weekdays td,
    .days td {
        width: 12.5%;
    }

        .days td .active {
            padding: 2px;
        }
}

@media screen and (max-width: 290px) {

    .weekdays td,
    .days td {
        width: 12.2%;
    }
}

@media only screen and (max-width:1171px) {
    .loginBG {
        background-position:top left;
    }
    .loginLogo {
        margin-left:60px;
    }
    .loginSummary {
        float:none;
        margin:30px auto 0;
    }
    .topLogin {
        width: 450px;
        margin: 0px 0px 50px 50px;
    }
    .InputTable .row-form input[type="text"]#txtAccountRepresentativeEmail{
        width:54% !important;
    }
    .simplePopup {
        /*max-width: 1000px;*/
        width: 98%;
        left: 12px !important;
        right: auto;
    }
    #demoaccountsummarybucket .col-5, #demoaccountsummarybucket .col-7{
        width:80%;
        margin-left:10%;
    }
    .lastVisitPnl .datePnl {
        width:37%;
    }
    .lastVisitPnl .timePnl {
        width:34%;
    }
    .schedule_second .row-form .col-8 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (max-width:768px) {
    .topLogin {
        float: right;
        width: 280px;
        margin: 0px 10px 50px 0px;
    }
    .clientLogo {
        height: 140px;
        text-align: center;
        margin-top: 35px;
    }
    .topLogin p {
        font-size:14px;
    }
    .loginSummary .col-6{
        width:70%;
    }
    .loginSummary .col-6.icoProfile, .loginSummary .col-6.icoMedication{
        margin-bottom:15px;
    }
    .loginSummary .col-6.icoMedication, .loginSummary .col-6.icoEnhanced{
        padding-bottom:15px;
    }
    header aside {
        margin-bottom: 10px;
        margin-bottom: 20px;
    }
    header aside ul {
        margin-top: 0px;
        text-align: center;
        position:relative;
    }
    header aside ul li:last-child {
        position: relative;
        top: -12px;
    }
    header aside ul li ul li:last-child {
        top:0px;
    }
    .logo, header aside {
        width: 100%;
        text-align: center;
    }
    .appointmentPnl {
        text-align:center;
    }
    #demoaccountsummarybucket .col-5, #demoaccountsummarybucket .col-7 {
        width: 100%;
        margin-left: 0%;
    }
    .appointmentPnl.lastVisitPnl {
        height: auto;
        text-align: center;
    }
    .lastVisitPnl .datePnl, .lastVisitPnl .timePnl, .datePnl, .timePnl {
        width: 100%;
        text-align: center;
    }
    .navbar-nav li.navList {
        width: 100%;
    }
    .nav.navbar-nav li a {
        color: #000;
        padding: 65px 20px 18px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        text-align: center;
    }
    .navbar-toggle {
        margin-top:-12px;
    }
    .panel-six, .panel-three {
        width: 100%;
        float: none;
        margin: 0;
        margin-top: 10px;
    }
    #db_contactus {
        margin-bottom: 12px;
        display: block;
    }
    header aside ul li {
        float: none;
        display: inline-block;
    }
    footer * {
        width: 100%;
        float: none;
        text-align: center;
        display: inline;
        line-height: 1.7;
    }
    main {
        padding-bottom:50px;
    }
    .fakeloader > div, #loadingloginform img {
        left: 42% !important;
        top: 42% !important;
    }
    .topLogin h1 {
        color: white;
    }
    .col-6, .row-form label, .row-form .blackLabel, .row-form .labelBlue, #accountsdemographicinfo .row-form span, #pAccountsdemographicinfo .row-form span, #pAccountsinsuranceplanslist .row-form span, #accountsinsuranceplanslist .row-form span, .InputTable .row-form select, .InputTable .row-form input[type="text"], .row-form input[type="date"], .InputTable .row-form input[type="password"], .InputTable .row-form textarea, .InputTable .row-form input[type="number"], .InputTable .row-form .textBoxValidate, .InputTable .row-form .selectBoxValidate, .InputTable .row-form .textFrm, .col-4, .col-12, #verifyPatientConsentForm .col-2, .col-5, .col-10, .col-11 {
        width: 96%;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        float: left;
        appearance: none;
    }
    .col-6, .col-4{
        margin-bottom:12px;
    }
    .row-form label, .row-form .blackLabel, .row-form .labelBlue, #accountsdemographicinfo .row-form span, #pAccountsdemographicinfo .row-form span, #pAccountsinsuranceplanslist .row-form span, #accountsinsuranceplanslist .row-form span {
        margin:0px;
        margin-bottom:12px;
    }
    .simplePopup {
        width: 96%;
        max-height: 460px;
        -webkit-overflow-scrolling: touch;
    }
    .InputTable .row-form select, .InputTable .row-form input[type="text"], .InputTable .row-form input[type="password"], .InputTable .row-form textarea, .InputTable .row-form input[type="number"], .InputTable .row-form .selectBoxValidate, .row-form .field_full-8 label, .row-form .field_full-8 span.blackLabel, .row-form .field_full-8 span.labelBlue {
        width: 100%;
    }
    #rbtelevisit_lbl {
        width: auto;
    }
    .InputTable .row-form .textFrm {
        margin-top:10px;
    }
    label[for="cbflexibledate"] {
        left: 22px !important;
    }
    .headingBtn span, .headingBtn div {
        width: auto;
    }
    .rowHealth {
        width: 98%;
        margin: 1% 0% 0% 0.7%;
    }
    .healthPanel .col-6 label, .healthPanel .col-6 .blackLabel {
        width: 100%;
    }
    .healthPanel .col-6 span {
        width: 99%;
        margin-bottom: 10px;
    }
    /*.appointmentRow div {
        display: block;
        width: 100%;
        text-align: center;
    }*/
    .appointmentRow p {
       /* display: block;
        margin-right:10px;
        text-align: center;*/
    }
    #appointvisitappointmain .appointmentDate, .appointmentRow p {
        display: block;
        text-align: center;
    }
    #televisitGridParent .appointmentRow .col-7 p {
        text-align: left;
    }
    #appointvisitappointmain .col-2, #appointvisitappointmain .col-3,
    .appointmentRow .col-2, .appointmentRow .col-3{
        display: block;
        width: 33%;
        margin: 0 auto;
    }
    .appointmentRowRequest {
        height:auto;
    }
    .appointmentRow {
        padding-left: 1%;
    }
    #collapsedownload .col-6 .textBoxValidate, #transmitpanel .col-12 .textBoxValidate, #transmitpanel .col-12 .textBoxValidate label, #transmitpanel .col-12 .textBoxValidate input{
        width: 96% !important;
    }
    #transmitpanel .col-12 .textBoxValidate, #transmitpanel .col-12 .textBoxValidate label, #transmitpanel .col-12 .textBoxValidate input {
        margin-left: 0px !important;
    }
    #transmitpanel .col-12 label {
        margin:10px 0px 12px 0px !important;
    }
    #collapseview {
        overflow:auto;
    }
    #ViewStatementBucket {
        overflow: auto;
        width: 100%;
        display: block;
    }
    #stipePaymentOnline form{
        width:100% !important;
    }

    #stipePayment form {
        width: 100% !important;
    }
    .mainBuckets .headingOne .btnLinkBlue {
        margin-left: 8px;
    }
    .InputTable .row-form select, .InputTable .row-form input[type="text"]{
        background-color:white !important;
    }
    .healthPanel .rowPreviewHealth .col-6 span {
        width: 100%;
        text-align: left;
        margin-bottom: 3px;
    }
    .loginBG {
        position: relative;
        padding-top: 10px;
    }
    .clientLogo {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 20px;
        height:90px;
    }
    .loginLogo {
        margin-top: 90px;
    }
    .topLogin {
        margin-top:30px;
    }
    #televisitcollapse2 .headingBtn, #db_office_visit_grid .headingBtn, #Aptmnt_office_bckt .headingBtn {
        position: relative;
    }
    #televisitcollapse2 .headingBtn #tele_visit_heading, #db_office_visit_grid .headingBtn > span, #Aptmnt_office_bckt .headingBtn > span{
        white-space: normal;
        width: 93%;
        margin-bottom: 8px;
    }
    #televisitcollapse2 .headingBtn .imageanchor, #db_office_visit_grid .headingBtn .imageanchor, #Aptmnt_office_bckt .headingBtn .imageanchor {
        position: absolute;
        top: 10px;
        right: 0px;
    }
    #db_requestedAppointments .headingBtn span, #db_requestedAppointments .headingBtn div, #messagePanelDashboard .headingBtn span, #messagePanelDashboard .headingBtn div {
        float: left;
        width: auto;
    }
    #db_requestedAppointments .headingBtn div, #messagePanelDashboard .headingBtn div {
        float: right;
    }
    .schedule-calender {
        max-width: 100%;
        width: 98%;
    }
    .schedule-calender:first-child {
        margin-right: 0;
        margin-bottom:30px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 240px) {
    .loginLogo{
        width: 500px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #viewhealtrecordcollapse .col-3 {
        width: 94.9999%;
    }
    #viewhealtrecordcollapse .row-form .col-billingDate label {
        text-align: right;
        padding-right: 12px;
    }
    .topLogin {
        float: none;
        text-align: center;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .topLogin p {
        font-size:16px;
        color:white;
    }
    .topLogin h2 {
        color:white;
    }
    .loginSummary {
        width:500px;
    }
    .loginSummary .col-6 {
        width:100%;
    }
    .loginBG {
        margin-bottom:10px;
    }
    .topLogin img {
        margin-bottom:5px;
    }
    .topLogin {
        margin-bottom:25px;
    }
    .pWinBarTitle.RpsntatvName{
        white-space:normal;
    }
    .headingBtn div .application_version {
        display:none;
    }
    .schedule_second .row-form .col-8{
        width:100%;
    }
    .schedule_second #calendarContainer,
    .schedule_second #organizerContainer {
        float:none;
    }
    .schedule_second .cjslib-calendar.cjslib-size-small,
    .schedule_second .cjslib-events.cjslib-size-small {
        width: 98%;
        height: 100%;
    }
    .schedule_second .cjslib-labels > span {
        padding: 8px;
    }
}

@media only screen and (max-width:479px) {
    .loginLogo{
        width: 300px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .topLogin img {
        width: 100%;
    }
    main {
        padding-bottom: 67px;
    }
    .fakeloader > div, #loadingloginform img {
        left: 35% !important;
        top: 37% !important;
    }
    .table-responsive > .table-bordered {
        width: 700px;
        table-layout: auto;
    }
    .loginLogo > img {
        width:300px;
    }
    .topLogin {
        float: none;
        text-align: center;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .topLogin p {
        font-size:16px;
        color:white;
    }
    .topLogin h2 {
        color:white;
    }
    .loginSummary {
        width:300px;
    }
    .loginSummary .col-6 {
        width:100%;
    }
    .loginBG {
        margin-bottom:10px;
    }
}
.SearchButton{
    height: 21px;
    background-image: url(../../images/search_icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: -5px;
}
.links {
    text-decoration: underline;
    color: #0371b3;
}
.RemoveButton {
    height:16px;
    width:16px;
    background-image: url(../../images/icon_remove_hover.png);
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: -7px;
}
@media(max-width:468px) {
    .portal-loginForm h1 {
        font-size: 28px;
    }

    .portal-loginForm .loginLogo {
        min-height: 440px;
        padding: 30px 22px;
    }
    #Aptmnt_req_bckt .headingBtnLnk {
        width: 100%;
    }
    #Aptmnt_req_bckt .headingBtnLnk input[type=button] {
        width: 100%;
        margin-top: 10px;
    }
    #televisitGridParent .appointmentRow {
        display: block;
}
    #televisitGridParent .appointmentRow .col-7 p {
        text-align: center;
    }

    #televisitGridParent .appointmentRow .col-7 {
        padding-left: 0px;
    }
    a.cancelBtn {
        font-size: 10px;
    }
    .appointmentRowRequest .col-7, .appointmentRow .col-7, .appointmentRow .col-10 {
        padding: 0 10px;
    }
}
@media(max-width:468px) {
    .schedule-btn .btnLinkBlue {
        display: block;
        width: 100%;
        margin-bottom: 6px;
    }
}
@media(max-width:340px) {

    .headingOne, .headingBtn {
        font-size: 17px;
    }
}
.today {
    color: #fff;
    background: #1a87d1;
    border: 2px solid #0069b1 !important;
}
td.active.activetr {
    background: #0075B6 !important;
    color: white;
    font-weight: 600;
}

.futureSlots {
    background: #B7C8E2 !important;
    color: #195BBD;
    font-weight: bold;
}
.schedule_second tr td, .schedule_second tr th{
    text-align: center;
}
.normaltr {
    border: 1px solid #ddd !important;
}
.activetr {
    border: 2px solid #0069b1 !important;
}

.calenderslots {
    display: block;
    margin-bottom: 10px;
    padding: 12px 24px;
    max-width: 100%;
    color: rgb(0 105 177);
    border-color: #cbd6e2;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    cursor: pointer;
    border-radius: 3px;
}

.calenderslots:hover {
    border-color: rgb(0,105,177);
    background-color: rgba(0,105,177,0.05);
}

.slotsdiv {
    height: 305px;
    overflow: auto;
}

.verification {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    text-align: center;
}

.verification {
    --m-width: 550px;
    --m-height: 350px;
    --w-width: 500px;
    --w-height: 350px;
    min-height: 500px;
    max-width: 550px;
    width:92%;
    height: 100%;
}

.verification, .verification__wrap, .verification__fields, .verification__field, .verification__verify {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.verification__wrap, .verification__fields, .verification__field, .verification__header, .verification__verify, .verification__timeout {
    padding: 0;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}

.verification__wrap {
    justify-content: space-between;
    flex-direction: column;
    height: auto;
}

.verification__title {
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}

.verification__description {
    text-align: justify;
    line-height: 1.6rem;
    font-size: 0.9rem;
    margin: 0;
    margin-bottom: 20px;
}

.verification__header {
    height: auto;
}

.verification__fields {
    height: 25%;
    margin-top: 5px;
    margin-bottom: 20px;
}

.verification__verify {
    height: 25%;
}

    .verification__verify p {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .verification__verify p, .verification__verify_btn {
        width: 100%;
        height: 100%;
    }

.verification__verify_btn {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    stroke: none;
    box-shadow: none;
    cursor: pointer;
    border-radius: 9px;
    height: 52px;
    /*padding: 8px 16px;*/
    font-size: 1.25rem;
    background-color: #5faee3;
    color: white;
    border-bottom: 2px solid #407497;
}

.verification__verify_btn:hover {
    transform: scale(1.05);
    background-color: #0b70b8;
    border-bottom: 2px solid #5faee3;
}

.verification__verify_btn:active {
    transform: scale(0.95);
    background-color: #0b70b8;
    border-bottom: 2px solid #5faee3;
}

.verification__field {
    justify-content: space-between;
    letter-spacing: 1.7px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    stroke: none;
    box-shadow: none;
    width: 100%;
    height: 100%;
    height: 60px;
}

    .verification__field:hover, .verification__field:focus {
        box-shadow: none;
    }

.verification__input {
    letter-spacing: 1.7px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    stroke: none;
    box-shadow: none;
    width: 150px;
    height: 50px;
    transition: 0.2s 0s ease-out;
    width: 60px;
    height: 60px;
    border-radius: 9px;
    padding: 16px 0;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    background: #dde6f3;
}

    .verification__input:hover {
        box-shadow: 0 0 0 0.25rem rgba(165, 179, 212, 0.6);
    }

    .verification__input:focus {
        box-shadow: 0 0 0 0.25rem rgba(165, 179, 212, 0.6);
    }

.verification__timeout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 25px;
}

    .verification__timeout p {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        font-size: 0.9rem;
        text-align: justify;
        padding: 4px 2px;
        padding-left: 4px;
        text-align: center;
    }

    .verification__timeout strong {
        display: inline-block;
        width: 55px;
        text-align: center;
    }

.verification__send_new {
    border: none;
    outline: none;
    stroke: none;
    box-shadow: none;
    cursor: pointer;
    width: auto;
    height: 25px;
    border-radius: 15px;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 5px 2px;
    background: transparent;
    color: inherit;
    font: inherit;
    transition: top 0.5s 0.1s ease, height 0.5s 0.1s ease, transform 0.3s ease, background 0.3s ease;
}

.verification--timed-out {
    position: relative;
}

    .verification--timed-out .verification__send_new {
        border: none;
        outline: none;
        stroke: none;
        box-shadow: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #1a2556;
        color: #fff;
        font-weight: bold;
    }

        .verification--timed-out .verification__send_new:hover {
            transform: scale(1.05);
        }

        .verification--timed-out .verification__send_new:active {
            transform: scale(0.95);
        }

/* --- RESPONSIVE --- */
/* [media MOBILE] */
@media (max-width: 550px) {
    /*.verification {
        --m-width: 350px;
        --m-height: 325px;
        --w-width: 300px;
        --w-height: 325px;
        margin-top: -75px;
    }*/

    .verification__input {
        width: 12%;
        height: 45px;
        padding: 8px 0;
        font-size: 1.5rem;
    }
}