h1, h2, h3, h4, h5 {
    margin-top: 0;
}


label {
    font-weight: 400;
}


.page-header {
    margin-top: 30px;
}


.noPadTop {
    padding-top: 0 !important;
}

.noPad {
    padding: 0 !important;
}


.extraPad {
    padding-top: 40px;
    padding-bottom: 40px;
}


html {
    background: url(../../Images/patientportal.jpg) no-repeat center center fixed;
    background-size: cover;
}


body {
    font-family: "Segoe UI", "Segoe WP", "Segoe Regular", sans-serif;
    font-size: 15px;
    line-height: 1.7em;
    color: #666666;
    background-color: transparent !important;
}


a {
    color: #025b9a;
}


ul, li {
    list-style: none;
}

.logo {
    margin-top: 20px;
    margin-bottom: 60px;
}

    .logo img {
        height: 80px;
    }


.login {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #a6d7e6;
    border-left-width: 0;
    -webkit-box-shadow: 5px 0px 0px #025b9a inset;
    -moz-box-shadow: 5px 0px 0px #025b9a inset;
    box-shadow: 5px 0px 0px #025b9a inset;
    color: #5d5d5d;
    margin-bottom: 21px;
    padding: 22px 20px 36px 20px;
    z-index:10;
}

    .login header {
        background: none;
        font-size: 30px;
        color: #025b9a;
        padding-left: 8px;
        margin-bottom: 20px;
        font-weight: 500;
    }

.form-control {
    height: 35px;
    margin-bottom: 10px;
    font-size: 12px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn-link {
    padding: 0px;
    margin-left: 8px;
}

.btn-primary {
    margin-right: 8px;
    padding: 4px 20px;
}

.btn-primary {
    background: #025b9a;
    color: #ffffff;
}

    .btn-primary:hover {
        background: #0373c2;
    }

.spacer3 {
    clear: both;
    display: block;
    height: 3px;
}

.spacer5 {
    height: 5px;
    clear: both;
}

.spacer10 {
    height: 10px;
    clear: both;
}

.spacer15 {
    height: 15px;
    clear: both;
}

.spacer20 {
    height: 20px;
    clear: both;
}


.leftInnerAddon {
    position: relative;
    color: #909090;
}


    .leftInnerAddon input {
        padding-left: 30px;
    }


    .leftInnerAddon i,
    .leftInnerAddon span {
        position: absolute;
        padding: 10px 12px;
        pointer-events: none;
    }


header {
    background: #5d5d5d;
    color: #ffffff;
}

    header h3 {
        color: white;
        float: right;
        margin-top: 5px;
        font-weight: 400;
    }

    header span {
        color: white;
        float: right;
        margin-top: 5px;
        font-weight: 400;
        font-size: 1.5em;
        margin-bottom: 5px;
    }



footer {
    background: #5d5d5d;
    color: #ffffff;
    bottom: 0;
    position: fixed;
    width: 100%;
}

    footer p {
        padding: 10px 0 0 0;
        font-size: 0.8em;
        float: left;
    }

    footer a {
        color: white;
    }

/* OhSnap Toaster */
#ohsnap .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    position: absolute;
    top: 100px;
    right: 21px;
    /* Each alert has its own width */
    float: right;
    clear: right;
    background-color: red;
    z-index: 5000;
}

.alert-red {
    color: white;
    background-color: #DA4453;
}

.alert-green {
    color: white;
    background-color: #37BC9B;
}

.alert-blue {
    color: white;
    background-color: #4A89DC;
}

.alert-yellow {
    color: white;
    background-color: #F6BB42;
}

.alert-orange {
    color: white;
    background-color: #E9573F;
}

/*portal slides*/
.slide-header {
    background-color: rgba(0, 118, 182, 0.5);
    color: #ffffff;
    padding: 0px 0 10px 15px;
    font-weight: 200;
    width: 450px;
    margin: -45px auto 25px auto;
    text-align: center;
}

.slide-box > h2 {
    color: #404040;
    text-align: center;
    margin-bottom: 50px;
}

.contentBox h3 {
    background-color: rgba(0, 0, 0, 0.45);
    color: #ffffff;
    font-size: 1.3em;
    padding: 8px 0px 25px 15px;
    margin-bottom: -13px;
}

