input[type="time"]::-webkit-calendar-picker-indicator {
background: none;
}

.slaclass {
background-color: #f2dede;
}

.overrideclass {
background-color: #fcf8e3;
}

.match {
width: 100%;
padding: 4px 4px;
margin: 2px 0;
display: inline-block;
}

.popover {
min-width: 100px;
width: 100%;
max-width: 600px;
overflow-wrap: break-word;
}

.nav-pills .nav-link.active {
background-color: #6C757D !important;
}

.nav-pills .nav-link {
background-color: #e6e6e6 !important;
margin-left: 2px;
}

.checkbox-5x {
transform: scale(0.75);
-webkit-transform: scale(0.75);
cursor: pointer;
}

.checkbox-1x {
transform: scale(1.5);
-webkit-transform: scale(1.5);
}

.checkbox-2x {
transform: scale(2);
-webkit-transform: scale(2);
}

.custom-radio-button div {
display: inline-block;
}

.custom-radio-button input[type="radio"] {
display: none;
}

.custom-radio-button input[type="radio"]+label {
color: #333;
font-family: Arial, sans-serif;
font-size: 14px;
}

.custom-radio-button input[type="radio"]+label span {
display: inline-block;
width: 30px;
height: 30px;
margin: -1px 4px 0 0;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
border: 2px solid #ffffff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
background-repeat: no-repeat;
background-position: center;
text-align: center;
line-height: 44px;
}

.custom-radio-button input[type="radio"]+label span img {
opacity: 0;
transition: all 0.3s ease;
}

.custom-radio-button input[type="radio"]#color-grey+label span {
background-color: #c0c0c0;
}

.custom-radio-button input[type="radio"]#color-pink+label span {
background-color: pink;
}

.custom-radio-button input[type="radio"]#color-red+label span {
background-color: red;
}

.custom-radio-button input[type="radio"]#color-green+label span {
background-color: green;
}

.custom-radio-button input[type="radio"]#color-blue+label span {
background-color: blue;
}

.custom-radio-button input[type="radio"]#color-yellow+label span {
background-color: #ffba00;
}

.custom-radio-button input[type="radio"]#color-orange+label span {
background-color: #ff8c00;
}

.custom-radio-button input[type="radio"]#color-pink+label span {
background-color: pink;
}

.custom-radio-button input[type="radio"]#color-darkgrey+label span {
background-color: #696969;
}

.custom-radio-button input[type="radio"]:checked+label span {
opacity: 1;
background: url("https://www.positronx.io/wp-content/uploads/2019/06/tick-icon-4657-01.png") center center no-repeat;
width: 30px;
height: 30px;
display: inline-block;
}

.input-group-fix>.form-control,
.input-group-fix>.input-group-addon,
.input-group-fix>.input-group-btn>.btn {
height: 40px;
}

.on-bg {
background-color: #8ABA84;
}

.off-bg {
background-color: #D78F8F;
}

.hol-bg {
background-color: #FBBC05;
}

.flex-bg {
background-color: #ADD8E6;
}

.pm-bg {
background-color: #8AE5E5;
}

.am-bg {
background-color: #FFFF99;
}

.lieu-bg {
background-color: #F7F888;
}

.sick-bg {
background-color: #FF7A79;
}

.full-bg {
background-color: #849EF8;
}

#map {
height: 400px;
width: 100%;
background: #6699cc;
}

#distanceTotal {
font-size: 15px;
}

#map_today {
height: 400px;
width: 100%;
background: #6699cc;
}

#distanceTotal_today {
font-size: 15px;
}

.alert-style {
font-weight: bold;
text-align: center;
font-size: 16px;
text-transform: uppercase;
}

.slaclass {
background-color: #f2dede;
}

.overrideclass {
background-color: #fcf8e3;
}

.holidayclass {background-color: #f2dede;}
td {color: #676A82;}
a {color: blue;}
}

.btn-xxs {
height: 16px;
width: 16px;
font-size: 9px;
font-weight: bold;
padding: 0px;
margin-bottom: 0px;
}


.inprogress {
background-color: #DFF0D8;
}

.slaOver {
background-color: #D48888;
}

.queue {
background-color: #ffecc8;
}

td {
color: #676A82;
}

a {
color: blue;
}

#img_container {
position: relative;
display: inline-block;
text-align: center;
margin: 10px;
}

.overit {
position: absolute;
bottom: -2px;
left: 135px;
}

.overit2 {
position: absolute;
bottom: -2px;
left: 110px;
}

.grey-radio input[type="radio"] {
display: none;
}

.grey-radio label {
display: inline-block;
background-color: grey;
opacity: 0.2;
padding: 0px;
margin: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #8a8a8a;
}

.grey-radio input[type="radio"]:checked+label {
background-color: grey;
opacity: 1;
}

.green-radio input[type="radio"] {
display: none;
}

.green-radio label {
display: inline-block;
background-color: green;
opacity: 0.2;
padding: 0px;
margin: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #8a8a8a;
}

.green-radio input[type="radio"]:checked+label {
background-color: green;
opacity: 1;
}

.red-radio input[type="radio"] {
display: none;
}

.red-radio label {
display: inline-block;
background-color: red;
opacity: 0.2;
padding: 0px;
margin: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #8a8a8a;
}

.red-radio input[type="radio"]:checked+label {
background-color: red;
opacity: 1;
}

.yellow-radio input[type="radio"] {
display: none;
}

.yellow-radio label {
display: inline-block;
background-color: yellow;
opacity: 0.2;
padding: 0px;
margin: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #8a8a8a;
}

.yellow-radio input[type="radio"]:checked+label {
background-color: yellow;
opacity: 1;
}

.orange-radio input[type="radio"] {
display: none;
}

.orange-radio label {
display: inline-block;
background-color: orange;
opacity: 0.2;
padding: 0px;
margin: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #8a8a8a;
}

.orange-radio input[type="radio"]:checked+label {
background-color: orange;
opacity: 1;
}

.blue-radio input[type="radio"] {
display: none;
}

.blue-radio label {
display: inline-block;
background-color: blue;
opacity: 0.2;
padding: 0px;
margin: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #8a8a8a;
}

.blue-radio input[type="radio"]:checked+label {
background-color: blue;
opacity: 1;
}

.pink-radio input[type="radio"] {
display: none;
}

.pink-radio label {
display: inline-block;
background-color: #ff00ff;
opacity: 0.2;
padding: 0px;
margin: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #8a8a8a;
}

.pink-radio input[type="radio"]:checked+label {
background-color: #ff00ff;
opacity: 1;
}

input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: green;
}
input.greyradio[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: grey;
}
input.pinkradio[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: rgb(255, 0, 255);
}
input.orangeradio[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: rgb(216, 126, 39);
	color-scheme: light;
}
input.greenradio[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: rgb(3, 131, 3);
}
input.yellowradio[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: rgb(255, 231, 3);
	color-scheme: light;
}
input.blueradio[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: rgb(8, 0, 255);
}
input.redradio[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: rgb(255, 1, 0);
}