:root {
  --primary: #DCAC36;
  --secondary: #BF8E14;
  --footer: #444444;
  --indeterminate-speed:1.5;
  --bscolor-btn-active-border:transparent;
  --bs-btn-active-color:transparent;
  --bs-btn-focus-box-shadow:transparent;
  --bs-btn-active-border-color:transparent;
}


body {
  scrollbar-width: thin;
  scrollbar-color: var(--primary) #fff;
}
#accordionlistvideo{
	display: none;
}
#default_popupajax{
	background-color:#070707;
	opacity:0.5;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1000;
	display:none;
}

.cont_center {
	display: flex;
	justify-content: center;
	align-items: center;
	display: flex;
	height: 100%;
}
.lang.selected{
	font-weight: 900;
	color: var(--primary);
}

.box_body{
	 scrollbar-width: thin;
  		scrollbar-color: var(--primary) #fff;
/*  		 margin-bottom: 20px;*/

	overflow-y:auto;
	/*height:400px;*/
	height:318px;

}
.box_body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.box_body::-webkit-scrollbar-thumb {
  background: var(--primary)
}

.box_body::-webkit-scrollbar-track {
  background-color: #fff;
  border: 1px solid #fff;
  margin-bottom: 20px;
}
/*
.box_body::-webkit-scrollbar-button {
  background-color: #4d7fff;
}*/
body{
	margin: 0;
	padding: 0;
	background: url("../images/background.svg");
	background-size: cover;
	background-position: center;
	font-family: 'Lato', sans-serif;
	color:#222222;
}
body.clue-body{
	margin: 0;
	padding: 0;
	background: none;
	background-size: cover;
	background-position: center;
	font-family: 'Lato', sans-serif;
	color:#222222;
}

html {
    font-size: 14px;
}
form.user .form-control.form-control-user{
	font-size: 1rem;
}

.form-control.small{
	font-size: 1rem;
	height: 2rem;

}
.form-control.form_datetime2.small{

  	width: 160px;
}

.btn{
	color:#222222;
}
.mt-10{
	margin-top:10rem;
}
.ml-1r{
	margin-left:1rem;
}
.br_32{
	border-radius:2.286rem;
}
.text-38{
	font-size:2.714rem;
}
.bg-login-clue_color{
	background: var(--primary);
	padding: 0px;
}
.bg-login-clue_second_color{
	background: #E8E8E8;
}
.p-56{
	padding:4rem;
}
.pb2{
	padding-bottom: 2rem;
}
.pb3{
	padding-bottom: 3rem;
}
.mt2{
	margin-top: 2rem;
}
.mt3{
	margin-top: 3rem;
}
.mb3{
	margin-top: 3rem;
}
.mb2{
	margin-bottom: 2rem;
}
.p-24_56{
	padding:2.286rem 4rem;
}
.bg-grey{
	background: #fafafa;
	
}
.f08{
	font-size:.8rem; 
}
.unavailable_video{
	background-color:#000;
	border-radius: 1.143rem;
	height: 100%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	position: relative;
}
.unavailable_video.lbox{
	border-bottom-left-radius: 0px;
  	border-bottom-right-radius: 0px;
  	box-shadow: none;
  	padding: 0;
}
#unavailable_video_full{
	width: 100%;
}
.disabled_input:disabled{
	background: transparent;
  	font-weight: 900;
  	color: #000;
  	border: none;
  	height: 1rem;
}
.pe{
	mask-image: url("../images/exclamation_circle_icon.svg");
	width: 100%;
	height: 100%;
	background-color: #fff;
    mask-repeat: no-repeat;
    mask-size: 48px;
	mask-position: center;
}
.pe_txt{ 
	position: absolute;
  	top: 86px;
  	text-align: center;
  	width: 100%;
  	color: #fff;
}
.logo_clue {
 /*
  background-image: url("../images/logo_a2a.svg");
  width: 262px;
  height: 292px;
  margin:auto;*/
  mask: url("../images/logo-big-bianco.svg");
  mask-size: auto;
  width: 304px;
  height: 85px;
  margin: 50px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  background-size: 300px 90px;
  mask-size: 304px 85px;
  margin-top: 9rem;
}

.logo_login_secondary {
	mask-image: url("../images/prassel-logo-bianco.svg");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 136px;
	width: 100%;
	height: 50px;
	background-color: #fff;
}
.cont_psw{
	position: relative;
}
.psw_eye{
	mask-image: url("../images/nota-pubblica.svg");
	mask-position: center;
	mask-repeat: no-repeat;
	width: 50px;
	height: 50px;
	background-color: #222;
	position: absolute;
	right: 0px;
	cursor: pointer;
}
.psw_eye.show{
	mask-image: url("../images/nota-privata.svg");
}
.logo_login_primary {
	
	mask: url("../images/logo-big-bianco.svg");
	margin: 5rem auto 0 auto;
	width: 263px;
	height: 293px;
  	mask-repeat: no-repeat;
  	mask-position: center;
  	
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: #fff;
  
}
.logo_login_primary.recovery{
	margin-top: 5rem;
	height: 167px;
	width: 100%;
	mask-size: contain;
}

