.yosto-callforprice-wrapper .modal-slide{
    margin-left: 20%;
    margin-right: 20%;
}
.yosto-callforprice-wrapper .modal-footer {
    padding-left: 35%;
}

.yosto-callforprice-wrapper .modal-footer .yosto-btn {
    padding: 10px 15px;
    margin-right: 10px;
    border-radius: 0;
}
.mail-procss { cursor: wait;opacity: 0.5; }
#askprice-form {
    display: inline-block;
    width: 100%;
}
/*#askprice-form textarea { height: 75px;width: 315px; }*/
#ask-data .label {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
    padding-left: 20px;
    text-align: left;
    width: 135px;
    vertical-align: top;
}
.yosto-modal-btn{
    cursor: pointer;
}
.yosto-btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.yosto-btn-primary:hover,
.yosto-btn-primary:focus,
.yosto-btn-primary.focus,
.yosto-btn-primary:active,
.yosto-btn-primary.active,
.open > .dropdown-toggle.yosto-btn-primary {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}
.yosto-btn-primary:active,
.yosto-btn-primary.active,
.open > .dropdown-toggle.yosto-btn-primary {
    background-image: none;
}
.yosto-btn-primary.disabled,
.yosto-btn-primary[disabled],
fieldset[disabled] .yosto-btn-primary,
.yosto-btn-primary.disabled:hover,
.yosto-btn-primary[disabled]:hover,
fieldset[disabled] .yosto-btn-primary:hover,
.yosto-btn-primary.disabled:focus,
.yosto-btn-primary[disabled]:focus,
fieldset[disabled] .yosto-btn-primary:focus,
.yosto-btn-primary.disabled.focus,
.yosto-btn-primary[disabled].focus,
fieldset[disabled] .yosto-btn-primary.focus,
.yosto-btn-primary.disabled:active,
.yosto-btn-primary[disabled]:active,
fieldset[disabled] .yosto-btn-primary:active,
.yosto-btn-primary.disabled.active,
.yosto-btn-primary[disabled].active,
fieldset[disabled] .yosto-btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}

