#header h1{
text-align: center;
font-size: 50px;
color: #138e26;
margin-bottom: 15px;
font-weight:600;
}

.Time_date_sec{
background-color: #FFA7DC;
padding: 5px 0;
}
.labtime {
font-size: 19px;
font-weight: bold;
}
.text_c{
text-align: center;
}
.Table_sec{
background-color: #f5b746;
padding: 20px 0;
}
.head_sec{
background-color: #FFEB3B;
}
.head_sec th {
text-align: center;
font-size: 19px;
padding-top: 7px;
padding-bottom: 7px;
font-weight: bolder;
}
.chiname {
font-size: 20px;
font-weight: bolder;
color: #010101;
}
.trelts {
font-size: 20px;
font-weight: bolder;
}
.btn_sec{
text-align: center;
}
.btn_sec .btn{
font-size: 18px;
font-weight: bolder;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
background-color: #138e26;
border-radius: 20px;
border-color: #000;
cursor: pointer;
color: white;
-webkit-transition: all 0.5s;
transition: all 0.5s;
/*text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;*/
}
.btn_sec .btn:hover{
background-color: #000;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.btn_sec h2{
font-size: 30px;
padding: 20px 0 0 0;
}
.c11{
background-color:#80ff80;
}
.c12{
background-color:#ff8000;
}
.c13{
background-color:#d98cd9;
}
.c14{
background-color:#ff33bb;
}
.c15{
background-color:orange;
}
.c16{
background-color:#3399ff;
}
.c17{
background-color:#ff6666;
}
.c18{
background-color:#993399;
}
.c19{
background-color:#8080ff;
}
.c20{
background-color:orange;
}
/*.text_r{*/
/*margin-bottom: 10px;*/
/*}*/
.flt_rgt{
    float:right;
    color: #000;
    font-size: 16px;
}
.res_date label{
font-size: 20px;
font-weight: 600;
    margin-bottom: 0;
}
.res_date .input-sm{
margin-left: -25px;
width: 200px;
}
.text_r button.btn-defalt {
    border-radius: 4px;
    background: blue;
    display: inline-block;
    padding: 4px 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    border: none;
}
.text_r button.disabled {

cursor: not-allowed;
-webkit-transition: all 0.5s;
transition: all 0.5s;
    border-radius: 4px;
    background: #c7c7c7;
    display: inline-block;
    padding: 4px 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    border: none;
}
.text_r a .btn-defalt:hover{
background-color: #000;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.Date_sec{
    padding: 15px 0 45px 0;
}
.table>tfoot>tr>th,  .table>thead>tr>th {
    padding: 4px;
    font-size:12px;
    border: 1px solid #585959!important;
    text-align: center;
    font-weight: 800;
}
.table_back .table-bordered th.time {
    background-color: #ed5f5f;
}
/*.table_back{*/
/*background-color: #f5b746;*/
/*padding: 15px;*/
/*}*/
 .table-bordered td, .Table_sec .table-bordered th{
border: 1px solid #585959!important;
padding: 4px!important;
}
.bg_grey{
    color: #000000;
    background-color: #ddddeb;
}
.table_back .table-bordered td {
border: 1px solid #585959!important;
font-size: 20px;
text-align: center;
font-weight: 800;
}
.login-page {
background-color: #DEF0D8;
}
.login-box-body {
background: #fff;
padding: 20px;
color: #444;
border-top: 0;
}
.login-box {
width: 360px;
margin: 7% auto;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
color: #000;
}
.has-feedback {
position: relative;
}

.login-box-msg{
margin: 0;
text-align: center;
padding: 0 20px 20px 20px;
font-size: 15px;
}
.btn-primary.btn-flat {
color: #fff;
background-color: #138e26;
border-color: #138e26;
margin: auto;
}
.btn1{
display: block;
text-align: center;
}
.error{
color:red;
}
@media only screen and (max-width: 1200px){
    .res_date label {
    font-size: 18px;
}
}
@media only screen and (max-width: 1024px){
.res_date .input-sm {
    margin-left: -25px;
    width: 170px;
}
   .res_date label {
    font-size: 16px;
}
.form-control {
    display: block;
    width: 100%;
    height: 25px;
    padding: 5px 10px;
    font-size: 12px;
}
select.input-sm {
    height: 25px;
    line-height: 25px;
}
}
@media only screen and (max-width: 900px)
    {
       
    .res_date .input-sm {
    margin-left: 0;
    width: 100%;
}
.Date_sec {
    padding: 15px 0 25px 0;
}
    
}
@media only screen and (max-width: 750px){
    .res_date .input-sm {
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 375px){
    .table-bordered td{
    padding: 1px!important;
}
}
@media only screen and (max-width: 340px){
.table-bordered td {
    padding: 0px!important;
    font-size: 18px!important;
}
}