/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.text-danger{
  	color: #dc3545!important;
}
.edit{
	color: #000;
}
.delete{
	color: #000;
}
.capitalize{
  text-transform: capitalize!important;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.login-top{
  margin-top: 40px;
}
.color-white{
  color: #fff!important;
}
.color-black{
  color: #000!important;
}
.bg-yellow{
  background-color: #ffff00;
}


/* Body page style */
body{
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;
  -webkit-font-smoothing: antialiased;
}

#login-page h4, #login-page h5{
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  margin: 0.50rem 0 .912rem 0!important;
}

#login-page h1{
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.5rem;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

#login-page a{
  font-size: 14px;
}

#login-page a:hover {
  color: rgb(255, 0, 0);
}

.input-field{
  margin-top: 0.50rem;
  margin-bottom: 0.50rem;
}

a {
  color: rgb(85, 26, 139);
}

table tr th{
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.8125rem;
  font-weight: 500;
}

table tr td{
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.80rem;
  font-weight: 400
}

.mail-hint-text{
  background-color: rgb(255, 243, 224); 
  padding: 10px; 
  font-size: 14px; 
  margin-top: 10px; 
  _font-family: Inter;
}

/* Menu coe */
#logo-container{
  font-size: 2.125rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.00735em;
}

/* Report Page */
#driver-report h6{
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.25rem;
  _font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0075em;
}

/* Home Page */
.message-form h2{
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3125rem;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1.16667em;
  margin: 0px;
}

#view-driver-report p a{
  margin-top: 15px;
  display: inline-block;
}

@media only screen and (max-device-width: 768px){
   #logo-container small {
      display: none;
   }

  #view-driver-report p a{
    display: block;
  }

  #view-driver-report p a button{
    display: block;
    width: 100%;
  }

  .always-text{
    font-size: 10px;
  }

  table.dataTable thead>tr>th.sorting{
    padding-right: 0px!important;
    font-size: 0.80rem;
    width: 90px!important;
  }

  /* For Financial Report Page */
  #export-btns button {
      display: block;
      width: 100%;
  }

}

.dataTables_filter, .dataTables_length { 
  display: none; 
}

table a em{
  font-size: 18px!important;
}

form input, form select, input{
  font-size: 14px!important;
}

form span {
  font-size: 12px;
}