* {
margin:0;
padding:0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*				top right bott left*/
.cellimo{
	padding: 1px 5px 1px 5px;
	width:100%;
	border: 1px solid Transparent;
	overflow: auto;
	font-weight:normal;
	float:left;
}
.zurow10{
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 4px 15px 2px 15px;
	background-color: #eeeeee;
	margin-top:15px;
}
.zurow11{
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 4px 15px 4px 15px;
	background-color: #eeeeee;
	margin-top:5px;
}

.zurow11Tee{
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 4px 5px 4px 5px;
	background-color: #eeeeee;
	margin-top:5px;
}

.zblank{
	width:100%;
	float:left;
	clear:both;
	font-size:0;
	background-color: #eeeeee;
	margin-top:10px;
}

.zblank2{
	width:100%;
	float:left;
	clear:both;
	font-size:0;
	background-color: #eeeeee;
	margin-bottom:10px;
	border-top: 1px solid rgba(22,22,22,0.6);
}

.zblank3{
	width:100%;
	float:left;
	clear:both;
	font-size:0;
	background-color: #eeeeee;
	margin-bottom:1px;
	border-top: 1px solid rgba(22,22,22,0.6);
}
.zurow111{
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 4px 15px 4px 15px;
	background-color: #eeeeee;
	margin-top:10px;
}
.minirow1{
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 4px 15px 4px 15px;
	margin-top:5px;
	line-height:24px;
}

.minirow2{
	line-height:24px;
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid rgba(22,22,22,0.6);
}
.minirow3{
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 4px 5px 4px 5px;
	line-height:24px;
}

.zurowTight{
	min-width:920px;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 0px 15px 0px 15px;
	background-color: #eeeeee;
}

.zurowSea{
	min-width:920px;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 5px 15px 0px 15px;
	background-color: #eeeeee;
}

.zurowBee{
	min-width:920px;
	float:left;
	clear:both;
	font-weight:bold;
	padding: 2px 15px 2px 15px;
	background-color: #eeeeee;
}

.eucol1{
	height:27px;
	margin-right:5px;
	width:360px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol2{
	height:27px;
	margin-right:5px;
	width:240px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol2L{
	height:27px;
	margin-right:5px;
	width:240px;
	float:left;
	padding: 1px 0px 1px 0px;
	text-align:left;
	background:rgba(255,255,255,0.75)
}
.eucol2L2{
	height:27px;
	margin-right:5px;
	width:200px;
	float:left;
	padding: 1px 0px 1px 0px;
	text-align:left;
	background:rgba(255,255,255,0.75)
}
.eucol2LTee{
	height:27px;
	margin-right:5px;
	width:120px;
	float:left;
	padding: 1px 0px 1px 0px;
	text-align:left;
	background:rgba(255,255,255,0.75)
}
.eucol5L{
	height:27px;
	margin-right:5px;
	width:64px;
	float:left;
	padding: 1px 0px 1px 0px;
	text-align:left;
	background:rgba(255,255,255,0.75)
}
.eucol5oo{
	height:27px;
	margin-right:5px;
	width:80px;
	float:left;
	padding: 1px 0px 1px 0px;
	text-align:left;
}
.eucol3{
	height:27px;
	margin-right:5px;
	width:180px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol3L{
	height:27px;
	text-align:left;
	margin-right:5px;
	width:200px;
	float:left;
	padding: 1px 0px 1px 5px;
}
.eucol4{
	margin-right:5px;
	width:111px;
	height:27px;
	float:left;
	padding: 1px 0px 1px 0px;
	transition: border-color 600ms linear;
	transition: background-color 600ms ease-out;
}
.eucol4Tee{
	margin:0px;
	height:27px;
	padding: 1px 0px 1px 0px;
	transition: border-color 600ms linear;
	transition: background-color 600ms ease-out;
}
.eucol4L{
	margin-right:5px;
	width:125px;
	height:27px;
	float:left;
	padding: 1px 0px 1px 0px;
	text-align:left;
}
.eucol5{
	margin-right:5px;
	height:27px;
	width:80px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol6{
	margin-right:5px;
	height:27px;
	width:69px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol6EE{
	margin-right:5px;
	height:27px;
	width:59px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol5Tee{
	margin-right:5px;
	height:27px;
	width:85px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol6Tee{
	margin: 0px 5px 0px 0px;
	height:27px;
	width:69px;
	float:left;
	padding: 1px 0px 1px 0px;
}
.eucol5R{
	margin-right:5px;
	height:27px;
	float:left;
	text-align:right;
	padding: 1px 0px 1px 0px;
}
.eucol5R2{
	margin-right:5px;
	width:40px;
	height:27px;
	float:left;
	text-align:right;
	padding: 1px 0px 1px 0px;
}
.eucol5RB{
	font-weight:normal;
	margin-right:5px;
	width:56px;
	height:27px;
	float:left;
	text-align:right;
	padding: 3px 0px 1px 0px;
}
.eucol5RB2{
	font-weight:normal;
	margin-right:5px;
	width:80px;
	height:27px;
	float:left;
	text-align:right;
	padding: 3px 0px 1px 0px;
}
#bmenuN{
	margin: 2px 5px 0px 0px;
	width:40px;
	height:24px;
	font-size:24px;
	float:left;
	line-height:16px;
	text-align:center;
	padding: 1px 0px 1px 0px;
	-webkit-user-select: none; /* Safari */
	user-select: none;
	border-radius:15%;
}
.bmenulo{
	background:rgba(140,140,140,0.25);
	color:black;
}
.bmenuhi{
	background:rgba(25,25,25,0.75);
	color:white;
}
.eucolR{
	margin-right:5px;
	width:120px;
	height:27px;
	float:left;
	text-align:right;
	padding: 1px 0px 1px 0px;
}
textarea {
	resize:none;
	padding:5px;
	width:100%;
	border: 1px solid Transparent;
	overflow: auto;
	float:left;
}
.yobulb{
	background: #dedede;
	background: radial-gradient(circle at 50% 65%,rgba(222, 222, 222, 1) 0%, rgba(160, 160, 160, 1) 32%, rgba(79, 79, 79, 1) 100%);
	border:2px solid rgba(80, 80, 80, 0.5);
}
.drkbulb{
background: #808080;
background: radial-gradient(circle at 25% 25%,rgba(128, 128, 128, 1) 0%, rgba(71, 71, 71, 1) 32%, rgba(43, 43, 43, 1) 100%);
}
.grabulb{
background: #dedede;
background: radial-gradient(circle at 25% 25%,rgba(222, 222, 222, 1) 0%, rgba(130, 130, 130, 1) 32%, rgba(79, 79, 79, 1) 100%);
}
.grnbulb{
background: #51ff45;
background: radial-gradient(circle at 25% 25%,rgba(81, 255, 69, 1) 0%, rgba(42, 199, 45, 1) 32%, rgba(31, 145, 37, 1) 100%);
}
.redbulb{
background: #ff4545;
background: radial-gradient(circle at 25% 25%,rgba(255, 69, 69, 1) 0%, rgba(199, 42, 42, 1) 32%, rgba(145, 31, 31, 1) 100%);
}
button {
	/*				top right bott left*/
	width:100%;
	padding:5px;
	height:inherit;
	border: 1px solid Transparent;
}

.XontainerX{
	display:flex;
	/*	flex-direction:column;*/
	/*	flex-wrap:wrap;*/
	/*	align-content:flex-start;*/
	/*	column-gap:5px;*/
	/*	row-gap:5px;*/
	/*justify-content:space-between;*/
}
.bodycontainer{
	display:flex;
	flex-direction:row;
	height: 100vh;
}

.leftcontainer{
	display:flex;
	flex-direction:column-reverse;
	flex-basis:240px;
	height: 100%;
}
.menucontainer{
	flex: 1 0 auto;
	display:flex;
	flex-direction:column;
}

.rightcontainer{
	flex-grow:1;
	display:flex;
	flex-direction:column;
	height: 100%;
	background:blue;
}

.topcontainer{
	display:flex;
	flex-direction:row;
	background:navy;
}
.contentcontainer{
	flex-grow:1;
	display:flex;
	flex-direction:column;
	background:yellow;
	overflow-x:auto;
	overflow-y:auto;
}
.box{
	width:150px;
	height: 72px;
	font-size:16px;
	text-align:center;
}

.gox{
	flex-grow:1;
	width:150px;
	height: 72px;
	font-size:16px;
	text-align:center;
}

.sox{
	flex: 1;
	padding:20px;
	font-size:16px;
	text-align:center;
	background-color: white;
}
.content_main{
	flex: 1;
	padding:20px;
	font-size:16px;
	text-align:center;
	background-color: white;
}
.menu_footer{
	padding:20px;
	height: 110px;
	font-size:14px;
	line-height:20px;
	text-align:center;
	background-color: white;
}

.menu_header{
	flex-grow: 0;
	flex-shrink: 0;
	height: 150px;
	font-size:16px;
	text-align:center;
}

.menu_main{
	flex: 1 0 auto;
	padding: 50px 10px 10px 10px;
	height: 130px;
	font-size:16px;
	text-align:left;
	background-color: white;
}

.nox{
	flex-grow: 1;
	flex-shrink: 0;
	width:150px;
	height: 150px;
	font-size:16px;
	text-align:center;
	background-color: black;
}
#crow{
	-webkit-user-select: none; /* Safari */
	user-select: none;
	 float:left;
	 clear:both;
	 width:100%;
	 display:block;
	/* background:rgba(66,66,66,0.6);*/
	color:rgba(222,222,222,0.8);
	 margin-top:4px;
}
.inmenurow{
	 float:left;
	 clear:both;
	 width:100%;
	 display:block;
	 margin-top:4px;
	flex-direction:column;
	flex-basis:240px;
}

#the_menu{
	background-color: #767676;
	overflow-y:auto;
}

#dark2lite{
	background-image: linear-gradient(to top, #767676, #6c6c6c, #626262, #585858, #4e4e4e);
}


#dark2lite5{
	background-image: linear-gradient(to top, rgba(120,120,120,0.2), rgba(120,120,120,0.4), rgba(120,120,120,0.6), rgba(120,120,120,0.8), rgba(120,120,120,0.5), rgba(120,120,120,0.6), #767676, #6c6c6c, #626262, #585858, #4e4e4e);
}
#box1{
	background-color: red;
}

#box2{
	background-image: linear-gradient(to top, #767676, #6c6c6c, #626262, #585858, #4e4e4e);
}

#lite2dark{
	background-image: linear-gradient(to bottom, #767676, #727272, #6e6e6e, #6a6a6a, #666666);
}

#bully{
	 float:left;
	 height:24px;
	 width:24px;
	 padding-top:3px;
	 transition: transform 2s ease-in-out;;
}
#box5{
	background-color: purple;
}

/*				top right bott left*/
#boxeww{
/*order:-1;*/
/*background-color: green;*/
background: rgba(192,192,192,0.4);
transition: background 0.2s ease-in-out;
}

#boxeww2{
/*order:-1;*/
/*background-color: green;*/
background: transparent;
transition: background 0.5s ease-in-out;
}
#boxeww3{
/*order:-1;*/
/*background-color: green;*/
	background: rgba(192,192,192,0.4);
	transition: background 0.5s ease-in-out;
}

