.navbar-item h4{
	color: #d7dbe2;
	font-weight: 600;
}

.navbar.is-fresh .navbar-item.is-secondary:hover, .navbar-item a.navbar-link:hover, .navbar-dropdown a.navbar-item:hover, .navbar-end a.current {
    color: #cdfb15 !important;
	
}

.navbar.is-fresh .navbar-item, .navbar-item a.navbar-link  {
    color:  #d7dbe2 ;
}
nav, .navbar-dropdown {
    background: #01008b !important;
}

nav.pagination {
    background: none !important;
}

nav.pagination a:hover {
	background-color: #3273dc;
	border-color: #3273dc;
	color: #fff;
}
.is-active .navbar-end{
	background: #01008b;
}

.is-hoverable .navbar-dropdown{
	background: #3b3aa2 !important;
}
.navbar-brand a.navbar-burger{
	color:white;
}

.navbar-dropdown .child-menu{
	/*
	margin-top: -26% !important;
    */
	margin-left: 80%;
    background-color: cornflowerblue !important;
}
.child-menu-hover{
	margin-top: 30% !important;
    border-top-style: none;
    border-radius: 5px;
}	
.nav-breadcrumb{
	font-size: 73%;
    color: blue;
    padding: 3px;
}

.menu-icon-wrapper svg path, .sidebar .sidebar-header svg:hover {
    stroke: #d7dbe2 !important;
}	

.bg-menu{
	background: lightsteelblue;	
}
.bg-menu img{
	    width: 65px;
		height: 65px !important;
    margin-right: -73px;
}
.capitalize{
	text-transform: capitalize;
}
.button.secondary-btn {
    border-color: #202439 !important;
    background-color: #202439 !important;
   
}

.category-header .category-title .brand-filigrane {
	opacity: 1 !important;
    top: 2px !important;
    left: -4px !important;
	width: 6.5%;
    height: 100% !important;
}

.logo_lipi {
    margin-left: 7%;
}
.center {
	text-align:center !important; 
}
.right{
	float:right;
	clear:both;
}

.nav-sert{
	min-height: 291px;
}

.logo_hr{
	padding: 0rem !important;
	margin-top: -6px;
    background-color: #7979ad;
	width: 37.5% !important;
}
p#desk_logo{
	font-size: 0.8em;
}
.text_hr{
padding: 0rem !important;
	margin-top: 1px;
	margin-bottom: 3px;
	background-color: #7979ad;
}

.feature-card .card-title h4 {
	padding: 3px 2px 0px 3px;
}
body{
    background: #ebf4fb !important;
}

section.is-info .container {
    margin-left: 0px !important;
}

.is-fixed {
    position: inherit;
   
}

.logo-lsp-p2o{
	width: 45%;
	
}

.logo-minimalis{
	padding: 10px 0px 5px 0px;
}

/* informasi */
.modal .modal-content {
    transform: scale(1) !important;
    opacity: 1 !important; 
	color: azure;
}	

.modal.is-active {
    background-color: rgba(10,10,10,.86) !important; 
    z-index: 999999;
}

.margin-left-0{
	    margin-left: 0%;
}

.view-block{
	display: block;
}
.list-item-full{
	background: #dddee6;
    width: 100% !important;
}
.tile.notification {
    justify-content: inherit;
}

.showModal:hover{
	cursor:pointer;
}
.card {
    margin-bottom: 0.5rem;
}
.fullpage{
	max-width: 100%;
	width: 100% !important;
}

.table-no-border tbody td{
	border: none;
}
.no-background-tr-td tr, .no-background-tr-td td{
	background: none !important;
}
.display-none{
	display: none !important;
}

.section-title-wrapper .subtitle, .accordion .accordion-option .accordion-title {
    color: #327ea5;
}
/*footer*/
footer li:before {
    content: none;
}
.footer-info li {
    float: left;
    padding: 0px 7px 0px 7px;
}
.footer-header h3{
	float: left;
    margin-right: 1%;
}
.footer {
    padding: 0em 0em 0em 0em;
   
}
.tile-footer{
    margin: 0px 0px 33px -48px;
}

.tile-footer img {
    width: 150px !important;
    height: 43.94px !important;
    margin-left: 4.2em;
}
.footer figure img{
	margin: 0 auto;
}

.footer li.carousel-item {
    height: 75px;
}
.sosmet{
	 padding-left: 5.25em;
}
.sosmet nav{
	    background: none !important;
}

.sosmet .icon{
	    font-size: 1.5em;
}

