body{font-size:0.9em;} 
.select2-container .select2-selection--single{height: auto;} 
 .bg-status0{background-color: #ffcccc}
 .file-box .fbox{margin-top: 7px;}
.file-box input[type="checkbox"]{ transform: scale(1.5); margin-top: 5px;}
.file-box img{ max-width: 200px;max-height: 200px;}
.file-box{ background-color:#e0eff7; padding: 10px; margin-bottom: 10px; margin-top: 10px;}
.file-box .b-name,.file-box .b-detail{ display:inline-block;}
.file-box .b-name{width:100px;}
.clear{clear:both;}
.item-list{ margin: 0px;padding: 0px;}
.item-list li{ list-style-position:inside; display: block;}
.icon-btn{width:100%;}
.btn{margin-bottom: 3px;}
td {
  vertical-align: baseline;
}
.tb-lcolor td:nth-child(1){ 
    background-color:#dde2e5;
}
.hide{display: none;}
.bg-detail{ 
    background-color:#d2e5ea;
}
.list-select{ border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-top: 5px;}
.bg-color:nth-child(odd){
   background-color:#d2e5ea;  
}
 .embed-responsive-210by297 {
  padding-bottom: 141.42%;
}
.nav-sidebar > .nav-item > .nav-treeview{
    background: #56585a !important;
    border-radius:5px;
}
.calendar-box{
   max-width: 90%;
   margin: 10px auto; 
 
   border-radius: 10px;
   padding: 10px 20px;
}
.calendar-box .fc-month-button{
    
}
.fc-view-container{
    border-left:1px solid  #ddd;
    border-right:1px solid  #ddd;
}
.table-list{
     margin-top:  20px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  border-collapse: collapse;
  width: 100%;
}

.table-list td, .table-list th {
  border: 1px solid #ddd;
  padding: 8px;
}

.table-list tr:nth-child(even){background-color: #f2f2f2;}

.table-list tr:hover {background-color: #ddd;}

.table-list th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
.list-box ul{ margin: 0px; padding: 0px; display: inline-block;}
.list-box ul li{ display: inline-block;}
.list-box{margin: 5px auto; width: 88%; background-color:#efefef; padding: 10px; border-radius: 10px; border:1px solid #ccc;}
.list-box-color{ display: block; margin-right: 20px; }
.list-box-color .box-color{ display:  block; width:30px; height: 30px; float: left; margin-right: 5px; border-radius: 15px;}
.list-box-color .box-name{ display:  block;line-height: 30px;float: left; margin-right: 20px; font-size: 1.1em;}