/*
	Blue: #003768
	Oro: #c5923c
	Grigio chiaro: #878787

	success: #28a745
	danger: #dc3545

    warning: #ffbb33
    warning-dark: #FF8800

Dark:   #212529 (Grigio molto scuro, quasi nero)
Light:  #f8f9fa (Bianco sporco, grigio molto chiaro)
Success:#198754 (Verde scuro)
Danger: #dc3545 (Rosso)
Warning:#ffc107 (Giallo)
Info: #0dcaf0
Secondary: #6c757d
*/





@charset "UTF-8";
/*@import url("//hello.myfonts.net/count/330fa2");*/
@font-face { font-family: 'Sailec'; src: url("fonts/330FA2_0_0.eot"); src: url("fonts/330FA2_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/330FA2_0_0.woff2") format("woff2"), url("fonts/330FA2_0_0.woff") format("woff"), url("fonts/330FA2_0_0.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Sailec'; src: url("fonts/330FA2_A_0.eot"); src: url("fonts/330FA2_A_0.eot?#iefix") format("embedded-opentype"), url("fonts/330FA2_A_0.woff2") format("woff2"), url("fonts/330FA2_A_0.woff") format("woff"), url("fonts/330FA2_A_0.ttf") format("truetype"); }

body { font-family: 'Sailec', sans-serif; font-size:14px; line-height: 1.5; color: #878787; background-color: #f3f3f3; padding-top: 0px; padding-bottom: 0px; opacity: 1;  }






/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
	margin-top:80px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.container{ max-width:100%; padding:10px;}          /*Massimo: abbassato a 10px*/

/*Colori Credipass:		blu: #003768
						oro: #a29061
*/

.text-main { color: #003768; }
.bg-main { background-color: #003768; color: white; }
    .bg-main:hover { background-color: #072e51; color: white; }
.border-main { border-color: #003768 !important; }
    .border-main:hover { border-color: #072e51 !important; }

.text-secondario { color: #a29061; }

.text-secondario-new { color: #c5923c; }

.bg-secondario { background-color: #a29061; }
.bg-secondario-new { background-color: #c5923c; }

.border-secondario { border-color: #a29061 !important; }
    .border-secondario:hover { border-color: #8a7b53 !important; }
.border-secondario-new { border-color: #c5923c; }
 .border-secondario-new:hover { border-color: #b0843b !important; }



.bt-warning { border-top: solid 1px #ffc107; }
.bt-info { border-top: solid 1px #17a2b8; }

/* Ridefinizioni base */
h4 { color: #003768; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { _padding-right: 5px; _padding-left: 5px; }
.form-body .col-1, .form-body .col-2, .form-body .col-3, .form-body .col-4, .form-body .col-5, .form-body .col-6, .form-body .col-7, .form-body .col-8, .form-body .col-9, .form-body .col-10, .form-body .col-11, .form-body .col-12, .form-body .col, .form-body .col-auto, .form-body .col-sm-1, .form-body .col-sm-2, .form-body .col-sm-3, .form-body .col-sm-4, .form-body .col-sm-5, .form-body .col-sm-6, .form-body .col-sm-7, .form-body .col-sm-8, .form-body .col-sm-9, .form-body .col-sm-10, .form-body .col-sm-11, .form-body .col-sm-12, .form-body .col-sm, .form-body .col-sm-auto, .form-body .col-md-1, .form-body .col-md-2, .form-body .col-md-3, .form-body .col-md-4, .form-body .col-md-5, .form-body .col-md-6, .form-body .col-md-7, .form-body .col-md-8, .form-body .col-md-9, .form-body .col-md-10, .form-body .col-md-11, .form-body .col-md-12, .form-body .col-md, .form-body .col-md-auto, .form-body .col-lg-1, .form-body .col-lg-2, .form-body .col-lg-3, .form-body .col-lg-4, .form-body .col-lg-5, .form-body .col-lg-6, .form-body .col-lg-7, .form-body .col-lg-8, .form-body .col-lg-9, .form-body .col-lg-10, .form-body .col-lg-11, .form-body .col-lg-12, .form-body .col-lg, .form-body .col-lg-auto, .form-body .col-xl-1, .form-body .col-xl-2, .form-body .col-xl-3, .form-body .col-xl-4, .form-body .col-xl-5, .form-body .col-xl-6, .form-body .col-xl-7, .form-body .col-xl-8, .form-body .col-xl-9, .form-body .col-xl-10, .form-body .col-xl-11, .form-body .col-xl-12, .form-body .col-xl, .form-body .col-xl-auto { _padding-right 5px; padding-left: 5px; }

.w-auto { width: auto; }
.w-10 { width: 10px !important; }
.w-30 { width: 30px !important; }
.w-40 { width: 40px !important; }
.w-60 { width: 60px !important; }
.w-90 { width: 90px; }
.w-120 { width: 120px; }
.w-130 { width: 130px; }
.w-140 { width: 140px; }
.w-150 { width: 150px; }
.w-180 { width: 180px; }

.h-40 { height: 40px !important; }

.d-ib { display: inline-block; }
.d-b { display: block; }
/* - - - */
/*	LOGIN */
.login-container { background-color: #003768; }
.login-form { margin-top: 60px; }
.login-form img { display: block; margin: 0 auto; margin-bottom: 35px; }

	.login-form form { color: #5d5d5d; background: white; padding: 26px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		.login-form form input[type=text], .login-form form input[type=password], .login-form form button { border: 2px solid #003768; }

		.login-form form .input-group-text { color: white; background: #003768; border: 1px solid #003768 }

			   
.form-links { text-align: center; margin-top: 1em; margin-bottom: 50px; }
	.form-links a { color: #fff; }
/* Login - end */


/* Navbar */
/*.navbar{ position:absolute; width:100%; top:0px; left:0px; }
.navbar-brand img { height:48px;}

.navbar .dropdown-menu { padding: 5px; margin: 0px; background-color: #003768; border: 0px solid transition !important; border: 0px solid rgba(0,0,0,.15); border-radius: 6px; -webkit-box-shadow: none !important; box-shadow: none !important ; overflow-y: auto;}
	.navbar .dropdown-menu .dropdown-item {  color: #cccccc; border: 0px solid #0f487a; font-size: 80%; }
.navbar .dropdown-menu .dropdown-item:hover { background-color: #c5923c; color: white; }
	.navbar .dropdown-menu h5 {  color: #cccccc; font-weight:400; margin:0px; padding-left:5px; border-top:4px; cursor:default;}*/
/*
.navbar .nav-link {min-width:90px; font-variant: small-caps; }
.navbar .nav-link:hover { background-color:silver; color:#003768 !important;}*/

.sticky-nav-top { position: fixed; top: 0; width: 100%; z-index: 100; }
.sticky-bottom {position: fixed; bottom: 0; width: 100%; left: 0; z-index: 100;}
.hideDiv {display:none !important;}

/*Navigation link page -fab*/
@media only screen and (min-width: 395px) {
 #LinkPageMenuNav.scrollLinkPage { float: right!important; position: sticky; right: 1%; left: 1%; z-index: 100; top: 110px; overflow-x: auto; }
}
@media only screen and (max-width: 394px) {
 #LinkPageMenuNav.scrollLinkPage {  position: sticky; right: 1%; left: 1%; z-index: 100; top: 100px; overflow-x: auto; }
}

  #LinkPageMenuNav.scrollLinkPage a { display: inline-block; text-align: center; padding: 5px; text-decoration: none; }
   #LinkPageMenuNav.scrollLinkPage a:hover { }


 .btn-liv-10 { border-color: #003768; color: #003768; margin: 0px 3px; }
  .btn-liv-10:hover { background-color: #003768; }
 .div-liv-20 { background-color: #003768; color: white; font-size: 90%; border: solid 1px white; padding: 5px; width: auto; }
  .div-liv-20 a { color: inherit; display: block; font-weight: bold; }

 .div-liv-30 { padding-left: 10px; }
  .div-liv-30 a { white-space: nowrap; font-weight: normal; }

 .div-liv-20 .dropdown-item:hover,
 .div-liv-20 a:hover { color: #cccccc; background-color: transparent; }

 .div-liv-20 .div-liv-30 { }
 /* Navbar - End */


 /*	--- Dropdown hover ---*/
 .navbar .dropdown:hover > .dropdown-menu { display: block; }
 .navbar .dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
 /*	--- Dropdown hover end ---*/

 .container-fluid { padding: 0px; margin: 0px; }
  .container-fluid .container { max-width: 100%; }
  .container-fluid.container-iter { margin: 0px; padding: 0px; }
   .container-fluid.container-iter .container { width: 100%; max-width: 100%; }


 .breadcrumb { background-color: #c99705; }
 .breadcrumb-item { color: #cccccc; }
  .breadcrumb-item.active { color: white; font-weight: bold; }

 .user-top { font-size: 100%; color: white; border: solid 1px white; margin-right: 5px; padding-right: 10px; white-space: nowrap; -moz-border-radius: 30px; -webkit-border-radius: 10px; border-radius: 10px; }
  .user-top a { color: white; }
   .user-top a:hover { color: #003768; }

 .img-user { border: solid 1px white; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

 #collapseUserInfo { position: absolute; min-width: 50%; height: 110%; top: 65%; z-index: 5; background-color: #c5923c; padding: 10px; margin: 10px; }
 ì
 /* --- */
 /* FORM */
 .form-content { margin-bottom: 30px; }
.form-content .card { padding: 19px 20px 6px 20px; margin-bottom: 25px; background-color: white; border: solid 1px #ffbb33; }

.form-content .fieldbox { margin:0px; padding:0px 2px;}
.form-group { position: relative; color: #858585; background-color: #e3e3e3; _background-color: #0d3b66; border: solid 1px whitesmoke; border-radius: 3px; padding: 0px 2px 2px 2px; margin-bottom: 6px; }


--bs-alert-border-color: #ffecb5
.form-buttons-row { background-color: rgba(255, 255, 255, 0.8); width: 100%; margin-top: 30px; padding: 20px 5px; }

 div.form-buttons-row { white-space: nowrap; overflow-x: auto; }
  div.form-buttons-row a { display: inline-block; }


form label.control-label { overflow:hidden; font-size: 85%; margin: 0px; text-align: left; font-weight: bolder !important; padding: 0px 3px; line-height:16px; vertical-align:middle; display:block;}
 form .invalid-feedback { text-align: left; }
 form .invalid-tooltip { top: 75%; }

form .input-group-prepend, .input-group-append { display: inline-block; }

.form-tab { padding: 0px; }
  .form-tab .nav-item .btn { margin: 2px; font-size: 80% }

.submenu1 { margin-top: 16px !important; min-width:13rem; }
.submenu1-ico{ font-size:1rem;}

.form-content .file-link { font-size: 70%; white-space: nowrap; }
 .btn-reset { padding-left: 1px; padding-right: 0px; }
 .att-ico { vertical-align: super; }

.form-content .form-control { font-size:1em; color: #003768; padding: 0px 3px; margin: 0px; height: 24px; min-height: 24px; appearance: auto; border-radius: 1px; }
 .form-content input[type=date],
 .form-content input[type=time] { padding-left: 0px; padding-right: 0px; }

textarea.form-control { resize: vertical; }

.form-control::placeholder { color: #bbbbbb; font-size: 80%; font-style: initial; }

 select.form-control[multiple] option { font-size: 70%; }

.form-content .form-control .custom-control-label { margin-left:1.5rem; }

.form-span { color: darkgray !important; height: auto !important; border-color:transparent; }

 .number-div-symbol { width: calc(100% - 20px); display: inline-block; }
 .number-div { width: calc(100%); display: inline-block; }
.number-input-symbol { display: inline-block; font-weight: bolder; color: white; }

 .input-ghost { position: absolute; }

 /* locator */
 .loc-box { display: none; position: absolute; width: 100%; background-color: #e8e8e8; z-index: 100; border: solid 1px #cccccc; }

.loc-btn { border-radius: 3px !important; height: 24px; background-color: white; border: solid 1px #ced4da; display:block; width:100%; padding:0px 3px; text-align:left;}

 .loc-search, .loc-search:focus { background-color: #cccccc; }
 .loc-ul { height: 200px; overflow-y: scroll; }
  .loc-ul li { font-size: 80%; padding: 5px 8px; background-color: transparent; }

 .footerLogin { margin-top: 30px; padding-top: 10px; border-top: solid 1px #c5923c; color: #c5923c; text-align: center; }

 .footerNav { position: fixed; width: 100%; bottom: 0px; left: 0px; }

 .iter-row { background-color: #fffac6; border-bottom: solid 1px #003768; margin: 5px 0px; padding-top: 5px; }
  .iter-row:hover { background-color: #fff8a6; }


 .iter-modal { width: 80%; max-width: 80%; height: 80%; top: 6%; left: 3%; padding: 0px; }
  .iter-modal .modal-content { height: auto; min-height: 100% }
  .iter-modal .modal-header .close { padding-top: 5px; }
   .iter-modal .modal-header .close a { font-size: 100%; }

 /* --- */




 hr { background-color: #ccc; }

 a { color: #003962; }
  a:hover, a:active { color: #003962; }

 /*Button*/
 .btn { border-radius: 5px; white-space: normal; }
  .btn:focus { box-shadow: none; }
  .btn.btn-primary { background-color: #003962; font-weight: normal; border: 0; }
   /* Massimo - tolto padding: 7px 30px;*/
   .btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #002a49; box-shadow: none; }
   .btn.btn-primary:active { background-color: #c99d00; box-shadow: none; transition: none; }
 .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { transition: none; background-color: #c99d00; }
  .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }

 /*.btn.btn-secondary { background-color: #a37f43; font-weight: normal; border: 0; }*/
  /* Massimo - tolto padding: 7px 30px;*/
  /*.btn.btn-secondary:hover, .btn.btn-primary:focus { background-color: #c5923c; box-shadow: none; }
  .btn.btn-secondary:active { background-color: #003962; box-shadow: none; transition: none; }
 .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { transition: none; background-color: #003962; }
  .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: none; }*/


 .btn.btn-red { background-color: #fe0000; color: white; font-weight: normal; border: 0; }
  /* Massimo - tolto padding: 7px 30px;*/
  .btn.btn-red:hover, .btn.btn-red:focus { background-color: #ce0c0c; color: white; box-shadow: none; border: solid 1px #ce0c0c; }
  .btn.btn-red:active { background-color: #fe0000; box-shadow: none; transition: none; }
 .btn-red:not(:disabled):not(.disabled).active, .btn-red:not(:disabled):not(.disabled):active { transition: none; background-color: #fe0000; color: white; }
  .btn-red:not(:disabled):not(.disabled).active:focus, .btn-red:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }



 .btn.btn-gold { width: 90px; background-color: #c99d00; color: white; font-weight: normal; padding: 6px 6px; border: solid 1px transparent; }
  .btn.btn-gold:hover, .btn.btn-gold:focus { background-color: white; color: #c99d00; box-shadow: none; border: solid 1px #c99d00; }
  .btn.btn-gold:active { background-color: #003962; box-shadow: none; transition: none; }
 .btn-gold:not(:disabled):not(.disabled).active, .btn-gold:not(:disabled):not(.disabled):active { transition: none; background-color: #c99d00; color: white; }
  .btn-gold:not(:disabled):not(.disabled).active:focus, .btn-gold:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }

 .btn.btn-logout { background-color: transparent; color: #d7d7d7; font-weight: normal; padding: 7px 30px; border: 0; }

.btn-xs { padding: 1px 3px; font-size: 0.75rem }


 /*Main Layout Color Credipass*/

.main-header { background-color: #003768; margin-bottom: 10px; }
  .main-header .logo { height: 50px; }

 .fascia-1 { color: #003962; margin-bottom: 30px; }
  .fascia-1 h1 { font-weight: bold; font-size: 30px; }
  .fascia-1 h2 { font-weight: normal; font-size: 30px; }

 .white-box { background-color: #eee; padding: 10px; height: auto; width: 100%; }   /*Massimo: abbassato a 10px*/

  .white-box-sm { padding: 10px; }   /*Per elenco table tolo l'intestazione bianca per monitor hd e maggiori*/
 @media only screen and (max-width: 1279px) {
 .white-box-sm { background-color: #fff; padding: 10px; height: auto; width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }  
}
 
  .white-box h5 { font-weight: bold; color: #c5923c; }

 .white-box-tr { background-color: rgba(255, 255, 255, 0.5); padding: 20px; height: auto; width: 100%; }
  .white-box-tr h5 { font-weight: bold; color: #c5923c; }



 .step-head { font-weight: bold; margin-bottom: 20px; }
  .step-head .step-icon { border: 4px solid #c99d00; min-width: 42px; height: 42px; text-align: center; line-height: 36px; border-radius: 50%; font-weight: bold; font-size: 22px; color: #003962; }
  .step-head h3 { font-weight: bold; color: #003962; margin-left: 10px; align-self: center; margin-bottom: 0; }


 .step-head-2 { font-weight: bold; margin-bottom: 30px; }
  .step-head-2 .step-icon { border: 4px solid #c99d00; min-width: 42px; height: 42px; text-align: center; line-height: 40px; border-radius: 50%; font-weight: bold; font-size: 22px; color: #fff; }
  .step-head-2 h3 { font-weight: bold; color: #fff; margin-left: 10px; align-self: center; margin-bottom: 0; }

 .main-form label { margin-bottom: 0; }

 .main-form .form-control { border-radius: 3px; font-weight: normal; color: #003962; }
  .main-form .form-control:focus { box-shadow: none; border-color: #003962; }

 .main-form .input-group-prepend { text-align: center; }
  .main-form .input-group-prepend .input-group-text { border-radius: 3px; width: 45px; font-weight: normal; color: #FFF; margin-right: -3px; background-color: #003962; justify-content: center; z-index: 5; border-radius: 5px 0 0 5px; }

 .main-form .input-group-append { text-align: center; }

  .main-form .input-group-append .input-group-text { border-radius: 3px; width: 45px; font-weight: normal; color: #FFF; margin-right: -3px; background-color: #003962; justify-content: center; z-index: 5; border-radius: 5px 0 0 5px; }

 .main-form .form-check { cursor: pointer; }
  .main-form .form-check label { cursor: pointer; color: #003962; }
  .main-form .form-check input { cursor: pointer; height: 20px; }

 .alert { margin-bottom: 10px; }
 /*.alert-danger { color: #ffffff; background-color: red; border-color: red; }*/
 .alert-ok { color: #ffffff; background-color: #32B232; border-color: #32B232; }
 .alert-gold { color: #ffffff; background-color: rgba(197, 146, 60, 0.50); border-color: rgba(197, 146, 60, 0.50); }

 .alert-filter { color: #ffffff; background-color: #a29061; }
 .alert-filterResult { color: #32B232; background-color: #003768; }

 .rata-info { margin-top: 20px; }
  .rata-info h3.rata { margin-bottom: 3px; }
  .rata-info h4 { margin-bottom: 10px; font-size: 20px; }

 .rata { color: #003962; font-weight: bold; font-size: 28px; }
  .rata .al-mese { font-size: 16px; font-weight: normal; }

 .mini-text { font-size: 10px; margin: 10px 0 0; }

 .offerta-container { border: 1px solid #ccc; background-color: #EDEDED; padding: 10px; color: #003962; margin-bottom: 10px; }
  .offerta-container hr { margin: 10px 0; }
  .offerta-container .zero-anticipo { color: #0B54A8; }

 .step-1-container::after { content: "▶"; /* width: 0; */ /* height: 0; */ /* border-top: 100px solid transparent; */ /* border-bottom: 100px solid transparent; */ /* border-left: 30px solid white; */ position: absolute; left: 100%; margin-left: -18px; top: 30px; font-size: 30px; color: #003962; transform: scaleY(1.8); }

 .fascia-informazioni { display: flex; margin: 60px 0; }
  .fascia-informazioni .immagine-info { flex-basis: 50%; margin-right: 15px; }
  .fascia-informazioni .blue-box-container { flex-basis: 50%; margin-left: 15px; }
  .fascia-informazioni .blue-box-container100 { flex-basis: 100%; margin-left: 0px; }

 .blue-box { color: #FFF; background-color: #003962; padding: 40px 30px; height: 100%; }
  .blue-box h3 { margin-bottom: 30px; font-weight: bold; }
  .blue-box .list-group-item { margin: 2px 0px; background-color: white; color: #003768; }


 .immagine-info { background-size: cover; background-position: center center; }

 .footer-cta h3 { color: #003962; font-weight: bold; margin-bottom: 0; }

 .collaboration { margin-top: 40px; }

 .logo-footer { height: 40px; }

 .footer-text { margin-top: 40px; font-size: 12px; }

 .thankyou-page .main-title { font-size: 30px; font-weight: bold; color: #003962; margin-bottom: 20px; }

 .thankyou-page .subtitle { font-size: 22px; color: #003962; }

 .thankyou-page .telephone { text-align: center; margin: 20px 0 35px; white-space: nowrap; }
  .thankyou-page .telephone a { color: #38863e; transition: color 0.3s ease-out; }
   .thankyou-page .telephone a:hover { text-decoration: none; color: #226828; }

 .thankyou-page .email { color: #003962; margin: 20px 0 10px; white-space: nowrap; transition: color 0.3s ease-out; }
  .thankyou-page .email:hover, .thankyou-page .email a:hover { text-decoration: none; color: #022949; }

 .thankyou-page .white-box-content { width: 100%; }

 .thankyou-page .footer-claim h3 { text-align: center; margin: 25px 0 70px; font-size: 22px; color: #003865; }

 @media (max-width: 991px) {
  .step-1-container { margin-bottom: 30px; height: auto; }
   .step-1-container::after { display: none; }
  .fascia-informazioni { display: block; }
   .fascia-informazioni .immagine-info { flex-basis: 100%; margin-right: 0; height: 310px; }
   .fascia-informazioni .blue-box-container { flex-basis: 100%; margin-left: 0; }
 }

 @media (max-width: 767px) {
  .main-header { padding: 15px 0 20px; }
   .main-header .logo { height: 40px; }
  .fascia-1 h1, .fascia-1 h2 { font-size: 24px; }
  .step-head h3 { font-size: 24px; margin-top: 3px; }
  .footer-cta { text-align: center; }
   .footer-cta h3 { margin-bottom: 20px; text-align: center; }
   .footer-cta .btn { text-align: center; }
  input[type=submit] { margin-top: 30px; }
 }

 @media (max-width: 767px) {
  .text-xs-center { text-align: center; }
 }

 /*Upload Immagini*/
 input[type="file"] { display: none; }
 .custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; }

 .nome-user { color: #003768; }


 /*Card-Modal  e Tabella Prodotti Simulatore*/

 .card-title { color: #c5923c; margin-bottom: .25rem; }
 .card { }
  /*.card h4 {color: white;}*/

  .card .card-header { background-color: #003768; text-align: center; color: white; }
   .card .card-header h4 { color: white; }
  /*.card .card-descr { background-color: #c99d00; text-align: center; padding: 1%; color: white; }*/
  .card .card-descr { background-color: #c5923c; text-align: center; padding: 2%; }
   .card .card-descr h4 { color: white; font-style: italic; }
  .card .card-body { color: #003768; text-align: center; }
   .card .card-body .text-muted { color: #003768; }
    .card .card-title { position: absolute; top: -15px; font-size: 18px; background-color: #003768; color: white; padding: 2px 6px; border-radius: 3px; left: 8px; }
  .card .card-text { }

.card-header > .card-tools { float: right; margin-right: -0.625rem; }

 .card-header > .card-tools .input-group,
 .card-header > .card-tools .nav,
 .card-header > .card-tools .pagination { margin-bottom: -0.3rem; margin-top: -0.3rem; }

 .card-header > .card-tools [data-toggle="tooltip"] { position: relative; }


 .collapse-div { background-color: #003768; color: white; width: auto; }


 /*#ProductTable { align-content: center; width: 100%; }
#ProductTable .thMoney {color:#003768; background-color:white; border:1px solid white;}
    #ProductTable th { padding: 6px; background-color: #003768; color: white; width: 20%; border: 1px solid #003768; }
    #ProductTable td { padding: 5px; background-color: white; color:#003768;border: 1px solid #003768; }
        #ProductTable td btn { width: 90% }*/



 .ElencoTable { align-content: center; width: 100%; }
  .ElencoTable .thMoney { color: #003768; background-color: white; border: 1px solid white; }
  .ElencoTable th { padding: 6px; background-color: #003768; color: white; width: 20%; border: 1px solid #003768; }
  .ElencoTable td { padding: 5px; background-color: white; color: #003768; border: 1px solid #003768; }
   .ElencoTable td btn { width: 90% }


 .modal-dialog { min-width: 70%; }
 .hover-warning { }
  .hover-warning:hover { background-color: #ffc107; }
 /* --- */


 /* DATATABLES */
 /*table.dataTable thead, table.dataTable tfoot { background-color: #003768; color: white; }*/
  table.dataTable thead th, table.dataTable thead td,
  table.dataTable tfoot th, table.dataTable tfoot td { padding: 2px 6px; font-size: 90%; color: inherit; font-weight: normal; white-space: nowrap; }
 table.dataTable tbody th, table.dataTable tbody td { padding: 2px 6px; }

 table.dataTable thead .sorting::before,
 table.dataTable thead .sorting::after,
 table.dataTable thead .sorting_asc::before,
 table.dataTable thead .sorting_asc::after,
 table.dataTable thead .sorting_desc::before,
 table.dataTable thead .sorting_desc::after,
 table.dataTable thead .sorting_asc_disabled::before,
 table.dataTable thead .sorting_asc_disabled::after,
 table.dataTable thead .sorting_desc_disabled::before,
 table.dataTable thead .sorting_desc_disabled::after { position: absolute; bottom: 0.3em; display: block; opacity: 0.3; color: white; }

 .page-link:hover { color: #fff; background-color: #5acacc; border-color: #5acacc; }

 div.floatright { display: inline; float: right; padding-left: 5px; }
 table.dataTable .btn-id { width: 70px; text-align: right; }

.cursor-pointer { cursor:pointer;}


.MyTable-container { overflow-x: unset; }
.MyTable { }
    .MyTable .IsAdmin, .MyTable .IsAdmin_CQS, .MyTable .IsAdmin_MUT, .MyTable .IsAdmin_PREST, .MyTable .IsAdmin_IMPRESE, .MyTable .IsAdmin_Provvigioni { color:gray; font-style: italic; }

    /* --- */
    /* Generici */
    .btn-main { color: #fff !important; background-color: #003768; border-color: #003768; }
  .btn-main:hover { color: #fff; background-color: #032e53; border-color: #032e53; }
.btn-outline-main { color: #003768; background-color: #fff; border-color: #003768; }
    .btn-outline-main:hover { color: #fff; background-color: #003768; border-color: #5acacc; }

.font-12 { font-size: 12px; }
.font-20 { font-size: 20px; }
.font-24 { font-size: 24px; }
.font-90p { font-size: 90%; }
.font-80p { font-size: 80%; }
.font-120p { font-size: 120%; }

 /* Generici - End */




 /* green #28a745  red #e2e2e2*/


 /* Progress Wizard */
 .nav-wizard > li { float: left; color: white; }
  .nav-wizard > li > a { position: relative; background-color: #28a745; line-height: 40px; display: block; color: white; padding: 0px 6px; }
   .nav-wizard > li > a .badge { margin-left: 3px; color: white; background-color: #428bca; }
  .nav-wizard > li:not(:first-child) > a { padding-left: 34px; }
   .nav-wizard > li:not(:first-child) > a:before { width: 0px; height: 0px; border-top: 20px inset transparent; border-bottom: 20px inset transparent; border-left: 20px solid #f3f3f3; position: absolute; content: ""; top: 0; left: 0; }
  .nav-wizard > li:not(:last-child) > a { margin-right: 6px; }
   .nav-wizard > li:not(:last-child) > a:after { width: 0px; height: 0px; border-top: 20px inset transparent; border-bottom: 20px inset transparent; border-left: 20px solid #28a745; position: absolute; content: ""; top: 0; right: -20px; z-index: 2; }
  .nav-wizard > li:first-child > a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
  .nav-wizard > li:last-child > a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
  .nav-wizard > li.done:hover > a,
  .nav-wizard > li:hover > a { background-color: #c5923c; text-decoration: none; }
   .nav-wizard > li.done:hover > a:before,
   .nav-wizard > li:hover > a:before { border-right-color: #c5923c; }
   .nav-wizard > li.done:hover > a:after,
   .nav-wizard > li:hover > a:after { border-left-color: #c5923c; }
  .nav-wizard > li.done > a { background-color: #28a745; }
   .nav-wizard > li.done > a:before { border-right-color: #28a745; }
   .nav-wizard > li.done > a:after { border-left-color: #28a745; }
  .nav-wizard > li.active > a,
  .nav-wizard > li.active > a:hover,
  .nav-wizard > li.active > a:focus { background-color: #003768; }
   .nav-wizard > li.active > a:after { border-left-color: #003768; }
   .nav-wizard > li.active > a .badge { color: #428bca; background-color: #003768; }
  .nav-wizard > li.disabled > a,
  .nav-wizard > li.disabled > a:hover,
  .nav-wizard > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: #cccccc; cursor: default; }
   .nav-wizard > li.disabled > a:before { border-right-color: #cccccc; }
   .nav-wizard > li.disabled > a:after { border-left-color: #cccccc; }
 .nav-wizard.nav-justified > li { float: none; }
  .nav-wizard.nav-justified > li > a { padding: 10px 15px; }

 @media (max-width: 768px) {
  .nav-wizard.nav-justified > li > a { border-radius: 4px; margin-right: 0; }
   .nav-wizard.nav-justified > li > a:before,
   .nav-wizard.nav-justified > li > a:after { border: none !important; }
 }
 /* --- */



 .pointer { cursor: pointer; }
 .row-chk-label { border-bottom: solid 1px #ffd389; padding-bottom: 3px; }
  .row-chk-label:hover { background-color: #ffd389; }

 /*fab-Unisco da Update*/

.btn-stato { width: 80px; font-size: 90%; padding: 0.1rem; background-color: white; color: black; }
.btn-stato-esito { width: 50px; font-size: 75%; padding: 0.1rem; background-color: transparent; color: #f8f9fa; border: solid 1px transparent; }
/*.btn-stato.s-big { font-size: 100%; font-weight: bolder; }*/

/*Dark: #212529, Light: #f8f9fa, Success:#198754, Danger: #dc3545, Warning:#ffc107 */
.se-LAV { background-color: #ffc107; border-color: #ffc107; }
.se-RIS { background-color: #198754; border-color: #198754; }
.se-NORIS { background-color: #212529; border-color: #212529; }
.se-ALERT { background-color: #dc3545; border-color: #dc3545; }

 /* --- NEW colori stati Pratiche Start--- */
 /*Colori Azioni Analisi Promotore*/
.s-RP, .s-RP-OK, .s-M, .s-PR, .s-PB, .s-PREV, .s-LI-OK, .s-LI-CT .s-INT, .s-APP, .s-1CALL, .s-2CALL, .s-SEG, .s-REC, .s-PREP { background-color: #3978bd; color: white !important; }
.s-M-OK, .s-PB-OK, .s-LI { background-color: dodgerblue; color: white !important; }


s-BOARD { background-color: #c99d00; color: white; }
.s-RC_INDECISO_ALTO { background-color: red; color: white; }
.s-RC_INDECISO_BASSO { background-color: deepskyblue; color: white; }
.s-LI-OK { background-color: #3978bd; color: white; }
.s-LI-ATT { background-color: #FF8800; color: black; }
.s-LI-YES { background-color: #003768; color: white; }
.s-LI-KO { background-color: black; color: white; }

 /*Colori Istruttoria BO*/
.s-V, .s-C, .s-BOZZA { background-color: #fed325; color: black !important; }
.s-I, .s-IC, .s-IV, .s-IP { background-color: #18c2b7; color: black !important; }

 /*Colori Azioni PostCaricamento Banca*/
 .s-P, .s-P-I, .s-1, .s-3, .s-3-OK,
 .s-4, .s-4-OK, .s-4-KO,
 .s-CONF, .s-EMESSA, .s-VER { background-color: #a9c828; color: white !important; }

 /*Colori Azioni PostDelibera Banca*/
.s-5, .s-5-OK, .s-5-POL, .s-5-ASS, .s-6-NOPOL, .s-6, .s-6-OK, .s-PREAVV, .s-LINK { background-color: #2fbc34; color: white !important; }

 /*Colori Azioni Liquidazione/stipula*/
.s-CT, .s-CT-L, .s-CT-NL, .s-CT-OLD, s-LI-CT, .s-PAY { background-color: #358538; color: white !important; }

 /*Declino rinuncia*/
.s-PR-7, .s-M-7, .s-M-8, .s-M-9, .s-I-7, .s-M_TEMP { color: white !important; background-color: red; }
 .s-3-7, .s-7, .s-8, .s-8-a, .s-9 { color: white !important; background-color: red; }

 /*Stato di Servizio*/
 .s-K { background-color: orangered; color: white !important; }

 /*disattivato*/
 .s-DISABLE { background-color: white; color: red !important; border-color: red; }
 /* --- NEW colori stati Pratiche End--- */
 .s-ALT { color: yellow; background-color: #000; }
 /* --- colori stati INTRANET - LEAD--- */
 .s-PREV, .s-PRA { background-color: #a29061; color: white !important; border-color: #a29061; }

.s-REF-REC, .s-CC-REC, .s-CC-INT, .s-CC-APP { color: black !important; background-color: #ffc107; border-color: #ffc107; }
.s-REF-APP, .s-REF-INT, .s-POTRIN, .s-ATTDOC { background-color: deepskyblue; border-color: deepskyblue; color: darkblue !important; }
.s-APP-OK { background-color: #59e0a1; border-color: #198754; color: #198754 !important; }
.s-REC-LONG { background-color: mediumslateblue; border-color: mediumslateblue; color: white !important; }
.s-ASSREF { background-color: #dc3545; border-color: #dc3545; color: white !important; }
.s-TOASS, .s-TOCC { background-color: #f44336; border-color: #f44336; color: white; }
.s-CALLCENTER { background-color: #008CBA; border-color: #008CBA; color: white !important; font-size:78%; }
.s-HR { background-color: rgba(197, 146, 60, 0.50); color: black; }
.s-VERIFICA, .s-VERIFICATO { background-color: antiquewhite; border-color: antiquewhite; color: black !important; font-size:80%; }

.s-REF-NOINT, .s-NOFIN, .s-IMPCON, s-LEAD2, .s-REF-NOFIN, .s-CC-NOVAL, .s-CC-NOINT, .s-CC-NOFIN, .s-NOINT, .s-NONIDONEO, .s-DECL, .s-RICECC , .s-LEAD2, .s-DUPL, .s-FUORIZONA, .s-NOLAV, .s-SCADUTO { color: #f8f9fa !important; background-color: #343a40; border-color: #343a40; font-size:80% }


 /* --- colori stati  TICKET --- */
 .TK-ATT { background-color: red; color: white; border-color: red; }
 .TK-LAV { background-color: #a29061; color: white; border-color: #a29061; }
 .TK-OK { background-color: #28a745; color: white; border-color: #28a745; }
 .TK-KO { background-color: black; color: yellow; border-color: black; }
 .TK-NORISP { background-color: orangered; color: white; border-color: orangered; }

 /* --- colori icone Mdi --- */
 .mdi-gold { color: #c5923c; }
 .mdi-blue { color: #003768; }
 .mdi-white { color: white; }

 /* ---TEXT --- */
 .text-gold { color: #c5923c; }
 .text-blue { color: #003768; }
 .text-red { color: red; }

 /* ---BG-VARIE --- */
 .h-gold { background-color: #c5923c; color: white; text-align: center; min-height: 40px; vertical-align: middle; padding-top: 4px; padding-bottom: 3px; margin-bottom: 0%; }
 .h-blue { background-color: #003768; color: white; padding: 0%,1%; text-align: center; min-height: 40px; vertical-align: middle; padding-top: 4px; padding-bottom: 3px; }



 .text-align-center { text-align: center; }
 /*---SFONDO--*/
 /*@media only screen and (max-width: 999px) {

    body {
        background-image: url("../img/credipass_Home_V.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (min-width: 1000px) {

    body {
        background-image: url("../img/credipass_Home_ALL.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
}*/

 /*--SFONDO END-*/

 /*REPORT TAB*/
 .report-tabs { text-align: center; }
  .report-tabs .report-tab { display: inline-block; width: 70px; background-color: #003768; color: white; font-size: 120%; text-align: center; margin: 2px; border: solid 1px #003768; border-radius: 4px; -moz-border-radius: 6px; -webkit-border-radius: 4px; cursor: pointer; }
   .report-tabs .report-tab:hover { background-color: white; color: #003768; border: solid 1px #003768; font-weight: bold; }
   .report-tabs .report-tab.on { background-color: #c5923c; color: white; border: solid 1px #c5923c; font-weight: bold; }

 .hp-box-num.LeadLiv-0, .hp-box-num.LeadLiv-0 * { background-color: #1aad0f; color: white; }
 .hp-box-num.LeadLiv-1, .hp-box-num.LeadLiv-1 * { background-color: #dcd21b; }
 .hp-box-num.LeadLiv-2, .hp-box-num.LeadLiv-2 * { background-color: #dc2424; color: white; }
 .hp-box-num.LeadLiv-3, .hp-box-num.LeadLiv-3 * { background-color: #dc2424; color: white; }


 .lead-tbl-gruppo { display: none; }
 .lead-tab { border: solid 1px gold; background-color: #ccc; display: inline-block; padding: 5px; margin: 5px; cursor: pointer; }
  .lead-tab.on { background-color: darkgoldenrod; color: white; }
 .lead-detaile-title { font-size: 150%; }



 /*report table */
 .report-table { }
 .report-table, homepage .report-table th, homepage .report-table td { border: solid 2px #003962; border-collapse: collapse; color: white; text-align: center; }
  .report-table tr:nth-child(2n) { background-color: white; color: #003962; text-align: center; }
  .report-table tr:nth-child(2n+1) { background-color: #003865; color: white; text-align: center; }
  .report-table th { background-color: #003962; color: white; text-align: right; padding: 2px; text-align: center; }
  .report-table td { text-align: right; width: 45px; text-align: center; }


 /*DASHBOARD TAB*/
 .DashBoard-tabs { text-align: center; }
  .DashBoard-tabs .DashBoard-tab { display: inline-block; width: 150px; background-color: #003768; color: white; font-size: 120%; text-align: center; margin: 2px; padding: 2px; border: solid 1px #003768; cursor: pointer; }
   .DashBoard-tabs .DashBoard-tab:hover { background-color: white; color: #003768; border: solid 1px #003768; font-weight: bold; }
   .DashBoard-tabs .DashBoard-tab.on { background-color: #c5923c; color: white; border: solid 1px #c5923c; font-weight: bold; }


 /*input focus editing*/
 textarea:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="number"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="select"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus,
 .uneditable-input:focus { border-color: rgba(197, 146, 60, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(197, 146, 60, 0.6); outline: 0 none; }

 /*Bottoni QuickLinks */

 .noHover { pointer-events: none; }
 .btn-links-main { color: white; background-color: #003768; height: 130px; width: 130px; border: none; padding: 1% 0%; display: inline-block; }
 .btn-links-main:hover { background-color: #02315a; color: white; border: none; text-decoration: none; }
 .btn-links-gold { color: white; background-color: #a29061; height: 130px; width: 130px; border: none; padding: 1% 0%; display: inline-block; }
 .btn-links-gold:hover { background-color: #c5923c; color: white; border: none; text-decoration: none; }
 .btn-links-danger{ color: white; background-color: #d9534f; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block; }
 .btn-links-danger:hover { color: white; background-color: #c64e4b; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block;  text-decoration: none;}
 .btn-links-success{ color: white; background-color:  #28a745; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block; }
 .btn-links-success:hover { color: white; background-color: #2a9743; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block;  text-decoration: none;}
 .btn-links-warning{ color: black; background-color:  #ffc107; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block; }
 .btn-links-warning:hover { color: black; background-color:  #ddab14; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block;  text-decoration: none;}
 .btn-links-info{ color: black; background-color:  #17a2b8; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block; }
 .btn-links-info:hover { color: black; background-color:  #1a90a3; height: 130px; width: 130px; border: none; padding: 0.3% 0.5%; display: inline-block;  text-decoration: none;}





 /*PageTransition*/


 @keyframes slideInFromLeft {
  0% { transform: translateX(-100%); opacity: 0; }

  100% { transform: translateX(0); opacity: 2; }
 }

 @keyframes slideInFromBottom {
  0% { transform: translateY(-100%); opacity: 0; }

  100% { transform: translateY(0); opacity: 2; }
 }

 @media only screen and (max-width: 1024px) {
  .PageLoad { /* This section calls the slideInFromLeft animation we defined above */ animation: 0.3s ease-out 0s 1 slideInFromLeft; }
 }


 /*Loading DivSpinner ALL- bars*/
 #MyDivLoading_ForceClose { display: none; font-size: 20px; text-align: center; position: fixed; z-index: 10000; font-weight: bold; text-transform: capitalize; width: 100%; height: 100%; background-color: rgba(255,255,255, 0.5); }
 .Loading { display: none; position: fixed; z-index: 10000; font-weight: bold; text-transform: capitalize; width: 100%; height: 100%; background-color: rgba(255,255,255, 0.5); }

 /*lds-bars*/
 /*Fabio*/

 @keyframes lds-bars {
  0% { opacity: 1; }

  50% { opacity: 0.5; }

  100% { opacity: 1; }
 }

 @-webkit-keyframes lds-bars {
  0% { opacity: 1; }

  50% { opacity: 0.5; }

  100% { opacity: 1; }
 }


 @media only screen and (orientation:portrait) and (max-width:600px) {
  .lds-bars { position: absolute; left: 25%; top: 25%; }
 }

 @media only screen and (orientation:portrait) and (min-width:601px) and (max-width:834px) {
  .lds-bars { position: absolute; left: 30%; top: 40%; }
 }


 @media only screen and (orientation:landscape) and (min-width:720px) and (max-width:834px) {
  .lds-bars { position: absolute; right: 50%; top: 50%; }
 }



 @media only screen and (min-width:835px) {
  .lds-bars { position: absolute; left: 75px; top: 100px; }
 }


 .lds-bars div { position: absolute; width: 20px; height: 80px; -webkit-animation: lds-bars 1s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-bars 1s cubic-bezier(0.5, 0, 0.5, 1) infinite; }

  .lds-bars div:nth-child(1) { left: 30px; background: #003768; -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

  .lds-bars div:nth-child(2) { left: 70px; background: #c5923c; -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

  .lds-bars div:nth-child(3) { left: 110px; background: #003768; -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

  .lds-bars div:nth-child(4) { left: 150px; background: #c5923c; }

 .lds-bars { width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); }



 /*PacMan - LoadingDiv*/
 /*Fabio*/

 @keyframes lds-pacman-1 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

  50% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 }

 @-webkit-keyframes lds-pacman-1 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

  50% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 }

 @keyframes lds-pacman-2 {
  0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

  50% { -webkit-transform: rotate(225deg); transform: rotate(225deg); }

  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
 }

 @-webkit-keyframes lds-pacman-2 {
  0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

  50% { -webkit-transform: rotate(225deg); transform: rotate(225deg); }

  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
 }

 @keyframes lds-pacman-3 {
  0% { -webkit-transform: translate(190px, 0); transform: translate(190px, 0); opacity: 0; }

  20% { opacity: 1; }

  100% { -webkit-transform: translate(70px, 0); transform: translate(70px, 0); opacity: 1; }
 }

 @-webkit-keyframes lds-pacman-3 {
  0% { -webkit-transform: translate(190px, 0); transform: translate(190px, 0); opacity: 0; }

  20% { opacity: 1; }

  100% { -webkit-transform: translate(70px, 0); transform: translate(70px, 0); opacity: 1; }
 }


 @media only screen and (orientation:portrait) and (max-width:600px) {
  .lds-pacman { position: relative; left: 25%; top: 25%; }
 }

 @media only screen and (orientation:portrait) and (min-width:601px) and (max-width:834px) {
  .lds-pacman { position: relative; left: 40%; top: 25%; }
 }

 @media only screen and (orientation:landscape) and (min-width:720px) and (max-width:834px) {
  .lds-pacman { position: relative; right: 50%; top: 25%; }
 }

 @media only screen and (min-width:835px) {
  .lds-pacman { position: relative; left: 45%; top: 25%; }
 }



 .lds-pacman > div:nth-child(2) div { position: absolute; top: 40px; left: 40px; width: 120px; height: 60px; border-radius: 120px 120px 0 0; background: #003768; -webkit-animation: lds-pacman-1 0.8s linear infinite; animation: lds-pacman-1 0.8s linear infinite; -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }

  .lds-pacman > div:nth-child(2) div:nth-child(2) { -webkit-animation: lds-pacman-2 0.8s linear infinite; animation: lds-pacman-2 0.8s linear infinite; }

 .lds-pacman > div:nth-child(1) div { position: absolute; top: 92px; left: -8px; width: 16px; height: 16px; border-radius: 50%; background: #c5923c; -webkit-animation: lds-pacman-3 0.8s linear infinite; animation: lds-pacman-3 0.8s linear infinite; }

  .lds-pacman > div:nth-child(1) div:nth-child(1) { -webkit-animation-delay: -0.536s; animation-delay: -0.536s; }

  .lds-pacman > div:nth-child(1) div:nth-child(2) { -webkit-animation-delay: -0.264s; animation-delay: -0.264s; }

  .lds-pacman > div:nth-child(1) div:nth-child(3) { -webkit-animation-delay: 0s; animation-delay: 0s; }

 .lds-pacman { width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); }


 /*Clienti Link Pratiche*/
 .PLA-Ruolo-Label { float: left; background-color: White; width: 80px; font-size: 14px; padding: 2px; border: solid 1px black; margin: 1px 5px 1px 1px; text-align: center; }
 .PLA-Ruolo-Label-MUT { background-color: green; color: white; }
 .PLA-Ruolo-Label-GAR { background-color: yellow; color: white; }

 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }


 #NotificationHome .p1[data-count]:after { position: absolute; right: 0; top: 0; content: attr(data-count); font-size: 50%; padding: .5em; border-radius: 30%; line-height: 1em; color: white; background: rgba(255,0,0,.85); text-align: center; min-width: 1em; }


 .cqs-details { background-color: transparent; }
  .cqs-details div { display: inline-block; margin-right: 15px; }
   .cqs-details div i { color: #999999; }
 .cqs-offerte-buttons button { margin: 3px; padding: 0px; }

.prev-details { background-color: transparent; }
 .prev-details div { display: inline-block; margin-right: 15px; }
  .prev-details div i { color: #999999; }
.prev-offerte-buttons button { margin: 3px; padding: 0px; }

 .tbl-report-sintesi th, .tbl-report-sintesi td { padding: 5px 2px !important; text-align: right !important; }



 .chosen-container { width: 100% !important; }
 .chosen-container-single .chosen-single { height: 24px; border-radius:1px; border: solid 1px white; padding:0px 0px 0px 2px; }
  .chosen-container-single .chosen-single span,
  .chosen-container-single .chosen-single div { line-height: 24px; color: black; }
   .chosen-container-single .chosen-single div b { background: url(../img/chosen-sprite.png) no-repeat 4px 6px; }




 .tooltip-inner { width: auto; max-width: 100%; }




 .cerchio_stato { width: 25px; height: 25px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: top; padding-top: 0px; font-weight: bold; }

  .cerchio_stato.stato_C { background: orange; color: black; }
  .cerchio_stato.stato_V { background: red; color: white; }


 /*------------FloatingButton- FloatingTab ---------Start--*/
 /*------------Fabio------------*/

 @media only screen and (orientation:portrait) and (max-width:600px) {
  .floatingButton { position: fixed; bottom: 6%; right: 12%; width: 0px; transform: translate(-50%, 50%); z-index: 100; }
 }

 @media only screen and (orientation:portrait) and (min-width:601px) and (max-width:834px) {
  .floatingButton { position: fixed; bottom: 2%; right: 5%; width: 0px; transform: translate(-50%, 50%); z-index: 100; }
 }

 @media only screen and (orientation:landscape) and (min-width:720px) and (max-width:834px) {
  .floatingButton { position: fixed; bottom: 7%; right: 5%; width: 0px; transform: translate(-50%, 50%); z-index: 100; }
 }

 @media only screen and (orientation:portrait) and (min-width:835px) {
  .floatingButton { position: fixed; bottom: 1%; right: 3%; width: 0px; transform: translate(-50%, 50%); z-index: 100; }
 }

 @media only screen and (orientation:landscape) and (min-width:835px) {
  .floatingButton { position: fixed; bottom: 3%; right: 5%; width: 0px; transform: translate(-50%, 50%); z-index: 100; }
 }

 .floatingButton p { max-width: 85px; text-align: center; margin: 0 auto; line-height: 15px; padding-top: 50px; font-weight: 700; font-size: 2em; }
 .floatingButton input[type=checkbox] + label:before { content: ""; position: absolute; }



 .icoFaCircle { width: 30px; height: 30px; border-radius: 50%; padding: 3%; font-size: 1.5em; text-align: center; margin-right: 5%; margin-left: 1%; background-color: white; }
.circle-icon { width: 20px; height: 20px; line-height: 21px; background-color: #3498db; color: white; font-weight: bold; text-align: center; border-radius: 50%; display: inline-block; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); user-select: none; }
    .circle-icon.wh-20 { width: 20px; height: 20px; }
    .circle-icon.stato-V { background-color: salmon; }
    .circle-icon.stato-C { background-color: darkturquoise; }

 .toggled { display: none; }

  .toggled + .style { width: 50px; height: 50px; border-radius: 50%; cursor: pointer; transform: translate(-50%, -50%) scale(1); padding-top: 9px; display: block; background: #003768; color: #fff; text-align: center; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

   .toggled + .style:hover { -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, .7); -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, .7); -ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, .7); -o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, .7); box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, .7); }

  .toggled:checked + .style { transform: translate(-50%, -50%) scale(.7) rotateZ(45deg); }

  .toggled + .style:before, .toggled + .style:after { content: ""; position: absolute; margin: -3px; border-radius: 5px; transition: all 0.3s; }

  .toggled + .style:before { width: 30px; height: 0px; left: 10px; top: 25px; }

  .toggled + .style:after { width: 0px; height: 30px; left: 25px; top: 10px; }

  .toggled:checked + .style:before, .toggled:checked + .style:after { transform: rotate(135deg); }

  .toggled ~ .floatingTab { text-align: left; position: absolute; width: 150px; height: 40px; transform: translate(-50%, -50%) scale(0); transition: all 0.3s; opacity: 0; border-radius: 20px; }



 /*per tutti i dispositivi tranne i cellulari --  MOSTRO LEFT TOP*/

 @media only screen and (min-width:720px) and (min-height:400px) {
  .toggled:not(:checked) ~ .floatingTab:nth-of-type(1) { top: -50px; left: -20px; transition-delay: 0s; opacity: 1; transform: translate(-95%, 120%) scale(.7); }
  .toggled:not(:checked) ~ .floatingTab:nth-of-type(2) { top: -80px; left: -20px; transition-delay: 0s; opacity: 1; transform: translate(-170%, 195%) scale(.7); }
  .toggled:not(:checked) ~ .floatingTab:nth-of-type(3) { top: -110px; left: -20px; transition-delay: 0s; opacity: 1; transform: translate(-245%, 270%) scale(.7); }
 }

 .toggled:checked ~ .floatingTab { opacity: 1; transform: translate(-50%, -50%) scale(1); }

 .floatingButton > .toggled:checked ~ .floatingTab:nth-of-type(1) { top: 0px; left: -100px; transition-delay: 0s; }
 .floatingButton > .toggled:checked ~ .floatingTab:nth-of-type(2) { top: -45px; left: -100px; transition-delay: 0.125s; }
 .floatingButton > .toggled:checked ~ .floatingTab:nth-of-type(3) { top: -90px; left: -100px; transition-delay: 0.25s; }
 .floatingButton > .toggled:checked ~ .floatingTab:nth-of-type(4) { top: -135px; left: -100px; transition-delay: 0.375s; }
 .floatingButton > .toggled:checked ~ .floatingTab:nth-of-type(5) { top: -180px; left: -100px; transition-delay: 0.5s; }
 .floatingButton > .toggled:checked ~ .floatingTab:nth-of-type(6) { top: -225px; left: -100px; transition-delay: 0.625s; }

 .toggled ~ .floatingAlert { text-align: left; position: absolute; width: 200px; height: 80px; transform: translate(-50%, -50%) scale(0); transition: all 0.3s; opacity: 0; border-radius: 5px; }
 .toggled:checked ~ .floatingAlert { opacity: 1; transform: translate(-50%, -50%) scale(1); top: -270px; left: -100px; transition-delay: 1s; }

 /*------------FloatingButton- FloatingTab ---------End--*/

 .MergeFaIcon { position: relative; margin-left: 30%; margin-top: 25%; }

#flush-panel { background-color: silver; height: 10px; overflow: hidden; overflow: auto; max-height: 600px; max-width: 800px; font-size: 9px; color: darkslategray; }
  #flush-panel:hover { height: auto; }
    #flush-panel .flush-row { font-size: 9px; color: darkslategray; }




 .cbp_tmtimeline { margin: 0; padding: 0; list-style: none; position: relative }
  .cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 3px; background: #eee; left: 210px; margin-left: -6px }
  .cbp_tmtimeline > li { position: relative }

   .cbp_tmtimeline > li .cbp_tmtime { display: block; width: 210px; padding-right: 40px; position: absolute; text-align: right; line-height: 14px; }
    .cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; white-space: nowrap; }

   .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 250px; background: #f0f1f3; padding: 0px; position: relative; border-radius: 5px; min-height: 50px; }
    .cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #f0f1f3; border-width: 10px; top: 10px }
    .cbp_tmtimeline > li .cbp_tmlabel blockquote { font-size: 16px }
    .cbp_tmtimeline > li .cbp_tmlabel .map-checkin { border: 5px solid rgba(235, 235, 235, 0.2); -moz-box-shadow: 0px 0px 0px 1px #ebebeb; -webkit-box-shadow: 0px 0px 0px 1px #ebebeb; box-shadow: 0px 0px 0px 1px #ebebeb; background: #fff !important }
    .cbp_tmtimeline > li .cbp_tmlabel h2 { margin: 0px; padding: 0 0 10px 0; line-height: 26px; font-size: 16px; font-weight: normal }
     .cbp_tmtimeline > li .cbp_tmlabel h2 a { font-size: 15px }
      .cbp_tmtimeline > li .cbp_tmlabel h2 a:hover { text-decoration: none }
     .cbp_tmtimeline > li .cbp_tmlabel h2 span { font-size: 15px }
    .cbp_tmtimeline > li .cbp_tmlabel p { color: #444 }

   .cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 5px #f5f5f6; text-align: center; left: 210px; top: 0; margin: 0 0 0 -25px }

 @media screen and (max-width: 992px) and (min-width: 768px) {
  .cbp_tmtimeline > li .cbp_tmtime { padding-right: 60px }
 }

 @media screen and (max-width: 65.375em) {
  .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 12px }
 }

 @media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before { display: none }
  .cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; text-align: left; }
   .cbp_tmtimeline > li .cbp_tmtime span { text-align: left }
  .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 0px; font-weight: 400; font-size: 95% }
   .cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #f5f5f6; top: -20px }
  .cbp_tmtimeline > li .cbp_tmicon { position: relative; float: right; left: auto; margin: -64px 5px 0 0px }
  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: transparent; border-bottom-color: #f5f5f6 }
 }

 .cbp_tmtimeline .ico-stato { font-size: 10px; font-weight: 600; }
 .cbp_tmtimeline .cbp_tmlabel .cbp_title { color: white; padding: 3px; border-radius: 3px; }
 .cbp_tmtimeline .cbp_tmlabel .cbp_text { padding: 8px; /*font-size: 80%;*/ max-height: 42px; overflow: hidden; border-bottom: dotted 1px red; }
  .cbp_tmtimeline .cbp_tmlabel .cbp_text.open { max-height: none; border-bottom: none; }

 @media screen and (min-width: 679px) {
  .cbp_btn_compact { text-align:right; padding:0px; margin:0px; right: 0px; top: 0px; }
 }

 @media screen and (max-width: 678px) {
  .cbp_btn_compact { }
 }

.ico-Fatt-0 { color: #fff; background-color: #dc3545; }
.ico-Fatt-1 { background-color: #ffc107;  color:black;}
.ico-Fatt-2 { background-color: #28a745; color: white; }

 .btn-circle { width: 30px; height: 30px; padding: 6px 0px; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.42857; }
  .btn-circle.btn-lg { width: 45px; height: 45px; padding: 12px 0px; border-radius: 35px; font-size: 12px; line-height: 1.33; }


 .ico-Flag-False:before { font-family: "Font Awesome 5 Pro"; content: "\f0c8"; color: red; background-color: white; }
 .ico-Flag-True:before { font-family: "Font Awesome 5 Pro"; content: "\f14a"; color: green; background-color: white; }


 .ico-hand-False:before { font-family: "Font Awesome 5 Pro"; content: "\f165"; color: red; }
 .ico-hand-True:before { font-family: "Font Awesome 5 Pro"; content: "\f164"; color: green; }


#tblReport thead tr { background-color: white; }
#tblReport thead tr th { cursor: pointer; font-size:90%; white-space:nowrap;}
#tblReport .totali td { color: darkred; font-weight: 600; white-space:nowrap;}
#tblReport th { white-space: normal; }
.reportBar { position: relative; }
    .reportBar .bar { position: absolute; left: 0px; bottom: 2%; color:#212529; border: gold; background: linear-gradient(to right, yellow, red); background-size: 200px 100%; background-repeat: no-repeat; width: 75%; height: 18px; opacity: 0.4; z-index: 0; }
#tblReport td { position:relative; }
    
#tblReport td .ref-foto { }
#tblReport td .foto { max-height: 45px; cursor: pointer; position: absolute; top: 5px; left: 3px; border:solid 2px #28a745; border-radius:6px; }
    #tblReport td .foto:hover { height: 120px; max-height: 120px; z-index: 100; }
    #tblReport td .foto.dis { border-color: #dc3545; }
#tblReport td .ref-post-foto { margin-left:48px;}




.table-wrapper { background: #fff; padding: 20px; margin: 30px 0; box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.table-title {  padding-bottom: 10px; margin: 0 0 10px; min-height: 45px; }
    .table-title h2 { margin: 5px 0 0; font-size: 24px; }
    .table-title select {margin: 0px; height:auto; display:inline-block; width:auto; text-align:center; }

.table-xs {}
    .table-xs th, .table-xs td { padding:1px 3px; vertical-align:middle;}

table.table { background-color: white; }
table.table tr:nth-child(even) { background-color: #e9e9e9; }
table.table tbody tr:hover { background-color: #ffffc2; }
    table.table tbody tr.active { background-color: #acfeff; }

table.table tr th, table.table tr td { border-color: #e9e9e9; font-size:13px; vertical-align:top; }
    table.table tr th.small, table.table tr td.small { font-size: 80%; font-weight: 400; }
table.table th, table.table th button { white-space: nowrap; }
    table.table th i { font-size: 13px; margin: 0px; cursor: pointer; }
table.table td:last-child { width: 130px; }
table.table td .btn-keyId {width:80px; text-align:center; }
table.table td a { color: #a0a5b1; display: inline-block; }

.pag-light{ white-space:nowrap; text-align:center;}
    .pag-light .input-group input {  margin: 0px; height: auto; }
    .pag-light .input-group input:focus { border-color: #3FBAE4; }

table.table .div-xs { }
    table.table .div-xs input,
    table.table .div-xs select { padding: 0px 2px; margin: 0px; height: auto; font-size: 80%; }
    table.table .div-xs button { padding: 0px; margin: 0px; }



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; text-align:right;}

.status_select { display: none; position: absolute; background-color: white; padding: 20px; z-index: 100; }

.st-rec.on {border:solid 3px red; }
.st-rec.on {border:solid 3px red; }
.st-rec.off { opacity:0.5; }

/*Scrollable div*/
.horizontal-scrollable > .cell {
    overflow-x: auto;
    white-space: nowrap;
}


.fat-table { width: 100%; }
    .fat-table, .fat-table th, .fat-table td { border: solid 1px silver; border-collapse: collapse; font-size: 12px; color: black; padding: 2px; vertical-align: middle !important; }
        .fat-table tr:hover td { border-bottom: solid 1px #2a348c; background-color: white; }
            .fat-table tr:hover td .fat-table.mov tr td { border-bottom: solid 1px #f0f0f0; }
        .fat-table tr td .fat-table.mov tr td { background-color: #effbff; font-size: 12px; padding: 1px 3px; color: #138496; }
        .fat-table tr:hover td .fat-table.mov tr:hover td { border-bottom: solid 1px #003768;}
        .fat-table tr td .fat-table.mov tr td.td-provv { background-color: white; }
        .fat-table tr td .fat-table.mov tr td .fat-table.provv,
        .fat-table tr td .fat-table.mov tr td .fat-table.provv th,
        .fat-table tr td .fat-table.mov tr td .fat-table.provv td { color: darkgreen; font-size: 10px; vertical-align: top !important; background-color: #d8ffe1; }
            .fat-table tr td .fat-table.mov tr td .fat-table.provv tr { background-color: #AED99A; }
                .fat-table tr td .fat-table.mov tr td .fat-table.provv tr:hover { background-color: #73bd50; }


.fam_json{ border-radius: 0.3rem; border:1px solid #ced4da;}


.fatt-preview{ width:100%; max-width:670px;}


.ls { }
    .ls .ls-box { display: inline-block; border-width: 1px; border-style: solid; padding: 3px; }
        .ls .ls-box.unsel { border-color: #dc3545; min-width: 100px; width: 40%; color: #dc3545; }
            .ls .ls-box.unsel option { color: #dc3545; }
        .ls .ls-box.actions { border-color: transparent; width: 18%; text-align: center; vertical-align:top; padding-top:30px; color: #ffc107; }
        .ls .ls-box.sel { border-color: #28a745; min-width: 100px; width: 40%; color: #28a745; }
            .ls .ls-box.sel option { color: #28a745; }



.queryPreview { border-collapse: collapse; width: 100%; font-size: 11px; font-family: Arial, Verdana, sans-serif; }
    .queryPreview td, .queryPreview th { border: 1px solid #ddd; padding: 4px; }
    .queryPreview tr:nth-child(even) { background-color: #f2f2f2; }
    .queryPreview tr:hover { background-color: #ddd; }
    .queryPreview th { padding-top: 6px; padding-bottom: 6px; text-align: left; background-color: #003768; color: white; font-size: 120%; }


.myChk { -moz-transform: scale(1.6); /* FF */ }

.va-m {vertical-align:middle;}
.va-t {vertical-align:top;}






.blockStatus { list-style: none; }
    .blockStatus .bs-item { display: inline-block; height:62px; overflow-y:hidden;  white-space:nowrap; padding: 3px; width: 100px;text-align:center; vertical-align:top; font-size:12px;}
   .blockStatus .bs-item h6 { margin-bottom:0px; font-weight:bolder; }
    .blockStatus .bs-ico { display: inline-block;  height:62px; overflow-y:hidden; padding-top:14px; text-align:center;}





.nav-tabs .nav-item .nav-link { background-color: white; color: #FF8800; }
.nav-tabs .nav-item .nav-link.active { color: white; background-color: #FF8800; }
.tab-content { border: 1px solid #FF8800; padding: 15px; }
   .tab-content .tab-pane { background-color: #FFF; color: #FF8800; min-height: 50px; height: auto; }

/*Eccezione generata per evitare cambio delle classi sopra*/
.nav-tabs-default .nav-link { background-color: white; color: #FF8800;  border: 1px solid #003962 !important; color: #003962; margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
    .nav-tabs-default .nav-link.active { border-bottom: 1px solid white !important; background-color: #cccccc; color: #003962; -webkit-box-shadow: 0 -3px 0 0 #003768; box-shadow: 0 -3px 0 0 #003768; }


.nav-tabs-default .nav-item .nav-link { border: 1px solid #003962 !important; color: #003962; margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
 .nav-tabs-default .nav-item .nav-link.active { border-bottom: 1px solid white !important; background-color:white; color: #b7b6b6; -webkit-box-shadow: 0 -3px 0 0 #c5923c; box-shadow: 0 -3px 0 0 #c5923c; }
.tab-content-default {background-color:white; border: 1px solid #003962; padding:5px; padding-top:20px;}
  .tab-content-default .tab-pane { background-color: #FFF; color: #003962; min-height: 50px; height: auto; }







.BC-SubTable { border: solid 1px #dc3545 !important; border-left-width:3px !important; }
    .BC-SubTable td { border: solid 1px #dc3545 !important; border-width: 1px 0px !important; }


.margcomp { border: solid 1px white !important; }
    .margcomp th, .margcomp td { border: solid 1px white !important; text-align: right; font-family: 'Source Sans Pro', sans-serif; font-weight: bolder; }

    .margcomp .border-main td, .margcomp .border-main th, .margcomp td.border-main { border-color: #003768 !important; }
    .margcomp .border-success td, .margcomp .border-success th, .margcomp td.border-success { border-color: #28a745 !important; }
    .margcomp .border-danger td, .margcomp .border-danger th, .margcomp td.border-danger { border-color: #dc3545 !important; }
    .margcomp .border-warning td, .margcomp .border-warning th, .margcomp td.border-warning { border-color: #ffbb33 !important; }

    .margcomp .bg-main td, .margcomp .bg-main th, .margcomp td.bg-main { background-color: #003768 !important; }
    .margcomp .bg-success td, .margcomp .bg-success th, .margcomp td.bg-success { background-color: #28a745 !important; }
    .margcomp .bg-danger td, .margcomp .bg-danger th, .margcomp td.bg-danger { background-color: #dc3545 !important; }
    .margcomp .bg-warning td, .margcomp .bg-warning th, .margcomp td.bg-warning { background-color: #ffbb33 !important; }

    .margcomp .text-main td, .margcomp .text-main th { color: #003768 !important; }
    .margcomp .text-success td, .margcomp .text-success th { color: #28a745 !important; }
    .margcomp .text-danger td, .margcomp .text-danger th { color: #dc3545 !important; }
    .margcomp .text-warning td, .margcomp .text-warning th { color: #ffbb33 !important; }

    .margcomp .text-bold td, .margcomp .text-bold th, .margcomp td.text-bold { font-weight: bold; }

.margcomp-month { border: solid 1px #cccccc; border-collapse: collapse; }
    .margcomp-month td { border: solid 1px #cccccc; border-collapse: collapse; text-align:right; white-space:nowrap; }

    .margcomp-month .fs-120 { font-size:120%; }

    .margcomp-month .bl-3 { border-left-width: 3px; }
    .margcomp-month .br-3 { border-right-width: 3px; }

    .margcomp-month .border-white { border-color: #ffffff !important; }

    .margcomp-month .bg-SUM { background-color: black; color: white !important; }
    .margcomp-month .text-SUM { color: black; }
    .margcomp-month .border-SUM { border-color: black !important; }

    .margcomp-month .bg-MUT { background-color: #ff82a0; color: black; }
    .margcomp-month .text-MUT { color: #ff82a0; }
    .margcomp-month .border-MUT { border-color: #ff82a0 !important; }

    .margcomp-month .bg-CQS { background-color: #b8e6dc; color: black; }
    .margcomp-month .text-CQS { color: #b8e6dc; }
    .margcomp-month .border-CQS { border-color: #b8e6dc !important; }

    .margcomp-month .bg-PREST { background-color: #94a6ca; color: black; }
    .margcomp-month .text-PREST { color: #94a6ca; }
    .margcomp-month .border-PREST { border-color: #94a6ca !important; }

    .margcomp-month .bg-MED { background-color: #c1eccf; color: black; }
    .margcomp-month .text-MED { color: #c1eccf; }
    .margcomp-month .border-MED { border-color: #c1eccf !important; }

    .margcomp-month .bg-IMPRESE { background-color: #e9c4a6; color: black; }
    .margcomp-month .text-IMPRESE { color: #e9c4a6; }
    .margcomp-month .border-IMPRESE { border-color: #e9c4a6 !important; }

    .margcomp-month .bg-POL { background-color: #d9c6e5; color: black; }
    .margcomp-month .text-POL { color: #d9c6e5; }
    .margcomp-month .border-POL { border-color: #d9c6e5 !important; }


.zoom { }

 .zoom:hover { transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }





.tbl_easy { border: solid 1px #cccccc; width:100%; }
    .tbl_easy thead td { background-color:black; color:white; text-align:center;}
    .tbl_easy td { border: solid 1px #cccccc; white-space: nowrap; vertical-align: top; text-align: right; font-size: 12px; padding: 0px 3px; color:black; }
    .tbl_easy tr:hover { background-color:#fff2cb; }
    
.tr-text-success td { color: #198754; }
.tr-text-danger td { color: #dc3545; }
.tr-text-warning td { color: #ffc107; }



/*Forzo allineamento grafico al centro*/
.highcharts-container { margin: 0 auto; }


.table-fixed { overflow: auto; height: 400px; }
 .table-fixed thead th { position: sticky; top: 0; z-index: 1; background-color: #003768; }

.btn-nav-accordion[aria-expanded="true"] .fa-chevron-double-down { transform: rotate(180deg); }
.fa-chevron-double-up { transition: all 0.3s ease; }
.fa-chevron-double-down { transition: all 0.3s ease; }
.btn-nav-accordion.collapsed .fa-chevron-double-up { transform: rotate(180deg); }


.btn-nav-accordion[aria-expanded="true"] .fa-chevron-down { transform: rotate(180deg); }
.fa-chevron-up { transition: all 0.3s ease; }
.fa-chevron-down { transition: all 0.3s ease; }
.btn-nav-accordion.collapsed .fa-chevron-up { transform: rotate(180deg); }





.small-box { border-radius: 0.25rem; box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); display: block; margin-bottom: 20px; position: relative; }

 .small-box > .inner { padding: 10px; }

 .small-box > .small-box-footer { background-color: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.8); display: block; padding: 3px 0; position: relative; text-align: center; text-decoration: none; z-index: 10; }

  .small-box > .small-box-footer:hover { background-color: rgba(0, 0, 0, 0.15); color: #fff; }

 .small-box h3 { font-size: 2.2rem; font-weight: 700; margin: 0 0 10px; padding: 0; white-space: nowrap; }

@media (min-width: 992px) {
 .col-xl-2 .small-box h3,
 .col-lg-2 .small-box h3,
 .col-md-2 .small-box h3 { font-size: 1.6rem; }
 .col-xl-3 .small-box h3,
 .col-lg-3 .small-box h3,
 .col-md-3 .small-box h3 { font-size: 1.6rem; }
}

@media (min-width: 1200px) {
 .col-xl-2 .small-box h3,
 .col-lg-2 .small-box h3,
 .col-md-2 .small-box h3 { font-size: 2.2rem; }
 .col-xl-3 .small-box h3,
 .col-lg-3 .small-box h3,
 .col-md-3 .small-box h3 { font-size: 2.2rem; }
}

.small-box p { font-size: 1rem; }

 .small-box p > small { color: #f8f9fa; display: block; font-size: .9rem; margin-top: 5px; }

.small-box h3,
.small-box p { z-index: 5; }

.small-box .icon { color: rgba(0, 0, 0, 0.15); z-index: 0; }

 .small-box .icon > i { font-size: 90px; position: absolute; right: 15px; top: 15px; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; }

  .small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.fal, .small-box .icon > i.fad, .small-box .icon > i.ion { font-size: 70px; top: 20px; }

 .small-box .icon svg { font-size: 70px; position: absolute; right: 15px; top: 15px; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; }

.small-box:hover { text-decoration: none; }

 .small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.fal, .small-box:hover .icon > i.fad, .small-box:hover .icon > i.ion { -webkit-transform: scale(1.1); transform: scale(1.1); }

 .small-box:hover .icon > svg { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 767.98px) {
 .small-box { text-align: center; }
  .small-box .icon { display: none; }
  .small-box p { font-size: 12px; }
}


.tbl_sintesi { border:solid 1px #cccccc; border-collapse:collapse; width:100%; }
    .tbl_sintesi td, .tbl_sintesi th { border: solid 1px #cccccc; border-collapse: collapse; padding:0px 3px; text-align:right; vertical-align:middle; }
        .tbl_sintesi td.day, .tbl_sintesi .day { font-size: 70%; }
.tbl_sintesi tr:hover{ background-color:#ffe69a; }



.tbl-lead-referenti * { font-size: 11px !important; }
.tbl-lead-referenti th, .tbl-lead-referenti td { padding:0px 2px; }
.tbl-lead-referenti td { text-align:right; }


.circle-widget-trigger { background-color: #c5923c !important; }

.bg-circle-box { width: 100%; height: 100%; background-image: url('../img/bg-circle-box-op20.jpg'); background-position: center; position: relative; background-repeat: repeat; }

.bg-recall-box { width: 100%; height: 100%; background-image: url('../img/bg-recall-box-op20.jpg'); background-position: center; position: relative; background-repeat: repeat; }

.tbl-MyTable { background-color: white; border: solid 1px #e9e9e9;border-collapse: separate; border-spacing: 0px; }
    .tbl-MyTable thead { top: 95px; position: sticky; z-index: 800;  }
        .tbl-MyTable tbody td, .tbl-MyTable thead th { text-align: left; vertical-align: top; }
        .tbl-MyTable thead th { color: #003768; background-color: #f8f9fa; border: solid 1px #e9e9e9; vertical-align:bottom; }

    .tbl-MyTable .css_id { background-color: #003768; color: #f8f9fa; padding: 3px; width: 70px; text-align: center; border-radius: 5px; font-size:16px; }
    .tbl-MyTable .css_title { font-weight: bold; color: #003768; font-size: 110%; margin-top:2px; }

    .tbl-MyTable .LeadWorkValue-POOR { color: #dc3545; }
    .tbl-MyTable .LeadWorkValue-NEGATIVE { color: #ffc107; }
    .tbl-MyTable .LeadWorkValue-NULL { color: #6c757d; }
    .tbl-MyTable .LeadWorkValue-POSITIVE { color: #0dcaf0; }
    .tbl-MyTable .LeadWorkValue-SUPER { color: #198754; }

    .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; display: none; }
.modal-MyTable { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; background: white; padding: 10px; width: 300px; height: 300px; display: none; }
.boxFilter { width: 400px; height: 400px; border: solid 3px #003768; text-align: center; z-index:1200; border-radius:12px; }

/* Bootstrap ridefinizioni - start */
.btn-group-xs > .btn, .btn-xs { padding: 1px 2px; font-size: .75rem; border-radius: .2rem; }
.form-select-xs, .form-control-xs { padding-top: 0px; padding-bottom: 0px; padding-left: 2px; font-size: .875rem; height: auto; }
/* Bootstrap ridefinizioni - end */


.users-list-status.Attivo { color: #198754; border:solid 1px #198754; }
.users-list-status.InRecesso,
.users-list-status.Richiesto,
.users-list-status.Sospeso { color: #ffc107; border: solid 1px #ffc107; }
.users-list-status.Chiuso,
.users-list-status.Declinato,
.users-list-status.Rifiutato,
.users-list-status.NonAttivo { color: #dc3545; border: solid 1px #dc3545; }

.tag_oltre { display:none; }

.evidenziato { background-color: #ffe7a0; }

.rp-Referente { min-width: 180px; height:78px; padding: 2px; background-color: #003768; }
.rp-bgPeriodo { height: 40px; white-space: nowrap; line-height: 18px; text-align:right; padding:2px; }
    .rp-bgPeriodo.bgPeriodo0 { background-color: #f8f9fa; color: #095b30; }
    .rp-bgPeriodo.bgPeriodo1 { background-color: #e5ecff; color:silver; border-top: solid 1px #cacaca; }
    .rp-bgPeriodo.rp-left { border-left: solid 2px #003768; }
.rp-bgPeriodo i.fa-sharp-duotone{ padding:1px; }

.rp_help { text-align: left; min-width: 300px; width: 80%; height: auto; z-index: 2000; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 3px #212529; background-color: #f8f9fa; color: #212529; border-radius: 6px; padding: 5px; }

.rp-table th { padding: 0px; border: solid 1px white; background-color: #003768; }
.rp-table thead tr:nth-child(1) th { position: sticky; top: 0; background-color: #003768; z-index: 1512; }
.rp-table thead tr:nth-child(2) th { position: sticky; top: 20px; background-color: #003768; z-index: 1511; }
.rp-table thead tr:nth-child(3) th { position: sticky; top: 40px; background-color: #003768; z-index: 1510; }

.rp-table thead th.sticky-left,
.rp-table tbody td.sticky-left { position: sticky !important; left: 0; background-color: #f1f1f1; z-index: 1501;  }


.rp-table td { padding: 0px; border: solid 1px #6c757d;  }
    .rp-table td .rp-foto { width: 72px; height: 72px; object-fit: cover; border-radius: 12px; padding: 4px; background: linear-gradient(135deg, #4facfe, #00f2fe); border: 2px solid white; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

        .rp-table td .rp-foto.rp-foto-M { background: linear-gradient(135deg, #dff6ff, #2387f2); }
        .rp-table td .rp-foto.rp-foto-F { background: linear-gradient(135deg, #ffeaff, #f87ef6); }

.rp-table .tr-main { background-color: #9ceafa; }
.rp-table .tr-main  td { border: solid 1px #003768;  }

.rp-cell-ALL { display:table-cell; }


/*
    Dark: #212529, Light: #f8f9fa, Success: #198754, Danger: #dc3545
    , Warning: #ffc107, Info: #0dcaf0, Secondary: #6c757d
*/

.select2-container--open .select2-dropdown{ z-index:1600;}
.small-caps { font-variant: small-caps; }

.text-danger-light { color: #f3b7bd !important; }
.bg-danger-light { background-color: #f3b7bd !important; }
.text-success-light { color: #59e0a1 !important; }
.bg-success-light { background-color: #59e0a1 !important; }
.text-warning-light { color: #ffe7a0 !important; }
.bg-warning-light { background-color: #ffe7a0 !important; }
.text-info-light { color: #9ceafa !important; }
.bg-info-light { background-color: #9ceafa !important; }
.text-main-light { color: #0288ff !important; }
.bg-main-light { background-color: #0288ff !important; }
.text-secondary-light { color: #bcc1c673 !important; }
.bg-secondary-light { background-color: #bcc1c673 !important; }


.dropdown-text-truncate { white-space: normal; word-break: break-word; }
.btn-categoria-truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; text-align: left; padding: 0.375rem 0.5rem; /* oppure più stretto */ }.btn-categoria-truncate .btn-categoria-label { font-size: 0.85rem; /* Riduce la dimensione */ display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }


.map-italia { position: relative; width: 780px; height: 526px; display: inline-block; text-align: left; }
.box-reg { position: absolute; top: 0px; left: 400px; }
.map-region { width: 400px; opacity: 0.8; }
.reg-prov { position: absolute; background-color: white; opacity: 0.7; display: block; font-size: 11px; color: black; text-align: center; padding: 3px; border: solid 1px silver; border-radius: 3px; z-index: 5; cursor: pointer; }
.reg-prov-users { text-align: left; min-width: 300px; width: 80%; height: 80%; overflow-y: auto; z-index: 2000; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 3px #212529; background-color: #f8f9fa; color: #212529; border-radius: 6px; padding: 5px; }

.reg-prov-users table td { font-size: 10px !important; }
    .reg-prov-users table td button { font-size: 10px !important; white-space: nowrap; padding: 2px; }


@media (max-width: 768px) {
 .btn-categoria-truncate .btn-categoria-label { font-size: 0.75rem; }
}

@media (max-width: 768px) {
    .dropdown-menu { max-width: 95vw; overflow-x: auto; }
}