/* dismissable alerts */

.alert {
    padding: 20px;
    background-color: #007bff;
    /*#f44336;*/
    color: white;
}

.closealertbtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closealertbtn:hover {
    color: black;
}

/* borders */
.border-shadows {
    border-radius: 2px;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 30%);
    /*box-shadow: 0 5px 15px rgba(0,0,0,0.3);*/
    padding: 0px;
}

.selected-ride {
    border-radius: 10px;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 30%);
    /*box-shadow: 0 5px 15px rgba(0,0,0,0.3);*/
    padding: 0px;
}

.br-none {
    border: none !important;
}

.br-radius-0_25rem {
    border-radius: 0.25rem !important;
}

.br-radius-0_5rem {
    border-radius: 0.5rem !important;
}

.br-radius-1rem {
    border-radius: 1rem !important;
}

.bd-radius {
    border-radius: 10px;
}

.border_10 {
    border-radius: 10px;
}

.right_border {
    border-right: 3px solid #d8dce3;
}

.input_icon {
    color: #FF4C3B !important;
    position: relative;
    top: 28px;
    font-size: 20px;
}

#current_address {
    padding-left: 25px !important;
}

.map {
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    padding: 8px;
    border-bottom: none;
    margin: 5px 5px 15px 5px;
    height: 200px;
    max-width: 96vw;
}


.map_extra_height {
    height: 300px !important;
    padding: 15px !important;
    margin-bottom: 200px !important;
}



.no-borders {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #007bff;
    /*#f44336;*/
    border-radius: 0;
    padding: 0px 0px 20px 0px;
}



/* - - - - Background Colors - - - - */

.bg-color-none {
    background-color: #fff0 !important;
}

.bg_color {
    background-color: #007bff;
    /*#f44336;*/
}

.bg-white {
    background: #fff !important;
}

.b_color {
    background-color: #5dcc4b;
}

.bg-alice-blue {
    background-color: #f0f8ff !important;
}

.f_10 {
    font-size: 12px;
    color: #007bff;
    /*#f44336;*/
}

