/* main */
body{background: url(../images/pattern.png) repeat center center;}
form{position:relative;}
.container {display: flex; flex-direction: column; min-height: 90.4vh; padding:0 20px;}
.center{ text-align: center !important;}
.resetmargin{margin:0 !important;}
.resetrounded{-webkit-border-radius: 0 !important; -moz-border-radius 0 !important; border-radius 0 !important;}
.fullwidth{width:100% !important;}
.title-page{padding-top:180px;}
.title-page h1{font-weight: 600; font-family: 'Assistant', sans-serif; color: #000000; font-size:24px; text-align:center;}
h2{font-weight: 500; font-family: 'Assistant', sans-serif; color: #000000; font-size:20px; text-align:center;}
.user-logged span{display:inline-block; font-weight: 600; font-family: 'Assistant', sans-serif; color:#f67707; font-size: 18px; text-align: center; display: block; padding-top: 10px;}
.message-error-warning span{font-weight: 600; font-family: 'Assistant', sans-serif; color: white; font-size: 16px; text-align: center; display: block; padding: 10px 0; background-color: #b00000; margin: 10px 0 20px 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-style:italic;}
#LblWarningMagazzino, #LblWarningScadenzeAbilitazioni, #LblWarningScadenzeAutomezzi, #LblWarningAttrezzature{font-weight: 600; font-family: 'Assistant', sans-serif; color: white; font-size: 16px; text-align: center; display: block; padding: 10px 0; background-color: #f67707; margin-bottom:0; margin-top:5px; font-style:italic;}
#LblMissione, #LblDescMezzo{font-weight: 600; font-family: 'Assistant', sans-serif; font-size: 20px; text-align: center; display: block; padding: 10px 0; margin-bottom:20px; margin-top:5px;}
#LabelNomeCognomeAbilitazioni{font-weight: 600; font-family: 'Assistant', sans-serif; font-size: 16px; text-align: center; display: block; padding:0;}
#LblUser{display:block; margin-top:20px;}
.margin-top-button{ margin-top:40px;}
textarea{width:100%;}
:focus {outline: none;}
.doubleblock{width:100%; text-align:center; font-size:0;}
.doubleblockitem{width:50%; display:inline-block;}
.doubleblockitemright{width:20%; display:inline-block;}
.doubleblockitemleft{width:80%; display:inline-block;}
.tripleblock{width:100%; text-align:center; font-size:0;}
.tripleblockitem{width:31%; margin:1%; display:inline-block;}
.tripleblockitemleft{width:60%; display:inline-block;}
.tripleblockitemcenter{width:20%; display:inline-block;}
.tripleblockitemright{width:20%; display:inline-block;}
.hide{display:block !important;}
.btnfullwidth{width:100% !important;}
table{ margin-bottom:20px !important;}
.conteggio{font-weight: 500; font-family: 'Assistant', sans-serif; color: #000000; font-size:16px; text-align:center; margin-bottom:20px;}
.mgl-input{margin-left:10px;}

/* header desktop */
.header{box-shadow: 0 5px 5px 0 #c1d0d9; width:100%; position: fixed; top:0; left:0; z-index: 200; padding: 10px; display:block; background-image:url('../images/sfondo-header.gif'); background-repeat:repeat; background-position:center;}
.navigation{width:100%; display: flex; justify-content: space-between; align-items: center; justify-content: center;}
.navigation div {margin:0 20px;}
.navigation div a{font-family: 'Assistant', sans-serif; font-weight: 500; font-family: 'Assistant', sans-serif; color: #ffffff; text-decoration: none; display: block; text-align: center; font-size: 18px; padding: 12px 20px; background-color: #172453; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.navigation div a:hover{background-color: #f67707;}
.logo {width:100%; max-width:120px;}

/* header mobile */
.header-mobile{height:70px; width: 100%; position: fixed; top:0; left:0; text-align: center; background-color: #ffffff; z-index: 200; display:none; background-image:url('../images/sfondo-header.gif'); background-repeat:repeat; background-position:center;}
.header-mobile img{padding-top:12px;}
.menu-mobile{width: 100%; height:100vh; position: fixed; left: -100%; top:70px; background-color:#172453; padding-top:20px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;}
.menu-mobile.open{ left: 0;}
.menu-mobile a{font-family: 'Assistant', sans-serif; font-size:18px; color:#ffffff; text-decoration: none; display: block; text-align: center; padding: 10px 0; font-weight:500;}

/* hamburger */
#navigation-icon{width: 32px; height: 30px; position: absolute; top:16px; left:16px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#navigation-icon span {display: block; position: absolute; height: 2px; width: 50%; background: #000000; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#navigation-icon span:nth-child(even) {left: 50%; border-radius: 0 9px 9px 0;}
#navigation-icon span:nth-child(odd) {left:0px; border-radius: 9px 0 0 9px;}
#navigation-icon span:nth-child(1), #navigation-icon span:nth-child(2) {top: 7px;}
#navigation-icon span:nth-child(3), #navigation-icon span:nth-child(4) {top: 18px;}
#navigation-icon span:nth-child(5), #navigation-icon span:nth-child(6) {top: 29px;}
#navigation-icon.open span:nth-child(1),#navigation-icon.open span:nth-child(6){-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#navigation-icon.open span:nth-child(2),#navigation-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#navigation-icon.open span:nth-child(1) {left: 4px; top: 14px;}
#navigation-icon.open span:nth-child(2) {left: calc(50% - 4px); top: 14px;}
#navigation-icon.open span:nth-child(3) {left: -50%; opacity: 0;}
#navigation-icon.open span:nth-child(4) {left: 100%; opacity: 0;}
#navigation-icon.open span:nth-child(5) {left: 4px; top: 22px;}
#navigation-icon.open span:nth-child(6) {left: calc(50% - 4px); top: 22px;}

/* form */
.container-form{width:100%; max-width:640px; margin:20px auto;}
.container-ricerca{width:100%; max-width:1024px; margin:20px auto;}
input[type="text"],input[type="password"]{width: 100%;}
input[type="button"]{cursor:pointer;}
input[type="submit"]{width: 100%; border-radius: 12px 12px; -webkit-border-radius: 12px 12px; -moz-border-radius: 12px 12px; padding:10px; background-color:#f67707; font-weight: 600; font-family: 'Assistant', sans-serif; color: #ffffff; font-size:16px; cursor:pointer; border: solid 1px #FFF;}
.container-input{position: relative;}
.input{border: 0; padding: 10px; border-bottom: 1px solid #ccc; font-weight: 500; font-family: 'Assistant', sans-serif; color: #000000; font-size:16px; background-color:#f8f8f8;}
select{cursor:pointer; width:98%; border: 0; padding: 10px; border-bottom: 1px solid #ccc; font-weight: 500; font-family: 'Assistant', sans-serif; color: #000000; font-size:16px; background-color:#f8f8f8;}
.box-arrow-down-select{position:absolute; top:12px; right:20px; z-index:100;}
.input ~ .border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #f67707;}
.input:focus ~ .border{width: 100%; transition: 0.5s;}
.separator{width:100%; height:20px;}
p.login, p.vestiario, p.anagrafica, p.abilitazioni, p.automezzi, p.attrezzature, p.cerca, .automezzi, p.attrezzature, p.archivio{font-weight: 400; font-family: 'Assistant', sans-serif; color: #000000; font-size:16px; margin-bottom:10px; font-style:italic; text-align:left;}
table.tabelle{font-family: 'Assistant', sans-serif; color: #000000; font-size:15px; font-weight:500; border-spacing: 10px; border-collapse: separate; margin:auto; width:100%;}
table.tabelle tr th:first-child, table.tabelle tr td:first-child{display:none;}
table.tabelle tr th{font-weight:700; padding:15px 0; background-color:#172453; color:#ffffff;}
table.tabelle tr td{padding: 5px 10px; text-align:center; vertical-align:middle;}
table.stampa{font-family: 'Assistant', sans-serif; color: #000000; font-size:15px; font-weight:500; border-spacing: 10px; border-collapse: separate; margin:auto; width:100%;}
table.stampa tr th{font-weight:700; padding:15px 0; background-color:#172453; color:#ffffff;}
table.stampa tr td{padding: 5px 10px; text-align:center; vertical-align:middle;}
table.dettagli{font-family: 'Assistant', sans-serif; color: #000000; font-size:14px; font-weight:500; border-spacing: 5px; border-collapse: separate; margin:auto; width:100%;}
table.dettagli tr th{font-weight:700; padding:15px 0; background-color:#f8f8f8; color:#000000;}
table.dettagli tr td{padding: 5px 10px; text-align:center;}
.colorerigaalternate{background-color:#e6e6e6 !important; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.BtnShort{width:100px; display:inline-block; margin-top:0 !important; background-color:#b00000 !important;}
.readdelete{padding: 10px 0 0 0;}
.readdelete ul{width: 100%;
    margin: auto;
    padding-top: 10px;
    text-align: center;
    max-width: 550px;}
.readdelete ul li{width: 32%; display: inline-block; margin: 0 0 20px 0;}
#LblElimina{display:inline-block; font-weight: 600; font-family: 'Assistant', sans-serif; color:#b00000; font-size: 18px; text-align: center; display: block; padding:0;}
#BtnCercaNoteAttrezzature, #BtnRicaricaAttrezzature,#BtnCercaNoteMezzi,#BtnInserisci, #BtnRicaricaMezzi,#BtnInserisciMezzo,#BtnInserisciAttrezzatura, #BtnCategorieArchivio, #BtnNuovoDocumento{width: 160px; border-radius: 12px 12px; -webkit-border-radius: 12px 12px; -moz-border-radius: 12px 12px; padding: 10px; background-color: #f67707; font-weight: 600; font-family: 'Assistant', sans-serif; color: #ffffff; font-size: 16px; margin-top: 10px; cursor: pointer;}
.input-short{padding:8px; margin-left:2%; width:98% !important;}
#ImgBtnWarning{position:fixed; top:110px; right:0; z-index:300;}
#GridViewAtrezzatureCerca{margin-bottom:50px;}
input[type=checkbox] {padding: 7px; background: #ffffff; border: 1px solid #d5d5d6;outline: none; cursor:pointer;}
input[type=checkbox]:checked {background:#ffffff url("../images/checked.png");}
.box-abilitazioni{border: solid 1px #cccccc; padding:20px 10px 10px 0; position: relative; width: 100%; max-width: 640px; margin:auto; background-color:#f4f4f4; margin-bottom:20px;}
.chiudiabilitazioni{ position:absolute; top:5px; right:5px; z-index:100px;}
.hrseparator{margin:50px 0;}
.NomeCategoria{font-family: 'Assistant', sans-serif; color: #172453; font-size: 20px; font-weight: 600; display: block; width: 100%; text-align: center; padding: 0 20px 20px 0;}
.NomeCategoria::before{content:'Categoria selezionata: ';}

/* Hide GridView */
table#GridViewAnagraficaVestiario tr th:nth-child(2), table#GridViewAnagraficaVestiario tr td:nth-child(2){display:none;}
table#GridViewMissioniAttrezzature tr th:nth-child(2), table#GridViewMissioniAttrezzature tr td:nth-child(2){display:none;}
table#GridViewMissioniAttrezzature tr th:nth-child(3), table#GridViewMissioniAttrezzature tr td:nth-child(3){display:none;}
table#GridViewMissioniMezzi tr th:nth-child(2), table#GridViewMissioniMezzi tr td:nth-child(2){display:none;}
table#GridViewMissioniMezzi tr th:nth-child(3), table#GridViewMissioniMezzi tr td:nth-child(3){display:none;}
table#GridViewAnagraficaAbilitazioni tr th:nth-child(2), table#GridViewAnagraficaAbilitazioni tr td:nth-child(2){display:none;}
table#GridViewMissionePersone tr th:nth-child(2), table#GridViewMissionePersone tr td:nth-child(2){display:none;}
table#GridViewArchivio tr th:nth-child(2), table#GridViewArchivio tr td:nth-child(2){display:none;}
table#GridViewDocumentiCerca tr th:nth-child(2), table#GridViewDocumentiCerca tr td:nth-child(2){display:none;}
table#GridViewNoteAutomezzi tr th:nth-child(2), table#GridViewNoteAutomezzi tr td:nth-child(2){display:none;}
table#GridViewNoteAttrezzature tr th:nth-child(2), table#GridViewNoteAttrezzature tr td:nth-child(2){display:none;}

/* footer */
.footer{background-color: #172453; margin-top: auto; padding:20px;}
.footer p{font-weight: 400; font-family: 'Assistant', sans-serif; color: #ffffff; font-size:14px; text-align:center; line-height:120%;}

@media(max-width:1440px)
{
    .navigation div a{font-size: 16px; padding: 8px 16px;}
    .logo {width:80%;}
    .title-page{padding-top:150px;}
}

@media(max-width:1280px)
{
    .navigation div {margin:0 10px;}
    .navigation div a{font-size: 14px; padding: 6px 10px;}
    .logo {width:60%;}
    .title-page{padding-top:120px;}
    .title-page h1{font-size:20px;}
}

@media(max-width:1024px)
{
    .navigation div {margin:0 5px;}
    .title-page h1{font-size:18px;}
}

@media(max-width:840px)
{
    .header{display:none;}
    .header-mobile{display:block;}
    .title-page{padding-top:90px;}
    .header-mobile img{padding-top:4px;}
    .logo {max-width:60px;}
    #ImgBtnWarning{top:40px;}
}

@media(max-width:767px)
{

}

@media(max-width:480px)
{

}

@media (orientation: landscape) {
}

@media (orientation: portrait) {
}