.sosmet a.level-item{	  
    padding: 0.35em;
    margin-top: 1em;
}
span.contact-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    /* background: #2f383d; */
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 15px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
span.contact-icon i {
    line-height: 80px;
    font-size: 34px;
    color: #2f383d;
    /* color: #fff; */
}
span.contact-icon i:hover {
        color: blue;
}
span.contact-icon:hover {
	    background-color: deepskyblue;
}

footer h3, footer h2{
    color: aliceblue !important;
}

.copyright{
	    margin-top: -7%;
}

.news-search .search-widget{
	margin-top: 20%;
}

.news-search .menu{
	margin-top: 21%;
}
.news-search .menu ul.menu-list li {
    margin: 11px 0px 11px 0px;
}
.search-news-btn{
	height: 36px;
    border-left-style: none;
    width: 10px;
    position: relative;
    left: -2%;
	background: none;
    border: none;
}

.search-box{
    float: right;
    padding-right: 14%;
    margin-bottom: 0%;
    clear: both;
}

.news-search-detail .menu {
    margin-top: 0%;
    margin-bottom: 25%;
}

.news-detail .featured-image{
	width: 100%;
}


ul.float-tag li {
    float: left;
    margin: 3px 3px;
}

.up-nopadding{
	padding-top: 0px;
}

.steps-wrapper .step-list .is-active:before {
    background: #0023ff;
    color: #fff;
    border-color: #fff;
    font-weight: 500;
}
.tabs ul.step-list {
	    border-bottom-style: none;
}
.tile-footer li {
    list-style: none;
    text-align: left;
    padding-left: 1em;
}

.footer .menu-list a {
        color: white;
}
.footer .menu-list a:hover {
    background-color: inherit;
        color: blue;
    font-weight: 500;
}
.footer .menu-list span {
  width: 100%;
}
#social-gp:hover {
    color: #d34836;
}
#social-em:hover {
    color: #f39c12;
}
#social-tw:hover {
    color: #4099FF;
}
#social-fb:hover {
    color: #3B5998;
}

.is-info .action-bar {
	    margin-left: inherit;
	    width: 100%;
		position: fixed;
		top: 65px;
}

.is-info .tab-content{
	    position: relative;
		top: -5.9em !important;
	
}
.is-info .accordion {
	max-width : inherit;
}
.is-info .section-title-wrapper .subtitle {
	padding : inherit;
	margin-top: -2.25rem;
}
.is-info .section-title-wrapper {
	       padding: 40px 40px 8px 20px ;
}

.is-info hr {
	background-color: blue;
}

.is-info .accordion-option {
	    width: 85%;
}
.uji-kompetensi .accordion-option {
	    width: 100% !important;
}
.container-skema{
	padding-top: 6%;
}
.uji-kompetensi {
	    width: 100% !important;
}
.ujikompetensi h2{
	padding-top: 10% !important; 
}
.uji-komp #pane-1{
	margin-top: 0%;
}
.uji-komp #pane-2{
	margin-top: 10%;
}

.uji-komp #pane-3{
	margin-top: 10%;
}

.uji-komp #pane-4{
	margin-top: 10%;
}
.uji-komp .tmp_lahirx, .uji-komp .instansi{
	display:none;
}

.is-vertical .fist-clm{
	width : 70%;
	float: left;
}
.is-vertical .last-clm{
	width : 30%;
}
.select2.select2-container.select2-container--default {
	width:100% !important;
	    position: absolute;
    top: 0%;
    left: 0%;
}

.bold p {
    font-weight: 700;
}

.is-info .accordion-option button {
	 margin: 1% 1% 1% !important;
}
.is-info .accordion-option .accordion-content {
	 background-color: inherit;
}


.is-full-header-image{
    height: 400px !important;
}

.sub-is-right{
	text-align: right;
    padding-top: 21px;
}

.hover-light:hover{
	color: darkblue !important;
	cursor: pointer;
}

.values-cards .feature-card {
    height: 250px;
}

.values-cards .card-icon {
    padding-top: 0px;
    margin-bottom: inherit;
}

.values-cards.is-minimal {
    padding: 0em 1em;
}

.is-info .disab{
	/*background: red;*/
   position: fixed; 
    z-index: 9;
    height: 69px;
    
}


.is-info .disab#ds1{
    width: 58%;
    left: 42%;
}
.is-info .disab#ds2{
    width: 46%;
    left: 54%;
}
.is-info .disab#ds3{
    width: 34%;
    left: 65.1%;
}
.is-info .disab#dis1{
	width: 12%;
    left: 31%;
}
.padding{
	    padding: 2em;
}

