/* Internet Wait Time Legend */

@media (max-width: 767px) {
  #IWTlegend{
    text-align: center;
  }

  #IWTlegend span{
 display:block
}
}

#IWTlegend img{
  width: 32px;
  height: 32px;
  display: inline-block;
  clip-path: inset(0% 0% 59% 0%);
  position: relative;
  top: 6px;
  margin-left: 10px;
  margin-right: 1px;
}

#officeStatsCallout h6.card-title {
  text-align: center;
  color: #666
}

#officeStatsCallout .card-footer span {
  text-align: center;
  font-size: 33px;
  display: block;
  color: #666;
}

#officeStatsCallout .card-header {
  border-bottom: 0;
}

#officeStatsCallout .card-footer {
  border-top: 0;
}

#officeStatsCallout .card-body {
  padding: 0px
}



/* Modal color */
.modal-content .bg-danger h5 {
  color: #fff
}

section#mapInterface {
  margin-top: 0;
}

#app {
  background-color: #fff;
  min-height: 50vh;
}

#app.no-gutters {
  padding-right: 0;
  padding-left: 0;
}


/* Modal styles */
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}


/* Mobile toggles */
#mobileToggles em {
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  display: block;
  margin-top: 1em
}

#mobileToggles {
  margin: 0 auto;
  text-align: center;
}

#mobileToggles .badge {
  cursor: pointer;
  padding: 8px 10px;
  margin: 0 10px 5px 0px;
  font-size: 14px;
  white-space: nowrap;
  font-weight: inherit;
  border: 1px solid #ccc;
}

#mobileToggles .badge-success {
  border: 1px solid #fff
}

#mobileToggles label {
  display: inline-block;
    font-family: unset;
    padding-left: 5px;
    font-size: 13px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#mobileToggles hr{
  margin: 0.1rem 0 0.45rem;
  height: 2px;
  padding: 0;
  background: #ccc;
}
#mobileToggles .closedCheckboxMobile {
  padding-left: .6rem;
} 

/* Select box */
#searchboxWrapper {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px;
  min-width: 300px;
  background-image: url('data:image/png;base64,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UmVhZHlxyWU8AAADJWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzUyLCAyMDIwLzAxLzMwLTE1OjUwOjM4ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMzY1RTdGOTkzMjAxMUVBODM4NEQ2QTI2NjQ2Q0Y1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMzY1RTdGQTkzMjAxMUVBODM4NEQ2QTI2NjQ2Q0Y1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNjVFN0Y3OTMyMDExRUE4Mzg0RDZBMjY2NDZDRjU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYzNjVFN0Y4OTMyMDExRUE4Mzg0RDZBMjY2NDZDRjU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nXm6kwAAAmlJREFUeNqsletT2kAQwLkzCVIMqDRAUvDRqkMVZGzt2P+9HzpOp1OdQS0qtOKYQnkoFiEPHhIe6cZrGQaS4KD7gdlwd7/b3dsH0nXd8XxC2az1+31FrXe6XS/LMgw9JQ7sFXOF38VrWakDkfzpfuHifAtbkTUnw9jg0IizjWbzKJmuVCXT3U6G3om9FYL+R+EUtfH562GvZ1jE0HTA7/N6WIaiJEWt3NWUeoNsi0bWNt6sTHAW/EokU4QlBDmwYtgvuPVSzKUzImxLZcQAZ9w0jsMD7eIqK8kKKMsh4eP7+EiMEEJg0d67mIE2Lk4PwmqOE7N5+HW5Zrc3N6xCwwe4pRAPiqyodzXJEtds3be1DiirYYGm7bJnfXWJKDVZtcQRN0FMIzIs7JwbYTx8xAQHxhHFNeu0x2GMnU6aOGSJ87Duf7nyPxuspNPp3LfaxExL3LzX40CGUq1J9riqNAjLnCWOpigvayz/ypckRbGp4rMfmYfEcXCLC3aJQvJD7+uJk1Rb08xY+mn6AioH9JWQMCGNOd/i6+UQCd+n/W+F6/JI/e0fJMRc0XCFpqAXTK7Zbq93kPh+W6mRz5kZPO9hKZqSZLXd1gb1gRESeH+YD0BWT+goIFfZ/PnPS1K8IxLi/dHI+pfD40azBdS9ndhId0Gm3RjaVKn8B/JekmRN68IjQqT4wEsICKwen6az+ZJxeIyIpmju8CaJ5HmhVB4n4ikGAsZoNx4NvQqSTDg8OSvd3E6PI8QP8a3wGBE9ZZLBWei4+eLNwGvseIJAT90FGx864OTB+Fji9iZ2IBgs8CDoecf2XwEGADAaLLBjoS5/AAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 5px center;
  min-height: 48px;
}

