.help-block {
    color: red;
    font-size: 12px;
    float: left;
}

.required {
    color: red;
    font-size: 12px;
}

.form-control.error {
    border: 1px solid red;
}

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

.control-label {
    float: left;
    color: black;
}

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

.main-content-div {
    padding: 3pc;
}

.main-content-search {
    padding: 1pc;
    padding-right: 8pc;
    padding-left: 8pc;
    min-height: 550px;
}

.main-content-appoint {
    padding: 2pc 4pc;
    min-height: 593px;
}

.bg-color-content {
    background-color: #f5f5f5;
}

.bg-color-white {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 5px;
}

a.name-title {
    color: #3b99d9;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    margin: 0px;
}

.name-title-desc {
    color: #7f7f7f;
    font-size: 15px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
}

.name-title-lbl {
    margin: 0px;
    padding: 0px;
    color: #4a5055;
    font-size: 14px;
}

.name-title-a {
    color: #4a4a4a;
    text-decoration: underline;
    font-size: 12px;
    margin-top: 2pc;
}

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

.ul.list {
    margin-left: -25px;
}

.ul-list > li {
    width: 50%;
    float: left;
    font-size: 12px;
}

    .ul-list > li::before {
        background: #01aada;
    }

.btn-appointment {
    color: #fff;
    padding: 3px 12px;
    background-color: #3398e0;
    border-color: #3398e0;
    font-size: 13px;
}

    .btn-appointment:hover {
        color: #fff;
        background-color: #1888d8;
        border-color: #1888d8 !important;
    }

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

.label-filter {
    margin: 0px;
    padding: 0px;
    color: #7f7f7f;
    font-size: 13px;
    font-weight: 700;
}

.btn-java {
    color: #fff;
    background-color: #23D5AE;
}

.thumbnail-josip .btn-java:hover {
    background: #294481;
    border-color: #294481;
}

.bg-primary .btn-java {
    color: #fff;
    background-color: #23D5AE;
    border-color: #23D5AE;
}

    .bg-primary .btn-java:focus, .bg-primary .btn-java.focus, .bg-primary .btn-java:hover, .bg-primary .btn-java:active, .bg-primary .btn-java.active,
    .open > .bg-primary .btn-java.dropdown-toggle {
        color: #fff;
        background-color: #3b61b9;
        border-color: #3b61b9;
    }

    .bg-primary .btn-java:active, .bg-primary .btn-java.active,
    .open > .bg-primary .btn-java.dropdown-toggle {
        -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
    }

        .bg-primary .btn-java:active:hover, .bg-primary .btn-java:active:focus, .bg-primary .btn-java:active.focus, .bg-primary .btn-java.active:hover, .bg-primary .btn-java.active:focus, .bg-primary .btn-java.active.focus,
        .open > .bg-primary .btn-java.dropdown-toggle:hover,
        .open > .bg-primary .btn-java.dropdown-toggle:focus,
        .open > .bg-primary .btn-java.dropdown-toggle.focus {
            color: #fff;
            background-color: #3b61b9;
            border-color: #3b61b9;
        }

    .bg-primary .btn-java.disabled, .bg-primary .btn-java[disabled],
    fieldset[disabled] .bg-primary .btn-java {
        pointer-events: none;
        opacity: .5;
    }

    .bg-primary .btn-java .badge {
        color: #23D5AE;
        background-color: #fff;
    }

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

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

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

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-rect {
    border-radius: 0;
}

.btn-facebook {
    color: #3f51b5;
}

.btn-twitter {
    color: #3398e0;
}

.btn-google-plus {
    color: #ff5051;
}

.btn-linkedin {
    color: #0177b5;
}

.btn-connect-fb {
    width: 100%;
    background: #3b5a97;
    color: #FFF;
}

.btn-connect-tw {
    width: 100%;
    background: #6dc4ff;
    color: #FFF;
}

.btn-connect-gp {
    width: 100%;
    background: #ff6e63;
    color: #FFF;
}

.btn-login-gp {
    width: 100%;
    background: #02A6D8;
    color: #FFF;
}

