/*
// Extra small devices (portrait phones, less than 576px)
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

:root {
	--kpc-background-primary: rgba(227,237,242,1);
	--kpc-background-primary50: rgba(227,237,242,.5);
	--kpc-button-color: rgba(0,91,153,1);

	--kpc-white: rgba(255,255,255,1);
	--kpc-black: rgba(54,52,52,1);
	--kpc-black85: rgba(54,52,52,.85);
}

*{
	color: var(--kpc-black85);
}
h1, h2, h3, h4, h5, h6 {
	color: var(--kpc-black);
}
body {
	font-family: "PT Sans", sans-serif;
}
body {
	font-family: "PT Sans", sans-serif;
	background:var(--kpc-white);
}

.rtitle {
	line-height: 2.35rem;
	font-size: 22px;
	padding: 30px;
}

.brand-link {
	line-height: 3.2;
	border-bottom: 0 !important;
	background-color: var(--kpc-white);
	text-align: center;
}
.brand-link .brand-image {
	max-height: 50px;
	float: none;
}
.sidebar-collapse aside:hover .brand-link .brand-image {
	display: block;
	margin: 6px auto !important;
	max-height: 52px !important;
}
.sidebar-collapse aside:hover .brand-link .brand-image2 {
	display: none !important;
}
.sidebar-collapse .brand-link .brand-image {
	display: none;
}
.sidebar-collapse .brand-link .brand-image2 {
	display: block !important;
	margin: 6px auto;
	max-height: 52px;
}

.main-header {
	border-bottom: 0px;
}
.navbar-white {
	background-color: var(--kpc-background-primary);
}

.nav-sidebar .nav-header {
	font-weight:bold;
	font-size: 1.1rem;
	padding: .5rem .5rem 1.2rem 1.2rem;
}

.mt-2, .my-2 { margin-top: 2rem !important; }

.elevation-4 { box-shadow: none !important; }

[class*="sidebar-dark-"] {
	background: var(--kpc-white);
	/*box-shadow: 0 0px 15px rgba(54, 52, 52, .15),0 10px 0px rgba(54, 52, 52, .15)!important*/
}
[class*="sidebar-dark-"] .nav-header {
	color: var(--kpc-black);
}
.main-footer {
	background: var(--kpc-background-primary);
	border-top: 0px solid #dee2e6;
	padding-bottom: 35px !important;
}

/** Gestione card */
.card {
	box-shadow: none;
	border-radius: 1rem;
	margin: 2rem 3.8rem 4.3rem 3.8rem;
}
.card-header {
	border-bottom: 0px;
	background-color: var(--kpc-background-primary50);
}
.card-title { font-weight: bold; line-height: 2; }

.card-body { padding-top:0; }

/** Gestione tabelle */
.table td, .table th {
	border-top: 0px solid #dee2e6;
}
.table thead th {
	border-bottom: 0px solid #dee2e6;
	border-bottom: 1px solid rgba(0,0,0,.1) !important;
}
table.dataTable tfoot th {
	border-top: 1px solid rgba(0,0,0,.1) !important;
}
.dataTables_wrapper .dataTables_length {
	margin-left: 43px;
}
.dataTables_wrapper .dataTables_filter {
	margin-right: 37px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	border-radius: 50px;
	border: 0px solid #979797 !important;
	background: #f6f6f6 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border-radius: 50px;
	border: 0px solid #979797 !important;
	background: #e4e4e4 !important;
}
.dataTables_wrapper .dataTables_length select {
	border: 1px solid #f6f6f6 !important;
	border-radius: 8px 0px 0px 8px !important;
	padding: 7px !important;
	margin: 5px !important;
	background-color: #f6f6f6 !important;
}


/** modifica box ricerca */
.dataTables_wrapper .dataTables_filter input {
	background-color: #f6f6f6 !important;
	border: 1px solid #f6f6f6 !important;
	border-radius: 50px !important;
	padding: 7px !important;

}

.progress-sm {
	height: 15px !important;
}

/*#customerList_filter label {color:white;}*/

.kpc-button {
	background-color: var(--kpc-button-color) !important;
	color: var(--kpc-white) !important;
	border-radius: 0.35rem;
	border: 0;
}

.kpc-button-alternative {
	background-color:var(--kpc-white);
	width:48%;
	height: calc(2.25rem + 65px) !important;
	padding-bottom: 5px;
	border-radius: 1rem;
}

@media (min-width: 400px) {
	.titlename { padding-top: 16%; }
}
@media (max-width: 600px) {
	.card { margin: 0!important; }
}

.btn-app:active, .btn-app:focus {
	box-shadow: none;
}

table.dataTable.dtr-column>tbody>tr>td.dtr-control:before, table.dataTable.dtr-column>tbody>tr>th.dtr-control:before, table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
    color: #444 !important;
    border: 0.15em solid rgba(0,0,0,0) !important;
    line-height: 0.9em !important;
    background-color: transparent !important;
	box-shadow:inherit !important;
}

table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before, table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before, table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    background-color: transparent !important;
}


#aggiornaParcheggio_btn { background-color: rgba(23,74,151,1); border-color: rgba(23,74,151,1); }
#aggiornaParcheggio_btn:hover { background-color: #164893; border-color: #164893; }

.checkboxgestione {
	width: 120px;
	float:right;
	background-color: var(--kpc-background-primary50) !important;
	height:38px;
	text-align: center;
	padding-top: 7px;
}
.checkboxgestione label {
	color: var(--kpc-black) !important;
	font-weight: normal !important;
}
.checkboxgestioneSelezionata {
	width: 120px;
	float:right;
	background-color: var(--kpc-button-color) !important;
	height:38px;
	text-align: center;
	padding-top: 7px;
}
.checkboxgestioneSelezionata label {
	color: var(--kpc-white) !important;
	font-weight: normal !important;
}




.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before {
	background: #dc3545;
	border-color: #921925;
}

.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before {
	background: #28a745;
	border-color: #145523;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after {
	background: #7c151f;
}
.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {
	background: #86e29b;
}


table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: inherit !important;
}


a:link.action,
a:hover.action,
.action {
	padding-right: 10px;
	color: var(--kpc-black85);
	font-weight:bold;
}