/* ==================================================

CSS khusus penyesuaian bootstrap untuk website DJKN
Bersifat menimpa default (file bootstrap.css) dari bootstrap versi 3.2.0

https://www.djkn.kemenkeu.go.id/files/kmk-no-458.pdf
oleh : Tim Seksi ISA
vw converter: https://web-development.space/tools/px-to-vw/
color set:
	utama: biru tua: #02275d; biru muda: #005fad; hitam: #000000; kuning: ffb300; putih: #ffffff;
	pendukung: biru tua: #01347c; biru muda: #005598; hijau: #98cc22; kuning1: #ffcb05; kuning2: #fff406; kuning3: #cca204; merah: #ee1c25; putih1: #e5e5e5; putih2: #cccccc; abu: #999999; hitam: #222222;
font set: 
	heading: font-family: roboto; font-weight: bold; color: #000000;
	body: font-family: roboto; color: #222222;
================================================== */

@font-face {
  font-family: RobotoRegular;
  src: url(../fonts/Roboto-Regular.woff);
}

@font-face {
  font-family: RobotoBold;
  src: url(../fonts/Roboto-Bold.woff);
}

body {
  /*background-image: url('../img/noise.jpg');*/
  /*background-position: center top;*/
  /*background-repeat: repeat;*/
  min-width: 970px;
  /*font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;*/
  font-family: RobotoRegular;
  /*font-size: 12px;*/
  font-size: 0.833vw;
}

/* Reset the container */
.container {
  /*width: 970px;*/
  width: 100%;
  max-width: none !important;
}

a {
  color: #005599;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: none;
}

