.toggle-wrapper {
	align-items: center;
}

label {
	margin-bottom: 0px !important;
	font-weight: bold;
}

#mapholder, #mapid {
	border: solid 1px gray;
	height: 500px;
	width: 100%;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
 /* padding-left: 0px; */
}

button:focus {
    outline: 0;
}

.assign-job {
  text-decoration: underline;
  font-weight: bold;
  border: solid 1px green;
}

.navbar .dropdown-menu .form-control {
    width: 200px;
}


.leaflet-popup {top: 15px !important;}
/* I moved the "tip" to the right location, but don't succeed in making it visible. */
.leaflet-popup-tip-container {
      top: 0px !important;
      overflow: auto important!;
 }
.leaflet-popup-tip {
      box-shadow: none !important;
      background-clip: none !important;
 }
.leaflet-popup:before {
        content: "";
        position: absolute;
        border: 13px solid transparent;
        border-bottom-color: white;
        bottom: 0px;
        margin-left: -13px;
}


.job-icon {
    font-size: 1.5em;
    color: black;
    font-weight: bold;
    text-align: center;
}
.smallest {
    font-size: 0.6em;
}
.larger {
    font-size: 1.4em;
    color: yellow;
}
a.larger:hover {
    color: orange;
}

.bg-light-red,
.bg-light-unassigned,
.bg-light-danger
{
    background-color: #FFC0C0;
}
.bg-light-yellow,
.bg-light-warning {
    background-color: #FEE5A0;
}
.bg-light-info,
.bg-light-other
{
    background-color: #3EC1D4;
}
.bg-light-green,
.bg-light-pending,
.bg-light-success
{
    background-color: #9ED49E;
}

.bg-completed {
  background-color: #EFEDED;
}

.bg-completed a:link,
.bg-completed a:visited,
.bg-completed a:active {
  color: navy;
}

.bg-disabled {
  background-color: #DCDCDC;
}

.bg-started {
  background-color: #E6FCE6;
}
.bg-assigned {
  background-color: #FFEBEB;
}
.bg-other {
  background-color: #B5EEF7;
}
.bg-unassigned {
  background-color: #FFF7E3; /*#FDE9E9;*/
}

.fill-rest {
  display:block;
}

.highlight {
  background-color: yellow;
  font-weight:bold;
  color: black;
}

.btn-circle.btn-sm {
            width: 50px;
            height: 50px;
            padding: 14px 10px;
            border-radius: 25px;
            font-size: 12px;
            text-align: center;
}

.btn.btn-info:disabled,
.btn.btn-primary:disabled,
.btn.btn-primary[disabled],
.btn.btn-danger:disabled,
.btn.btn-danger[disabled],
.btn.btn-warning:disabled,
.btn.btn-warning[disabled],
.btn.btn-success:disabled,
.btn.btn-success[disabled]
{
  background-color: #acacac;
  border-color: #9c9c9c;
}

.transparent-50 {
  opacity: 50%;
}

.card .card-badge-topright {
  position:absolute;
  top: -5px;
  right:-5px;
  padding:5px;
  background:blue;
  color:white;
  transform:rotate(-20deg);
}

.card .card-badge-midright {
  position:absolute;
  top: -5px;
  right:-5px;
  padding:5px;
  background:blue;
  color:white;
  transform:rotate(-20deg);
}

.card .card-badge-bottomleft {
  position:absolute;
  bottom:1px;
  left: 1px;
  padding: 3px;
  background: orange;
  color: black;
  font-weight: bold;
  font: 0.8em;
}

/*
.modal:nth-of-type(even) {
    z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}
*/

.modal {
  z-index: 99999 !Important;
}

.button-calendar {
    font-size: 1.8em;
}


/*#calendar {
    min-height: 700px;
    min-width: 375px; 
    position: relative;
}*/

/*----------------------------------------------------------------
// highlight/mark only required fields in the form
//---------------------------------------------------------------- */
.form-control.no-validate:valid {
    border-color: #ced4da;
    padding-right: .75rem;
    background: none;
}

/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body.large-modal {
    overflow-y: auto;
    height: 80vh;
}


ul.menu-items {
	list-style: none;
	padding: 0;
}

.menu-header {
	text-transition: uppercase;
	font-size: 0.8rem;
	color: #a1b8d0;
}

.menu-items li.menu-header-item {
	padding: 0 1rem; /*0.825rem 1.25rem 0.625rem 1.25rem;*/
	font-size: 0.6875rem;
	text-transition: uppercase;
	margin: 20px 0 0;
	color: #a1b8d0;
}

.menu-items li.menu-item {
}

.btn-group-sm>.btn,
.btn-group>.btn {
/*	width: 150px; */
}

.pastdue {
  background-image: url('../assets/pastdue.jpg');
}


.nav.nav-tabs {
	background-color: #808080;
}

a.nav-link {
  background-color: #C9C7C7;
  color: gray;
  font-style: italic;
}

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    color: white;
    font-weight: bold;
    background-color: red;
    font-size: 1.2em;
    border-color: #dee2e6 #dee2e6 #fff;
}

li.nav-item-buttons {
  padding-left: 10px;
  padding-top:5px;
  width:120px;
}
li.nav-item-buttons.small {
  width:20px;
}

#tab-riders {
  background-color: #F4F2F2;
}
#tab-jobs {
  background-color: #F4F2F2;
/*  background-color: #F1FFF1; */
}


.tab-content{
  background: #fdfdfd;
}

.tooltip {
  z-index: 10000000;
}

.card-text {
	color: black !important;
	font-size: 90% !important;
	line-height: 120% !important;
}

.card-item-count {
	color: white;
	font-size: 300%;
	text-align: center;
	font-family: Impact, Charcoal, sans-serif;
}
.card-item-count p {
	font-size: 36%;
	line-height: 120% !important;	
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.form-control.btn-danger:focus {
  background-color: #d9534f;
  color: white;
}
.form-control.btn-info:focus {
  background-color: #5bc0de;
  color: white;
}
.form-control.btn-primary:focus {
  background-color: #0275d8;
  color: white;
}

.table-head {
  background-color: #50575E !important;
}

.blink_me-slow {
  animation: blinker 3s linear infinite;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.alert-popup div.modal-dialog {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}


/* mobile only */
@media (max-width: 767.98px) {
}

#date-filter-div {
}

.text-decoration-line-through {
	text-decoration: line-through;
}

.archived {
	background-color: #FFCCCB;
	animation: blinker 3s linear infinite;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media (min-width: 1200px) {
.container.full {
    max-width: 95%;
}

.list-group-item {
    padding: 5px;
    background-color: #f0f0f0;
    font-size: 0.75em;
}

.smaller {
  font-size: 0.5em;
}