/*** http://demo.rentincloud.it/web/reserve/ ***/

body{padding: 15px; font-size: 16px;}
h1{font-size: 24px; line-height: 24px; margin-bottom: 30px; text-transform: uppercase; color: #444}
.reserve-car .panel  {border: 0;}
.reserve-car .panel-body  {padding: 0;}
.reserve-car .btn-group {padding-bottom: 40px !important;}
.reserve-car .btn-group .btn{margin-bottom: 10px;}
.reserve-car .btn {text-transform: uppercase; padding: 6px 40px; border-radius: 0}
.reserve-car .btn-default {color: #fff; font-weight: bold; background-color: #cf2b36; border-color: #cf2b36;}
.reserve-car .btn-primary {color: #000; background-color: #fff; border-color: #cf2b36;}
.reserve-car table {margin: 20px 0;}
.reserve-car .table > thead > tr > th {color: #fff; background-color: #cf2b36; font-size: 1.2em; text-transform: uppercase; padding: 8px 5px; border-bottom: 0;}
.reserve-car .table > tbody > tr > td {font-size: 1.1em; padding: 8px 5px;}
.reserve-car h5 {color: #337ab7; font-weight: bold; font-size: 1.1em; text-transform:uppercase;}

.reserve-car .form-group {font-size: 0.9em; margin-bottom: 10px;}
.reserve-car .list-group {font-size: 0.95em;}
.reserve-car .list-group-item {padding: 7px  10px; font-size: 0.9em;}
.reserve-car .list-group-item ul {list-style: none; margin: 0; padding: 0; font-size: 0.9em;}
.reserve-car .list-group-item li {display: inline-block; width:48%; padding: 3px 0; border-bottom: 1px solid #ddd}
.opt_list {font-style:italic; font-size: 0.8em;}
.btn_opt_add,
.btn_opt_del {width: 24px; height: 24px; border: 0; font-size: 1.5em; font-weight: bold; line-height: 0; border-radius: 50%;}
.btn_opt_add {color: #333; background: #ddd;}
.btn_opt_del {color: #333; font-size: 1.7em; background: #ddd;}
.opt_checked{font-size: 1.6em; margin-right: 10px; color: #cf2b36}
.opt_unchecked{font-size: 1.6em; margin-right: 10px; color: #fff}

.error {border: 2px solid red; }
.reserve-car .align-btn-dx {text-align:right;}

@media (max-width: 991px){
.reserve-car .align-btn-dx {text-align:left;}           
}   
@media (max-width: 767px){
.reserve-car .btn-group .btn{width: 100%;}
}   

/* ==========================================================================
    Estensione Gold
   ========================================================================== */

/*lista*/
.carList {list-style: none; padding: 0 !important; color: #000;}
.carList li {margin-bottom: 30px; min-height: 130px; padding: 0!important; border: 1px solid #ededed}
.carList li .inner {position: relative; height: 100%; padding: 15px; background: #fff;}
.carList li a.fullsize {position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%}
.carList li .img {display: inline-block; vertical-align: top; width: 20%; overflow: hidden; text-align: center;}
.carList li .img img {max-width: 100%}
.carList li .txt {position: relative; display: inline-block; vertical-align: top; width: 50%; left: 0; top: 15px; padding: 0 25px 0 0; overflow: hidden;}
.carList li .txt span {font-size: 0.8em; text-transform: uppercase;}
.carList li .txt h2 {font-size: 1.4em; margin-bottom: 0.5em; text-transform: none;}
.carList li .txt .localita {font-weight: 700;}
.carList li .optionals {padding: 20px 0;}
.carList li .optionals ul {list-style: none; padding: 0;}
.carList li .optionals ul li {display: inline-block; height: auto; min-height: inherit; padding: 5px!important; margin: 0 5px 10px 0; font-size: 0.7em; font-weight: bold; border: 1px dotted #ddd;}


.carList li .price {position: absolute; width: 30%; right: 0; top: 0; height: 100%; padding: 20px; border-left: 1px solid #ededed}
.carList li .price h4 {font-size: 2em; color: #cf2b36; font-weight: 700;}
.carList li .price h4 span{color: #bbb; font-size: 0.5em; font-weight: 300;}

.carList li:hover {border: 1px solid #cf2b36}
.carList li:hover .arrow .link-arrow span {right: 20px}
.carList li .inner:hover {box-shadow: 0 0 20px rgba(0,0,0,0.3);}

/*filtri*/
.booking-filter {color: #737373; margin-bottom: 30px; border: 1px solid #ccc; border-radius: 5px; background: #fafafa;}
.booking-filter h5{color: #565656; font-size: 2em; padding: 20px 15px; margin-bottom: 0.5em; border-bottom: 1px solid #ccc;}
.booking-filter h6{color: #565656; padding: 15px;}
.optional-f label{font-size: 0.8em}
.checkbox label:after {content: '';display: table;clear: both;}
.checkbox .cr {position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em;}
.checkbox .cr .cr-icon {position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 15%;}
.checkbox label input[type="checkbox"] {display: none;}
.checkbox label input[type="checkbox"]+.cr>.cr-icon {opacity: 0;}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {opacity: 1;}

/*breadcramb*/
.prod-breadcrumb {padding: 15px 0; margin-bottom: 40px; border-bottom: 1px solid #e4e4e4;}
.prod-breadcrumb ul {margin: 0;}
.prod-breadcrumb ul li {display: inline-block; margin-right: 30px; padding: 0; text-transform: uppercase; font-size: 0.7em;}
.prod-breadcrumb ul li:last-child {margin-left: -10px;}
.prod-breadcrumb ul li a {display: block; position: relative; margin-left: -20px; text-decoration: none; color: #364147;}
.prod-breadcrumb ul li a:hover {color: #cf2b36;}
.prod-breadcrumb ul li a span {font-size: 1.3em;}
.prod-breadcrumb ul li a:hover span {color: #cf2b36; text-decoration: none;}

/*dettaglio*/
.content.car{min-height: 1000px; padding-top: 0; background: #fff}
.header-car {margin-bottom: 50px; border: 1px solid #ddd;}
.header-car h1{font-size: 2em;}
.header-car .costo{padding: 40px 20px; }
.header-car h1,
.header-car h4 {margin: 0; padding: 20px;}
.header-car h4 {padding: 0; font-size: 2.4em; color: #cf2b36; font-weight: 700; text-align: right;}
.header-car h4 span{color: #bbb; font-size: 0.5em; font-weight: 300;}
.header-car h6 {color: #bbb; font-size: 0.8em; text-align: right;}
.header-car .optional {padding: 20px 0;}
.header-car .optional span {display: inline-block; padding: 5px; font-size: 0.7em; font-weight: bold; border: 1px dotted #ddd;}
.header-car .bottom {margin-top: 30px;padding: 15px;color: #333;font-size: 1.1em; background: #f1f1f1;}
.header-car .bottom i{color: #000;}
.header-car .bottom .data{padding: 10px 0;}
.header-car .bottom .ritiro_indirizzo{font-size: 0.8em; margin-left: 22px;}

.coupon{padding: 20px 0 40px 0;}

.content.car .main-img img{max-width: 100%; height:auto}
.more-optional table {margin: 20px 0;}
.more-optional .table > thead > tr > th {color: #fff; background-color: #cf2b36; text-transform: uppercase; padding: 8px 5px; border-bottom: 0;}
.more-optional .table > tbody > tr > td {padding: 8px 5px;}
.btn_opt_add,
.btn_opt_del {width: 24px; height: 24px; border: 0; font-size: 1.5em; line-height: 0; border-radius: 50%;}
.btn_opt_add {color: #333; background: #ddd;}
.btn_opt_del {color: #333; font-size: 1.7em; background: #ddd;}
.opt_checked{font-size: 1.4em; margin-right: 10px; color: #cf2b36}
.opt_unchecked{font-size: 1.4em; margin-right: 10px; color: #fff}

.user-form{margin-bottom: 100px;}
.user-form .btn {padding: 6px 12px;}
.user-form .block-1,
.user-form .block-2,
.user-form .block-3 {padding-top: 20px; padding-bottom: 20px; min-height: 400px; margin-bottom: 10px; font-size: 0.9em}
.user-form .block-1 {background: #eee;}
.user-form .block-2,
.user-form .block-3 {border-top: 3px solid #eee; border-right: 3px solid #eee; border-bottom: 3px solid #eee;}
.user-form .col-3 {width: 100%; float: left;}
.user-form .col-3 label{display: block;}
.user-form .col-3 .form-control {width: 31%; margin-right: 2%; float: left;}
.user-form .col-2 {width: 100%; float: left;}
.user-form .col-2 label{width: 46%; margin-right: 2%; float: left;}
.user-form .col-2 .form-control {width: 48%; margin-right: 2%; float: left;}



@media (max-width: 991px){
.carList li .txt {width: 50%;}
}
@media (max-width: 767px){
.carList li {min-height: auto;}
.carList li .txt {position: static; width: 100%; padding: 15px 0; }
.carList li .price {position: static; width: 100%; padding: 30px 0; border-left: 0; border-top: 1px solid #ededed}
.header-car h4{text-align: left;}
}