.kox1{
	-webkit-user-select: none; /* Safari */
	user-select: none;
	flex-grow: 0;
	flex-shrink: 0;
	font-size:16px;
	text-align:left;
	padding: 3px 2px 2px 16px;
	margin-bottom:1px;
	border-bottom:1px solid rgba(22,22,22,0.22);
}
.kox{
	-webkit-user-select: none; /* Safari */
	user-select: none;
	flex-grow: 0;
	flex-shrink: 0;
	font-size:16px;
	text-align:left;
	padding: 3px 2px 3px 16px;
	margin-bottom:1px;
}
.rar{
	 transform-origin: 50% 35%;
	 transform: rotate(0deg);
}
.dar{
	transform-origin: 40% 50%;
	transform: rotate(90deg);
}
.inmenurow{
	margin-top:0px;
	display:flex;
	flex-direction:row;
}

.menuleft{
	flex: 0 0 10px;
	font-size:16px;
	text-align:center;
	margin-left:10px;
	border-left:2px solid rgba(192,192,192,0.4);
}

.menuright{
	flex: 1 0 auto;
	display:flex;
	flex-direction:column;
}



/* The switch - the box around the slider */
#bucol71 .switch {
border: 1px solid transparent;
position: relative;
display: inline-block;
width: 92px;
height: 44px;
}

