.container{
	margin: auto 0;
	width:1000px;
}


.stdbox1{
border: 1px solid #BFBFBF; 
 box-shadow: 3px 3px 2px #aaaaaa;
}

/*
@media print {
    .pagebreak { page-break-before: always; } / * page-break-after works, as well * /
}
*/

@media print {
	body {-webkit-print-color-adjust: exact;}
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

@page {
  size: A4;
  margin: 0;
}


.a4size {
    width: 790px;
    height: 1120px;
}

.fontfootnote {
	font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size:10px; 
}

#wpadminbar{
	direction: ltr;
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 32px;
    height: 32px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
    z-index: 99999;
    background: #23282d;
}

/*
@media screen and (max-width:1000px){
	#wpadminbar{
		width:100vw;
		min-width: 100vw;
		width:1000px;
	}
}
*/


#wfooter{
	direction: ltr;
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 32px;
    height: 100px;
    width: 100%;
    background: #23282d;
}
	
.banner{
	    background: linear-gradient(to bottom,#cea71a 0,#a5751a 100%);
}























/* 
###############################################################################
 MENU MENU BEGIN
############################################################################### */

#nav {
    list-style:none inside;
    margin:0; 
    padding:0;
   /* text-align:center;*/
    color: #fff;
    font: 12px arial, verdana, sans-serif;
    font-weight: bold;
    }

#nav li {
    display:block;
    position:relative;
    float:left;
    background: #006633; /* menu background color */
    }

#nav li a {
    display:block;
    padding:0;
    padding-left:20px;
    padding-right:20px;
    text-decoration:none;
 /*   width:200px; *//* this is the width of the menu items */
    line-height:35px; /* this is the hieght of the menu items */
    color:#ffffff; /* list item font color */
    }
        
#nav li li a {font-size:90%;  width:200px;
    } /* smaller font size for sub menu items */
    
#nav li:hover {background:#003f20;} /* highlights current hovered list item and the parent list items when hovering over sub menues */


.menuhighlight{
	background:#174;
}
.menuhighlight:hover{
	background:#003f20;
}





/*--- Sublist Styles ---*/
#nav ul {
    position:absolute;
    padding:0;
    left:0;
	display:none; /* hides sublists */
    }

#nav li:hover ul ul {display:none;} /* hides sub-sublists */

#nav li:hover ul {display:block;} /* shows sublist on hover */

#nav li li:hover ul {
    display:block; /* shows sub-sublist on hover */
    margin-left:200px; /* this should be the same width as the parent list item */
    margin-top:-35px; /* aligns top of sub menu with top of list item */
    }

/* SUB OF SUB MENU */