.margin{
	    margin: 2em;
}
.margin-button{
	    margin: 1em;
}
.padding-top{
	    padding-top: 2em;
}

.padding-top1{
	    padding-top: 3em;
}

.padding-top2{
	    padding-top: 4em;
}
.bg-caption{
	background-color: deepskyblue;
	    border-radius: 0.3em;
}
.file-capture{
    border-style: groove;
    padding: 1em;
    border-radius: 0.3em;
}
.btn-red{
	background-color: darkred !important;
	border-color: darkred !important;
}

/* input */
.select{
	border:none;
}
.is-4st{
	width: 25%;
}

.is-full{
	width: 100%;
}
.height-2-9{
	    height: 2.9rem !important;
}
/* validation */
.error {
    color: red;
}

form .error {
	    border-color: #d00101;
}
label.error {
	       color: #d00101;
    font-size: 0.7em;
}
label span {
	       color: #d00101;
    
}
label.radio label.error{
	position: absolute;
    top: 100%;
    left: 1%;
}

.file-capture label.error{
	display: none !important;
}

/* datatable */
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}
.table td {
    vertical-align: middle;
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd;
}
.table th, .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
tr.odd {
  /*  background: #f9f9f9 !important; */
    background: #f9f9f9 ;
}
table#table_news tr, table#table_news tr.odd,
table.table_data tr, table.table_data tr.odd, table.table_data tr.even
 {
	background: none ;
}

#table_news_length, .dataTables_length, .dataTables_info{
	display : none;
}

#table_news .sorting_disabled, .table_data .sorting_disabled{
	border: none;
}
#table_news_filter input, .dataTables_filter input{
	border-top-style: none;
    background: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-color: black;
}

#table_news_filter .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.table_data .dataTables_wrapper .dataTables_paginate .paginate_button.current,
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #4d0fe4)) !important;
	background: linear-gradient(to bottom, #fff 0%, #240eda 100%) !important;
}
.sorting_table thead {
    background-color: #3273dc;
	
	}
table.sorting_table	{
	padding-top: 1em;
	}
table.sorting_table tbody tr:hover{
background-color: #edeffb !important;
}

.dataTables_scroll{
	padding-top: 1em;
}

.view_list tr {
    display: list-item;
    float: left;
    list-style: none;
    width: 50%;
}

.view_list .list-item-full {
    background-size: cover;
    height: 180px;
	
}
.view_list .blog-post {
       width: 400px;
}

.view_list .list-item-full .post-title {
	bottom: -100%;
    position: relative;
    background: #dddee6;
    margin: -9%;
    padding: 3% 0% 4% 8%;
	opacity: 0.9;
}
#framevedio iframe{
		width: 100%;
		height: 360px;
	}

/*icon*/
.im {
cursor: pointer;
}

table .im:hover {
    color: blueviolet;
	    font-size: 1.1rem;
}
article .card-icon-float i.im {
    float:left;
	padding-right: 7px;
}
article .menu-list .im {
    float:left;
	/* padding-right: 7px; */
	    margin-top: 0.6em;
}

article .menu-list .sl{
    float: left;
    padding: 11px 9px 0px 0px;
}

article .card-icon-right{
    text-align: right;
    position: relative;
    top: -0.8em;
    left: 1.5em;
    margin-bottom: -1em;
}


/* article */
article p.title {
    font-size: 1.1em;
}
article .menu-list li {
    list-style: none;
	line-height: 0.89em;
	
}

.footer article .menu-list li {
    margin: 0px 0px -36px 0px;
}
article .menu-list li a{
	text-decoration: none !important;
	display: flex;
	line-height: 1.1em;
}
article .menu-list li.view-all a:hover{

    background: none !important;
    

}

article .menu-list li.view-all{

       padding-top: 1.9em; 

}

table.sorting_table{
	    background: none;

}

table.sorting_table tbody{
	       font-size: 12px;

}

/*slider*/
.tile.has-min-height {
  /*  min-height: 477px; */
}

.news .has-min-height {
    min-height: 370px;
}
.subnews .has-min-height {
    min-height: 100px;
}

.carousel-item article{
	    height: 404px;
}


.carousel{
	    height: 147px;
}
.is-full-header-image .tile{
	height: 441px !important; 
}
.slide-home-cesl{
	    height: 417px !important;  
}
.modal-foto{
	overflow: hidden;
}	
.scroll-y{
	overflow-y: scroll;
    height: 100%;
}
.scroll-y::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scroll-y::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 2px
}
.scroll-y::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .6)
}
.scroll-y::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgb(1, 0, 139);
  transition: all 400ms ease-in-out
}

