:root {
/* 	--color-primary-background: #164468;
	--color-primary: #F2F9FA;
	--color-secondary-background: #F2F9FA;
	--color-secondary: #164468; */

	--color-disabled:lightgrey;

	--color-primary-background: #F2F9FA;
	--color-primary: rgb(0, 161, 120);
	--color-secondary-background: #E11F2D;
	--color-secondary: #F2F9FA;
	--color-dark: #333;
--color-light:rgba(255,255,255,0.75);
--color-light-over:rgba(255,255,255,1);

    --button-border-color: #1B608E;
    --button-color:white;
    --button-background-over: #12a89d;
    --button-color-over: white;
  
	--white: #ffffff;
	--orange: orange
  }


/*   body {
	animation: 0.3s ease-out 0s 1 slideInTop;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
} 
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes slideInTop {
	0% {
	  transform: translateY(-100%);
	}
	100% {
	  transform: translateY(0);
	}
  }*/

html ,body{
 height:100%;
 
}
/* body{
	top: 0px;
    position: fixed;
    width: 100vw;
} */
body{
	flex-direction: column;
    display: flex;
}

body{
 background-color: #F2F9FA;
background-color: var(--color-primary-background); 
 font-size: 1rem;
 
 font-family: 'Roboto', sans-serif;
 font-family: 'Roboto Condensed', sans-serif;



}

#waitingdialog{
	position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 1000;
    text-align: center;
}

#waitingdialog .spinner-border{
	top: 50%;
    position: absolute;
}
page-title{
	padding: 5px;
background-color: var(--color-secondary-background);
color: var(--color-secondary);
border-radius: 5px;
display: inline-block;
margin-bottom: 5px;
font-size: larger;
display: flex;
justify-content: space-around;
align-items: center;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtms-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }

  .hidden{
	  display:none!important;
  }
.pointer{
	cursor:pointer
}
.fas{
	cursor:pointer;
}
#myNavbar .navbardes{
	font-size:12px;
}
#myNavbar .divdes {
	line-height: 5px;
	flex-grow: 2;
}
.nav-link{
	cursor:pointer
}
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right:5px;
  }
  .iconafter::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left:5px;
  }
#codAgente:before {
	  content: "\f0f2";
  }
  #codCliente:before {
	  content: "\f007";
  }
.navbar-dark .navbar-nav .nav-link.disabled{
	color: var(--color-disabled);
}
.navbar-dark .navbar-toggler{
	background-color: var(--color-primary);
	order:5;
}
/* .navbar-dark .navbar-text{
	color: var(--color-secondary-background)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
	color: var(--color-secondary-background)
}
 */
.container, .container-fluid{
	flex:1;
	margin-top:90px;
}
.dataTables_scrollHead{
	background-color: var(--color-secondary-background);
	color:var(--color-primary-background);
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.dataTables_scrollBody
{
	background: var(--color-primary-background)!important;
	color: var(--color-primary)!important;
}

thead tr{
	border-top-right-radius: 10px;
	
}
th{
	border:none
}
nav{
	background-color: var(--color-primary-background);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	/* margin-bottom:13px; */
}
::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: var(--color-primary-background);
}

::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: normal;
}




/* table.dataTable {
	border-spacing: 2px!important;
	
} */

.navbar-nav{
	flex-direction: row;
}
.navbar-dark .navbar-text,

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.75);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}
.toolbar {
    padding-bottom: 10px;
}
.shadow .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_paginate .paginate_button,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active  {
	color: var(--color-secondary-background)!important;
	color: red;
}
thead tr{
	background-color:var(--color-secondary-background);
	color:var(--color-secondary);
}
tbody td.sorting_1:hover,tbody tr:hover,tr.even:hover ,tbody tr.odd:hover   ,tbody > tr:hover > td{
	background: var(--color-dark)!important;
	color: var(--color-primary-background)!important;

}


table.dataTable.display tbody tr.odd,table.dataTable tbody tr,table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.display tbody tr.odd>.sorting_1{
	background-color:var(--color-primary-background);
	color: var(--color-dark);
	
}


.dataTables_scroll{
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}



.input-material {
	float: left;
	width: 100%;
	margin: 20px 0px;
	position: relative;
	z-index: 100;
}
.input-material input[type="text"], .input-material input[type="password"] {
	font: 15px/24px "Lato", Arial, sans-serif;
	color: #333;
	width: 100%;
	box-sizing: border-box;
	letter-spacing: 1px;
	outline: none;
}
.input-material input {
	border: 0;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
	background-color: transparent;
}


.input-material span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #3399FF;
	transition: 0.4s;
}

