body {
	background-color: #036eb8;
	color: #EEE;
}
html, body, #canvas_wrapper, #canvas {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
	background-color: #EEE;
	color: #036eb8;
	box-shadow: inset 0px -20px 20px -10px rgba(153,213,255,.8);
}
#canvas {
	z-index: 1;
}
.item {
/*	background-color: #0597ff;*/
	background-color: rgba(80, 182, 255, .6);
	box-shadow: inset 15px 15px 20px rgba(3,45,77,.8),
	            inset -15px -15px 20px rgba(153,213,255,.8);
}
.sub-item {
/*	background-color: #0597ff;*/
	background-color: rgba(80, 182, 255, .6);
	box-shadow: inset 10px 10px 15px rgba(3,45,77,.8),
	            inset -10px -10px 15px rgba(153,213,255,.8);
}
.panel-item {
	//*border-radius: 50px;*/
	background: #329AE3;
	box-shadow: 8px 8px 21px #22699a,
							-8px -8px 21px #42cbff;
}
.sub-item ul {
	margin: 0;
}
.sub-item ul li {
	list-style: none;
}
.sub-item ul li a {
	text-decoration: none;
	color: #EEE;
}
.sub-item ul li a:hover {
	text-decoration: underline;
}
.sub-logo{
	background-color: #EEE;
}
.form-control, .form-select, .btn-light {
	background-color: #EEE;
	box-shadow: inset 2px 3px 3px rgba(3,45,77,.8);
	border: none;
}

.swal2-confirm{
	box-shadow: 2px 2px 5px rgba(3,45,77,.5),
	            -2px -2px 5px rgba(153,213,255,.5);
}
.swal2-cancel{
	box-shadow: 2px 2px 5px rgba(50,50,50,.5),
	            -2px -2px 5px rgba(200,200,200,.5);
}
.table tbody tr th, .table tbody tr td {
	background: none;
	color: #eeeeee;
}

.zoomIn div.panel-item,.zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.zoomIn div.panel-item:hover {
    background-color: #036eb8;
}
.zoomIn:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.modal-header {
	color: #036eb8;
}
.modal-body {
	color: #6c757d;
}