@font-face {
font-family: "Pattaya";
  src: url("fonts/pattaya-v2-latin-regular.woff2") format("woff2"),
       url("fonts/pattaya-v2-latin-regular.woff") format("woff");
font-weight:normal;
 font-style:normal;
}
body{}
.clear{clear:both;}
.logo_subpage{width: 65px}
.footer_coppy_right a{padding-top:5px;position:fixed;bottom:0;padding-right: 20px;height:30px;width:100%;text-align:right;color:#fff;
  background:#0673a9;z-index:9999;font-size:12px;font-weight: bold;text-decoration: none;}
  .footer_coppy_right a:hover {color: #abf9eb}
  .info_form_details{font-size: 12px;}
.summary{font-weight: bold;}
.scrollToTop{display: none !important}
span.required{display: none;}
#data-grid table{background: whitesmoke}
.style_btn{margin: 2px}
.user_form_repair{display: none;}
.fstMultipleMode,.fstMultipleMode .fstControls {width: 100% !important;font-size: 14px}


/*Menu*/
#main-nav .menu{text-align: right;background: #0673a9;}
#main-nav .menu .sub_menu{width: 100%;background: #2e8ebd}
#main-nav .menu li a{color: #fff}
#main-nav .menu li:hover{background: #076594}
#main-nav .phone{display: none;}
#main-nav .view-size{position: absolute;line-height: 50px; font-size: 15px; left: 10px; font-weight: bold;color: #fff}

/*Login*/
#login_form_page .banner_login{position: fixed;width: 100%;height: 100%;top:0px;left:0px}
#login_form_page .login-inner{border: solid 10px #042d3ed9;padding: 15px 0px;border-radius:4px;background: #fffcf0;box-shadow: 7px 6px 15px #03040a;
  width: 25%;margin-left: 38%;margin-top: 3%}
#login_form_page .title_page_login{ color: #6ca814;  font-size: 42px;  font-family: 'Pattaya', sans-serif;}
#login_form_page .page-heading{text-align: center;}
#login_form_page .logo_login{max-width: 110px;margin-bottom: 5px}
#login_form_page .input_login{font-size: 16px;height: 44px}
#login_form_page .btn_login_submit{font-size: 16px;width: 100%;font-weight: bold;}
/*End login*/

/*Repair*/
#repair .title_form{font-size: 18px;font-weight: bold;text-transform: uppercase;margin-top: 20px;text-align: center;}
#repair .input_form{width: 100%;height: 40px;padding: 7px}
#repair .text_area{width: 100%;padding: 7px}
#repair .tbl_create{width: 100%;margin-bottom: 10px;border: 2px solid ; box-shadow: 10px 10px 15px;}
#repair .tbl_create .left{width: 30%;padding-left: 10px}

#tbl_approve .name{width: 35%}
#tbl_approve .possition{width: 35%}

#phieu_suachua{margin-top: 5px}

/*Repair*/
#purchase{margin-bottom: 20px}
#purchase .title_form{font-size: 18px;font-weight: bold;text-transform: uppercase;margin-top: 20px;}
#purchase .input_form{width: 100%;height: 40px;padding: 7px}
#purchase .text_area{width: 100%;padding: 7px}
#purchase .tbl_create{width: 100%;margin-bottom: 10px ;border: 1px solid #b3afaf}
#purchase .table .left{width: 30%;padding-left: 10px}
#purchase .tbl_details { border-collapse: collapse;width: 100%;}
#purchase .tbl_details th, .tbl_details td { border:1px solid #00000054;padding: 7px}
#purchase .form_button{margin-bottom: 20px;margin-top: 10px;text-align: center;padding-bottom: 10px}
/*End repair*/
/*Device*/

#modal_addRepair .title_form{font-size: 18px;font-weight: bold;text-transform: uppercase;margin-top: 20px;}
#modal_addRepair .tbl_create{width: 100%;margin-bottom: 10px ;    border: 1px solid #04040426;}
#modal_addRepair .table .left{width: 35%;padding-left: 10px}
#modal_addRepair .table td{padding: 5px}
#modal_addRepair .input_form{width: 100%;height: 40px;padding: 7px}
#modal_addRepair .text_area{width: 100%;padding: 7px}




@media screen and (max-width: 1366px) {
  #login_form_page .login-inner{ width: 30%;margin-left: 35%}

 
}
@media screen and (max-width: 1280px) {
  #login_form_page .login-inner{ width: 30%;margin-left: 35%}

.purchase_details_approve{overflow-y: scroll}
.purchase_details_approve table {font-size: 13px}
.purchase_details{overflow-y: scroll}
.purchase_details table {width: 1400px !important;font-size: 13px}
#content_file_baogia{overflow-y: scroll;}
#content_file_baogia table {width: 1000px;font-size: 13px}
#device .title_form{font-size: 16px}
#device .tbl_create{font-size: 13px}
#device .table .left{width: 40%;}
}  
@media screen and (min-width: 1024px) {

  .modal-dialog{width: 70%}
  .device_form_50{width: 50% !important}
}
@media screen and (max-width: 1024px) {
   #login_form_page .login-inner{ width: 40%;margin-left: 30%;margin-top: 2%}
  #main-nav .name_desktop{display: none;}


#device .table .left{width: 45%;}
#data-grid{overflow-y: scroll;}
#data-grid table{width: 1200px;font-size: 13px}



}

@media screen and (max-width: 768px) {
  #login_form_page .login-inner{ width: 60%;margin-left: 20%;margin-top: 2%}
  #main-nav .menu{text-align: left;}
  #main-nav .full{text-align: right;background: #015a86;}
  #main-nav .phone{display: block;top: 0px;font-weight: normal;}
  #main-nav .desktop{display: none;}
  #data-grid table .button-column{display: block !important;}
  #data-grid table .header-action{display: block !important;}

.info_form_details{display: none;}



}
@media screen and (max-width: 640px) {

 #tbl_approve .possition{display: none;}
  #login_form_page .login-inner{ width: 70%;margin-left: 15%;margin-top: 0}
  #login_form_page .banner_login{display: none;}


}
@media screen and (max-width: 480px) {

  #login_form_page .login-inner{ width: 100%;margin-left:0;margin-top: 0}
  #login_form_page .banner_login{display: none;}
  #main-nav .name_phone{display: none;}
  .status_send{display: none;}
  
   #repair .title_form{margin-top: 0px;font-size: 16px}
}
@media screen and (max-width: 320px) {


}