@charset "utf-8";
/* CSS Document */

body{
	text-align:center;
	font-family:"Cabin";
	font-display:swap;
	-webkit-text-size-adjust:none;
    background-color: rgb(217 217 217 / 1);
}
#main{
    /*background-color: #f7f7f7;*/
}
#Logo{
    display: block;
    position: relative;
    height: 75px;
	width:260px;
    margin: auto;
}
#menu{
	display: inline-block;
    width: 70%;
}
.Insert{
	display: inline-block;
	width:35%;
    height: 25px;
    margin-top: 7px;
	margin-left:5px;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	border:1px solid #A6A6A6;
    box-shadow: 2px 2px 5px 1px #8c8c8c;
	background-color:#FFFFFF;
	}
.InsertBlo{
	background-color: #c5c5c5;
	color: graytext;
	}
.X_Check{
	display: inline-block;
	width:35%;
    height: 35px;
	margin-left:5px;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	}
.irow{
    display: block;
    position: relative;
    width: 100%;
    /*height: 39px;*/
	}
.Infos{
	display:block;
	position:relative;
	width:80%;
	margin:auto;
	margin-top:25px;
	font-size:22px;
	-webkit-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	appearance:none;
}
.Testo{
	display:inline-block;
	width:33%;
    height: 25px;
    margin-top: 10px;
    text-align: right;
    margin-right: 90px;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	color: rgb(137 137 137 / 1);
	}
#ButtonList{
	display:block;
	position:relative;
	width:70%;
	margin:auto;
	margin-top: 20px;
    margin-bottom: 25px;
	}
.Btn{
	display: inline-block;
	position:relative;
	background-color: #737373;
    width: 195px;
    height: 48px;
    vertical-align: middle;
    margin: 20px 10% 20px 10%;
    border-radius: 30px;
	cursor:pointer;
	background-image: linear-gradient(rgb(204 204 204 / 1), rgb(115 115 115 / 1));
	box-shadow: 2px 2px 5px 0px #a5a5a5, -2px -2px 5px 0px #d0d0d0;
	transition:ease-in;
}
.Btn:hover{
	cursor:pointer;
	background-image: linear-gradient(rgb(224 224 224 / 1), rgb(135 135 135 / 1));
}
.cicon{
	display:block;
	position:absolute;
	background-color: rgb(226 226 226 / 1);
    width: 38px;
    height: 38px;
    border-radius: 50px;
	top: 5px;
    left: 5px;
	}
.TitoloPagina{
	position: relative;
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 26px;
    color: #898989;
}
.btn_Icon{
	display: block;
    position: absolute;
	height: 28px;
    top: 5px;
    left: 5px;
    vertical-align: middle;
}
#bLoginList{
	display:block;
	position:relative;
	width:80%;
	margin:auto;
	margin-top:120px;
}
.bLogin{
	display:block;
	position:relative;
	width:250px;
	height:45px;
	margin:auto;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	
	-webkit-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;

	background-color:rgb(115 115 115 / 1);
    border: none;
    color:rgb(115 115 115 / 1);
    text-align: center;
    text-decoration:none;
    font-size: 18px;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s; 
    transition-duration: 0.3s;
    cursor: pointer;
	border-radius: 8px;
	margin-top:25px;
	padding-top:5px;
	box-shadow: inset 1px -1px 3px 0 rgba(0, 0, 0, 0.3), 
				inset -2px -2px 24px 0 rgba(64, 64, 64, 0.3), 
				inset 2px 2px 6px 2px rgba(255, 255, 255, 0.3);
	}
.Btn_txt{
	position:relative;
	display:block;
    width: 120px;
	font-size: 19px;
	margin-left: 53px;
    margin-top: 12px;
	color: #5d5d5d;
    text-align: center;
	}
.bLogin:hover {
	appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
    background-color: rgb(224 224 224 / 1);
    color:rgb(224 224 224 / 1);
}
.infobtn{
	display:inline-block;
	width: 35%;
	}
.RigInfo{
	display: block;
    position: relative;
    width: 100%;
    height: 35px;
	
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s; 
    transition-duration: 0.3s;
	}
.sicon{
    display: inline-block;
    position: absolute;
    height: 31px;
    top: 10px;
    margin-left: 10px;
	border: 1px solid rgb(185 185 185 / 1);
    background-color: rgb(224 224 224 / 1);
    min-width: 30px;
}
.siconImg{
    height: 30px;
	width: 30px;
    display: none;
}
.btn_plus{
	position: absolute;
	padding:0;
	top: 3px;
    right: 28px;
    margin-top: 11px;
    width: 25px;
    height: 25px;
	border-radius: 3px;
	}
.aggiungi{
	position: absolute;
	height: 23px;
    top: 1px;
    left: 1px;
	}
/* The switch - the box around the slider */
.switch {
	position: relative;
	display:block;
	width: 60px;
	height: 34px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.Switcher {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*ROSSO*/
	background-image: linear-gradient(rgb(224 140 140), rgb(204 58 58));
	background-color: rgb(224 140 140);
	-webkit-transition: .4s;
	transition: .4s;
	}
.Switcher:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	}
input:checked + .Switcher {
	/*VERDE*/
	background-image: linear-gradient(#82ea86, rgb(54 150 61));
	background-color: #82ea86;
	-webkit-transition: .4s;
	transition: .4s;
	}
input:focus + .Switcher {
	box-shadow: 0 0 1px #22D037;
	}
input:checked + .Switcher:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	}
/* Rounded sliders */
.Switcher.round {
	border-radius: 34px;
	}
