:root{
  --coldark:#212b47;
  --bordercol:#212b47; 
  --radius:0;
}

 * {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a, button, button:focus, button:active, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea, select, input[type="checkbox"] {text-decoration:none !important; outline:none !important; box-shadow: none !important;}
.logo {text-align: center; margin-bottom: 20px;}
.logo img, .logo-start{max-width: 300px; margin:auto}
h1{font-size: 2em; text-transform: uppercase; margin-bottom: 40px}
#databox{margin:0; padding:0; height: 0}
body{height: 100vh;
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400; /* 300 - 800 */
font-style: normal;
font-variation-settings:"wdth" 100;
font-size: 1em;
color: var(--coldark);
}
.box-login-container, .box-container {width:100%; height:100%; display: flex; align-items: center; justify-content: center}
.box-login{width: 300px; border:var(--bordercol) 1px solid; padding: 16px}
label{font-size: 0.8em; color: #666}

.input-group-text{border:var(--bordercol) 1px solid; border-radius: var(--radius); background: var(--coldark); color:#fff}
input[type="text"], input[type="email"], input[type="password"], textarea, input[type="checkbox"], input[type="date"], .form-select {border:var(--bordercol) 1px solid; border-radius: var(--radius)}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus, .form-select:focus {border:var(--bordercol) 1px solid;}
button.btn-custom {border:var(--bordercol) 1px solid; background: var(--coldark); color: #fff; border-radius: var(--radius); text-transform: uppercase}
.fielderror{border:#ff0000 1px solid !important}
.texterror{color:#ff0000}
button.btn-custom:hover {border:var(--bordercol) 1px solid; background: #fff; color: var(--coldark); }
.box-login a:link, .box-login a:visited {font-size:0.8em; color:#444}
.box-login a:hover {color:var(--coldark); text-decoration:underline !important}
#login-message{min-height: 50px; text-align: center}
.condizioni{color:var(--coldark); text-decoration: underline !important;}
.modal-title{color:var(--coldark);}
.modal-body{color:var(--coldark);}
.modal-text{font-size: 0.8em}
#ajax-loader {
	display: none;
  background-color: rgba(0,0,0,0.7);
  position: fixed;
  z-index: 1800 !important;
  min-width: 100%;
  min-height:100%;
  height: 100vh;
}
#ajax-loader div {
	display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  min-height:100%;
  height: 100vh;
}
#ajax-loader div img { max-width:140px }

.box-home{display: flex; align-items: center; justify-content: center; flex-wrap: wrap}
.h-100{height: 100vh}
.welcome{text-align: center}
.dati-footer{font-size: 0.8em; margin-bottom: 24px}
.dati-footer a {color: #212b47; text-decoration: underline !important;}
.logout-hp:link, .logout-hp:visited {color: var(--coldark);} .logout-hp:hover {color: #7dcdf4;}
.btn-home i, #elenco-analisi i{ font-size:2em }
.row-container{width: 100%; background-color: var(--coldark);}
.navbar{background: none !important}
.navbar-brand img {width: 300px; height: auto}
.navbar-toggler{width:42px; height:38px; color:#fff; border:#fff 1px solid; border-radius: 0; background: none; text-align: center; font-size: 0.5em; text-transform: uppercase; padding: 0; margin-left: 8px}
.navbar-toggler svg{width: 16px; height: 16px; fill:#7dcdf4; }
.navbar-toggler.collapsed {color:#7dcdf4}
.navbar-toggler.collapsed svg {transform: rotate(180deg);fill:#fff; }
.nav-link{font-size: 1.1em; font-weight: 600; text-transform: uppercase;}
.dropdown-menu {border:0 !important; border-radius: 0; background-color: var(--coldark);}

.nav-link:link, .nav-link:visited, .dropdown-item:link, .dropdown-item:visited {color: #fff}
.nav-link:hover,  .dropdown-item:hover, .show {color:#7dcdf4 !important;}
.dropdown-item:hover{background-color: none !important}
.dropdown-menu .dropdown-item {background:none !important}
.nav-link.user{font-size: 0.8em; text-transform: none}

#documenti-lista{display: none;}
.tabella-docs th{font-size: 0.8em; background-color: #fafafa}
.tabella-docs small {font-size: 0.7em}
.filedownload i {font-size: 2em}
a.filedownload:link, a.filedownload:visited {color: var(--coldark);}
a.filedownload:hover {color: #7dcdf4;}
.pager-container{width: 100%; display: flex; align-items: center; justify-content: center}
.pager-container div{padding: 6px 12px; width: 33%}

h5.rischio{min-height: 50px}
.griglia hr{margin-top: 12px; margin-bottom: 12px; border-color:#7dcdf4; opacity:1 }
.csc, .pep{border: var(--coldark) 1px solid; color:var(--coldark); background: none; padding:1px 8px; cursor: pointer; margin: 6px}
.csc_act, .pep_act {color:#fff; background: var(--coldark);}
.importo{color:#7dcdf4}
.out_rischio{ padding: 4px; font-size: 0.8em}
.g_verde{background-color:#ccffcc; color: #000;}
.g_giallo{background-color:#ffff00; color: #000;}
.g_arancio{background-color:#ffcc66; color: #000;}
.g_rosso{background-color:#ff3333; color: #fff;}
#adeguata_verifica span {font-size: 1.2em; padding: 6px; margin-top: 6px}
#stampa-analisi{display: none}
.trash-analisi{color: #ff0000; cursor:pointer}
.filedownload .bi-trash-fill{font-size: 0.9em}

#box-ricerca{max-width: 600px;}
#dilisense-response i{font-size: 0.8em}
#dilisense-response hr{border-color:#7dcdf4; opacity: 1}

@media (max-width: 992px) {
.griglia .dsc {margin-bottom: 6px}
}
@media (max-width: 767px) {
    h1{font-size: 1.8em;}
    #documenti-lista{display: block;}
    #documenti-tabella{display: none}
    #documenti-lista .cella {margin-top:6px; margin-bottom: 6px; padding:6px 12px; border: #ccc 1px solid; position: relative; line-height: 1.2em}
    #documenti-lista .icona{position: absolute; bottom:4px; right:2px; z-index: 2; font-size: 1em; padding:0}
    #documenti-lista .cella small {font-size: 0.7em}
}
@media (max-width: 576px) {
    .navbar-brand img{max-width: 200px; margin:auto}
    h1{font-size: 1.4em; margin-bottom: 20px}
    .paginazione{font-size: 1.6em}
    .paginazione span {display: none;}

}