@import url('https://fonts.googleapis.com/css?family=Prompt');
/*Common*/
body{
    font-family: 'Prompt', sans-serif;
    font-size: 1.0em;
    margin: 0px;
}
 
.login-block{max-width:300px; width:80%; margin:0px auto;  padding:30px; border-radius: 5px; background-color:#efefef; border:1px solid #ccc;}
.login-block .input{ margin-bottom: 20px;}
.login-block .input .value input{ width:100%; line-height: 30px; font-size:1.2em; padding:5px 10px;border-radius: 5px;  border:1px solid #ccc;}
.btn-submit{ background-color :#66a7f4; color:#FFF;  border:#66a7f4 !important; border-radius: 5px;}
.btn-submit:hover{opacity: 0.8; cursor:pointer;}
.login-block {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.form-block{
    margin: 0px auto;
    max-width: 700px;
    border:2px solid #e9ecef;
    border-radius: 5px;
    padding:20px;
}
.clear{clear:both;}
.dh20{height: 20px; clear: both;}
.w50{width:50px; text-align: center;}
.w100{width:100px; text-align: center;}
.w150{width:150px; text-align: center;}
.w200{width:200px; text-align: center;}
.file-box{ background-color: #eee; padding: 10px; margin: 10px;}
.file-box .b-name,.file-box .b-detail{ display:inline-block;}
.file-box .b-name{width:100px;}
input[type="file"]{max-width: 100%;}
.bg-alarm{ background-color:#ffcccc;}
#dataTable  tbody tr:hover{
    background-color:#DEFEED !important;
}
#dataTable thead tr:first-child{
    background-color:#efefef;
    
}
.dropdown-menu .user-name{ padding:5px; background-color:#cbdff5; margin: 0px 5px; border-radius: 5px;}
.block-measurement{  }
.t0{ background-color: #66a7f4!important;}
.t2{ background-color:#048CAD !important;}
.t3{ background-color: #666666 !important;}
.t4{ background-color:#9999ff !important;}
.block-measurement{ position: relative;}
.btn-edit-right{ position: absolute; right:40px; color:#FFF;}
.btn-delete-right{ position: absolute; right:15px; color:#FFF;}
.btn-edit-right :hover,.btn-delete-right :hover{color:#b21f2d !important;}
.btn{ margin-bottom: 10px;}
.tab-title{ background-color: #cbdff5;  padding: 5px; margin: 10px 0px; font-size:1.1em;}
.checkbox-list{
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: rgba(196, 215, 236, 0.5);
    padding: 10px;
}