/* begin overall style */
/*@font-face {
    font-family: futura-light;
    src: url(/font/FuturaStd-Light.otf);
}
@font-face {
    font-family: futura-book;
    src: url(/font/FuturaStd-Book.otf);
}*/

body
{
	margin: 0;
	padding: 0;
	/*background: white;
	background-image: url(../images/Page-BgSimpleGradient.jpg);
	background-repeat: repeat-x;
	color: #495057!important;*/
	font-family: 'Poppins', sans-serif;
	/*max-width: 100%;
	overflow-x: hidden;
	padding-bottom: 10vh!important;*/
	margin-bottom:50px;

	background-color: #ccc5b9!important;
	color: #0d1d3b!important;
}
td,
th{
	padding: 4px;
	text-align: left;
}
td.active{
	
	background-color: #0d1d3b;
}

a
{
	color: #0d1d3b !important;
	text-decoration: none !important;
	line-height: 2;
}
.row{
    line-height: 0.7;
}

a:hover
{
	color: #ff0000;
}

h1
{
	margin: 0px 0px 10px 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color: #0d1d3b !important;
	font-size: 20pt; 
	line-height: 24pt;
}

input, textarea, select, button, optgroup
{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 35px;
	border-radius: 4px;
    border: 1px solid #353535;
}

.page
{
	/*width: 100%;*/
	padding-left: 40px;
    padding-right: 40px;
}
.no-padding{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

nav {
	color: #fff;
	background-color: transparent;
	/*width: 100%;*/
	height: 80px;
	line-height: 56px;
	border:0px;
	box-shadow: none !important;
	margin-left: 30px;
}

.actual-site-header-logo{
	width:150px;
	height:30px;
}

#header{	 
	padding-top: 15px;
	height: 35px;
}

#logo{
   	 
	color: #0d1d3b;
	padding-left: 35px; 
	font-size: 40px !important;
	font-family: 'Poppins', sans-serif;
	padding-left:100px;
}

#headerbreak{
	margin-top: 40px;
	padding: 20px 0 0 0;
	background-color: transparent;
	
	left:0;
	right:0;  
}

.leftnav{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 230px;
	margin-left:0;
}

/*a:hover{ 
    text-decoration: underline!important;
    line-height: 2;
}*/


.portlet {
	margin: 0;
	padding: 1px;
	margin-bottom: 15px;
	background-color: #ffffff; 
	border-radius: 1em;
	padding: 5px;
}

.portlet .header { 
	font-weight: bold;
	line-height: 1;
	padding: 7px 10px 8px;
	margin: 0;
	text-align: center; 
	line-height: 120%; 
}

.portlet .content { 
	padding: 5px 5px 10px 5px;
}

.portlet ul,
.portlet ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
}

.portlet li {
	padding: 4px 0 2px 0px;
}

.portlet li span {
	color: #777777;
	font-weight: bold;
}

.portlet li.active a {
	color: #c00000;
}

.leftnav span{
	font-weight: 700;
}

#content
{
	margin: 15px 0;
	padding-left:250px;
}


table.colored {
	font-family: 'Poppins', sans-serif;
	border-width: 1px;
	border-color: #0d1d3b;
	border-collapse: collapse;
	width: 100%;
	
	background-color: #fff;
    padding: 15px;
    border-radius: 1em; 
	font-size: 15px!important;
}

table.colored th {
	background-color:#0d1d3b;	
	border-width: 1px;
	padding:6px;
	border-style: solid;
	border-color: #0d1d3b;
	text-align: center;
	color: #ffffff;
}

/*table.colored tr {
 	
	background-color:#F8F8F8;
}*/

table.colored td {
	border-width: 1px;
	padding:6px;
	border-style: solid;
	border-color: #B2C2D1;
	vertical-align: middle;
	text-align: center;
}

.newrowd{
	width: 68%;
}

table.colored1 td {
	border-width: 0px!important;
	padding:6px;
	border-style: solid;
	border-color: #B2C2D1;
	vertical-align: middle;
	text-align: center;
}

.data-space{
	width: 100px;
}

#footer{
	padding-top: 15px!important;
	margin-top: 120px;
	/*border-top: 1px solid #B2C2D1;*/
	position: fixed;  /*  relative*/
	bottom: 0; 
	left:0;
	right:0;  
	height: 3.5rem;

	font-size: 0.8em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px; 
	color:#ffffff;

    /*height: 50px;
    background-color: #B2C2D1;
	color: #ffffff;*/
}