.contentBox .content {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 22px 0 8px 0;
}

.contentBox li:before {
    content: '\f054';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #025b9a;
    font-size: 12px;
    padding-top: 2px;
}

.spacer100 {
    height: 100px;
    clear: both;
}



.spacer30 {
    height: 30px;
    clear: both;
}

.spacer50 {
    height: 50px;
    clear: both;
}

.pl-lg {
    padding-left: 30px;
}

.p-none {
    padding: 0;
}

.poweredBy {
    position: absolute;
    right: 15px;
    bottom: 5px;
}

@media only screen and (max-height:700px) {
    .poweredBy {
        position: absolute;
        margin: -40px 15px 50px 0px;
        float: right;
        bottom: 5px;
        right: 15px;
    }
}

@media only screen and (max-height:900px) {
    .poweredBy {
        position: absolute;
        margin: -40px 15px 40px 0px;
        float: right;
        right: -2px;
    }
}

@media only screen and (max-height:1500px) {
    .poweredBy {
        position: absolute;
        margin: -40px 15px 40px 0px;
        float: right;
        right: -2px;
    }
}

/*portal slides*/

/*Loader Start*/
.uil-ring-css {
    position: fixed;
    left: 0;
    width: calc((100%) - -65px);
    height: calc((100%) - -30px);
    margin: -15px 0 0 -25px;
    cursor: none;
    z-index: 11000;
    background: rgba(0, 0, 0, 0.11) !important;
}

    .uil-ring-css > div {
        position: absolute;
        display: block;
        margin: 20% auto;
        width: 60px;
        height: 60px;
        left: 0;
        right: 0;
        border-radius: 80px;
    }

.circle, .circle2, .circle3, .circle4 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(0,-50%);
    opacity: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid blue;
    -webkit-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite;
}

.circle2 {
    -webkit-animation-delay: 1s;
}

.circle3 {
    -webkit-animation-delay: 2s;
}

.circle4 {
    -webkit-animation-delay: 3s;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }

    10% {
        opacity: 0.5;
    }

    60% {
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(10);
        opacity: 0;
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    10% {
        opacity: 0.5;
    }

    60% {
        opacity: 0;
    }

    100% {
        transform: scale(10);
        opacity: 0;
    }
}
/*Loader End*/

.Of-a {
    overflow: auto !important;
}

/* Spacements */
/* spacement top & bottom */
.m-none {
    margin: 0 !important;
}

.m-auto {
    margin: 0 auto !important;
}

.m-xs {
    margin: 5px !important;
}

.m-sm {
    margin: 10px !important;
}

.m-md {
    margin: 15px !important;
}

.m-lg {
    margin: 20px !important;
}

.m-xl {
    margin: 25px !important;
}

.m-xlg {
    margin: 30px !important;
}

/* spacement top	*/
.mt-none {
    margin-top: 0 !important;
}

.mt-xs {
    margin-top: 5px !important;
}

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

.mt-md {
    margin-top: 15px !important;
}

.mt-lg {
    margin-top: 20px !important;
}

.mt-xl {
    margin-top: 25px !important;
}

.mt-xlg {
    margin-top: 30px !important;
}

/* spacement bottom	*/
.mb-none {
    margin-bottom: 0 !important;
}

.mb-xs {
    margin-bottom: 5px !important;
}

.mb-sm {
    margin-bottom: 10px !important;
}

.mb-md {
    margin-bottom: 15px !important;
}

.mb-lg {
    margin-bottom: 20px !important;
}

.mb-xl {
    margin-bottom: 25px !important;
}

.mb-xlg {
    margin-bottom: 30px !important;
}

/* spacement left	*/
.ml-none {
    margin-left: 0 !important;
}

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

.ml-sm {
    margin-left: 10px !important;
}

.ml-md {
    margin-left: 15px !important;
}

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

.ml-xl {
    margin-left: 25px !important;
}

