@charset "UTF-8";
/*
@font-face {
 font-family: 'proxima_nova_rg';
 src: url('/etc/designs/quattroruote/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot');
 src: url('/etc/designs/quattroruote/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
url('/etc/designs/quattroruote/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff2') format('woff2'),
url('/etc/designs/quattroruote/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff') format('woff'),
url('/etc/designs/quattroruote/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf') format('truetype'),
url('/etc/designs/quattroruote/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
 font-weight: normal;
 font-style: normal;

}

@font-face {
 font-family: 'proxima_nova_bold';
 src: url('/etc/designs/quattroruote/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot');
 src: url('/etc/designs/quattroruote/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/etc/designs/quattroruote/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff2') format('woff2'),
url('/etc/designs/quattroruote/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff') format('woff'),
url('/etc/designs/quattroruote/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf') format('truetype'),
url('/etc/designs/quattroruote/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
 font-weight: normal;
 font-style: normal;

}

*/
.full.container {
width: 100% !important;
padding: 0;
margin: 0 auto;
min-width: 100%;
max-width: 100%;
position: relative;
}


#quotauto h1, #quotauto h2, #quotauto h3, #quotauto h4, #quotauto h5, #quotauto h6, #quotauto p {font-family: 'proxima_nova_rg', 'Roboto', sans-serif;}
#quotauto h1 strong, #quotauto h2 strong, #quotauto h3 strong, #quotauto h4 strong, #quotauto h5 strong, #quotauto h6 strong, #quotauto p strong, strong {font-family: 'proxima_nova_bold', 'Roboto', sans-serif; font-weight:normal;}

#quotauto {
  font-size:16px;
  line-height: 1.5em;
  /*font-family: 'proxima_nova_rg', 'Roboto', sans-serif; */
  color:#484e5a;
  background-color:#FFFFFF;
  min-height:1000px;
}
.parsys.container {
width: 1000px;
padding: 0;
margin: 0 auto;
min-width: 1000px;
max-width: 1000px;
position: relative;
padding:20px;
background-color:#FFFFFF;}


#quotauto.container {}


.promocode {font-size:16px;line-height: 1.5em; padding:10px 40px;}
.promocode span {font-weight:normal;  }
.promocode a {color:#0099cc; text-decoration:underline;}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  max-width: 420px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  white-space: nowrap;
}



#quotauto h1 { text-transform:uppercase; font-size:24px;}
#quotauto a {/*text-decoration:underline;*/}
#quotauto a:hover {color: #0099cc; /*text-decoration:underline;*/}
.quotauto{padding-left:0px !important;padding-right:0px !important;}
.col-md-1, .col-md-8, .col-md-4, .col-md-6 { padding:0px; box-sizing:border-box; /*border:1px solid #ccc;*/}

a.no-targa {text-decoration:underline; color:#0099cc;}


/* conferma dati*/
.modal-confermadati {
/*background: #fff;
background: transparent\9;
background: rgba(255,255,255,0.55);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8000000,endColorstr=#d8000000);
zoom: 1;*/
}

.modal-confermadati {
/*overflow: hidden;
overflow-y: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;*/
}

.modal-confemadati-dialog {
margin-left: auto;
margin-right: auto;
width: auto;
padding: 10px;
z-index: 1050;
height: 400px;
}

.modal-confermadati-content {
color:#fff;
position: relative;
background-color: #484e5a;
/*border: 0px solid #999;
border: 0px solid rgba(0,0,0,0.2);
border:6px solid #fff;
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
box-shadow: 0 3px 9px rgba(0,0,0,0.5);
background-clip: padding-box;*/
outline: none;
}

.modal-confermadati-header {
padding: 15px;
/*border-bottom: 1px solid #e5e5e5;*/
/*min-height: 16.428571429px;*/
}

.modal-confermadati-body {
position: relative;
padding: 20px;
}

.modal-confermadati-footer {
margin-top: 15px;
padding: 19px 20px 20px;
text-align: right;
border-top: 0px solid #e5e5e5;
}
h4.modal-confermadati-title {font-size:42px; font-weight:normal;}
p.modal-confermadati-title {font-size:21px; font-weight:normal;}


input#input-CAP {
width: 100%;
height: 55px;
border: 1px solid #cccccc;
padding-left: 10px;
margin-top: 10px;
border-radius: 3px;
font-size: 24px;
}


select.input-lg {
height: 55px;
line-height: 55px;
}
.input-lg {
height: 55px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 3px;
}
.modal-confermadati .modal-confermadati-body .col-md-2 {padding-left:0;}
.modal-confermadati .modal-confermadati-body label {font-size:21px;}



/* fine conferma dati */



input#input-targa, input#input-km{
    width: 100%;
    height: 55px;
    border:1px solid #cccccc;
    padding-left: 10px;
    margin-top: 10px;
    border-radius: 3px;
    font-size:24px;
}

