/******************** Homepage ********************/
html{
 	height:100%;
 	overflow: auto;
}
 body {
 	overflow: auto;
 	height:100%;
	display: flex; /* footer fix */
	flex-direction: column; /* footer fix */
 }
 /******************** Homepage ********************/
 
 /**************** Jquery UI Dialog ****************/
 .ui-dialog .ui-resizable-se {
	width: 12px!important;
	height: 12px!important;
 }
 .ui-dialog {
 	z-index: 1050;
 }
 /**************** Jquery UI Dialog ****************/
 
 /******************** Scrivania modal ********************/
 .scrivania_modal.show .modal-footer{
	display:flex;
 }
 @media (max-width: 992px){
 	.scrivania_modal.show .modal-footer{
 		display:inline-grid;
		justify-content: unset;
 	}
 }
 /******************** Scrivania modal ********************/
 
 /******************** Calendar ********************/
 .eventCalendar-slider ul.eventCalendar-daysList li.eventCalendar-dayWithEvents.is-riunione a{
 	background: #007bff!important;
 }
 .eventCalendar-slider ul.eventCalendar-daysList li.eventCalendar-dayWithEvents.is-task-done a{
 	background: #28a745!important;
 }
 .eventCalendar-slider ul.eventCalendar-daysList li.eventCalendar-dayWithEvents.is-task-todo a{
 	background: #fd7e14!important;
 }
 ul.eventCalendar-list li{
 	text-align:left;
 }
 .eventCalendar-list-content ul.eventCalendar-list em{
 	font-size: 16px;
 	padding: 3px 0;
 }
 .eventCalendar-list-content ul.eventCalendar-list small{
 	font-size: 16px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 }
 .eventCalendar-list-content ul.eventCalendar-list a.eventCalendar-eventTitle{
 	font-size: 16px;
 }
 /******************** Calendar ********************/
 
 /******************** Navbar ********************/
 nav ul.navbar-nav li.nav-item:not(.exclude-border){
 	margin: 0 0 0 5px;
    padding: 0 3px 0 3px;
    border: 1px solid #000;
    height:42px;
    align-items: center;
    display: flex;
    justify-content: center;
 }
 nav ul.navbar-nav li.nav-item a.nav-link{
 	padding: 0 8px;
 }
 ul.navbar-nav li.nav-item i.chat, ul.navbar-nav li.nav-item i.home, ul.navbar-nav li.nav-item i.back{
 	font-size:24px;
 }
 ul.navbar-nav li.nav-item i.date-icon{
 	font-size: 28px;
 	font-weight: 400;
 	font-style: normal;
 	letter-spacing: -.015em;
 	display: inline-block;
 }
 ul.navbar-nav li.nav-item b{
 	margin-left: 4px;
    font-weight: 400;
    display: inline-block;
 }
 ul.navbar-nav li.nav-item b i{
 	font-size: 11px;
    display: block;
    line-height: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
 }
 ul.navbar-nav li.nav-item.exclude-border > #pren-stag-in-sospeso{
    height: 100%;
 }
 ul.navbar-nav li.nav-item.exclude-border > #pren-stag-in-sospeso > .blinker{
    animation: 1.5s blinker linear infinite;
    -webkit-animation: 1.5s blinker linear infinite;
    -moz-animation: 1.5s blinker linear infinite;
 }
 @-moz-keyframes blinker {
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
 }
 @-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
 }
 @keyframes blinker {
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
 }
