.marker{
    width: 100px;
    background-image: url("../vendor/images/mapmarker2.png");
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 0%;
    cursor: pointer;
    }
.btn-primary{
    background-color: #0028ba;
    }
.page-item.active .page-link{
    background-color: #0028ba;
    }
.custom-select{
    color: #000000 !important;
    background-color: #ffffff !important;
    font-weight: bold !important;
    font-size: 1.4rem;
}



.select-items div,.select-selected {
    color:purple;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 75px;
    /* background-color: #F3EADE !important; */
}

.footer {
    position: absolute;
    height: 60px;
    line-height: 60px;
    width: 100%;
    background-color: #f5f5f5;
    bottom: 0;
}

.card {
    margin-bottom: 15px;
}

.card-deck {
    margin-bottom: 15px;

}

.row {
    padding-bottom: 10px;
}

#address-maxheight {
    /* max-height: 400px; */
    height: 100%;
}

.card-same-height {
    height: fit-content;
}

.fv-plugins-icon {
    font-size: 12px !important;
    z-index: 1;
    pointer-events: none;
}

.form-control.is-valid {
    background-image: none;
}


.form-control.is-invalid {
    background-image: none;
}


li .fa-times {
    color: red;
}

li .fa-check {
    color: mediumseagreen;
}

#ajax-indicator {
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 9999;
}

table,
tbody,
thead,
th,
tr,
td {
    text-align: center !important;
    vertical-align: middle !important;
}


.no-padding {
    padding: 0 !important;
}

tbody.clickable,
tr.clickable {
    cursor: pointer;
}

#map {
    height: 400px;
}

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
}

.card-header-link {
    font-weight: 400;
    font-size: 80%;
    float: right;
}

.clickable {
    cursor: pointer;
}

.duration-selected,
.vehicle-selected,
.address-selected,
.voucher_type_selected,
.voucher-selected {
    -webkit-box-shadow: inset 0px 0px 1px 3px darkseagreen;
    -moz-box-shadow: inset 0px 0px 1px 3px darkseagreen;
    box-shadow: inset 0px 0px 1px 3px darkseagreen;
}

.fa-check .success {
    color: mediumseagreen;
}

.fa-check .error {
    color: red;
}

.check-mark {
    color: mediumseagreen;
}


.vrm-plate {
    background: linear-gradient(to bottom, #f8d038 0%, #f5ca2e 100%);
    padding: .25em 1em .25em 1.75em;
    font-weight: bold;
    font-size: 2em;
    border-radius: 5px;
    border: 1px solid #000;
    box-shadow: 1px 1px 1px #ddd;
    position: relative;
    font-family: helvetica, ariel, sans-serif;
}

.vrm-plate:before {
    content: 'GB';
    display: block;
    width: 30px;
    height: 100%;
    background: #063298;
    position: absolute;
    top: 0;
    border-radius: 5px 0 0 5px;
    color: #f8d038;
    font-size: .5em;
    line-height: 85px;
    padding-left: 5px;
}

.vrm-plate:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    border: 1px dashed #f8d038;
}

.input-group~.fv-plugins-icon {
    right: 60px !important;
}

.updating {
    filter: blur(5px);
    -webkit-transition: all 2s;
    /* Safari */
    transition: als 2s;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    position: relative;
    width: 100%;
}

.stepwizard-step button[disabled] {
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 4px;
    background-color: #ccc;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 1000px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    background-color: #ccc;
}

.dropdown-menu.show {
    width: inherit;
    transform: none !important;
}

#menu {
    /* background: #7c006b; */
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    width: 120px;
    /* border: 1px solid #7c006b!important; */
    font-family: 'Open Sans', sans-serif;
    }

    #menu a {
    font-size: 13px;
    color: white;
    display: block;
    margin: 0;
    padding: 0;
    padding: 10px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    text-align: center;
    }

    #menu a:last-child {
    border: none;
}

.permit-div-link{
    text-decoration: none;
    color:auto;
}
.permit-div-link:hover{
    text-decoration: none;
    color:auto;
}

.popover .arrow {
    display: none !important;
}