.input-material input:focus ~ span,
.input-material input:required:valid ~ span {
	width: 100%;
	transition: 0.4s;
}

.input-material  label {
	position: absolute;
	left: 0;
	width: 100%;
	top: 9px;
	color: #aaa;
	transition: 0.3s;
	z-index: -1;
	letter-spacing: 0.5px;
}

.input-material input:focus ~ label, 
.input-material input:required:valid ~ label {
	top: -16px;
	font-size: 12px;
	color: #3399FF;
	transition: 0.3s;
}
.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

/* .input-group-append .btn {
	padding:1px 6px;
} */

input[type="number"]{
		padding-right:20px;
}


.btn-success:focus,.btn-success:not(:disabled):not(.disabled):active:focus {
				box-shadow: none;
			}
	
		.modal-full {
    min-width: 100%;
    margin: 0;
	opacity:0.5 !important;
}

.modal-full .modal-content {
    min-height: 100vh;
}

 .custom-radio 	input[type=radio], input[type=checkbox] {
		 display:none; 
	}
.custom-radio input[type=radio] + label, .custom-radio input[type=checkbox] + label {
		display:inline-block;
		margin:-2px;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	}

	 .custom-radio input[type=radio]:checked + label, .custom-radio input[type=checkbox]:checked + label{
		   background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
			background-color:#e0e0e0;
			    color: #fff;
    background-color: #12a89d;
    border-color: #12a89d;
			
	}
	
	 .custom-radio input[type=radio]:disabled + label, .custom-radio input[type=checkbox]:disabled + label{
		
		cursor: not-allowed;
	 }

th{
	    white-space: nowrap;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*x su input=search*/
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 30%;
left: 50%;
width: 30%;
height: 40px;
margin-left: -20%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background:none;
z-index:700;
color:#12a89d;
}

.dataTables_wrapper .dataTables_length {
padding-top: 8px;
padding-left: 50px;
}


.shadow{
	 box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
	
		input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

#divAllegati{
	height: 90px;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 3px;
    background-color: white;
    margin-left: 16px;
    color: black;
	overflow:auto;
	
}
#divAllegati ul{
	padding-left:0px;
}
#divAllegati li{
	list-style-type: none;
}
#divAllegati a:link,#divAllegati a:visited , #divAllegati a:hover , #divAllegati a:active  {
	color:black
}

	.clearable{
		background: url(img/clear.png) no-repeat left 5px center;
		transition: background 0.4s; /*REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN Chrome (Bug 02.2014)*/
		background-color:white;
	}
	.clearable.x{
	  background-position: right 5px center;
	}
	.clearable.onX{
	  cursor:pointer;
	}

.dropdown-menu{
		background-color:var(--color-dark);
}
.dropdown-item{
		color:var(--color-light);
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--color-light-over);
    text-decoration: none;
    /* background-color: #0d6efd; */
}
#modalUpload {
    max-height: 250px;
}

	.loader {
		font-size:48px;
		color:#12a89d;
		margin-left:48%;
		margin-top:48%
	}

	
	.popover{background-color:red}
.popover-body{color:white}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after{border-right-color:red}
	
	.alert-danger{
		position: fixed;
		bottom: 0px;
		z-index: 9999;
		color: white;
			background-color: red;
			left: 50%;
    transform: translateX(-50%);
	}
	
	
	
		/*	.toolbar{	
				 display:flex; 
				align-items:center;
				padding-top: 6px;
				flex-wrap: wrap;
			}*/
			.toolbar label{
				margin-bottom:0px;
			}
			.toolbar select{
				width:auto;
			}
		/* 	select.form-control:not([size]):not([multiple]){
				height:auto;
				    padding: .1rem .3rem;
			} */
			
			#intestazione{
				display: flex;
				align-items: center;
				color:#164466;
				color:var(--color-primary);
				/* padding-left:15px; */
			}
			.toolbar div{
				display:flex;
				clear:none;
			}
			@media (min-width: 992px)  {
			.toolbar div{
				clear:none;
			}
			#intestazione{
				padding-left:15px;
			}
		}

		
	
/* 	
@media (min-width: 576px)  {body{ font-size: 0.8rem; }}
@media (min-width: 768px)   {body{ font-size: 1.0rem; }}
@media (min-width: 992px)  {body{ font-size: 1.0rem; }}
@media (min-width: 1200px)   {body{ font-size: 0.9rem; }}
 */


@media (pointer: coarse) { 
				tr{
					line-height:40px;
				}
		}
		
.bold{
	font-weight:bold;
}

.labelEvidenziata{
	font-weight:bold;
}
		