#searchboxWrapper button.vs__clear {
  min-width: initial;
}

#searchboxWrapper .vs__actions {
  cursor: pointer;
}

#searchboxWrapper .vs__dropdown-toggle {
  border: none;
  padding: 0;
}

#searchboxWrapper .vs__search {
  color: #555;
  border: none;

  border-radius: 0;
  padding-left: 33px;
  background: transparent;
}

#searchboxWrapper .vs__selected {
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
  top: 14px;
  left: 39px;
  font-style: italic;
}

.vs__dropdown-menu {
  z-index: 1001
}



/* Search box */
#findme .spinner-border {
  top: -3px;
  position: relative;
}

#findme {
  width: 100%;
  text-align: center;
  margin-bottom: 1em
}

#geolocateOr {
  font-family: "Times New Roman", Times, serif;
  padding-left: 0px;
  font-size: 1.4em;
  top: 8px;
  position: relative;
  color: #666;
}



#dmvLocsDashboard {
  /* margin:1em 0 1em; */
  /* border:1px solid #5f6c7b; */
  /* min-height: 225px; */
  /* min-height: 280px; */
  min-height: 415px;
  /* width: 99%; */
  height: 100%;
  transition: margin-left linear 0.5s;
}


.leaflet-tooltip {
  width: 100%;
  min-width: 300px;
  white-space: normal;
  
}
.leafletpopoutbox h6{
  font-weight: bold;
}

@media (max-width: 767px) {
  .leafletpopoutbox em{
    visibility: hidden;
  }
  
  .leafletpopoutbox li em{
    visibility: visible;
  }
  
}

.leafletpopoutbox li{
  font-size: 15px;
}



#interfaceHolder {
  margin-top: 1em;
  border: 2px solid #ccc;
  background: #F3F4F7;
}


#mapHolder {
  padding: 0;
}



/* Cards Grid */
#cardGrid .secondary {
  margin-bottom: 1em;
  border: 0;
  background-color: transparent;
  padding: 0 1% 0 1%;
  font-size: 90%;
}


#cardGrid .secondary .card-header {
  border-top: 5px solid #701c45;
  min-height: 5.6rem;
}

#cardGrid .secondary .card-header,
#cardGrid .secondary .card-body,
#cardGrid .secondary .card-footer {
  background: #fff
}

#cardGrid .secondary .card-body {
  padding: 1rem
}


.card {
  margin: initial;
  transform: background-color linear 1s;
}

#cardGrid .secondary i.card__icon {
  font-size: 22px
}

#cardGrid .secondary .card-header .col-10 {
  padding-left: 5px;
  padding-right: 10px;
}

#cardGrid .secondary .card-body .alert {
  display: inline-flex;
  margin-top: -.5rem;
  font-size: .7rem;
  width: 100%;
  padding-top: .4rem;
  padding-bottom: .25rem;
  padding-left: .25rem;
  padding-right: 0px;
  align-items: center;
  margin-bottom: 0;
}

/* Primary Card */
#cardGrid .cardPrimary {
  box-shadow: 0px 4px 10px #d4d3d3;
  margin-bottom: 1em;
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  font-size: 90%
}

/* Wider Primary Card */
#cardGrid .cardPrimary.cardPrimaryWide {
  width: 75%;
  min-width: 75%;
  max-width: 75%;
  margin-bottom: 1em
}

#cardGrid .secondary h5 {
  font-size: 16px;
}

#cardGrid .secondary .card-header,
#cardGrid .secondary .card-body,
#cardGrid .secondary .card-footer {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#cardGrid .secondary .card-footer {
  border-bottom: 1px solid #ccc;
}


.cardPrimary .card-header {
  border-top: 5px solid #3c807d;
  border-radius: 0;
}

/* .cardPrimary h5{font-weight: 700;} */
.cardPrimary .card__icon {
  font-size: 25px;
}

