/*
____    __    ____  ___       __  ___  __  ____    __    ____  __  
\   \  /  \  /   / /   \     |  |/  / |  | \   \  /  \  /   / |  | 
 \   \/    \/   / /  ^  \    |  '  /  |  |  \   \/    \/   /  |  | 
  \            / /  /_\  \   |    <   |  |   \            /   |  | 
   \    /\    / /  _____  \  |  .  \  |  |    \    /\    /    |  | 
    \__/  \__/ /__/     \__\ |__|\__\ |__|     \__/  \__/     |__| 

    2025                                                                

    

====================================================================
=== OTTIMIZZAZIONI RESPONSIVE - usiamo le dimensioni standard di BOOTSTRAP 
=== https://getbootstrap.com/docs/5.2/layout/breakpoints/ 
====================================================================

*/

:root {
    font-size: 13px;
    /* variabili di boostrap*/
    --bs-info: #2E24FF;
    --bs-info-rgb: 46, 36, 255;
}



html {
    padding: 0;
}
body 		{ margin: 0; padding: 0; font-family: 'IBM Plex Sans', sans-serif !important; }
h1, h2, h3, h4, h5, h6 		{ color: #381567; }
h2 		{ font-size: 2em; }


/* =========  TITOLO DELLA PAGINA  ==============*/
.page-titolo  { display: inline-block; color: #31363a; font-size: 28px; font-weight: bold; line-height: 1.5; letter-spacing: 0.6px; 
                padding: 4px; margin: 15px 0 3.5rem 0; width: 100%;
                  border-bottom: 4px solid #f4f7fa; background-color: #f8f9fb;
}

.page-titolo .icon 		{ font-size: 32px; margin:0 20px; background-color:#fff; border-radius:50%;border: 3px solid #f4f7fa; padding:4px 14px; }



.page-btn-right 		{ display: inline-block; float: right; line-height: 1.5; padding: 4px; margin: 5px 0 0; }
.titoloGruppoEspansibile 		{ font-weight: bold; cursor: pointer; }
.body-content		{ display: inline-block; width: 100%; }
.row 		{ margin-left: inherit; margin-right: inherit; }
label 		{ vertical-align: middle; margin: 0 5px; }

.titolozzo {
    font-weight: bold;
    font-size: 110%;
    text-transform: uppercase;
    background: #ddd;
    padding: 2px 5px;
}

.box_avvisi { z-index: 100; margin-top:2rem; margin-bottom:2rem; background-color:whitesmoke; border-radius:20px;  }
/*
.alert.alert-warning {  padding: 10px 0;  margin-top: 10px; }
*/

input, select, textarea { background-color:#fff; }


/* HAMBURGER MENU */

#menuToggle 		{ display: block; position: fixed; float: left; top: 17px; left: 20px; z-index: 2; -webkit-user-select: none; user-select: none; }
#menuToggle input 		{ display: block; width: 64px; height: 48px; position: absolute; top: -17px; left: -20px; margin: 0; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
#menuToggle span 		{ display: block; width: 24px; height: 1px; margin-bottom: 5px; position: relative; background: #ffffff; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
#menuToggle span:first-child 		{ transform-origin: 0% 0%; }
#menuToggle span:nth-last-child(2) 		{ transform-origin: 0% 100%; }
#menuToggle input:checked ~ span:nth-child(2) 		{ opacity: 1; transform: rotate(45deg) translate(0, 0.5px); }
#menuToggle input:checked ~ span:nth-child(3) 		{ opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
#menuToggle input:checked ~ span:nth-child(4) 		{ transform: rotate(-45deg) translate(-0.5px, -1px); }
#menu 		{ position: fixed; width: 240px; height: 100%; margin: 13px 0 0 -20px; padding: 0; background-color: #f4f7fa; 
/*box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.3);*/

 list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
#menu::after 		{ box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.3); }
#menu > a 		{ display: block; height: 64px; width: 100%; padding: 16px 14px; }
#menu > a:hover, #menu > a:focus 		{ background-color: #ffffff; text-decoration: none; }
#menu > a > li 		{ height: 32px; }
#menu > a > li > img 		{ color: #381567; width: 32px; height: 32px; }

/*#menu > a > li > img:hover, #menu > a > li > img:focus 		{ text-decoration: none; }
#menu > a > li > img:active 		{ text-decoration: none; }
*/

 #menu > a > li > p 		{ display: inline-block; height: 32px; color: #381567; font-size: 18px; font-weight: bold; text-transform: uppercase; vertical-align: sub; margin: 0px 0 0 10px; }

/*#menu > a > li > p:hover, #menu > a > li > p:focus 		{ text-decoration: none; }
#menu > a > li > p:active 		{ text-decoration: none; }
*/

 #menu ion-icon 		{ color: #381567; font-size: 32px; }
#menuToggle input:checked ~ ul 		{ transform: none; }

/* ELEMENTI */

 .btn 		{ display: inline-block; color: #381567; font-weight: normal; background-color: #ffffff; border-radius: 3px; /* border: none; */ text-decoration: none; padding: 3px 12px; margin: 4px 2px;}

 .form_crud .btn 		{ border: none; }


.btn_hide 		{ display: inline-block; color:transparent; background-color: transparent; border-radius: 0; border: none; margin-bottom: 0; margin-top: 0; text-decoration: none; padding: -10px; }
.btn .icon 		{ font-size: 16px; }
.btn:hover, .btn:focus 		{ color: #381567; background: #f8fafc; text-decoration: none; outline: 0; }
.btn:active 		{ background: #f8fafc; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-tb 		{ display: inline-block; color: #f4f7fa !important; font-weight: normal; background-color: #381567; border-radius: 3px; margin-top: 4px; margin-bottom: 4px; text-transform: uppercase; text-decoration: none; padding: 3px 12px; }
.btn-tb .icon 		{ font-size: 16px; }
.btn-tb:hover, .btn-tb:focus 		{ color: #ffffff; background: #250c48; border-color: #250c48; text-decoration: none; outline: 0; }
.btn-tb:active 		{ background: #250c48; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-panel 		{ display: inline-block; color: #381567; background-color: #e8f1f3; font-weight: bold; border-radius: 3px; margin-top: 4px; margin-bottom: 4px; text-transform: uppercase; text-decoration: none; padding: 3px 12px; }
.btn-panel .icon 		{ font-size: 16px; }
.btn-panel:hover, .btn:focus 		{ color: #381567; background: #d3dee9; text-decoration: none; outline: 0; }
.btn-panel:active 		{ background: #d3dee9; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn_grande {    width: 33%;    border-radius: 0;    margin: 0;    padding: 10px;    font-size: 18px;}
.btn_evidenziato {    background-color: #CCFF33;    color: #381567 !important;}
.btn_evidenziato:hover {       color: #ffffff !important;}
.y 		{ background-color: #89da38; }
.y:hover, .y:focus 		{ color: #ffffff; background: #6eb922; border-color: #6eb922; text-decoration: none; outline: 0; }
.y:active 		{ background: #6eb922; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.n 		{ background-color: #ff484c; }
.n:hover, .n:focus 		{ color: #ffffff; background: #ff070c; border-color: #ff070c; text-decoration: none; outline: 0; }
.n:active 		{ background: #ff070c; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-round 		{ display: inline-block; height: 36px; width: 36px; color: #f4f7fa !important; font-weight: normal; background-color: #381567; border: 0; border-radius:50%; text-transform: uppercase; text-decoration: none; margin-left: 5px; padding: 5px 9px; }
.btn-round .icon 		{ display: contents; font-size: 24px; }
.btn-round:hover, .btn-round:focus 		{ color: #ffffff; background: #250c48; border-color: #250c48; text-decoration: none; outline: 0; }
.btn-round:active 		{ background: #250c48; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-round:focus-visible { outline: -webkit-focus-ring-color 0 !important; }
.btn-round-light 		{ color: #381567; font-weight: normal; background-color: #ffffff; }

/*height: 30px; width: 30px;*/

 font-size: 20px; }
.btn-round-def 		{ height: 36px; width: 36px; color: #f4f7fa; font-weight: normal; background-color: #381567; border-radius: 18px; text-transform: uppercase; text-decoration: none; margin-left: 5px; padding: 5px 9px; }
.btn-round-def .icon 		{ display: contents; font-size: 24px; }
.btn-round-def:hover, .btn-round-def:focus 		{ color: #ffffff; background: #250c48; border-color: #250c48; text-decoration: none; outline: 0; }
.btn-round-def:active 		{ background: #250c48; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-round-light 		{ color: #381567; font-weight: normal; background-color: #ffffff;  font-size: 20px; }
.btn-round-light-2x 		{ display: inline-block; height: 39px; width: 39px; color: #381567; font-weight: normal; background-color: #ffffff; border-radius: 20px; text-transform: uppercase; text-decoration: none; margin-left: 5px; padding: 2px 9px; }
.btn-round-light-2x .icon 		{ display: contents; font-size: 35px; }
.btn-round-light-2x:hover, .btn-round-light-2x:focus 		{ color: #381567; background: #f8fafc; border-color: #f8fafc; text-decoration: none; outline: 0; }
.btn-round-light-2x:active 		{ background: #f8fafc; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-round-panel-2x 		{ display: inline-block; height: 39px; width: 39px; color: #381567; font-weight: normal; background-color: #e8f1f3; border-radius: 20px; text-transform: uppercase; text-decoration: none; margin-left: 5px; padding: 2px 9px; }
.btn-round-panel-2x .icon 		{ display: contents; font-size: 35px; }
.btn-round-panel-2x:hover, .btn-round-panel-2x:focus 		{ color: #381567; background: #d3dee9; text-decoration: none; outline: 0; }
.btn-round-panel-2x:active 		{ background: #d3dee9; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-log 		{ display: inline-block; border: 1px solid #f4f7fa; background-color: #381567; border-radius: 3px; margin-top: 4px; margin-bottom: 4px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px 12px; }
.btn-log:hover, .btn-log:focus 		{ color: #381567; background: #f8fafc; border: 1px solid #381567; text-decoration: none; outline: 0; }
.btn-log:active 		{ background: #f8fafc; border: 1px solid #381567; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.btn-log > .icon 		{ font-size: 26px; }
.btn-p 		{ color: #f4f7fa !important; background-color: #381567; }
.btn-p:hover, .btn-p:focus 		{ color: #f4f7fa; background: #2b154b; border-color: #2b154b; outline: 0; }
.btn-p:active 		{ background: #2b154b; }
.bck-white 		{ background-color: #faaa3b; }
.bck-grey		{ background-color: #f4f7fa; }
.bck-white:focus, .bck-grey:focus 		{ outline: 0; }

.search 		{ border: 1px solid #d3dee9; box-shadow: none; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; padding: 3px 12px; height: 36px; }
.search:before 		{ content: "\25AE"; font-family: FontAwesome; left: -5px; position: absolute; top: 0; }
.search:focus 		{ outline: 0; border-color: #381567; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.search-tiny 		{ border: 1px solid #d3dee9; box-shadow: none; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; padding: 3px 12px; height: 25px; }
.search-tiny:focus 		{ outline: 0; border-color: #381567; }
.date-lane 		{ display: inline-block; }
.seq-sel 		{ display: inline-block; }
.text-checkbox 		{ font-size:16px; }
.pad-10 		{ padding: 0 10px; }
.flex 		{ display: flex; align-items: baseline; justify-content:space-around; }
.flex-r 		{ display: flex; align-items: baseline; justify-content: flex-end; }
.flex-l 		{ display: flex; align-items: baseline; }
.label-warning 		{ font-size: 85%; background-color: #ff484c; }
.android-app 		{ width: 190px; margin: 5px; }
.ios-app 		{ width: 170px; margin: 5px; }

.checkboxlist-testo_nowrap td {   white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    max-width: 200px; /* imposta una larghezza massima */}
.checkboxlist-testo-dx-truncate td {  display: flex;   white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;     max-width: 200px; /* imposta una larghezza massima */ }

/* EFFETTO CARICAMENTO */

 #loading 		{ display: block; position: fixed; z-index: 2147483647 !important; top: 0; left: 0; width: 100%; height: 100%; }
.center-load 		{ display: block; position: fixed; top: calc(50% - 50px); left: 0; width: 100%; text-align: center; vertical-align: middle; height: 100%; z-index: 2147483646 !important; opacity: 1; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }

.circle 		{ margin: 20px; height: 50px; width: 50px; border-radius: 50%; display: inline-block; transform: scale(0); animation: bulge 2s infinite ease-in-out; }
.circle::after 		{ position: absolute; display: inline-block; content: ''; height: 100%; width: 100%; border-radius: 50%; background-color: inherit; top: 0; left: 0; z-index: -1; transform: scale(1); animation: blow 2s infinite ease-in-out; }
.circle:nth-child(1) 		{ background-color: #381567; animation-delay: 0s; }
.circle:nth-child(2) 		{ background-color: #381567; animation-delay: .25s; }
.circle:nth-child(3) 		{ background-color: #381567; animation-delay: .50s; }

@keyframes bulge 		{ 50% 		{ transform: scale(1); }
}
@keyframes blow 		{ 25% 		{ opacity: 0.5; }
50% 		{ opacity: 0.5; }
90% 		{ opacity: 0; }
100% 		{ transform: scale(2); opacity: 0; }
}

/* TABELLA */

 
/*table 		{ border-collapse: collapse; margin: 0; padding: 0; width: 100%; }
table tr 		{ 	border-bottom: 1px solid #d3dee9; }
table th, table td 		{ 	padding: .625em; 	text-align: left; 	font-family: IBMPlexSans; 	font-size: 14px; 	font-weight: normal; }
table th 		{ 	height: 30px; 	font-size: 14px; 	font-weight: 600; 	color: #381567; 	text-transform: uppercase; }
table th:first-child 		{ 	width: 24px; }
table th:nth-child(2) 		{ 	width: 51px; 	text-align: center; }
table td:nth-child(4),:nth-child(5) 		{ 	font-family: IBMPlexMono; }
*/

 
/* HEADER */

.main-bar 		{ 	width: 100%; height: 48px; position: fixed; background-color: #381567; z-index: 999; }
.main-logo 		{ display: block; width: 60px; line-height: normal; margin: 14px 0 0 24px; }
.main-logo > a:hover 		{ text-decoration: none; }
.main-logo-hb 		{ display: block; width: 60px; line-height: normal; margin: 16px 0 0 64px; }
.main-logo-hb > a:hover 		{ text-decoration: none; }
.main-menu 		{ display: block; position: fixed; top: 0; right: 0; height: 48px; }
.main-menu > ul 		{ width: auto; list-style: none; margin-right: 10px; }
.main-menu > ul > li 		{ float: left; margin: 0 0 0 25px; }
.main-menu > ul > li:last-child 		{ float: left; margin: 3px 0 0 20px; }
.main-menu > ul > li > a 		{ color: white; text-decoration: none; }
.account 		{ display: inline-block; height: 48px; }
.main-menu > ul > li > a > i 		{ font-size: 14px; }
.account i 		{ display: inline-block; font-size: 26px!important; margin-top: 5px; }
.account p 		{ display: inline-block; vertical-align: super; }
.main-menu > ul > li > a > span 		{ }
.main-menu > ul > li > a > img 		{ width: 24px; }
.main-logo-img 		{ 	display: inline-block; height: 48px; padding: 0 8px; }

.pallinoNotifichePresenti 		{ 
	              display: inline-block;
                  position: relative;
                  top: -12px;
                  left: -11px;
                  border-radius: 50%;
                  background-color: #ff1919;
                  padding: 0px 7px;
}


.account:hover 		{ font-weight: bold; }

/*MENU SINISTRA*/

 .bg 		{ 	display: inline-block; 	width: 64px; 	padding-top: 28px; 	background-color: #f4f7fa; position: fixed; height: 100%; z-index:2; top: 48px; left: 0; }
.static-menu-style 		{ display: inline-block; 	list-style-type: none; margin: 0; padding: 0; }
.static-menu-style ion-icon 		{ color: #381567; font-size: 24px; }
.static-menu-style > a 		{ 	width: 64px; 	height: 100%; 	text-align: center; 	padding: 16px 0; display:inline-block; }
.static-menu-style > a:hover 		{ background-color: #ffffff; text-decoration: none; }
.static-menu-style > a > li > img 		{ color: #381567; 	width: 24px; height: 24px; }
.dynamic-menu 		{ opacity: 0.34; font-family: IBMPlexSans; color: #000000; }
.static-menu 		{ background-image: none!important; background-repeat: no-repeat!important; background-position: unset!important; padding-right: 0.15em!important; }
.dynamic-menu-style 		{ left: 64px!important; top: 0px!important; padding: 20px!important; box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 4px 0px; background-color: rgb(255, 255, 255); }
.content 		{ float: left; display: block; padding: 30px 30px 0 100px; width: 100%; padding-bottom: 15px !important; }
.blur 		{ display: block; position: fixed; top: 48px; left: 0px; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.3); }

/*.content-blur 		{ opacity: 0.5; }
*/

 .c-menu 		{ min-height: 20vh; background: #f4f7fa; width: 64px; }

/* HOME PAGE */

.home-cont 		{ border-radius: 4px; border: solid 2px #d3dee9; background: #ffffff; min-height: 300px; height: 100%;  }
.home-cont p 		{ display: inline-block; width: 100%; padding: 10px; font-weight: bold; }
.home-titolo 		{  display: block;  min-height:55px; padding: 16px 16px; font-size: 18px; font-weight: bold; line-height: 1.25; background: #f4f7fa; letter-spacing: 0.2px; color: #31363a; }
.home-menu 		{ display:none;  }

/*        .titolo-hours {   width: 70%;        }*/



.home-orari 		{ display: inline-block; width: 100%; margin: 0 auto; padding: 0 20%; }
.home-progressb 		{ border: 0.1px solid #d3dee9!important; text-align: center; border-radius: 0; background: #d3dee9; margin-bottom: 10px; }
.home-progressb > div 		{ margin: 0px!important; background: #4f81ff; border: 0px; border-radius: 0px; }
.titolo-hours 		{ background: #ffffff; padding: 15px 0px; font-weight: normal; }
.home-hours 		{ padding: 15px 0; width: 30%; float: left; text-align: right; font-size: 16px; font-weight: bold; line-height: 1.25; letter-spacing: 0.2px; color: #31363a; }
.prg-2in1 		{ width: 49.75%; float: left; }
.prg-back > div 		{ float: right; }
#progressbar_back + span 		{ width: 0.5%; float: left; text-align: center; height: 34px; top: -3px; position: relative; background: #381567; color: #381567; }
#progressbar_back > div 		{ background:red; }
#progressbar_in > div 		{ background:#18d9bf; }
.home-richieste 		{ width: 100%; display: inline-block; margin: 0 auto; }
.titolo-richieste 		{ width: 100%; background: #ffffff; color: #381567; border-bottom: 1px solid #d3dee9; }
.home-richieste p 		{ display: inline-block; width: 100%; padding: 10px; font-weight: bold; }

/* DEFAULT PAGES 1LEVEL */


.cont-def .titolo-richieste 		{ border-bottom:0px;  padding: 16px 16px; }
.cont-def .titolo-richieste  ul		{ padding:0;  }
.cont-def .titolo-richieste  li		{ list-style:none;   }


.home-titolo > ul 		{ padding: 0px; margin: 0px; list-style: none; }
.home-link 		{ display: inline-block; width: 90%; margin-bottom: 5px; margin-top: 5px; font-size: 16px; font-weight: bold; text-align: left; text-transform: uppercase; color: #8799ab; text-decoration: none; padding: 3px 12px; border-radius: 2px; border-bottom: 2px solid #f4f7fa; }
.home-link:hover, .home-link:focus 		{ color: #381567; border-bottom: 2px solid #f4f7fa; text-decoration: none; }
.home-link:active 		{ color: #381567; border-bottom: 2px solid #f4f7fa; text-decoration: none; }
.img-svg 		{ width: 22px; height: 22px; }
.boxes 		{ padding:6px 16px; }
.boxes > i 		{ font-size:30px; }

/* PANNELLI PAGINE */
.well 		{ background-color: #f4f7fa; border: 2px solid #d3dee9; border-radius: 3px; box-shadow: none; width: 100%; margin: 10px 0px;padding: 20px; margin-top: 0;}

.panel-well 		{ min-height: 300px; background: #ffffff; border-radius: 4px; border: solid 2px #d3dee9; }
.panel-well p 		{ display: inline-block; width: 100%; padding: 10px; font-weight: bold; }
.panel-titolo 		{ width: 100%; display: block; float: left; min-height: 55px; padding: 16px 16px; font-size: 16px; font-weight: bold; line-height: 1.25; background: #f4f7fa; letter-spacing: 0.2px; color: #31363a; }
.panel-content 		{ display: inline-block; width: 100%; padding: 5px; margin: 0 auto; }


 
/* PLAN */

.plan-filtro-cal 		{ text-align: right; margin-bottom: 10px; position: relative; top: 40px; }
.plan-filtro-cal:after 		{ content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #262626; right: 20px; top: 8px; position: absolute; pointer-events: none; }

/* IE11 hide native button (thanks Matt!) */

select::-ms-expand 		{ display: none; }
.inp-drop-down 		{ display: inline-block; height: 36px; width: auto; color: black; font-size: 14px; font-weight: normal; padding: 8px 3px; border: none; border-bottom: 1px solid #d3dee9; border-radius: 0; margin: 0 5px 5px 0 !important; -ms-word-break: normal; }
.inp-drop-down:after 		{ content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #262626; right: 20px; top: 8px; position: absolute; pointer-events: none; }
.inp-drop-down:focus 		{ border-color: #381567; outline: 0; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.year 		{ width: 59px !important; text-align: right; }
.select-year 		{ width: 62px !important; }
.month 		{ width: auto !important; }
.h 		{ display: inline-block; height: 36px; width: auto !important; color: black; font-size: 14px; font-weight: normal; padding: 8px 3px; border: none; border-bottom: 1px solid #d3dee9; border-radius: 0; margin: 0 5px 5px 0 !important; -ms-word-break: normal; }
.h:after 		{ content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #262626; right: 20px; top: 8px; position: absolute; pointer-events: none; }
.h:focus 		{ border-color: #381567; outline: 0; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.no-margin 		{ margin: 0 0 5px 0 !important; }
.select-msg 		{ color: #381567; background-color: #18d9bf; }
.mGrid 		{ width: 100%; margin: 0; background-color: #fff; border-radius: 2px; border: solid 1px #8799ab; border-collapse: collapse; }
.mGrid:focus 		{ border-color: #381567; outline: 0; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }
.dropdown-menu > li > a:active 		{ background-color: #d3dee9; }

/*.dropdown-menu    { background-color: transparent; -webkit-background-clip: padding-box; background-clip: padding-box; border: transparent; border: transparent; border-radius: inherit; -webkit-box-shadow: none; box-shadow: none; }*/

/* select2 con css inp-drop-down */
.select2-container .select2-selection--single                                                                   { display: inline-block !important; height: 36px !important; }
.select2                                                                                                        { width: auto !important; }
.select2-container--default .select2-selection--single                                                          { border: 0 !important; border-radius: 0 !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered                             { display: inline-block !important; height: 36px !important; color: black !important; font-size: 14px !important; font-weight: normal !important; padding: 4px 28px 4px 8px !important; border: none !important; border-bottom: 1px solid #d3dee9 !important; border-radius: 0 !important; margin: 0 !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow                                { position: relative !important; top: -13px !important; right: 10px !important; width: 20px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b                              { border-color: #262626 transparent transparent transparent !important; }
/*.select2-container--focus .select2-selection__rendered, .select2-container--open .select2-selection__rendered   { border-color: #381567 !important; outline: 0 !important; -webkit-box-shadow: inset 0px 1px 2px 1px rgb(0 0 0 / 30%), 0 1px 10px 2px rgb(56 21 103 / 30%) !important; box-shadow: inset 0px 1px 2px 1px rgb(0 0 0 / 30%), 0 1px 10px 2px rgb(56 21 103 / 30%) !important; }*/

/*.select2-container--open .select2-dropdown                                            { top: -6px !important; }*/
.select2-dropdown                                                                       { border: 1px solid #d3dee9 !important; border-radius: 8px !important; }
.select2-dropdown--below                                                                { width: auto !important; min-width: 260px !important; }
/*.select2-container--open .select2-dropdown--below                                     { border-top: none !important; }*/
.select2-search__field                                                                  { border: 1px solid #d3dee9 !important; box-shadow: none !important; border-radius: 17px !important; -webkit-border-radius: 17px !important; -moz-border-radius: 17px !important; padding: 3px 12px !important; height: 36px !important; }
.select2-search__field:focus-visible                                                    { outline: -webkit-focus-ring-color auto 0 !important; border-color: #381567 !important; outline: 0 !important; -webkit-box-shadow: inset 0px 1px 2px 1px rgb(0 0 0 / 30%), 0 1px 10px 2px rgb(56 21 103 / 30%) !important; box-shadow: inset 0px 1px 2px 1px rgb(0 0 0 / 30%), 0 1px 10px 2px rgb(56 21 103 / 30%) !important; }
/*.select2-search__field:focus                                                            { border-color: #381567 !important; outline: 0 !important; -webkit-box-shadow: inset 0px 1px 2px 1px rgb(0 0 0 / 30%), 0 1px 10px 2px rgb(56 21 103 / 30%) !important; box-shadow: inset 0px 1px 2px 1px rgb(0 0 0 / 30%), 0 1px 10px 2px rgb(56 21 103 / 30%) !important; }*/
/*.select2-container--default .select2-search--dropdown .select2-search__field          { border: 1px solid #d3dee9 !important; }*/
.select2-container--default .select2-results__option--highlighted[aria-selected]        { background-color: #381567 !important; color: white !important; border-radius: 7px !important; }
.select2-container--default .select2-results__option[aria-selected=true]                { background-color: #f6e5ff !important; color: black !important; border-radius: 7px !important; }
 
.pop-window 		{ position: relative; border-radius: 5px; border: 0; box-shadow: rgba(56, 21, 103, 0.3) 5px 5px 20px; background-color: rgba(24, 217, 191, 0.95); font-weight: bold; margin: 10px; padding: 4px; font-size: inherit; }
.title-div 		{ width: 100%; float: left; font-size: 18px !important; font-weight: bold !important; line-height: 1.25; letter-spacing: 0.2px; color: #381567 !important; margin-bottom: 5px; }
.label-viol 		{ font-weight: bold; font-size: 18px; color: #381567 !important; }
.label-big 		{ color: #31363a; font-size: 18px; font-weight: normal; }
.label-big-grey 		{ color: #879fab; font-size: 18px; font-weight: normal; }
.label-small 		{ color: #879fab; font-size: 14px; font-weight: bold; }
.label-small-black 		{ color: #31363a; font-size: 14px; font-weight: bold; }
.label-error 		{ color: #ff484c; font-weight: bold; }
.label-error-big 		{ color: #ff484c; font-size: 18px; font-weight: normal; }
.title-minipu 		{ display: inline-block; font-weight: bold; color: #381567; text-transform: uppercase; margin: 5px 8px; }
.text-sub 		{ vertical-align: sub; }
.list-legend 		{ display: inline-block; margin: 0 15px 10px 0; }
.space 		{ margin: 0 5px 5px 0 !important; }
.btn-space 		{ margin: 4px 5px !important; }
.tb-space 		{ margin-top: 10px !important; }

/* TABELLE */

.tb-th 		{ height: 30px; font-weight: 600; color: #381567; text-transform: uppercase; border-bottom: 1px solid #d3dee9; }
.tb-titolo 		{ font-size: 14px; font-weight: 600; color: #381567; text-transform: uppercase; }
.tb-elenco 		{ border-collapse: collapse; margin: 0; padding: 0; width: 100%; overflow-x: auto; border: 0px; border-color: none; }

.tb-elenco a 		{ color: #381567; text-decoration: none;/* background-color: transparent; */}

.tb-elenco tr 		{ border-bottom: 1px solid #d3dee9; background-color: transparent; }
    .tb-elenco tr:nth-child(n+2):hover {        background-color: #F4F7FA;    }
.highlight:hover 		{ background-color: #ddd; cursor: pointer; }

.tb-elenco>*>*>th:not(.ajax__calendar *), .tb-elenco>*>*>td:not(.ajax__calendar *), .tb-elenco td:not(.ajax__calendar *)  { padding: 5px; padding-left: 18px; font-family: 'IBM Plex Sans', sans-serif; font-size: 14px; font-weight: normal; border: none; }

@media (max-width:1440px) {
    .tb-elenco > * > * > th, .tb-elenco > * > * > td {font-size: 11px;} /* REPORT pi� leggibile per risoluzioni NON grandi */
}

.tb-elenco th 		{ height: 30px; font-weight: 600; color: #381567; text-transform: uppercase; }
.tb-elenco th a     { color:#381567; text-decoration: none;}
.tb-elenco tr:first-child th {    background-color: aliceblue; }

/*. tb-elenco th:first-child 		{ width: 24px; }
.tb-elenco th:nth-child(2) 		{ width: 3%; text-align: center; }
.tb-elenco td:nth-child(4)		{ font-family: 'IBM Plex Mono', monospace; }
.tb-elenco td:nth-child(5) 		{ font-family: 'IBM Plex Mono', monospace; }
*/

 
/*.tb-elenco tr:last-child 		{ float: left; border: none; }
*/

.tb-elenco td > table > tbody > tr 		{ border:none; }
.tb-elenco td > table > tbody> tr > td a 		{ color: #381567; text-decoration: none; background-color: transparent; }
.tb-long 		{ display: block; }




/* NAV VALIDAZIONI */

.nav-matr 		{ list-style: none; padding: 0; margin-bottom: -1px; }
.panel-matr 		{ display: inline-block; color: #8799ab; font-weight: bold; text-transform: uppercase; margin: 16px; border-bottom: solid 2px transparent; }
.panel-matr:hover, .panel-matr:focus 		{ border-bottom: solid 2px #381567; }
.panel-matr a 		{ color: #8799ab; text-decoration: none; padding: 4px; }
.panel-matr a:hover, .panel-matr a:focus 		{ color: #381567; }
.panel-matr-active 		{ display: inline-block; text-transform: uppercase; font-weight: bold; margin: 16px; border-bottom: solid 2px #381567; }
.panel-matr-active a 		{ text-decoration: none; color: #381567; padding: 1px; }

/* TABELLE VALIDAZIONI */

.tb-val 		{ border-collapse: collapse; margin: 0; padding: 0; width: 100%; overflow-x: auto; border: 0px; border-color: none; }
.tb-val tr 		{ border-bottom: 1px solid #d3dee9; background-color: transparent; }
.tb-val tr:last-child 		{ background-color: transparent; }
.tb-val th, .tb-val td 		{ padding: 5px; font-family: 'IBM Plex Sans', sans-serif; font-weight: normal; border: none; }
.tb-val th 		{ height: 30px; font-weight: 600; color: #381567; font-size: 16px; }
.tb-val th a 		{ color: #381567; }
.tb-val td 		{ font-size: 14px; }
.tb-val td > table > tbody > tr 		{ border: none; }
.tb-val td > table > tbody > tr > td a 		{ color: #381567; text-decoration: none; background-color: transparent; }

.tb-matr 		{ border-collapse: collapse; margin: 0; padding: 0; width: 100%; overflow-x: auto; border: 0px; border-color: none; }
.tb-matr tr 		{ border-bottom: 1px solid #d3dee9; background-color: transparent; }
.tb-matr tr:last-child 		{ background-color: transparent; }
.tb-matr th, .tb-matr td 		{ padding: 5px; padding-left: 18px; font-family: 'IBM Plex Sans', sans-serif; font-weight: normal; border: none; }
.tb-matr th 		{ height: 30px; font-weight: 600; color: #381567; font-size: 12px; text-transform: uppercase; }
.tb-matr th a 		{ color: #381567; }
.tb-matr td 		{ font-size: 12px; }
.tb-matr td > table > tbody > tr 		{ border: none; }
.tb-matr td > table > tbody > tr > td a 		{ color: #381567; text-decoration: none; background-color: transparent; }
.tb-matr-center 		{ text-align: center; }

.tb-h 		{ border-collapse: collapse; margin: 0; padding: 0; width: 100%; overflow-x: auto; border: 0px; border-color: none; }
.tb-h tr 		{ border-bottom: none!important; background-color: transparent; }
.tb-h tr:last-child 		{ background-color: transparent; }
.tb-h th, .tb-h td 		{ padding: 5px; font-family: 'IBM Plex Sans', sans-serif; font-weight: normal; text-align: center; border: none; }
.tb-h th 		{ font-weight: 600; color: #381567; font-size: 16px; text-transform: uppercase; }
.tb-h th a 		{ color: #381567; }
.tb-h td 		{ font-size: 14px; }
.tb-h td > table > tbody > tr 		{ border: none; }
.tb-h td > table > tbody > tr > td a 		{ color: #381567; text-decoration: none; background-color: transparent; }
.tb-h-b tr 		{ border-bottom: 1px solid #381567!important; }
.tb-h-b0 tr 		{ border-bottom: none!important; }
.tb-h-w th 		{ color: #ffffff; }
.tb-h-m th 		{ color: #381567; }
.tb-h-0 td 		{ padding: 0; }

.tb-scroll 		{ width: 100%; overflow-y: scroll; height: 167px; }
.miaArea 		{ background-color: #62de9f;  /*#99CC33*/ height: 100%; min-height: 60px; }

/* CUSTOM TAB ELENCO LAV */

.tb-lav 		{ overflow-x: auto; }
.tb-lav tr:last-child span 		{ background: #f4f7fa; font-weight: bold; padding: 3px 8px; border-radius: 100%; }
.tb-lav tr:last-child a 		{ font-weight: bold; }
.tb-lav tr:last-child a:focus 		{ outline: 0; }
.popup-titolo 		{ font-size: 16px; font-weight: bold; color: #31363a; padding: 16px 0px; }

/* TABELLA RIEPILOGO */

.tb-sum 		{ border-collapse: collapse; margin: 0; padding: 0; width: 100%; overflow-x: auto; border: 0px; border-color: none; }
.tb-sum tr 		{ border-bottom: 1px solid #d3dee9; background-color: none; }
.tb-sum th, .tb-sum td 		{ font-family: 'IBM Plex Sans', sans-serif; font-size: 14px; font-weight: normal; border: none; }
.tb-sum th 		{ font-size: 26px; font-weight: normal; color: #381567; }
.tb-sum th a 		{ color: #381567; }

/* COB */

.thumbnail > hr 		{ margin: 0 !important; }
.accBodyCOB 		{ border: 1px solid #d6e0eb; border-top: 0px; padding-top: 0px; }

/* FASCICOLO LAV 

.MyTabStyle .ajax__tab_header 		{ font-family: inherit; margin-bottom: -1px; }
.MyTabStyle .ajax__tab_body 		{ font-size: 14px; box-shadow: none; font-weight: bold; border-radius: 4px; border: solid 2px #d3dee9; background: #ffffff; }
.MyTabStyle .ajax__tab_body span 		{ 


 display: inline-block; }
.MyTabStyle .ajax__tab_header .ajax__tab_outer 		{ margin: 10px 16px; }
.MyTabStyle .ajax__tab_header .ajax__tab_inner 		{ text-align: center; }
.MyTabStyle .ajax__tab_active a 		{ color: #381567; border-bottom: 2px solid #381567; outline: 0; }
.MyTabStyle .ajax__tab_tab 		{ text-transform: uppercase; color: #8799ab; font-weight: bold; border-bottom: 2px solid transparent; }
.MyTabStyle .ajax__tab_tab > span 		{ padding: 1px; }
.MyTabStyle .ajax__tab_tab:hover, .ajax__tab_tab:focus 		{ color: #381567; border-bottom: 2px solid #381567; outline: 0; }



.MyTabStyle .ajax__tab_active .ajax__tab_inner 		{ color: #381567; }
.MyTabStyle .ajax__tab_hover .ajax__tab_outer 		{ background-color: #ffffff; }
.MyTabStyle .ajax__tab_hover .ajax__tab_inner 		{ color: #381567; }
.ajax__scroll_none 		{ overflow: inherit !important; }
.fascicolo-lav-tab 		{ padding: 10px 0px; }
.fascicolo-lav-name h3 		{ font-weight: bold; font-style: oblique; float: right; color: #381567; margin-right: 20px; }
*/
/* SUB MENU PAGINE */

.submenu-pages-cont 		{ padding:10px; margin-bottom:20px; }
.submenu-pages-cont a 		{ font-size: 20px; padding: 10px 30px; margin-right: 20px; }

/* POPUP - DROPDOWN-MENU */

.mpopup 		{ min-width: 355px; background: #fff; border: 1px solid #f4f7fa;z-index:99!important; }
.mpopup .label-small  { width: 25%; display:inline-block;  }



.background-popup 		{ background-color:#8799ab; opacity: 0.5; z-index:98!important;}
.popup-btn 		{ width: 100%; display: inline-block; position: absolute; background: white; }
.popup-btn a, .popup-btn input[type=submit] 		{ width: 33%; float: left; border-radius: 0; margin: 0; padding: 10px; font-size: 18px; }
.popup-btn a:first-child,.popup-btn input[type=submit]:first-child 		{ border-right: 1px solid white; }
.popup-btn input[type=submit]:focus 		{ outline: 0; }
.popup-btn a:first-child 		{ margin: 0 0 1px 1px; }
.popup-btn a:nth-child(2) 		{ margin: 0 1px 1px 0; }
.popup-btn a:last-child 		{ margin: 0 1px 1px 0; }
.popup-name 		{ display: block; font-size: 28px; font-weight: bold; color: #381567; padding: 0 0 2px 6px; margin-bottom: 10px; border-bottom: 1px solid #381567; }
.popup-btn-time 		{ display: flex; width: 100%; background: white; }
.popup-btn-time a, .popup-btn input[type=submit] 		{ width: 100%; border-radius: 0; padding: 10px; font-size: 18px; }
.popup-btn-time a:first-child, .popup-btn-time input[type=submit]:first-child 		{ border-right: 1px solid white; }
.popup-btn-time input[type=submit]:focus 		{ outline: 0; }
.popup-btn-time a:first-child 		{ margin: 0 0 1px 1px; }
.popup-btn-time a:nth-child(2) 		{ margin: 0 1px 1px 0; }
.popup-btn-time a:last-child 		{ margin: 0 1px 1px 0; }
.btn-flx 		{ display: inline-flex; width: 100%; }

.dropdown-menu                                               { border-radius: 8px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff; text-decoration: none; border-radius: 7px; background-color: #381567; }

/* POPUP RESPONSIVE */

.popupRS 		{ position: fixed; top: calc(9%); left: calc(50% - 250px); overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; z-index: 9001; }
.popup-btn-cob 		{ display: flex; position: absolute; width: 100%; background: white; }
.popup-btn-cob a, .popup-btn input[type=submit] 		{ width: 100%; border-radius: 0; padding: 10px; font-size: 18px; }
.popup-btn-cob a:first-child, .popup-btn-cob input[type=submit]:first-child 		{ border-right: 1px solid white; }
.popup-btn-cob input[type=submit]:focus 		{ outline: 0; }
.popup-btn-cob a:first-child 		{ margin: 0 0 1px 1px; }
.popup-btn-cob a:nth-child(2) 		{ margin: 0 1px 1px 0; }
.popup-btn-cob a:last-child 		{ margin: 0 1px 1px 0; }

/* LOGIN */

.mirto-login 		{ width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); max-width: 550px; margin: 10px auto; padding: 0 40px; background: white; box-shadow: 0 1px 4px 0 rgba(49, 54, 58, 0.36); border: solid 1px #f4f7fa; }
.mirto-login .form-control 		{ min-width: 100%; border: none; border-bottom: 1px solid #879fab; border-radius: 0px; box-shadow: none; text-align: left; margin:0 !important; }
.mirto-login p 		{ font-size: 14px; font-weight: bold; color: #879fab; text-align: left; }
.mirto-login label 		{ font-size: 14px; font-weight: bold; color: #879fab; text-align: left; margin: 0; }
.mirto-login .row 		{ margin: 20px 0; }
.mirto-login-bt 		{ text-align: center; }
.mirto-login-bt input[type=submit], .mirto-login-bt button 		{ width: 135px; height: 40px; }
.mirto-login-bt > a:first-child 		{ float: left; }
.mirto-login-bt > a:last-child 		{ float: right; }
.mirto-login img 		{ width: 80px; height: 80px; margin: 30px 0px; }

/* ACCORDION STYLE */

.accHDselected 		{ background-color: #f4f7fa; font-weight: bold; color: #381567; font-size: 16px; text-align: left; padding: 10px; border: 1px solid #d6e0eb; border-bottom: 1px solid white; text-transform: uppercase; }
.accHD 		{ background-color: #f4f7fa; font-weight: bold; text-align: left; padding: 10px; margin: 5px 0; color: #381567; border: 1px solid #d6e0eb; cursor: pointer; }
.accHDselected span, .accHD span 		{ float:right; }
.accBody 		{ border: 1px solid #d6e0eb; border-top: 0px; padding-top: 20px; }
.HD-0 		{ border: 0; }
.Body-0 		{ border: 0; }

/* OVVERIDE SITE */

.opzioni 		{ margin: 0; vertical-align: top; }
#external-events { background-color: #f4f7fa; border: 2px solid #d3dee9; border-radius: 3px; }
#external-events h4 		{ color:#381567; }

.form-gap 		{ height: 36px; padding: 8px 12px; }
.form-upload 		{ min-width: 250px; height: 36px; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #381567; background-color: rgb(255, 255, 255); background-image: none; border: 0; border-bottom: 1px solid #d3dee9; border-radius: 0; margin: 0 5px 5px 0 !important; box-shadow: none; }
.form-upload:focus 		{ border-color: #381567; outline: 0; -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus 		{ outline: 0; outline-offset: unset; }

.form-commesse 		{ max-height: 170px; overflow-y: auto; padding: 0; background-color: #ffffff; }
.note 		{ width: 100%; }


/* RICERCA DATE */

.searchdate 		{ width: auto; display: inline-block; }
.searchdate > .btn 		{ margin: 4px 5px; }
.searchdate > .inp-drop-down 		{ margin: 0 5px; }

/* PROGRESS BAR CARICAMENTO */

 
/* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */

 
/*.divWaiting,#loadingImg 		{ display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat; }
*/

 
/* When the body has the loading class, we turn the scrollbar off with overflow:hidden body.loading .AjaxCaricamento 		{ overflow: hidden; }
Anytime the body has the loading class, our modal element will be visible body.loading .AjaxCaricamento 		{ display: block; }
*/

/*------- LISTA  --------- --------- */

.css_crud_lista                     { width: 100%; }
.css_crud_scheda .css_crud_lista    { width: 100%!important; }

.lista_info                         { display: none; float: left; margin-top:10px; padding:5px 10px; font-size: 11px ; font-weight: normal; background-color: lavender;}
.lista_info .alert                  { display: block; }
table.dataTable                     { border-collapse: unset; border-right:0 none;  border-left:0 none; border-bottom:0 none!important; }
table.dataTable td:last-child       { white-space: nowrap;  word-break:keep-all; text-align: right;}

table.dataTable  tr td       { border-bottom: 1px solid #d3dee9; height:/*56px;*/ auto; vertical-align: middle; }
table.dataTable  tr th       { border-top: 1px solid #d3dee9; border-bottom: 1px solid #d3dee9; }

.css_report table.dataTable  tr td    { height:auto;}

table.dataTable  thead:first-child tr:first-child th ,
.tb-elenco th 	    {  white-space: nowrap; padding-right: 16px; text-transform:uppercase; color: #381567; font-size:12px; }/*background-color: #ddd; */

table.dataTable  thead:first-child tr:nth-child(2) th     { margin-top:10px; }

.dataTables_info,  .dataTables_filter,  .dataTables_length 
{ margin-bottom: 10px; }    

.dataTables_info,  .dataTables_info *, 
.dataTables_filter,  .dataTables_filter *,
.dataTables_length,  .dataTables_length *       { font-size: 11px!important; font-weight:normal; }    

           
.dataTables_info                                { clear: none; float: right; margin-top: -6px; padding-left:10px; }
.dataTables_paginate                            { margin:5px 0 20px 0; }

.dataTables_paginate .paginate_button, a[data-swhglnk], .tb-elenco tfoot a         
                                                                    { border-radius: 0!important; background:#ddd!important; padding: 0.15em 0.65em; }

.dataTables_paginate .paginate_button:hover     { color: #555 !important; }
.dataTables_length   *                          { color: #555; }
.dataTables_length   select                     { border-radius: 4px; }
 



 /* DIALOG */
.ui-widget-overlay {
    background: #9E9E9E!important;
    opacity: 0.5!important;
    filter: Alpha(Opacity=.3);
}

.ui-widget-content a {
    color: #381567 !important;
}


/* =======================================================================================================*/
/* =======================================================================================================*/
/* RESPONSIVE */

         @media (min-width:1px) 		{ 
            .content-blur 		        { opacity: 0.5; }
            .content 		            { padding: 30px 5px 0; }
            #menuToggle 		        { display: block; }
            #menu 		                { width: 100%; }
            .main-logo 		            { margin: 14px 0 0 64px; }
            .account p 		            { display: none; }
            .main-menu > ul > li:last-child 		{ margin: 3px 0 0 20px; }
            .btn-log 		            { margin-bottom: 1px; margin-top: 1px; padding: 0px 7.25px; }
            .btn-log span 		        { display: none; }
            .btn-log i 		            { display: inline-block; }
            .bg 		                { display:none }
            .mirto-login 		        { width: calc(100%); margin: 0; box-shadow: none; border: 0; }
            .mirto-login .row 		    { margin: 0; }
            .mirto-login img 		    { margin: 0; }
            .orario-resp-menu 		    { display: none; }
            .orario-resp-calendar 		{ width: 100%; }
            #calendar 		            { margin: 0 5px; }
            .page-btn-right 		    { display: inline-flex; width: 100%; float: left; justify-content: center; margin: 0; }
            .search 		            { width: 100%; }
            .searchdate 		        { width: 100%; }
            .searchdate div 		    { width: 100%; }
            .inp-drop-down 		        { width: 100%; }
        }
        /* ==============================================*/

        @media (min-width:425px) 		
        { 
            .mirto-login 		    { width: calc(100% - 40px); margin: 20px auto; box-shadow: 0 1px 4px 0 rgba(49, 54, 58, 0.36); border: solid 1px #f4f7fa; height: inherit; }
            .mirto-login img 		{ margin: 10px 0; }
            .mirto-login .row 		{ margin: 10px 0; }
        }
        /* ==============================================*/

        @media (min-width:640px) 		
        { 
            .mirto-login 		    { width: calc(100% - 40px); margin: 10px auto; box-shadow: 0 1px 4px 0 rgba(49, 54, 58, 0.36); border: solid 1px #f4f7fa; height: inherit; }
            .mirto-login img 		{ margin: 10px 0; }
            .mirto-login .row 		{ margin: 10px 0; }
            .orario-resp-menu 		{ display: none; }
            .page-btn-right 		{ display: inline-block; width: auto; justify-content: unset; float: right; margin: 5px 0 0; }
            .search 		        { width: auto; }
            .searchdate 		    { width: auto; }
            .searchdate div 		{ width: auto; }
            .inp-drop-down 		    { width: auto !important; }
        }
        /* ==============================================*/

        @media (min-width:768px) 		
        { 
            #menu 		            { width: 75%; }
            .main-menu > ul > li:last-child 		{ margin: 5px 0 0 20px; }

            .btn-log 		        { margin-bottom: 5px; margin-top: 5px; padding: 3px 12px; }
            .btn-log span 		    { display: inline-block; }
            .btn-log i 		        { display: none; }
        }
        /* ==============================================*/

        @media (min-width:992px ) 		
        { 

            /* ---- determina il cambio MENU MOBILE >> MENU DESKTOP  --- */
            #menuToggle 		{ display: none; }
            .bg 		        { display: inline-block; }
            /* --- fine men� --- */

            .content 		        { padding: 45px 10px 0 80px; }
            .orario-resp-menu 		{ display: inline-block; }
            .orario-resp-calendar 	{ width: 83.33333334%; }
            #calendar 		        { margin: 0; }
        }

        /* ==============================================*/

        @media (min-width:1440px) 		
        {
            .content-blur 		    { opacity: initial; }
            .main-logo 		        { margin: 14px 0 0 24px; }
            .account p 		        { display: inline-block; }

        }
/* =======================================================================================================*/
/* =======================================================================================================*/


/* ================================================================
 Mirto2025 TCK000054210
 ================================================================
*/

.cont-def		        { flex-wrap: wrap;}
.cont-def > div		    {  display: flex; align-items:stretch; min-width:350px; max-width:24%;  }
.cont-def > div	> div	{  width: 100%!important; padding-bottom:15px; /* sovrascrive il col-md-xxx , senza dover cambiare tutte le strutture */ }


.d-flex.justify-content-between     { gap: 20px;}

.filtri_box 		    {  padding: 10px 5px; }
.filtri_box well h4 	{ display:inline-block; }


.link_torna_allalista    { float:left;  margin-right: 30px; margin-bottom: 20px; font-size: 16px; }

.formPopup             { background-color: #fff; max-height: 85vh; overflow-y: auto; }
#PopupHeader           { cursor: move; }
#pnlSostituzione       { max-height: 300px; overflow-y: auto; border: 1px solid #ddd; border-radius: 4px; padding: 4px; }


/* ======================================================================================== */
/* FORM GENERICI  */

input, select, textarea 		{ font-size:14px; }


input[type='file'].form-control { width:250px !important; }

textarea.form-control           { min-height:100px; border: 1px solid #8799ab;}


.form-control {  
                 width:auto; 
                 display:inline-block;
                 height: 36px;
                 padding: 8px 12px;
                 margin: 0 5px 5px 0 !important;
                 background-color: rgb(255, 255, 255);
                 background-image: none;
                 border: 0;
                 border-bottom: 1px solid #d3dee9;
                 border-radius: 0;
                 box-shadow: none;
                 appearance: auto;
                 font-size: 14px;
                 line-height: 1.4;
                 color: #381567;
            }

.form-control:focus 		{   border-color: #381567; 
                                outline: 0; 
                                -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); 
                                box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3); 
                            }

    legend   { border-bottom: 1px solid #381567; }

.btn_help { background-color: #cce5ff; border-radius: 50%; font-size: 15px; color: #381567;
            width:20px; height:20px; padding:0; margin:0 5px; 
            transition:0.2s all ease-in-out;
        }
.btn_help:hover { background-color: cornflowerblue; font-weight:bold;  }


select[multiple="multiple"].form-control {   height: auto !important;   min-height: 200px; } /* Luca A. TCK000061001*/


/* ======================================================================================== */
/* CSS su pagine/elementi SPECIFICI  */

    .cssBody_changeorg .cont-def > div { max-width: 50%!important;}

   .cssBody_Personale .label-small { display:inline-block; min-width:200px; } 
   .cssBody_Personale .label-big {} 

   .cssBody_Personale .form-control { min-width:150px; } 

    .cssBody_Cruscotto .form-control, .inp-drop-down { min-width:auto; background-color:#fff; }
   
    .cssBody_Dashboard .titolo-richieste 		{ padding: 16px 16px; }

    #MainContent_sottomenuleft_Riepilogo_grQo_lkAggiorna { position: absolute; top: 94px; left: 236px;}

/* ======================================================================================== */
/* TRASFORMAZIONE di   <ajaxToolkit:TabContainer> in Bootstrap 5 */

    .ajax__tab_default .ajax__tab { height: auto;  margin: 0px; text-transform: uppercase; font-family:inherit; }

    .ajax__tab_outer    { margin: 0; padding-right:0!important;  border:none; background-color:transparent;  }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer  { margin:0; height:auto!important; }

    .ajax__tab_outer , .ajax__tab_inner   {   }

    .ajax__tab_inner  a {   text-decoration: none; font-size: 13px; 
                            color: #555!important;  background-color: #d4d4d4!important; 
                            padding: 0.5rem 1rem!important;  
                            border-radius: 0px 20px 0 0!important;
            
    }
    .ajax__tab_outer, .ajax__tab_inner, .ajax__tab_inner  a {  background-image:none!important; }

    .ajax__tab_active .ajax__tab_tab, .ajax__tab_tab:hover, .ajax__tab_tab:focus 		
            { background-color: lavender!important; color: #381567; border-bottom:none; outline: 0; }




/* ======================================================================================== */
/* =MEDIA QUERY= */
/* ======================================================================================== */


@media (max-width:992px) 		
{
        /* come in Bootstrap 4; invece nel 5 l'approccio richiederebbe 'sconvolgimenti' nella struttura */
        .table-responsive { 
              display: block;
              width: 100%;
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;
              -ms-overflow-style: -ms-autohiding-scrollbar;
            }
}