/* here you can put your own css to customize and override the theme */
body{color: #212529}
a { color: #17a2b8;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba( 255, 255, 255, .8 ) 
                url('../img/loading-spinner-blue.gif') 
                50% 50% 
                no-repeat;
}
.page-header.navbar .page-logo .logo-default {margin: 5px 0 0;
}
.clear{clear: both!important;}
.fright{float:right!important;}
.fleft{float:left!important;}
.tright{text-align:right!important;}
.tleft{text-align:left!important;}
.tcenter{text-align:center!important;}
.ttruncate{white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;}
.font15{font-size: 15px}
.font20{font-size: 20px}
label.error{ color:#F00!important; font-size:11px!important; display:block;}
.no-guttersl {   padding-left: 0;}
.no-guttersr {  padding-right: 0; }
.no-gutterslr {  padding-right: 0;  padding-left: 0;}
.mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}
.mb10{ margin-bottom:10px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mrg10{ margin:10px 0;}
.mrg20{ margin:20px 0}
.mrg30{ margin:30px 0;}
.mt2-5{margin-top: 2.5em}
.pd20{ padding:20px;}
.nopadding{padding:0}
.kt-error-hidden{display: none}
.col-lg-10-5 {
  max-width: 87.5%;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;  
}
.col-lg-1-5 {
  max-width: 12.5%;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}
.col-lg-offset-1-5 {
    margin-left: 12.5%;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;  
}
.col-lg-10-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; 
}
.col-lg-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; 
}
.col-md-10-5 {
  max-width: 87.5%;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;  
}
.col-md-1-5 {
  max-width: 12.5%;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}
.col-md-offset-1-5 {
    margin-left: 12.5%;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;  
}
.col-md-10-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%; 
}
.col-md-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; 
}