.logo_nav_top {

  mask: url("../images/logo_clue_bianco.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  width: 202px;
  height: 63px;
  mask-size:180px 63px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #009fda;
}
.dossier_txt.company{
	color:var(--primary);
	text-transform: uppercase;
	font-size: 1.143rem;
	font-weight: 900;
}
.toupper{
	text-transform: uppercase;
}
.dossier_txt{
	font-weight: 400;
	font-size: 1rem;
	text-transform: uppercase;
}

.dossier_txt.title{
	font-weight: 900;
	text-transform: uppercase;
}
.dossier_txt.title.boxnmb{
	font-weight: 900;
	font-size: 2rem;
	text-transform: uppercase;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: none;
}
.btn:hover {
  color: #222222;
  text-decoration: none;
}

:root {
	--fa-style-family-brands:'Lato', sans-serif;
	}

	.form-label{
		font-size:1rem;
		font-weight:bold;
	}
.navbar{
    background-color: #fff;
	box-shadow: 0px 3px 12px #00000029;
	display: none;
}
.navbar.gold{
	background-color: var(--primary);
}
.navbar.gold > div.container > a.navbar-brand > div.logo_nav_top {
  background-color: #fff;
}

.navbar.gold > div.container > .navbar-collapse > .navbar-nav >.btn-clue_menu{
	background-color: #fff;
}

.navbar.gold > div.container > .navbar-collapse > .navbar-nav >.btn-clue_menu > .flex > .dashboard_ico{
	background-color: var(--primary);
}
.navbar.gold > div.container > .navbar-collapse > .navbar-nav >.btn-clue_menu > .flex > .users_ico{
	background-color: var(--primary);
}

.navbar.gold > div.container > .navbar-collapse > .navbar-nav >.btn-clue_menu > .flex > .company_ico{
	background-color: var(--primary);
}

.navbar.gold > div.container > .navbar-collapse > .navbar-nav >.btn-clue_menu > .flex > .newdoss_ico{
	background-color: var(--primary);
}

.navbar.gold > div.container > .navbar-collapse > .navbar-nav >.btn-clue_menu > .flex > .txt_dash{
	color: #222;
}

.navbar.gold > div.container > .navbar-collapse > .navbar-nav > .dropdown > .dropdown-toggle.clue > .flex > .txt_dash.user{
	color: #FFF;
}
.navbar.gold > div.container > .navbar-collapse > .navbar-nav > .dropdown > .dropdown-toggle.clue > .flex > .user_ico{
	background-color: #fff;
}
.navbar.gold > div.container > .navbar-collapse > .navbar-nav > .dropdown > .dropdown-toggle.clue > .flex > .arrow_ico{
	background-color: #fff;
}
.navbar.gold > div.container > .navbar-collapse > .navbar-nav > .dropdown > .dropdown-toggle.clue > .flex > .company_ico{
	background-color: #fff;
}



.btn-clue_menu.dash, .btn-clue_menu.company{
	background-color:  var(--primary);
	margin-right: 10px;
}
.btn-clue_menu.user{
	background-color:  var(--primary);
	margin-right: 10px;
}
.dropdown-toggle.clue::after {
	display:none;
}
.txt_dash.user{
	line-height: 40px;
	color: #222;
	
}
.arrow_ico{
	mask: url("../images/arrow-down.svg");
	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 22px;
  	height: 40px;
  	mask-size:22px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: #222;
}
/*
.user_ico{
	mask: url("../images/icon-utente.svg");
	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 40px;
  	height: 40px;
  	mask-size:40px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: var(--primary);
}*/

#validation_message{
	text-align: center;
}

.company_ico{
	mask: url("../images/company.svg");
  	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 32px;
  	height: 32px;
  	mask-size:32px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: #fff;
	  
}

.dashboard_ico{
	mask: url("../images/icon-dashboard-32px.svg");
  	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 32px;
  	height: 32px;
  	mask-size:32px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: #fff;
	  
}

.users_ico{
	mask: url("../images/users.svg");
  	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 32px;
  	height: 32px;
  	mask-size:32px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: #fff;
	  
}

.newdoss_ico{
	mask: url("../images/icona dossier.svg");
  	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 32px;
  	height: 32px;
  	mask-size:32px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color: #fff;
}
.dossier_icon{
	mask: url("../images/icon_dossier.svg");
  	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 32px;
  	height: 32px;
  	mask-size:32px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color:var(--primary);
}

.video_icon{
	mask: url("../images/icon-video-32px.svg");
  	mask-repeat: no-repeat;
  	mask-position: center;
  	width: 32px;
  	height: 32px;
  	mask-size:32px;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-color:var(--primary);
}

.txt_dash{
	font-size: 1.146rem;
	font-weight: bold;
	line-height: 32px;
	color: #fff;
}

