#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%;
}
#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: 110px;
			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: 110px;
    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: 767px) { 
    .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: 55px;}
	.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: 27px;
						width: 27px;
						margin-left: 2px;
						margin-bottom: -5px;
						vertical-align: sub;}
	#content .sec_layer_menu{
				margin-top: 0px;
				position: relative;
				background: #f1f0f0;
				padding: 8px 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: 80%;
				max-width: 320px;
				min-width: 200px;
				background: #ececec;
				transform: translateY(30px);
				border-radius: 16px;
				height: unset;
				max-height: calc(100vh - 140px);
				overflow-y: auto;
				margin-top: 20px;
			}

	.show_hide_sectopmenu{display:;margin-top: 47px;border: 1px #131212 solid; display: none;}
	.navigat-selected {padding: 6px;}
	.styler{display:none;}
	.styler2{display:block;}
#mat-wrap{position: fixed !important;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	margin-top: 80px;
	min-width: 200px;
	width: 98% !important;
	margin: auto !important;
	z-index: 999999;
	height: calc(100vh - 98px);
	border-radius: 10px;
	margin-top: 50px !important; overflow: auto;}
.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%;}
	#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;
					}
	.scroll{display:none;}
	.reg-menu button:active{background: #868a87;
							color: white;}
	#forminfo .input-field {
							height: unset;
							}
	.input-field label{    float: none;
						text-align: center;
						width: 100%;}
.navigat-top, .logout-top, .navigat-top-selected{
    width: 47%;
    background: #ececec;
    border: 1px #8a8a8a solid;
    max-width: 222px;
    height: 80px;
    margin: 5px 1px;
}
#longtext{font-size: 15px;}
#vlongtext{font-size: 14px;}

.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;}


.show_hide_topmenu{
	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;}
}




/*@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;
			height: calc(100vh - 101px);
			min-height: unset;
			/* height: auto; */
			/* 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{display:block;}
.bottommenuforfones{
	position: fixed;
    z-index: 99999999;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    /*box-shadow: 0px 0px 19px -2px black;*/
    padding: 0px;
}
.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;}
.show_hide_topmenu_informer{display:none;}
.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: 600px) {
	#mat-wrap{margin-top: 44px !important;
		/*border-radius: 0px;*/
	}
}
#wrap-menus{height:unset !important;}
.h55{text-align: center;
    /* background: red; */
    width: 100%;
    border-radius: 20px;
    margin: auto;
    margin-bottom: -41px;
    position: absolute;
    padding: 2px;
    z-index: 9;}
.h55 .menulab{line-height: 20px;font-size: 14px;}
.h55  img{width: 20px;
    height: 20px;
    float: left;
    margin-top: 0px;}
.5g5{}