﻿.nav-pills-bita > li.active > a,
.nav-pills-bita > li.active > a:hover,
.nav-pills-bita > li.active > a:focus {
    background-color: #ff6600;
    border: 1px solid #ff6600;
}
.nav-pills-bita > li > a {
    color: #222;
    border: 1px solid #d7d7d7;
    margin-left: 2px;
}
    .nav-pills-bita > li > a:hover {
        background-color: #ff9b58;
        border: 1px solid #ff9b58;
    }

.div_charge_panel {
    max-width: 400px;
    margin: 0 auto;
}

.div_driver_poster {
    background-image: url('driver.png');
    width: 250px;
    height: 250px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.div_passenger_poster {
    background-image: url('passenger.png');
    width: 250px;
    height: 250px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.div_input_box {
    margin-top: 10px;
}
    .div_input_box > div[rel="hint"] {
        font-size: 12px;
        color: #086fb9;
    }
    .div_input_box > div[rel="textbox"] {
    }
    .div_input_box > div[rel="textbox"] > input {
        font-size: 15px;
        letter-spacing: 1px;
    }

.div_prices {
    display: flex;
    flex-wrap: wrap;
}
.div_prices > div[rel="price"] {
    margin: 2px;
    border-radius: 5px;
    background-color: #efefef;
    border: 1px dashed transparent;
    padding: 5px 10px;
    width: calc(33.333% - 4px);
    text-align: center;
    cursor: pointer;
    transition: all 0.15s;
}
    .div_prices > div[rel="price"]:hover {
        background-color: #aed9ff;
    }
    .div_prices > div[rel="price"].active {
        border-color: #aed9ff;
        background-color: #428bca;
        color: #fff;
    }

    .alert-danger {
        padding: 7px 13px 5px 13px;
        border-radius: 9px;
        box-shadow: 0 1px 3px #d59393;
        margin-bottom: 25px;
        text-align: center;
    }

   #div_toast_notfication_container {
       position: fixed;
       z-index: 100000;
       top: 60px;
       left: 50%;
       transform: translate(-50%, 0);
       font-size: 12px;
   }
    #div_toast_notfication_container * {
       font-size: 12px;
    }