/*
https://www.fl.ru/users/php-freelancer/
html, javascript, css, php, c, c++, c#, sh, bash action script.
*/
/*wrapper*/
#header .onlineblock {
    width: 440px;
    background: url(../../../templates/mysite/img/orderformbg.jpg) 0 100%;
    border: 1px solid #ffc401;
    overflow: auto;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
}

/*предупреждение о том, что выключен js*/
#order_noscript{
    font-weight: bold;
    color: #ff0000;
}

/*инпут поля*/
#header .onlineblock input[type="password"] {
    margin-bottom: 5px;
    height: 25px;
    border: #9f8135 2px solid;
    border-radius: 4px;
    opacity: 0.8;
}
#header .onlineblock input[type="submit"]{
    margin-bottom: 5px;
    padding: 4px 8px;
    border: #9f8135 2px solid;
    border-radius: 4px;
    /*opacity: 0.8;*/
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.65);
    outline: none;
}
#header .onlineblock input[type="password"]:focus, #header .onlineblock input[type="text"]:focus, #header .onlineblock textarea:focus {
    border: #695625 2px solid;
    outline: none
}
#header .onlineblock select{
    outline: none;
    margin-bottom: 5px;
    height: 30px;
    background: #ffffff;
    border-radius: 4px;
}
#header .onlineblock input[type="password"], #header .onlineblock input[type="text"], #header .onlineblock select{
    padding: 1px 4px;
}
#header .onlineblock label{
    cursor: pointer;
}
#header .onlineblock textarea, #content .onlineblock textarea{
    height: inherit;
}

/*разделение между подъездом и квартирой*/
.order_form_or{
    float: left;
    padding: 18px 5px 10px 0;
}


/*wrapperы для инпутов*/
.order_form_half, .order_form_6{
    float: left;
    padding: 10px 10px 10px 0;
}
.order_form_half input{
    width: 180px;
}
.order_form_half input[type="radio"]{
    margin: 0 4px 0 0;
    width: inherit;
}
.order_form_6 input{
    width: 60px;
}
.order_form_input_row{
    overflow: visible;
    margin: 0 auto;
}
/*1px solid rgba(159, 129, 53, 0.2)*/

/*ссылка "выслать новый пароль"*/
#new_passw_link{
    color: #4F3F18;
}
#new_passw_link:hover, #new_passw_link:visited, #new_passw_link:active{
    color: #8B6E29;
}

/*лоадер, когда отправляются запросы на сервер*/
#order_form_loader, #order_form_confirm_loader{
    width: 440px;
    position: absolute;
    z-index: 1000001;
    text-align: center;
    padding-top: 160px;
    display: none;
}
#order_form_confirm_loader{
    padding-top: 10px;
}

/*Сообщение об удачной отправке смс*/
#new_passw_status{
    width: 210px;
}

/*выпадающий список улиц*/
#streets_rsults, #dest_streets_rsults{
    background: #FBF4E5;
    position: absolute;
    top: -6px;
    left: 1px;
    border-radius: 4px;
    border: 1px solid #9f8135;
    z-index: 1000010;
}
#streets_rsults > div, #dest_streets_rsults > div{
    padding: 5px 15px;
    border-radius: 4px;
    border: 1px solid #FBF4E5;
    min-width: 200px;
}
#streets_rsults > div:hover, #dest_streets_rsults > div:hover{
    cursor: pointer;
    /*background: rgb(239,237,206);*/
    background: rgb(197, 255, 197);
    border: 1px solid rgb(239,237,206);
    border-radius: 4px;
}
#streets_rsults_wrapper, #dest_streets_rsults_wrapper{
    position: relative;
}

/*информация о заказе*/
#order_form_cost{
    padding: 10px 0;
}
#order_details{
    padding: 10px 0 20px 0;
    font-size: 14px;
}
#taxi_confirm_order_form{
    padding: 10px 0 10px 0;
    font-size: 14px;
}
#taxi_confirm_order_result{
    padding: 10px 0 20px 0;
}

#order_details p{
    padding: 5px 0;
}
#confirm_order{
    float: right;
}
#cancel_order{
    float: left;
}
#confirm_buttons input[type="button"], #taxi_confirm_order_form input[type="button"]{
    margin-bottom: 5px;
    padding: 4px 8px;
    border: #9f8135 2px solid;
    border-radius: 4px;
    /*opacity: 0.8;*/
    outline: none;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.65);
}
#confirm_buttons input[type="button"]:hover, #header .onlineblock input[type="submit"]:hover, #taxi_confirm_order_form input[type="button"]:hover{
    background: #ffffff;
    cursor: pointer;
}