.Switcher.round:before {
	border-radius: 50%;
	}
.BlockedS{
	background-image: linear-gradient(rgb(204 204 204 / 1), rgb(115 115 115 / 1));
}
/* --- --- ---*/

.Menufondo{
	display:block;
	position:relative;
    width: 70%;
    margin: auto;
    margin-top: 50px;
	}
#fondo{
	visibility:hidden;
	height:90px;
}
#UTENTI{
	display:block;
	position:relative;
	margin:auto;
	margin-top: 25px;
	}
.User{
	display:block;
	position:relative;
	width:80%;
	min-height:45px;
	margin:auto;
	margin-top:10px;
	border-radius: 25px;
	box-sizing:content-box;
	border: 3px solid #3679A8;
    background-color: #FFFFFF;
	}
.end-record-info{
	display: block;
    position: relative;
    width: 80%;
    height: 45px;
    margin: auto;
    line-height: 45px;
    margin-top: 10px;
    border-radius: 25px;
    box-sizing: content-box;
    border: 1.5px solid rgb(231 37 52);
	color:rgb(231 37 52);
    background-color: #FFFFFF;
	}
.imgser{
	position: relative;
	display:block;
    margin: auto;
    height: 40px;
	width: 40px;
    border: 0.5px solid #646464;
    border-radius: 20px;
	background-color: rgb(204 204 204 / 1);
	}
.ImgMacro{
	display: block;
    position: relative;
    margin: auto;
    height: 32px;
	margin-top: 5px;
	}
.Descr_txt{
	display: block;
    position: relative;
    margin-left: 45px;
    width: 100%;
	}
.Descr_space{
	position:relative;
	display:table-cell;
	/*width:25px;*/
	width:2%;
	height:45px;
	}
.Descr_Title{
	display: inline-block;
    margin: 0px;
	margin-left: 25px;
    line-height: 45px;
	}
.Descr{
	position: relative;
    display: table-cell;
    vertical-align: middle;
	width: 10%;
	padding-right: 5px;
    text-align: left;
    white-space: pre-wrap;
	}
.Descr_X{
	/*width:50px;*/
	width:2.5%;
	height:50px;
    display: table-cell;
    margin: auto;
	}
.Descr_1{
	width:auto;
}
/*.Descr_5{
	width: 9vw;
	}*/
.Descr_ditta{
	width: 15%;
    min-width: 160px;
    max-width: 250px;
	}
.Descr_macro{
	width: 9%;
	min-width: 145px;
    max-width: 250px;
	}
.Descr_area{
	width: 23%;
	min-width: 200px;
    max-width: 350px;
	}
.Descr_nome{
	width: 12%;
	min-width: 145px;
	max-width: 250px;
	}
.Descr_ogg{
	width:20%;
}
.Descr_data{
	width: 11%;
	min-width: 100px;
    max-width: 150px;
	}
.Descr_note{
	width: 23%;
	}
.AwName{
	clear:both;
	display:table;
	width:100%;
	position:relative;
	white-space:nowrap;
	color:black;
	font-size:16px;
	text-decoration: none;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	}
.AwTitle{
	text-align:left !important;
	}
.Bdx{
	position:relative;
    right: 0;
    top: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing:border-box;
	}
.Go_btn{
	display:inline-block;
	position:relative;
	-webkit-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float:right;
	
	width: 90px;
    height: 33px;
    margin: auto;
    margin-right: 10px;
	border-radius: 18px;
	margin-bottom: 5px;
    margin-top: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	color: #5d5d5d;
	background-color: #58bfbf;
    border: none;
    text-align: center;
    text-decoration:none;
    font-size: 14px;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s; 
    transition-duration: 0.3s;
    cursor: pointer;
	background-image: linear-gradient(#cccccc, #737373);
	box-shadow: inset 1px -1px 3px 0 rgba(0, 0, 0, 0.3), 
				inset -2px -2px 24px 0 rgba(64, 64, 64, 0.3), 
				inset 2px 2px 6px 2px rgba(255, 255, 255, 0.3);
	}
.Go_btn:hover{
	appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	background-color: #003B3B;
	background-image: linear-gradient(#ececec, #cccccc);
}
.empty_x{
    display: block;
    position: relative;
    width: 100px;
}
element.style {
    display: block;
    overflow: hidden;
}
.icon-select .box {
	width:390px;
}
.radiob{
	display:none;
	}
.radiolab{
	display: inline-block;
    position: relative;
    margin: auto;
    background-color: #e7e7e7;
    border-color: #ddd;
	color: #5d5d5d;
    background-image: linear-gradient(rgb(204 204 204 / 1), rgb(115 115 115 / 1));
    box-shadow: 2px 2px 5px 0px #a5a5a5, -2px -2px 5px 0px #d0d0d0;
    width: 130px;
    height: 30px;
    vertical-align: middle;
    margin: 20px 3% 20px 3%;
    border-radius: 30px;
    cursor: pointer;
    font-family: "Cabin";
    font-size: 19px;
	line-height:30px;
	}
.radiob:checked + label { 
	background-image: linear-gradient(rgb(154 153 153), rgb(181 181 181));
    box-shadow: inset 3px 3px 5px 0px #8e8e8e, inset -3px -3px 5px 0px #cecece,
				2px 2px 5px 0px #a5a5a5, -2px -2px 5px 0px #d0d0d0;
	
}
.pagebreak_big, .pagebreak_small {
	display:none;
}

.c_dt_alert{
	display:none;	
	}