.selection_anchor {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: black;
}

.selection_anchor:hover {
    text-decoration: none;
}

.my-account-card-body-custom {
    /* max-height:-webkit-fill-available;
    flex: inherit;
    overflow: scroll;
    max-height: fit-content; */
    max-height: 500px;
    overflow-y: auto;
}


@media (max-width: 992px) {
    .card-deck {
        /* -ms-flex-flow: column !important;
        flex-flow: column !important;  */
        margin-bottom: 15px !important;
    }

    .card-deck .card {
        margin-bottom: 15px !important;
    }


}

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

.rounded-top-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

/* .dropdown-menu {
    overflow-x: scroll !important;
} */

.table-items-clickable tbody tr {
    cursor: pointer;
}

a.btn {
    text-decoration: none !important;
}

.modal {
    overflow-y: auto !important;
}


.table th {
    border: none;
}

#nav-bar {
    border-bottom: solid 1px #C0CBC4;
    color: #066E6B;
}

nav.navbar {
    padding: 0px;
    font-family: "RalewayMedium", Arial, Helvetica, sans-serif;
    font-size: 1.14286em;
}

li.nav-item a:hover {
    background-color: #f6f6f6;
}

li.nav-item a:focus {
    background-color: #f6f6f6;
}


li.nav-item a.nav-link {
    height: 69px;
    line-height: 69px;
    position: relative;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    text-shadow: none;
    cursor: pointer;
    border: 0;
    padding: 0px 15px 0px 15px !important;
    border-right: 1px solid #C0CBC4;
    width: 100%;
}

li.nav-item a.dropdown-item {
    text-decoration: none;
    color: black
}

li.nav-item a.dropdown-item:hover {
    text-decoration: underline;
}


li.nav-item a.dropdown-item:hover {
    text-decoration: underline;
    color: #066E6C;
}

table,
tbody,
tr,
td.gsc-input {
    text-align: right !important;
    vertical-align: middle !important;
}

.navbar-light a.navbar-brand {
    color: white;
    height: 69px;
    line-height: 69px;
    position: relative;
    /* margin-left: 45px; */
    text-decoration: none;
    display: inline-block;
    text-shadow: none;
    cursor: pointer;
    border: 0;
    padding: 0px 20px 0px 20px !important;

}

.navbar-light a.navbar-brand:hover {
    color: white;
}

.navbar-light .navbar-nav a.nav-link {
    color: black;
}

.navbar-light .navbar-nav a.nav-link:hover {
    color: #066E6C;
}

.mapboxgl-popup-content {
    height: 275px;
    overflow-y: scroll;
}

.reject{
    border: 4px solid red;
}

.approve{
    border: 4px solid mediumseagreen;
}


.voucher-type-card .card-body{
    max-height: 500px;
    overflow-y: scroll;
}

.pagination {
   font-size: 1em !important;
   text-align: center !important;
}

#stars{
    padding:0px;
}

.rating-stars ul > li.star {
  display:inline-block;
  
}

.rating-stars ul > li.star > i.fa {
  font-size:1.7em; 
  color:#ccc; 
}

@media (min-width: 500px) {
    .rating-stars ul > li.star > i.fa {
        font-size:2.5em; 
    }
}

.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}


.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}

#global_dialog_modal {
	z-index:9999;
}

.associated-evidence-container div{
    margin-bottom:65px!important;
}


.evidence_display_cont, .evidence-required-list{
    min-width:600px;
}


/* TYPEAHEAD STYLES */
.twitter-typeahead
{
    display: block !important;
}
.tt-menu
{
    background-color: white;
}
/***
* FROM CORPORATE HEADER
***/
#app {
         border-top: solid 3px #acdbe0;
       
    }
    .navbar{
       
    }
    .container-fluid{
        max-width:1024px;
        margin:auto;
    }
    .navbar-light .navbar-brand {
        color:#066E6C
    }

    .navbar-light .navbar-nav .nav-link {
        color:#066E6C;
    } 
    .navbar-laravel {
       
        -webkit-box-shadow:none;
        box-shadow:none;
         max-width:1024px;
        margin:auto;
    }