div.dt-buttons {
  padding-left: 40px;
}

button.dt-button, div.dt-button, a.dt-button{
  background-color: #009688 !important;
  color: #ffffff !important;
  background-image: none !important;
  border-color: #009688  !important;
  border-radius: 7px;
}

.leaflet-control-attribution {
  display: none;
}

.bg-progress-half{
  background-color: #a7e5df !important;
}
.bg-progress-full {
  background-color: #009789 !important;
}

.page-icon{
  color:#009688;
  margin:10px;
  font-size:34px
}

.dataTable thead tr{
  background: #009688;
  color: #ffffff;
}

.form-group label {
  color:#009688;
  font-weight: 500;
}

.input-group-icon {
    background: #009688;
    color: #ffffff;
    padding: 4px 15px;
    font-size: 20px;
}

.select2-container--default .select2-selection--single{
    border: 1px solid #dce7f1;
}
.select2-container .select2-selection--single {
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    padding: 0px 15px;
}

.bootstrap-datetimepicker-widget table td{
    padding: 10px;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #009688;
}

.bootstrap-datetimepicker-widget table th {
  background-color:  #009688 !important;
  border-radius: 0px;
  color:#ffffff;
  padding: 10px;
}

.bootstrap-datetimepicker-widget{
  border: 1px solid #009688;
}


.pg_area{
  border:1px solid #009688;
  padding: 10px;
  margin-bottom: 10px
}

.pg_label {
  font-size: 16px;
  font-weight: bold;
  color:#009688;
  margin-bottom: 20px
}

.pg_logo{
  width:100%;
  max-width: 200px;
  margin: 10px 0px 30px 0px
}

.pg_logo_sm{
  width:100%;
  max-width: 120px;
}

.dash_table thead{
  background: #009688;
  color:#ffffff
}

.top-heading{
  font-size: 26px;
  font-weight: bold;
  color: #009688;
  margin-bottom: 20px;
}

.top-heading i{
  font-size: 26px;
  margin-bottom: 20px;
}

.addIcon{
  font-size: 26px !important
}

.actionIcon{
  border: 1px solid #939393
}

tbody, td, tfoot, th, thead, tr {
    border: none;
}

.mainBoxesContact{
    font-size:16px;
    color: #6d6d6d
  }

  .mainBoxesContactInfo{
    font-size:16px;
    color:#10baba;
    font-weight: normal;
  }

  .mainBoxes{
    clear:both;
  }


  .mainBoxesIcon>.fa{
    position: absolute;
    right:20px;
    top:20px;
    color:#1da991;
    font-size:58px;
  }

  .mainBoxesInfo{
    font-size:21px;
    color:#1da991;
  }

  .mainBoxesValue{
    font-size: 30px;
    color: #405854;
    font-family: fantasy;
  }

  .mainBoxesUser{
    font-size: 24px;
    font-weight: bold;
    color: #ecdcc5;
  }

  .mainBoxesDescription{
    font-size: 16px;
    color: #5f5f5f;
  }

  .mainBoxesRow{
    margin-bottom: 20px;
  }

  .statisticsBoxes{
    border: 2px solid #009688;
    padding: 10px;
    border-radius: 4px;
    background-color: #009688;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
  }

  .topBoxes{
    border: 2px solid #e6e6e6;
    padding: 10px;
    border-radius: 4px;
    background-color: #fafafa;
  }

  .topBoxes:hover{
    background-color: #f4f4f4;
    cursor: pointer;
  }

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: #ffffff;
}
::-webkit-scrollbar-thumb {
    background: #50bbb1;
}
::-webkit-scrollbar-thumb:hover {
    background: #009688;
    cursor: pointer;
}

.card{
  box-shadow: 2px 2px 5px #0000002e;
}


.map-header {
    margin: 0;
    padding: 10px;
    text-align: center;
    background-color: #009688;
    color: #ffffff;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    min-width: 300px;
    line-height: 1.8em;
}

.vehicle-map-header {
    margin: 0;
    padding: 10px;
    text-align: center;
    background-color: #0ca687;
    color: #ffffff;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    min-width: 300px;
    line-height: 1.8em;
}

.custom_badge{
  font-weight: normal;
  padding: 0.45em 0.75em;
  font-size: .75em;
}

.bi{
  height:auto !important
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle{
  background-color: #50bbb1;
  border-color: #50bbb1;
}

.btn-check:focus+.btn-primary, .btn-primary:focus{
  box-shadow: 0 0 0 0.25rem rgb(0 151 137 / 50%);
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus{
  box-shadow: 0 0 0 0.25rem rgb(0 151 137 / 50%);
}