﻿.autocomplete {
    position: relative;
    display: inline-block;
}

.email-input {
    padding: 16px 17px;
    border: 1px solid transparent;
    border-radius: 6px;
    background-color: #38ADE9;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-style: italic;
}
    .email-input:focus {
        padding: 16px 17px !important;
    }
    .email-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff !important;
    }
    .email-input::placeholder {
        color: #fff !important;
        font-weight: bold !important;
    }

    .email-input::-moz-placeholder { /* Firefox 19+ */
        color: #fff !important;
    }

    .email-input::-ms-input-placeholder { /* IE 10+ */
        color: #fff !important;
    }

    .email-input::-moz-placeholder { /* Firefox 18- */
        color: #fff !important;
    }
    .autocomplete-items {
        position: absolute;
        height: 125px;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 51px;
        left: 0;
        right: 0;
        overflow: auto;
        text-align: left;
    }
        .autocomplete-items div {
            padding: 20px !important;
            background: #38ADE9;
            color: #fff;
            border: none;
            border-top: 1px solid #196183;
            font-size: 18px;
            line-height: 21px;
            cursor: pointer;
        }
            .autocomplete-items div:hover,
            .parking-type option:hover {
                background: #FFF !important;
                color: #FA9D02 !important;
            }
.email-text,
.remodal .input-filled .input-field {
    color: #fff !important;
    background-color: #38ADE9 !important;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: #38ADE9 !important;
    color: #ffffff;
}
.parking-type {
    padding: 16px 17px;
    margin-bottom: 20px;
    border-radius: 6px;
    background-color: #38ADE9;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    border: none;
}
    .parking-type option {
        font-style: normal;
    }
.buy-btn {
    margin: 40px auto 20px !important;
}
.newpermit-errormsg {
    color: #ff0000;
}
.select2-selection__arrow::after {
    position: absolute;
    font-size: 16px;
    font-family: parkplace;
    content: '\e900';
    color: #fff;
    right: 20px;
    top: calc(50% - 22px);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.parking-type {
    -webkit-appearance: none;
    -moz-appearance: none;
}
select::-ms-expand {
    display: none;
}
.parkingtype-wrap {
    position: relative;
}

/*Sheet content page styles*/
.content-wrapper {
    padding-top: 0;
    background: none;
}

.content-modal {
    background-color: #fff;
}

.location-name {
    text-align: center;
}

.content-wrapper .h2selectedparkingtype,
.content-wrapper .h2selectedparkingtyperate {
    text-align: left !important;
}

.monthly-desc {
    text-align: center;
}

.content-wrapper .monthly-option {
    text-align: center !important;
}

.option-wrap-four {
    width: 24% !important;
}
.np-lot-wrapper {
    margin-top: 70px;
}

.parking-m-option {
    padding: 10px 30px;
    margin-bottom: 50px;
}
.addtocart-button {
    padding-bottom: 20px;
}
/*Checkout Popup styles*/
.admincheckout-dropdown {
    width: 100%;
    padding: 16px 18px;
    margin-bottom: 20px;
    background: #38ADE9;
    color: #fff;
    border: none;
    font-size: 18px;
    border-radius: 6px;
}
    option {
        padding: 16px 18px !important;
        border-top: 1px solid #D8D8D8;
        color: #9B9B9B;
        background-color: #fff;
    }
    option:hover {
        color: #FA9D02;
        background-color: transparent;
    }
.admincheckout-dropdown::after {
    position: absolute;
    font-size: 16px;
    font-family: parkplace;
    content: '\e900';
    color: #9B9B9B;
    right: 20px;
    top: calc(50% - 10px);
    -webkit-transition: all .2s;
    transition: all .2s;
}
/*.select2-dropdown, .select2-results__option {
    background: #38ADE9;
    color: #fff;
    border: none;
    border-top: 1px solid #196183;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #FFF;
    color: #FA9D02;
}*/
.checkout-errmsg p{
    margin-top: 15px;
    text-align: left;
}

.checkout-modal-wrapper {
    width: 55% !important;
    background-color : #fff !important;
}
    .checkout-modal-wrapper h2 {
        color: #0075AC;
    }
    .checkout-modal-wrapper.small .select2-container--default .select2-selection--single,
    .checkout-errmsg .email-input,
    .checkout-modal-wrapper.small .select2-dropdown, .remodal.small .select2-results__option {
        color: #9B9B9B;
        background: rgba(255,255,255,1); 
    }
    .checkout-modal-wrapper.small .select2-container--default .select2-selection--single {
        border: 1px solid #9B9B9B;
    }
    .checkout-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #9B9B9B !important;
    }
    .checkout-modal-wrapper.small .select2-dropdown, .remodal.small .select2-results__option {
        border-top: 1px solid #9B9B9B;
        border-right: 1px solid #9B9B9B;
        border-left: 1px solid #9B9B9B;
    }
    .checkout-modal-wrapper.email-text,
    .checkout-modal-wrapper .input-filled .input-field,
    .checkout-modal-wrapper .checkout-errmsg .email-input {
        color: #9B9B9B !important;
        border: 1px solid #9B9B9B !important;
        background: rgba(255,255,255,1) !important;
    }
    .checkout-modal-wrapper.email-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #9B9B9B !important;
    }

    .checkout-modal-wrapper .email-input::placeholder {
        color: #9B9B9B !important;
        font-weight: bold !important;
    }

    .checkout-modal-wrapper .email-input::-moz-placeholder { /* Firefox 19+ */
        color: #9B9B9B !important;
    }

    .checkout-modal-wrapper .email-input::-ms-input-placeholder { /* IE 10+ */
        color: #9B9B9B !important;
    }

    .checkout-modal-wrapper .email-input::-moz-placeholder { /* Firefox 18- */
        color: #9B9B9B !important;
    }
    .checkout-modal-wrapper .btn:hover {
        color: #fff;
        background: #0094DF;
    }
    .checkout-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow::after {
        color: #9B9B9B !important;
    }
    .checkout-modal-wrapper .checkout-header {
        background-color: #F7F7F7;
        background-image: url(../img/bg-header-white-slash.png);
        background-repeat: repeat-x;
        background-position: bottom;
        background-size: 22px auto;
        padding: 10px 20px 15px;
    }
    .checkout-modal-wrapper .remodal-close {
        color: #0094DF !important;
    }
    .checkout-modal-wrapper h4 {
        color: #4A4A4A !important;
    }
    .checkout-modal-wrapper .text {
        padding: 5px 20px 20px !important;
    }
.checkout-popup-input {
    padding: 16px 17px;
    margin-bottom: 20px;
    border: 1px solid #9B9B9B !important;
    border-radius: 6px;
    color: #9B9B9B;
    font-size: 18px !important;
    line-height: 21px !important;
}
.checkout-popup-form {
    max-width: 400px;
}
.checkout-pay-btn {
    width: 200px;
}
.managetable-wrapper {
    width: 100%;
    overflow-x: auto;
}
.custom-closebtn {
    position: relative;
    right: 25px;
    bottom: 18px;
    float: right;
    background: transparent;
    border: none;
    color: #D8D8D8;
}
.custom-closebtn::before {
    font-family: parkplace;
    font-size: 23px;
    line-height: 23px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "\e901";
    text-align: center;
}
.custom-closebtn:hover {
    color: #FA9D02;
}