/*stili per il box di errore*/
.popover{

    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1060;
    line-height: 20px;

}

.popover-form .popover {
  position: relative;
  display: block;
  margin:0;
  margin-bottom:5px;
  max-width:100%;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-box-shadow: 0 !important;
  -moz-box-shadow: 0 !important;
  box-shadow: 0 !important;
  background-color:#EFEFEF;
}


.popover-form .popover.bottom > .arrow {
    left:85%;
}


.popover-form .popover.bottom .arrow:after {
    border-bottom-color: #EFEFEF;
}


.popover-error .popover {
  position: relative;
  display: block;
  margin: 20px;
  max-width:100%;
}

.popover-error .popover-title {
    color:white;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight:bold;
    border-radius: 5px;
}

.popover-level-INFO {
    background-color:green;
}

.popover-level-WARN {
    background-color:#FF8A1F;
}

.popover-level-ERROR {
    background-color:#C10B34;
}

.popover-error .popover-title span {
    cursor:pointer;
}

.popover-error .popover-conent p {
    cursor:pointer;
    font-family: 'Lato', Arial, Helvetica, sans-serif;    
}

.popover.top > .arrow::after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    content: " ";
    margin-left: -10px;
}
.popover > .arrow::after {
    border-width: 10px;
    content: "";
}
.popover > .arrow, .popover > .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

*::before, *::after {
    box-sizing: border-box;
}

.popover.top > .arrow {
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}

.popover > .arrow {
    border-width: 11px;
}

.popover > .arrow, .popover > .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover-content > p{
    margin: 0 10px;
}

.pull-right {
    float: right !important;
}

.glyphicon-remove {
    background: transparent url("library/clientlibs/img/back-ico-close-white.png") no-repeat scroll left top;
    height: 27px;
    overflow: hidden;
    width: 27px;
    float: left;
}

.glyphicon-remove:HOVER {
	background-position: 0 -27px;
}

/*stili per la componente dei mutui*/
.assicurato .bh-choiceselect-label{
    margin-right: 15px;
    width: 90px !important; 
    height: 82px; 
    float: left;
}
  
.check-me-stesso{
    background: url("library/clientlibs/img/simulatore/check-me-stesso.png") no-repeat;
}

.check-me-stesso:hover{
    background: url("library/clientlibs/img/simulatore/check-me-stesso-red.png") no-repeat;
}

.check-me-stesso.active{
    background: url("library/clientlibs/img/simulatore/check-me-stesso-red.png") no-repeat;
}

.check-coniuge{
    background: url("library/clientlibs/img/simulatore/check-coniuge.png") no-repeat;
}

.check-coniuge:hover{
    background: url("library/clientlibs/img/simulatore/check-coniuge-red.png") no-repeat;
}

.check-coniuge.active{
    background: url("library/clientlibs/img/simulatore/check-coniuge-red.png") no-repeat;
}

.check-figlio{
    background: url("library/clientlibs/img/simulatore/check-figlio.png") no-repeat;
}

.check-figlio:hover{
    background: url("library/clientlibs/img/simulatore/check-figlio-red.png") no-repeat;
}

.check-figlio.active{
    background: url("library/clientlibs/img/simulatore/check-figlio-red.png") no-repeat;
}

.check-miei-figli{
    background: url("library/clientlibs/img/simulatore/check-miei-figli.png") no-repeat;
}

.check-miei-figli:hover{
    background: url("library/clientlibs/img/simulatore/check-miei-figli-red.png") no-repeat;
}

.check-miei-figli.active{
    background: url("library/clientlibs/img/simulatore/check-miei-figli-red.png") no-repeat;
}

.check-altra-persona{
    background: url("library/clientlibs/img/simulatore/check-altra-persona.png") no-repeat !important;
}

.check-altra-persona:hover{
    background: url("library/clientlibs/img/simulatore/check-altra-persona-red.png") no-repeat !important;
}

.check-altra-persona.active{
    background: url("library/clientlibs/img/simulatore/check-altra-persona-red.png") no-repeat !important;
}

.check-famiglia{
    background: url("library/clientlibs/img/simulatore/check-famiglia.png") no-repeat;
}

.check-famiglia:hover{
    background: url("library/clientlibs/img/simulatore/check-famiglia-red.png") no-repeat;
}

.check-famiglia.active{
    background: url("library/clientlibs/img/simulatore/check-famiglia-red.png") no-repeat;
}

.check-gruppo{
    background: url("library/clientlibs/img/simulatore/check-gruppo.png") no-repeat !important;
}

.check-gruppo:hover{
    background: url("library/clientlibs/img/simulatore/check-gruppo-red.png") no-repeat !important;
}