.textpro{
	font-size: 0.8em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
 }

 div#footer a {
    color: #ffffff!important;
}

.div-table {
  display: table;         
  /*width: auto;  */       
  background-color: #eee;         
  border: 1px solid #666666;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}

.div-table-row {
  display: table-row;
  /*width: auto;*/
  clear: both;
}

.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 200px;         
  background-color: #ccc;  
}

.datepicker > .datepicker_inner_container > .datepicker_timelist {
    display: none;
}
 

.btn-primary {
	color: #25666F;
	background-color: #fff;
	border-color: #25666F;
	border: 1px 50%;
	padding-bottom:10px;
}

.btn-primary:hover{
	background-color: #fff;
	color: #25666F;
}

.padme{
	padding-top:10px;
}
 
 
label, label>input{
	display: inline-block;
    line-height: 42px;
	vertical-align: top;  
}
.container-fluid{
	height: auto!important;
	width: 100%!important;
	/*padding-bottom: 15px;*/
	
}
 .wrapper{
	height: auto;
	position: relative;
 }
 
 .dhide{
	display: none;
 }
 
 .opalign{
	text-align: center;
 }

 input.hidborder{
	border: 0;
 }

 .borderless {
	border-width: 0px!important;
	border: 0!important;
	border:none!important;
}

table.borderless.thcorr tbody tr td{
    border-width: 0px!important;
    border: 0!important;
    border: none!important; 
}
 
table.borderless.thcorr tbody tr td:hover {
    border-width: 0px!important;
    border: 0!important;
    border: none!important;
	color:#ffffff!important;
}

.full-width{
	left: 0;
	right:0;
}
.readrejectev{
	cursor: pointer;
}

 
.without_ampm::-webkit-datetime-edit-ampm-field {
	display: none;
}
input[type=time]::-webkit-clear-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance:none;
	appearance: none;
	margin: -10px; 
}
 
 
 .color_new{
	color: #2196f3;
	font-weight: 700;
 }
 
 .color_inprogress{
	color: #fbc847;
	font-weight: 700;
 }
 
 .color_completed{
	color: #8bc34a;
	font-weight: 700;
 }
 
 .color_consolidated{
	color: #cddc39;
	font-weight: 700;
 }
 
 .color_approved{
	color: #8bc34a;
	font-weight: 700;
 }
 
 .color_documento_pronto{
	color: #009688;
	font-weight: 700;
 }

 .color_onhold{
	color: #000000;
	font-weight: 700;
 }

 .color_cancelled{
	color: #ce477c;
	font-weight: 700;
 }

 .color_confermata{
	color: #0c5460;
	font-weight: 700;
 }

 
 .recupero_ore_statistics h1{
	text-align: center;
	float: center;
	margin: 0px 0px 10px 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    color: #0d1d3b !important;
    font-size: 20pt;
 }

 .recupero_ore_statistics p{ 
	margin: 0px 0px 10px 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 12pt;
	display: inline-block;
    line-height: 42px;
    vertical-align: top; 
	font-weight: bold;
	float: right;
	color: #0d1d3b !important;
 }

 .recupero_ore_statistics_new{
	margin: 0px 0px 10px 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 12pt;
	display: inline-block;
    line-height: 42px;
    vertical-align: top; 
	font-weight: bold;
	padding-left: 14%;
	color: #0d1d3b;
 }
 
 .recupero_ore_statistics_new:hover{
	text-decoration: underline;
 }

/*.wigetbox{
	padding-top:15px;
	border-radius: 2rem;   
	box-sizing: border-box;
	width: fit-content;
	border: solid #75ABCC 1px;
	padding-left: 25px; 
	padding-right: 25px;  
} */

.msg_clr_failed{
	color:red;
}

.msg_clr_success{
	color:green;
}

.note_utente{
	padding: 15px;
    width: 50%;
    font-weight: 700!important;
    font-size: 73%;
}

.login_header1{
	/*color: #0d1d3b!important;
	background-color: #fff;*/
	padding: 15px; 
	margin:0px;
	/*border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;*/
	 
}

div#show {
    /*background-color: #fff;*/
    padding: 15px;
	/*border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;*/
	 
}

#addfoglio{
	background-color: #fff;
    padding: 15px; 
 
}

.new_h1{
	background-color: #fff;
	margin: 0px; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	color:#0d1d3b!important;
	font-size: 18pt;
	font-weight: 700!important;
	padding-left: 15px;
	line-height: 24pt;
	
}

