/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Map toggle switch */
.switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
    //background-color: #a5dc86;
    background-color: #28A8E0;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.bg-primary {
    background-color: #333333 !important;
}

.bg-secondary {
    //background-color: #28A8E0 !important;
}

.custom-select {
    background-color: #474747;
    border-radius: 2px;
    border-width: 0px;
    color: white;
}

h1 {
    font-family: 'Poppins';
    color: white;
}

h2 {
    font-family: 'Poppins';
    color: white;
}

h5 {
    font-family: 'Poppins';
    color: white;
}

label {
    font-family: 'Poppins';
    color: white;
}

button {
    font-family: 'Roboto';
}

th {
    font-family: 'Poppins';
}

a {
    font-family: 'Poppins';
}

div.card {
    background-color: #333333;
    border-radius: 8px;
    border-width: 0px;
}

body {
    background-color: #272727;
}

.form-group .form-control {
    background-color: #474747;
    color: white;
    border-radius: 2px;
    border-width: 0px;
}

.zone-table-input {
    background-color: #474747 !important;
    color: white !important;
    border-radius: 2px;
    border-width: 0px;
}

.form-control:disabled {
    opacity: 0.65;
}

.btn-primary {
    background-color: #242424;
    background-image: none;
    border-width: 0px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #474747 inset !important;
    border-radius: 2px !important;
    border-width: 0px !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}

.form-control::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #cccccc;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #cccccc;
  opacity: 1;
}

.form-control::placeholder {
  color: #cccccc;
  opacity: 1;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #272727;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #333333;
}

.alert {
    margin-bottom: 0.5rem;
}

.caret{ 
    color: white; 
}

.list-group-item {
    background-color: white;
    color: black;
}

.list-group-item:hover {
    background-color: lightgray;
}