/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .table-searchbox{
    width:200px;
    float: right;
 }
 .txt-note{
    font-size: 0.94em !important;
    color: #f07800 !important;
    padding: 1% 0 1.5% 0;
 }

 .b-table .table th:first-child, .content table thead th:first-child {   border-radius: 10px 0 0 0; } .b-table .table th, .table > thead > tr > th, table.dataTable thead th, .content table thead th {padding: 17px 15px !important;background-color: #063e6f !important;color: #FFF !important;font-size: 1em;text-align: center !important;border-color: #6d859d !important;font-weight: 900 !important;border-width: 1px 0px 1px 1px !important;padding: 12px 15px !important;word-break: keep-all;vertical-align: top;font-size: 0.94em;} .table-wrapper table.table tr:last-child td:last-child, .content table tr:last-child td:last-child {border-radius: 0 0 10px 0;} table td, .content table td{border-color: #F2F2F2 !important;font-size: 0.94em !important;text-align: center !important;color: #000 !important;background-color: #fff !important;border: 1px solid #cacaca;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(202, 202, 202);border-right-width: 1px;border-right-style: solid;border-right-color: rgb(202, 202, 202);border-bottom-width: 1px;border-bottom-color: rgb(202, 202, 202);border-left-width: 1px;border-left-style: solid;border-left-color: rgb(202, 202, 202);padding: 12px 15px !important;border-right: none;border-right-color: currentcolor;border-left: none;border-left-color: currentcolor;border-top: none;border-top-color: currentcolor;vertical-align: middle;}

 .b-table .table th:last-child, .content table thead th:last-child {
  border-radius: 0 10px 0 0;
}
.table-wrapper table.table tr:last-child td:last-child, .content table tr:last-child td:last-child {
   border-radius: 0 0 10px 0;
}
.table-searchbox input, .table-select .select select{
   height: 40px !important;
  border: 1px solid #d3d3d3 !important;
  padding: 0 6% !important;
  font-size: 15px !important;
  color: #707070 !important;
  float: right;
  box-sizing: border-box;
  margin-bottom: 0;
  border-radius: 10px;
}
.table-select .select select{
   float: none;
   min-width: 130px;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing{
   overflow: visible !important;
   height: auto !important;
}
.dataTables_scrollHeadInner table.dataTable thead th{
   display: none;
}
.field.table-searchbox .control.has-icons-left .icon.is-left{
   right: 0 !important;
   left: auto !important;
   height: 100%;
}
.field.table-searchbox .control .input{
   border-radius: 10px;
} 
@media only screen and (max-width:480px) {
   .b-table{
      width: 100%;
      float: left;
   }
   .field.table-mobile-sort .select.is-fullwidth{
      height: 100%;
   }
   .field.table-mobile-sort .select.is-fullwidth select{
      font-size: 1em !important;
      padding-left: 4% !important;
      border: 1px solid #d3d3d3 !important;
      border-radius: 10px 0 0 10px;
   }
   .field.table-mobile-sort .control .button{
      height: 100% !important;
   }
   .control.table-select select{
      height: 35px !important;
      font-size: 1em !important;
   }
   .field.table-searchbox .input{
      width: 150px;
      height: 35px !important;
      margin-top: -8%;
   }
}