/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
.page-container{
  width: 100%;
  padding: 0px 0px;
  margin: 0px 0px;
  border: 0px;
  min-height: 700px;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.main.container-fluid{
  margin-top: 10px;
}

@media all and (max-width: 750px){
  .container {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

}
@media all and (max-width: 450px){
  #logo-container{
    font-size: 13pt;
    overflow: hidden;
  }
}

.col.title{
  font-size: 13pt;
  margin-bottom: 10pt;
  border: 1px solid #e2e2e2;
  border-radius: 3pt;
  background-color: #ebebeb;
  padding: 6px 6px;
  font-weight: 500;
}
.datepicker-controls .select-month input{
  width:90px;
}
.input-field > label{
  left: 10px !important;
}
.btn, .btn-large, .btn-small{
  color: white !important;
  font-size:14px !important;
}
#nav-pc a:hover{
  color: white;
}

/** table config **/

.table-responsive{
  width: 100%;
  overflow-x: scroll;
}
.table-responsive>table.table{
  min-width: 700px;
}
table.striped > tbody > tr:nth-child(odd){
  background-color: rgba(199, 199, 199, 0.5);
}
table.bordered{
  border: 1px solid rgba(199, 199, 199, 0.5);
  border-collapse: collapse;
}
table.td-top>thead>tr>th,
table.td-top>tbody>tr>td{
  padding: 6px 4px;
}
table.td-top>thead>tr>th{

}
table.td-top>tbody>tr>td{
  vertical-align: top;

}


/** table config **/


#toast-container .toast.msg1{
  background: #911000;
}
#toast-container .toast.msg0{
  background: #006205;
}
#toast-container .toast.msg2{
  background: #005891;
}
#toast-container .toast.msg3{
  background: #915300;
}
.page-container{
  padding-top: 30px;
}

.slide-content .slide-bg, .slide-content .slide-bar{
  background-color: white;
}
.modal{
  background: transparent !important;
  box-shadow: none !important;
  min-width: 100%;
}
.modal .modal-content,
.modal .modal-content .modal-header,
.modal .modal-content .modal-body,
.modal .modal-content .modal-footer{
  padding: 4px 4px;
}
.modal .modal-content .modal-title{
  margin: 4px 4px;
}
.modal .modal-content .modal-body{
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 160px;
}

.input-field > label{
  pointer-events: none;
  z-index: 0;

}