#tophomecanc{display:none;}
.site-content-contain{background: lightblue url("../../oper_img/ptn3.gif") repeat fixed center;}
.reg-menu button:focus, 
.reg-menu input[type="button"]:focus, 
.reg-menu input[type="submit"]:focus {background:none;}
#content{padding-top:0px ;}
.scroll,.scroll2{    margin-top: -21px;
    float: right;
    padding: 0px;
    border: none;
    color: black;Cursor:pointer;}

.site-branding{display:none;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: 3px;
    width: 100%;
}
.input-field input, .input-field select, .ch-field{width: 100%;}
#mat-wrap{margin-top: 15px;
    width: calc(100% - 210px);
    min-width: 1140px;
    /* border: 1px #e8e2e2 solid; */
    overflow: hidden;
    padding: 10px;
    /* margin: auto; */
    text-align: center;
    margin-top: 15px;
    background: #fdf8f8;
    margin-bottom: -40px;
    padding-bottom: 30px;
    min-height: 500px;
    min-height: calc(100vh - 97px);
    margin-top: -25px;
    margin-top: -33px;
    margin-right: 8px;
    float: right;}
.custinfo-field{float:left;overflow:hidden;width:44%;min-width:450px;min-height:450px;    background: white;border: 1px #e8e2e2 solid;}
.seats-field{float:right;overflow:hidden;width:55%;min-width:610px;min-height:450px;}
.input-field{width:95%;margin: 8px 0px;overflow:hidden;}
.f-label{float: left;
    width: 40%;
    min-width: 170px;
    text-align: left;
   /* background: #fff8d9;*/
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    /*border: 1px #272626  solid;*/
	padding: 2px 10px;border-bottom: 1px #e6e5de solid;}
.f-input{width:55%;min-width:247px;float:right;}
.regular{float:left;width:65%;}
.executive{float:right;width:34%;}
.regular td {width:80px;height:60px;}
.executive td {width:80px;height:91px;}
.regular table, .executive table {width:250px;margin:auto;    border: 1px #d8d2d2 solid;background: #ffffff;}
#readonly{       background: #fff8d9;
    border: 1px #e4e2e1 solid;
    height: 30px;
    border-radius: 20px;
    padding-top: 4px;
    font-weight: 600;}
select{width:100%;height:30px;}
#readonly input[type="text"]{all:unset;}
.top-menu{ overflow: hidden;border-bottom: 1px #7c7978 solid;margin-top: 0px;    position: fixed;width: 100%;background: white;z-index: 999999;background: /*radial-gradient(#ffffff, #dedede);*/}
.top-menu ul li {display:inline;background:wheat;padding:10px;margin-right:5px;padding-top: 32px; margin-left: 30px;}
.top-menu img{    float: none;
					width: 33px;
					height: unset;
					margin: -3px 0px -6px 0px;}
.menu-ite {float:left;margin: 10px; margin-left:15px;padding:5px; width: 130px;  border-radius: 5px;text-align: center;}
.menu-ite:hover {    box-shadow: 0px 0px 1px 0px;
    background: #fefaf7;}
.site-footer{margin-top: 0em;display:none;}
button, input[type="button"], input[type="submit"] {
background-color: #51bb78;}
.tbl-title{    background: #fbf3cf; border-bottom: 1px #2c2c2c solid;}
.tbl-input{font-family: serif;font-size: 14px;background: white;}
.err{background: #dee7e8;
    text-align: center;
    margin: 0px;
    color: #ff0000;
    font-size: 18px;}
#receipt{border: 1px #23282d dashed;;
    width: 300px;
    padding: 10px;text-align:center;}
#receipt img{width: 180px;
    height: 110px;}
#receipt p{    text-align: left;
    margin-bottom: 4px;
    border-bottom: 1px #23282d dashed;overflow: hidden;}
#receipt b{float:left;}
#receipt span{float:Right;}
.navigat-top, .logout-top{    
			border-radius: 14px;
			width: 160px;
			padding: 6px 0px;
			background: #ffffff;
			color: #4e6757;
			font-weight: 100;
			font-family: serif;
			margin-bottom: -19px;
			margin-left: 2px;
			line-height: 20px;
			/*background: radial-gradient(#ffffff, #ecebff);*/
			/* border: 1px #c5c5c5 solid; */
			/* border-top: none; */
			width: unset;
			min-width: 50px;
			box-shadow: 0px -2px 2px -2px black;
			/*transition:0.5s;*/}
.menulab{	margin: 0px 0px -4px 0px;
			padding: 0px 12px;}
	
.navigat-top:hover, .logout-top:hover{
	background: #fbf3cf;
	/*border: 1px #ccc6c6 solid;*/
	box-shadow: 0px 2px 2px -2px black;
}
.navigat-top-selected{ 
	border: 1px #ccc6c6 solid;
    border-radius: 14px;
    width: 160px;
    padding: 6px 0px;
    background: #fbf3cf;
    color: #4e6757;
    font-weight: 100;
    font-family: serif;margin-bottom: -12px;    
	margin-bottom: -15px;
	margin-left: 2px;
	line-height: 20px;
	width:unset;
	min-width: 50px;
    border: none;
    border-left: 1px #ccc6c6 solid;
    border-right: 1px #ccc6c6 solid;
	box-shadow: 0px 2px 2px -2px black;}
.navigat-top-selected:hover { 
	/*border: 1px #ccc6c6 solid;*/
	background: #fbf3cf;}
.on-print-hide{height: 34px; 
				background: ;}
.reg-menu{width:100%;text-align:left;margin: 16px;min-width: 1000px;display: inline-block; margin-bottom: 22px;margin-top: 12px;}
/* Landscape phone to portrait tablet */
.navigat{padding: 1px 1px;
    font-weight: 100;
    font-family: serif;
    /* width: 130px; */
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 5px;}
.navigat-selected { padding: 1px 20px;
    font-weight: 100;
    font-family: serif;
    /*width: 180px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 5px;
	background:#757171;}
.show_hide_topmenu,.show_hide_sectopmenu{display:none;}
.sec_layer_menu{    background: none;
    position: fixed;
    width: 200px;
    margin-top: 0px;
	leftt:0px;
	padding-top: 0px;
    overflow: hidden;z-index:99999;display:none;min-height: calc(100vh - 85px);background: none;}
.styler2{display:none;}
.input-field{float:left;width: 280px;/*background:red;*/}
.input-field label{float:left;font-weight: 100;margin-bottom: 0px;text-align: left;padding-left: 0px;font-size: 14px;font-family: auto;width: 80px;font-weight: bold;}
.input-field input, .input-field select, .ch-field{float:left;width:190px;margin: auto;margin-left: 0px;}
#forminfo .input-field input, #forminfo .input-field select, #forminfo .ch-field{float:left;width:218px;margin: auto;}
#forminfo .input-field label{float:left;width:150px;font-weight: 100;margin-bottom: 0px;text-align: left;padding-left: 10px;}
.left-field{float: left;width: 290px;border: 1px #ded9d9 solid;position: fixed;background: #d5dbde;}
.right-field{float: right;min-width:765px;width: 65%; min-width: calc(100% - 300px);}
.ch{float:left;width: 20px;}
.ch-field span{float: left;width: 82px;text-align: left;font-size: 12px;font-family: serif;}
.check-field{width:50%;overflow:hidden;float:left;}
.input-field input[type="checkbox"], [type="radio"]{width: 12px;margin-top: -6px;}
.submit{margin-top: 20px;margin-bottom: 20px;padding: 12px 30px;}
input, select{height: 31px;}
#right-field-lev3{float: none;margin: auto;width: 90%;}
#forminfo .input-field{height: ;width:370px;background: none;}

.dby{text-align: center;width: 100%;color: #888181;font-family: sans-serif;}
.developers{position:absolute;bottom:10px;}







@media (max-width: 1340px) { 
    .top-menu{
           margin-top: 0px;
			position: relative;
			    border-bottom: 10px #d8d1d1 solid;
			    background: rgba(82, 80, 80, 0.88);
				position:fixed;width:100%;
width: 100%;
height: 100%;
margin: 0px;
background: rgb(255, 255, 255);
border: 5px #d4d4d4 solid;
border-radius: 8px;
background: rgb(3,191,158);
background: radial-gradient(circle, rgba(3,191,158,0.700717787114846) 0%, rgba(56,56,56,1) 100%);
overflow-y: auto;
    }
	.reg-menu{
		min-width:200px;
		text-align: center;
		margin: 10px 0px;
		margin-top: 40px;
		/*transition:width 2s;*/
	}
	.navigat-top-selected,.navigat-top{margin-bottom: 10px;}
	.on-print-hide{height:unset ; 
				background: #ffffff;margin-top: 0px;
				    position: fixed;
					width: 100%;
					z-index: -9}
	.navigat{padding: 6px;  margin-bottom: 0px; }
	.show_hide_topmenu{/*position:fixed;width:100%;*/}
	.show_hide_topmenu,.show_hide_sectopmenu{background: #d8d1d1;
			    background: #51bb78;
    border: 1px black solid;
    text-align: center;
    color: #ffffff;
			text-transform: capitalize;
			padding: 3px;
			font-weight: bold;
			font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
			cursor:pointer;
			display:block;
			font-size:15px;
			border-radius: 10px;
			width: 80%;
			margin: auto;
			margin-top: 8px;}
	.show_hide_topmenu:hover, .show_hide_sectopmenu:hover{    /*background: #268621;
				border: none;border: 1px white solid;*/}
	.show_hide_topmenu img,.show_hide_sectopmenu img{   height: 30px;
														width: 30px;
														margin-left: 2px;
														/* margin-bottom: -5px; */
														vertical-align: top;}
	#content .sec_layer_menu{margin-top: 0px;
							position: relative;
							background: #f1f0f0;
							padding: 0px 0px;
							margin-top: 0px;
							border: 1px #c1b2b2 solid;
							background: rgba(255, 255, 255, 0.92);
							border-bottom: 5px rgb(228, 228, 228) solid;
							position: unset;
							margin: auto;
							width: 100%;
							max-width: 320px;
							min-width: 200px;
							background: #b6e8ff;
							/* transform: translateY(12%); */
							border-radius: 0px;
							max-width: unset;
							margin-top: 39px;
							margin-left: 95px;
							height: 100vh;
							width: 250px;
							box-shadow: none;}

	.show_hide_sectopmenu{display:;margin-top: 47px;border: 1px #131212 solid; display: none;}
	.navigat-selected {padding: 6px;}
	.styler{display:none;}
	.styler2{display:block;}
.on-print-hide{
background: rgb(3,191,158);
background: radial-gradient(circle, rgba(3,191,158,0.700717787114846) 0%, rgba(56,56,56,1) 100%);
height: 100%;
z-index: 9;
    background: rgba(0%, 0%, 0%, 0.38);}
	
	
	.scroll{display:none;}
	.reg-menu button:active{background: #868a87;
							color: white;}

.navigat-top, .logout-top, .navigat-top-selected{
width: 80%;
background: #ececec;
border: 1px #8a8a8a solid;
max-width: 222px;
margin: 5px 10px;}

.navigat-top-selected{
background:#fbf3cf;}

#tophomecanc{    display: unset;
    position: absolute;
    z-index: 9999999;
    background: none;
    width: 100%;
	height: 40px;text-align:center;}
#tophomecanc h5{color: #0005ff;
    background: #ececec;
    width: 64%;
    max-width: 320px;
    min-width: 170px;
    font-size: 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 10px;
    min-height: 25px;
    border-radius: 8px;
    padding: 3px;}
#tophomecanc h5 img{display:none;}
.tophomecancleft{    background: #ececec;
    float: left;
    margin: 6px 10px;
    width: 36px;
    height: 36px;
    padding: 4px;
    border-radius: 10px;}
.tophomecancright{    background: #ececec;
    float: right;
    margin: 6px 10px;
    width: 36px;
    height: 36px;
    padding: 4px;
    border-radius: 10px;}
#progress,#progress2{display:none;position:absolute;height:0px;z-index:-9999}

#content .sec_layer_menu button{
background: url(../../oper_img/next.png) no-repeat;
padding-left: 26px;
border-bottom: 1px #096c3b solid;
width: 90%;
text-align: left;
background-size: 20px 18px;
min-height: 20px;
border-radius: 0px;
    font-size: 16px;
    color: #403e3e;
    margin: 10px 0px;
    line-height: 16px;}


.show_hide_topmenu,.show_hide_topmenu_informer{
	position: fixed;
    /* position: absolute; */
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 0px;
    background: none;
    padding: 7px 9px;
    border: none;
    background: white;
    margin-top: 0px;
    border-bottom: 1px #dfdfdf solid;}
#splash_screen{display:block;}
.loggedinas{   display:none;}
.navigat-top{   float: left;
				width: unset;
				background: none;
				color: #ffffff;
				border-radius: 0px;
				border: none;
				border-bottom: 1px #7e7e7e solid;
				width: 100%;
				box-shadow: none;
				/* background: red; */
				min-width: unset;
				padding: 6px 0px 14px 0px;
				margin: 0px 0px;
				}
.navigat-top:hover{background:#cdd5d5;color:black;background:#fbfbfb;}
.navigat-top-selected img,.navigat-top img{
	width: 30px;
    float: left;
    margin: auto;
	float: unset;
}
.navigat-top-selected .menulab,.navigat-top .menulab{
	float: left;
	/*color:black;*/
	float:unset;
	line-height: 14px;
    font-size: 15px;
    padding: 0px;
}
.top-menu{  background: #ffffff;
			width: 100px;
			border: none;
			border-radius: 0px 0px 0px 0px;
			box-shadow: 1px 0px 34px -7px black;
			height: 108vh;
			background: none;
			box-shadow: none;
			z-index: 9999999;
			height: unset;
			/*max-height: 100vh;*/}
.navigat-top-selected{
			background:#b6e8ff; 
			float: left;
			border-radius: 0px;
			border: none;
			width: 100%;
			margin-left: 0px;
			/*padding: 0px 8px;
			border-top: 2px #afafaf solid;*/
			border-bottom: 1px #121111 solid;
			width: 240px;
			width: 100%;
			box-shadow: none;
			background: grey;
			min-width: unset;
			padding: 6px 0px 14px 0px;
			color:black
			margin: 0px 0px;
			}
.navigat-top-selected:hover {background:#b6e8ff;}
#mat-wrap{
    position: fixed !important;
    /* left: 0; */
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    margin-top: 80px;
    min-width: 200px;
    width: calc(100% - 100px) !important;
    /* margin: auto !important; */
    z-index: 999999;
    height: calc(100vh - 30px);
    border-radius: 0px;
    margin-top: 31px !important;
    overflow: auto;
    /* background: red; */
    /* border-left: 1px #e5e5e5 solid; */
    margin-left: 4px;
	}
}

@media (max-width: 1002px) {
	#edit-marks  td,.small_screen td{display:none;}
	#edit-marks .psshow,#edit-marks .psshow2, .small_screen .psshow, .small_screen .psshow2{display:table-cell;}
	.right-field,#right-field-lev3{min-width:200px;width: 100%;}
		.left-field{float: none;
						position: relative;
						width:100%;
						margin: auto;
						max-width: 400px;
						min-width: 200px;
						background: #cfd2cf;
						margin-bottom: 20px;
						}
		.input-field{min-width: 200px;
						width: 100%;
						/*float: none;*/
						text-align: center;}
		.input-field input, .input-field select, .ch-field, .input-field input[type="email"] {
						float: none; 
						width: 100%;
						max-width:230px;
						display: inline-table;
						}
		#forminfo .input-field {
							height: unset;
							}
		.input-field label{    float: none;
							text-align: center;
							width: 100%;}
}

@media (max-width: 850px) {
	#mat-wrap{
		border-bottom: 40px #fdf8f8 solid;
	}
}





/*@media (max-width: 768px) { 
.reg-menu,.top-menu{display:unset;}
}*/
.print{    border: 1px #8c1414 solid;
    padding: 3px 16px;
    font-size: 14px;
    border-radius: 20px;
    background: #bbadad; display:none; color: #151414; margin-top:15px;}
.print:hover{    border: 1px #292525 solid;
					background: #fdcaca;color:black; }
.leftit{float:left;}
.leftit img{width:70px;height:70px;}
.leftit2{    float: left;
			text-align: left;
			margin-left: 25px;}
			
button, input[type="button"], input[type="submit"]{    font-family: serif;
														font-weight: 100;
														font-size: 16px;
														width: 175px;}
th{padding: 0px;
    text-align: unset;}
#progress{    background: #c5c5c5;
    font-family: monospace;
    font-size: 13px;
    text-align: left;
    padding-left: 20px;
    width: 100%;
    height: 20px;
    margin-bottom: 0px;
    color: #170202;
    position: fixed;
    z-index: 9999999;}
#progress2{height:16px;display:none;}
@media print{#progress,progress2{display:none;}}
label{margin-bottom:0px;}

.showcc, .hidecc {  background: lightblue url(../../oper_img/ptn3.gif) repeat fixed center;
					width: 200px;
					text-align: center;
					height: 28px;
					padding-top: 2px;
					border-bottom-left-radius: 20px;
					border-bottom-right-radius: 20px;
					display: none;
					z-index: 99;
					margin-top: -7px;}
.hidecc{    margin-top: 0px;
			padding: 4px;
			background: #42ad0e !important;
			margin-bottom: 7px;}
.hidecc{background:none;}
.showcc{position:fixed;}
.hidecc a, .showcc a{color: #fdf8f8;padding: 5px 10px 5px 10px;}
.hidecc img, .showcc img{margin: 0px 0px -7px 7px;}
.showcc:hover, .hidecc:hover{background:#42ad0e;cursor:pointer;}
.showcc a, .hidecc a{border:none;}
.showcc a:hover, .hidecc a:hover{background:unset;}

/*@media (min-width: 1341px) {.showcc{display:none !important;}}*/
@media (max-width: 1340px) {
	.hidecc{display:block;}
	.site-content-contain{background: none !important;}
	.sec_layer_menu{ left: 0px;
					background: rgba(255, 255, 255, 0.95);
					min-height: 20px;
					border: 1px #0c0c0c solid;
					margin-top: 0;
					padding-top: 0px; z-index: 999999;border-top: none;
					background: white;
					border-bottom-left-radius: 20px;
					border-bottom-right-radius: 20px;
					background: lightblue url(../../oper_img/ptn3.gif) repeat fixed center;margin-top: 3px;  
					background: rgba(38, 41, 48, 0.94);
					margin-top: -7px;
					box-shadow: 10px 10px 15px -10px #0c0c0c;}
	#mat-wrap{  margin: auto;
				margin-top: -35px;
				/*min-height: calc(100vh - 96px);*/
				float: none;
				margin-bottom: -40px;
				width: 98%;
				padding-top: 24px;}
	.right-field,#report-append,.input-marks{margin-top: -18px;}	
}
@media (max-width: 1140px) {
	#content{background: #efefef;}
	.site-content-contain{background: #efefef;}
}
@media (max-width: 850px) { 
	#content{background: none;}
}
#report-append2{   margin: auto;
    float: none;
    margin-top: 40px;
    background: #fcfcfc;
    border: 20px #fcfcfc solid;
    min-width: 1200px;
    width: 90%;$prev_mrk_array[$st_id_found]	= round($mean_mark_total_points_nr);
    min-height: 92vh;}
.cancel_overlay3{ display: none;
					background: #fcfcfc;
					border: none;
					padding: 6px;
					position: absolute;
					top: 10px;
					border-radius: 12px;
					z-index: 9;
					right: 10px;}
@media print {
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
.print{display:none !important;}
#content{background: none !important;}
.site-content-contain{background: none !important;}
		#mat-wrap(all:unset !important;)
}

@media screen {
thead { display: contents; }
.sec_layer_menu button{background: #3b7182;
						padding: 0px;
						margin: 7px 1px;
						border-radius: 20px;}
.sec_layer_menu button:hover{background: #9aeadf;
							color: #060606;}
hr{display:none !important;}
}
.menhol{float:left;color:black;}
.prohol{float:right;}
.bottommenuforfones{
	position: fixed;
    z-index: 99999999;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    /*box-shadow: 0px 0px 19px -2px black;*/
    padding: 0px;
	display:none;
}
.navbuttsbottom{    width: 33%;
					float: left;
					margin: 0px 0px;
					text-align: center;}
.navbuttsbottom img{    width: 26px !important;
						margin-bottom: -11px;}
.navbuttsbottom label{  color: black;
						font-size: 12px;
						font-family: sans-serif;
						font-weight: bold;}
.pos,.dashboardmini,.reportsmini{width: 80px;
								margin: auto;
								/* background: #d5d5d5; */
								padding: 4px 0px 2px 0px;
								background: #e5dfdf;
								background: #ffffff;
								border-radius: 19px;
								margin-bottom: -4px;
								cursor: pointer;
								box-shadow: 0px -8px 28px -17px black;}
.pos:hover,.dashboardmini:hover,.reportsmini:hover{
		border-top: 1px #686464 solid;
		background: #ede8e8;
}
@media (max-width: 1340px) {
	.bottommenuforfones{display:none;}
	.reg-menu{
			background: white;
			background: url(../../oper_img/ptn3.gif);
			height: calc(100vh - 27px);
			overflow-y: auto;
			 margin-bottom: 80px;
			 min-width: unset !important;
			 width: 100px !important;}
	.show_hide_topmenu_informer{display:block;}
	.show_hide_topmenu{display:none;}
	@media (max-height: 700px) { 
		.navigat-top,.navigat-top-selected{
					padding: 0px 0px 6px 0px;
					/*color:red;*/
		}
	}
}
@media (max-width: 850px) {
	.bottommenuforfones{display:block;}
	.reg-menu{/*background: white;*/
			height: calc(100vh - 27px);
			overflow: scroll;
			 margin-bottom: 80px;}
	.show_hide_topmenu_informer{display:none;}
	.show_hide_topmenu{display:block;}
	/*#mat-wrap{
		position: unset;
		width:100% !important;
	}*/
	.top-menu{  background: #ffffff;
		width: 100px;
	}
}
@media (min-width: 1340px) {
	.show_hide_topmenu_informer{display:none;}
}
.gobihi{display:none;}