.b1{background:var(--primary);}
.b2{background:#e8e8e8;}
.w100{width:100%;}
.h100{height:100px;}
.h200{height:200px;}
.w100px{width:100px;}
.w30px{width:30px;}
.bl{
border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}
.br{
border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.round_border{
	border-radius: 32px;
}
.fa-eye, .fa-eye-slash{
		position: absolute;
		top: 54px;
		right: 16px;
		cursor: pointer;
		color: black;
	}
.pos_rel{
position:relative;}
.btn-primary{
	
	background-color:var(--primary);
	border-color:var(--primary);
	font-weight: bold;
	color: #fffd;
	border-radius: 32px;
	padding:0.857rem 2rem;
	font-size:1rem;
}

.btn-primary:hover {
  color: #fff;
  background-color:var(--secondary);
  border-color:var(--secondary);
 }
 .btn-primary:focus {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}
 .btn-primary:focus-visible {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #87979F;
  border-color: #87979F;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
	color: #fff;
  	background-color:var(--secondary);
  	border-color: var(--secondary);
}
.btn.disabled, .btn:disabled {
  opacity: 1;
}
.form-control-user{
	border-radius: 2.286rem;
	font-size: 1rem;
}
.form-text-title{
	font-size: 1rem;
	color: #222222;
	font-weight: bold;
	margin-bottom: 0.571rem;
	/*text-transform: uppercase;*/
}
.dialog-text-title{
	width: 100%;
	text-align: center;
	font-size: 1.286rem;
	font-weight: bold;
	color: #222222;
	margin-top: 3rem;
 	margin-bottom: 1rem;
}
.dialog-text{
	width: 100%;
	text-align: center;
	font-size: 1.143rem;
	font-weight: bold;
	color: #222222;
	margin-bottom: 3rem;
}
input.form-control{
	line-height:3.571rem;
	height: 3.571rem;
	color: #222222;
	
}
input.form-control.boxnmb{
	font-size: 6rem;
	line-height: 8rem;
	height: auto;
	text-align: center;
}
select.form-control{
	line-height: 1rem;
  	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  	background-repeat: no-repeat;
  	background-position-x: 100%;
  	background-position-y: 6px;
  	background-size: 36px 36px;
  	height: 3.571rem;
	color: #222222;
}
.ww{
	word-spacing: 100px;
}
#reg_send{
	width: 10rem;
  	margin: auto;
}
.btn-primary.btn-login{
	font-size: 1.143rem;
	text-transform: uppercase;
}
#login_otp{
	width:34%;
	margin-left: 33%;
}

