/**
 * @package		Portale Puntocassa Difesa
 * @subpackage	com_nsrpuntocassa
 *
 * @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
 */

/* #####  ##### */
form.adminForm { margin-bottom: 2rem; }

form.adminForm joomla-tab > joomla-tab-element { background-color: #faffea; }

/* #####  ##### */
.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; }
*/
.control .Form-input {
	height: 1.8rem;
	font-size: .72rem !important;
	font-weight: 500 !important;
}
.control textarea.Form-input { height: auto; }
/* */

.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-control.disabled,
.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-input {
	border: 1px solid #ddd;
	font-size: .95rem;
	font-weight: 500;
}

.chosen-container { width: 100% !important; }

/* #####  ##### */
.btn-md {
	margin: .2rem;
	padding: .3rem 1rem;
	line-height: 1.3;
}

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

.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-default:hover { background-color: #c3c3c3; }

.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-grayed:hover { background-color: #c3c3c3; }

.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; }

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;
}

/* ##### ##### */
.content-description {
	font-size: 1.00rem;
	text-align: left;
	font-weight: normal;
	padding: .5rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* ##### ##### * /
.nowrap { white-space: nowrap; }
.currency::before { content: "€ "; }

/* #####  ##### * /
.table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #d6dce3; }

/*.table td span { padding: .3em .5em !important; font-size: 1.25rem !important; }* /
.table td span.small { display: block; font-size: .68rem; }

.table th a.column-order { cursor: pointer; }

.table tr.ordered > td { background-color: #b5d0ec; }

.table td button { padding: .20rem .75rem; font-size: .82rem; line-height: 1.2; }
/* */
.table th { padding: .4rem; cursor: pointer; }
.table td { vertical-align: middle; padding: .3rem .4rem; font-size: .78rem; }
.table td.small { font-size: .72rem; }
.table-sm td { padding: .2rem; }
.table > tfoot > tr { background-color: #faffea; border-top: 2px solid #aaa; }

.table > tbody > tr.Table-row0 > * { background-color: #fff; --bs-table-accent-bg: #fff; }
.table > tbody > tr.Table-row1 > * { background-color: #f9f9f9; }
.table > tbody > tr.Table-row0:hover > *,
.table > tbody > tr.Table-row1:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); }

/* #####  ##### */
.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-width { min-width: 800px; }

.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-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;
}

/*.Filter-inputs */
.lapse-group {
	display: inline-flex;
	margin: auto .2rem;
}

.btn-group .btn-lapse {
	background-color: #fff;
	border-color: #ccc;
	color: #333;
	padding: .25rem;
	font-size: .75rem;
	font-weight: 600;
}

.btn-group > .btn-lapse.active {
	background-color: #e6e6e6;
	border-color: #adadad;
	box-shadow: none;
}

.btn-action {
	padding: .2rem .4rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: .85rem;
}

/* #####  ##### */
.Role-style-superadmin { background-color: #d9534f; color: white; font-size: .75rem; font-weight: 600; padding: .1rem; }
.Role-style-mainadmin { background-color: #d9534f; color: white; font-size: .75rem; font-weight: 600; padding: .1rem; }
.Role-style-inspector { background-color: #f0ad4e; color: white; font-size: .75rem; font-weight: 600; padding: .1rem; }
.Role-style-unitadmin { background-color: #399f56; color: white; font-size: .75rem; font-weight: 600; padding: .1rem; }
.Role-style-admin { background-color: #44a0bb; color: white; font-size: .75rem; font-weight: 600; padding: .1rem; }
.Role-style-warehouse { background-color: #709eaa; color: white; font-size: .75rem; font-weight: 600; padding: .1rem; }
.Role-style-user { background-color: #777; color: white; font-size: .75rem; font-weight: 600; padding: .1rem; }
/* */

/* #####  ##### */
div.div-wrapper {
	position: relative;
	overflow: hidden;
}

div.div-scrollable {
	min-height: 2rem;
	max-height: 15rem;
	overflow-y: auto;
	overflow-x: hidden;
}

/* #####  ##### */
.modal-dialog .modal-footer button {
	height: 35px;
	line-height: 1.2;
	padding: 8px 12px;
}

/* #####  ##### */
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group-btn {
	position: relative;
	width: 1%;
	vertical-align: middle;
	font-size: 0;
	white-space: nowrap;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
	display: table-cell;
}

.input-group-btn > .Button, .input-group-btn > .btn { position: relative; }

.password-group .input-group {
	display: flex;
	flex-wrap: nowrap;
}

.password-group .input-group .btn {
	padding: .2rem .5rem;
}

/*.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/


.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.input-square {
	width: 34px;
	min-width: 34px;
}

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;
}

/*.form-control {
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control, output {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	display: block;
}

/* */
.fa-xl, .icon-xl {
  font-size: 1.432em;
  line-height: 0.85em;
  vertical-align: -0.0867em;
}

/* */
#transaction_table .topRow, .table-width .topRow { display: table; width: 100%; }
#transaction_table .topRow > div, .table-width .topRow > div { display: table-cell; }