.cardPrimary hr {
  margin-top: -0.3em;
  margin-bottom: .2em;
}


.card-header {
  padding: 1em 1em .3em;
}

.thumbMap {
  cursor: pointer;
}

.thumbMap img {
  border: 2px solid #ccc
}

.thumbMap img:hover {
  border: 2px solid #ccc
}

.thumbMap em {
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-size: 13px;
  display: block
}


.secondarymap {
  max-width: 100%;
  padding: 10px;
  cursor: pointer
}

.card-footer .btn,
.card-footer .btn:hover {
  background: #fff;
  text-align: center;
}

.card-footer {
  padding: 0.25em
}

.card-footer .btn,
.card-footer .btn:visited {
  width: 90%;
  margin: 3% 5% 3% 5%;
  color: #235073;
  font-weight: 400;
  border: 2px solid #235073;
  border-radius: 4px;
  line-height: 1.5;
  padding: .4em .3em;
}

.card-footer .btn:hover {
  color: #397aac;
  font-weight: 400;
  border: 2px solid #397aac;
  border-radius: 4px;
  line-height: 1.5;
  padding: .4em .3em;
  background: #fff;
  text-align: center;
}

.card-footer button:visited,
.card-footer button:active,
.card-footer button:hover {
  background: #fff
}



/* Dock icon for kiosks */
.card__icon.dock_icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTggMjNoOHYtMkg4djJ6bTgtMjEuOTlMOCAxYy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDhjMS4xIDAgMi0uOSAyLTJWM2MwLTEuMS0uOS0xLjk5LTItMS45OXpNMTYgMTVIOFY1aDh2MTB6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 30px;
    width: 30px;
    background-size: cover;
}




/* Toggles for sidebar, non-mobile */

#sideBarBox {
  padding: 0;
  border-right: 1px solid #ccc;
}

#sideBarBox h6 {
  color: #555;
  text-align: center;
  border-bottom: 2px solid #ccc;
  padding-bottom: .4rem;
  padding-top: .4rem;
}


#sideBarBox .checkboxInput {
  text-align: center;
  display: block;
}

#sideBarBox .checkboxInput input{
  padding-right:5px
}
#sideBarBox .checkboxInput label{
  display:inline;
  padding-left:5px;
}

#sideBarBox .checkboxUnderToggle{
  padding-left:10px;
  font-size:11px;
  margin-left: 43px;
  margin-top: 0px;
  display: block;
}

#sideBarBox .checkboxUnderToggle input{
  padding-right:5px
}
#sideBarBox .checkboxUnderToggle label{
  display:inline;
  padding-left:5px;
}

#sideBarBox .list-group-item:first-of-type{
  border-bottom: none;
  padding:0
}

#sideBarBox .list-group-item {
  padding: 1rem 0;
  margin: 0 0.7rem;
  border: 0;
  background: transparent;
  font-size: 14px;
  border-bottom:2px solid #fff
}

#sideBarBox #settingsToggle label,
#sideBarBox .list-group-item label,
#sideBarBox #settingsToggleSaturday label
{
  font-family: TransportNewLight_gdi, Helvetica, Arial, sans-serif
}



#sideBarBox #settingsToggle{
  border-top: 1px solid #ccc;
  padding-top: 10px;
  font-size: 12px;
  padding-bottom: 10px;
}

#sideBarBox #settingsToggle .checkboxInput {
  margin: 0px;
}


/* Mobile toggles */







/* toggle colors */
.vue-switcher-theme--bootstrap.vue-switcher-color--success div {
  background-color: #c7e6c7;
}


.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div:after {
  background-color: #999;
}

.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div {
  background-color: #ccc;
}



label.vue-switcher {
  width: 100%;
  margin: 0;
}


.vue-switcher__label {
  font-size: inherit;
  margin-bottom: 0px;
  margin-left: 30%;
}

.vue-switcher div {
  width: 20%;
  position: absolute;
  top: 5px;
}


.vue-switcher div:after {
  border: 1px solid #fff;
}


.vue-switcher input {
  width: auto;
  left: -9999px; /* fixes button overlap toggle */
}




@media (max-width: 767px) {

  #cardGrid .cardPrimary.cardPrimaryWide,
  #cardGrid .cardPrimary {
    box-shadow: 0px 4px 10px #d4d3d3;
    margin-bottom: 1em;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}