*{ 
    box-sizing: border-box; font-family: 'Kanit',sans-serif,'Times New Roman', Times, serif; 
} 
.bodymain{ 
    background-image: linear-gradient(to right, #00d3ff, #00c0ff, #00abff, #0093ff, #1078ff); 
}

.topMenu {
    background-color: #333;
   width: auto;
    padding: 1rem;
    margin-top: 0px;
   
  }

  .topMenuP {
    margin-top: 5px;
    text-align: center;
    font-family: 'Kanit', sans-serif;
    font-size: 1.5rem;
    color:#fff; 
  }

.title{
    font-size: 3rem;
    text-align: center ; 
    margin-top: -2px;
    color: #ececec;
    letter-spacing: 3px;
}

.titleM{
    font-size: 1.5rem;
    text-align: center ; 
    margin-top: -2px;
    color: #ececec;
    letter-spacing: 3px;
}

.logotitle{
    font-size: 5rem;
    text-align: center ; 
    margin-top: -2px;
    color: #ececec;
    letter-spacing: 3px;
    
}

.btn-checkin{
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 15px;
    padding: 22px 30px;
    background-image: linear-gradient(to right bottom, #0059ff, #008dff, #00b5ff, #00d7ff, #10f5ff);
    color: #ececec;
    
}

.btn-checkin:hover {
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 40px;
    padding: 22px 30px;
    background-image: linear-gradient(to left top, #0059ff, #008dff, #00b5ff, #00d7ff, #10f5ff);
    color: #f5f5f5;

}

.btn-checkout{
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 15px;
    padding: 22px 30px;
    background-image: linear-gradient(to right top, #02e445, #00e45b, #00e46e, #00e47e, #02e38d);
    color: #ececec;
    
}

.btn-checkout:hover {
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 40px;
    padding: 22px 30px;
    background-image: linear-gradient(to left top, #02e445, #00e45b, #00e46e, #00e47e, #02e38d);
    color: #f5f5f5;

}


.btn-roomlist{
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 15px;
    padding: 22px 30px;
    background-image: linear-gradient(to right, #e4d702, #e4cf00, #e4c700, #e4bf00, #e3b702);
    color: #ececec;
    
}

.btn-roomlist:hover {
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 40px;
    padding: 22px 30px;
    background-image: linear-gradient(to left, #e4d702, #e4cf00, #e4c700, #e4bf00, #e3b702);
    color: #f5f5f5;

}


.btn-fileupload{
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 15px;
    padding: 22px 30px;
    background-image: linear-gradient(to right top, #02e445, #00e45b, #00e46e, #00e47e, #02e38d);
    color: #ececec;
    
}

.btn-fileupload:hover {
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 40px;
    padding: 22px 30px;
    background-image: linear-gradient(to left top, #02e445, #00e45b, #00e46e, #00e47e, #02e38d);
    color: #f5f5f5;

}


.btn-filecheck{
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 15px;
    padding: 22px 30px;
    background-image: linear-gradient(to right bottom, #0059ff, #008dff, #00b5ff, #00d7ff, #10f5ff);
    color: #ececec;
    
}

.btn-filecheck:hover {
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 40px;
    padding: 22px 30px;
    background-image: linear-gradient(to left top, #0059ff, #008dff, #00b5ff, #00d7ff, #10f5ff);
    color: #f5f5f5;

}

.btn-report{
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 15px;
    padding: 22px 30px;
    background-image: linear-gradient(to right top, #ffa6a6, #ff9999, #ff8c8c, #ff7f7e, #ff7171);
    color: #ececec;
    
}

.btn-report:hover {
    font-size: 3rem;
    margin-left: 80px;
    border: 0;
    outline: invert;
    border-radius: 40px;
    padding: 22px 30px;
    background-image: linear-gradient(to left top, #ffa6a6, #ff9999, #ff8c8c, #ff7f7e, #ff7171);
    color: #f5f5f5;

}

.btn-backpage {
    font-size: 0.5rem;
    border: 0;
    outline: invert;
    border-radius: 10px;
    padding: 10px 15px;
    background-image: linear-gradient(to right top, #ffa6a6, #ff9999, #ff8c8c, #ff7f7e, #ff7171);
    color:#ececec;

}


.btn-backpage:hover {
    font-size: 0.5rem;
    border: 0;
    outline: invert;
    border-radius: 30px;
    padding: 10px 15px;
    background-image: linear-gradient(to left top, #ffa6a6, #ff9999, #ff8c8c, #ff7f7e, #ff7171);
    color:#ececec;

}

.form-btn-config{
    margin-left: 150px ;     
}

.divider {
    background: rgba(0,0,0,0.3);
    padding: 5px 10px;
    border-radius: 10px;
}

.dividersub {
    background: rgb(32, 32, 32);
    padding: 0.6px 2px;
    border-radius: 100px;
}

.Copyright {
    text-align: center;
    font-size: 1em;
    font-family: 'TH Sarabun';
}

.LoginInformation{
    text-align: right;
}

.logininfo {
    text-align: right;
    color: #ececec;
    word-spacing: 2px;
    line-height: -100px;
    
}

.divfloatLeft{
    float:left ; 
}
.divfloatRight{
    float: right;
}

.table-main{
    border: 1px;
    color:rgb(244,244,244) ; 
    font-size: 0.9rem;
}