textarea.form-control{
	resize: none;
	padding: 1rem;
}
/*
.logo_clue {
   background-image: url("../images/logo_a2a.svg");
  width: 262px;
  height: 292px;
  margin: 50px auto;
 }*/
 .title_txt{
	font-size: 2.375rem;
	text-align:center;
	width:100%;
 }
 .mt-32{
		margin-top:32px;
  }
  .mt-22{
		margin-top:1.6rem;
  }
  .paddingRL{
	padding-left:3.5rem;
	padding-right:3.5rem;
  }
  .msgTxt{
	height:65px;
  }
  .btn.invia{
	padding:1rem 2rem;
	width:132px;
	margin: auto;
  }
   .msgTxt.info{
   padding-top:1rem;
   text-align:center;
  }
  .txt_small{
	font-size:0.875rem;
	text-align:center;
	width:100%;
	color:#fff;
  }
  .prel{
  position:relative;
  }
  .small_txt_cont{
	position:absolute;
	bottom:1.125rem;
	width: 100%;
  }
  .small_txt_cont.flex{
	  justify-content: center;
  }
  .ico_txt{
  margin-left:10px;
  }
  .btn-clue_menu{
	border-color:#E8E8E8;
	border-radius:32px;
	box-shadow:none;
  }
    .btn-clue_menu:active{
	border-color:var(--primary);
	background-color:var(--primary);
	color:#000;
  }
  
  
  .navbar-nav{
  width:100%;
  justify-content: end;}
  
  .box{
  border: 1px solid #e8e8e8;
border-radius:32px;
  box-shadow: 0px 3px 12px #00000029;}
  
  .box_header{
  padding:18px 23px;
  border-bottom: 1px solid #E8E8E8;
  }
  .ico_tit{
  font-size:22px;
  font-weight:bold;
  line-height:32px;
  margin-left:10px;
  }
  .flex{
  	display:flex;
  }
  .flex.g5{
	gap:5px;  
  }
  .act_row{
	position: absolute;
  	right: 1rem;
  }
  .dossier_row{
	padding:2px 12px;
	position: relative;
  }
  .dossier_row.container.border-left-clue{
	border-bottom:1px solid #E2E2E2;
	cursor:pointer;
	border-bottom-right-radius: 0px;
  }
   .dossier_row.title{
	color:var(--primary);
	font-size:1.143rem;
	padding:2px;
   }
  .dossier_row.selected{
	background:#fbf7eb;
  }
  .slint.tit{
	font-weight:bold;
	font-size:0.857rem;
  }
   .slint{
  
  font-size:0.857rem;
  }
  .show_dossier,.download_video {
  margin-left: auto;
  order: 2;
  cursor:pointer;
}

.download_all_video {
  margin-left: auto;
  
  cursor:pointer;
}
.first_row{
	margin-top:12px;
}
.video_container{
	/*background: #000;
	border-radius: 8px;
	width: 200px;
	height: 100%;*/
	margin-top: 10px;;
	background: #fff;
	position: relative;
}
.play-button{
	position: absolute;
	width:60px;
	height:60px;
	top:calc(50% - 30px);
	left:calc(50% - 30px);
	background-image:url("../images/play-button.svg");
	background-size: contain;
}
.dossier_row.container.video{
	height:140px;
	padding:12px;
	border-bottom: 1px solid #E2E2E2;
}
.video_pl{
	/*margin-top:19px;*/
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	border-radius:1.143rem;
}
.video-js{
	border-radius:1.143rem;
  	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.video_box_cont{
	border-radius:1.143rem;
	padding:30px;
	overflow: auto;
  	height: 600px;
}
.left_video_box_cont{
	background:#fff;
	padding: 0px;
	border-radius:1.143rem;
	border:1px solid #E8E8E8;
	box-shadow: 0px 3px 12px #00000029;
	min-width: 220px;
  	margin-bottom: 5rem;
	
}
.video_box{
	background:#222222;
	width:160px;
	height:120px;
	border-radius:1.143rem;
	margin: 0px;
	padding: 0px;
}
.video_box.addvideotxt{
	height:60px;
	background:#00A896;
}
.addvideotxt{
	color: #fff;;
	font-size: 1.2rem;
	text-align: center;
	/*line-height: 60px;*/
	line-height: 50px;
	cursor: pointer;
}
.video_box_line{
	width:160px;
	height:1px;
	background:#E8E8E8;
	margin: 20px 0;
}	
.video_box_video{
	height:90px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 0px;
	border-top: 1px solid #E8E8E8;
  	border-left: 1px solid #E8E8E8;
  	border-right: 1px solid #E8E8E8;
}

.video_box_title_bottom{
	height:30px;
	background:#ffffff;
	color:#222222;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	border-bottom: 1px solid #E8E8E8;
  	border-left: 1px solid #E8E8E8;
  	border-right: 1px solid #E8E8E8;
  	line-height: 26px;
  	font-size: 1rem;
}
.clckbx{
	cursor: pointer;
}
.row.video_box.clckbx.selected > .video_box_title_bottom{
	background:#00A896;
	color:#fff;
}

.full_video_cont{
	/*width: 800px;
	height:calc(100% - 40px);*/
	width:100%;
	height:100%;
}
.full_video{
	
	height:100%;
}
.full_video_bottom_data{
	width:100%;
	height:40px;
}
.video_cont{
	margin-bottom:30px;
	height:100%;
}

.footer{
	width:100%;
	height:80px;
	background:var(--footer);
	position: relative;
}


.logo_footer_clue{
	mask-image: url("../images/prassel-logo-bianco.svg");
	mask-position: center;
	mask-repeat: no-repeat;
    height: 80px;
  	width: 200px;
  	mask-size: 150px 60px;
  	position: absolute;
  	background-color:#ffffff;
}
.logo_prassel{
	background: url("../images/prassel-logo-bianco.svg");
    background-size: contain;
 	background-position: center;
  	background-repeat: no-repeat;
  	margin-right: 0.7rem;
  	width: 135px;
}
.containerCopytigth{
	display: flex;
	float:right;
	line-height:80px;
}

.nobullet{
  list-style-type: none;
}

.copyright{
	
	color:#fff;
	font-size:1.143rem;
	
}
.border-left-clue{
	border-width: 0px;
	border-left: 1rem solid #4e73df;
	border-radius:14px;
}
.border-left-clue.selected{
	border-width: 3px;
	border-left-width: 1rem;
}
.border-left-clue.nr{
	border-radius:0px;
}
.fonts-3{
	font-size:3rem;
}
.fonts-18{
	font-size:1.286rem;
}
.card-body.clue{
	padding: 0 1.25rem;
}
.doss_inpreparazione, .border-left-clue.inpreparazione{
	border-color:#348fe2;
}
.doss_attivi, .border-left-clue.attivo{
	border-color:#DCAC36;
}
.doss_new, .border-left-clue.nuovo{
	border-color:#00A896;
}
.doss_scad, .border-left-clue.scaduto, .border-left-clue.scadenza{
	border-color:#FF8D08;
}

.doss_close, .border-left-clue.chiuso{
	border-color:#DB1545;
}
.shadow_btn_clue{
	box-shadow: 0px 3px 12px #000029;
}
.accordion-button:not(.collapsed) {
  color: #222222;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.accordion_clue-header{
	padding: .2rem 1.25rem;
  	font-size: 1rem;
  	border-bottom: 1px solid #E8E8E8;
  	display: flex;
  	cursor:pointer
 }
 .accordion_clue-button{
	 width: 100%;
	 font-size: 2rem;
 }
 .accordion_clue-button.role{
	 padding: 0 1rem;
 }
.accordion_clue-button_image{
  	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  	background-repeat: no-repeat;
  	background-size: 1.25rem;
 	width: 1.25rem;
 	height: 1.25rem;
  	padding: 1rem 0 0 1.25rem;
	font-size: 1rem;
	margin-top: 1rem;
}
.accordion_clue-button_image:not(.collapsed){
	 transform: rotate(-180deg);
}
.accordion_clue-body{
	padding: 1rem 0 0 1.25rem;
}
.accordion_clue-collapse.collapsed{
	display: none;
}
.accordion_clue.mt{
	margin-top: 3rem;
}

.box_note{
	height: 50px;
	border: 1px solid #e8e8e8;
	margin-bottom: 18px;
}
.autore{
	background-color:var(--primary);
	width: 18rem;
	min-width: 18rem;
}
.ico_autore{
	width:50px;
	padding: 10px;
}
.nota_info{
	color: #ffffff;
	font-size: 1rem;
	width: 100%;
	
}
.nota_testo{
	padding: 0.643rem 1.714rem 0 1.714rem;
	
	line-height: 1rem;
	width: 100%;
	overflow:auto; 
}



.allegato_testo{
	line-height: 24px;
	height: 24px;
	margin-right: 1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100px;
}

.imgfilter{
	filter: brightness(0) invert(1);
}
.addnota_txt{
	width: auto;
  	height: 18px;
  	line-height: 18px;
  	margin: 12px 9px;
  	text-transform: uppercase;
  	white-space: nowrap;
  	font-size: 1rem;
}
.addnota_img{
	background-image:url("../images/icon_note-30px.svg");
	width: 24px;
  	height: 24px;
  	margin: 9px;
}
.bookmark{
	
	background-color: #00A896;
  border: 1px solid #E8E8E8;
  border-radius: 32px;
  color: #ffffff;
  margin: 9px 9px 0 0;
  white-space: nowrap;
  padding: 4px;
  cursor: pointer;
}
.bookmark_cont{
	display: flex;
	height: 40px;
}
.icodown{
	cursor: pointer;
}
.bookmark_cont > .icodown{
	margin-right: 1rem;
}
.icodown.delete{
margin-top: -2px;
}
.filedown_cont{
	display: flex;
	margin-top: 12px;
	cursor: pointer;
}
.filedown_cont > .icodown{
	margin-right: 1rem;
}


.download_cont{
	width: 100px;
}

.right_border{
	border-right:1px solid #C6C6C6;
}
.txt_video{
	font-size: 1rem;
	text-transform: uppercase;
}
.txt_video.title{
	font-weight: 900;
}
.txt_video.id{
	color:var(--primary);
}
.clk_dostype{
	cursor: pointer;
}
.form-switch.clue{
	line-height: 2.1rem;
}
.form-check-label.clue{
	margin-left: 1rem;
}
.form-check-input.clueswitch{
	width: 3em;
	height: 1.8rem;
}

.form-check-input.clueswitch {
  background-color: #64ac44;
  border-color: #64ac44;
}

.form-check-input.clueswitch:checked {
  background-color: #E83636;
  border-color: #E83636;
}

.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e");
}

.form-control:focus {
  color: #6e707e;
  background-color: #fff;
  border-color: #e1e1e1;
  outline: 0;
  box-shadow: none;
}
.modal-content.clue{
	border-radius: 2.286rem;
}
.modal-header.clue .btn-close{
	margin: 0 0 0 auto;
	
}
.modal-header.clue{
	color: #fff;
	background: var(--primary);
	border-top-left-radius: 2.286rem;
	border-top-right-radius: 2.286rem;
	padding: 1rem 2rem;
}
.modal-body.clue{
	background: #e8e8e8;
	padding: 1rem 2rem;
}
.modal-body.clue.msg{
	min-height: 10rem;
}
.btn-secondary{
	text-transform: uppercase;
	border-radius: 2.286rem;
  	padding: 0.857rem 2rem;
  	font-size: 1rem;
  	color: #fff;
}
.btnsavenota{
	text-transform: uppercase;
	color: #fff;
}
.modal-footer.clue{
	background: #e8e8e8;
	border-bottom-left-radius: 2.286rem;
	border-bottom-right-radius: 2.286rem;
	justify-content:center;
}
.btn-close:focus {
  outline: 0;
  box-shadow: none;
  opacity: 1;
}
.btn-close{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	opacity: .9;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content{
	font-size: .8rem;
}

.vjs-error .vjs-error-display::before {
	content: "";
}
.vjs-marker{
	background-color: #00A896 !important;
}
.video-js .vjs-control-bar{
	background-color: #fff;
	border-bottom-left-radius: 1.143rem;
  	border-bottom-right-radius: 1.143rem;
  	height: 4em;
}
.video-js .vjs-modal-dialog{
	border-radius: 1.143rem;
}
.video-js button{
	color: var(--primary);
}
.video-js .vjs-tech{
	border-radius: 1.143rem;
	border: 1px solid #000;
}
.fixs{
	width: 200px;
	height: 115px;
}
.video-js .vjs-time-control{
	color: var(--primary);
	font-size: 1.4em;
}

.video-js{
	color: #00A896;
	border-radius: 1.143rem;
}
.video-js .vjs-play-progress{
	background-color:#8bcec7;
	border-radius: 10px;
}
.vjs-button > .vjs-icon-placeholder::before {
	font-size: 2.4em;
  /*	line-height: 1.67;*/
}
.video-js .vjs-slider{
	background-color:#E8E8E8;
}
.video-js .vjs-load-progress div{
  background: rgba(115, 133, 159, 0.75);
  border-radius: 10px;
}
.video-js .vjs-load-progress{
	border-radius: 10px;
}
.video-js .vjs-play-progress::before {
	line-height: 0.55em;
}
.video-js .vjs-progress-holder{
	height: 1.2em;
	border-radius: 10px;
}
.video-js .vjs-play-progress::before {
	font-size: 1.9em;
}

.video-js .vjs-big-play-button{
	height: 2em;
  	width: 2em;
	margin-top: -1em;
  	margin-left: -1em;
  	line-height: 1.8em;
  	border-radius: 50%;
  	color: #fff;
}
.vjs-modal-dialog-content{
	color: #fff;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1em;
}
.accedi_reg{
	margin-left: 2px;
	color: #222;
  	text-decoration: underline;
}

.modal-title.clue{
	font-size: 2rem;
	font-weight: bold;
}
.box_header.flex.spaceb{
	justify-content: space-between;
}
.dropdown.order{
	background-color:var(--primary);
	border-radius: 2.286rem;
}
.hdn{
	display: none;
}
.form-control.noedit{
	border:none;
	background:none;
	padding: 0;
}
.btn.dropdown-toggle.order{
	color:#fff;
}

.dropdown-item.order.selected{
	color:#fff;
	background-color:var(--primary);
}
.btn_annulla{
	text-transform: uppercase;
}
.vjs-control.vjs-button.addnota {
  mask-image: url("/images/icon_note_add.svg");
  background-size: 24px;
  mask-repeat: no-repeat;
  background-color:var(--primary);
  mask-size: 24px;
  mask-position: 6px;
}
.g10px{
	gap:	10px;
}
.btn_img.print{
	
	width: 30px;
	height: 30px;
	mask-image: url("/images/printer.svg");
  	background-size: 30px;
  	mask-repeat: no-repeat;
  	background-color:var(--primary);
  	mask-size: 30px;
  	
}
.btn_img.del_dossier{
	
	width: 30px;
	height: 30px;
	mask-image: url("/images/delete-icon.svg");
  	background-size: 30px;
  	mask-repeat: no-repeat;
  	background-color:#DB1545;
  	mask-size: 26px;
  	
}
.btn_img.del_user{
	mask-image: url("/images/delete-icon.svg");
  	background-size: 20px;
  	mask-repeat: no-repeat;
  	background-color: var(--primary);
  	mask-size: 20px 20px;
  	Width: 30px;
	height: 30px;
  	mask-position: 3px;
  	
}
.btn_img.add_user{
	mask-image: url("/images/icon-add-user-32px.svg");
  	background-size: 20px;
  	mask-repeat: no-repeat;
  	background-color: var(--primary);
  	mask-size: 20px 20px;
  	Width: 30px;
	height: 30px;
  	mask-position: 3px;
  	
}
.ellipsis{
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
}
.btn_text{
	line-height: 30px;
  	margin-right: .5rem;	
}
.redtxt{
	color:#DB1545;
	text-transform: uppercase;
}
.blacktxt{
	color:#222222;
	text-transform: uppercase;
}
.btn_confirm_delete{
	text-transform: uppercase;
}
.pointer{
	cursor: pointer;
}
.btn_cont{
	cursor: pointer;	
}
.dir_r{
	flex-direction: row-reverse;
}
.hidden{
	display: none;
}
.box_footer{
	height: 50px;
  	border-bottom-right-radius: 32px;
  	border-bottom-left-radius: 32px;
}
.page-item.first, .page-item.last{
	display: none;
}
.pagination{
	padding: 8px 0 0 20px;
}
.pagination_text{

	font-weight: bold;
	margin: 1rem 0 0 2rem;
}
.page-item.prev .page-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.page-item.next .page-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


.page-link{
	color:#222222;
	border: 1px solid #DEE2E6;
}
.link_clue{
	color:#222222;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	margin-left: .2rem;
}
#privacy{
	width: 24px;
	height: 24px;
	margin-right: .8rem;
}

.page-item.active .page-link {
	color: #fff;
  	background-color: var(--primary);
  	border-color: var(--primary);
}
.spacer.recovery{
	height: 5rem;
}
.btn-annulla{
	text-transform: uppercase;
}
.form-text-message.recovery{
	margin-bottom: 1rem;
}
.center_space{
	justify-content: space-evenly;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    /*left: 29px;*/
    left: 38px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 50px;
    /*padding-left: 20px;*/
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
   	left: 20px;

    width: 20px;
    height: 20px;
    z-index: 400;
}
ul.timeline > li{
	width: 100%;
}

ul.timeline > li.notifica::before, .notifica {
  background-image: url("/images/icona-invio-email.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 6px;
   width: 40px;
    height: 40px;
}
.dttable.notifica, .dttable.log{
	background-position: center;
   	width: 24px;
    height: 24px;
}

ul.timeline > li.log::before, .log {
  background-image: url("/images/icona-info.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 5px;
   width: 40px;
    height: 40px;
}
.fontw{
	font-weight: bold;
}
.container_logs{
	background-color: #f7fbff;
}
.cont_load_data{
	text-align: center;
	margin:4rem 0 2rem 0;
}
.f1{
	flex:1;
}
.f125{
	flex:0 0 125px;
}

.align_center{
	text-align: center;
}

.form-text-title.fake{
	height: 21px;
}
.selopt{
	background: #fff;
  	border: 1px solid #000;
  	border-radius: 1rem;
  	font-size: 1.4rem;
  	line-height: 2rem;
  	padding: .5rem 1rem;
}
.button_image{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  	background-repeat: no-repeat;
  	background-size: 1.25rem;
  	width: 1.25rem;
  	height: 1.25rem;
  	padding: 1rem 0 0 1.25rem;
	font-size: 1rem;
  	margin-top: 1rem;
  	cursor: pointer;

}
.button_image.prev{
	transform: rotate(90deg);
}
.button_image.next{
	transform: rotate(-90deg);
}

.role_clue-header {
  padding: .2rem 0;
  font-size: 1rem;
  border-bottom: 1px solid #E8E8E8;
  display: flex;
  
}
table.clue > thead > tr > th {
  background-color: var(--primary);
  color:#fff;
  padding: .2rem;
}
table.clue > thead > tr > th:first-child {
	border-top-left-radius:1rem;
	padding: .8rem 0 .8rem 1rem;
}
table.clue > thead > tr > th:last-child {
	border-top-right-radius:1rem;
  
}
table.clue > tbody > tr.even {
  background-color: #e6e6e8;
}
table.clue td{
	padding: .5rem;	
}
#user_table_filter,#user_dossier_table_filter{
	display:none
}
.delete_user{
	width: 16px;
	height: 16px;
	mask-image: url("../images/delete-icon.svg");
	background-color: var(--primary);
    mask-repeat: no-repeat;
    mask-size: 16px;
	mask-position: center;
}
.edit_user{
	width: 16px;
	height: 16px;
	mask-image: url("../images/edit-outline.svg");
	background-color: var(--primary);
    mask-repeat: no-repeat;
    mask-size: 16px;
	mask-position: center;
}

.show_user > div.clickCell{
	width: 16px;
	height: 16px;
	mask-image: url("../images/nota-pubblica.svg");
	background-color: var(--primary);
    mask-repeat: no-repeat;
    mask-size: 16px;
	mask-position: center;
}


.show_company > div.clickCell{
	width: 16px;
	height: 16px;
	mask-image: url("../images/nota-pubblica.svg");
	background-color: var(--primary);
    mask-repeat: no-repeat;
    mask-size: 16px;
	mask-position: center;
}

.ico_search{
	width: 24px;
	height: 24px;
	mask-image: url("../images/icon-search.svg");
	background-color: #000;
    mask-repeat: no-repeat;
    mask-size: 24px;
	mask-position: center;
	position: absolute;
  	top: 13px;
  	left: 24px;
}
.txtalgr{
	text-align: right;
}
.txtalgc{
	text-align: center;
}
.usr_active{
	color: #64ac44;
	font-weight:bold;
}
.usr_notactive{
	color: #e83636;
	font-weight:bold;
}
.search_input{
	padding-left: 50px;
}
.pad_small{
	padding: .5rem;
}
.search_cont{
	position: relative;
}
.edit_view{
	display: none;
}
#log-activity {
  text-transform: capitalize;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color: #fff;
  	background-color: var(--primary);
  	border-color: var(--primary);
}
.nav-link.title{
	font-size: 1.5rem;
}
.nav-tabs .nav-link{
	border: 1px solid #dddfeb;
}
.nav-link{
	color: #222222;
}
.hide{
	display: none;
}
#add_dest{
	max-width:100px
}
#btn_crea_dossier{
	max-width:200px;
	margin: auto;
	text-transform: uppercase;
}
#dropzone{
	height: 80px;
	background-color: red;
}
.file_choose{
	text-align: center;
  	border-radius: 20px;
  	border: 2px dashed var(--primary);
  	padding: 3rem;
}
.file_choose.is-invalid{
	border: 2px dashed red;
}
.container_video{
	display: flex;
}
input[name=mod_canc]{
	transform: scale(2);
	height: 1.714rem;
}
label.modcanc{
	margin-left: 1rem;
	margin-bottom:0
}
.infodoss{
	font-style: italic;
  text-transform: lowercase;
}
.destinatario_email{
	line-height: 48px;
	max-width:13rem;
}
.capitalize{
	text-transform: capitalize;
}
.delete_video, .delete_video_upload{
	width: 36px;
	height: 36px;
	mask-image: url("../images/delete-icon.svg");
	background-color: var(--primary);
    mask-repeat: no-repeat;
    mask-size: 30px;
	mask-position: center;
	cursor: pointer;
}
.delete_video_upload.small{
	width: 16px;
  	height: 16px;
  	mask-size: 14px;
}
.percavanz{
	font-size: 3rem;
  text-align: center;
}