.row-appointment-header {
    background: -webkit-linear-gradient(left,#52aae5 0,#92c2e5 14.5%,#decca1 29%,#ddab60 43.5%,#d18259 58%,#71617f 72.5%,#51558a 87%,#51558a 100%);
    display: inline-block;
    width: 100%;
    color: white;
}

.appoint-close {
    width: 100%;
    color: #636363;
    font-size: 12px;
    display: inline-block;
    text-decoration: line-through;
}

    .appoint-close:hover {
        color: #636363;
        text-decoration: line-through;
        cursor: pointer;
    }

.appoint-open {
    width: 100%;
    color: #009a06;
    font-size: 12px;
    display: inline-block;
}

    .appoint-open:hover {
        color: white;
        background-color: #4caf50;
    }

.appoint-date-tab {
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 0px solid #ddd;
    cursor: pointer;
}

.appoint-date-tab-active {
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #ddd;
    background-color: #e4e4e4;
}

    .appoint-date-tab-active > .appoint-date-today {
        background-color: #3b99d9;
    }

    .appoint-date-tab-active > .appoint-date {
        color: #000;
    }

.appoint-date-today {
    font-size: 14px;
    color: #fff;
    background-color: #9e9e9e;
    border-radius: 10px;
    width: 80%;
    display: inline-block;
}

.appoint-date-day {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0px;
}

.appoint-date {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.appoint-next {
    position: absolute;
    top: 42px;
    right: 5px;
}

a.icon-circle.fa-facebook {
    color: #fff;
    background: #0956b5;
}

a.icon-circle.fa-twitter {
    color: #fff;
    background: #28d4f9;
}

.label-app-header {
    background-color: #f5f5f5;
    padding: 1pc;
    border-radius: 5px;
    color: #000;
    font-weight: 300;
    font-size: 20px;
    font-family: 'Open Sans',sans-serif;
}

.page-logo {
    position: absolute;
    left: 4pc;
}

    .page-logo > i {
        color: #fff;
    }

.name-title-service {
    font-size: 13px;
    color: #3b99d9;
    text-decoration: underline;
}

.pointer {
    cursor: pointer;
}

.lnk-danger {
    color: #d9534f;
}

.lnk-white {
    color: white;
}

.lnk-warning {
    color: #dfba49;
}

.lnk-info {
    color: #03a9f4;
}

.lnk-success {
    color: #45B6AF;
}

.lnk-default {
    color: #7B7B7B;
}

.footer-a {
    color: #fff !important;
    font-weight: 100;
}

.header-register {
    background-color: #12b37d;
    padding: 18px 40px;
    color: #fff;
    margin-top: 0px !important;
}

    .header-register > a {
        color: #fff;
    }

.header-login {
    background-color: #12b37d;
    padding: 15px 40px;
    color: #fff;
    margin-top: 0px !important;
}

    .header-login > a {
        color: #fff;
    }

.margin5 {
    margin: 5px;
}

.search-test {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 5px;
    padding-left: 15px;
    cursor: pointer;
    margin-top: 5px !important;
    text-align: left;
    height: 60px;
}

    .search-test > span {
        color: #000;
        font-size: 13px;
    }

    .search-test > i.fa-circle {
        color: #ddd;
    }

    .search-test > i.fa-check-square-o {
        color: #2196f3;
    }

.fa-expand {
    position: absolute;
    right: 34px;
    margin-top: 14px;
    cursor: pointer;
}

.custom-height {
    height: 445px;
    max-height: 445px;
}

.search-date {
    height: 210px;
    border-bottom: 1px solid #eee;
    padding-top: 4pc;
    cursor: pointer;
}

.search-time {
    padding-top: 4pc;
    cursor: pointer;
}

.pad-time {
    padding-left: 0px;
    padding-right: 0px;
}

.fs13 {
    font-size: 13px;
}

.confirmed-datetime {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 15px;
    position: absolute;
    bottom: 1px;
    width: 100%;
    right: 1px;
    cursor: pointer;
}

.master-book {
    background-color: #0090d2 !important;
    border: 0px !important;
    color: #fff;
    margin-top: 5px;
}

    .master-book:hover {
        color: #fff;
    }

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

.mc-pd {
    padding-left: 9px;
    padding-right: 2px;
}

.lab-name {
    width: 100%;
    margin-bottom: 0px;
    color: #1888d8;
    font-size: 16px;
    cursor: pointer;
}

.lab-location {
    width: 100%;
    margin-bottom: 0px;
    color: #7f7f7f;
    font-size: 12px;
}

.lab-test {
    width: 100%;
    margin-bottom: 0px;
    color: #1888d8;
    font-size: 12px;
    cursor: pointer;
}

.in-block {
    display: inline-block;
}

.div-days {
    width: 100%;
}

.ts-closed {
    color: #7f7f7f;
    text-decoration: line-through;
}

.applelogo {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-top: 5px;
}

    .applelogo:hover {
        color: #fff;
    }

.btn-knowmore {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
}

.master-btnlogin {
    color: #fff;
}

ul.rd-navbar-nav > li.active {
    background-color: #09a772;
}

.masterbtn > a {
    color: #fff;
    font-weight: 500;
    margin-left: 10px;
}

    .masterbtn > a:hover {
        color: #ddd;
    }

.pt-cursor {
    cursor: pointer;
}

.badge-day {
    display: inline-block;
    min-width: 10px;
    padding: 3px 4px;
    font-size: 10px;
    font-weight: bold;
    color: #12b37d;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 5px;
    border: 1px solid;
}

.confirm-amt {
    float: right;
    margin-right: 10px;
}

.tab-select {
    border: 1px solid #ddd;
    padding: 10px;
}

.link-selected {
    font-weight: 600;
    text-decoration: underline;
}

.label-detail {
    margin: 0px;
    font-size: 14px;
    color: #000;
    margin-top: 5px !important;
    /* text-decoration: underline;*/
}

.address-error {
    color: #f3565d;
}


.multiselectdiv .btn-group .btn-default {
    border-width: 1px;
    padding: 4px 8px;
}

.multiselectdiv .multiselect-container {
    width: 100%;
}

.multiselectdiv .btn-group {
    width: 100% !important;
}

    .multiselectdiv .btn-group .btn {
        padding: 4px 5px !important;
        font-size: 12px !important;
        height: 34px;
    }

.width100 {
    width: 100%;
}

.btn-selectlab {
    color: #fff;
    padding: 3px 12px;
    background-color: #62b9ff;
    border-color: #62b9ff;
    font-size: 13px;
}

.download-pdf {
    font-size: 24px !important;
    color: #fc6061 !important;
    margin-top: 10px !important;
}

.download-excel {
    font-size: 24px !important;
    color: #4d9e4e !important;
    margin-top: 10px !important;
}

.div-footer {
    background: #48525e;
    color: #efefef;
    padding: 30px 0;
    clear: both;
    margin-top: 1pc;
}

.div-dark {
    background: #3b434c;
    color: #a2abb7;
    font-size: 12px;
    font-weight: 300;
    padding: 17px 0;
    margin-top: 0px;
}

.page-prefooter {
    color: #12b37d;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.icon-square {
    border-radius: 5px !important;
}

.rd-navbar-nav-upper > li:hover {
    background-color: #00cc88 !important;
}

label.block {
    display: block;
}

.div-blue {
    background-color: #f4fcff;
    padding: 20px 10px;
    border-radius: 5px;
    text-align: left;
}

.icon-right {
    float: right;
    margin-right: 3px;
}


.mc-lnk-success {
    color: #45b6af;
    font-size: 18px;
}

.mc-lnk-danger {
    color: #d9534f;
    font-size: 18px;
}

.medical-icon-right {
    float: right;
    margin-right: 9px;
}

.note.note-info {
    background-color: #eef7fb;
    border-color: #a6e1ec;
    color: #31708f;
}

.pad5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.portfolio-block {
    background: #f7f7f7;
    margin-bottom: 0;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.note {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.pic-container {
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

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

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

.mt-20 {
    margin-top: 20px;
}

.appointment-box {
    border: 1px solid #ddd;
    padding: 15px 20px;
    background-color: #f9f9f9;
    font-size: 14px;
    text-align: left;
    color: #000;
    box-shadow: 5px 5px 8px #f3f3f3;
    margin-top: 20px;
}

    .appointment-box.info {
        border-left: 7px solid #1888d8;
    }

    .appointment-box.success {
        border-left: 7px solid #12b37d;
    }

    .appointment-box.danger {
        border-left: 7px solid #ff7a7a;
    }

    .appointment-box.warning {
        border-left: 7px solid #ffca5b;
    }

.appointment-head {
    font-weight: 600;
    color: #000;
    width: 145px;
}

.navbar-custom {
    margin-bottom: 0;
    background-color: #45444a;
    border-radius: 0;
    /*border-bottom: 5px solid #1a7ac5;*/
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding: 8px 1px;
    }
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #3b61b9;
}
.page-header.navbar {
    background: transparent !important;
}
.image-circle-background {
    background: transparent !important;
}
.navbar-inverse .navbar-nav > li > a {
    margin-left: 4px;
}
.dropdown-menu > li > a {
    font-weight: 400;
    padding: 10px 20px;
}

.navbar-brand {
    padding-top: 10px;
}

.menu-icon {
    width: 25px;
    margin-right: 5px;
}

.blinker {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.4;
    }
}


.qna.card {
    margin-top: 0;
}

.card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 #dfdfdf;
    margin-bottom: 10px;
  /*  padding: 20px;*/
}

.forum-question-title {
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    text-align: left;
}

.forum-user-info {
    color: #787887;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

.forum-text {
    font-size: 16px;
    line-height: 30px;
    white-space: pre-line;
    word-wrap: break-word;
    text-align:left;
}

.background-card {
    background-color: #eef7fb;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 #dfdfdf;
    margin-bottom: 10px;
    padding: 20px;
}

.blog-comment-title {
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    text-align: left;
}

.image-circle-background {
    width: 74px;
    height: auto;
    /*background: white;*/
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}

.navbar-brand img {
    height: auto !important;
    width: 70px !important;
}


.blinker a{
    font-size: 16px !important;
}