.new_h2{
	background-color: #fff;
	margin-left: 15px; 
	margin-right: 15px; 
	padding: 15px; 
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	 
}

.new_h4{
	background-color: #fff;
	margin: 0px; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	color:#0d1d3b!important; 
	font-weight: 500!important;  
	padding-left: 15px;
}


/*.new_h3{
	background-color: #fff;
	margin-left: 0px; 
	margin-right: 0px; 
	padding: 15px;  
}*/

.btn-save-update{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 25%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.btn-save-update:hover{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 25%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.btn-detagli{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 100%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.btn-detagli:hover{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 100%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}


.btn-ricerca{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 70%;
	height: calc(1.5em + 0.75rem + 2px); 
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.btn-ricerca:hover{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 70%;
	height: calc(1.5em + 0.75rem + 2px); 
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.btn-cancel{
	background-color:#dc3545;
	color:#0d1d3b;
	width: 25%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
}

.btn-pdf{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 60%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
}

.btn-pdf:hover{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 60%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
}

#firassentid{
	background-color: #0d1d3b;
	color: #ffffff;
}

#add_ferie_e_permessi{
	background-color: #fff;
    padding: 15px;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.frmchgbg{
	background-color: #fff;
    padding: 15px;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

input, select, textarea{
	border-radius: 1em!important;
	border-color: #0d1d3b!important;
}

#id2del, #id1add, #id2add, #id2del0{
	margin-top: 10px;
	background-color: #0d1d3b!important;
	color:#ffffff!important;
	border-radius: 1em;  
}

.lblprogetti{
	font-weight:700!important; 
    color: #0d1d3b!important;
    font-size: 18pt;
}

.new_co{  
	padding-top: 15px;
    padding-bottom: 15px;
   
    color: #0d1d3b!important;
    font-size: 16pt;
    font-weight: 700!important;
    margin: 0!important; 
	line-height: 24pt;
}

.bord-up{
	border-top:2px solid #ccc5b9;
	padding: 15px;
	margin-left: 5px;
	margin-right: 5px;
	opacity: 0.5;
} 

.bord-down{
	border-bottom: 2px solid #ccc5b9; 
	padding: 15px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	opacity: 0.5;
}
 
table.colored th{
	border-width: 0px!important;
}

table.colored th:first-child {
	border-top-left-radius: 1rem!important;  
	border-left-color: transparent!important;
	border-top-color: transparent!important;
	 
}

table.colored th:last-child {
	border-top-right-radius: 1rem!important;  
	border-right-color: transparent!important;
	border-top-color: transparent!important;
}

input#chkpulita { 
    accent-color: #0d1d3b;
}

.body-card{
	color: #0d1d3b!important;
	background-color: #fff;
	padding: 15px; 
	margin:0px;
	border-radius: 1em; 
	width: 40%;
}

 
.btn-accedi{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 25%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.btn-accedi:hover{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 25%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.border-middle{
	padding-bottom: 5px;
	border-bottom: 2px solid #ccc5b9;
	opacity: 0.5;
}


.btn-update{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 25%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.btn-update:hover{
	background-color:#28b7cb;
	color:#0d1d3b;
	width: 25%;
	height: 50px;
	float: right;
	border-radius: 1.5em;
	font-weight: 700;
	border-color: transparent;
}

.modal-effe{
    min-height: 30% !important;
    max-height: 99% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 30% !important;
}

td.breakall{
	word-break: break-all !important;
}

@media only screen and (max-device-width : 480px) {
	.actual-site-header-logo{
		width:60px;
		height:50px;
		padding-top: 15px;
	}

	#logo{
		margin-top: -48px!important;  
		color: #0d1d3b;
		padding-left: 110px;
		font-size: 26px !important;
		font-family: 'Poppins', sans-serif; 
	 }
	 
	 .leftnav{
		display:block;
		float:left;
		margin-left:0px;
		margin-right:0px;
		width:130px;	
	}

	#headerbreak{
		margin-top: 40px;
		padding: 20px 0 0 0;
		background-color: transparent;
		left:0;
		right:0;
		width: 1200px!important;
	}
 
} 

@media only screen and (min-device-width : 481px) and (max-device-width : 991px) {
	.actual-site-header-logo{
		width:75px;
		height:50px;
		padding-top: 15px;
	}

	#logo{
		margin-top: -48px!important;   
		color: #0d1d3b;
		padding-left: 190px;
		font-size: 40px !important;
		font-family: 'Poppins', sans-serif;
	 }

	 #headerbreak{
		margin-top: 40px;
		padding: 20px 0 0 0;
		background-color: transparent;
		left:0;
		right:0;
		width: 1200px!important;
	}

	.recupero_ore_statistics_new{
		padding-top: 15px;
		padding-left: 5px;
	 }

	 .note_utente{
		 width: 100%;
	 }
 
} 

@media only screen and (min-device-width : 992px) and (max-device-width : 1280px) {
	label, label>input{
		display: inline-block;
		line-height: 35px;
		vertical-align: top;  
	}
	#headerbreak{
		margin-top: 40px;
		padding: 20px 0 0 0;
		background-color: transparent;
		left:0;
		right:0;
		width: 1278px!important;
	}

	.body-card{ 
		width: 100%;
	}

	.btn-accedi{ 
		width: 100%!important; 
	}
} 

/*PAOLO WRIKE INTEGRATION*/
@media (min-width: 576px){
	.modal-dialog {
		max-width: 900px;
		margin: 1.75rem auto;
	}
	
 
	
}

@media only screen and (min-device-width : 480px) and (max-device-width : 992px) {
	.recupero_ore_statistics p { 
		font-size: 12pt;
 		line-height: 24px; 
	}
	.btn-save-update{ 
		width: 100%; 
	}

	.btn-save-update:hover{ 
		width: 100%;  
	}

	.btn-ricerca{
		background-color:#28b7cb;
		color:#0d1d3b;
		width: 100%;
		height: calc(1.5em + 0.75rem + 2px); 
		border-radius: 1.5em;
		font-weight: 700;
		border-color: transparent;
	}

	.btn-accedi{ 
		width: 100%!important; 
	}

	.btn-ricerca:hover{
		background-color:#28b7cb;
		color:#0d1d3b;
		width: 100%;
		height: calc(1.5em + 0.75rem + 2px); 
		border-radius: 1.5em;
		font-weight: 700;
		border-color: transparent;
	}

	.body-card { 
		width: 100%;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	.btn-save-update{ 
		width: 100%; 
	}

	.btn-save-update:hover{ 
		width: 100%;  
	}
	 

	.leftnav { 
		width: 110px;
	}

	#content {
		margin: 15px 0;
		padding-left: 123px;
	}

	.page {
		/* width: 100%; */
		padding-left: 15px;
		padding-right: 15px;
	}

	.note_utente{
		width: 100%;
	}

	.modal-dialog { 
		max-width: 95vw; 
	}

	h1 {
		margin: 0px 0px 10px 0pxpx;
		font-family: 'Poppins', sans-serif;
		font-weight: bold;
		color: #0d1d3b !important;
		font-size: 18pt;
	}

	.recupero_ore_statistics_new {
		margin: 0px 0px 10px 0px;
		font-family: 'Poppins', sans-serif;
		font-size: 12pt;
		display: inline-block;
		line-height: 42px;
		vertical-align: top;
		font-weight: bold;
		padding-left: 5px;
		padding-top: 10px;
	} 

	.container-fluid{ 
		padding-bottom: 0%;
		padding-right: 0; 
        padding-left: 0;
	}

	#footer{ 
		color:#ffffff!important; 
	 
		justify-content: left;
		padding-left: 10%;
	}

	.leftnav span {
		font-weight: 700;
		font-size: 85%;
	}
  
	.new_h2 { 
		margin-left: 0px;
		margin-right: 0px;
	}
	/*.innertbl{
		width:50%;
	}
	
	.data-space{
		 width: 100%;
	}*/

	.actual-site-header-logo {
		width: 85px; 
	}

	nav {
		margin-left: 10px;
		
	}

	.btn-save-update{
		width: 50%;
	}
	.btn-accedi{
		width: 100%;
	}

	.btn-accedi:hover{
		width: 100%;
	}

	.btn-cancel{
		width: 50%;
	}

	.body-card{ 
		width: 100%;
	}

	.btn-update{
		width: 100%;
	}
	.btn-update:hover{
		width: 100%;
	}
}

.checkmark { 
	color:#008000;
	vertical-align: super;
	font-size: 14px;
	font-weight: 700;
}

.list-group-item.active {
  background-color: #0d1d3b !important;
  color: #fff !important;
}

.pdf-bottom-right {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 1000;
}

.pdf-after-table {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  margin-bottom: 12px;
}

.pdf-buttons-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  justify-content: flex-end;
  margin-top: 12px;
  margin-bottom: 12px;
}