﻿.ui-error-focus
{
	color:Red;
	font-weight:bold;
}

.ui-button
{
    /*width:48%;*/ 
    height:30px; 
    font-weight: normal;
    margin:2px;
    color:#353535;
}

.ui-input
{
    width:100% !important;
    background-image:url(/Content/themes/images/input.png) no-repeat ;
    background-position: center center;
    background-repeat: no-repeat;
}

.imp
{
	color:Orange;
	font-weight:bold;
	font-size:16px;
	display:inline-block;
}

.ui-street
{
    float:left; 
    padding-right:10px;
    display:inline-block;
    float:left;
}

.ui-address
{
    float:left;
}

#dEntrance
{
    float:left;
    width:17%;
    padding-right:10px;
}
#orderComment
{
    float:left;
    width:100%;
    display:inline-block;
}

#orderComment label
{
    float:left;
    margin-right:10px;
    padding:5px 0;
}

#orderComment span
{
    display: block;
    overflow: hidden;
}

#orderComment input
{
    width:100%;
}

#dSubCard input
{
    width:100%;
}

#dUserInfo
{
    float:left;
    width:100%;
    display:inline-block;
}

#dUserInfo label
{
    float:left;
    margin-right:10px;
    padding:5px 0;
}

#dUserInfo span
{
    display: block;
    overflow: hidden;
}

#dUserInfo input
{
    width:100%;
}


#dUserInfo #UserPhone
{
    width:120px;
}

#dCostInfoBlock
{
    display:inline-block;
    float:left;
    margin:7px 0px 2px 0px;
    padding: 0px;
    height:43px;
    width:155px;
    background-image:url(/Content/themes/images/costBgd.png);
}

#dispatchingName
{
    float:right;
    color:Silver;
    font-size:small;
    padding-right: 10px;
}

#dOrderConditions
{
    display:inline-block;
}
.dOrderCondition
{
    float:left;
    margin-right:5px;
}

#dCostBlock
{
    font-size: 1.5em;
    font-weight:bold;
    color: Orange;
    margin:9px 5px;
    float:left;
}

.orderExecutionResult
{
    display:inline-block;
    font-weight:bold;
    margin:2px 0px;
}

/* прогресс индикатор*/
#progressbarOrder
{
    padding-top:0;
    padding-bottom:0;
}

#progressbarOrder div
{
    padding-top:0;
    padding-bottom:0;
}

.time-picker
{
    width: 70px !important;
}

#ReservationTime
{
    width: 67px;
}

.addLocationPoint
{
    display:block;
    width:117px;
    height:30px;
    line-height:30px;
    border:none;
    padding:0px !important;
    background-image:url(/Content/themes/images/addLocationPoint.png);
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight:normal !important;
    color: #005 !important;
}

.addLocationPoint:hover
{
    background-position: 0 -30px;
}

.removeLocationPoint
{
    display:block;
    width:16px;
    height:16px;
    border:none;
    padding:0px !important;
    background-color: transparent;
    background-image:url(/Content/themes/images/removeLocationPoint.png);
    background-position: 0 0;
   float:right;
}

.removeLocationPoint:hover
{
    background-position: 0 -16px;
}

.ui-button-cost
{
    border:none;
    float: left;
    height:43px;
    width:126px;
    margin-top:7px;
    margin-right:0px;
    background-color: transparent;
    background-image:url(/Content/themes/images/getCost.png) !important;
    background-position: 0 0;
    font-size:18px;
}
.ui-button-cost:hover
{
    background-position: 0 -43px;
}

.ui-button-cost[disabled]
{
    background-position: 0 -86px;
}

.ui-button-cancel, .ui-button-show-drivercar-position
{
    border:none;
    float: left;
    height:43px;
    width:222px;
    margin-top:7px;
    margin-right:0px;
    background-color: transparent;
    background-image:url(/Content/themes/images/cancelOrder.png) !important;
    background-position: 0 0;
    font-size:18px;
}

.ui-button-cancel:hover, .ui-button-show-drivercar-position:hover
{
    background-position: 0 -43px;
}

.ui-button-order
{
    border:none;
    float: left;
    height:53px;
    width:162px;
    background-color: transparent;
    background-image: url(/Content/themes/images/submitOrder.png) !important;
    background-position: 0 0;
    font-size:18px;
}

.ui-button-back-order
{
    border:none;
    float: left;
    height:53px;
    width:232px;
    background-color: transparent;
    background-image: url(/Content/themes/images/backToOrder.png) !important;
    background-position: 0 0;
    font-size:18px;
}

.ui-button-order:hover, .ui-button-back-order:hover
{
    background-position: 0 -53px;
}

.ui-button-order[disabled], .ui-button-back-order[disabled]
{
    background-position: 0 -106px;
}


#dFeedTime
{
    display:block;
    width:100%;
    margin-top:5px;
}

.locationValidationMessage
{
    float:right;
    font-size:0.85em;
}


input[type="radio"] {
    opacity: 0;
    /*position:absolute;*/
}
input[type="radio"] + label::before,
input[type="radio"] + .custom-tick::before {
    display: inline-block;
    width: 16px;
    height: 16px;
 
    margin: 0 5px 5px -20px;
 
    line-height: 16px;
    content: "";
    vertical-align: middle;

    background-image: url(/Content/themes/images/custom-radio.png);
    background-repeat: no-repeat;
    background-position: 0 -16px;
}
input[type="radio"] + .custom-tick::before {
    margin-right:4px;
}
input[type="radio"]:disabled + label,
input[type="radio"]:disabled + .custom-tick{
    opacity: 0.5;
    cursor: default;
}

input[type="radio"]:not(:checked):not(:disabled):hover + label:before,
input[type="radio"]:not(:checked):not(:disabled):hover + .custom-tick:before {
    background-position: 0 -32px;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:checked + .custom-tick:before {
    background-position: 0 0;
}

#captcha-container {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

#map_canvas {
    height: 400px;
}