/* CSS Document v.2.00 */

/*region Bottoni */
.btn-module {
    background-color: var(--module-color);
    border-color: var(--module-color);
    color: #fff;
}
.btn-module:hover {
    filter: brightness(0.85);
    color: #fff;
}
/*endregion Bottoni */

/*region Utilita */
.ok { color: green; }
.ko { color: red; }
/*endregion Utilita */

/*region Setup */
body.setup #wrapper {
    max-width: 800px;
}
body.setup #confirmation {
    text-align: center;
    padding: 40px;
    border: 1px solid #dee2e6;
    margin: 20px 0;
}
body.setup #confirmation ul {
    text-align: left;
    max-width: 400px;
    margin: 20px auto;
}
/*endregion Setup */

/*
main color		428bca AZZURRO
più scuro	    0d659d
overlay			2a6496
*/

[data-toggle="collapse"] .fa:before {   
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}


body {font-family: "Open Sans",sans-serif;background: #eee;font-size: 16px;color:#333;margin-top: 30px;}
#wrapper {background: #fff; width:70%; max-width: 1200px;padding:40px; margin:0 auto;border:2px solid #ddd;}
#header {text-align: center;}
#content {padding: 20px;}

#confirmation {max-width:1200px;margin:20px auto;border:1px solid #ccc;padding:40px;text-align:center;}
#confcontent {width:60%; text-align: left;margin:30px auto;font-size:18px;}

/*** Responsive Styles Tablet Only ***/

@media (max-width: 600px)  {

	#wrapper {width:100% !important}

}

.btn-primary {color: #fff;background-color:#428bca;border-color:#357ebd;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {color: #fff;background-color:#3276b1;border-color:#285e8e;}

h1 { background:#428bca;width:100%; margin:20px 0 ;padding:5px;text-align: center;font-size: 30px;color:#fff;font-weight: 200;}
h2 { width:100%; margin:20px 0 ;padding:5px;text-align: center;font-size: 24px;color:#0072BC;font-weight: 700;}
h3 { width:100%; margin:20px 0 ;padding:5px;text-align: left;font-size: 18px;color:#5AA4E0;font-weight: 200;}
h4 { width:100%; margin:20px 0 ;padding:5px;text-align: left;font-size: 18px;color:#D3D73A;font-weight: 200;}
h4.idko { width:100%; margin:10px 0 0px 0 ;padding:5px;text-align: left;font-size: 18px;color:#9E2E30;font-weight: 200;}
p.warning {background:red;color:white;}
p.valid {background:green;color:white;}

div#logo {text-align: center;}

.mb27debug {color: #B97F00}


/* DARK VERSION */
body.black {background:black;}
#wrapper.black {background:black;}


#reademail #wrapper {width:95%;color:#bbb}

/* LOGIN */

html,
body#login {
  height: 100%;text-align:center;
}

body#login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

#login .form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

#login .form-signin .checkbox {
  font-weight: 400;
}

#login .form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
  margin:15px 0;
}
#login .form-signin .form-control:focus {
  z-index: 2;
}
#login .form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#login .form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#login .btn-primary {margin: 30px auto;display: block;}

#login .login-lost {margin:10px 0;}


/* WELCOME page */
#welcome #header {text-align: center;}

#welcome #content {padding: 20px;}
#welcome #content img {box-shadow: 2px 2px 20px #000;}
#welcome #content .comunicazione {/*font-style: italic;*/font-family: 'Inconsolata', monospace;background: #f6f6f6;padding: 20px;border: 1px solid #ccc;}
#welcome #content .comunicazione img#logo {box-shadow:none;margin:40px auto; display: block;}

#welcome #reset_utente ul {list-style-type: none}
#welcome #reset_utente ul li  {font-weight: 700;}
#welcome #reset_utente ul li label {font-weight: 400; margin:0 20px; width:200px;}
#welcome strong {color:#0072BC;}

#welcome webclient {background:#0072BC; color: white; padding:20px;}
#welcome webclient h2 {color: white; }
#welcome webclient a {color: white; font-weight: bold;}

#welcome #webclient img {box-shadow: 0px 0px 0px}


/*** Responsive Styles Tablet Only ***/

@media (max-width: 600px)  {

	#welcome #wrapper {width:100% !important}

}



/* INSERTSP page */

button.btn-primary {width:200px;margin:30px auto;background-color: #77b132;border: #517921}





/* RESET */


/* reset_utente */

#reset_utente #header {text-align: left;}
#reset_utente #header h2 {font-size: 18px;margin: 5px 0;font-weight: normal}
#reset_utente ul {list-style-type: none}
#reset_utente ul li  {font-weight: 700;}
#reset_utente ul li label {font-weight: 400; margin:0 20px; width:200px;}
#reset_utente form {text-align: center; margin-bottom:30px;}




/* #wrapper {background: #fff; width:70%; max-width: 1200px;padding-bottom: 40px;margin:0 auto;border:2px solid #ddd;} 
h1 {color: #0072BC}*/


#header {text-align: center;}

#content {padding: 20px;}

#reset_utente ul {list-style-type: none}
#reset_utente ul li  {font-weight: 700;}
#reset_utente ul li label {font-weight: 400; margin:0 20px; width:200px;}