@-moz-keyframes radar_swing {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes radar_swing {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes radar_swing {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes radar_swing {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes radar_swing {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes radial_rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes radial_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes radial_rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes radial_rotate {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes radial_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes dot_pulse {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        opacity: 0.3;
    }
}

@-webkit-keyframes dot_pulse {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        opacity: 0.3;
    }
}

#radar {
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 99;
}

.radar_wrapper {
    height: 300px;
    width: 300px;
    margin: 40% auto 5% auto;
    position: relative;
}

.radar_wrapper .radial {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAADAFBMVEUAAAA3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mdc3mde4N8fOAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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");
    background-size: cover;
    animation: radial_rotate linear 1.5s infinite;
    -webkit-animation: radial_rotate linear 1.5s infinite;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}

.radar_wrapper .bar {
    position: absolute;
    top: 0;
    height: 50%;
    width: 4px;
    left: 50%;
    margin-left: -2px;
    background: #409AF6;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    animation: radar_swing linear 1.5s infinite;
    -webkit-animation: radar_swing linear 1.5s infinite;
    -moz-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

.radar_wrapper .hr,
.radar_wrapper .vr {
    position: absolute;
    top: 0;
}

.radar_wrapper .hr {
    height: 100%;
    width: 50%;
    left: 0;
    border-right: 1px rgba(8, 88, 220, 0.15) solid;
}

.radar_wrapper .vr {
    height: 50%;
    width: 100%;
    border-bottom: 1px rgba(8, 88, 220, 0.15) solid;
}

.radar_wrapper .back {
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(8, 88, 220, 0.1);
    -moz-box-shadow: inset 0px 1px 10px rgba(8, 88, 220, 0.2);
    -webkit-box-shadow: inset 0px 1px 10px rgba(8, 88, 220, 0.2);
    box-shadow: inset 0px 1px 10px rgba(8, 88, 220, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.radar_wrapper .back:after,
.radar_wrapper .back:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px rgba(68, 88, 220, 1) solid;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.radar_wrapper .back:before {
    height: 33.33%;
    width: 33.33%;
    top: 33.33%;
    left: 33.33%;
}

.radar_wrapper .back:after {
    height: 66.66%;
    width: 66.66%;
    top: 16.665%;
    left: 16.665%;
}

.radar_wrapper .dot1,
.radar_wrapper .dot2,
.radar_wrapper .dot3 {
    position: absolute;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #409AF6;
    -moz-box-shadow: 0px 0px 5px rgba(68, 88, 220, 1);
    -webkit-box-shadow: 0px 0px 5px rgba(68, 88, 220, 1);
    box-shadow: 0px 0px 5px rgba(68, 88, 220, 1);
    animation: dot_pulse linear 1.5s infinite;
    -webkit-animation: dot_pulse linear 1.5s infinite;
}

.radar_wrapper .dot1 {
    height: 11px;
    width: 11px;
    top: 30%;
    left: 65%;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.radar_wrapper .dot2 {
    height: 8px;
    width: 8px;
    top: 70%;
    left: 74%;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.radar_wrapper .dot3 {
    height: 4px;
    width: 4px;
    top: 40%;
    left: 20%;
    -moz-animation-delay: 1.275s;
    -webkit-animation-delay: 1.275s;
}


.input_container {
    position: absolute;
    top: 70px;
    left: 10px;
    right: 10px;
    z-index: 5;
    background-color: aliceblue !important;
}

.input_container_after {
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    z-index: 8;
    background-color: aliceblue !important;
}

.destination_input_container {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 5;
    /*background-color: aliceblue!important;*/
}


.bottom_input_container {
    position: absolute;
    bottom: 0%;
    left: 15px;
    right: 15px;
    z-index: 1;
    background-color: aliceblue !important;

}

.bottom_input_container_pay {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    z-index: 999;
    height: 60px;
    background-color: aliceblue !important;

}

#pay_now_button {
    border-radius: 8px;
    color: #000;
    /*#f44336;*/
}

#pay_now_button:focus {
    color: #000;
    /*#f44336;*/
}


/* .input{
    margin: 5% 5%;
    position: relative;
} */

.floating_input {
    padding: 5px;
    font-size: 12px;
    width: 100%;
    border: 1px solid;
    border-color: transparent transparent gray;
    border-bottom: 1px solid #007bff;
    /*#f44336;*/
    background-color: transparent;
}

.floating_input:focus {
    outline: none;
}

/*Label */
.floating_label {
    font-size: 12px;
    color: #007bff;
    /*#f44336;*/
    float: right;
    text-align: center;
    z-index: -1;
    pointer-events: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/* Activate State */
.floating_input:focus+label,
.floating_input:valid+.floating_label {
    font-size: 12px;

    color: #007bff;
    /*#f44336;*/
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/*End Label */
/*Bar*/
.bar {
    width: 95%;
    height: 2px;
    position: absolute;
    background-color: #007bff;
    /*#f44336;*/
    top: calc(100% - 2px);
    left: 0;
    transform: scaleX(0.0);
    -webkit-transform: scaleX(0.0);
    -moz-transform: scaleX(0.0);
    -ms-transform: scaleX(0.0);
    -o-transform: scaleX(0.0);
}

/*Activate State */
.floating_input:focus~.bar,
.floating_input:valid~.bar {
    transform: scaleX(1.0);
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
}

/*End Bar */
/*Highlight */
.highlight {
    width: 100%;
    height: 85%;
    position: absolute;
    background-color: rgba(148, 98, 255, 0.2);
    top: 15%;
    left: 0;
    visibility: hidden;
    z-index: -1;
}

.floating_input:focus~.highlight {
    width: 0;
    visibility: visible;
    transition: all 0.09s linear;
    -webkit-transition: all 0.09s linear;
    -moz-transition: all 0.09s linear;
    -ms-transition: all 0.09s linear;
    -o-transition: all 0.09s linear;
}

/*End highlight */

.height_250 {
    height: 250px !important;
}

.height_220 {
    height: 220px !important;
}

.height_300 {
    height: 300px !important;
}

.height_400 {
    height: 400px !important;
}

.height_500 {
    height: 500px !important;
}

.height_600 {
    height: 600px !important;
}

.height_150 {
    height: 150px;
}

.height_200 {
    height: 200px !important;
}




.confirm_location {
    margin-top: 5px;


}

.text_align_center {
    text-align: center;
}

.vertical_align {
    padding: 15px 0px;

}

.mt-8 {
    margin-top: 8px;
}

.ml-8 {
    margin-left: 8px;
}

.mr-8 {
    margin-right: 8px;
}

.mt-12 {
    margin-top: 12px;
}

.ml-12 {
    margin-left: 12px;
}

.mr-12 {
    margin-right: 12px;
}

/* destination search input */

.sb-example-1 .search {
    width: 90%;
    position: relative;
    display: flex;
    line-height: 1;
}

.sb-example-1 .searchTerm {
    width: 100%;
    border: 2px solid #007bff;
    /*#f44336;*/
    border-right: none;
    padding: 3px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #9DBFAF;
}

.sb-example-1 .searchTerm:focus {
    color: #000;
}

.sb-example-1 .searchButton {
    width: 40px;
    height: 28px;
    border: 1px solid #007bff;
    /*#f44336;*/
    background: #007bff;
    /*#f44336;*/
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 12px;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.font_10 {
    font-size: 10px !important;
}

.line_zero {
    line-height: 0;
}

.line_one {
    line-height: 1;
}


.radar_container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 5;
    /* background-color: aliceblue !important; */
}

#radar_form {
    height: 100vh;
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.8);
}

#chat_form {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 5px;
}

#chat_modal {
    height: 400px;
    display: block !important;
    border: 1px solid #007bff;
    /*#f44336;*/
}

#chat_content {
    height: 280px;
    overflow: scroll;
}

.float_left {
    float: left !important;
    clear: both;
    margin-top: 5px;
    background-color: #007bff;
    /*#f44336;*/
    color: #fff;
}

.float_right {
    float: right !important;
    clear: both;
    margin-top: 5px;
    background-color: #56c1d1;
    color: #fff;
}

.line_div {
    display: block;
}

.border-shadows-chat {
    border-radius: 10px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    padding: 5px;
}

#chat_camera {
    padding: 5px;
    font-size: inherit;
    border: 2px solid #007bff;
    /*#f44336;*/
    border-left: none;
}

.chat_image {
    height: 100px !important;
    width: 100px !important;
}

#preview_modal {
    height: 180px;
}

#blah {
    margin-left: 33%;
    margin-top: 10%;
}