select.quotauto-select{
    background-image: url('/etc/designs/quattroruote/img/quotauto/quotauto-sprite2.png');
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    padding: 12px;
    margin-top: 20px;
    line-height: 1;
    border-radius: 3px;
    background-color: #fff;
    font-size: 24px;
    line-height: 32px;
    -webkit-appearance: none;
    color:#484e5a;
    /*box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6);*/
    outline: none;
}

select.quotauto-select:hover{color: #0099cc;}
select.quotauto-select[disabled] {opacity:.4; cursor:inherit;}
select.quotauto-select[disabled]:hover {color:#484e5a;}

input.submit-btn { 
    width: 100%;
    height: 55px;
    color: #fff;
    padding:10px 0;
    margin-top: 25px;
    font-size: 28px;
    border:0;
    text-transform:uppercase;
    font-family: 'proxima_nova_rg', 'Roboto', sans-serif;
    border-radius:3px;
    position:relative
}

input.submit-btn[disabled] {opacity:.4; cursor:inherit;}
.quotauto-default {
background-color: #0099cc; 
/*border-bottom:4px solid #006699;*/
box-shadow: 0 4px #006699;
-webkit-transition: background-color .3s;
transition: background-color .3s;}

.quotauto-default:hover {background-color: #0099cc; box-shadow: 0 2px #006699;top: 2px;}
.quotauto-default:active {top: 4px; box-shadow: 0 0px #006699;}
.quotauto-default[disabled]:hover {background-color: #0099cc;top: 0px;box-shadow: 0 4px #006699;}
.quotauto-default[disabled]:active {margin-top:25px; border-top:0px solid #0099cc;}

.quotauto-alert {
background-color: #de4f3a; 
box-shadow: 0 4px #a33423;
/*border-bottom:4px solid #a33423;*/
-webkit-transition: background-color .3s;
transition: background-color .3s;}

.quotauto-alert:hover {box-shadow: 0 2px #a33423; top:2px;}
.quotauto-alert:active {box-shadow: 0 0px #a33423; top:4px; }
.quotauto-alert[disabled]:hover {background-color: #a33423;}
.quotauto-alert[disabled]:active {margin-top:25px; border-top:0px solid #de4f3a;}



button[disabled]:hover {
    background: red;
}
button:hover {
    background: lime;
}

.filetto {border-bottom:1px solid #ccc; margin:0 0 20px 0;padding:10px 0;}
.filetto-top {border-top:1px solid #ccc; margin: 0 0 20px 0;}


.logo-quotauto-inner {  }
.tit-quotazione h3 {text-transform: uppercase; font-size: 28px; color: #484E5A; margin-top:15px; }
.tit-quotazione h3 span {color:#0099cc; font-family: 'proxima_nova_bold', 'Roboto', sans-serif; font-weight:normal; text-decoration:underline;}

.auto-trovata {padding-top:20px;}
.auto-trovata strong {color:#0099cc;}
.auto-trovata h3 {color:#0099cc; font-size:32px;}


.msg-scegli-svg {
    display:block;
    width:250px;
    height:70px;
    background: url(http://put.edidomus.it/newsletter/dem/advupload/bg-freccia.svg) no-repeat -10px 0; 
    color:#fff;
    padding: 20px 0 0 10px;
    font-size: 1em;
    text-transform:uppercase;
    line-height:16px;
}

p.call-to-action-professional {font-size:22px; padding-top:20px;}





/* Default mode */
#quotauto-scelta .tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
  font-size:16px;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
  text-decoration:none;
  text-transform: uppercase;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li.open, #quotauto-scelta .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li.open > a, #quotauto-scelta .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li.open > a > i, #quotauto-scelta .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li.open .dropdown-menu, #quotauto-scelta .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
#quotauto-scelta .tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
#quotauto-scelta .tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 0;
  width:100%;
  height:300px; 
  overflow-y:scroll; 
  border:1px solid #ccc;
}
#quotauto-scelta .tabbable-line > .tab-content ul li {
text-decoration:none;
display:block;
border-bottom:1px solid #ccc;
padding:20px 10px 10px 10px;
color:#484e5a;
background-color:#fff;
-webkit-transition: background-color .3s;
transition: background-color .3s;
cursor:pointer;
}

.nav > li > a {
position: relative;
display: block;
padding: 10px 5px;
}

#quotauto-scelta .tabbable-line > .tab-content ul li:hover {background-color:#eee;}
#quotauto-scelta .tabbable-line > .tab-content ul li.quotata:hover {background-color:#ffe3a8;}
#quotauto-scelta .tabbable-line > .tab-content ul li.non-quotata:hover {background-color:#f5cac4;}
#quotauto-scelta .tabbable-line > .tab-content ul li.quotata-su-misura:hover {background-color:#c4f5da;}

#quotauto-scelta .tabbable-line > .tab-content ul li.quotata.attiva {background-color:#ffe3a8;}
#quotauto-scelta .tabbable-line > .tab-content ul li.non-quotata.attiva {background-color:#f5cac4;}
#quotauto-scelta .tabbable-line > .tab-content ul li.quotata-su-misura.attiva {background-color:#c4f5da;}

#quotauto-scelta .tabbable-line > .tab-content ul li p {font-size:14px; line-height:16px; margin:0, padding:0;}
#quotauto-scelta .tabbable-line > .tab-content ul li h4 {margin:0, padding:0;font-family: 'proxima_nova_bold', 'Roboto', sans-serif; line-height:10px;}

.portlet #quotauto-scelta .tabbable-line > .tab-content {
  padding-bottom: 0;
}


#quotauto h1.auto-da-quotare {text-transform:none !important; color:#0099cc; text-align:center; font-size:32px;line-height:36px; margin-bottom:30px;}
#quotauto h1.auto-non-quotata {text-transform:none !important; color:#de4f3a; text-align:center; font-size:32px;line-height:36px; margin-bottom:30px;}

#quotauto .spec-auto {}
#quotauto .spec-auto img {width:300px; margin-bottom:20px;}

.auto-non-trovata {margin:20px;padding:20px;}
.auto-non-trovata a {border-radius:4px; background-color:#eee; padding:20px; margin:20px; text-decoration: none !important;}
.auto-non-trovata a:hover {background-color:#de4f3a; color:#fff !important;}

.spec-auto {width:300px;}
#calcola-quotazione {margin-bottom:30px;}
#calcola-quotazione h3 {text-transform:uppercase; margin-bottom:30px; text-align: center;}
#calcola-quotazione input[type="radio"] {display:inline-block; margin-right:10px; vertical-align: top; }
#calcola-quotazione .inserisci-km label {width:200px; text-align:left; margin-right:20px; line-height:16px;}
.check-autocarro, .accessori {border-top:1px solid #ccc; text-align:left; margin:20px 0 0 0; padding:20px 0 0 0;}
.accessori {border-bottom:1px solid #ccc;}
#calcola-quotazione input[type="checkbox"] {display:inline-block; margin-right:10px; vertical-align: top; }



#quotazione h3 {color:#0099cc; font-size:28px; }
#quotazione h4 {font-size:16px; text-transform: uppercase;}
#quotazione table.table tr.quotazione-somma {border-top:3px solid #ccc;}
#quotazione table.table tr.quotazione-somma td {font-size: 21px;padding: 20px 10px;vertical-align: middle;}
#quotazione table.table tr.quotazione-accessori {border-top:3px solid #ccc;}
#quotazione table.table tr.somma-accessori td {border:0 !important; padding-left:20px;}
#quotazione table.table tr.somma-accessori td span {display:inline-block; float:right; white-space: nowrap;}
#quotazione table.table tr.quotazione-somma td strong {font-size: 28px;white-space: nowrap;}
/* prima pagina */
.scelta-quotazione h2, .faq h2 {color:#de4f3a; font-size:32px; margin-bottom:30px;}
.tipo-quotazione {border-right:1px solid #ccc; position:relative; padding-top:130px;}
.tipo-quotazione.last {border-right:0px solid #ccc;}
.tipo-quotazione a span{text-transform:uppercase; padding:20px 0 10px 0; font-family: 'proxima_nova_bold', 'Roboto', sans-serif; font-weight:normal; color:#006699;font-family:'proxima_nova_rg', 'Roboto', sans-serif;font-size:30px;}
a.link-tipo-quotazione {display:block; border:1px solid red;}
#ico-vendere, #ico-comprare, #ico-assicurare {position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}

.quotauto-faq a {
display:block;
border:1px solid #ccc;
padding:10px;
margin:10px;
text-transform:uppercase;
color:#006699;
-webkit-transition: all .3s ease .1s;
-moz-transition: all .3s ease .1s;
-o-transition: all .3s ease .1s;
transition: all .3s ease .1s;
}
.quotauto-faq a:hover {border:1px solid #0099cc; color:#0099cc;}

a.btn-su-misura {
display:block; 
background-color:#0099cc; 
border-radius:3px; 
/*border-bottom:4px solid #006699; */
box-shadow: 0 4px #006699;
line-height:20px; 
padding:15px 0 7px 0; 
margin-top:5px;
-webkit-transition: all .3s ease .1s;
-moz-transition: all .3s ease .1s;
-o-transition: all .3s ease .1s;
transition: all .3s ease .1s;
}

a.btn-su-misura span {color:#fff;}
a.btn-su-misura span.price-quot {font-size:28px; }
a.btn-su-misura span.quot-call-to-action {text-transform:uppercase;}

a.btn-su-misura:hover {box-shadow: 0 2px #006699; margin-top: 7px; color:#000 !important; }
a.btn-su-misura:active {box-shadow: 0 0px #006699; margin-top: 9px; }


.msg-vari {display:block; border:1px solid red; }
.msg-login {display:block; padding:5px 0; }
.msg-login {}
.msg-login span { color:#de4f3a; }
.msg-login .numero {font-size:48px; line-height:48px;}
.msg-login .txt-numero {text-transform:uppercase; font-family: 'proxima_nova_bold', 'Roboto', sans-serif; line-height:18px;display:block; margin-bottom:0px;}

.msg-num-quotazioni {display:block; padding:5px 0; color:#de4f3a; text-transform:uppercase; line-height:16px; }
.msg-num-quotazioni .num-quotazioni {display:block; width:90%; padding:45px; background:url('http://put.edidomus.it/newsletter/dem/advupload/gira-numeri.svg') center top no-repeat; margin:10px 0 0 0; font-size:64px;}

.msg-quotazioni-esaurite {display:block; padding:5px 0; color:#de4f3a; text-transform:uppercase; line-height:16px;}

.msg-quotazioni-esaurite span {font-size:32px; line-height:32px;}


/*pagina certificato */

#quotauto .spec-auto .download-certificato {border:0px solid #0099cc; padding:0px; text-align:center;}
#quotauto .spec-auto .download-certificato a img {width:100px;}
#quotauto .spec-auto .download-certificato a {text-decoration:none !important; display:block; }
#quotauto .spec-auto .download-certificato a:hover {text-decoration:underline !important; background-color:#eee;}
#quotauto .spec-auto .download-certificato a h2 {text-transform:uppercase; color:#0099cc; text-decoration:none !important; font-size:16px!important; margin-bottom:20px;}

.scheda-tecnica {padding:0 10px 0 0;}

.scheda-tecnica table.table {font-size:15px;}


.toggle-consigli {
    background-color: #eee;
    border-radius: 4px;
    display: block;
    font-size: 21px;
    margin: 20px 0;
    padding: 20px;
}

.consigli-utili {
    border-bottom: 4px solid #ccc;
    margin-bottom: 20px;
}
.consigli-utili h3 {margin-top:20px;}
.consigli-utili ul {margin-bottom:20px;}

.fancybox-inner{
    max-height: 600px;
}



#step1 {min-height:600px;}


.group {}
.group .subgroup {}
.fixed {
    position: fixed;
}

/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    border-left: 4px solid transparent;
    padding: 4px 20px;
    font-weight: 400;
    border-bottom:1px solid #ccc;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>li>a:hover, 
.bs-docs-sidebar .nav>li>a:focus {
    color: #0099cc;                 
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #0099cc; 
}
/* all active links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a, 
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;           
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;           
}

.group h1 {color:#0099cc;}
.group h3 {font-family: 'proxima_nova_bold', 'Roboto', sans-serif; font-weight:normal; font-size:21px; margin-top:10px;}
.group p {margin-bottom:10px;}
.group h2 {color:#0099cc; margin-top:20px;}


.body-spyscroll {position:relative; height:100%;}
a.print-page {display:block; float:left; width:100%; text-align:center; text-transform: uppercase; background-color:#eee; border-radius:3px; padding:10px; color:#0099cc;margin-bottom:20px;}
a.print-page:hover {background-color:#0099cc; color:#fff !important;}

a.backhome {display:block; float:left; width:100%; text-align:center; text-transform: uppercase; background-color:#fff; border-radius:3px; padding:10px; color:#0099cc; margin-bottom:20px; border:1px solid #ccc;}
a.backhome:hover {background-color:#0099cc; color:#fff !important; border:0;}


.tende-conferma-dati {float:left; margin-right:10px; width:100px;}


/* tendina con immagini */

.txt-desc-vcl-tipo {display:inline-block; width:300px; text-align:left;}
.btn {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #a6a6a6;
  border-radius: 3px;
  color: #484e5a;
  display: block;
  float: none;
  font-weight: 400;
  padding: 0px;
  height:60px;
  text-align: left;
  text-transform: none;
  font-size: 24px;
  line-height: 32px;
  background-image: url('/etc/designs/quattroruote/img/quotauto/quotauto-sprite2.png');
  background-repeat: no-repeat;
  background-position: top right;
  width: 100%;
}
.btn:hover {color:#0099cc;}

div.quotauto-select {
 background-image: url('/etc/designs/quattroruote/img/quotauto/quotauto-sprite2.png');
  background-repeat: no-repeat;
  background-position: top right;
  width: 100%;
  padding: 0;
  margin-top: 20px;
  line-height: 1;
  border-radius: 3px;
  background-color: #fff;
  font-size: 24px;
  line-height: 32px;
  -webkit-appearance: none;
  color: #484e5a;
  /* box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.6); */
  outline: none;
  /*border:5px solid red;*/
}

.dropdown-menu>li>a {
  display: block;
  padding: 5px;
  clear: both;
  font-weight: normal;
  font-size:24px;
 line-height: 32px;
 color: #333;
  white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #0099cc;
  background-color: #eee;
}

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
  text-align: left;
}


button:hover {
background-image: url('/etc/designs/quattroruote/img/quotauto/quotauto-sprite2.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #fff;
  color:#0099cc;
}

img.select-car-icon {margin-right:12px; height:50px;}


.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: show!important;
  width: 100%;
  text-align: left;
  padding-left:12px;
}

.container-select-car-icon {display:inline-block; width:65px; overflow:hidden;margin-right:12px; vertical-align: middle; }
img.select-car-icon {height:50px;}
.info-tooltip {background:#333;color:#fff; border:0; border-radius:12px; width:24px; height:24px; font-size:16px;margin-top:-3px;}
.info-tooltip:hover {background:#cc0000; color:#fff;}



.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}



@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}



@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}



.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.group li{
  list-style-type: disc;
  margin-left: 20px;
}

/* menu quotauto */

.listing-menu-quotauto {
    background-color:#eee;
    font-family: 'proxima_nova_rg', 'Roboto', sans-serif;
    color:#069;
}

.listing-menu-quotauto ul {
  display: table;
  height: 46px;
  width: 100%;
  font-size: 18px;
    line-height:18px;
  text-transform: uppercase;
}

.listing-menu-quotauto li {
  
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width:22%
}
    .listing-menu-quotauto li.titolo-menu {width:28%; text-align:left;}
    
.listing-menu-quotauto a {
  color: #09c;
  display: block;
  padding: 12px;
  
}
.listing-menu-quotauto a:hover {color:#069; text-decoration:underline;}
.listing-menu-quotauto a.active {background-color:#fff; color:#de4f3a; font-family: 'proxima_nova_bold', 'Roboto', sans-serif; border-bottom:5px solid #fff; border-top:5px solid #eee;}

.choose-bike input[type="radio"] {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.choose-bike {border: 1px solid #bbb;padding: 15px;border-radius: 4px;font-size: 24px;margin: 30px 0 0 0;}
.choose-bike label {margin: 0 30px 0 5px;}

.table-km .header{
    width: 100%;
  text-align: center;
  background-color: lightgrey;
  margin-top: 20px;
  padding: 5px;
  border: 1px solid;
}
.alert-km {text-align:center;}
.alert-km a {text-decoration: underline;}
.alert-km a:hover {color:#006699;}

.table-km .year-index{
  width: 20%;
  float: left;
  padding: 2%;
  border-left: 1px solid;
  border-bottom: 1px solid;
  }
  
  .table-km .year-index.last{
  border-right: 1px solid;
  }
  .popup-info{
  width:500px;
  font-size: 16px;
  line-height: 1.3em;
  text-align: left;
   font-family: 'proxima_nova_rg', 'Roboto', sans-serif;
  }
.popup-info ul li::before { 
     content: "• ";
}

    row.cont-legenda {margin-top:20px; padding:0;}
    .col-md-12.legenda {margin-top:20px;border:0; }
    .col-md-12.legenda h4 {text-transform: uppercase; margin:0; padding:0; font-size:18px; line-height:30px;}
    .col-md-12.legenda ul {display:block; width:20%; float:left; font-size:13px; line-height:20px;}
    .col-md-12.legenda ul li strong {font-family: 'proxima_nova_bold', 'Roboto', sans-serif;}
    #legenda {display:inline-block; width:24px; height:24px; border-radius:12px; background-color:#0099cc; color:#fff; text-align:center; text-transform:none; margin-left:10px; font-size:18px; line-height:24px;}
    #legenda:hover {background-color: #006699; color:#fff !important;}


/* moto */


.spec-auto p {margin-bottom:0;}

.info-auto-posseduta-none {display:none;}
#calcola-quotazione .tua-auto {
   border-top: 1px solid #ccc;
   margin: 20px 0 0 0;
   padding: 20px 0 0 0;
   }
#calcola-quotazione .inserisci-km label {
   	width: auto!important;
}
#calcola-quotazione .tua-auto label {
    text-align: left;
   	margin-right: 20px;
    line-height: 16px;
    font-weight: normal!important;
}
/* END STYLE AGGIUNTIVO 3 STEP */
/* START STYLE BOX CONSENSI */


@font-face {
  font-family: 'Icon_Quattroruote_New';
  src:  url('/etc/designs/quattroruote/2019/clientlibs/base2/source/css/fonts/Icon_Quattroruote2.eot');
  src:  url('/etc/designs/quattroruote/2019/clientlibs/base2/source/css/fonts/Icon_Quattroruote2.eot') format('embedded-opentype'),
    url('/etc/designs/quattroruote/2019/clientlibs/base2/source/css/fonts/Icon_Quattroruote2.ttf') format('truetype'),
    url('/etc/designs/quattroruote/2019/clientlibs/base2/source/css/fonts/Icon_Quattroruote2.woff') format('woff'),
    url('/etc/designs/quattroruote/2019/clientlibs/base2/source/css/fonts/Icon_Quattroruote2.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.c-checkbox1-nl-consensi {
    position: relative;
    padding-left: 25px;
    display: block;
    cursor: pointer;
}
.c-checkbox1-nl-consensi-title {
    position: relative;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd; 
    margin-bottom: 15px;
    display: block;
    color: #333;
}
.c-checkbox1-nl-consensi-subtitle {
    position: relative;
    padding-left: 10px;
    padding-bottom: 10px;
    display: block;
      font-size: 1.35rem;
      line-height: 1.8rem;
        font-weight: 500;
    color: #333;
}
.c-checkbox1-nl-consensi [type=checkbox] {
    display: none;
}
.c-checkbox1-nl-consensi [type=checkbox]:checked+.c-checkbox1__label-nl-consensi {
    color: #333;
}
.c-checkbox1-nl-consensi [type=checkbox]:checked+.c-checkbox1__label-nl-consensi:after {
    font-family: Icon_Quattroruote_New;
    font-size: 8px;
    content: "\e923";
    color: #333;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 4px;
}
.c-checkbox1__label-nl-consensi {
    font-size: 1.35rem;
    line-height: 1rem;
    font-weight: 500;
    color: #333;
    cursor: pointer;
}
.c-checkbox1__label-nl-consensi:before {
    display: block;
    content: " ";
    background-color: #f1f1f2;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: -25px;
}


/* NEW CSS */

.fancybox-overlay.alertBoxCouponNotAssigned {
    z-index: 10000002;
}

#alertBoxCouponNotAssigned label {
    margin-left: 5px;
}

#alertBoxCouponNotAssigned {
width: 600px;
overflow: hidden;
font-size: 16px;
}

#alertBoxCouponNewCode {
	font-size: 16px;
	width: 600px;
	overflow: hidden;
}

@media screen and (max-width:767px) {

	#alertBoxCouponNotAssigned {
		max-width: 600px;
   	 	width: 100%;
        overflow-y: scroll;
        height:100%
	}
    #alertBoxCouponNewCode {
    font-size: 16px;
		max-width: 600px;
   	 	width: 100%;
        overflow-y: scroll;
	}
    .radioButton .col-sm-6 {
    width: 50%;
    float: left;
	}

}