.texttitle_green{
	font-family: Calibri;
	font-size:18px;
	font-weight:bold;	
	color: #79B41A;
}
.texttitle_blue{
	font-family: Calibri;
	font-size:18px;
	font-weight:bold;	
	color: #004C91;
}
.text_title1{
	font-family: calibri;
	color: #ffffff;
	font-size:24px;
	font-weight:bold;		
	text-shadow: 2px 2px 1px #02437C;
}
.text_title2{
	font-family: "Myriad Pro";
	font-size:12px;	
	color: #ffffff;
	font-weight:bold;
	font-style:italic;
	text-shadow: 1px 1px 1px #252525;
}
.text1{
	font-family: stencil;
	font-size:12px;	
	color: #003300;
}
.text2{
	font-family: Calibri;
	font-size:22px;
	font-weight:bold;	
	color: #79B41A;
	color: #333333;
}
.text3{
	font-family: stencil;
	font-size:18px;
	font-weight:bold;	
	color: #79B41A;
	color: #333333;
}
.text4{
	font-family: Calibri;
	font-size:18px;	
	color: #333333;
}
.texthover1{
	font-family: Calibri;
	font-size:18px;	
	color: #333333;
}
.texthover1:hover {
	font-family: Calibri;
	font-size:18px;	
	color: #FFFFFF;
	background-color:#006600;
	border-radius: 2px;
	margin-right:-5px;
	margin-left:3px;
}
.text5{
	font-family: Calibri;
	font-size:14px;	
	color: #009933;
	font-weight:bold;
}
.text6{
	font-family: Arial;
	font-size:14px;	
	color: #666666;
}
.text_check{
	font-family: Arial;
	font-size:11px;
	font-weight:bold;
	color: #0066FF;
}
.text_e{
	font-family: Arial;
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
}
.text_footer{
	font-family: Calibri;
	font-size:11.5px;	
	color: #FFFF00;
	font-weight: bold;
}
.text_note{
	font-family: Calibri;
	font-size:11px;	
	color: #666666;
	font-style:italic;
	margin-top:-2px;
	text-align:right;
}
.title_form{
	font-family: Calibri;
	font-size:16px;
	color: #00539B;
	font-weight:bold;
}
.text_form{
	font-family: Arial;
	width:150px;
	text-align:left;
	font-size:11px;
	color: #FFFFFF;
}

.frame_shadow{
	min-height: 450px;
	/*margin-bottom: 10px;*/
	border-radius: 5px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(105,102,105,0.7);
	-moz-box-shadow: 0px 0px 5px 1px rgba(105,102,105,0.7);
	box-shadow: 0px 0px 5px 1px rgba(105,102,105,0.7);
}

.frame_newhire{
	height: 185px;
	border-radius: 4px;
	padding: 5px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(105,102,105,0.5);
	-moz-box-shadow: 0px 0px 5px 1px rgba(105,102,105,0.5);
	box-shadow: 0px 0px 5px 1px rgba(105,102,105,0.5);
}
.frame_newhire:hover {
	background-color: #FDFDFD;
}

.page-icon{
	font-size: 1.8em;
}

.page-icon:hover{
	font-size: 1.9em;
	cursor:pointer;
}

.page-icon-active{
	font-size: 1.9em;
	color:#C2C2C2;
}

.line_shadow{
	border-bottom: 1px solid #000000;
	max-width:260px;
	-webkit-box-shadow: 0 6px 4px -4px #1A1364;
	-moz-box-shadow: 0 6px 4px -4px #1A1364;
	box-shadow: 0 6px 4px -5px #1A1364;
	height:50px;
	margin-bottom:30px;
	margin-top:15px;
	vertical-align:bottom;
}

.framenews{
	width: 96%;
	max-width: 96%;
	min-height: 300px;
	margin-left:auto;
	margin-right:auto;
	word-wrap: break-word;
	background-color:#FFFFFF;
	border-radius: 2px 2px 2px 2px;
}

.kotaknewsdate {
	width:40px;
	height:40px;
	background:#79B41A;
	border-radius: 4px 4px 4px 4px; /*Kode pembuat lengkungan sudut*/  
	border: 1px solid #dadada; 
	border-bottom: 1px solid #b7b7b7; 
	padding: 5px; 
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	/*margin-bottom: 7px;*/	
	font-family: "Trebuchet MS";
	font-size:22px;
	font-weight:bold;
	color: #FFFFFF;
}

.frame_photo {
	padding: 2px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 2px 2px #D7D7D7;
	-moz-box-shadow: 0px 0px 2px 2px #D7D7D7;
	box-shadow: 0px 0px 2px 2px #D7D7D7;
}

.table-iframe{
	width:100%;height: 100px;overflow-x:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:0px solid #ddd;
}


@media screen and (min-width:768px) {
    .desktop-only {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .desktop-only {
        display: none !important;
    }
}

@media screen and (min-width:768px) {
    .mobile-only {
        display: none !important;
    }
}

@media screen and (max-width:767px) {
    .mobile-only {
        display: block;
        position: relative;
    }
}

<!-- disable text selection start-->
/*html,body{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/
<!-- disable text selection finish-->