/******************** Navbar ********************/
 
 /******************** Path ********************/
 .intro-nav{
 	align-items: center;
 }
 .intro-nav .nav-new .dropdown-item span{
 	padding-left:10px;
 	font-size:16px;
 }
 .intro-nav .nav-new div.dropdown-menu{
 	background-color:#dbdbdb;
 	min-width: min-content;
 	top: auto!important;
 	right: -20px!important;
 	left:auto!important;
 	transform: translate(0px)!important;
 	-webkit-transform: translateZ(0px)!important;
 	will-change: unset!important;
 }
 .title-path{
 	padding: 0 20px;
 	background-color:#FFF;
 	text-align: center;
 }
 .title-path .page-title{
 	padding:10px 0 10px 0;
 }
 .title-path .page-title h5{
 	margin:0;
 	font-weight: 400;
 }
 .nav-new.page-title{
 	margin-left:auto;
 }
 #newitem-dropdown{
 	padding:0;
 	font-weight: 400;
 }
 #newitem-dropdown span{
 	font-size:18px;
 }
 #newitem-dropdown span{
 	font-size:18px;
 }
 /******************** Path ********************/

 /******************** Sidenav ********************/
 #slide-out {
 	width: 320px;
 	max-height:100%;
 }
 #slide-out .logo-wrapper{
 	background-color: #b4b4b4;
 	border-bottom: none;
 }
 #slide-out .logo-wrapper a img.img-fluid.flex-center{
 	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	max-height: 65px;
 }
 #slide-out .custom-scrollbar, #slide-out .custom-scrollbar .collapsible{
 	max-height:100%;
 }
 #slide-out .custom-scrollbar .collapsible.collapsible-accordion{
 	margin-top: 0;
 }
 .side-nav .collapsible-body a{
 	padding-left:35px;
 }
 .collapsible.collapsible-accordion a.collapsible-header, .collapsible.collapsible-accordion .collapsible-body a{
 	font-size:16px;
 }
 #slide-out .custom-scrollbar li.active a.ismenu.active{
 	color:#424242;
 }
 #slide-out .custom-scrollbar li.active a.ispage.active{
 	background-color: rgba(255, 212, 9, 0.36);
 }
 /******************** Sidenav ********************/
 
 /******************** Datatable ********************/
 .dataTable td.first-responsive {
	width:40px!important;
 }
 .dataTable td.actions-responsive {
	width:80px!important;
 }
 .dataTable > thead > tr {
	background-color: rgba(139, 139, 139, 0.5)!important;
 }
 .dataTables_wrapper {
  padding:0;
 }
 .dataTables_filter {
 	float:left;
 }
 .dataTables_length {
 	float:right;
 }
 .dataTables_length .select2 .selection .select2-selection {
 	min-width:70px;
 }
 div.dataTables_wrapper div.dataTables_info{
    white-space: unset!important;
 }
 .dataTable th{
 	vertical-align: middle;
 	padding-top: 10px; 
 	padding-bottom: 10px; 
 	border-right: 1px solid #dee2e6;
 	border-bottom: none!important;
 	font-size:16px;
 }
 .dataTable th:last-child{
 	border-right: none!important;
 }
 .dataTable > tbody > tr > td{
 	vertical-align: middle;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	font-size:16px;
 	border: 1px solid #dee2e6;
 	border-bottom-width: 0;
 	border-left-width: 0;
 }
 .dataTable td:last-child{
 	border-right-width: 0;
 }
 .dataTable th{
 	white-space: unset!important;
 }
 .dataTable tbody > tr > td > ul{
 	margin:0;
 }
 .dataTable tbody > tr > td > ul.icons-list{
 	margin-bottom: 0;
 	padding: 0;
 }
 .dataTable tbody > tr > td > a > button{
 	margin:0;
 }
 .dataTable tbody tr td ul.dropdown-menu.show{
 	padding-right: 8px;
 }
 .dataTable td input.form-control{
 	margin-bottom:0!important;
 }
 .dataTable td button.select-confirm{
 	padding: 3px 8px;
 	margin:0 0 0 15px;
 }
 .dataTable tbody td ul li ul.dropdown-menu.show{
 	top:auto!important;
 	left:auto!important;
 	transform: translate(0px)!important;
 	-webkit-transform: translateZ(0px)!important;
 	will-change: unset!important;
 }
 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before,
 table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{
 	position: unset!important;
 }
 .datatable-footer .page-item{
 	border-color: transparent;
 }
 .datatable-footer .page-item.active{
 	background-color: #4285f4!important;
 }
 .odd {
	background-color:#d6f8fd;
 }
 .even {
	background-color:#f9f8ea;
 }
 /******************** Datatable ********************/
 
 /******************** Form ********************/
 #searchForm .row .col-md-12{
 	padding: 15px 0 15px 0;
 	background-color: rgba(201, 235, 255, 0.7);
 }
 #searchForm .row .col-md-12 strong.campo{
 	font-size: 20px;
    float: left;
    margin-right: 5px;
    font-weight: 700;
 }
 #searchForm .row .col-md-12 > div.col-lg-1{
 	min-width: 150px!important;
 }
 #searchForm input{
 	margin-bottom:0;
 }
 #searchForm #filtra{
 	margin-left:10px;
 	float:right;
    padding: 8px 14px 6px 14px;
    background-color:#26A69A;
    color: #fff;
 }
 #bottoni1 button{
	float:left;
}
#PageBack i, .PageBack i, #btnHeaderSave i, #SaveAndCloseRichiesta i, #SavePrintAndClose i, #btnSave i, #btnBack i, #btnRefresh i{
	margin-right: 5px;
}
 .select2 .selection span{
 	font-size:18px;
 	font-weight:400;
 }
 .select2-container--disabled .select2-selection{
	border-color: red!important;
 }
 .select2-container--disabled .select2-selection:hover{
 	cursor: not-allowed!important;
 }
 input[disabled]:hover {
    cursor: not-allowed!important;
 }
 textarea[disabled] {
 	border:1px solid red!important;
 }
 textarea:disabled {
 	border:1px solid red!important;
 }
 #frmMain label{
 	color:#212529!important;
 }
 #frmMain .form-group{
 	background-color: #d4d4d4;
 	padding-top:10px;
 	padding-bottom:10px;
 }
 .form-control{
	width:100%!important;
	font-size:18px;
 	font-weight:400;
 	padding:0;
 	border: 1px solid;
 }
 .form-control.hasDatepicker[readonly]{
 	background-color: #FFF!important;
 }
 .arrayfield{
 	margin-bottom:20px;
 }
 [type=checkbox]+label:before{
 	background-color:#FFF;
 }
 .white-skin input[type=checkbox]:checked+label:before{
 	background-color:transparent;
 }
 /******************** Form ********************/
 
 /******************** Datepicker ********************/
 .ui-datepicker{
 	z-index: 9999!important;
 }
 .ui-datepicker-current{
 	font-weight: bold!important;
 	opacity: unset!important;
 }
 /******************** Datepicker ********************/
 
 /******************** Pickadate ********************/
 div.picker__holder * {
 	z-index:99;
 }
 /*Fix z-index tab-content card*/
 .tab-content.card{
 	z-index: auto!important;
 }
 table.picker__table > thead > tr > th, table.picker__table > tbody > tr > td{
 	border: none!important;
 }
 /******************** Datepicker ********************/
 
 /******************** Photo ********************/
 .profilePhoto {
	border-radius: 100%;
	cursor: pointer;
	margin: 10px;
	width: 100px;
 }
 .profilePhoto-min {
	border-radius: 100%;
	cursor: pointer;
	margin: 0;
	width: 40px;
 }
 #profile-img-timeline {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
 }
 #profile-img-timeline img {
	border-radius: 100%;
	cursor: pointer;
	margin: 10px;
	width: 120px;
 }
 .profileLang-min {
	cursor: pointer;
	margin: 0;
	width: 20px;
 }
 /******************** Photo ********************/
 
 /******************** Footer ********************/
 .footer-federico{
	flex: 0 0 50px;
	margin-top: auto;
 	background-color: #0000005E!important;
 }
 .footer-federico p {
 	font-size:16px;
 	text-align: center;
 	margin:0;
 }
 .footer-federico img {
 	width: 250px;
 }
 /******************** Footer ********************/

 /******************** Swal ********************/
 .sweet-alert .sa-button-container button.confirm{
	background-color:#EF5350!important;
 }
 /******************** Swal ********************/
 
 /******************** Select2 ********************/
 .select2-results__options {
	-webkit-overflow-scrolling: touch;
 }
 /******************** Select2 ********************/

 /******************** Altro ********************/
 .block{
    display:block;
 }
 .flex{
    display:flex;
 }
 .left{
	float:left;
 }
 .right{
	float:right;
 }
 .nowrap{
 	white-space: unset!important;
 }
 .nowrap-white-space{
 	white-space: nowrap!important;
 }
 .numeri{
 	text-align:right;
 }
 .no-margin{
 	margin:0!important;
 }
 .hidden{
 	display:none;
 }
 .grassetto{
 	font-weight: bold;
 }
 .full-width{
 	width: 100%!important;
 }
 .hr{
	border-bottom: 1px solid black;
	margin: 10px 0;
	width: 100%;
 }
 b, strong{
 	font-weight: bold;
 }
 .btn-xs{
	padding: 7px 13px;
 }
 ul{
	list-style-type: none;
 }
 /******************** Altro ********************/
 
 /******************** Sweet Alert ********************/
 .sweet-alert.showSweetAlert .sa-info, 
 .sweet-alert.showSweetAlert .sa-error, 
 .sweet-alert.showSweetAlert .sa-warning, 
 .sweet-alert.showSweetAlert .sa-success {
 	z-index: -1!important;
 }
 .sweet-alert.showSweetAlert .sa-info .sa-placeholder{
 	border-color:#46b8da!important;
 }
 .sweet-alert.showSweetAlert .sa-error .sa-placeholder{
 	border-color:#d43f3a!important;
 }
 .sweet-alert.showSweetAlert .sa-warning .sa-placeholder{
 	border-color:#eea236!important;
 }
 .sweet-alert.showSweetAlert .sa-success .sa-placeholder{
 	border-color:#5cb85c!important;
 }
 @media (max-width:768px){
 	.sweet-alert.showSweetAlert{
 		max-height: 100%;
    	overflow-y: auto;
    	top: 10px;
    	margin: auto!important;
 	}
 	.sweet-alert .sa-button-container{
 		margin-bottom: 10px;
 	}
 }
 /******************** Sweet Alert ********************/

 /******************* Main ********************/
 body{
 	background-color: #dedede;
 }
 body.login{
  background-color: #dedede;
 }

 .white-skin .btn-secondary{
 	background-color: #a6c!important;
 }
 #slide-out{
 	background-color: #5f5f5f;
 	background-image: none;
 }

 /******************* Main ********************/