div.divHeader{
    display: none;
}
#container_dossier{
	margin-bottom: 2rem;
}
.allegato_testo_print{
	display: none;
}

.print_hr{
	display: none;
}
.mt12px{
	margin-top: 12px;
}
.perm_cont{
	column-count: 2;
  	border-top: 2px solid var(--primary);
  	padding-top: .5rem;
}
.perm_row{
	display: flex;
}
.perm_row >.pointer{
	cursor: pointer;
}
input.perm_ckb{
	width: 1.3rem;
}
.perm_label{
	margin-left: .4rem;
  	margin-bottom: 0;
  	display: block;
}
.perm_title{
	font-size: 1.5rem;
  	padding-left: .5rem;
}
input[type=checkbox] {
  accent-color: var(--primary);
}
.video_box_cont_choose{
	background: #00A896;
	height: 50px;
	padding-left: 30px;
	padding-top: 15px;
	border-top-left-radius: 1.143rem;
	border-top-right-radius: 1.143rem;
}
.video_box_cont_choose.bottom{
	background: #00A896;
	height: 50px;
	padding-left: 0;
	padding-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 1.143rem;
	border-bottom-right-radius: 1.143rem;
}
.onlymplbl{
	padding-left: 8px;
}
.file_list_cont{
	overflow: auto;
  	height: min(47vh, 370px);
	padding: 0 5px;
}