.div {border-top: solid 1px #42505f}
.page-content {background-color: #f6f6f6;}
.page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {border-right: 12px solid #f6f6f6;}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text {
  color: #2c77f4;
}
#dashboard-report-range {  position: relative;  padding: 5px 10px;   cursor: pointer;    color: #666;    background-color: #eee;	margin:5px 0;	border: solid 1px #ddd;}
.form-group label {font-size:13px}
.has-error, .has-error:focus, .has-error:active{border-color: #e73d4a; color:#e73d4a;}
.nascondi {display: none;}
.select2 {width: 100%!important;}
.editcol { min-width: 50px!important; width: auto!important; text-align:center!important}
.fix50 { min-width: 50px!important; width: 50px!important; text-align:left}
.fix60 { min-width: 60px!important; width: 60px!important; text-align:left}
.fix70 { min-width: 70px!important; width: 70px!important; text-align:left}
.fix80 { min-width: 80px!important; width: 80px!important; text-align:left}
.fix90 { min-width: 90px!important; width: 90px!important; text-align:left}
.fix100 { min-width: 100px!important; width: 100px!important; text-align:left}
.fix150 { min-width: 150px!important; width: 150px!important; text-align:left}
.fix200 { min-width: 200px!important; width: 200px!important; text-align:left}
.fix250 { min-width: 250px!important; width: 250px!important; text-align:left}
.fix300 { min-width: 300px!important; width: 300px!important; text-align:left}
.kt-info-icon {padding: 0.25rem 0.50rem!important;}
.input-icon .fa-caret-down { color:#999; font-size:12px;}

.m-0 {margin: 0!important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ms-0 {margin-left: 0!important;}
.me-0 {margin-right: 0!important;}
.mx-0 {margin-right: 0!important;margin-left: 0!important;}
.my-0 {margin-top: 0!important;margin-bottom: 0!important;}

.m-5px {margin: 5px!important;}
.mt-5px {margin-top: 5px !important;}
.mb-5px {margin-bottom: 5px !important;}
.ms-5px {margin-left: 5px!important;}
.me-5px {margin-right: 5px!important;}
.mx-5px {margin-right: 5px!important;margin-left: 5px!important;}
.my-5px {margin-top: 5px!important;margin-bottom: 5px!important;}

.m-10px {margin: 10px!important;}
.mt-10px {margin-top: 10px !important;}
.mb-10px {margin-bottom: 10px !important;}
.ms-10px {margin-left: 10px!important;}
.me-10px {margin-right: 10px!important;}
.mx-10px {margin-right: 10px!important;margin-left: 10px!important;}
.my-10px {margin-top: 10px!important;margin-bottom: 10px!important;}

.m-15px {margin: 15px!important;}
.mt-15px {margin-top: 15px !important;}
.mb-15px {margin-bottom: 15px !important;}
.ms-15px {margin-left: 15px!important;}
.me-15px {margin-right: 15px!important;}
.mx-15px {margin-right: 15px!important;margin-left: 15px!important;}
.my-15px {margin-top: 15px!important;margin-bottom: 15px!important;}

.m-20px {margin: 20px!important;}
.mt-20px {margin-top: 20px !important;}
.mb-20px {margin-bottom: 20px !important;}
.ms-20px {margin-left: 20px!important;}
.me-20px {margin-right: 20px!important;}
.mx-20px {margin-right: 20px!important;margin-left: 20px!important;}
.my-20px {margin-top: 20px!important;margin-bottom: 20px!important;}

.p-0 {padding: 0!important;}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.ps-0 {padding-left: 0!important;}
.pe-0 {padding-right: 0!important;}
.px-0 {padding-right: 0!important;padding-left: 0!important;}
.py-0 {padding-top: 0!important;padding-bottom: 0!important;}

.p-5px {padding: 5px!important;}
.pt-5px {padding-top: 5px !important;}
.pb-5px {padding-bottom: 5px !important;}
.ps-5px {padding-left: 5px!important;}
.pe-5px {padding-right: 5px!important;}
.px-5px {padding-right: 5px!important;padding-left: 5px!important;}
.py-5px {padding-top: 5px!important;padding-bottom: 5px!important;}

.p-10px {padding: 10px!important;}
.pt-10px {padding-top: 10px !important;}
.pb-10px {padding-bottom: 10px !important;}
.ps-10px {padding-left: 10px!important;}
.pe-10px {padding-right: 10px!important;}
.px-10px {padding-right: 10px!important;padding-left: 10px!important;}
.py-10px {padding-top: 10px!important;padding-bottom: 10px!important;}

.p-15px {padding: 15px!important;}
.pt-15px {padding-top: 15px !important;}
.pb-15px {padding-bottom: 15px !important;}
.ps-15px {padding-left: 15px!important;}
.pe-15px {padding-right: 15px!important;}
.px-15px {padding-right: 15px!important;padding-left: 15px!important;}
.py-15px {padding-top: 15px!important;padding-bottom: 15px!important;}

.p-20px {padding: 20px!important;}
.pt-20px {padding-top: 20px !important;}
.pb-20px {padding-bottom: 20px !important;}
.ps-20px {padding-left: 20px!important;}
.pe-20px {padding-right: 20px!important;}
.px-20px {padding-right: 20px!important;padding-left: 20px!important;}
.py-20px {padding-top: 20px!important;padding-bottom: 20px!important;}


table.dataTable tbody th, table.dataTable tbody td {padding: 4px 5px!important; font-size:13px!important; height:30px!important; vertical-align: middle!important;}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting,.dataTable th {padding: 4px 30px 4px 5px!important;}
.dataTable tr:nth-child(2) th {padding: 4px 5px 4px 5px!important;}

table.dataTable .form-control{font-size:13px}
/*.menu-table { position:relative}
.menu-table .dropdown-menu > li > a { padding:5px;}
.dropdown-menu-right, .dropdown-menu.pull-right { left: auto;   right: 5px;	bottom:22px!important; top:auto; box-shadow:none; background-color: #eee; border: 1px solid #ddd;} 
*/
.portlet.light .dataTables_wrapper .dt-buttons {  margin-right: -20px;}
div.dt-button-collection { width:130px;}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) { box-shadow: none;}
button.dt-button, div.dt-button, a.dt-button {margin-right: 0;}
.page-sidebar-menu.page-sidebar-menu-closed > li:hover, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {box-shadow: none;}
.actionh3{margin-top: 0px;   margin-bottom: 10px;}
.inbox-compose-btn {background:#fff!important;}
.page-title{position:relative}
.button-bar {position:absolute; right:0; top:0; }
.button-bar .btn-sm {font-size:14px!important;}

/*PAGINE GENERALI*/
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link {
    background-color: #007bff; }
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
color: #9899ac }

/*LOGIN*/
.inbox-content { width:100%}
.kt-login__signin {width:100%;}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form { margin:auto}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group .form-control { background-color:rgba(222, 222, 222, 1)  }
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body { height:auto}
.kt-login.kt-login--v1 .kt-login--signin .kt-login__signup {
  display: none; }

.kt-login--signin .kt-login__signin {
  display: block; }

.kt-login--signin .kt-login__forgot {
  display: none; }

.kt-login--signup .kt-login__signup {
  display: block; }

.kt-login--signup .kt-login__signin {
  display: none; }

.kt-login--signup .kt-login__forgot {
  display: none; }

.kt-login--signup .kt-login__account {
  display: none; }

.kt-login--forgot .kt-login__signup {
  display: none; }

.kt-login--forgot .kt-login__signin {
  display: none; }

.kt-login--forgot .kt-login__forgot {
  display: block; }
  
/*DATABLES */  
div.dt-button-collection {width: 155px; right:50px; top:170px}
div.dt-button-collection .dropdown-menu {padding:0; border:solid 1px #e2e5ec;}
div.dt-button-collection .dropdown-item.active, .dropdown-item:active {background-color:  #eeeeee; color:#74788d; font-size:12px;}


/*INBOX*/
.kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__datetime { width:120px}
.kt-inbox_attachment {
    font-size: 14px!important;
    color: #a2a5b9!important;
    font-weight: 400!important;
	height: 22px!important;
	width: 22px!important;
	padding:auto 7px;

}
.kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__sender {
    width: 120px;
}
.tox-tinymce{height: 250px!important;}
.kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to{padding: 5px 25px;}
.uploadifive-button {background-color: #fff!important; color: #8e96b8!important; margin: 5px 0; font-size: 14px; padding: 2px 10px;}
.uploadifive-button:hover {color:#2c77f4;}
.kt-table-attachment td {padding: 0px; vertical-align: middle;}
.kt-table-attachment img{margin: 5px; width: 25px;}

.kt-inbox__sender a{white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.kt-important_mail{color: #ffb822}
.kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head { border-bottom: solid 1px #ccc; margin-bottom: 15px; padding-bottom: 15px;border-top: solid 1px #ccc; margin-top: 15px; padding-top: 15px;}
.kt-inbox .kt-inbox__view .kt-inbox__messages h2{font-size:1.5rem;}
#kt_inbox_compose.fullscreen{
    z-index: 9999; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0;
    max-width: 100%;
    max-height: 100%;
 }
#kt_inbox_compose.fullscreen .modal-dialog{
    max-width: 100%;
    max-height: 100%;
 }
#kt_inbox_compose{max-width: 600px; height:auto;}
#kt_inbox_compose .modal-dialog{max-width: 600px;max-height: auto;}

.kt-inbox .kt-upload-form{width: 100%}
.kt-inbox .kt-inbox__form .kt-inbox__foot .kt-inbox__primary { width: 90%; float: left;}
.kt-inbox .kt-inbox__form .kt-inbox__foot .kt-inbox__secondary { width: 10%; float: right; text-align: right}
/*PRATICA*/
#totali { padding:10px 0 5px; margin-bottom:30px;}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}
.has-error .kt-inbox__label{color: #e73d4a!important;}
.error {
    border: 1px solid #f00;
}
.valid {
    border: 1px solid #0f0;
}

.opzione{display: none;}

.kt-widget12__item .kt-widget12__icon i {
    font-size: 3rem;
    color: #a2a5b9;
    font-weight: 400;
    margin-right: 15px;
}
.btn-dropline { font-size: 1rem; font-weight: 500; line-height: 1.5; background:#f7f8fa; padding: 3px 7px; float:right; margin-right: 20px; }
#documento_viewer{
    width: 100%;
    height: 700px;
}

.row-separator {
      margin-bottom: 1.2rem;
      border-bottom: 1px solid #ebedf2; 
}
.row-separator:last-child {
    border-bottom: none;
}
.kt-widget__data h4{margin: 0}

/*PROFILO CLIENTE*/
.kt-widget2 .kt-widget2__item .kt-widget2__checkbox {
    padding: 0 10px 0 20px;
}

.kt-widget2 .kt-widget2__item .kt-widget2__icon {
    padding-right: 0;
}

.kt-widget2 .kt-widget2__item .kt-widget2__icon > i {
    font-size: 1.6rem;
    text-align: right;
}

#pratiche .kt-notification__item,#voucher .kt-notification__item, #fatture .kt-notification__item {padding: 5px 0;}
#pratiche .kt-notification__item-icon,#voucher .kt-notification__item-icon,#fatture .kt-notification__item-icon {margin-right: 15px; font-size: 15px; font-weight: 700; min-width: 55px;}

.kt-widget12__title{font-weight: 700;}


@media (max-width: 991px) {
.col-md-1-5,.col-md-10-5  {
  max-width: 100%;
  width: 100%;
}
.col-md-offset-1-5 {
    margin-left: 0;
}	
}

.left-col{
  float:left;
   width:23% !important;
}

.center-col{
   float: left;
   text-align: center !important;
   width:50% !important;
}

.right-col{
    float:right;
   width:20% !important;
/*       margin-bottom:10px;*/
}

.dataTables_wrapper .dataTables_info {
    width: 50%;float:left;
}
div.dataTables_wrapper div.dataTables_paginate {
  width: 50%;float:left;
}
div.dataTables_wrapper div.dataTables_filter input {
    width: 70% !important;
}
.form-floating-label .my_placeholder_sim {
    position:absolute;
    padding:0;
    margin-bottom:0!important;
    font-size:13px!important;
/*    top:-34px;*/
    top:-33px;
    left: 13px;
    opacity:1;
/*    font-weight:600;*/
    display: flex;
    align-items: center;
/*    height: 100%;*/
     height: 46px;
    opacity:.8;
}

.form-floating-label .form-control:focus + .my_placeholder,
/*.form-floating-label .form-control:valid + .my_placeholder, */ /* da problemi con not required => sostituisco con: */
.form-floating-label .form-control:valid:required + .my_placeholder,
/*.form-floating-label .form-control:success + .my_placeholder,*/
.form-floating-label .form-control.filled + .my_placeholder {
    /*font-size:90%!important;*/
    font-size:13px!important;
    transform:translate3d(0,-25px,0);
    top:21px;
    top:1px;
    left:11px;
    opacity:1;
    padding:.375rem 0 .75rem;
/*    font-weight:600;*/
    color: #495057 !important;
}
.form-control{
    padding: 0.4rem 0.5rem;
    line-height: 1.3;
}
#form_ins_dati {
  padding: 0px;
  border: 0px solid;
}
.select2-container--bootstrap .select2-selection {
    background-color: #fff;
    border: 1px solid #ebedf2;
    border-radius: 4px;
    color: inherit;
    font-size: 13px;
    outline: 0;
    line-height: 1.5 !important;
}
.select2-container--bootstrap .select2-search__field::placeholder {
    color: #999;
    opacity: 1;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-color: #fff;
    border: 1px solid #ebedf2;
    border-radius: 4px;
    color: #555;
    font-size: 13px;
    padding: 4px 10px;
}
.select2-container--bootstrap .select2-selection__clear {
    color: #999;
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
}
.select2-container--bootstrap .select2-selection--single {
    height: 40px;
    line-height: 1.42857143;
    padding: 0.6rem 1rem;
}

.select2-container--default .select2-results__option:first-child{
    background-color: #ffffff !important;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: transparent;
}    
.select2-container--default .select2-selection--single .select2-selection__rendered {
/*  padding: 0.35rem 3rem 0.45rem 1rem;*/
  padding: 0.45rem 3rem 0.45rem 1rem;
}
.form-control {
  line-height: 1.3;
}
.form-floating-label .error + .my_placeholder,
.form-floating-label.has-error .my_placeholder_sim,
.form-floating-label.has-success .my_placeholder_sim {
    /*font-size:90%!important;*/
    font-size:13px!important;
    /*transform:translate3d(0,-41px,0);*/
    top:-46px;
    opacity:1;
    padding:.375rem 0 .75rem;
    font-weight:600;
    color: #495057 !important;
}
.form-floating-label {
/*    padding-top:20px;*/
}
.form-floating-label .my_placeholder {
    position:absolute;
    padding:0;
/*    padding-left:1.5rem;*/
    transition:all .2s;
    opacity:.8;
    margin-bottom:0!important;
    font-size:14px!important;
    font-weight:400;
/*    top:30px;*/
    top:24px;
    top:5px;
    display: flex;
    align-items: center;
    left:21px;
    overflow:hidden;
    white-space:nowrap;
    max-width: 75%;
}
/*CSS VALIDAZIONE FORM*/
form.submitted input:required:invalid,
form.submitted input:focus:invalid
{
border: 1px solid #cc0000;box-shadow: 0 0 5px 1px red;
}

form.submitted input:focus:invalid {
  box-shadow: none;
}