@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(fonts/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(fonts/toadOcfmlt9b38dHJxOBGCOFnW3Jk0f09zW_Yln67Ac.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(fonts/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(fonts/fpTVHK8qsXbIeTHTrnQH6MAjkyiewWYrWZc50I8hK7I.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(fonts/M2Jd71oPJhLKp0zdtTvoMxgy2Fsj5sj3EzlXpqVXRKo.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'), url(fonts/fpTVHK8qsXbIeTHTrnQH6GQKuzMuncr0JB710wa2dPI.woff2) format('woff2');
}


#boxpengumuman{
	font-size:12px;
}
#txtpengumuman{
	font-size:12px;
}
.help-block{
	font-size:11px;
	color:#FF0000;
}
table{
	font-size:12px;
}

.labelmerah{
	color:#FA5858;
	font-family: Arial, Helvetica, sans-serif;
}

.labelul{
	color:#FA5858;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

.labelnotif{
	font-size:10px;
	color:#babdb6;
	font-family: Arial, Helvetica, sans-serif;
}


.linklist{
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
}

.optionGroup
{
    font-weight:bold;
    font-style:italic;
}

.optionChild
{
    padding-left:15px;
}

.mitralabel{
	font-weight:bold;
	font-size:11px;
}

.pagination{
	font-size:10px;
	color:#babdb6;
	font-family: Arial, Helvetica, sans-serif;
}

.dataTables_length label{
	font-size:10px;
	color:#babdb6;
	font-family: Arial, Helvetica, sans-serif;
}
.dataTables_filter label{
	font-size:10px;
	color:#babdb6;
	font-family: Arial, Helvetica, sans-serif;
}

.leftis{
	margin-right:10px;
}

/******* BOF LOADING SCREEN ***/
.cssload-loader{
	position: relative;
	width: 116px;
	height: 15px;
	left: 25%;
	left: calc(50% - 58px);
		left: -o-calc(50% - 58px);
		left: -ms-calc(50% - 58px);
		left: -webkit-calc(50% - 58px);
		left: -moz-calc(50% - 58px);
}

.cssload-loader:after{
	content: "Loading";
	text-transform:uppercase;
	color: rgb(0,0,0);
	font-family:	Lato,"Helvetica Neue" ;
	font-weight: 200;
	font-size: 12px;
	position: absolute;
	width: 100%;
	height: 15px;
	line-height: 15px;
	left: 0;
	top: 0;
	background-color: rgb(231,76,60);
	z-index: 1;
}

.cssload-loader:before{
	content: "";
	position: absolute;
	background-color: rgb(0,0,0);
	top: -4px;
	left: 0px;
	height: 23px;
	width: 0px;
	z-index: 0;
	opacity: 1;
	transform-origin:	100% 0%;
		-o-transform-origin:	100% 0%;
		-ms-transform-origin:	100% 0%;
		-webkit-transform-origin:	100% 0%;
		-moz-transform-origin:	100% 0%;
	animation: cssload-loader 11.5s ease-in-out infinite;
		-o-animation: cssload-loader 11.5s ease-in-out infinite;
		-ms-animation: cssload-loader 11.5s ease-in-out infinite;
		-webkit-animation: cssload-loader 11.5s ease-in-out infinite;
		-moz-animation: cssload-loader 11.5s ease-in-out infinite;
}


@keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-o-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-ms-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-webkit-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

@-moz-keyframes cssload-loader{
		0%{width: 0px;}
		70%{width: 100%; opacity: 1;}
		90%{opacity: 0; width: 100%;}
		100%{opacity: 0;width: 0px;}
}

/******* EOF LOADING SCREEN ***/
#dvLoading{
	background: url(../img/ajax-loader.gif) no-repeat center center;
	height: 100px;
	width: 100px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
}
#pp{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	#home table,
	#home thead,
	#home tbody,
	#home th,
	#home td,
	#home tr {
		display: block;
	}

	#home thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#home tr { border: 1px solid #ccc; }

	#home td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#home td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	
	#home td:nth-of-type(1):before { content: "Layanan"; font-weight:bold;color:#013066;}
	#home td.total:nth-of-type(1):before { content: " "; font-weight:bold;color:#013066;}
	#home td:nth-of-type(2):before { content: "Lembar"; font-weight:bold;color:#013066;}
	#home td:nth-of-type(3):before { content: "Rptag"; font-weight:bold;color:#013066;}
	#home td:nth-of-type(4):before { content: "RpAdmin"; font-weight:bold;color:#013066;}
	#home td:nth-of-type(5):before { content: "RpTotal"; font-weight:bold;color:#013066;}
	#home td:nth-of-type(6):before { content: " "; font-weight:bold;color:#013066;}
	
	
	
}