.preview_buttons {
    width: 100%;
    line-height: 0.1;
    border-radius: 10px;
}

#image_preview_buttons {
    position: absolute;
    bottom: 5px;
    left: 10px;
    right: 10px;
}

.locate_on_map {
    position: absolute;
    bottom: 10px;
    left: 30%;
    right: 30%;

}

/* input field */
.custom-login-section {
    margin: 87px 10px;
}

.custom-login-h3 {
    text-align: center;
    font-size: 25px;
    font-weight: 900 !important;
}

.ride_div {
    margin-left: auto;
    margin-right: auto;
}

/* loading animation */
.dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #409AF6;
    color: #409AF6;
    box-shadow: 9999px 0 0 -5px #409AF6;
    animation: dotPulse 1.5s infinite linear;
    animation-delay: .25s;
    margin-top: 20px;
}

.dot-pulse::before,
.dot-pulse::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #409AF6;
    color: #409AF6;
}

.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px #409AF6;
    animation: dotPulseBefore 1.5s infinite linear;
    animation-delay: 0s;
}

.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px #409AF6;
    animation: dotPulseAfter 1.5s infinite linear;
    animation-delay: .5s;
}

@keyframes dotPulseBefore {
    0% {
        box-shadow: 9984px 0 0 -5px #409AF6;
    }

    30% {
        box-shadow: 9984px 0 0 2px #409AF6;
    }

    60%,
    100% {
        box-shadow: 9984px 0 0 -5px #409AF6;
    }
}

@keyframes dotPulse {
    0% {
        box-shadow: 9999px 0 0 -5px #409AF6;
    }

    30% {
        box-shadow: 9999px 0 0 2px #409AF6;
    }

    60%,
    100% {
        box-shadow: 9999px 0 0 -5px #409AF6;
    }
}

@keyframes dotPulseAfter {
    0% {
        box-shadow: 10014px 0 0 -5px #409AF6;
    }

    30% {
        box-shadow: 10014px 0 0 2px #409AF6;
    }

    60%,
    100% {
        box-shadow: 10014px 0 0 -5px #409AF6;
    }
}

/* preloader */
.loader-div {
    background: #000;
    opacity: 0.5;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
}

.loader {
    border: 6px solid whitesmoke;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 65% auto;
    border-top: 6px solid #409AF6;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {

        transform: rotate(360deg);
    }

}

.fixed-header {
    position: fixed;
    z-index: 9;
    background-color: #fff;
    height: 50px;
}

.nav_image {
    display: block;
    height: 60px;
    width: 60px;
    padding: 1px;
    border: 2px solid #d1cbcb;
    border-radius: 100%;
}