.text-button-merah{
	padding:0.625vw;
	/*background:#999999;*/
	color:#fff;
	border-radius:0.625vw;
	background: linear-gradient(to right, #ee1c25 50%, #999999 50%);
	background-size: 200% 100%;
	background-position: 100%;
    transition: all 1s;
}

.text-button-merah:hover{
	/*background: #ee1c25;*/
	background-position: 0% 100%;
}

.putih{
	color: #ffffff;
}

.kuning{
	color: #ffb300;
}

.abu-abu{
	color: #999999;
}

.biru{
	color: #02275d;
}

.biru-muda{
	color: #005fad;
}
.hitam{
	color: #000000;
}

.roboto-reg{
	font-family: RobotoRegular;
}

.roboto-bold{
	font-family: RobotoBold;
}

.text-12{
	font-size:0.625vw;
}

.text-14{
	font-size:0.729vw;
}

.text-16{
	font-size:0.833vw;
}

.text-18{
	font-size: 0.938vw;
}

.text-20{
	font-size:1.042vw;
}

/* Bagian Header */
.header-top{
	background-color: #02275d;
	width: 100%;
  	padding: 10px 10px 10px 10px;
  	color: #ffffff;
  	/*font-family: RobotoRegular;*/
  	font-size: 12px;
}

.header-top font{
	padding-left:5px;
}

.ico-home{
	background: url(../img/ico-home.svg) no-repeat top left;
	display: inline-block;
	float:left;
	background-position-x:center;
	background-position-y:center;
	background-size:80%;
	width: 20px;
    height: 20px;
	background-color: rgb(255,200,7);
	border-radius:50%;
}

.ico-phone{
	/*background: url(../img/ico-phone.svg) no-repeat top;*/
	/*display: inline-block;*/
	/*float:right;*/
	/*background-position-x:center;*/
	/*background-position-y:center;*/
	/*background-size:80%;*/
	/*width: 20px;*/
    /*height: 20px;*/
	/*background-color: rgb(8,99,170);*/
	/*border-radius:50%;*/
	/*background-attachment: initial;*/
    /*background-origin: initial;*/
    /*background-clip: initial;*/
    /*margin-right:100px;*/
    color: rgb(255,200,7);
    font-size: 16px;
}


.djkn-header {
  	/*background-image:-moz-linear-gradient(top,#003366 15%,#005599 100%); */ /*This is original*/
 /* 	background-image:-moz-linear-gradient(top,#ffffff 15%,#ffffff 100%);*/
	/*background-image:linear-gradient(top,#ffffff 15%,#ffffff 100%);*/
	/*background-image:-o-linear-gradient(top,#ffffff 15%,#ffffff 100%);*/
	/*background-image:-moz-linear-gradient(top,#ffffff 15%,#ffffff 100%);*/
	/*background-image:-webkit-linear-gradient(top,#ffffff 15%,#ffffff 100%);*/
	/*background-image:-ms-linear-gradient(top,#ffffff 15%,#ffffff 100%);*/
	/*background-image:-webkit-gradient( linear,left top,left bottom,color-stop(0.15,#ffffff),color-stop(1.0,#ffffff) );*/
	background-color: rgba(255,255,255,0.8);
  	width: 100%;
  	height: 180px;
}

.header-wrap {
	height: 104px;
}

.top-menu-section{
	/*margin-top:25px;*/
	padding:20px;
	display:block;
	width:100%;
	background:#fff;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:3;
}

.header-link, .header-link a  {
	/*text-align: right;*/
	/*float:right;*/
	/*margin-top: 10px;*/
	color: #fff;
	/*background-color: #02275d;*/
	width:100%;
}

.logo-DJKN {
	/*padding-top:15px;*/
	/*padding-bottom:15px;*/
	float:left;
}

.kolom-pencarian {
	text-align: right;
	margin-top:1.302vw;
	background-color: transparent;
	padding: 0px 15px;
}

.form-pencarian {
	margin-top: 25px;
}

.field-pencarian {
  	height: 27px;
}

.btn-pencarian {
	background-color: #ffcb32;
  	background-image: url('../img/bt-search-bg.png');
  	background-position: center top;
  	background-repeat: no-repeat;
  	width: 27px;
  	height: 27px;
	margin-top: 0px;
}

/* Navbar DJKN */
.nav-djkn {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-color: #003366;
	border-color: #003366;
	height: 32px !important;
	margin-bottom: 0px;	
	padding: 0px 7px;
}

nav ul {
	-webkit-font-smoothing:antialiased;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}

nav a {
	min-height: 32px !important;
    /*color: #fff;*/
    color: #000;
    display: block;
    /*font-family: georgia;*/
    font-size: 0.833vw;
    padding: 6px 15px 4px 15px;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

nav li:hover .lv-1 {
  /*color: #fdb813;*/
  color: black;
  /*background-color: #207ce1;*/
  background-color: #ffb300;
  font-family:RobotoBold;
}

.lv-2 {
	/*position: absolute;*/
 /*   bottom: -10px;*/
 /*   left: 200px;*/
 /*   width: 150px;*/
 /*   list-style: none;*/
 /*   padding: 0;*/
 /*   margin: 0;*/
    display: none;
}

nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
	min-width: 200px;
	padding-bottom: 5px;
	margin: -2px 0px 0px 0px;
	font-size: 0.833vw;
	text-align: left;
	list-style: outside none none;
	background-color: #FFF;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-top: none;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
nav li:hover ul {
    opacity: 0.9;
    top: 35px;
    visibility: visible;
    background-color: #222222;
}

nav li ul li {
	color: #036;
	width: 100%;
}

nav li ul a {
  color: #ffffff;
}

nav li ul a:hover {
  /*color: #ffffff;*/
  color: #000000;
  font-family:RobotoBold;
  /*background-color: #eee;*/
  background-color: #ffb300;
}

nav ul li ul li:hover > ul {
	display: block;
}

/* Clearfix */

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
/* Akhir - Navbar DJKN */

/* Bagian Body */
.djkn-body {
	/*background-image: url('../img/bg-body-djkn.png');*/
	/*background-repeat: repeat-x;*/
	/*background-position: center top;*/
}

.banner-samping .affix {
	top: 0px;
}
.banner-samping-kiri {
	margin-top: 0px;
}

.banner-samping-kanan {
	margin-top: 0px;
	position: fixed !important;
}

.banner-samping .affix-top {
	top: 0px;
	margin: 0px;
}

/* Bagian Running text */
.running-text-wrap {
	margin-top: 1px;
	height: 35px;
	background-color: #666;
	background-image:linear-gradient(top,#004480 39%,#036 100%);
	background-image:-o-linear-gradient(top,#004480 39%,#036 100%);
	background-image:-moz-linear-gradient(top,#004480 39%,#036 100%);
	background-image:-webkit-linear-gradient(top,#004480 39%,#036 100%);
	background-image:-ms-linear-gradient(top,#004480 39%,#036 100%);
	background-image:-webkit-gradient( linear,left top,left bottom,color-stop(0.39,#004480),color-stop(1,#036) );
	border-radius: 0px 0px 5px 5px;
	padding: 7px 0px;
	color: #fff;
}

/* Bagian Slide Halaman Utama */
.slide-wrap {
	/*min-height: 325px;*/
	width: 100%;
	height: auto;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 0px;
	margin: 5px 0 10px 0;
	background-image:linear-gradient(top,#fafafa 39%,#ececec 89%);
	background-image:-o-linear-gradient(top,#fafafa 39%,#ececec 89%);
	background-image:-moz-linear-gradient(top,#fafafa 39%,#ececec 89%);
	background-image:-webkit-linear-gradient(top,#fafafa 39%,#ececec 89%);
	background-image:-ms-linear-gradient(top,#fafafa 39%,#ececec 89%);
	background-image:-webkit-gradient( linear,left top,left bottom,color-stop(0.39,#fafafa),color-stop(0.89,#ececec) );
}
.slide-img-wrap {
	margin-top: 10px;
}

.slide-txt-wrap {
	height: 100% !important;
	width: 100% !important;
	margin: 10px 0px 20px 0px;
}

.slide-txt-title {
	padding: 0px 30px;
	margin: 10px 0px;
	text-align: center;
	color: #005599;
	/*font-family: Georgia,serif;*/
	font-size: 12pt;
	font-weight: bold;
}

.slide-txt-content {
	margin: 10px 0px;
	text-align: justify;
	padding: 0 20px 0 10px;
}

/* Konten Utama */
.content-header {
	width: 100% !important;
	height: 38px;
	padding: 7px 12px;
	border-radius: 0px;
	font-size: 13pt;
	/*font-family: Georgia,serif;*/
	border-bottom: 1px solid #EEE;
}

.content-header-hijau {
	background-color: #F5F5F5;
}

.content-header-kuning {
	background-color: #ffb300;
}

.content-header-biru {
	background-color: #02275d;
}

.content-header-badge {
	width: 37px;
	height: 56px;
	background-image: url('../img/bg-menu-badge.png');
	float: right;
	margin: -11px -5px 0 0;
}

.content-wrap {
	min-height: 100px;
	height: 100% !important;
	background-color: #fff;
	border-radius: 0px;
	/*background-image:linear-gradient(top,#fafafa 70%,#f9f9f9 100%);*/
	/*background-image:-o-linear-gradient(top,#fafafa 70%,#f9f9f9 100%);*/
	/*background-image:-moz-linear-gradient(top,#fafafa 70%,#f9f9f9 100%);*/
	/*background-image:-webkit-linear-gradient(top,#fafafa 70%,#f9f9f9 100%);*/
	/*background-image:-ms-linear-gradient(top,#fafafa6 70%,#f9f9f9 100%);*/
	/*background-image:-webkit-gradient( linear,left top,left bottom,color-stop(0.70,#fafafa),color-stop(1.0,#f9f9f9) );*/
	padding: 10px;
}

.berita-terbaru a {
	text-decoration: none;
	color: #005599;
}

.berita-terbaru a:hover {
	text-decoration: none;
	color: #003366;
}

.tab-pengumuman {
	background-color: #fff; padding: 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;
}

.list-pengumuman:nth-child(even) {padding-left:3px;}
.list-pengumuman:nth-child(odd) {padding-right:3px;}

.shadow-450 {
	width: 100%;
	height: 19px;
	background-image: url('../img/shadow-450.png');
	background-repeat: no-repeat;
	background-position: center top;
}

.shadow-300 {
	width: 100%;
	height: 15px;
	background-image: url('../img/shadow-300.png');
	background-repeat: no-repeat;
	background-position: center top;
}

.breadcrumb {
  margin-bottom: 10px;
}

.no-padding-right {
	padding-right: 0px;
}

.no-padding-left {
	padding-left: 0px;
}


/* Bagian Banner Eselon I */
.banner-es1-wrap {
	padding-top: 10px;
	padding-bottom: 20px;
}

.banner-es1-prev {
	padding-top: 30px;
	text-align: right;
	cursor: pointer;
}

.banner-es1-next {
	padding-top: 30px;
	text-align: left;
	cursor: pointer;
}

/* Bagian Banner */
.djkn-banner {
	/*background-color: #003366;*/
	background:#02275d;
	width: 100%;
}

.djkn-banner .row {
	padding: 25px 0;
}
.djkn-banner .row div {
	margin-bottom: 10px;
}

.djkn-footer {
	/*background-color: #121212;*/
	background:#01347C;
	/*background-image:url(../img/logo-kemenkeu-putih.png);*/
	/*background-image:linear-gradient(top,#333 39%,#111111 89%);*/
	/*background-image:-o-linear-gradient(top,#333 39%,#111111 89%);*/
	/*background-image:-moz-linear-gradient(top,#333 39%,#111111 89%);*/
	/*background-image:-webkit-linear-gradient(top,#333 39%,#111111 89%);*/
	/*background-image:-ms-linear-gradient(top,#333 39%,#111111 89%);*/
	/*background-image:-webkit-gradient( linear,left top,left bottom,color-stop(0.39,#333),color-stop(0.89,#111111) );*/
	padding:10px 0;
	border-top:1px solid #232323;
	overflow:hidden;
	
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 8pt;
	color:#ffffff;
	
	width: 100%;
}

#a-footer{
	/*color:#rgb(255,203,5);*/
	color:#fff;
	display:inline-block;
	text-align:center;
	padding:18px;
}

#a-footer:hover{
	color:#ffcb05;
	background-color:rgb(2,39,70);
}

.ikutiKami{
	color:#ffcb05;
	font-size:18px;
}

.socIcon{
	border-radius:50%;
	width:35px;
	height:35px;
	background-color:#fff;
}

.haloIcon{
	width: 16.667vw;
	height: auto;
	position: fixed; 
	bottom: 0px; 
	right: 0vw; 
}

.sliderIcon{
	border-radius:50%;
	width:3.906vw;
	height:3.906vw;
	background-color:#ffffff;
	color: #999999;
}

/* Lain-lain (Global) */
.djkn-divider {
	width: 100%; border-bottom: solid 1px #EEE; margin: 5px 0;
}

.djkn-rounded {
    border-radius: 50%;
    background: #eee;
    padding-top: 10px;
    padding-left: 17px;
    width: 50px;
    height: 50px;
}


.content-separator-25{
	background-color: #ffcb05;
	height: 1.302vw;
}

.content-separator-50px{
	background-color: #fff;
	height: 50px;
}

.content-separator-75{
	background-color: #ffcb05;
	height: 3.906vw;
}

.content-separator-100{
	background-color: #ffcb05;
	height: 5.208vw;
}


.content-lelang{
	background-color: #02275d;
	/*background-image: url("https://lelang.go.id/static/desktop/img/logo-lelang-indonesia51.png");*/
	background-image: url('../img/logo_lelang_mkII-01.svg');
	background-repeat: no-repeat;
	height: 41.667vw;
	background-position:  center center;
	background-size: 40%;
	font-size: 1.250vw;
	text-align: center;
	padding-top:31.250vw;
}

.content-knpedia{
	background-color: #ffffff;
	background: url("../img/bg-knpedia.jpg") no-repeat;
	/*background-repeat: no-repeat;*/
	height: 41.667vw;
	background-position:  left center;
	background-size: 60%;
	font-size: 1.250vw;
	text-align:left;
	padding: 15.625vw 0 0 62.500vw;
}

.beranda-sekre{
	color:#02275d;
	font-size: 0.938vw;
	font-weight: bold;
	height: 5.208vw;
}

.beranda-cms{
	background-color: #02275d;
	height: 42.188vw;
	position:relative;
	font-size:0.833vw;
}

.cms-artikel1{
	height: 21.094vw;
	border-bottom: 0.208vw solid #ffcb05;
	padding-right: 3.333vw;
	position:relative;
}

.cms-artikel2{
	height: 21.094vw;
	border-top:0.208vw solid #ffcb05;
	padding-right: 3.333vw;
	position:relative;
}

.cms-siaranpers{
	border-top:0.208vw solid #ffcb05;
	border-bottom:0.208vw solid #ffcb05;
	height: 14.063vw;
	padding-right: 3.333vw;
}

.cms-kilasperistiwa{
	border-top:0.208vw solid #ffcb05;
	height: 14.063vw;
	padding-right: 3.333vw;
	position:relative;
}

.cms-kilasperistiwa::before, .cms-artikel1::before, .cms-artikel2::before, .cms-beritamedia::before, .cms-berita::before{
/*.beranda-cms::before{*/
	background-color: #02275d;
	/*background-color: yellow;*/
	opacity:0.7;
	position:absolute;
	display:block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.cms-beritamedia{
	border-bottom:0.208vw solid #ffcb05;
	height: 14.063vw;
	padding-right: 3.333vw;
	position:relative;
}

.cms-beritamedia::before:hover{
	background-color: #02275d;
	/*background-color: yellow;*/
	opacity:0;
	position:absolute;
	display:block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.cms-berita{
	border-left:0.208vw solid #ffcb05;
	border-right:0.208vw solid #ffcb05;
	height:42.188vw;
	padding-right: 3.333vw;
	position:relative;
}

.beranda-cms-label{
	position: relative;
	padding:0.625vw;
	top: 1.875vw;
	left: 1.250vw;
	color:#ffb300;
	border: 0.104vw solid #ffcb05;
	border-radius:0.417vw;
}

.beranda-cms-selengkapnya{
	padding-top: 0.417vw;
	text-decoration:none;
	color:#ffcb05;
}

.beranda-cms-title{
	color: #ffffff;	
	position:relative;
	left: 1.250vw;
	top: 13.021vw;
}

.limit-title{
	display: inline-block;
	/*height: 2.292vw;*/
	/*overflow: hidden;*/
}

.beranda-cms a{
	color: #ffffff;
	font-size: 0.833vw;
	text-decoration: none;
}

.beranda-berita-title{
	color: #ffffff;	
	position:relative;
	left: 1.250vw;
	top: 33.854vw;
}

.beranda-beritamedia-title{
	color: #ffffff;	
	position:relative;
	left: 1.250vw;
	top: 5.208vw;
}

.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2 ease-in-out;
    opacity:0;
}

.carousel.carousel-fade .active.item {
    opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*.content-infografis::before{*/
/*	background-color: #02275d;*/
/*	opacity:0.7;*/
/*	position:absolute;*/
/*	display:block;*/
/*	left: 0;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*}*/

.content-infografis{
	/*background-color: #ffffff;*/
	height: 41.667vw;
	font-size: 1.250vw;
	text-align:left;
	/*padding: 15.625vw 0 0 62.500vw;*/
	/*position:relative;*/
}

.konten-judul{
	font-family: RobotoBold;
	font-size: 1.667vw;
	color: #000;
}

.konten-isi{
	font-family: RobotoRegular;
	font-size: 0.833vw;
	color: #000;
}

.konten-attr{
	font-family: RobotoRegular;
	font-size: 0.729vw;
	color: #999999;
}

.konten-main-image{
	padding:0.625vw 0vw;
}

.linkIcon {
    background: linear-gradient(to right, #ee1c25, #ee1c25 50%, #999999 50%);
    background-clip: text;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 2s;
}

.linkIcon:hover{
	background-position: 0 100%;
}