.eolo-login-nav-tabs>li > a.active,
.eolo-login-nav-tabs>li > a.active:hover,
.eolo-login-nav-tabs>li > a.active:focus {
    padding-top: 14px;
    padding-bottom: 15px;
    color: #ffffff;
    border: 1px solid #00a0e6;
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #00a0e6;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #00a0e6;
    border: 1px solid #00a0e6;
}
.clearboth{
    clear: both;
}
.btn.disabled, .btn:disabled{
    pointer-events: none;
}
.nav-tabs .nav-link:hover {
    border-color: transparent;
}
.nav-tabs .nav-link:focus {
    text-decoration: none;
    background-color: #eee;
}
.btn-primary {
    color: #fff;
    background-color: #01aef0;
    border-color: #019cd7;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0191c7;
    border-color: #016f9a;
}
h3, .h3 {
    font-size: 24px;
}
.nav-border-radius{
    border-radius: 20px 20px 0 0!important;
}
#owl-carousel-carrello .owl-stage {
    margin-left: 15px!important;
}
.btn[disabled]{
    pointer-events: none;
    opacity: .65;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 1px solid #fff!important;
}
.tracking-box-container.component .nav-tabs .nav-item.show .nav-link /*, .nav-tabs .nav-link.active */ {
    border: none!important;
    border-bottom: #ff8a00 6px solid!important;
    background: transparent!important;
}

@media (min-width: 1200px) {
    #eolojob-carousel-testimonials .container-lg {
        max-width: 1170px;
    }
}

.eolo-nav-pills-assistenza>li > a.active{
    background-color: #fff!important;
    border-radius: 0!important;
    color: #193755!important;
    font-weight: 700!important;
    padding-left: 0!important;
    padding-right: 0!important;
}
.eolo-nav-pills-privacy>li>a.active{
    background-color: #193755!important;
    border-radius: 5px!important;
    color: #fff!important;
    font-weight: 400!important;
}


element.style {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 768px) {
    .eolo-nav-pills-privacy {
        flex-wrap: nowrap;
    }
    .eolo-ver-cop-ul li a {
        display: block;
    }
}
@media only screen and (max-width: 360px) {
    .eolo-ver-cop-ul li:last-child {
        margin-top: 10px;
    }
}
.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0!important;
}
.bg-success {
    background-color: #dff0d8;
}
.bg-success {
    background-color: #dff0d8!important;;
}
.bg-warning {
    background-color: #fcf8e3!important;
}

.simple-pagination .page-link{
    padding: 0!important;
}
.chat-layer-wrapper .btn:focus {
    box-shadow: 0 0 12px 0 rgb(25 55 85 / 20%)!important;
}
#eolo-searchbutton:hover {
    text-decoration: none!important;
}

.installerForm .error, .partnerForm .error, .prospectForm .error{
    margin-top: 15px;
}
.eolo-card__footer .eolo-price-optional-packages small{
    font-weight: 700!important;
}
@media ( min-width : 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* _breakpoint.scss override because od display: block */
@media (max-width: 767px) {
	.table-responsive {
	    width: 100% !important;
	    margin-bottom: 15px !important;
	    overflow-y: hidden !important;
	    overflow-x: scroll !important;
	    -ms-overflow-style: -ms-autohiding-scrollbar !important;
	    border: 1px solid #ddd !important;
	    -webkit-overflow-scrolling: touch !important;
	}
    .sintesi-consumo-voce .table-responsive {
        border: none !important;
        margin-top: 30px !important;
    }
    .sintesi-consumo-voce #headingTwo2 {
        border-bottom: 1px solid #ddd !important;
    }

    .sintesi-consumo-voce .table thead th {
        vertical-align: top!important;
    }
}
@media (min-width: 768px) {
	.table-responsive {
	    display: inline-table !important;
	}
}

.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.pull-right{
	float: right !important;
}
.table-primary {
    background-color: transparent;
}
.table-primary, .table-primary>td, .table-primary>th {
    background-color: transparent;
}
.table-hover .table-primary:hover {
    background-color: transparent;
}
.table-striped {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    background-color: #fff;
}
.dataTables_wrapper .table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
    border-color: #ddd;
}
.table .table {
    background-color: #fff!important;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: #f5f5f5!important;
}
#telePassModal_1 .checkbox-telepass div.ez-checkbox, #telePassModal_1 .checkbox-telepass div.ez-radio, #telePassModal_1 .checkbox-telepass div.ez-checked, #telePassModal_1 .checkbox-telepass div.ez-selected,
#telePassModal_2 .checkbox-telepass div.ez-checkbox, #telePassModal_2 .checkbox-telepass div.ez-radio, #telePassModal_2 .checkbox-telepass div.ez-checked, #telePassModal_2 .checkbox-telepass div.ez-selected {
    margin: 0 0px 4px 0 !important;
    height: 30px !important;
}