.yosto-btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.yosto-btn-default:hover,
.yosto-btn-default:focus,
.yosto-btn-default.focus,
.yosto-btn-default:active,
.yosto-btn-default.active,
.open > .dropdown-toggle.yosto-btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.yosto-btn-default:active,
.yosto-btn-default.active,
.open > .dropdown-toggle.yosto-btn-default {
    background-image: none;
}
.yosto-btn-default.disabled,
.yosto-btn-default[disabled],
fieldset[disabled] .yosto-btn-default,
.yosto-btn-default.disabled:hover,
.yosto-btn-default[disabled]:hover,
fieldset[disabled] .yosto-btn-default:hover,
.yosto-btn-default.disabled:focus,
.yosto-btn-default[disabled]:focus,
fieldset[disabled] .yosto-btn-default:focus,
.yosto-btn-default.disabled.focus,
.yosto-btn-default[disabled].focus,
fieldset[disabled] .yosto-btn-default.focus,
.yosto-btn-default.disabled:active,
.yosto-btn-default[disabled]:active,
fieldset[disabled] .yosto-btn-default:active,
.yosto-btn-default.disabled.active,
.yosto-btn-default[disabled].active,
fieldset[disabled] .yosto-btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.yosto-btn-default .badge {
    color: #fff;
    background-color: #333;
}
.yosto-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    font-weight: 600;
}
.form-control {
    width: 315px;
    padding: 6px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.modal-body {
    position: relative;
    padding: 15px;
    width: 94%;
}
.form-control:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.yosto-btn-primary .badge {
    color: #428bca;
    background-color: #fff;
}
.modal-header {
    border-radius: 4px 4px 0 0;
    padding: 9px 15px;
    text-align: left;
}
.modal-header h3 { display: inline-block;font-size: 20px;opacity: 0.6; }
.yosto-close {
    color: #000000;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}
.yosto-close:hover,
.yosto-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
.error-border { border-color: #FF0000 ; }

#askprice-form .label {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
    text-align: left;
    width: 135px;
    vertical-align: top;
}

.yosto-callforprice-wrapper .form-list .control {width: 100%;}
.yosto-callforprice-wrapper .form-list .field { width:100%; }
.yosto-callforprice-wrapper .form-list input.input-text { width:99%; }
.yosto-callforprice-wrapper .form-list textarea { width:99%;max-width: 99%;}
.yosto-callforprice-wrapper .form-list select { width:100%; }
.yosto-callforprice-wrapper .form-list li.wide .control { width:100%; }
.yosto-callforprice-wrapper .form-list li.wide input.input-text { width:99%; }
.yosto-callforprice-wrapper .form-list li.wide textarea { width:100%; }
.yosto-callforprice-wrapper .form-list li.wide select { width:100%; }
.yosto-callforprice-wrapper .form-list .input-range input.input-text { width:99%; }
.yosto-callforprice-wrapper .form-list-narrow li.wide .control { width:100%; }
.yosto-callforprice-wrapper .form-list-narrow li.wide input.input-text,
.yosto-callforprice-wrapper .form-list-narrow li.wide textarea { width:99% }
.yosto-callforprice-wrapper .form-list-narrow li.wide select { width:100%; }

@media only screen and (max-width: 768px) {
    #askprice-form .modal-footer {
        padding-left: 0;
    }
    .yosto-callforprice-wrapper .modal-slide {
         margin-left: 0;
         margin-right: 0;
    }
}



/********** DS **********/
.yosto-callforprice-wrapper .modal-popup.modal-slide{max-width: 500px; width: 90%; margin:0 auto; }
.yosto-callforprice-wrapper .modal-popup .modal-inner-wrap{   width: 100%;}
.yosto-callforprice-wrapper .modal-popup .modal-header{padding: 10px;border-bottom: solid 1px #e0e0e0!important;
    box-shadow: 0px 4px 4px rgba(224,224,224,0.5);    position: relative;    z-index: 1;}
.yosto-callforprice-wrapper .modal-popup .modal-header .action-close{padding: 0;    height: 100%;    border-left: solid 1px #e0e0e0;
    border-radius: 0;    }
.yosto-callforprice-wrapper .modal-popup .modal-header .action-close:before{font-size: 45px;    color: #000;}
.yosto-callforprice-wrapper .modal-popup .modal-content{background-color: #f6f6f6; padding: 30px;max-height: 500px;    overflow: auto;}
.yosto-callforprice-wrapper .modal-popup .modal-title {   border: none;    font-weight: 300;    padding: 0;    font-size: 26px;    margin-bottom: 0;
    min-height: 0;    word-wrap: break-word;    text-align: center;text-transform: uppercase;    font-size: 20px;    color: #000;
    letter-spacing: 2px;}
.yosto-callforprice-wrapper #yosto-callforprice .subtitle{    text-align: center;   font-size: 14px;    line-height: normal;font-weight: 400;}
.yosto-callforprice-wrapper #yosto-callforprice .modal-body{width: 100%; margin: 0;    background-color: #fbfbfb;    border: solid 1px #eeeeee; float:left;}
.yosto-callforprice-wrapper #yosto-callforprice .modal-footer{padding:15px 0 0 0; float: left;text-align: center;font-weight: 400;    font-size: 14px;}
.yosto-callforprice-wrapper #yosto-callforprice .modal-footer a {   font-size: 14px;    color: #333;    text-decoration: underline;    font-weight: 400;}
.yosto-callforprice-wrapper #yosto-callforprice .modal-footer .last_term {   font-size: 13px;    font-weight: 400;    line-height: normal;
    color: #999999;margin: 10px 0;}
.yosto-callforprice-wrapper #yosto-callforprice .modal-footer .last_term a{   font-size: 13px;    color: #999999;    text-decoration: underline;    font-weight: 400;}
.yosto-callforprice-wrapper #yosto-callforprice .label{width:135px; float: left; text-align: right; color: #5c5c5c;}
.yosto-callforprice-wrapper #yosto-callforprice input[type="text"],
.yosto-callforprice-wrapper #yosto-callforprice textarea{width:calc(100% - 135px); float: left; margin-bottom: 15px;height: 38px;
    border: solid 1px #dedede;    border-radius: 0;}
.yosto-callforprice-wrapper #yosto-callforprice textarea{height: 70px;}
.yosto-callforprice-wrapper #yosto-callforprice input[type="text"]:focus,
.yosto-callforprice-wrapper #yosto-callforprice textarea:focus{border: solid 1px #000; box-shadow: none; outline: none;}
.yosto-callforprice-wrapper #yosto-callforprice .modal-footer .yosto-btn { padding: 10px 25px;    margin: 0 auto;    border-radius: 0;
    display: inline-block;    float: none;    background: transparent;    border: solid 1px #555555;    color: #555555;    text-transform: uppercase;
    font-weight: 300;    font-size: 16px;}
.yosto-callforprice-wrapper #yosto-callforprice .modal-footer .yosto-btn:hover{background-color: #555555; color: #fff;}
.yosto-callforprice-wrapper #yosto-callforprice div.mage-error[generated]{padding: 0px 0 0 135px;    position: relative;    top: -17px;
        float: left;    width: 100%;}

@media(max-width:767px){
    .yosto-callforprice-wrapper .modal-popup.modal-slide{left: 0;}
    .yosto-callforprice-wrapper .modal-popup.modal-slide._inner-scroll .modal-inner-wrap{height: auto; min-height: 0;}
    .yosto-callforprice-wrapper #yosto-callforprice .label{width: 100%; text-align: left; padding: 0;}
    .yosto-callforprice-wrapper #yosto-callforprice input[type="text"], 
    .yosto-callforprice-wrapper #yosto-callforprice textarea{width: 100%;}
    .yosto-callforprice-wrapper #yosto-callforprice div.mage-error[generated] {    padding: 0;  }
}