@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(../font/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../font/MaterialIcons-Regular.woff2) format('woff2'),
        url(../font/MaterialIcons-Regular.woff) format('woff'),
        url(../font/MaterialIcons-Regular.ttf) format('truetype');
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
    z-index: 10000;
}

hr {
	margin: 1px 0 1px 0;
}

h3.h3_small {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.lead {
	margin: 3px 0 0 0;
	font-size: 1rem;
	font-weight: bold;
}

.head_list_fatt .jumbotron {
	padding: 0 !important;
	float: left;
}

.button_title {
	float: right;
}

table {
    border-collapse: separate;
    border-spacing: 0 0.1em;
}

tr td {
  padding: 3px !important;  
}

.list_fatt tr td, .list_fatt tr th {
  padding: 1px !important;  
}

.dropdown-menu {
  /*left: auto !important;*/
}

.loadingoverlay {
	z-index: 100;
}

.width_100 {
	width: 100%;
}

.margin_0 {
	margin: 0 !important
}

.margin_5 {
	margin: 5px !important
}

.margin_top_0 {
	margin-top: 0px !important
}

.margin_top_5 {
	margin-top: 5px !important
}

.margin_top_10 {
	margin-top: 10px !important
}

.margin_top_15 {
	margin-top: 15px !important
}

.margin_top_20 {
	margin-top: 20px !important
}

.margin_bottom_10 {
	margin-bottom: 10px !important
}

.margin_bottom_5 {
	margin-bottom: 5px !important
}

.padding_0 {
	padding: 0 !important
}

.padding_5 {
	padding: 5px !important
}

.padding_10 {
	padding: 10px !important
}

.padding_top_10 {
	padding-top: 10px !important
}

.padding_side_10 {
	padding: 0 10px 0 10px !important
}

.padding_side_5 {
	padding: 0 5px 0 5px !important
}

.align_center {
	text-align: center;
}

:root {
  --jumbotron-padding-y: 3rem;
}

.bg-dark {
	background-color: #265a88 !important;
}

.bg-light {
    background-color: #FFF !important;
}

.jumbotron {
  #padding-top: var(--jumbotron-padding-y);
  #padding-bottom: var(--jumbotron-padding-y);   
  margin-bottom: 0;
  background-color: transparent;  
}

.navbar {
	color: #FFF;
	padding: 0 1rem;
}

.bg-dark-test {
    background-color: #960404 !important;
}

.container {
	max-width: 100%;
}

.container_ticket {
	padding-bottom: 30px;	
}

.navbar .container {
	padding-right: 0;
    padding-left: 0;
}


.navbar-brand {
	margin: 0;
}

.box-shadow { 
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); 
	box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.18);
}

.h1, h1 {
    font-size: 3rem;    
}

h1.title_panel {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0;
}

.h2, h2 {
    font-size: 2rem;    
}

h2.title_panel {
	font-size: 1rem;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	color: #17a2b8;
	font-weight: bold;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signout {
  width: 100%;
  max-width: 100px;
  padding: 0;
  /*margin: 0 auto;*/
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.welcome_username {
    padding: 5px;
    margin-bottom: 0;
    width: auto;
    text-align: right;
}

.welcome_icon {
    padding: 5px;
    margin-bottom: 0;
    width: auto;
    text-align: right;    
}

.welcome_icon a {    
    color: #FFF;
}

.lead_file {
	margin-bottom: 10px;
	margin-top: 10px;
}

#jumboimages, #jumbovideo, #jumborss, #jumbocaller, #jumbototem, #jumbostruttura {
	width: 100%;
	float: left;
}

#image_table {
	margin-top: 10px;
	margin-bottom: 40px;
	float: left;
}

#error_multiple_files {	
	width: 100%;
	float: left;
	display: none;
}

#error_multiple_files .alert {	
	margin-bottom: 0;
}

.alert {
	margin: 0;
}

.alert_riepilogo_fattura {  
  height: 30px;
  line-height:30px;
  padding:0px 15px;
}

footer.footer {
  #position: absolute;
  position:fixed;   
  bottom: 0;
  width: 100%;    
  color: #FFF;
}

.card_manager, .card_client {
	font-size: 14px;
}

.error_message {	
	width: 100%;	
	display: none;	
}

.error_lenght {
	color: #FF0000;
}

#logopreview {
	text-align: center;
}

.ui-autocomplete {
  position: absolute;  
  z-index: 1510 !important;  
}

.label_cliente {
	font-weight: bolder;
}

.save_modal, .delete_modal, .edit_modal {
 	display: none;
}

#row_logo_ditta, #row_delega_ditta {
 	display: none;
}

#progress_div {	
	display: none;
}

.form_testata_doc {
	padding: 5px 10px;
}

.select_testata_doc {
	padding: 0;
	height: 25px !important;  
}

.input_testata_doc {
	padding: 0 5px;
}

.ins {
	background-color: #f46541;
	color: #FFF;
}