.warnagradasijaksa{
	    background: linear-gradient(to bottom,#0000cc 0,#000066 100%);
}

.fontjudul{
	font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
    line-height: 1.1;
	font-size: 26px;
	margin-block-start: 10px;
    margin-block-end: 10px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	text-shadow: 1px 1px #000;
	color: #fff;
}

.fontjudul2{
	font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
    line-height: 1.1;
	font-size: 12px;
	margin-block-start: 10px;
    margin-block-end: 10px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	text-shadow: 1px 1px #000;
	color: #fff;
	
}

.fontfototext{
	font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
    line-height: 1.1;
	font-size: 14px;
	margin-block-start: 10px;
    margin-block-end: 10px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	
}

.topnavbox{
	    background: linear-gradient(to bottom,#cea71a 0,#a5751a 100%);
	cursor:pointer;
	width:300px; height :55px; float:left;
				border: 2px solid #73AD21;  border-radius: 10px;
}

.topnavbox:hover{
	    background: linear-gradient(to bottom,#99a71a 0,#a57570 100%);
	
}

.topnavfont{
	font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
    line-height: 1.1;
	font-size: 20px;
	text-shadow: 1px 1px #000;
	color: #fff;
	text-align :center;
}


/* 
###############################################################################
 MENU MENU END
############################################################################### */
































.speedanswer{
	width:23px; 
	float:left;
	text-align:center;
	color:blue;
	background:white;
	cursor:pointer;
}
.speedanswer:hover{
	color:white;
	background:blue;
}



.stdeditw{
	width: 550px;
	height:auto;
}

.stdjawabw{
	width: 15px;
	height:20px;
	cursor:pointer;
}

.stdjawabw:hover{
	color:white;
	background:blue;
}

.stdjawabw div{
	padding-top: 2px;
	padding-left: 2px;
}


.stdtable{
		font-family: verdana,arial,sans-serif;
		font-size:11px;
		color:#333333;
		border-width: 1px;
		border-color: #3A3A3A;
		border-collapse: collapse;
}
.stdtable th {
		border-width: 1px;
		padding: 3px;
		border-style: solid;
		border-color: #3A3A3A;
		background-color: #B3B3B3;
	}
.stdtable td {
		border-width: 1px;
		padding: 3px;
		border-style: solid;
		border-color: #3A3A3A;
		background-color: #ffffff;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.simpledialog{
	position: fixed;
/*	
	left:0px;
    width: 100vw;
*/
	
	top: -moz-calc(100vh  - 45); /* Firefox */
	top: -webkit-calc(100vh  - 45); /* WebKit */
	top: -o-calc(100vh - 45); /* Opera */
	top: calc(100vh - 45); /* Standard */
	
/*	
	
	height:  30px ;
	
	overflow:auto;
    background-color: rgba(0,0,0,1);
    display: block; 
	
*/
	
}





.smplbox{
	display: none;
	
	left: 50%;
	top: 50%;
	margin-left: -475px;
 	margin-top: -40px;
	
	width: 950px;
	height:  80px ;
	background-color: rgba(0,0,0,1); 
	font-family: verdana,arial,sans-serif;
	color:#fff;
}

.smplbox_l{
	position: relative;
	float:left;
	width: 800px;
	height:  80px ;
	font-size : 14px;
	/*background-color: #ffd;*/
}

.smplbox_r{
	position: relative;
	float:left;
	width: 150px;
	height:  80px ;
	font-weight: bold;
	/*background-color: #dfd;*/
}

.smplbox_l_txt{
	padding-left:20px;
	padding-top:30px;
}

.smplbox_r_txt{
	text-align:center;
	padding-top:30px;
}
.smplbox_r_txt_btn{
	cursor:pointer;
}
.smplbox_r_txt_btn:hover{
	color:red;
}



@media screen and (max-width:900px){
	.smplbox{
		left: 50%;
		top: 50%;
		margin-left: -350px;
		margin-top: -40px;
		width: 700px;
		height:  80px ;
	}

	.smplbox_l{
		position: relative;
		float:left;
		width: 550px;
		height:  80px ;
	}

	.smplbox_r{
		position: relative;
		float:left;
		width: 150px;
		height:  80px ;
	}
}


@media screen and (max-width:600px){
	.smplbox{
		left: 50%;
		top: 50%;
		margin-left: -225px;
		margin-top: -70px;
		width: 450px;
		height:  140px ;
	}

	.smplbox_l{
		position: relative;
		float:none;
		width: 450px;
		height:  80px ;
	}

	.smplbox_r{
		position: relative;
		float:none;
		width: 450px;
		height:  60px ;
	}
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
  


























.stdbox{
	min-height: 100px; 
	padding-bottom:5px;
	background: white;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 3px 3px 2px #aaaaaa;
	overflow:hidden;
}


 
/*
z-index: 2;
cursor: pointer;
*/


.menuboxspace{
	min-width:7px; min-height:35px; float:left;
	background:white;
}

.menuboxspace div{
	color:black;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	
	margin-top:7px;
}

.stdfont{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.menubox{
	min-width:50px; min-height:35px; float:left;
	background:white;
	cursor:pointer;

	color:black;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-align:center;
	
}
.menubox:hover{
	background:blue;
	color:white;
}

.menubox > div{
	color:black;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-align:center;
	
	margin:auto;
	margin-top:7px;

	padding-left:8px;
	padding-right:8px;
}


.menubox:hover > div{
	background:blue;
	color:white;
}


.stdlink{
	cursor:pointer;
	color:blue;
}
.stdlink:hover{
	color:orange;
}

.linkactive{
	cursor:pointer;
	color:black;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
.linkactive:hover{
	color:white;
	background:blue;
}

.linkinactive{
	color:rgba(0,0,0,0.3);
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}


.dclistbox{
	position:absolute; 
	width:250px; 
	height:100px; 
	background-color:#fdf; 
	overflow:auto;
	text-align:left;
	display:none;
}

.dclistbox ul{
	width:100%; 
	height:30px;
	padding-left: 0;
	margin-left: 0;
}
.dclistbox ul li{
	height:25px;
	padding-left: 10px;
	//margin-left: 10px;
	list-style: none;
}

.dclistbox ul li:hover{
	background-color: #ffd;
	cursor:pointer;
}
	
.dclistlink:hover{
	background-color: #ffd;
	cursor:pointer;
}


.mathsymbol{
	position:absolute; 
	width:250px; 
	min-height:100px; 
	background-color:#fdf; 
	overflow:auto;
	text-align:left;
	display:none;
}

.mathchar{
	width:20px;
	height:23px; 
	text-align:center; 
	float:left;
}
.mathchar:hover{
	background-color: #ffd;
	cursor:pointer;
}

.ta_soaljawab{
	height:auto; width: 100%; resize: none; overflow: auto;
}

.prev_soal{
	height:auto; 
	width: 550px; 
	padding:5px; 
	border: 1px solid gray;
	background-color:#ffd; 
	word-wrap:break-word;
}

.boxsoalujian{
	height:auto; 
	width: 550px; 
	padding:3px; 
	word-wrap:break-word;
}


[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text);
	color:#ccc;
}






















/*
################################################################################################
*/

.container{
	margin:0;
}
.tbanner{
	width:100%;
	min-height:35px;
	background:#fff;
	
	
}
.tcontent{
	width:100%;
	min-height:200px;
	background:#fff;
}
.tbilahgeser{
	width:100%;
	min-height:200px;
	background:#fff;
}
.tfooter{
	width:100%;
	min-height:100px;
	background:#fff;
}
.tdebugdebug{
	width:100%;
	min-height:25px;
}
.banner{
	min-height:35px;
	background:#fff;
}
.content{
	min-height:200px;
	background:#fff;
}
.bilahgeser{
	min-height:200px;
	background:#fff;
}
.footer{
	min-height:50px;
	background:#fff;
}
.debugdebug{
	min-height:25px;
}

.ganjelan{
	width: 550px;
	height:6px;
}





















.njwoverlay{
	position: fixed;
	left:0px;
	top:0px;
    width: 100%;
    height: 100%;
/*    width: 100vw;
    height: 100vh;*/
	overflow:auto;
    background-color: rgba(0,0,0,0.5);
    display: none; 
}


.njwoverlaybox{

	width: 1000px; 
	min-height: 300px; 
	margin:auto;
	margin-top:20px;
	padding:20px;
	padding-bottom:20px;
	background: white;
	border:2px solid gray;
	border-radius:20px;
	overflow:auto;
}
/*
.njwoverlayisi{
	max-height:600px;
	overflow:auto;
	padding: 10px;
}
*/

/*
.najwaoverlayinnerbox{

	width: 1000px; 
	min-height: 300px; 
	margin:auto;
	margin-top:20px;
	padding:20px;
	padding-bottom:20px;
	background: white;
	border:2px solid green;
	border-radius:20px;
	max-height:200px;
	overflow:auto;
}
*/

.njwoverlaybox table tr:nth-child(even) td { background: #F1F1F1; }
.njwoverlaybox table tr:nth-child(odd) td { background: #FEFEFE; }

/*
*/
@media screen and (max-width:900px){
/*	.container{width:800px; margin:auto} */
	.njwoverlaybox{width: 750px; margin:auto; margin-top:20px;margin-bottom:20px;}
	.njwoverlay{width: 100%;  height: 100%;}
    
   

}

@media screen and (max-width:700px){
*/	.container{width:width: 100vw;; margin:auto} */
	.njwoverlaybox{width: 560px; margin:auto; margin-top:20px;margin-bottom:20px;}

}





/*
@media screen and (min-width:1050px){
	.container{width:1000px; margin:auto}
	.njwoverlaybox{width: 960px; margin:auto; margin-top:20px;margin-bottom:20px;}

}

@media screen and (min-width:1050px){
	.container{width:1000px; margin:auto}
	.njwoverlaybox{width: 960px; margin:auto; margin-top:20px;margin-bottom:20px;}
/ *	
	#wpadminbar {width:1000px; margin:auto;}
	#wfooter {width:600px; margin:auto;}
* /	
}
*/