/******************** Card Chat ********************/
#touch-main-chat {
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
    padding-left:0;
    padding-right:0;
    background-color:#FFF;
    border-radius: 10px;
}
.fede-card-chat-mobile{
    display:inline-flex;
    padding: 10px 15px;
    float: left;
    min-width: 200px;
}
.fede-card-chat-mobile .card.testimonial-card{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.28), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.38), 0 2px 10px 0 rgba(0,0,0,.22);
}
.fede-card-chat-mobile .card.testimonial-card .card-up{
    border-radius: 10px 10px 0 0;
}
.fede-card-chat-desktop .card.testimonial-card{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.28), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.38), 0 2px 10px 0 rgba(0,0,0,.22);
}
.fede-card-chat-desktop .card.testimonial-card .card-up{
    border-radius: 10px 10px 0 0;
}
.card.testimonial-card img.rounded-circle{
    max-height: 100px;
    max-width: 100px;
}
img.chat-link{
    max-height: 40px;
    max-width: 40px;
}
img.chat-link-grid{
    max-height: 20px;
    max-width: 20px;
}
.card.testimonial-card h4.card-title{
    font-size: 18px;
}
/******************** Card Chat ********************/

/******************** Marcatempo ********************/
#multi .row .arrayfield.left{
    width:50%;
    max-width:250px;
    padding:0 15px;
}
#multi #first{
    min-width:250px;
    max-width:315px;
}
.marcatempo-time{
    font-size: 18px;
    font-style: italic;
}
.marcatempo-time span{
    background-color:#FFF;
    padding:4px;
}
/******************** Marcatempo ********************/

/******************** Log ********************/
ul.timeline .tl-circ{
    z-index: 1000!important;
}
/******************** Log ********************/