@font-face {
  font-family: 'db_helvethaica_x';
    src: url('Fonts/DB Helvethaica Web/db_helvethaica_x_v3.2-webfont.eot');
    src: url('Fonts/DB Helvethaica Web/db_helvethaica_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/DB Helvethaica Web/db_helvethaica_x_v3.2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    
    padding-left: 15px;
    padding-right: 15px;
}
.panel-body{
    padding-top: 1px;
}

footer {
margin-bottom:20px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
}



label.required:after {
    content: " *";
    color: #ff0000;
}

.checkbox.has-error,
.radio.has-error {
    color: #ff0000;
}

@media(max-width:767px) {
    #layout_menu {
        visibility: visible;
    }
}

@media(min-width:768px) {
    #layout_menu {
        visibility: hidden;
    }
}



/*BOT Theme*/
.bot-light-gray {
    background-color: #e3e3e3 !important;
}

.bot-green-gray {
    background-color:#a7bac4!important;
    border-color:#c5e0e3!important;
}

.bot-light-blue {
    background-color:#bed5e1!important;
}

.fcc-banner {
    width:210px;
    height:63px;
    background-image: url('images/theme/FCC_Logo_TH.png'); 
    background-repeat: no-repeat;
    background-size:contain;
   
}

.bot-watermark {
    background-image: url('images/theme/bgTH-light.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
 

.help-block {
    display:none;
}
.form-group.has-error .help-block,
.input-group.has-error .help-block {
    display:block;

}

/*Siriporn add on 22/06/2020*/
.show-important {
    display:block !important;
}

/*Siriporn add on 22/06/2020*/
.hide-important {
    display:none !important;
}

.form-group{
    margin-bottom:10px!important;
}


/*Spinner*/

.loader {
     width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.4;
   background-color: #fff;
   z-index: 999999;
   text-align: center;
}
 
.loader .loader-icon {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin-top:200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color:#fff;
}

.spinner {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin:auto;
  margin-top:100px;
}
 
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.text-bold {
    font-weight:bold;   
}

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

.table thead>tr> th {text-align:center!important;background-color:#c1c1c1;}

.no-wrap{white-space:nowrap;}



.page-title-covid {
    font-family: 'db_helvethaica_x';
    font-size: 20pt;
}

.page-title-covid-sub {
    font-family: 'db_helvethaica_x';
    font-size: 12pt;
}

.text-leading {
    font-family: 'db_helvethaica_x';
    font-size: 12pt;
}

label {
    font-family: 'db_helvethaica_x';
    font-size: 10pt;
}

.table th {
    font-family: 'db_helvethaica_x';
    font-size: 10pt;
}

.modal-title {
    font-family: 'db_helvethaica_x';
    font-size: 12pt;
}

.btn {font-family: 'db_helvethaica_x';}


.glyphicon-small {
    font-size:16px!important;
}

/*Siriporn add on 12/03/2026*/
.lang {
    color: #ffffff !important;
    padding-right: 5px;
    padding-bottom: 5px;
}
.lang a {
    color: #ffffff !important;
}