form .form-control-base {
  font-size: 1rem;
  border-radius: 0.35rem;
  padding: 1.5rem 1rem;
}

form .btn-base {
  font-size: 1rem;
  border-radius: 0.35rem;
  padding: 0.75rem 1rem;
}

.border-base {
  font-size: 1rem;
  border-radius: 0.35rem;
  padding: 0.75rem 1rem;
  border:1px solid #d1d3e2;
}

.border-small {
	font-size: 1rem;
	border-radius: 0.35rem;
	border: 1px solid #d1d3e2;
	display: block;
	margin: 0.25rem 0;
	background: #f7f7f7;
}

.border-small label{ display: block; padding: 0.25rem 0.5rem; cursor:pointer;}

.modal-header:not(.bg-gradient-standard) .close {
  color: #ffffff !important;
	opacity:1;
}

.modal-header.bg-gradient-standard .close {
	color: #858796; !important;
	opacity:1;
}

.modal .modal-header.bg-gradient-danger , .modal .modal-header.bg-gradient-primary, .modal .modal-header.bg-gradient-dark {
	color: #ffffff !important;
}

.modal-header {
    border-top-left-radius: 0.2rem !important;
    border-top-right-radius: 0.2rem !important;
}

.fa-1x{
	font-size: 1.3em;
	line-height: 1.3;
}

label{
	font-size: 0.9rem;
}

.btn-default {
    border-color: #ccc;
}

.form-inline .editable-checklist label {
    justify-content: left !important;
}

.editable-checklist label input[type="checkbox"]{ margin-right:0.3rem !important;}

.form-check-inline .form-check-label{ margin-right:2rem;}

.bootstrap-table.bootstrap4 table{ background:#ffffff;}



.table-hover tbody tr:hover {
    color: #858796;
    background-color: rgba(78, 115, 223, 0.1);
}

.fixed-table-toolbar .search {
    width: calc(100% - 2.5rem);
}

.table_tlb .search{
   /* width: calc(80% - 2.5rem);*/
}

.table_tlb {
    padding-bottom:10px;
}


.fixed-table-toolbar .search::before, .tlb .search::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900;
	content: "\f002";
	position: absolute;
	left: -2.2rem;
	font-size: 1.6rem;
}


.bg-step1 {
	background-color: #899edd !important; color:#fff;
}
.bg-step2 {
	background-color: #dd8989 !important; color:#fff;
}
.bg-step3 {
	background-color: #80c36c !important; color:#fff;
}
.bg-step4 {
	background-color: #ebb733 !important; color:#fff;
}


.bg-step1.reset, .bg-step2.reset, .bg-step3.reset{
	margin: 0 -15px !important;
	padding: 0 15px !important;
}

.tab-pane.active{background-color: #ffffff !important;}

/*
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    .modal-lg, .modal-xl {
		max-width: 90vw !important;
	}

	.modal-lg  .modal-body, .modal-xl .modal-body{
    	height: 65vh !important;
	}
}
*/

.modal-body iframe{ position:relative !important; width:100% !important; height:70vh !important;}


/* calcolatrice */

.calcBT{ text-align:center;}

table .detail-icon i{ background:rgba(51,153,255,1); color:#fff; padding:12px 13px; border-radius:50%;}
 
h2.base { margin-bottom:0 !important; line-height:1 !important}

#PageContent{min-height:50vh}

nav.navbar{ z-index:1000}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text{ font-size: 1.1rem !important; margin-right: 6px;}

.maxH-70{ max-height:70vh !important; cursor:zoom-in !important;}
.maxH-100{ max-height:100vh; cursor:zoom-out;}


.bootstrap-table .table thead > tr > th.rotate, .bootstrap-table .table thead > tr > th div.rotate {
	writing-mode: vertical-lr;
}

.bootstrap-table .table thead > tr > th.rotate {
	writing-mode: vertical-lr;
	width: 1em !important;
}


.navbar-nav.bg-gradient-primary.sidebar{
	background-color: #daa327 !important;
	background-image: linear-gradient(180deg, #daa327 10%, #c5921e 100%) !important;
	background-size: cover !important;
}

body.bg-gradient-primary{
	background-color: #daa327 !important;
	background-image: linear-gradient(180deg, #daa327 10%, #c5921e 100%) !important;
	background-size: cover !important;
}

.bg-frontEnd {
	background-color: #f8f9fc ;
	background-image: linear-gradient(-90deg, #f3d591  10%, #f8f9fc  80%);
	background-size: cover;
}

/*.bg-frontEnd h1{ color:#ffffff !important}*/


.sidebar-dark .sidebar-brand {
  color: #fff;
}

.sidebar-dark hr.sidebar-divider {
  border-top: 1px solid rgba(30, 30, 30, 0.15);
}

.sidebar-dark .sidebar-heading {
  color: rgba(30, 30, 30, 0.4);
}

.sidebar-dark .nav-item .nav-link {
  color: rgba(30, 30, 30, 0.8);
}

.sidebar-dark .nav-item .nav-link i {
  color: rgba(30, 30, 30, 0.3);
}

.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
  color: #fff;
}

.sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
  color: #fff;
}

.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
  color: rgba(30, 30, 30, 0.5);
}

.sidebar-dark .nav-item.active .nav-link {
  color: #fff;
}

.sidebar-dark .nav-item.active .nav-link i {
  color: #fff;
}

.sidebar-dark #sidebarToggle {
  background-color: rgba(30, 30, 30, 0.2);
}

.sidebar-dark #sidebarToggle::after {
  color: rgba(40, 40, 40, 0.5);
}

.sidebar-dark #sidebarToggle:hover {
  background-color: rgba(40, 40, 40, 0.25);
}

.sidebar-dark.toggled #sidebarToggle::after {
  color: rgba(40, 40, 40, 0.5);
}


.WebAPP .container-fluid{ display: block!important}

.WebAPP .logo { display:inline-block; vertical-align: top;}
.WebAPP .appHeader { display:inline-block;}

.WebAPP .logo img{ height:100%; max-height:4rem; vertical-align: inherit;}

table thead th.rotate{ text-transform:uppercase;}
table thead th.rotate small{ text-transform:initial;}

@media (max-width: 768px) {
  .topbar.WebAPP {
  	height: inherit !important;
	}
}