.dt-search {
	display: none;
}

.modal-dialog.w700 {
    max-width: 700px;
  }


  .progress-bar-indeterminate {
  width: 100%;
  animation: indeterminateAnimation calc(1s * var(--indeterminate-speed, 1))
    infinite var(--indeterminate-easing, linear);
  transform-origin: var(--indeterminate-start, 0%) 50%;
  will-change: transform;
}

.progress-ease {
  --indeterminate-easing: ease-in-out;
}

[dir="rtl"] .progress-bar-indeterminate {
  --indeterminate-end: -100%;
  --indeterminate-start: 100%;
}

.w-160px {
	width: 160px;
}

.bookmark.no-edit {
	margin-right: 3.5rem;
}

.scaricaallegato.no-delete {
	margin-right: 3.7rem;
}


.nota_autore {
	max-width: 10rem;
}

.email_temp_container {
	background-color: #f8f8f8;
}
.email_temp_container .box_header{
	background-color: var(--primary);
	border-radius: 32px 32px 0 0;
	color:white;
}

.company_carousel .role_clue-header{
	background-color: var(--primary);
	color:white;
}
.email_temp_container .box_body{
	height:auto
}

.email_temp_container .invisible_input{
	width: 100%;
	border: none;
	outline: none;
	resize: none;     
	overflow: hidden; 
	background: transparent;
	padding:0;
	min-height: 42px; 
	box-sizing: content-box;
}