#ins_row {
	background-color: #f46541;
	color: #FFF;
}

.list_fatt {
	font-size: 13px;
}

.modal-xml {
	max-width: 1000px;
}

.modal-header {
   justify-content: flex-end;
}

.modal-header > :not(:last-child) {
    margin-right: .25rem;
}

.modal-header > :not(:first-child) {
    margin-left: .25rem;
}

.my-legend {
	width: 100%;	
}

.legend-scale {
	/*margin-right: 10px;*/
	float: left;
}

.my-legend .legend-scale ul {
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	float: left;
	list-style: none;
}
  
.my-legend .legend-scale ul li {
	font-size: 80%;
	list-style: none;
	margin-left: 0;
	line-height: 18px;
	margin-bottom: 2px;
}
  
.my-legend ul.legend-labels li span {
	display: block;
	float: left;
	height: 16px;
	width: 30px;
	margin-right: 5px;
	margin-left: 0;
	border: 1px solid #999;
}

.icon-invisible {
    visibility: hidden;
}

.pagination .page-item.btn-sm {
	padding: 0 !important;
}

.page-item.active .page-link {
    z-index: initial;
}

.row_filter label {
	font-size: 14px;
}

.row_filter input {
	line-height: 1;
}

.row_filter select {
	height: calc(1.5rem) !important;
	padding: 0 .10rem;
	font-size: .8rem;
}

.row_filter button, .row_filter a.btn {
	line-height: 1;
}

.row_filter .item_filter {
	/*padding-right: 5px;
	padding-left: 5px;*/
}

.row_filter .item_filter_button {
	margin-top: 23px;	
}


.form_list_fatt {
	padding: 0 5px 0 5px;	
}

.form_activity_date {
	margin: 10px 0 0 0;	
}

#activity_date {
	color: #17a2b8;
	font-weight: bold;
}

.items_per_page_paginator .form-check-inline {
	margin-right: .5rem;
}

.items_per_page_paginator {
	margin-bottom: 0px;
}

.items_per_page_paginator .control-label {
	margin-bottom: 0px;
	padding: 0;
	color: #17a2b8;
	font-weight: bold;
}

.card-body_activity p, .card-body_activity h5 {
	margin-bottom: 5px;
}


.btn.btn-success a, .btn.btn-success i {
	color: #FFF;
}


.coord_log a img {
	width: 25px;
}


#ui-datepicker-div {	
	z-index: 100000 !important;
}



@media only screen and (min-width: 250px) {		
	.container_ticket {
	    max-width: 96%;
	}	
	
	.btn_call, .btn_drive, .btn_activity {
		padding-right: 2px;
		padding-left: 2px;		
	}
	
	.btn_activity .btn {
		padding-top: 5px;
		padding-bottom: 5px;		
	}
	
	.btn_call .btn, .btn_drive .btn {
		padding: 0;
	}	
	
	.btn_activity .btn, .btn_call .btn, .btn_call a {		
		font-size: .7rem;			
	}
	
	#map {
		height: 300px;;
	}
	
}

@media only screen and (min-width: 576px) {	
	.container_ticket {
	    max-width: 96%;
	}
	
	.btn_call, .btn_drive, .btn_activity {
		padding-right: 15px;
		padding-left: 15px;		
	}	
	
	.btn_activity .btn, .btn_call .btn, .btn_call a {		
		font-size: .8rem;		
	}
	
	#map {
		height: 300px;;
	}
}
 
@media only screen and (min-width: 768px) {
	.container_ticket {
	    max-width: 96%;
	}
	
	.btn_call, .btn_drive, .btn_activity {
		padding-right: 15px;
		padding-left: 15px;		
	}
	
	.btn_activity .btn, .btn_call .btn, .btn_call a {		
		font-size: .8rem;		
	}
	
	#map {
		height: 400px;;
	}
}
 
@media only screen and (min-width: 1024px) {
	.container_ticket {
	    max-width: 96%;
	}
	
	.btn_call, .btn_drive, .btn_activity {
		padding-right: 15px;
		padding-left: 15px;		
	}
	
	.btn_activity .btn {		
		font-size: .8rem;		
	}
	
	#map {
		height: 400px;;
	}
}

@media (min-width: 992px) {
	.container_ticket {
	    max-width: 992px;
	}
	
	.btn_call, .btn_drive, .btn_activity {
		padding-right: 15px;
		padding-left: 15px;		
	}
	
	.btn_activity .btn, .btn_call .btn, .btn_call a {		
		font-size: .8rem;		
	}
	
	#map {
		height: 400px;
	}
}
 
@media only screen and (min-width: 1200px) {	
	.container_ticket {
	    max-width: 1080px;
	}
	
	.btn_call, .btn_drive, .btn_activity {
		padding-right: 15px;
		padding-left: 15px;		
	}
	
	.btn_activity .btn, .btn_call .btn, .btn_call a {		
		font-size: .8rem;		
	}
	
	#map {
		height: 400px;
	}
}