/**
 * @package		Portale PagoPA NSR per ICE
 * @subpackage	com_nsrpagopaice
 *
 * @author		Aldo Zaza <a.zaza@nsr.it>
 * @copyright	Copyright (C) 2023 NSR. All Rights Reserved
 * @license		http://www.gnu.org/licenses/gpl-3.0.html GNU/GPL v3
 */

/* #####  ##### */
.content-heading {
	font-size: 2rem;
	font-weight: 600;
	color: black;
	margin: 0 -.5rem 1.2rem -.5rem;
}

.content-description {
	font-size: 1.00rem;
	text-align: left;
	font-weight: normal;
	padding: 0;
	margin-bottom: 1rem;
}

/* #####  ##### */
.form-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: flex-start;
	align-items: flex-start;
}

.form-grid .form-control {
	padding: .15rem .5rem;
	font-size: .95rem;
	height: auto;
}

.Form-input {
	height: 1.8rem !important;
	font-size: .72rem !important;
	font-weight: 500 !important;
}

textarea.Form-input {
	height: auto !important;
}

.form-grid div.boxed .form-control,
.form-grid .form-control.boxed,
.Form-input.boxed {
	border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.Form-input.disabled {
	cursor: default;
	background-color:#e6e9f2;
	opacity:1;
}

.form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: flex-start;
	align-items: flex-start;
	/*margin-right: -5px;*/
	/*margin-left: -5px;*/
}

.form-row .Form-error {
	margin-top: .25rem;
	font-size: 0.777rem;
	color: red;
	font-weight: bold;
	display: none;
}

.form-input {
	border: 1px solid #ddd;
	font-size: .95rem;
	font-weight: 500;
}