.obbligatorio{
	color:red;
}

.faCheck:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	display:inline-block;
	vertical-align: top;
	line-height: 1em;
	width: 1em;
	height:1em;
	margin-right: 0.3em;
	text-align: center;
	color: green;
}


.stella6punteS {
	width:0;
	height:0; 
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:8px solid green;
	-moz-transform:rotate(0);
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0);
	margin-left:3px;
}
.stella6punteS:after {
	content:"";
	width:0;
	height:0; 
	position:absolute;
	top:2px;
	left:-5px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:8px solid green;
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}





	.custom-checkbox {
  min-height: 1rem;
  padding-left: 0;
  margin-right: 0;
  cursor: pointer; 
}
  .custom-checkbox .custom-control-indicator {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 10px;
    background-color: #818181;
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 16px;
    box-shadow: none; 
  }
    .custom-checkbox .custom-control-indicator:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 18px;
      height: 18px;
      background-color: #f1f1f1;
      border-radius: 21px;
      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
      left: -2px;
      top: -4px;
      -webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
      transition: left .3s ease, background .3s ease, box-shadow .1s ease; 
    }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #12a89d;
    background-image: none;
    box-shadow: none !important; 
  }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:after {
      background-color: #84c7c1;
      left: 15px; 
    }
  .custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none !important; 
  }
  
  
  
	.label-checkbox {
  min-height: 1rem;
  padding-left: 0;
  margin-right: 0;
  cursor: pointer;
color:white;  
}
  .label-checkbox .custom-control-indicator {
    content: "";
    display: inline-block;
    position: relative;
   
    background-color: #818181;
    border-radius: 20px;
    margin-right: 10px;
    -webkit-transition: background 3s ease;
    transition: background 3s ease;
    vertical-align: middle;
    margin: 0 16px;
    box-shadow: none; 
	padding:3px;
	padding-left:30px;
	padding-right:8px;
	
  }
  
  .label-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #12a89d;
    background-image: none;
    box-shadow: 0 .1px .3px .1px rgba(0, 0, 0, 0.4)!important; 
	padding:3px;
	padding-left:8px;
	padding-right:30px;
  }
  
  .label-checkbox .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none !important; 
  }
     .label-checkbox .custom-control-indicator:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 24px;
      height: 24px;
      background-color: #f1f1f1;
      border-radius: 21px;
      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
      left: 0px;
		top:1px;
      -webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
      transition: left .3s ease, background .3s ease, box-shadow .1s ease; 
    }
	  .label-checkbox .custom-control-input:checked ~ .custom-control-indicator:after {
      background-color: #84c7c1;
           left: auto; 
	  right:0px; 
    }
  
	nav.navbar-dark{
		background-color: #333;
	}
.navbar-dark .navbar-nav .nav-link {
/* color:var(--color-secondary-background); */
 margin-left: 5px;
}
.navbar-dark .navbar-nav .nav-link.active{
background-color:var(--color-secondary-background);
color:var(--color-secondary);
}

.form button,.btn-success:hover,.btn,.btn-success,.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{
	color: #fff;
	background-color: var(--color-secondary-background);
	border-color: var(--color-secondary);
}
.btn-primary:hover {
    color: #fff;
    background-color:var(--color-primary);
    border-color: var(--color-primary-background);
}

.btn:disabled{
	border-color: #ced4da;
}

input[type=date]{
	max-width:175px;
}

    .row {
        margin-top: 3px;
		margin-bottom: 3px;
    }
	
	.btn-success:disabled{
		color: black;
background-color: grey;
border-color: grey;
	}
	.toolbar h5 {
		color: red;
	}
	
	.dataTables_filter{
		 float:left!important; 
	}
	
	.row div {
    align-self: center;
}


.modal-xl{
		max-width:1140px;
	}



 
table.dataTable tbody th, table.dataTable tbody td{

white-space:nowrap;
}
table.dataTable thead .sorting {
    background-image: none;
}
table.dataTable thead .sorting_asc {
    background-image: none;
	border-top:2px solid var(--color-primary);
}
table.dataTable thead .sorting_desc {
    background-image: none;
	border-bottom:2px solid var(--color-primary);
}

.dataTables_filter{
/*	padding-top:10px;
  	padding-bottom:10px*/
	  display: flex;
	  align-items: center;
	
	}
	.dataTables_filter input[type="search"] {
    border-radius: 3px;
    border: 1px solid lightgrey;
}
.dt-buttons{
	position:absolute;
	top:10px;
	right:0px;
}
.badge{
	
	align-items: center;
	position: relative;
	top: -25px;
	
	z-index: 100;
	  }