/* Add here all your css styles (customizations) */

@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-VariableFont_wght.ttf);
}


.header .logo img {
	max-width:300px;
}
.footer-v1 {
	position:fixed;
	bottom:0;
	width:100%
}

.sky-form .label {
	color:#333;
	font-weight:bold;
}

.sky-form {
    box-shadow: none;
    border: 0;
}

.f-center {
	text-align:center
}

.sky-form fieldset {
    padding-left:15px;
    padding-right:0px;
}

.sky-form .col {
	padding-left: 0px;
}

.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
    font-size: 11px;
    color:#000;
    line-height:normal;
}

.sky-form .label {
	padding-bottom: 5px;
	border-bottom: 2px solid #002B82;
}

.genericinput {
    font-size: 11px;
    color: #000;
    line-height: normal;
}
.genericinput {
    border:1px solid #bbb;
}

.genericinput {
    height: 34px;
    padding: 6px 12px;
}

.genericinput {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    outline: none;
    background: #fff;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.breadcrumb {
    padding-left:0;
}



.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60 {
   clear:both;
}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}

/*
@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
*/

@-webkit-keyframes invalid {
  from { background-color: #FFFF80; }
  to { background-color: inherit; }
}
@-moz-keyframes invalid {
  from { background-color: #FFFF80; }
  to { background-color: inherit; }
}
@-o-keyframes invalid {
  from { background-color: #FFFF80; }
  to { background-color: inherit; }
}
@keyframes invalid {
  from { background-color: #FFFF80; }
  to { background-color: inherit; }
}
.blink {
  -webkit-animation: invalid 0.2s 30; /* Safari 4+ */
  -moz-animation:    invalid 0.2s 30; /* Fx 5+ */
  -o-animation:      invalid 0.2s 30; /* Opera 12+ */
  animation:         invalid 0.2s 30; /* IE 10+ */
}

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

.table-restricted>tbody>tr>td, .table-restricted>tbody>tr>th, .table-restricted>tfoot>tr>td, .table-restricted>tfoot>tr>th, .table-restricted>thead>tr>td, .table-restricted>thead>tr>th {
    padding: 4px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    font-size:12px;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 400px;
     font-size:12px;
    }

.ui-menu-item {
	font-size:12px;
}


.table a {
	color:#333
}



.footerfixed {
    width: 1140px;
}

@media (min-width: 992px)
.footerfixed {
    width: 940px;
}
@media (min-width: 768px)
.footerfixed {
    width: 720px;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight:normal;
}

.form-horizontal label {
    color: #333;
}

.form-horizontal i {
    color: #891C36;
}

.form-horizontal input, .form-horizontal select {
    font-weight:normal;
}

.ui-datepicker-header {
    font-size: 12px;
}

.btn-group {
	margin-bottom:10px
}


.header .topbar ul.loginbar > li:not(:last-child) {
	padding-right: 15px;
}

.header .topbar {
    margin-top: -30px;
}


.header .navbar-nav > li:not(:last-child) > a {
	padding: 9px 0px 9px 0px;
	margin-right: 30px;
}
.header .navbar-nav > li:last-child > a {
	padding: 9px 0px 9px 0px;
	margin-right: 0px;
}

.ui-autocomplete {
  z-index: 215000000 !important;
}

.table th, .table td {
	color:#002B82
}

.table td {
	color:#555;
    font-weight: normal;
}

a {
	cursor:pointer;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.sortablelist li.placeholder {
  position: relative;
  /** More li styles **/
}
.sortablelist li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

span.label-u, span.badge-u {
    background: #555;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

.table-restricted>tbody>tr>td, .table-restricted>tbody>tr>th, .table-restricted>tfoot>tr>td, .table-restricted>tfoot>tr>th, .table-restricted>thead>tr>td, .table-restricted>thead>tr>th {
    padding: 4px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

#tablescansioni th:nth-child(1) {
	white-space: nowrap;
	text-align:center
}
#tablescansioni th:nth-child(2) {
	white-space: nowrap;
	text-align:center;
}
#tablescansioni th:nth-child(4) {
	white-space: nowrap;
	text-align:center;
}
#tablescansioni th:nth-child(6) {
	white-space: nowrap;
	text-align:center;
}

#tablescansioni td:nth-child(1) {
	white-space: nowrap;
	text-align:center
}
#tablescansioni td:nth-child(2) {
	white-space: nowrap;
	text-align:center;
}
#tablescansioni td:nth-child(4) {
	text-align:center;
}
#tablescansioni td:nth-child(6) {
	text-align:center;
}


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: inline !important;
}