.check-gruppo.active{
    background: url("library/clientlibs/img/simulatore/check-gruppo-red.png") no-repeat !important;
}

.sconto{
     color: #C10B34;
     background-color: #F5F5F5; 
     position: absolute; 
     bottom: 30px; 
     width: inherit;
     padding: 4px 0;
     font-size: 16px; 
     font-weight: bold;
     text-transform: uppercase; 
}

 .contatti .box-small .ctn h2 {
     font-size: 22px;
     padding: 0 0 20px;
     text-transform: uppercase;
 }
 
 .contatti .box-small .close {
     background: transparent url("library/clientlibs/img/back-box-close-small.png") no-repeat scroll left top !important;
     width: 300px !important;
 }
 
 .contatti .box-small .ctn .ctn-btn {
     padding: 10px 0 0 !important;
 }
 
 .note-informative{
     background-color: #c10b34; 
     color: #fff; 
     text-align: center; 
     padding: 5px 30px; 
     font-weight: bold; 
     font-size: 14px;
     margin-bottom: 15px;
 }
 

 .accordion header{
     color: #fff;
     font-size: 20px;
     font-weight: 300;
     text-transform: uppercase;
     font-size: 20px !important;
     font-weight: 300;
     margin: 0 0 0 -6px !important;
     overflow: hidden;
     padding: 30px 0 30px 5px !important;
     text-transform: uppercase;
     font-family: "Lato", Arial, Helvetica, sans-serif;
     border: none;
     
 }
 
 .accordion .ui-icon{
     width: 28px !important;
 }
 
 .accordion .ui-accordion-header-icon {
     float: right;
     left: 0px !important;
     margin-top: 5px !important;
     margin-right: 15px;
     position: relative !important;
     
 }
 
 .accordion-ui-icon{
     background-image: url("library/clientlibs/img/back-arrow-top-bottom.png") !important;
     background-position: bottom;  
 }
 
 .accordion-ui-icon-active{
     background-image: url("library/clientlibs/img/back-arrow-top-bottom.png") !important;
     background-position: top;
 }
 
 .accordion .accord h3 a{
    background: url("library/clientlibs/img/back-btn-arrow-large.png") left top !important;
    height: 50px !important;
    color: #fff !important;
    font-size: 22px !important;
    padding: 15px 10px 0 15px !important;
    text-transform: none;
 }
 
 .accordion .accord h3 a:hover{
    background-position: 0 -100px !important;
 }
 
 .accordion .accord h3 a.open{
    background-position: 0 -50px !important;
 }

 .accordion .accord h3 a.open:hover{
    background-position: 0 -150px !important;
 }

 .table-garanzie h3{
     margin: 0px;
 }
 

 .table-garanzie .inner-box{
     padding: 20px;
     border-bottom: 1px solid #EEE;
     line-height: 18px;
 }
 
 .table-garanzie .inner-box br{
    line-height: 30px;
 }
 

  .table-garanzie .inner-box ul {
    list-style-type: disc;
    margin-left: 1em;
   }
    
 .table-garanzie .inner-box .index{
     color: black;
     float: left;
     margin-right: 5px;
     font-size: 22px;
 }
 
 .table-garanzie td{
    padding: 20px !important;
    text-align: left !important;
    white-space: normal !important;
    
 }
 
 .table-garanzie td.separator{
    padding: 0 !important; 
    background: #C10B34; 
    width: 5px;
 } 
 
 .table-garanzie .inner-box .description{
     font-size: 15px;
 }
 
 .bpb-tool-component{
    float:none !important; 
    margin-top: 20px; 
    padding-bottom: 0 !important;
 }
 
 .slider-tooltip {
    width: 100px;
    height: 25px;
    margin-top: 5px;
    position: absolute;
    top: 18px;
    color: white;
    display: block;
    text-indent: 0px !important;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.slider-wrapper{
    width:450px;
    float:left;
    text-transform: uppercase;
}

.bpb-tooltip{
    float: left;
    height: 16px;
    margin-left: 20px;
    margin-top: 20px;
    width: 16px;
    background: url("library/clientlibs/img/simulatore/info.png") no-repeat; 
}

.bpb-tooltip:hover {
    background-position: 0 -32px ;
}

.ui-tooltip, .arrow:after {
    background: white;
    border: 1px solid #c10b34;
 }
 
 .ui-tooltip {
    padding: 10px 20px;
    color: #c10b34;
    border-radius: 20px;
    box-shadow: 0 0 7px black;
    font-size: 12px;
    font-family: "Lato",​Arial,​Helvetica,​sans-serif;
    text-align: center;
    line-height: 20px;
 }
 
 .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
 }
 
 .arrow.top {
    top: -16px;
    bottom: auto;
 }
 
 .arrow.left {
    left: 20%;
 }
 
 .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}