/*CSS SETELAH MASUK LOGIN*/

html, body{
	font-family: 'Helvetica Neue LT Std';
	background: #ebf9fb;
	height: 100%;
}

h3 {
    margin-left: 20px;
}

p {
	margin-left: 20px;
	margin-bottom: 10px;
}

a{
	text-decoration: none;
}



.header{
	/*height: 50px;*/
	padding: 2px 10px;
	}


.tombol_sop {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#2aa7e2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 54px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	margin-bottom: 10px;
}
.tombol_sop:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.tombol_sop:active {
	position:relative;
	top:1px;
}


.tombol_sk {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#2aa7e2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 60px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	margin-bottom: 10px;
}
.tombol_sk:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.tombol_sk:active {
	position:relative;
	top:1px;
}

.header h1{
	text-align: right;
	float: right;
	/*ketebalan font*/
	font-weight: 150;
	margin:20px;
	}

.menu{
	background: #42bcf4;
}

.sidebar{
	background: #73b1ce;
	margin:10px 0 10px 0;
	width: 200px;
	height: 100%;
    z-index: 1;
	position: left;
	overflow-x: hidden;
	float: left;
}

.sidebar h4 {
    text-align: center;
}

.sidebar ul {
    margin-top :20px;
    text-align: center;
    margin-right: 60px;
    height: 50px;
}
.sidebar li {
    list-style-type: none;
}

.sidebar li:hover {
    color : red;
    text-decoration: underline;
}
 .content {
	float: left;
	position: top;
	width: 100%;
    padding-bottom : 5rem;
}

.content a{
    margin-left: 20px;
}

.list li {
	margin-left: 40px;
	list-style-type: none;
	margin-left: auto;
    margin-right: auto;
}

.list li a:hover {
	color : red;
   text-decoration: underline;
}

img.kembali{
	width: 50px;
	height: 50px;
	margin : 10 10;
	opacity: 0.20;
}

img.kembali:hover{
	opacity: 0.80;
}

img.logout{
	width: 60px;
	height: 60px;
    position: relative;
	margin: 5px;
	opacity: 0.20;
}

img.logout:hover{
	opacity: 0.80;
}
/*akhir sidebar*/



ul.pos_logo{
	list-style: none;
}

ul.pos_logo li {
	display: inline;
}

.bprsahabat{
	margin : 10 10;
    height: 6%;
}
.bi{
	height: 10%;
}

 .ojk{
	height: 7%;
	margin-bottom: 10px;
}


.badan, .content{

	height: 100%;
	width: 75%;
}



ul.pagination {
display: inline-block;
padding: 0;
margin: 0;
}
ul.pagination li {display: inline;}
ul.pagination li a {
color: black;
float: left;
padding: 4px 8px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
}
ul.pagination li a.active {
background-color: #378de5;
color: white;
border: 1px solid #378de5;
}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
div.center {text-align: center;}
.footer-bottom{
	background-color: #73b1ce;
	height:30px;
	width:100%;
    position: fixed;
    overflow: hidden;
    bottom: 0;
}
.footer-bottom p{
	    text-align: center;
	    margin: 10px;
        display: inline-flex;
}


@media screen and (max-width:420px) {
  
    html,body {
        height: 100%;
    }
    
    h1 {
    font-weight:  80;
    padding: 1px;
    float: right;
} 

h2 {
    font-size: 13px;
    padding: 1px;
	 }
body {
    font-size: 13px;
}
.menu {
    width :100%;
    height: 200px;
    }
    
.logout {
      height: 20%; 
    }
    
.content {
	width: 100%;
	height: 100%;
}

.content h3 {
	text-align: center;
	font-size: 15px;
}

.list li {
	text-align: center;
	margin-right: 45px;
	font-size: 10px;
}

.sidebar {
    height :300px;
		width: 100%;
		font-size: 15px;
    }

	.bprsahabat .ojk .bi {
		height: auto;
	}
    
    embed {
        height: auto;
    }
    
}