#telePassModal_1 .modal-icon i, #telePassModal_2 .modal-icon i, #modalCondition .modal-icon i, #telepassModalFiscalCode .modal-icon i {
    position: absolute !important;
    left: 50% !important;
    top: 60% !important;
    width: 45px !important;
    height: 45px !important;
    font-size: 45px !important;
    line-height: 45px !important;
    transform: translate(-50%, -50%) !important;
}

#telePassModal_1 .modal-icon, #telePassModal_2 .modal-icon, #modalCondition .modal-icon, #telepassModalFiscalCode .modal-icon {
    position: absolute !important;
    left: 50% !important;
    top: 30px !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    transform: translateX(-50%) !important;
}

#telePassModal_1 .modal-funnel .modal-dialog .modal-content .modal-body input, #telePassModal_2 .modal-funnel .modal-dialog .modal-content .modal-body input {
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
}

#telePassModal_1 #main-content .form-field input, .modal-funnel .form-field input, #telePassModal_2 #main-content .form-field input, .modal-funnel .form-field input {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 50px;
    padding: 16px 15px 14px 15px;
    border: 1px solid #D6D6D6;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    background-color: #FFFFFF;
}

#telePassModal_1 #main-content input, .modal-funnel input, #telePassModal_2 #main-content input, .modal-funnel input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

#telePassModal_1 #main-content .form-field [type="radio"]:checked, #main-content .form-field [type="radio"]:not(:checked), #main-content .form-field [type="checkbox"]:checked, #main-content .form-field [type="checkbox"]:not(:checked), .modal-funnel .form-field [type="radio"]:checked, .modal-funnel .form-field [type="radio"]:not(:checked), .modal-funnel .form-field [type="checkbox"]:checked, .modal-funnel .form-field [type="checkbox"]:not(:checked),
#telePassModal_2 #main-content .form-field [type="radio"]:checked, #main-content .form-field [type="radio"]:not(:checked), #main-content .form-field [type="checkbox"]:checked, #main-content .form-field [type="checkbox"]:not(:checked), .modal-funnel .form-field [type="radio"]:checked, .modal-funnel .form-field [type="radio"]:not(:checked), .modal-funnel .form-field [type="checkbox"]:checked, .modal-funnel .form-field [type="checkbox"]:not(:checked) {

    left: 0 !important;
}

#telePassModal_1 .modal-funnel .modal-dialog .modal-content .modal-body label, #telePassModal_2 .modal-funnel .modal-dialog .modal-content .modal-body label {
    color: white !important;
}

#telepassModalFiscalCode label, #telepassModalFiscalCode input {
    color: white !important;
    background-color: transparent;
}

.tooltip {
    z-index: 999999999 !important;
}

#telepassModalFiscalCode .bootstrap-datetimepicker-widget table th {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: white!important;
}

#telepassModalFiscalCode .bootstrap-datetimepicker-widget table td {
    color: white!important;
}

#telepassModalFiscalCode .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
    color: #6c757d !important;
}

#telePassModal_2 .dk-selected {
    background-color: #FFF;
}

#telePassModal_2 .row div.ez-radio, .row div.ez-selected {
    margin: 0 10px 4px 0;
}

#telePassModal_2 #telepassModalFiscalCode .row div.ez-radio, .row div.ez-selected {
    margin: 0 25px 4px 0;
}

#buildTelepassCCIAA .form-field .dk-select.customSelect, .modal-funnel .form-field .dk-select.customSelect {
    height: 50px;
}

#buildTelepassCCIAA .form-field .dk-select.customSelect .dk-selected, .modal-funnel .form-field .dk-select.customSelect .dk-selected {
    padding: 15px 50px 15px 15px;
}

@media (min-width: 992px) {
	.modal-body .col-md-push-6 {
  		left: 50%;
  		float: left;
	}
	.modal-body .col-md-pull-6 {
  		right: 50%;
  		float: left;
	}
}