.height-auto{
	height: auto !important;  
}
.foto-description{
	position: fixed;
    width: 95%;
   /* bottom: 2%; */
}
.modal-foto h4{
	padding: 1% 2%;
}
.carousel-nav-left, .carousel-nav-right {
	color: #01008b;
}
.caption-foto{
	font-size: smaller;
}

.title-foto-list{
	font-size: 14px !important;
}
.hero-body{
	margin-top: -2.9% !important;
}

.isi-konten{
	min-height: 300px;
}



.mitra-cesl{
	    height: 147px;
}

#table_wrapper{
	padding: 1.5em;
	margin-bottom: 3em;
    margin-top: 1em;
}

.no-background {
    background: none !important;
}

section.panduanpengguna .hero-body .title {
	color : black !important;
}
.content ul {
   
    margin-left: 3.8% !important;
   
}
/* ------------------------------------------  view Mobile ----------------------------------- */

@media (max-width: 767px){
	
.category-header .category-title .brand-filigrane {
    width: 9.2%;
    
}
.global-top .category-header .category-title .brand-filigrane {
    width: 15.2%;
    
}	


.logo_lipi {
    margin-left: 10%;
}

.global-top .logo_lipi {
    margin-left: 16.7%;
}

p#desk_logo {
    font-size: 0.6em;
}

.logo_hr {
    width: 39% !important;
}
.global-top .logo_hr {
    width: 65% !important;
}	
.is-info .action-bar {
	    margin-left: inherit !important;
	    width: 100% !important;
}
.is-info .section-title-wrapper {
    padding: 27px 0px 17px 0 !important;
}
.label span{
	color:red;
}
.select.is-medium{
	border-style: none;
	    width: 100%;
}

select#documentName{
	width: 100%;
    height: 100%;
}

.no-background {
	background:none;
}
.is-center {
	text-align: center;
}

/* widget */
.widget-content {
    background: white;
    opacity: 0.8;
    margin: 2em;
    position: relative;
    width: 123%;
    left: -148%;
}

.widget-content nav{
	background: none !important;	
	    margin-top: -5%;
}

.widget-content .c-content-label {
    font-weight: 600;
    padding-top: 2.9%;
}

.section-light-blue-contact{
	    background-color: #cae0f1;
		margin-bottom: -3%;
}
.captcha_wrapper{
	    margin: -2% 0% 1% 24%;
}

/*penyesuaian*/
.carousel .carousel-container .carousel-item {
    
    position: initial !important;
  
}
.carousel .tile.has-background-image {
   position: inherit !important; 
}



	
	.is-info .accordion-option {
			width: 19em;
	}
	.widget-content {
		background: white;
		opacity: 0.8;
		margin: 2em;
		
	}
	.footer {
		padding: 0px 0em 0em 0em;
	   
	}
	.widget-content {
		background: white;
		opacity: 0.8;
		margin: 2em;
		
	}
	
	.action-bar {
		width: calc(100% - 0px) !important;
		margin-left: inherit !important;
	}
	
	.uji-komp #pane-1, .uji-komp #pane-2 , .uji-komp #pane-3 , .uji-komp #pane-4 {
		margin-top: 37%;
	}
	
	.uji-kompetensi .button, #pane-2 .button, #pane-3 .button, #pane-4 .button{
		width: 89%;
		white-space: inherit;
		overflow-wrap: break-word;
		line-height: inherit !important;
		padding: 14% 0% !important;
	}
	#tableskema, #table_wrapper{
		overflow-x: scroll;
	}
	#table_wrapper{
		width: 70%;
	}
	
	#btn_tmbh{
		margin-bottom: 5% !important;
	}
	
	.margin {
		margin: 3em 0em;
	}
	#navbar-menu{
		padding-top: 0% !important;
	}
	
	#pane-1 .showModal{
		margin: 5% !important;
	}
	
	.view_list tr {
		display: table;
		clear: both;
	}
	
	.view_list .blog-post {
		width: 363px !important;
	}
	
	.view_list .list-item-full .post-title {
		bottom: -102% !important;	
		margin: -10% !important;
		padding: 2% 0% 4% 2% !important;
	}
	
	#framevedio iframe{
		width: 100%;
		height: 202px;
	}
	.table_data .blog-post {
		margin-top: -15%;
	}
}