:root {
	/*--color0: #fff;
	--color1: rgb(105, 234, 0);
	--color2: rgb(87, 87, 87);
	--color3: rgb(0, 0, 0);
	--colorTXT: rgb(0, 0, 0);
	--door-disabled: rgb(209, 209, 209);*/
		--color0: rgb(255, 255, 255);
		--color1: rgb(0, 0, 0);
		--color2: rgb(105, 234, 0);
		--color3: rgb(87, 87, 87);
		--color5: rgb(0, 0, 0);
		--color6: rgb(0, 0, 0);
		--color7: rgb(0, 0, 0);
		--color8: rgb(230, 230, 230);
		--color9: rgb(209, 209, 209);
		}

.color-picker-card{
	position: absolute;
	padding: 10px;
	background-color: #e4e4e4;
	border-radius: 10px;
	width: 350px;
	top: 45px;
	z-index: 9;
}

.color-swatch {
	width:40px;
	height: 40px;
	border-radius: 10px;
	margin: 0px 3px;
	cursor: pointer;
}

.locker .bg0 { background-color: var(--color0); }
.locker .bg1 { background-color: var(--color1); }
.locker .bg2 { background-color: var(--color2); }
.locker .bg3 { background-color: var(--color3); }
.locker .bg5 { background-color: var(--color5); }
.locker .bg6 { background-color: var(--color6); }
.locker .bg7 { background-color: var(--color7); }
.locker .bg8 { background-color: var(--color8); }
.locker .bg9 { background-color: var(--color9); }


.locker.lck1 .door-1 { max-height: 38px !important; height: 38px !important; }
.locker.lck1 .door-2 { max-height: 76px !important; height: 76px !important; }
.locker.lck1 .door-3 { max-height: 114px !important; height: 114px !important; }
.locker.lck1 .door-4 { max-height: 152px !important; height: 152px !important; }
.locker.lck1 .door-5 { max-height: 190px !important; height: 190px !important; }
.locker.lck1 .door-6 { max-height: 228px !important; height: 228px !important; }
.locker.lck1 .door-7 { max-height: 266px !important; height: 266px !important; }
.locker.lck1 .door-8 { max-height: 304px !important; height: 304px !important; }
.locker.lck1 .door-9 { max-height: 342px !important; height: 342px !important; }
.locker.lck1 .door-10 { max-height: 380px !important; height: 380px !important; }
.locker.lck1 .door-11 { max-height: 418px !important; height: 418px !important; }

.locker.lck1 .monitor { display: flex; justify-content: center; }
.locker.lck1 .monitor img { height: 74px; }

.locker.lck1 .lck-badge {
	color: var(--color1) !important;
	background-color: var(--color8) !important;
	padding: 2px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	border-radius: 5px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	font-size: 0.8em;
}

.locker.lck1 {  display: flex; }
.locker.lck1 .colonna { float: left !important; display: inline !important; }
.locker.lck1 .colonna .montante {
	height: 450px !important;
	max-height: 450px !important;
	max-width: 8px !important;
	width: 8px !important;
	border: 1px solid var(--color1) !important;
}
.locker.lck1 .colonna .top,
.locker.lck1 .colonna .down {
	height: 8px !important;
	max-height: 8px !important;
	max-width: 140px !important;
	width: 140px !important;
}
.locker.lck1 .colonna .top {
	border-top: 1px solid var(--color1) !important;
}
.locker.lck1 .colonna .down {
	border-bottom: 1px solid var(--color1) !important;
}
.locker.lck1 .colonna .tecnica {
	height: 16px !important;
	max-height: 16px !important;
	max-width: 140px !important;
	width: 140px !important;
	border-top: 1px solid var(--color1) !important;
	border-bottom: 1px solid var(--color1) !important;
	border-right: 1px solid var(--color1) !important;
}
.locker.lck1 .colonna.last .tecnica {
	border-right: 0 !important;
}
.locker.lck1 .colonna .form-group {
	max-width: 140px !important;
	width: 140px !important;
}
.locker.lck1 .colonna .sportello {
	max-width: 140px !important;
	width: 140px !important;
	border-bottom: 1px solid var(--color1) !important;
	border-right: 1px solid var(--color1) !important;
}
.locker.lck1 .colonna .sportello.full {
	display: flex;
	justify-content: center;
}
.locker.lck1 .colonna .sportello.bg0.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg1.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg2.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg3.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg5.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg6.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg7.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg8.full.door-disabled {
background-color: var(--color9);
}
.locker.lck1 .colonna .sportello.bg9.full.door-disabled {
background-color: var(--color9);
}
	.locker .colonna.last .sportello {
	display: flex;
	border-right: 0 !important;
}
.locker .center {
	margin: auto;
}


.colonna {
	max-height: 450px !important;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0;
	display: table-cell;
	padding: 0;
}
.divTableHeading {
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.popover-header {
    color: #749f47 !important;
}
.popover-body {
    color: black;
}
.popover {
    border-color: #222 !important;
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 10px);
}
.popover.bottom .popover-arrow { border-bottom-color: #222 !important; }
.popover.top .popover-arrow { border-top-color: #222 !important; }
.popover.right .popover-arrow:after { border-right-color: #222 !important; }
.popover.left .popover-arrow { border-left-color: #222 !important; }