.modal {
	z-index: 1000000000;
}

#topcontrol {
	z-index: 1000000001 !important;
}

.colorpicker {
	z-index: 1000000002 !important;
}

.colorpicker:before {
    display: none !important;
}

/* button in piani assicurativi */
.breadcrumbs .btn-u:focus{
    color: #e67e22;
}

.header .dropdown > a:after {
    display:none;
}

#mailtext:focus-visible{
    outline: white;
    border-color: #bbb;
    box-shadow: 0 0 2px #c9c9c9;
}

#client{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 6px;
    padding-left: 11px;
    font-size: 14px;
    color: #999999;
}
#client:focus-visible{
    outline: white;
    border-color: #bbb;
    box-shadow: 0 0 2px #c9c9c9;
}
td.emltxt{
    font-weight: 700;
    color: #930101;
    cursor:pointer;
}
/* table caption */
.quest-caption {
    background-color: #002b82e3;
    color: #fff;
    text-align: center;
}

.tbPrev{
    max-height:0px;
    transition:0.7s;
    overflow:hidden;
}
.tbCont{
    width:100%;
    color: #002B82;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 1px solid #dddddd;
    padding: 5px 10px 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor:pointer;
    transition: 0.5s;
}

.loader{
    position: fixed;
    opacity: 0;
    background-color:#000000e0;
    height: 100%;
    width:100%;
    z-index: -1000;
    transition:0.5s;
}
.loader.active{
    opacity: 1;
    z-index: 10000000000;
    transform: translate3d(0, 0, 200px);
}

body.loads > *:not(.loader) {
    opacity: 0; /* Opacità desiderata per gli elementi trasparenti */
    pointer-events: none; /* Per rendere gli elementi non interattivi */
}


.ball-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
}
  
.ball {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    margin: 0 5px;
    animation: bounce 1s infinite ease-in-out;
    z-index: 25;
}

.ball3 {
    animation-delay: 0s;
    background-color: #ffff00;
}

.ball2 {
    animation-delay: 0.33s;
    background-color: #ff6600;
}

.ball1 {
    animation-delay: 0.66s;
    background-color: #008000;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.carText{
    width:100%;
    position: absolute;
    margin-bottom:15px;
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    animation: cambioColore 1s infinite alternate;
    color:white;
    z-index: 15;
    padding-bottom: 50px;
}

@keyframes cambioColore {
    0% {
        color: grey; /* Colore iniziale */
    }
    100% {
        color: white; /* Colore finale */
    }
}

.modal{
    margin-bottom:45px;
}

.container.content{
    margin-bottom:45px;
}

.btnPers1{
    border-color: #00aa33!important;
    color: #00aa33!important;
    transition: 0.5s;
}

.btnPers1:hover{
    border-color: #017223!important;
    color: #017223!important;
}

.btnPers2{
    border-color: #ff8400!important;
    color: #ff8400!important;
    transition: 0.5s;
}
.btnPers2:hover{
    border-color: #ca6800!important;
    color: #ca6800!important;
}

.btnPers3{
    border-color: #f02d78!important;
    color: #f02d78!important;
    transition: 0.5s;
}

.btnPers3:hover{
    border-color: #c4004b!important;
    color: #c4004b!important;
}

.btnPers4{
    border-color: #0084ff!important;
    color: #0084ff!important;
    transition: 0.5s;
}

.btnPers4:hover{
    border-color: #0064c2!important;
    color: #0064c2!important;
}

.btnPers5{
    border-color: #bda62a!important;
    color: #bda62a!important;
    transition: 0.5s;
}

.btnPers5:hover{
    border-color: #91801f!important;
    color: #91801f!important;
}