/* Hide default HTML checkbox */
#bucol71.switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
#bucol71 .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

#bucol71 .slider:before {
position: absolute;
content: "";
height: 32px;
width: 30px;
left: 4px;
bottom: 5px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

#bucol71 input:checked + .slider {
background-color: #2196F3;
}

#bucol71 input:focus + .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
}

#bucol71 input:checked + .slider:before {
-webkit-transform: translateX(52px);
-ms-transform: translateX(52px);
transform: translateX(52px);
}

/* Rounded sliders */
#bucol71 .slider.round {
border-radius: 60px;
}

#bucol71 .slider.round:before {
border-radius: 50%;
}



/* The switch - the box around the slider */
#bucol71b .switch {
border: 1px solid transparent;
position: relative;
display: inline-block;
width: 92px;
height: 44px;
}

/* Hide default HTML checkbox */
#bucol71b.switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
#bucol71b .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

#bucol71b .slider:before {
position: absolute;
content: "";
height: 32px;
width: 30px;
left: 4px;
bottom: 5px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

#bucol71b input:checked + .slider {
background-color: #2196F3;
}

#bucol71b input:focus + .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
}

#bucol71b input:checked + .slider:before {
-webkit-transform: translateX(52px);
-ms-transform: translateX(52px);
transform: translateX(52px);
}

