.vipbooking *:before, .vipbooking *:after, .vipbooking select::-ms-expand {display:none;}
.vipbooking select {-moz-appearance: none; -webkit-appearance: none;}
.vipbooking { background:#f8f8f8; border:#CCC solid 1px; border-radius:15px; padding:15px; font-size:15px; font-family:Arial, Helvetica, sans-serif !important;}
.vipbooking input, .vipbooking select {font-size:13px !important; font-weight:normal !important; line-height:34px !important; padding:inherit  !important; height:34px !important; background:white ;  border: 1px solid #bbb !important; border-radius:3px !important; font-family:Arial, Helvetica, sans-serif !important; box-sizing:border-box;}
.vipbooking select {background-image: none !important;  }
.vipbooking input {padding: 0.3em !important;  }
.vipbooking label {font-weight:700; display:block; margin:0;}
.vipbooking>form>h1 {text-align:center; font-size:2em; font-weight:600; margin: 0;   padding-bottom: 15px;
font-size: 1.3em !important;  padding: 10px; margin-bottom:15px; text-transform: uppercase; background: #419de6; color: white;  border-radius: 10px;  margin-top: -2px;  position: relative;
}
.vipbooking>form>h1:before, .vipbooking>form>h1:after {display:none !important;}
.vipbooking div.vipbooking_fieldWrap {margin-bottom:10px; font-size:0.9em;}
.vipbooking div.vipbooking_fieldWrap>div.vipbooking-field {position:relative;}
.vipbooking div.vipbooking_fieldWrap>div.vipbooking-field:before, .vipbooking div.vipbooking_fieldWrap>div.vipbooking-field:after {position:absolute; content:''; font-weight: 700; top:-23px; right:9px;}
.vipbooking div.vipbooking_fieldWrap>div.vipbooking-field:after {right:-137px;}

.vipbooking div.vipbooking_fieldWrap:nth-child(2)>div.vipbooking-field:before {content:'Hora de entrega'; right:30px;}
.vipbooking div.vipbooking_fieldWrap:nth-child(2)>div.vipbooking-field:after {content:'Punto de recogida'; right:-121px;}
.vipbooking div.vipbooking_fieldWrap:nth-child(3)>div.vipbooking-field:before {content:'Hora de devolución';}
.vipbooking div.vipbooking_fieldWrap:nth-child(3)>div.vipbooking-field:after {content:'Punto de devolución';}

.vipbooking .vipbooking-field {width: calc(100% - 138px) !important; display:inline-block;}
.vipbooking .vipbooking-field>input.datepicker, .vipbooking .vipbooking-field>select.trecogida {display:inline-block;}
.vipbooking .vipbooking-field input.datepicker {width:calc(100% - 138px); white-space: nowrap;    overflow: hidden;  text-overflow: ellipsis;  padding-left: 24px !important;     background: #fff url(images/calendar.png) no-repeat;  background-size: 16px;  background-position: 5px;}
.vipbooking .vipbooking-field>select.time {float: right; width: 135px; min-width: auto; white-space: nowrap; padding-left:10px !important; vertical-align: top; float: right; background: #fff url(images/arrow.png) no-repeat !important; background-size: 20px !important; background-position: 99px 6px !important; }
.vipbooking .vipbooking_fieldWrap select.terminal {display:inline-block; width:135px; min-width: auto; white-space: nowrap;     padding-left:10px !important;   vertical-align: top; float: right; background: #fff url(images/arrow.png) no-repeat !important;  background-size: 20px !important; background-position: 108px 6px !important;}
.vipbooking .voucherWrap label {display:inline-block; line-height:34px;}


.vipbooking .price_field {text-align:left;}
.vipbooking .price_field label {margin:0;}
.vipbooking .price_field input {display:inline-block; width:90px !important;}
/*.vipbooking .price_field input.voucherinfo, .vipbooking .price_field input.btn {width:auto !important;}*/
.vipbooking .price_field input.voucherinfo  {width:auto !important;}
.vipbooking .price_field input.btn {width: 100% !important;  height: auto !important; margin-top: 15px;}
.vipbooking .price_field #voucher {width: calc(100% - 205px) !important; text-align:left !important; white-space: nowrap;    overflow: hidden;  text-overflow: ellipsis;}
.vipbooking #importe, .vipbooking #importe_ext, .vipbooking #importe_sub {background:transparent; border:0 !important; text-align:right !important; padding:0 !important; }

.vipbooking .bookingWrap {text-align: center; clear: both; margin-top:10px}
.vipbooking .bookingWrap>* {display:block; width:auto; margin: 0;}
.vipbooking .bookingbtn { text-align:center; margin-top: 10px;}
.vipbooking .bookingbtn a, .vipbooking input[type="submit"] {padding:0 0.4em !important; display:block;  font-weight:600 !important;     background-image: linear-gradient(to right, rgb(65, 131, 230), rgb(29, 115, 183),rgb(29, 115, 183), rgba(10, 178, 228, 0.8)); text-transform:uppercase;  color: #FFF;  border:0 solid #FFF !important;   border-radius:5px !important; text-decoration: none !important; box-shadow:none; white-space: nowrap;     margin-bottom: 0 !important; line-height: 42px !important; vertical-align: middle; box-sizing: border-box; font-size:20px !important; }

.vipbooking .bookingbtn a:hover {background-position: 100% 0; moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-size: 300% 100%;}

.vipbooking .bookingbtn input.voucher {display: inline-block;  width: 150px;  line-height: 42px;  vertical-align: middle;    margin-bottom: 0 !important;  position: relative;}
.vipbooking .picker .picker__header h3 {color:#0158bd;}
.vipbooking .picker {font-size:13px;}
.vipbooking .picker .picker__box{font-size:15px;}
.vipbooking .picker .picker__box button {color:black;}


/*.vipbooking.full {text-align:center;}
.vipbooking.full .fullWrap {display:inline-block; width: calc(100% - 300px) !important;}
.vipbooking.full .bookingWrap {display:inline-block; vertical-align: top;  padding-top: 22px;}
.vipbooking.full .vipbooking_fieldWrap {float:left; text-align:left; width: 49.5% !important;  padding-right: .5%;}*/


.vipbooking_fieldWrap>select {width: 100%;
    padding-left: 7px !important;}
.vipbooking_fieldWrap>select:first-child {background:#b7b3b336 !important; text-align: center; text-align-last: center;}


.vipbooking .bookingbtn a{
    background-image: linear-gradient(to right, rgb(65, 131, 230), rgb(29, 115, 183),rgb(29, 115, 183), rgba(10, 178, 228, 0.8));
}
.picker .picker__frame {
    max-width: 550px;
}
.picker .picker__wrap {
    background: rgba(42, 46, 49, 0.48);
    padding: 10px;
    border-radius: 15px;
    box-sizing: border-box;
}
.picker .pink {
    background: #419de6;
    margin: 0;
    line-height: 1.6em;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    color: white !important;
}

.picker__box table td, .picker__box table th {
    border:0;
}
@media (min-width:1200px){
    .vipbooking { background:#f8f8f8; border:#CCC solid 1px; border-radius:15px; padding:0 15px 15px; font-size:15px; font-family:Arial, Helvetica, sans-serif !important;}
    .vipbooking .bookingbtn a{
        padding: 5px 0.4em !important;
        display: block;
        font-weight: 600 !important;
        background-image: linear-gradient(to right, rgb(65, 131, 230), rgb(29, 115, 183),rgb(29, 115, 183), rgba(10, 178, 228, 0.8));
        color: #FFF;
        border: 0 solid #FFF !important;
        border-radius: 0px !important;
        text-decoration: none !important;
        box-shadow: none;
        white-space: nowrap;
        margin-bottom: 0 !important;
        line-height: 42px !important;
        vertical-align: middle;
        box-sizing: border-box;
        font-size: 22px !important;
        margin-right: 0px;;
        -webkit-box-shadow: 2px 2px 5px 0 #707070;
        box-shadow: 2px 2px 5px 0 #707070;
        border-radius: 50px !important;
    }



    .vipbooking input[type="submit"] {
        padding: 5px 0.4em !important;
        display: block;
        font-weight: 600 !important;
        background: #419de6;
        color: #FFF;
        border: 0 solid #FFF !important;
        border-radius: 0px !important;
        text-decoration: none !important;
        box-shadow: none;
        white-space: nowrap;
        margin-bottom: 0 !important;
        line-height: 42px !important;
        vertical-align: middle;
        box-sizing: border-box;
        font-size: 22px !important;
        -webkit-box-shadow: 2px 2px 5px 0 #707070;
        box-shadow: 2px 2px 5px 0 #707070;
        border-radius: 50px !important;
    }


}





@media (min-width:600px) {
	/*.vipbooking.full .bookingWrap {display:inline-block !important;}
	.vipbooking.full .price_field input {  width: 150px !important; }
	.vipbooking.full .price_field input.voucherinfo, .vipbooking.full .price_field input.btn {width:auto !important;}*/
}
@media (max-width:768px) {
.vipbooking>form>h1 {  font-size: 1.6em; }
}
@media (max-width:520px) {
.vipbooking .price_field input, .vipbooking .price_field input.voucherinfo, .vipbooking .price_field input.btn {width:100% !important;}

.vipbooking .vipbooking-field>select.time { width: 122px;}
.vipbooking .bookingbtn a, .vipbooking input[type="submit"] {font-size: 18px !important;}
.vipbooking div.vipbooking_fieldWrap:nth-child(1)>div.vipbooking-field:before {display: none;}
.vipbooking div.vipbooking_fieldWrap:nth-child(1)>div.vipbooking-field:after {display: none;}
.vipbooking div.vipbooking_fieldWrap:nth-child(2)>div.vipbooking-field:before {display: none;}
.vipbooking div.vipbooking_fieldWrap:nth-child(2)>div.vipbooking-field:after {display: none;}
.vipbooking div.vipbooking_fieldWrap:nth-child(3)>div.vipbooking-field:before {display: none;}
.vipbooking div.vipbooking_fieldWrap:nth-child(3)>div.vipbooking-field:after {display: none;}
}

@media (max-width:390px) {
.vipbooking .bookingbtn a, .vipbooking input[type="submit"] {font-size: 16px !important;}

/*.vipbooking .bookingbtn input.voucherinfo {width:100%; margin-bottom:10px;}
.vipbooking .price_field input {width:75px !important;}
.vipbooking .price_field #voucher {width: calc(100% - 160px) !important;}*/
.vipbooking .vipbooking-field input.datepicker, .vipbooking .vipbooking-field, .vipbooking .vipbooking-field>select.time {
    width: 100% !important;
}

.vipbooking .vipbooking-field>select.time {
    background-position: 280px 6px !important;
    width: 100%;
    margin-top: 10px;
}
.vipbooking .vipbooking_fieldWrap select.terminal {
    background-position: 280px 6px !important;
    width: 100%;
    margin-top: 10px;
}
}

@media (max-width:360px) {

/* .vipbooking .vipbooking-field>select.time { width: 90px;} */
.vipbooking .bookingbtn a, .vipbooking input[type="submit"] {font-size: 13px !important;}
.vipbooking>form>h1 {  font-size: 1.3em; }
.vipbooking .vipbooking_fieldWrap select.terminal {
    background-position: 230px 6px !important;

}

.vipbooking .vipbooking-field input.datepicker, .vipbooking .vipbooking-field, .vipbooking .vipbooking-field>select.time {
    width: 100% !important;
}

.vipbooking .vipbooking-field>select.time {
    background-position: 230px 6px !important;
}




/*.vipbooking .vipbooking-field {width:100% !important; margin-bottom:3px;}*/
}