/* Add here all your CSS customizations */

.form-group .onoffswitch {
    margin-top: 10px;
}
.onoffswitch {
    position: relative; width: 48px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 16px; padding: 0; line-height: 16px;
    border: 0px solid #999999; border-radius: 24px; -webkit-border-radius: 24px;
    background-color: #EEEEEE;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 24px; margin: -4px;
    background: #A1A1A1;
    position: absolute; top: 0; bottom: 0;
    right: 24px;
    border-radius: 24px; -webkit-border-radius: 24px;
    -webkit-box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #0088CC;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, 
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #0088CC;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
    background-color: #27A1CA; 
    -webkit-box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.2);
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: unset;
}
div.dataTables_wrapper div.dataTables_filter label {
    text-align: left;
}
div.dataTables_wrapper div.dataTables_filter div.dt-buttons {
    float: right;
}






.table-spinner {
  width: 100px;
}
.table-spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}

.fa-spin-fast {
  -webkit-animation: fa-spin 0.5s infinite linear;
  animation: fa-spin 0.5s infinite linear;
}

.topbar-buttons {
  padding: 0 22px 0 20px;
}

.panel-actions-bigbuttons {
  right: 0;
  top: 0;
  border-radius: 0;
}
.panel-actions-bigbuttons a.bigbutton {
  margin: 4px;
  height: 48px;
  width: 96px;
  line-height: 44px;
}


.panel-body .form-group .row .control-label.pull-right {
  text-align: right;
}





.ajax-table-button-group {
  float: left;
  min-width: 100px;
  width: 100%;
}

.ajax-table-button-group .ajax-table-button {
  float: left;
  width: 30%;
  text-align: center;
}

/* Datepicker - Skin */
.datepicker table tbody tr td.disabled,
.datepicker table tbody tr td.disabled:hover,
.datepicker table tbody tr td.disabled.new,
.datepicker table tbody tr td.disabled.new:hover,
.datepicker table tbody tr td.disabled.old,
.datepicker table tbody tr td.disabled.old:hover,
.datepicker table tbody tr td span.disabled,
.datepicker table tbody tr td span.disabled:hover,
.datepicker table tbody tr td span.disabled.new,
.datepicker table tbody tr td span.disabled.new:hover,
.datepicker table tbody tr td span.disabled.old,
.datepicker table tbody tr td span.disabled.old:hover {
  background: none;
  color: #E0E0E0;
  cursor: not-allowed;
}
.datepicker table tbody tr td.day:not(.disabled) {
  background: white; /*#e8f4f9;*/
}
.datepicker table tbody tr td.day:hover:not(.disabled) {
  background: #0088CC; 
}

.datepicker table tbody tr td.day.selected,
.datepicker table tbody tr td.day.selected.active {
  background: #005883; /*#b3b3b3;*/
  color: white;
}
.datepicker table tbody tr td.day.selected:hover,
.datepicker table tbody tr td.day.range:hover {
  background: #277398; /*#b3b3b3;*/
  color: white; 
}

.datepicker table tbody tr td.day.range {
  background: #0088CC; /*#b3b3b3;*/
  color: white;
}



/* Leflet grouping customization */
.marker-cluster-small {
  background-color: rgba(171, 232, 242, 0.6);
  }
.marker-cluster-small div {
  background-color: rgba(83, 221, 242, 0.6);
  }

.marker-cluster-medium {
  background-color: rgba(171, 232, 242, 0.6);
  }
.marker-cluster-medium div {
  background-color: rgba(83, 221, 242, 0.6);
  }

.marker-cluster-large {
  background-color: rgba(171, 232, 242, 0.6);
  }
.marker-cluster-large div {
  background-color: rgba(83, 221, 242, 0.6);
  }

  /* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(83, 221, 242);
  }
.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(110, 204, 57);
  }

.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(83, 221, 242);
  }
.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(240, 194, 12);
  }

.leaflet-oldie .marker-cluster-large {
  background-color: rgb(83, 221, 242);
  }
.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(241, 128, 23);
}
.marker-cluster div {
  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: black;
  }


/* Map popup */
.leaflet-popup-content {
  font-size: 15px;
  width: auto;
}

/* Map fence boundaries markers */
.leaflet-div-icon.leaflet-marker-icon.leaflet-vertex-icon {
  background-color: #b9d6f2;
  border-color: #2364aa;
  border-width: 1px;
  border-radius: 8px;
}
.leaflet-div-icon.leaflet-marker-icon.leaflet-middle-icon {
  background-color: #b9d6f2;
  border-color: #2364aa;
  border-width: 1px;
  border-radius: 8px;
}



/* Home page counters */
#error-equip-count .amount,
#active-equip-count .amount,
#standby-equip-count .amount,
#inactive-equip-count .amount,
#broken-equip-count .amount {
  font-family: 'Rajdhani', sans-serif;
  font-size: 34px;
  font-weight: bold;
}

/* Panel */
@media only screen and (max-width: 767px) {
  .panel-actions {
    float: right;
    position: absolute;
  }
}

/* Page Header - Mobile */
@media only screen and (max-width: 767px) {
  .page-header {
    padding-right: inherit;
  }
}

/* Header Mobile */
@media only screen and (max-width: 767px) {
  .header .logo-container .logo {
    margin: 15px 0 0 50px; 
    line-height: inherit; 
    float: left;
  }
  .header .separator {
    display: inline-block;
  }
}

.header .toggle-sidebar-left {
  left: 10px;
}

/* Userbox - Mobile */
@media only screen and (max-width: 767px) {
  .userbox {
    float: right;
    margin: 16px 16px 0 0;
  }
  .userbox .profile-info {
    margin: 0 5px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .inner-wrapper {
    padding-top: 60px;
  } 
}