.ml-xlg {
    margin-left: 30px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

/* spacement right	*/
.mr-none {
    margin-right: 0 !important;
}

.mr-xs {
    margin-right: 5px !important;
}

.mr-sm {
    margin-right: 10px !important;
}

.mr-md {
    margin-right: 15px !important;
}

.mr-lg {
    margin-right: 20px !important;
}

.mr-xl {
    margin-right: 25px !important;
}

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

/* Spacement Padding */
.p-none {
    padding: 0 !important;
}

.p-xs {
    padding: 5px !important;
}

.p-sm {
    padding: 10px !important;
}

.p-md {
    padding: 15px !important;
}

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

.p-xl {
    padding: 25px !important;
}

.p-xlg {
    padding: 30px !important;
}

/* spacement top	*/
.pt-none {
    padding-top: 0 !important;
}

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

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

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

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

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

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

/* spacement bottom	*/
.pb-none {
    padding-bottom: 0 !important;
}

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

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

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

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

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

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

/* spacement left	*/
.pl-none {
    padding-left: 0 !important;
}

.pl-xs {
    padding-left: 5px !important;
}

.pl-sm {
    padding-left: 10px !important;
}

.pl-md {
    padding-left: 15px !important;
}

.pl-lg {
    padding-left: 20px !important;
}

.pl-xl {
    padding-left: 25px !important;
}

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

/* spacement right	*/
.pr-none {
    padding-right: 0 !important;
}

.pr-xs {
    padding-right: 5px !important;
}

.pr-sm {
    padding-right: 10px !important;
}

.pr-md {
    padding-right: 15px !important;
}

.pr-lg {
    padding-right: 20px !important;
}

.pr-xl {
    padding-right: 25px !important;
}

.pr-xlg {
    padding-right: 30px !important;
}

.ib {
    display: inline-block;
    vertical-align: top;
}

/* weights */
.text-light {
    font-weight: 300;
}

.text-normal {
    font-weight: 400;
}

.text-semibold {
    font-weight: 600;
}

.textBold {
    font-weight: bold;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-xs {
    font-size: 10px;
    font-size: 1rem;
}

.text-sm {
    font-size: 13px;
    font-size: 1.3rem;
}

.text-md {
    font-size: 16px;
    font-size: 1.6rem;
}

.text-lg {
    font-size: 19px;
    font-size: 1.9rem;
}

.text-xl {
    font-size: 22px;
    font-size: 2.2rem;
}

.center {
    text-align: center;
}

.noBorder {
    border: none !important;
}

.border {
    border: solid 1px #ddd;
}

.bg-white {
    background-color: white !important;
}

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

.heigth300 {
    height: 300px !important;
}

.heigth250 {
    height: 250px !important;
}

@media only screen and (min-height:300px) and (max-height:550px) {
    .heigth250 {
        height: 50px !important;
    }
}

@media only screen and (min-height:551px) and (max-height:600px) {
    .heigth250 {
        height: 100px !important;
    }
}

@media only screen and (min-height:601px) and (max-height:700px) {
    .heigth250 {
        height: 180px !important;
    }
}

@media only screen and (min-height:701px) and (max-height:740px) {
    .heigth250 {
        height: 235px !important;
    }
}

@media only screen and (max-height:568px) {
    #divLogin {
        margin-top: -17% !important;
    }
}

.ml-20per {
    margin-left: 20% !important;
}

.ml-18per {
    margin-left: 18% !important;
}

.ml-15per {
    margin-left: 15% !important;
}

.ml-13per {
    margin-left: 13% !important;
}

.ml-22per {
    margin-left: 22% !important;
}

.modal-md {
    width: 480px !important;
}

.modal-md500 {
    width: 500px !important;
}

.label-btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    background-color: #468aea;
    border-color: #2464bf;
}

.div-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}

@media (min-width: 1200px) {
    #dvTermsAndConditions {
        margin-top: 10% !important;
        margin-bottom: 5% !important;
    }

    .termCond {
        top: 40% !important;
    }
}

.termCond {
        z-index:10;
}

.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 24px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #4CAF50;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.div-instrunction {
    font-size: 12px;
    color: black;
}

@media only screen and (max-height:900px) {
    #dvAtuhendicated {
        margin-left: 0px !important;
    }
}

.zIndex {
    z-index: 1000;
}

@media only screen and (max-width: 540px) {
    .poweredBy {
        z-index: -1;
    }
}

.font12 {
    font-size: 12px !important;
}

.btn-default[disabled] {
    background: #468aea !important;
}

.logo div {
    padding: 15px;
    border-radius: 20px;
    position: relative;
    z-index: 10;
    background-color: #ffffff70;
}