/* Rounded sliders */
#bucol71b .slider.round {
border-radius: 60px;
}

#bucol71b .slider.round:before {
border-radius: 50%;
}


#bucol72 .switch {
border: 1px solid transparent;
position: relative;
display: inline-block;
width: 92px;
height: 44px;
}

/* Hide default HTML checkbox */
#bucol72.switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
#bucol72 .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

#bucol72 .slider:before {
position: absolute;
content: "";
height: 32px;
width: 30px;
left: 4px;
bottom: 5px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

#bucol72 input:checked + .slider {
background-color: #2196F3;
}

#bucol72 input:focus + .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
}

#bucol72 input:checked + .slider:before {
-webkit-transform: translateX(52px);
-ms-transform: translateX(52px);
transform: translateX(52px);
}

/* Rounded sliders */
#bucol72 .slider.round {
border-radius: 60px;
}

F .slider.round:before {
	border-radius: 50%;
}



/*				top right bott left*/
#bucol7B{
padding: 0px 2px 1px 2px;
margin:0px 5px 0px 5px ;
text-align:center;
width:100px;
float:left;
border: 1px solid transparent;
}
/* The switch - the box around the slider */
#bucol7B .switch {
border: 1px solid transparent;
position: relative;
display: inline-block;
width: 46px;
height: 25px;
}

/* Hide default HTML checkbox */
#bucol7B .switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
#bucol7B .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

#bucol7B .slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

#bucol7B input:checked + .slider {
background-color: #2196F3;
}

#bucol7B input:focus + .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
}

#bucol7B input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}

/* Rounded sliders */
#bucol7B .slider.round {
border-radius: 60px;
}

#bucol7B .slider.round:before {
border-radius: 50%;
}






/*				top right bott left*/
#bucol7C{
padding: 0px 2px 0px 2px;
margin:0px 0px 0px 0px ;
text-align:center;
width:auto;
float:left;
border: 1px solid transparent;
}
/* The switch - the box around the slider */
#bucol7C .switch {
border: 1px solid transparent;
position: relative;
display: inline-block;
width: 46px;
height: 25px;
}

/* Hide default HTML checkbox */
#bucol7C .switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
#bucol7C .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

#bucol7C .slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

#bucol7C input:checked + .slider {
background-color: #2196F3;
}

#bucol7C input:focus + .slider {
box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75);
}

#bucol7C input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}

/* Rounded sliders */
#bucol7C .slider.round {
border-radius: 60px;
}

#bucol7C .slider.round:before {
border-radius: 50%;
}


#nuSpinner{
	margin-top:10px;
	text-align:center;
}

#saveSpinner{
	padding: 4px 0px 6px 0px;
	display: block;
	float:left;
	max-height: 26px;
}
.ld-nout{
	display: inline-block;
	position: relative;
	width: 26px;
	height: 26px;
}
.lds-hourglass {
	display: inline-block;
	position: relative;
	width: 26px;
	height: 26px;
}
.lds-hourglass:after {
	content: " ";
	display: block;
	border-radius: 50%;
	width: 0;
	height: 0;
	margin: 1px;
	box-sizing: border-box;
	border: 12px solid #000;
	border-color: #000 transparent #000 transparent;
	animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	50% {
		transform: rotate(900deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	100% {
		transform: rotate(1800deg);
	}
}
.nav-submenu a.collapsed:after {
    content: " ▾";
}
.nav-submenu a:not(.collapsed):after {
    content: " ▴";
}
.nav-submenu a:not(.collapsed)+div {
   display:none;
}