.email_temp_container .invisible_input:focus{
	outline:none
}

.btn-secondary.outline-custom:not(.btn-primary) {
	background-color: transparent;
    border: 1px solid var(--primary);
    color: #656776;
}

.btn-secondary.outline-custom:focus{
background-color: transparent;
}

.tooltip-input {
	width: 1.8rem;
    background-image: url(/images/icona-info.svg);
    background-repeat: no-repeat;
    margin: 0 5px;
    height: 1.8rem;
	filter: invert(66%) sepia(87%) saturate(423%) hue-rotate(6deg) brightness(95%) contrast(92%);
}
.inputBox{
	position:relative;
}

.inputBox .infodoss{
	position: absolute;
    width: 80%;
    top: 1.375rem;
    right: -2.5rem;
    background-color: white;
    border-radius: 15px;
    padding: 1rem;
    z-index: 99;
}

.email_temp_container .dropdown.order{
	background-color:white ;
}

.email_temp_container .dropdown-toggle.order{
	color:black
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(var(--indeterminate-end, 100%)) scaleX(0.5);
  }
}
@media (min-width: 1200px) {
  .container.registration {
    max-width: 1340px;
  }

  .modal-dialog.clue {
    max-width: 1024px;
    margin: 1.75rem auto;
  }

}
@media (max-height: 900px) {
	.mt-10 {
  		margin-top: 5rem;
	}
}