body {
    /*font-family:微軟雅黑,華文細黑,宋體,微软雅黑,华文细黑,宋体,"Helvetica",Helvetica,Arial,sans-serif;*/
    font-family: var(--bs-font-sans-serif);
    /* font-family: "Arial", "Helvetica", "sans-serif" , "microsoft jhenghei"; */
    font-size: 16px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff;
}
.thankyou_msg{
    size:12px;
    text-align: center;
}
.loading-center{
    margin-left: 45%;

}

.Doctors{
    background-color: #17a2b8;
    border-color: #148ea1;
}
.Dentists{
    background-color: #ffb74c !important;
    border-color: #ffecc7 !important;
    color: #fff;
}
.btn-Dentists{
    background-color: #ffb74c !important;
    border-color: #ffecc7 !important;
    color: #fff;
}
.btn-Dentists:hover, .btn-Dentists:focus, .btn-Dentists:active, .btn-Dentists.active{
    background-color: #ffc670 !important;
    border-color: #ffecc7 !important;
    color: #fff;
}


@media print {
    ::-webkit-input-placeholder {
      color: transparent !important;
      text-shadow:none !important;
    }
    :-moz-placeholder {
      color: transparent !important;
      text-shadow:none !important;
    }
    ::-moz-placeholder {
      color: transparent !important;
      text-shadow:none !important;
    }
    :-ms-input-placeholder {
      color: transparent !important;
      text-shadow:none !important;
    }
}

@media (min-width: 576px){
    .ser_no{
        font-size: 14px;
        text-align: right;
    }
    .lbl_ser_no{
        padding-top: 8px !important;
    }
}
@media (max-width: 575px){
    #ser_no{
        font-size: 14px;
        text-align: left;
    }
    .lbl_ser_no{
        padding-top: 8px !important;
    }
}
#countdown{
    float:right;
}
.body_bgcolor {
    background-color: #e9faff;
}
.login1{
    padding-top:50px;
    margin-left: auto;
    margin-right: auto;
    max-width:991px;
}
.login2{text-align: center;}
.login3{font-size:22px; text-align: left;}
.login4{font-size:18px;}
.login5{width:470px; height:240px; border:none;}
.login6{display:none;}
.login7{text-align: center;}
.login8{font-size: 17px; font-weight: bold;}
.login9{font-size: 26px;}
.login10{color: #18777f;}

.round_corner {
    font-family:微軟雅黑,華文細黑,宋體,微软雅黑,华文细黑,宋体,"Helvetica",Helvetica,Arial,sans-serif;
    border-radius: 25px;
    border: 2px solid #cdcdcd;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    /* width: 200px;
        height: 150px;   */
}
.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 0;
    vertical-align: middle;

    cursor: pointer;

    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}
.radio-withTextbox, .checkbox-withTextbox {
    /* display: inline-block; */
    padding-left: 10px;
    margin-bottom: 0;
    vertical-align: middle;

    cursor: pointer;

    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}
.main-footer {
    margin-left: 0px !important;
}
/*.badge {
    font-size: 15px !important;
    margin-right: 10px;
}*/
.qtnHead {
    font-weight: 500;
    padding-bottom: 6px;
    /* color: #01c0ac; */
}

.qtnHead2 {
    font-weight: 500;
    padding-bottom: 0px;
    /* color: #01c0ac; */
}

/* #C03 input[type=radio] {
    margin-top: -40px;
    vertical-align: middle;
} */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
.btn-primary {
    color: #fff;
    background-color: #148ea1 !important;
    border-color: #0e6370;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #84e4f3 !important;
    border-color: #0e6370;
}
.error {
    color: red !important;
    font-weight: bold;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#Q3-error {
    margin-left: 60px;
}
/* #div_Q3_3_text{
    margin-left: 15px;
} */
.bColor {
    color: blue;
}
.answer, .table .answer {
    font-size: 16px;
    color: #008375;
    font-weight: bold;
    /* padding-left: 52px; */
}
.grey-answer {
    font-size: 16px;
    color: #007c6f;
    font-weight: bold;
    /* padding-left: 52px; */
}
/*.row {
    margin-right: 10px !important;
    margin-left: 0px !important;
}*/
input[type='radio'] {
    transform: scale(1.3);
    cursor: pointer;
}
input[type='checkbox'] {
    transform: scale(1.3);
    cursor: pointer;
    margin: 3px 0 0 !important;
}
label {

    cursor: pointer;
}
.form-check{
    padding-top: 15px;
}

.form-check2{
    padding-top: 0px;
}

.custom-control-label::before {
    background-color: #ffffff;

}
.card-footer {
    background-color: #ffffff !important;
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{
    color:#3c763d
}
.has-success .form-control{
    border-color:#3c763d;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus{
    border-color:#2b542c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon{
    color:#3c763d;
    border-color:#3c763d;
    background-color:#dff0d8
}
.has-success .form-control-feedback{
    color:#3c763d
}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{
    color:#8a6d3b
}
.has-warning .form-control{
    border-color:#8a6d3b;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus{
    border-color:#66512c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon{
    color:#8a6d3b;
    border-color:#8a6d3b;
    background-color:#fcf8e3
}
.has-warning .form-control-feedback{
    color:#8a6d3b
}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{
    color:#ff3300;
    font-weight: bold;
}
.has-error .form-control{
    border-color:#ff3300;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus{
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon{
    color:#ff3300;
    border-color:#ff3300;
    background-color:#f2dede
}
.has-error .form-control-feedback{
    color:#ff3300
}
.form-control-static{
    margin-bottom:0
}
.help-block{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#737373
}
.has-success {
    color:#3c763d;
    /* font-weight: bold !important; */
}
.has-error {
    color: #ff3300 !important;
    font-weight: bold !important;
}
#printBox {
    text-align: right;
    padding-right: 0;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 0px 4px;
}
.btn-sm {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.card-header {
    color: #333 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}

.padding_left5{
    padding-left: 5px;
}
.padding_left{
    padding-left: 33px;
}
.padding_left25{
    padding-left: 25px;
}
.padding_left35{
    padding-left: 35px;
}
.padding_left38{
    padding-left: 38px;
}
.padding_left40{
    padding-left: 40px;
}
.padding_left42{
    padding-left: 42px;
}
.padding_left45{
    padding-left: 45px;
}
.padding_left50{
    padding-left: 50px;
}
.padding_left52{
    padding-left: 52px;
}
.padding_left55{
    padding-left: 55px;
}
.padding_left60{
    padding-left: 60px;
}
.padding_left62{
    padding-left: 62px;
}
.padding_left78{
    padding-left: 78px;
}


.thankyou1{
    text-align: center;
}
.thankyou2{
    clear:both;
}

h2.display-3 {
    margin-top:0;
    color: #28a745;
}

p#subText {
    color: #1e7f33;
}


.refNo {

    color:#28A745;
}


            html, body {
    background-color: #e9faff;
}

.jumbotron {
    background-color: #e9faff;
}



#successIcon {
    margin-top:12px;
}

.confirm-btn {
    background-color: #127f90 !important;
}

/* Remove arrows from type=number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.loading-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10%;
}

.checkboxClick{
    vertical-align: top;
}

.table td, .table th {
    font-weight: 500;
}

.hidden {
    display: none;
}