:root {
  --table-trasp-primary: #33669940;
  --table-trasp-secondary: #ced4da40;
  --table-trasp-success: #3aa07c40;
  --table-trasp-info: #7593b740;
  --table-trasp-warning: #F7A60040;
  --table-trasp-danger: #da433e40;
  --table-trasp-light: #f8f9fa40;
  --table-trasp-dark: #343a4040;
  
}

td.table-primary {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-primary) !important;
}

td.table-secondary {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-secondary) !important;
}

td.table-success {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-success) !important;
}

td.table-info {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-info) !important;
}


td.table-warning {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-warning) !important;
}

td.table-danger {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-danger) !important;
}

td.table-danger {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-danger) !important;
}

td.table-dark {
	/*background-color: var(--green) !important;*/
	background-color:var(--table-trasp-dark) !important;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.h-95{
	height:95% !important;
}

.h-xxs{
	height:20% !important;
}

.h-xs{
	height:40% !important;
}

.h-ss{
	height:50% !important;
}

.h-sm{
	height:60% !important;
}

.h-md{
	height:70% !important;
}

.h-lg{
	height:80% !important;
}

.h-xl{
	height:90% !important;
}

.w-95{
	width:95% !important;
}

.w-85{
	width:85% !important;
}

.w-xl{
	width:90% !important;
}

.w-lg{
	width:80% !important;
}

.w-md{
	width:70% !important;
}

.alert-teal{
	color:#226050;
}

.bg-teal{
	background-color:var(--teal) !important;
}

.level-green{
	color:var(--green) !important;
}

.level-blue{
	color:var(--blue) !important;
}

.level-yellow{
	color:var(--yellow) !important;
}

.level-red{
	color:var(--red) !important;
}

.level-grey{
	color:var(--grey) !important;
}


.level-dark{
	color:var(--dark) !important;
}


.modal-center {
 margin: auto;
 vertical-align: middle;
 height: max-content;
}

.modal.modal-md .modal-dialog {
 width: 30% !important;
}

.modal-md .modal-body {
overflow-y: auto;
}

.modal.modal-lg .modal-dialog {
 width: 80% !important;
}

.modal-lg .modal-body {
overflow-y: auto;
}

.modal-xxl {
max-width:1100px !important;
}

html,body
{
    height: 100%; margin: 0;overflow:auto;
}
.container
{
    border:0; width: 100%; height: 99% 
}

textarea{
	overflow:auto;
	resize:vertical;
}

DIV.modalBackground {
	background-color: #444444;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

DIV.primaryBackground {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index: 2000;
}
/** 
 * Impostazioni per il div per zoom
*/
DIV.transparent {
	background-image: url(/exec/htmls/static/webcc/images/transparent.gif);
	height: 100%;
	left: 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

em { vertical-align: middle; }

.numeric{
	text-align: right;
}

.fa-stack-2x-l {
	text-align: left;	
}

.fa-stack-r {
	position: absolute;
	bottom: 5px !important;
	text-align: right;
	line-height: 1em;	
}
.fa-stack-c {
	position: absolute;
	bottom: 0px !important;
	text-align: center;	
	line-height: 1.5em;
}
.fa-stack-b {
	position: absolute;
	bottom: 0px !important;
	text-align: center;
	line-height: 1.12em;
}	
		
.fa-stack { 
	font-size: 0.5rem;
	width :2em;
	}

.fa-stack .cornered-br {
	position: absolute;
	bottom: 0px !important;
	text-align: right;	
	line-height: 0.5em;
}

/* other corners available too */
.fa-stack .cornered-bl {
	position: absolute;
	bottom: 0px !important;
	text-align: left;	
	line-height: 0.5em;
}

.fa-stack .cornered-tr {
	position: absolute;
	top: 0px !important;
	text-align: right;	
	line-height: 0.5em;
}

.fa-stack .cornered-tl {
	position: absolute;
	top: 0px !important;
	text-align: left;	
	line-height: 0.5em;
}

.DTFC_LeftBodyLiner {
overflow-x: hidden;
}

.gradient-warning {
  background-image:linear-gradient(#FBE6AD,#e6c35f 100%); 
}

.gradient-warning:hover {
	/*#E6D198,#D1AE4A*/
    color: #fff;
    background-image:linear-gradient(#e6ca7f,#c99500 100%); 
    border-color: #805600;
}

.gradient-success {
  background-image:linear-gradient(#a8d5c5,#4ab08c 100%); 
}

.gradient-success:hover {
	/*#359578*/
    color: #fff;
    background-image:linear-gradient(#93c0b0,#019166 100%); 
    border-color: #2c7b5f;
}

.gradient-info {
  /*background-image:linear-gradient(#c2cfdf,#7593b7 100%); */
  background-image:linear-gradient(#c2cfdf,#85a3c7 100%); 
}

.border-bottom-secondary {
  border-bottom: 2px solid grey !important;
}

.column-success {
  background-color:rgba(200,228,218,0.5);
}

.column-info {
  background-color:rgba(51,102,153,0.1);
}

.column-danger {
  background-color:rgba(220,76,67,0.15);
}

.column-warning {
  background-color:rgba(247,166,0,0.2);
}

*,*:focus{
    outline:none;
}

.focus{
    outline-color: rgba(160, 160, 160, 0.3) !important;
    outline-width: medium !important;
    outline-offset: 1px !important;
}

.notfocus{
    outline:none !important;
}

.card .card-footer {
  background-color:rgba(233,236,239,0.8);
}

.notfocus{
    outline:none !important;
}


/* eliminato per la gestione temi.. */
/*.card .card-footer {
  background-color:rgba(233,236,239,0.8);
}*/

.card-overflow{ 
    overflow-y:auto; 
    overflow-x:hidden; 
}

.card-hover:hover{
   transform: scale(1.01);
   transition: all 0.1s ease-in;
  	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

/* .card-hover:hover{
  box-shadow: 0 10px 10px -10px rgba(31, 31, 31, 0.5);
  transition: all 0.3s ease;
}
 */
.popover{
	max-width:600px;
}

.carousel-control-next{
	width:5%;
}

.carousel-control-prev{
	width:5%;
}

.jsoneditor {
	border: thin solid #dfdfdf !important;
	border-radius:0.3rem;
}

.jsoneditor-menu {
	background-color:rgba(51,102,153,.6)!important;
	border-bottom:1px solid #7593b7 !important;
	border-start-start-radius:0.3rem;
	border-start-end-radius:0.3rem;	
}

.jsoneditor-contextmenu .jsoneditor-menu {
	background:#fff!important;
	border-radius:0.3rem;
	border:1px solid #d3d3d3!important;
}

.jsoneditor-modal .pico-modal-header {
	background-color:rgba(51,102,153,.6)!important;
}

.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc, .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
	background-color:rgba(51,102,153,.6)!important;	
	border:1px solid #7593b7 !important;
}

/*override per padding errato*/ 
.form-control-plaintext {
    padding:.2rem; 
}
.whrBgPurpleDeceaded
{
    background-color: var(--purple) !important;
    color:white !important;
    font-weight:bold !important;
}

.whrColorPurpleDeceaded
{
    color:var(--purple);
    font-weight:bold;
}
::-ms-reveal {
    display: none;
}

.b-2 {
    border-width:2px !important;
}

.b-3 {
    border-width:3px !important;
}
.b-4 {
    border-width:4px !important;
}
.b-5 {
    border-width:5px !important;
}

.limitedConteiner{
	max-height: 600px; 
	overflow-y: auto; 
	overflow-x:hidden;
	}
	
.dropdown-menu{
	z-index:2000 !important;
}
	
.overlined{
	border-top: 1px solid black;
	}
.textcode {
 border:1px solid #ccc;
 padding:10px;
 background:linear-gradient(#eff0f1,#eff0f1) 8px 8px/calc(100% - 16px) calc(100% - 16px) no-repeat;
}
a .active {
	 border-width:1px !important;
	 border-color:var(--gray-dark) !important;
}

a .inactive {
	 border-width:1px !important;
	 border-color:var(--gray) !important;
}

.small{
 	font-size: .7rem;	
}

.sortable {
    cursor: pointer;
}

.overflow-x-hidden {
    overflow-x: hidden!important;
}

.img-thumbnail{
	border:0px !important;
}
/* .p-panel .p-panel-content {
	padding:0.5rem;
} */