/* #####  ##### */
.Panel {
	margin-bottom: 1rem;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.Panel-default-bk { background-color: #f1f2f3; }
.Panel-default { border-color: #ddd; }
.Panel-primary { border-color: #337ab7; }
.Panel-info    { border-color: #bce8f1; }
.Panel-success { border-color: #d6e9c6; }
.Panel-warning { border-color: #faebcc; }

.Panel-filters {
	width: 100%;
	height: 100%;
	border: 1px solid #e3e3e3;
	background-color: #f0f0f0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 0;
	margin-bottom: 1.5rem;
}

.Panel-heading {
	/*display: inline-block;*/
	color: #333;
	background-color: #eee;
	width: 100%;
	padding: .5rem;
	margin-bottom: .5rem;
	/*border-bottom: 1px solid #ddd;*/
	border-bottom: 1px solid transparent;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	font-size: 1.02rem;
	font-weight: 600;
}

.Panel-heading-bk {
	/*display: inline-block;*/
	color: #333;
	background-color: #eee;
	width: 100%;
	padding: .5rem;
	margin-bottom: .5rem;
	border-top: 1px solid #888;
	border-bottom: 1px solid #ddd;
	font-size: 1.02rem;
	font-weight: 600;
}

.Panel-body {
	width: 100%;
	padding: .5rem;
}

.Panel-footer {
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	padding: .5rem;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.Panel-summary {
	background-color: #faffea;
	border: 1px solid #ccc;
	margin: .4rem 0;
	padding: .1rem 0;
	text-align: center;
	font-size: .85rem;
}

.Panel-row {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	margin: 0;
}

.Panel-default > .Panel-heading { color: #333; background-color: #eee; border-color: #ddd; }
.Panel-primary > .Panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; }
.Panel-info    > .Panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.Panel-success > .Panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.Panel-warning > .Panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.Panel-body .row { margin-left: 0; }
.Panel-body.canvas-chart { height: 18rem; }

.Panel-body .control-label { margin-top: .25rem; }

.Panel-filters .Filter-inputs {
	padding: 0 15px;
	margin: 0 auto;
	height: 2.2rem;
}

.Filter-inputs .btn-group:first-child {
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.Filter-inputs .btn-group:last-child {
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.Label-warning {
	display: inline-block;
	color: #fff;
	background-color: #f89406;
	padding: 2px 4px;
	font-size: .72rem;
	font-weight: 600;
}

/* #####  ##### */
div.canvas-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
/*	margin: 0 auto;
	width: 48vw;
	width: 720px;
	height: 360px;
	width: 1024px;
	height: 360px; */
}

div.canvas-container .canvas-chart {
	width: 48%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

/* #####  ##### */
.summary-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	min-height: 20px;
	padding: 15px 15px 0 15px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #fefefe;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.05);
	box-shadow: 2px 2px 8px #ccc;
}

.summary-container h4 {
	font-size: 16px;
	line-height: 16px;
}

/*.summary-container .alert {
	margin-left: 1rem;
}

.summary-container .alert:first-child {
	margin-left: 0;
}*/

/* ##### nsr-table ##### */
table.nsr-table { font-size: .85rem; border: 1px solid #b1b1b3; }
table.nsr-table thead { border: 1px solid #ccc; background-color: #d8d8d8; }
table.nsr-table thead th { padding-top: .5rem; padding-bottom: .5rem; }

table.nsr-table tfoot { background-color: #ffefd5; }

table.nsr-table tbody td.alert-no-items { color: navy; font-weight: 600; font-size: 1.12em; margin: 0; padding: 15px; }
/*table.nsr-table tbody tr:nth-child(even) td { background-color: #f4f4f4; }*/
table.nsr-table tbody > tr > td { background-color: #fff !important; }
table.nsr-table tbody > tr.row-error > td { background-color: #ff7676 !important; }
/* */
.table > tbody > tr.Table-row0 > * { --bs-table-accent-bg: var(--bs-table-striped-bg); }
.table > tbody > tr.Table-row1 > * { --bs-table-accent-bg: #fff; }
.table > tbody > tr.Table-row0:hover > *,
.table > tbody > tr.Table-row1:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); }
/* */

table.nsr-table tbody > tr[class*="paymentTryDetail-"] { display: none; }
table.nsr-table tbody > tr[class*="paymentTryDetail-"] > td { background-color: #faffea !important; }

/* #####  ##### */
.Table-row { vertical-align: middle; }

/*.table.table-nobordered td:first-child { border-left: 1px solid #ccc; }
.table.table-nobordered td:last-child { border-right: 1px solid #ccc; }*/

.table .btn-wrapper .btn { width: 60px; }
.table .btn-wrapper .btn-micro { width: 35px; }

/* #####  ##### */
.btn-md {
	margin: .4rem;
	padding: .4rem 1rem;
	font-size: .85rem;
	border-radius: 2px;
}

.btn-sm {
	margin: .2rem;
	padding: .2rem .75rem;
	font-size: .78rem;
	line-height: 1.3;
}

.btn-micro {
	margin: .2rem;
	padding: .2rem .2rem;
	font-size: .78rem;
	line-height: 1;
}

.btn.no-action {
	cursor: default !important;
	font-weight: 400;
}

.btn.filter-btn {
	line-height: 1.2;
	padding: .3rem 1rem;
	margin: 8px 0 0 8px;
}

.btn-info, .btn-info.no-action:hover {
	color: #fff;
	background-color: #17a2b8;
	border: 1px solid #17a2b8;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.btn-default {
	color: #333;
	background-color: #e3e3e3;
	border: 1px solid #c0c0c0;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.btn-grayed {
	color: #fff;
	background-color: #a0a1a2;
	border: 1px solid #a0a1a2;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border: 1px solid #eea236;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.btn-disabled { cursor: default !important; }

a.column-order span.fa { margin-left: .25rem; }

.btn-group.radio > .btn-check + .btn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 50px;
	margin-left: -1px;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.btn-group.radio > .btn-check:not(:checked) + .btn {
	border: 1px solid #b3b3b3;
	background-color: #f3f3f3;
	color: #333;
}

.btn-group.radio > .btn-check:checked + .btn.btn-outline-secondary {
	border-color: #204d74;
	background-color: #286090;
	color: #fff;
}

/* #####  ##### */
.lapse-div label { margin: auto .5rem auto 0; }

.lapse-group {
	display: inline-flex;
	margin: auto .2rem;
	border: 1px solid #ccc;
	/*background-color: #fff;*/
	justify-content: center;
}

.lapse-group.no-border { border-color: transparent; }

.lapse-btn.active {
	border-color: #204d74;
	background-color: #286090;
	color: #fff;
}

input.calendar {
	width: 6rem;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	font-size: .85rem;
	height: 2rem;
	font-weight: 500;
}