/* GENERAL */

body,
.img-thumbnail,
input#keywordsearch,
input.keyword {
    background-color: #F5F5F6;
}
a, a:hover, a:focus{
    color: #000;
    text-decoration: none;
}
select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border: 1px solid #fff;
}
.no_margin{
    margin:0px !important;
}
.mb-20 {
    margin-bottom: 20px
}

.btn {
    padding-top: 9px;
}
.btn-xs {
    padding-top: 2px;
}
.btn-sm {
    padding-top: 7px;
}
.btn-lg {
    padding-top: 14px;
}
.btn:focus,
.btn:hover {
    color: #FFF;
}
.btn-normal {
    border-radius: 0;
}
.btn-order {
    color: #FFF;
    background-color: #2C5976;
    border-color: #2C5976;
}
.btn-purchase {
    background: #f57a01;
    color: #FFF;
    font-weight: bold;
}
.btn-purchase:hover,
.btn-purchase:focus {
    background: #fd850f;
}
.btn-purchase-2 {
    background: #8b233e;
    color: #FFF;
    font-weight: bold;
}
.btn-purchase-2:hover,
.btn-purchase-2:focus {
    background: #9b2f4a;
}
.btn-update {
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 0;
    color: #FFF;
    background-color: #2C5976;
    border-color: #2C5976;
}
.btn-update:hover {
    background-color: #366a8c;
}

.ico {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background: url(../images/sprite.png) 0 0 no-repeat;
}
.ico.ico-pdf {
    background-position: 0 0;
}
.ico.ico-xls {
    background-position: -20px 0;
}
.ico.ico-ppt {
    background-position: -40px 0;
}
.ico.ico-archive {
    background-position: -60px 0;
}
.ico.ico-img {
    background-position: -80px 0;
}
.ico.ico-alert {
    background-position: -100px 0;
}
.ttu {
    text-transform: uppercase;
}

.page {
    margin-top: 40px;
}
.content-body {
    font-size: 15px;
}
.sidebar-left {
    margin-bottom: 30px;
}
/* END GENERAL */

/* HEADER */
.header-topside {
    height: auto;
    margin-bottom: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 7px solid #f48222;
    border-bottom: 1px solid #CCC;
    background-color: #F5F5F6;
}
.header-topbar--ekonografik {
    background-color: #F5F5F6;
}
.header-topbar--d-inside {
    background-color: #F5F5F6;
}
.header-topbar--home {
    background-color: #F5F5F6;
}

.topmenu-lang .dropdown-menu {
    right: 0;
    left: inherit;
}
.btn-lang{
    background: transparent;
    text-transform: uppercase;
}
.btn-lang:hover,
.btn-lang:focus{
    color: #FFF;
}

.btn-register {
    background-color: #ededed;
    color: #828384;
}
.btn-register:hover,
.btn-register:focus {
    background-color: #FFF;
    color: #828384;
}
.header-topbar--d-inside  button.btn.btn-xs.dropdown-toggle.btn-lang{
    color: #3d4144;
}
.header-logo {
    height: 64px;
    padding: 10px 0;
    background-color: #002c41;
    color: #FFF;
}
.logo-image img {
    max-height: 45px;
}
.logo-menu {
    margin-top: 15px;
}
.header-login {
    margin-top: 10px;
    font-size: 16px;
}
.header-login a {
    color: #FFF;
}
.header-topbar--d-inside #menu ul li,
.header-topbar--d-inside #menu ul li a{
    color:#3d4144;
}
.header-topbar--d-inside  a.active{
     border-bottom: 3px solid #3d4144;
}
.header-menu {
    margin-top: 0px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: center;
    color: #333;
    font-size: 16px;
}
#page-header #header .header-menu {
    z-index: 99;
}
.sticky-wrapper {
    position: relative;
}
#page-header #header .is-sticky .header-menu {
    border-bottom: 1px solid #DDD;
    background-color: #58595B;
    margin-top: 0;
}
#page-header #header .is-sticky .header-menu #menu {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    background-color: #58595B;
}
#page-header #header .is-sticky .header-menu #menu .mega,
#page-header #header .is-sticky .header-menu #menu a {
    color: #FFF;
}
#page-header #header .is-sticky .header-menu #menu .mbox {
    color: #f48222;
}
#page-header #header .is-sticky .header-menu #menu .mbox:hover {
    background: rgba(193, 190, 190, 0.36);
    padding-top: 13px;
    padding-bottom: 11px;
}
#page-header #header .is-sticky .header-menu #menu .submenu a {
    color: #666;
}
#page-header #header .is-sticky .header-menu #menu .tov .mega ul li a{
    color: #666;
}
.main-menu {
    text-transform: uppercase;
}
.main-menu ul {
    margin: 0;
    padding: 0;
}
.main-menu ul li {
    list-style-type: none;
    display: inline-block;
}
.main-menu > ul > li {
    padding: 13px 10px 10px 10px;
}
.main-menu > ul > li:hover {
    background: rgba(193, 190, 190, 0.36);
}
.main-menu a,
.main-menu a:active {
    color: #333;
}
.main-menu a:hover,
.main-menu a:focus {
    color: #333;
}
.main-menu a.active {
    border-bottom: 3px solid #333;
}
#menu ul li.homenews a:hover {
    border-bottom: none;
}
.mega-menu-icon {
    margin-left: 5px;
}
.menu-mobile a {
    color: #FFF;
}
.row.menu-mobile__footer a {
    font-size: 12px;
}
a.nav-toggle {
    color: #FFF;
    text-transform: uppercase;
}

.topbar-left {
    float: left;
    margin-top: 3px;
}
.topbar-right {
    float: right;
}
.topbar-info {
    text-transform: uppercase;
    font-size: 12px;
}
li.languange {
    padding-left: 5px;
    padding-right: 5px;
}
.icon-languange {
    margin-right: -5px;
}

.search-form {
    padding: 0;
}
.search-input {
    position: relative;
}
.search-input input {
    width: 200px;
    height: 24px;
    border: 0px;
    box-shadow:none;
    border-bottom: 1px solid #999;
    background-color: #F5F5F6;
    text-transform: none;
    font-size: 12px;
    border-radius: 0px;
    padding-left: 8px;
}
.search-input::before {
    height: 8px;
    content: "";
    border-left: 1px solid #999;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.search-input::after {
    height: 8px;
    content: "";
    border-right: 1px solid #999;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
}
.search-input i {
    position: absolute;
    cursor: pointer;
    width: 12px;
    height: 12px;
    font-size: 12px;
    text-align: center;
    top: 4px;
}
.icon-search-caret {
    color: #fd871b;
    left: -4px;
}
.icon-search-search {
    color: #333;
    right: 4px;
}

#page-header #header .topbar-socials {
    margin-right: 10px;
    min-width: 200px !important;
}

.topbar-socials {
    margin-top: 3px;
}
.icon {
    width: 28px;
    height: 28px;
    padding: 4px 3px 2px 3px;
    border: 1px solid #555;
    border-radius: 20px;
    font-size: 16px;
}
.icon:hover {
    color: #555;
    border: 1px solid #555;
}
.icon-facebook {
    color: #3E4DA2;
    border: 1px solid #3E4DA2;
}
.icon-twitter {
    color: #59A2D9;
    border: 1px solid #59A2D9;
}
.icon-gplus {
    color: #D74325;
    border: 1px solid #D74325;
}
.icon-instagram {
    color: #4161A6;
    border: 1px solid #4161A6;
}
.icon-pinterest {
    color: #B32024;
    border: 1px solid #B32024;
}

#menu-mob {
   
    z-index: 99;
    position: fixed;
    width: 100%;
}
#menu-mob li {
    padding-right: 15px;
    padding-left: 15px;
}
#menu-mob .input-group  {
    margin-left: 15px;
    margin-right: 15px;
}
#mob-menu .menu-mobile, .menu-mobile__user {
    font-size: 14px;
}
#mob-menu a.menu-mobile__link-user {
    color: #BDB6BD;
    padding-left: 3px;
}
#mob-menu .menu-mobile__item--user {
    padding-left: 20px;
}
#menu-mob .menu-mobile__item--user a {
    color: #fff;
}
#menu-mob .menu-mobile__item--user {
    padding-left: 20px;
}
#menu-mob .menu-mobile__item .fa-square {
    color: white;
}
#menu-mob i.fa.fa-square {
    margin-left: 15px;
    color: white;
}
#menu-mob a.dropdown-toggle {
    margin-left: -5px;
}
ul.nav.navbar-nav  li{
    padding-top: 10px;
    list-style: none;
    text-transform: capitalize;
    color: #FFF;
}
#menu-mob .nav>li>a {
    position: relative;
    display: inline-block;
    padding: 0px 5px;
}
ul.nav.navbar-nav  > li:first-child{
    padding-top: 10px;
}
#menu-mob a.menu-mobile__link-user {
    margin-right: 2px;
}
#menu-mob .line-menu {
    border-top: solid 2px #fff;
    padding-top: 2px;
    margin-left: 15px;
    margin-right: 15px;
}
#menu-mob .menu-mobile__user {
      margin-left: 15px;
    margin-right: 15px;
    float: right;
    margin-bottom: 10px;
}
/* END HEADER */
/*PILGUB DKI*/
.img-round{
     border-radius: 100px;
}
.panel {
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);

        background-color: transparent;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-radius: 6px;
}
.panel-green > .panel-heading {
    border-color: #4f698a;
    color: #fff;
    background-color: #4f698a;
        padding-top: 20px;
    padding-bottom: 20px;
}
.panel-red > .panel-heading {
    border-color: #f95353;
    color: #fff;
    background-color: #f95353;
        padding-top: 20px;
    padding-bottom: 20px;
}
.panel-yellow  > .panel-heading {
    border-color: #face51;
    color: #fff;
    background-color: #face51;
        padding-top: 20px;
    padding-bottom: 20px;
}
.huge {
        font-size: 45px;
}
.circle {
    width: 60px;
    height: 60px;
    background: #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.title-count {
    padding-top: 35px;
    font-size: 26px;
    text-transform: uppercase;
    color: #484848;
}
.pilgub-widget{
    position: relative;
    background: #eaeaea;
}
.credit-pemilu {
    font-size: 14px;  
    padding-bottom: 17px;
    padding-right: 25px;
    padding-top: 15px;
    font-weight: bold;
    color: #b31217;
}

img.img-responsive.logo-pilgub {
    max-width: 260px;
}
.pilgub-top {
    background-color: #eaeaea;

}
/*PILGUB DKI*/
/*ISSUE*/

.box-issue {
   
    padding: 25px;
 
}
.issue-page{
    padding-bottom: 50px;
    position: relative;
    background: #fff;
}
.issue-page .useravatar  {
    width: 170px;
    height: 170px;
    max-width: 170px;
    max-height: 170px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #fff;
}
.issue-page .useravatar-ipad  {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #fff;
}
.issue-page .tinyavatar{
      width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #CCCCCC;

}
.quotes-box {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  
}
.quotes-text:before {
    content: '" ';
}
.quotes-text:after {
    content: '." ';
}
.quotes-text {
    margin-right: 5px;
    padding-right: 25px;
}
.quotes.last {
    padding-top: 10px;
}
.issue-page .paslon_1_header {
    position: absolute;
    right: 610px;
    bottom: -80px;
}
.issue-page .paslon_2_header {
    position: absolute;
    right: 185px;
    bottom: -80px;
}
.issue-page .content{
    margin-top: 145px;
}
.issue-page .page-statis-header{
    height: 370px;
    border-bottom: 4px solid #FF0000;
}
.issue-page .title-desc {
    font-size: 37px !important;
    margin-top: -20px;
}
.issue-page .main-title{
    font-size: 53px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: none;
}
.issue-page .page-statis-title {
    position: absolute;
    top: 115px;
    left: 66px;
    color: #000;
}

.box-issue h3.text-center {
    font-size: 40px;
    font-size: 30px;
    font-weight: bold;

}
.box-issue-wrapper{
   background: #EEEEEE;
        margin-bottom: 20px;
    margin-top: 20px;
}
.box-issue-wrapper h3{
    font-size: 20px;
    padding-top: 35px;

}
a.btn.btn-terkait {
    background: #f48222;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bold;
    padding: 5px 50px;
}
.avathar-thumb {
    margin-left: 15px;
  
}
.quotes {
    padding-top: 50px;
    padding-bottom: 25px;
    /* padding: 11px; */
}
.issue-page #search-result {
    /* background: rebeccapurple; */
    margin-top: 0px !important;
}
.statistic-popular.detail-issue .row:first-child {
    margin-bottom: 50px;
}
/*END ISSUE*/
/* FOOTER */
#footer{
    background-color: #333;
    border-top: 7px solid #000;
    padding-top: 35px;
    padding-bottom: 10px;
    color: #e1e3e4;
}
.main-footer {
    padding-bottom: 10px;
}
.footer-logo {
    margin-bottom: 30px;
}
.footer-logo img {
    max-width: 175px;
}
.border-side {
    margin-bottom: 15px;
    min-height: 285px;
    border-right: 1px solid #111;
    box-shadow: 1px 0px #888888;
}
.border-side:last-child {
    border-right: none;
    box-shadow: none;
}
.border-side .footer-list {
    font-size: 13px;
}
.menu-footer {
    margin-bottom: 20px;
}
.title-menu-footer {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#footer .fa-whatsapp {
    font-size: 18px;
}
.main-title-footer {
    font-size: 16px;
}
.footer-list li {
    margin-bottom: 5px;
}
.copyright {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e1e3e4;
    font-size: 12px;
    color: #cccccc;
}
.footer-teks {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e3e4;
}
.footer-address {
    margin-bottom: 30px;
}

.statispage-teks ul li {
    list-style-type: none;
}

.statispage-teks ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
}

.statispage-teks ul li a,
.statispage-teks ul li a:hover,
.statispage-teks ul li a:focus {
    color: #e1e3e4;
}
.statispage-teks ul li a:hover {
    text-decoration: underline;
}
.email-newsletter{
    width: 100%;
}
.social-footer {
    margin-top: 5px;
}
.iconfooter {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 7px 8px 4px 6px;
    border: 1px solid #e2e3e4;
    border-radius: 20px;
    font-size: 10px;
    color: #e2e3e4;
}
.iconfooter:hover {
    color: #e2e3e4;
    background: #444;
}
.newsletter-footer-title {
    margin-bottom: 15px;
}
.footer-newsletter-input {
    width: 99%;
    border: 0px;
    background-color: #EEE;
    height: 35px;
    color: #333;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    padding-left: 15px;
    font-size: 10pt;
}
.footer-newsletter-left .small {
    margin: 5px 0 0 15px;
}
.footer-newsletter-button {
    height: 35px;
    border: 0px;
    background-color: #5C5D5D;
    color: #999999;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    width: 85%;
    font-size: 10pt;
}
.footer-newsletter-left {
    padding-right: 0;
}
.footer-newsletter-right {
    padding-left: 0;
}
.footer-contact abbr {
    border:none;
}

.footer-on-header .social-footer {
    margin-top: 5px;
    padding-top: 15px;
    border-top: 1px solid #CCC;
}
.footer-on-header .copyright {
    margin-top: 0;
}
.footer-on-header .footer-list li {
    margin-bottom: 10px;
}
.footer-on-header .iconfooter {
    padding: 8px 6px 5px 6px;
}
/* END FOOTER */

.img-full{
    width:100% !important;
}

.main-image{
    -moz-box-shadow:    inset 0 0 10px #000000 !important;
    -webkit-box-shadow: inset 0 0 10px #000000 !important;
    box-shadow:         inset 0 0 10px #000000 !important;
}

.img-shadow {
    position: relative;
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    /*float: left;*/
}

.img-shadow::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,.6);
    -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,.6);*/

    box-shadow: inset 6px -100px 100px -39px #111111;
    -webkit-box-shadow: inset 6px -100px 100px -39px #111111;
    -moz-box-shadow: inset 6px -100px 100px -39px #111111;
    -o-box-shadow: inset 6px -100px 100px -39px #111111;
}

.img-shadow img {
    /*float: left;*/
}

.industry-title{
    position: relative;
}
.industry-title .title {
    position: absolute;
    bottom: 0;
    color: #fff;
}
.industry-title .title--tag {
    margin-left: 22px;
}
.industry-title .title--tag span {
    margin-left: -22px;
}

.main-industry{
    margin-top: 30px;
    padding-bottom: 70px;
}

.daftar-industri {
    margin-top: 40px;
}

.industry-overview {
    padding: 15px 0px;
    line-height: 2.2;
}

.industry-name a,.industry-name a:hover,.industry-name a:focus{
    color: #000;
    text-decoration: none;
}

.subindustri {
    padding-left: 20px;
    font-size: 10pt;
}

.subindustri a,.subindustri a:hover,.subindustri a:focus{
    font-weight: normal;
}

.statistic-row,
.statistic-row-last {
    border-bottom: 1px solid #ddd;
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-bottom: 20px;
    padding-top: 5px;
}

.body{
    margin-top: 15px;
}

.statistic-title a:hover ,.statistic-title a:focus{
    text-decoration: none;
}

.statistik {
    margin-top: 15px;
}

.image-statistic{
    margin-left: 0px;
}

.title-statistik{
    margin-top: 10px;
}

.title-statistik a,.title-statistik a:hover,.title-statistik a:focus{
    color: #333;
    font-weight: bold;
}
div#userprofile .title-statistik{
    margin-top: 10px;
    margin-bottom: 11px;
}
.badge-pesan {
       color: black;
    font-weight: bold !important;
        padding-left: 2px;
}
.pesan span.badge {
    background: none;
}
.button-desc,.button-desc:hover,.button-desc:focus{
    color: #5e7ca5;
}

.gotoindeks{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.link-indeks,.link-indeks:hover,.link-indeks:focus{
    color: #5e7ca5;
}

.dropdown-icon:after{
    content: "\f0dd"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 5px;
    vertical-align: super;
}

.email-newsletter{
    background-color: #e1e3e4;
    padding: 10px 5px;
    margin-bottom: 20px;
    border:0px;
    color: #000;
}

.datapublish-download{
    margin-top: 20px;
}
span.semibold.linksource a{
    color: blue;
    text-decoration: underline;
}
.box-options{
    border-left : 3px solid #ff9035;
    padding: 3px;
    margin-bottom: 4px;
    background-color: #2b5974;
    /*border-radius: 2px;*/
}
 .xls-box{
        opacity: 0.4;
}
.box-options a{
    color: #fff;
}

.box-options-left{
    padding-right: 7px !important;
}

.box-options-right{
    padding-left: 7px !important;
}
.graph-title{
    text-align: center;
    color: black;
    font-weight: bold;
    font-family: "Verdana";
    font-size:  12px;
    line-height: 17px;
    padding-bottom: 0px;
}
.amcharts-export-menu {
    display: none;
}

#embed-html-1 .html-to-embed {
    margin-bottom: -20px;
}
.embedtext{
    width: 100%;
    min-height: 100px;
    font-size: 13px;
    resize:none;
    overflow: hidden;
    padding: 5px;
    margin-top: 1px;
}
.add-collection,
.tab-detail {
    border-radius: 2px;
    padding: 3px;
    font-size: 12px;
}
.tab-detail {
    padding: 0;
}

.nav>li>a{
    padding: 5px 15px;
}

.tab-download{
    padding: 10px;
    background-color: #fff;
    margin-top: 5px;
}

.after-detail{
    margin-top: 20px;
}

.homenews a {
    /*color: #f48222;*/
}

.main-title h4{
    font-size: 19pt !important;
    line-height: 1.2em;
}

.main-title h1{
    font-size: 19pt !important;
    line-height: 1.2em;
    font-weight: 500 !important;
}

.main-title{
    border-bottom: 1px solid #F57B00;

    /*border-bottom: 2px solid #757575;*/
}
.body-article{
    /*color: #3333;   */
    color: #333;
}
.pie-teks{
    font-weight: bold;
}
/*PERUSAHAAN*/
.body-text-perusahaan{
    padding-top:15px;
}
#map{
  margin-top: 10px;
}
div#image {
    padding-top: 42px;
}
div#perusahaan-detail {
    padding-top: 40px;
}
.sidebar-title-perusahaan {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F57B00;
        font-size: 20px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
#perusahaan-detail .pagination-new {
    margin-top: 50px;
}
/*END PERUSAHAAN*/
/* DATABOKS HOME */
#statistics {
    margin-bottom: 80px;
}
#statistics .tab-content {
    padding: 10px 0;
}
#statistics .nav-tabs {
    margin-bottom: 0;
    border-bottom: 1px solid transparent;
}
#statistics .nav-tabs > li {
    margin-bottom: -10px;
}
#statistics .nav-tabs > li > a:hover {
    border-color: transparent;
}
#statistics .nav > li > a {
    margin-right: 20px;
    padding: 10px 10px 0 0;
    text-transform: uppercase;
    color: #4D7B9F;
    border: none;
}
#statistics .nav > li > a:focus,
#statistics .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    padding-left: 0;
    color: #4D7B9F;
    border-bottom: 5px solid #4D7B9F;
}
#statistics .nav > li.active > a,
#statistics .nav > li.active > a:focus,
#statistics .nav > li.active > a:hover {
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    padding-left: 0;
    color: #4D7B9F;
    border-bottom: 5px solid #4D7B9F;
}

#statistics .head-statistics {
    border-bottom: 1px solid #ff9035;
    padding-bottom: 6px;
}
#statistics .content-title {
    padding-top: 50px;
    font-size: 23px;
}
#statistics .content-summary {
    padding-top: 10px;
}
#statistics .content-date {
    font-size: 12px;
}
#statistics .content-date a {
    color: #333;
}
#statistics .read-more {
    text-align: center;
    padding-top: 30px;
    font-size: 13px;
}
#statistics .read-more a {
    color: #4D7B9F;
    font-weight: bold;
}
#statistics .media {
    padding-left: 0;
    padding-bottom: 5px;
    margin-left: 0;
}
#statistics .media:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#statistics .media-left {
    padding-right: 20px;
}
#statistics .media-body .title {
    font-size: 16px;
}
.nav-button a,
.nav-tabs.title a {
    color: #4D7B9F;
}
.nav-button {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 16px;
}
#kanaldata #recent-and-popular,
#kanaldata #marketing {
    background: #FFF;
}
#kanaldata.content {
    margin-bottom: 0;
}
#marketing .contact {
    padding-bottom: 70px;
}

#marketing .media-body {
    padding-left: 25px;
    padding-top: 20px;
}

#marketing .title h4 {
    margin-bottom: 0;
}

#marketing .jabatan {
    color: #666;
}

#marketing .phone {
    color: #3e5f8f;
    padding-top: 5px;
}
.media--contact-marketing {
    margin-bottom: 30px;
}

#infografik .our-graphic {
    margin-bottom: 30px;
}

#kanaldata #infografik {
    padding-top: 60px;
}
#kanaldata .invert {
    color: #FFF;
}

#carousel-dreview {
    margin-top: -50px;
    max-height: 150px;
}
#carousel-dreview .d-inside-small {
    width: 100px;
    border: 1px solid #002c41;
}
#carousel-dreview .title-dinside {
    margin-top: 50px;
    padding-right: 0;
}
.section-heading {
    padding-top: 30px;
    padding-bottom: 50px;
}
#marketing .section-heading {
    padding-bottom: 80px;
}
#kanaldata #search,
#d-inside-widget,
.search-widget-wrapper {
    background: #002c41;
}
.search-widget-wrapper {
    margin: 15px 0;
    padding: 15px;
}
#kanaldata .search-widget,
.d-inside-widget {
    padding-top: 20px;
    padding-bottom: 20px;
}
.dropdown-menu.notif-produk {
    padding: 10px;
    margin-top: 5px;
    background: #e04173;
    color: #FFF;
    opacity: 0.8;
}

.side-testimonial span {
    padding-right: 15px;
}
.box-testimonial {
    padding: 20px 0;
}
.box-testimonial span:nth-child(1) {
    float: left;
}
.quote-side {
    margin-top: 10px;
}
.jabatan-side {
    font-size: 13px;
    padding-right: 10px;
}
#showcase {
    width: 100%;
    height: 500px;
    background: #F5F5F6 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #FFF 0%, #FFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#FFF)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #FFF 0%, #FFF 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #FFF 0%, #FFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFF 0%, #FFF 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FFF 0%, #FFF 100%); /* W3C */
    /* -webkit-box-shadow: 0px 0px 13px 5px #000;
    -moz-box-shadow: 0px 0px 13px 5px #000;
    box-shadow: 0px 0px 13px 5px #000;*/
    border-radius: 8px;
    margin-top: 12px;
    visibility: hidden;
}
#showcase img {
    cursor: pointer;
}

.nav-tabs{
    border-bottom: 1px solid #f39331;
    margin-bottom: -1px;
}

.nav-tabs>li{
    margin-bottom: 0px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border : 0px;
    background-color: transparent;
    border-bottom: 4px solid #2b5974;
    padding-left: 0;
}

.nav-tabs>li>a{
    font-size: 16px;
    padding-left: 0;
}

.embed-code{
    margin-top: 15px;
}
li#line a {
    border: none;
    padding-top: 12px;
}
li#line a:hover{
    background: none;
    border: none;
}
.share-button ul > li > a{
    width: 32px;
    height: 32px;
    margin-right: 2px;
    padding-top: 8px;
    line-height: 18px;
    display: inline-block;
    background-color: transparent;
    /*border: 1px solid #737373;*/
    color: #737373;
    border-radius: 20px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.share-button .list-inline > li {
    padding-right: 0;
    margin-bottom: 10px;
}

.share-button ul #facebook a,.share-button ul #facebook a:hover{
    color: #FFF !important;
    background: #3E4DA2 !important;
}

.share-button ul #linkedin a,.share-button ul #linkedin a:hover{
    color: #FFF !important;
    background: #007bb5 !important;
}

.share-button ul #googleplus a,.share-button ul #googleplus a:hover{
    color: #FFF !important;
    background: #dd4b39 !important;
}

.share-button ul #whatsapp a,.share-button ul #whatsapp a:hover{
    color: #FFF !important;
    background: #4dc247 !important;
}

.share-button ul #twitter a,.share-button ul #twitter a:hover{
    color: #FFF !important;
    background: #00aced !important;
}

.share-button ul #pinterest a,.share-button ul #pinterest a:hover{
    color: #FFF !important;
    background: #B31217 !important;
}

.share-button ul #mailto a,.share-button ul #mailto a:hover{
    color: #FFF !important;
    background: #3e65cf !important;
}

.social-share-teks{
    font-size: 14px;
    border-bottom: 1px solid #f39331;
    margin-bottom: 8px;
}

.count_like_fb{
    color: #90949c;
    border: 1px solid #90949c;
    font-size: 11px;
    padding: 1px 5px;
}

.slideshow-top {
    background-color: #F5F5F6;
}
.slideshow-top-ekonografik {
    background: #F5F5F6;
    /*padding-top: 30px;*/
    padding-top: 20px;
    padding-bottom: 30px;
}
.slideshow-top-dinside {
    background: #F5F5F6;
    padding-top: 30px;
    padding-bottom: 10px;
}
.headline-big-image{
    padding:0px 0px;
}
.slideshow-top .carousel-control {
    max-width: 50px;
}

.content-image--ekonografik-small {
    margin-bottom: 20px !important;
}
/* JOKOWI 2 TAHUN*/
.amnesty-news {
    padding-top: 30px;
    padding-bottom: 30px;
}
.amnesty-news .content-title {
    margin-bottom: 15px;
}

select#id_perusahaan {
    border: 1px solid #ffa559;
    border-radius: 2px;
    padding-right: 10px;
    color: #333;
}

.jokowi-page .pilkada-title {
    font-size: 17px;
}
.logo-pilkada{
    padding: 7px;
}
.jokowi-page center {
    padding-top: 30px;
}
#detail-datastatistik-statistik-today .statistik,
.jokowi-page .statistik {
    border: 1px solid #CCC;
    padding: 10px;
}
.amnesty-news .content-title {
    font-size: 16px;
}
.amnesty-news  .content-title {
    font-family: "Adelle-SemiBold", serif;
}
.content-image {
    margin-bottom: 0;
    position: relative;
}
.jokowi-page.slide-item .slide-item-inner {
    padding: 0 10px;
}
.jokowi-page .slick-active .slide-item-inner {
    padding-left: 20px;
    padding-right: 0;
}
.jokowi-page .slick-current .slide-item-inner {
    padding-left: 0;
    padding-right: 20px;
}
.jokowi-page .slick-current + .slick-active .slide-item-inner {
    padding-left: 10px;
    padding-right: 10px;
}
.jokowi-page #recent-statistics .content-title {
    padding-top: 0;
    font-size: 16px;
    margin-top: 10px;
}
.jokowi-page #statistics .tab-content {
    padding: 10px 0px;
    border: none;
}
h4.text-center.survey-inst {
    padding-top: 50px;
    padding-bottom: 5px;
}
.jokowi-page #statistics .nav-tabs {
    margin-bottom: 0;
    border-bottom: 1px solid transparent;
}
.jokowi-page #statistics .nav-tabs > li > a:hover {
    border-color: transparent;
}
#statistics .nav > li > a {
    padding: 10px 15px;
    text-transform: uppercase;
}
.jokowi-page #statistics .nav>li>a:focus,
.jokowi-page #statistics .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
}
.jokowi-page #statistics .nav-tabs>li.active>a,
.jokowi-page #statistics .nav-tabs>li.active>a:focus,
.jokowi-page #statistics .nav-tabs>li.active>a:hover {
    background-color: transparent;
    border: 1px solid transparent;
    font-weight: bold;
}

.jokowi-page #statistics .head-statistics {
    border-bottom: 1px solid #ff9035;
    padding-bottom: 6px;
}

.jokowi-page #statistics .media {
    padding-left: 0;
    padding-bottom: 5px;
    margin-left: 0;
}
.jokowi-page #statistics .media:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.jokowi-page #statistics .media-left {
    padding-right: 20px;
}
.jokowi-page #statistics .media-body .title {
    font-size: 16px;
}
.jokowi-page #recent-statistics{
    padding-top: 30px;
    padding-bottom: 30px;
}
.jokowi-page h3{
    font-size: 26px;
}
.jokowi-page .title-desc{
    font-size: 15px;
}
.jokowi-page .filter-area{
    padding: 10px 0;
}
.jokowi-page .filter-area select{
    margin-top: 0;
    margin-bottom: 0;
}
.jokowi-page .filter-area .pagination-new {
    margin: 0 0 -10px 0;
}
.jokowi-page .filter-area .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.jokowi-page #id_perusahaan option {
    margin-top: 3px;
    margin-bottom: 3px;
}
.jokowi-page .pagination-new>.active>a,
.jokowi-page .pagination-new>.active>a:focus,
.jokowi-page .pagination-new>.active>a:hover,
.jokowi-page .pagination-new>.active>span,
.jokowi-page .pagination-new>.active>span:focus,
.jokowi-page .pagination-new>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #F57B00;
    border-color: #F57B00;
}

.jokowi-page .title-statistik {
    font-size: 15px;
}

.jokowi-page .pagination-new>li:first-child>a,
.jokowi-page .pagination-new>li:first-child>span,
.jokowi-page .pagination-new>li>a,
.jokowi-page .pagination-new>li>span {
    border-radius: 0;
}

.jokowi-page .pagination-new>li>a {
    border: 1px solid #F57B00;
}

.nav-button {
    position: absolute;
    right: 15px;
    top: -22px;
    font-size: 16px;
}
/*JOKOWI*/
/* HOME CLIENT */
.homepage-client {
    margin-top: 30px;
    padding-bottom: 50px;
    /*background: #FFF;*/
}
.image-client-wrapper {
    text-align: center;
}
.image-client-wrapper .list-inline li {
    width: 18%;
}
.image-client {
    margin: 10px 0;
    display: inline-block;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.image-client:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.img-client {
    max-width: 170px;
    max-height: 80px;
    height: auto;
}
.more-client {
    margin-bottom: 20px;
}
.btn-more-client {
    border: 1px solid #333;
    padding: 5px 30px;
    font-size: 16px;
    transition: all .5s;
}
.btn-more-client:focus {
    color: #333;
}
.btn-more-client:hover {
    background: #333;
    color: #FFF;
}

/* START TESTIMONIAL */
.homepage-testimonial {
    margin-top: 75px;
    background-color: #fff; 
    padding-top: 30px;
}
.carousel-image {
    margin-bottom: 30px;
}
.img-testimonial {
    width: 120px;
    height: 120px;
    border: 4px solid #FFF;
    border-radius: 100px;
}
.carousel-testimonial-description {
    font-size: 18px;
    line-height: 1.4;
    color: #666666;
}
.carousel-testimonial-title,
.carousel-testimonial-subtitle {
    font-size: 16px;
}
.carousel-control--testimonial:focus{
    opacity: 0;
}
.carousel-control--testimonial:hover {
    color: #000;
    text-decoration: none;
    outline: 0;
    opacity: .2;
    filter: alpha(opacity=20);
}
/* END TESTIMONIAL */

/* CUSTOM CAROUSEL */
.slideshow-top .carousel-caption {
    width: 270px;
    text-align: left;
    left: 0;
    bottom: 40px;
    text-shadow: none;
}
.slideshow-top .carousel-item-title {
    font-size: 50px;
    width: 270px;
    line-height: 1;
}
.slideshow-top .carousel-item-title-en {
    width: 300px;
}
.slideshow-top {
    background-color: #F5F5F6;
    background-image: url(../images/databoks-slider-bg.jpg);
    background-size: cover;
    background-position: center;
}
.carousel-indicators {
    bottom: 0;
}
.carousel-control {
    opacity: .1;
}
.carousel-control.right,
.carousel-control.left {
    background-image: none;
}
.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
}
.carousel-caption h3 {
}
.carousel .icon-container {
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    padding: 1em;
    text-align: center;
    border-radius: 50%;
}
.carousel-caption button {
    border-color: #00bfff;
    margin-top: 1em;
}
.carousel-item-description {
    font-size: 16px;
}

input#keyword{
    padding-left: 40px;
    font-size: 16px;
}
#search input#keyword{
    padding-left: 10px;
    font-size: 16px;
}
select#id_topic,
select#selectbox-industri{
    height: 36px;
    font-size: 16px;
    color: #a2a2a2;
    border-radius: 0;
}
select#selectbox-industri option {
    color: #000;
}
#industri-detail #search input#keyword {
    padding-left: 10px;
    font-size: 12px;
}
#industri-detail select#id_topic,
#industri-detail select#selectbox-industri {
    height: 33px;
    font-size: 12px;
    color: #a2a2a2;
    border-radius: 0;
}
#industri-detail .submit-keyword-home {
    width: 100%;
    padding: 7px;
    text-transform: uppercase;
    border: 1px solid #2b5975;
    background-color: #2b5975;
    color: #fff;
    font-size: 12px;
}
/* Animation delays */
.carousel-caption h3:first-child {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.carousel-caption button {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.adl-0 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.adl-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.adl-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.adl-3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.adl-4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.adu-0 {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
}
.adu-1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.adu-2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.adu-3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.img-w100 {
    width: 100px;
    height: auto;
}
.img-w200 {
    width: 200px;
    height: auto;
}
.img-w300 {
    width: 300px;
    height: auto;
}
.img-group {
    position: relative;
    top: 100px;
}
.img-1st {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.img-2nd {
    position: absolute;
    bottom: 0;
    left: 50px;
    z-index: 9998;
}
.img-3rd {
    position: absolute;
    bottom: 0;
    left: 150px;
    z-index: 9997;
}

/*PRIVACY*/
.mygrid-wrapper-div {
    background: white;
    height: 840px;
    padding: 20px 0 20px 20px;
}

/* CONTACT US*/
.contact-content {
    margin: 40px 0;
}
.contact-content-heading {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}
.formcontact .form-control {
    border-radius: 0;
}
.image-bg-fluid-height{
    padding-bottom: 30px;
}
.detail-corporate {
    padding-top:10px;
    line-height:20px;
    font-size:15px;
}
.detail-contact{
    padding-top:30px;
    line-height:30px;
    font-size:15px;
}
.sidebar-marketing{
    margin-top: 45px;
}
.submarketing{
    border-bottom:1px solid #d8d8de;
    padding-bottom: 15px;
    padding-top:15px;
}
.submarketing span:nth-child(1){
    float:left;
}
.submarketing span:nth-child(2){
    float:left;
    padding-left: 10px;
    padding-top:10px;
}
.submarketing img{
    width:70px;
}
.submarketing p{
    margin-bottom:0px;
    color:#bfbebe;
}
.submarketing b{
    color:#3e5f8f;
}
.submarketing .name{
    color: black;
    font-size: 16px;
}
/*PAKAR*/
.pakar-thumb img {
    border: 1px solid black;
}
.photo_pakar{
        padding-top: 105px;
    padding-bottom: 150px;
}
.photo_pakar h4{
    font-family: "AdelleSans-SemiBold";
    color: #212121;
        font-size: 17px;
}
.photo_pakar h5{
    color: #e5670c;
    margin-top: -5px;

}
.desc-thumb{
    padding-left: 10px;
    margin-top: 30px;
}
.desc-thumb h6{
    margin-top:0px;
    color: #727272;

}
.desc-thumb h3{
     font-family: "AdelleSans-SemiBold";
    color: #212121;
    margin-bottom: 0px;
}
.pakar-thumb-detail {
    margin-left: -15px;
     padding-top: 80px;
    padding-bottom: 100px;
}
.nav-pakar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.nav-pakar {
    padding-top: 21px;
    border-bottom: 1px solid #f68121;
}
.nav-pakar li {
    float: left;
     padding-right: 40px;
}

.nav-pakar li a {
     display: block;
    padding: 8px;
    /* font-weight: bold; */
    font-size: 18px;
   
    color:#6a6868;
  
}

.nav-pakar li .active-pakar{
    color:#030303;
}
#biografi  .first-element{
    padding-top: 23px;
}
#biografi h4{    
    padding-left: 18px;
        padding-top: 7px;
    color: #373737;

}
#biografi h5{
     padding-left: 18px;
}
#biografi p {
    padding-left: 35px;
    padding-right: 120px;
    font-weight: 500;
    color: #6a6868;
    font-size: 15px;

}   
#biografi .language h5:first-of-type{
    margin-bottom: 0px;
}
#biografi .language h5{
    margin-top: 2px;
}
.bode-desc {
    margin-bottom: 180px;
}
#experience .year-ex {
    padding-left: 28px;
}
#experience .detail-ex{
    margin-left: -21px;
}
#experience .pakar-detail-all {
    padding-top: 20px;
}
/*END POPULAR PAKAR*/
/*HALAMAN PRESS GUIDE*/
.decimal-list {
    counter-reset: list;
    margin: 0;
}

.decimal-list > li {
    list-style: none;
    position: relative;
}

.decimal-list > li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
    position: absolute;
    left: -1.4em;
}
/*ABOUT US*/
.page-statis-detail h3 {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    background: #f48222;
    color: #FFF;
    font-size: 16px;
}
.page-statis-detail {
    margin-top: 0;
    margin-bottom: 30px;
}
.page-statis-detail hr {
    margin-top: -11px;
    border-top: 1px solid #f48222;
}
.page-statis-detail.content-body ol {
    margin-left: 15px;
}
.page-statis-header {
    margin-bottom: 30px;
    height: 225px;
    position: relative;
    background: #000;
    background-size: cover;
    background-position: center;
}
.page-statis-header--about,
.page-statis-header--career {
    background-image: url('../images/page-header-1.jpg');
}
.page-statis-header--press{
    background: none;
    height: 83px;
    margin-bottom: 0px;
}
.page-statis-header--press .page-statis-title {
    color: black;
    font-weight: bold;
    top: 34px;
}
.detail-press.content-body ol {
    margin-left: 32px;
}
.page-statis-header--contact {
    background-image: url('../images/page-header-2.jpg');

}
.page-statis-title {
    position: absolute;
    top: 180px;
    font-size: 2em;
    color: #FFF;
}
.working-hour {
    line-height: 25px;
}

/* Track */
.privacy-content{
    padding-top:20px;
}
.privacy-content img{

    margin-bottom: 10px;

}

/*EKONOGRAFIK*/
#news-ekonografik{
    padding-top: 30px;
    padding-bottom: 30px;
}
.content-title {
    padding-top:10px;

    font-size: 16px;
}
.content-title h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #6d6b6c;

}
.content-title .main-title{
    padding-bottom:10px;
    border-bottom: 2px solid #757575;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: rgb(117, 117, 117);
}
.content-title--ekonografik-secondary h2 {
    font-size: 17px;
    color: #333;
}
.title-ekono-kanal-top {
    margin-top: 0 !important;
    line-height: 1.4;
    font-size: 17px;
}
.topics-title--ekonografik {
    font-size: 12px;
}
#news-ekonografik .topics-title a {
    color:#1c3e64;
}

#news-ekonografik .share-title{
    color:#626061;
    font-weight:100;
}
#news-ekonografik .topics-title span:nth-of-type(2){
    color:#23527c;;
}
#news-ekonografik .ekonografik-thumb{
    padding-top:30px;
    padding-bottom:30px;
}

.slideshow-top-ekonografik .content-body {
    color: #3c4043;
    font-size: 17px;
}
.slideshow-top-ekonografik .content-body .content-title {
    padding-top: 0;
}
.slideshow-top-ekonografik .content-body .content-title h2 {
    color: #3c4043;
    font-weight: bold;
    font-size: 34px;
    margin-top: 0;
}
.quotes-ekonografik {
    background: white;
}
.quotes-ekonografik blockquote {
    padding-left:25px;
    padding-right: 25px;
    border-left: 10px solid #23527c;
    color:#23527c;
    border-width: thick;
    margin-bottom: 0px;
    padding-bottom:20px;
    font-size: 20px;
}
.quotes-ekonografik h2{
    margin-bottom: 2px;
    font-size:20px;
    color:black;
}
.quotes-ekonografik p {
    margin-bottom: 2px;
    color:#afafaf;
    font-size: 14px;
}
.quotes-ekonografik .col-xs-12{
    font-size:12px;
    padding-top: 30px;
}
.quotes-ekonografik  b{
    color:#23527c;
    font-size: 14px;
}
.quotes-ekonografik span:nth-child(1){
    float:left;
}
.quotes-ekonografik span:nth-child(2){
    float:left;
    padding-left: 10px;
}
.prev-news h5{
    color:#23527c;
}
.ekonografik-search button.btn.btn-default {
    background: #4d6f95;
    color: white;
    border:1px solid #4d6f95;
}

.select-lang{
    background-color: transparent;
    font-size: 12px;
    border: 0px;
}

.option-lang{
    color: #000;
}

.search-body{
    margin-top: 40px;
}

.search-options-teks{
    border-bottom: 1px solid #f39331;
    font-size: 18px;

}

.search-options{
    padding: 5px 0px 20px 0px;
}

.logo-search-option{
    height: 30px;
    width: 30px;
    margin: 0px 5px;
}

.search-checkbox{
    margin: 5px 0px;
}

.selectbox{
    margin: 5px 0px;
}

.more-filter{
    margin-top: 20px;
}

.row-filter{
    margin: 10px 0px;
}

.nopadding{
    padding: 0px !important;
}

.nopadding-left{
    padding-left: 0px !important;
}

.nopadding-right{
    padding-right: 0px !important;
}

.select-option{
    border-radius: 0px;
    border: 1px solid #d7d7d7;
    font-size: 12px;
}

.more-options-teks{
    font-size: 12px;
}

.input-search{
    margin-top: 35px;
    margin-bottom: 25px;
}

.result-teks{
    margin-top: 35px;
    margin-bottom: 25px;
}
.row.result-teks-indeks {
    margin-top: 2px;
    margin-bottom: 25px;
}
.indeks .teks-result-search{
    font-size: 18px;
    padding-bottom: 0px;
}
.teks-result-search{
    border-bottom: 1px solid #f39331;
    font-size: 15px;
    padding-bottom: 10px;
}
.selectbox .form-control {
    border-radius: 0;
}

/*.input-keyword{
    width: 70%;
    padding: 7px;
    border: 1px solid #d7d7d7;
}*/

.input-keyword{
    width: 100%;
    padding: 7px;
    border: 1px solid #d7d7d7;
}

.select-option,
.input-search-home{
    width: 100%;
    padding: 6px;
    border: 1px solid #d7d7d7;
}

.submit-keyword-home{
    width: 100%;
    padding: 7px;
    text-transform: uppercase;
    border: 1px solid #2b5975;
    background-color: #2b5975;
    color: #fff;
    font-size: 14px;
}

/*.submit-keyword{
    width: 29.5%;
    padding: 7px;
    text-transform: uppercase;
    border: 1px solid #2b5975;
    background-color: #2b5975;
    color: #fff;
    font-size: 12px;
}*/

.submit-keyword{
    width: 98%;
    padding: 8px;
    text-transform: uppercase;
    border: 1px solid #2b5975;
    background-color: #2b5975;
    color: #fff;
    font-size: 12px;
    margin-left: 1px;
}

.row-data{
    border-bottom: 1px solid #c8c8c9;
}

.result-search hr{
    border-top : 1px solid #c8c8c9 !important;
}

.logo-list{
    margin-right: 10px;
    float: left;
}

.title-list{
    float: left;
}

.logo-data{
    /*max-width: 40px;*/
}

.subscribe-text{
    padding-top: 30px;
    border-bottom: 1px solid #f39331;
    margin-bottom: 15px;
}

.form-subscribe{
    margin-top: 20px;
}

.button-subscribe{
    background-color: #2b5975;
    border: 0px;
    color: #fff;
    border-radius: 0px;
}

.subscribe-input{
    border-radius: 0px;
}

.row-captcha{
    margin: 15px 0px;
}

.row-button-subscribe{
    margin-top: 15px;
}

.row-newsletter{
    margin-bottom: 40px;
}
.subscribe-desc {
    padding-top: 10px;
}
.nav-collapse li{
    margin-top: 20px;

}
.img-responsive {
    display: block;
    width: 100%;
    height: auto;


}
/*HELP*/
/*MODAL*/
.modal {
    background-size: cover;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.must-login{
    cursor:pointer;
    display:block;
}

.header-mod {
    background: #3d4144;
    color: #fff;
    border-bottom:none;
}
.header-mod h3{
    margin-top: 100px;
    padding-left: 25px;
    font-size: 19px;
}
.data-modal {
   padding-top:6vh;
}
.header-mod p {
    font-size: 14px;
    font-weight: lighter;
    padding-left: 25px;
    margin-top: -7px;
    color:#cdced0;
}
.header-mod button{
        background: #fff;
    border-radius: 20px;
    padding: 0px;
    width: 20px;
    font-size: 17px;
        opacity: 3.1;
}
span.free {
    color: #e5c711;
    text-transform:uppercase;
}
.body-mod{
    background:#fff;

}
.body-mod .col-xs-7:nth-of-type(1){
      border-right:1px solid #a4a5a7;

}
.body-mod h2 {
    font-size: 22px;
    padding-left:22px;
    line-height:30px;
    padding-top:52px;


}
.body-mod a{
    position: relative;
}
.body-mod i.fa.fa-angle-right{
    font-size: 40px;
    position: absolute;
    color: #f2f2f2;
   top: -1px;

}
a.btn.btn-default.btn-login-popup{
    background:#2b5975;
}
a.btn.btn-default.btn-login-popup:hover{
    background:#2b3775;
}
a.btn.btn-default.btn-popup:hover {
    background: #02c424;
    color:#fff;
    border:1px solid #02c424;
}
input.btn.btn-access.button-login.btn-female {
    background: #ea6060;
}
.body-mod a{
    margin-left:22px;
    background:#88c402;
    color:#fff;
    font-size: 17px;
    margin-bottom:150px;
    padding-right: 20px;

}
.body-mod a .col-xs-10{
    padding-top: 12px;
    padding-left:0px;
    text-align:right;
}
.body-mod a .col-xs-2{
    padding-left:0px;
}
.body-mod .col-xs-5 ul{
    padding-top: 52px;
    margin-left: -49px;
    list-style:none;
}
.body-mod .col-xs-5 ul li{
    font-size:12px;
    color:#8b8b8b;
    padding-top:21px;
}
.body-mod .col-xs-5 ul li:before {
    font-family: 'FontAwesome';
    content: '\f111';
    color:#a2a3a5;
    margin:0 5px 0 -15px;
    font-size: 18px;
    vertical-align: middle;
}
.header-mod button.close {
    width: 25px;
    padding: 4px 0px;
    font-weight: normal;
}

.modal--email-alert .modal-content {
    background-color: #222;
    border: 0;
    border-radius: 0;
    color: #FFF;
    text-align: center;
}
.modal--email-alert .modal-header {
    border-bottom: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.modal--email-alert .modal-body {
    font-size: 18px;
    padding-bottom: 30px;
}
.modal--email-alert .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 0;
    background: #EE442E;
}
.modal--email-alert .close {
    opacity: .5;
    font-size: 36px;
}
.modal--email-alert .close:hover,
.modal--email-alert .close:focus {
    opacity: .8;
}
.modal--email-alert .btn:focus {
    outline: none;
}
.btn-emailalert {
    color: #FFF;
    background-color: #EE442E;
    border-color: #FFF;
    border: 2px solid #FFF;
    border-radius: 20px;
}
.btn-emailalert:hover {
    color: #FFF;
    background-color: #fd4c35;
    border-color: #FFF;
    border: 2px solid #FFF;
    border-radius: 20px;
}
.modal-progress {
    position: absolute;
    left: 47.5%;
    bottom: 0;
}

.modal-header--mailto {
    background: #3d4144;
    color: #fff;
    border-bottom:none;
}
.share-email .form-control {
    border-radius: 0;
    font-size: 12px;
}
.share-email{
    font-size: 12px;
}
.share-email-heading {
    margin: 15px 0;
}

.slidebox {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
    width: 50%;
    max-width: 420px;
    background: #222;
    color: #FFF;
    text-align: center;
}
.slidebox-content {
    background-color: #222;
    border: 0;
    border-radius: 0;
    color: #FFF;
    text-align: center;
}
.slidebox-title {
    margin: 0;
}
.slidebox-header {
    padding: 15px;
}
.slidebox-body {
    position: relative;
    padding: 0 15px 15px 15px;
    font-size: 18px;
}
.slidebox-footer {
    padding: 15px;
    text-align: center;
    border-top: 0;
    background: #EE442E;
}
.slidebox .close {
    margin-top: -2px;
    opacity: .5;
    font-size: 36px;
}
.slidebox .close:hover,
.slidebox .close:focus {
    opacity: .8;
}
.slidebox .btn:focus {
    outline: none;
}
.slidebox-progress {
    position: absolute;
    left: 47.5%;
    bottom: 47.5%;
    color: #EE442E;
}

/*DINSIDE*/
.slideshow-top-dinside .content-body {
    padding-top: 130px;
    color: #6e737b;
}
.slideshow-top-dinside .content-title h2 {
    color: #3c4043;
    font-size: 23px;
    margin-top: 0;
}
.slideshow-top-dinside button{
    background:#f57a01;
    color:#fff;
    font-weight:600;
}
.content-image--dinside-top {
    padding: 0 5%;
}
.header-topbar--d-inside #menu ul li a:hover {
    color: #333;
}
.home-widget{
    color: white;
    font-size: 20px;
    text-align: right;
    margin-top:20px;
}
.home-widget .col-sm-1{
    border-right:1px solid white;
    width: 54px;
    padding:0px;

}
#d-inside-product .row {
    padding-top: 40px;
}
.content-image--dinside-secondary {
    padding: 20px 15%;
}
.content-right--dinside {
    padding-top: 90px;
    font-weight: bold;
}
#d-inside-product .content-title {

    padding-top: 12px;
    padding-bottom: 20px;
}
#d-inside-product .content-summary{
    font-weight: normal;
    color: #6e737b;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f77807;
}
#d-inside-product .price {
    color:#8b233e;
    font-size:23px;
}
.img-payment-logo {
    width: 100%;
    max-width: 300px;
}

/* FAQ */
.page-help .content {
    margin-top: 50px;
}
.page-title {
    margin-bottom: 20px;
    border-bottom: 1px solid #F57B00;
    font-size: 24px;
}
.faq-title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}
.faq-item-group {
    margin-bottom: 20px;
}
.faq-item {
    border: 1px solid #C9C9CB;
    border-bottom: none;
    padding: 10px 15px 8px 15px;
}
.faq-item:last-child {
    border-bottom: 1px solid #C9C9CB;
}
.faq-item a {
    color: #F57B00;
}
.faq-item a.collapsed {
    color: #333;
}
.faq-item .fa {
    margin-right: 10px;
}
.faq-item-desc {
    margin-top: 10px;
    margin-left: 15px;
    padding-left: 10px;
    border-left: 2px solid #F57B00;
}
.content-body--help {
    margin-top: 0;
}
/* END FAQ */

/*INDEKS*/
.searchindeks{
    background:#2b5975;
    color:#fff;
}
/*END INDEKS*/

/* COL-SS */
.col-ss-4 {
    width: 33.3333%;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
.col-ss-6 {
    width: 49.3333%;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
.col-ss-4:first-child  {
    padding-left: 15px;
}
.col-ss-6:first-child{
    padding-left: 20px;
}
.col-ss-4:last-child {
    padding-right: 15px;
}
/* COL-SS */
/*POPULAT TAG*/
.popular-tags .tags a {
    font-family: "Adelle";
    font-weight: bold;

}
.popular-tags {
    margin-top: 0px;
    padding-top: 5px;
     margin-bottom: -30px;
  
}

.popular-tags .tags a {
    font-size: 14px;
    color: #1a4f69;
    /*margin-right: 25px;*/
    margin-right: 8px;
}
.tags-title{
    font-weight: bold;
        text-transform: uppercase;
    color: #606062;
}
/*END POPULAR TAG*/
/* SIDEBAR */
.sidebox {
    margin-bottom: 30px;
}
.sidebar-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F57B00;
    font-size: 15px;
    line-height: 1;
    text-transform:uppercase;
}
.view-share {
    margin-top: 20px;
}
.view-share .sidebar-count {
    margin: 15px 0;
    border-top: 1px dotted #F57B00;
    border-bottom: 1px dotted #F57B00;
}
.view-share__item {
    height: 70px;
    padding-top: 8px;
    border-right: 1px dotted #F57B00;
}
.view-share__item:last-child {
    border-right: none;
}
.count-value {
    padding-top: 2px;
    color: #002c41;
    font-size: 22px;
    text-align: center;
}
.content-item--sidebar {
    margin-bottom: 15px;
}
.content-title--sidebar {
    font-size: 14px;
}
.sidebar-item .content-title{
        font-family: "AdelleSans-Regular", Arial, Helvetica, sans-serif;
}
/* END SIDEBAR */

/* D-INSIDE */
.sidebar-dinside .content-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #CCC;
}
.product-research-report {
    color: #F57B00;
    font-size: 16px;
}
.product-special-report {
    color: #B51C5C;
    font-size: 16px;
}
.content-title--sidebar-dinside {
    padding-top: 5px;
    font-size: 12px;
}
.content-subtitle {
    font-size: 18px;
}
.content-subtitle--sidebar-dinside {
    font-size: 12px;
}
.dinside-price {
    padding-top: 5px;
    text-transform: uppercase;
    color: #B84143;
    font-weight: bold;
}
.image-dinside-detail {
    max-width: 300px;
    margin-bottom: 50px;
}
.detail {
    margin-top: 40px;
}
.primary-title {
    margin-top: 0;
    font-size: 21px;
}
.content-info--dinside {
    padding-top: 10px;
    border-top: 1px solid #F57B00;
}
.detail-price {
    font-size: 24px;
    color: #8D223E;
}
.content-detail ul li {
    margin-bottom: 5px;
    list-style-type: square;
}
.content-detail ul ul {
    margin-top: 10px;
}
.content-detail ul li li {
    margin-bottom: 10px;
}
.download-sample {
    margin: 15px 0;
    text-align: center;
}
.download-button {
    background-color: #2A5977;
    border-left: 2px solid #F57B00;
    color: #FFF;
    padding: 5px;
}
.download-button:hover {
    color: #EEE;
}
.dinside-special-offer {
    margin-top: 20px;
    border: 1px dashed #ef7d2d;
    padding: 15px;
    background: #fedfc1;
}
.form-title {
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid #F57B00;
}
.form-order .formfield {
    margin-bottom: 10px;
}
.form-order .form-control {
    border-radius: 0;
}
.table-produk {
    margin-bottom: 20px;
    width: 100%;
}
.table-produk th {
    border-bottom: 2px solid #CCC;
}
.table-produk td {
    border-bottom: 1px solid #DDD;
}
.table-produk tr:first-child td {
    padding-top: 5px;
}

.btn-order-dinside {
    width: 100%;
    margin: 15px 0;
    padding-top: 10px;
    border-radius: 0;
    color: #FFF;
    background-color: #2C5976;
    border-color: #2C5976;
}
.payment-logo {
    margin-top: 40px;
}
.payment-logo-text {
    color: #777;
    font-weight: bold;
}
.produk-item {
    margin-top: 40px;
}
.produk-item-heading {

}
.produk-item-title {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: bold;
}
.content-body--status {
    margin: 30px 0 70px;
}
.status-title {
    color: #50991f;
}
.status-title--pending {
    color: #f8b533;
}
.status-title--denied {
    color: #a10d0d;
}
.status-icon {
    margin-right: 15px;
    margin-left: -45px;
    width: 30px;
}

/* D-INSIDE CART */
.cart-title {
    font-size: 36px;
    margin-bottom: 20px;
}
.cart-user-details {
    font-size: 16px;
}
.cart-list-heading {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.table-cart {
    width: 100%;
    max-width: 100%;
}
.table-cart tr {
    border-top: 1px solid #ccc;
}
.table-cart thead:first-child tr:first-child {
    border-top: 0;
}
.table-cart thead th {
    vertical-align: bottom;
}
.table-cart th,
.table-cart td {
    padding: 5px;
}
.table-cart thead tr:first-child {
    background: #eee;
}
.order-status {
    font-size: 5em;
}
/* END D-INSIDE */
/*BERITA TERBARU */
div#detail-datapublish .tag a  {
    color: #5e7ca5;
    font-weight: bold;
}
div#detail-datapublish .tag{
    border: 1px solid #5e7ca5;
    background: none;  
}
div#detail-datapublish li.tag {
    margin-top: 10px;
    border: 1px solid #5e7ca5;
    background: none;
}
.popular-statistic .col-xs-12.col-sm-3 {
    margin-top: 5px;
}
div#detail-datapublish h3.sidebar-title {
    font-weight: bold;
}
.statistik-terkait-border{
    border: 1px solid #CCC;
    padding: 15px;
}
.popular-statistic .body{
    margin-top: 0px;
}
.popular-statistic .img-credit {
    font-size: 9px;
}
/* PAGE 404 */
.content-top--404 {
    min-height: 303px;
    background-color: #3B3B3B;
    background-image: linear-gradient(#383838 2px, transparent 2px), linear-gradient(90deg, #383838 2px, transparent 2px);
    background-size: 20px 20px;
    background-position: -2px -2px;
    border-bottom: 2px solid #383838;
}
.text-404 {
    position: absolute;
    top: -80px;
    color: #FFF;
    font-size: 80px;
    line-height: 1;
    font-family: "AdelleSans-Bold", Helvetica, sans-serif;
}
.notfound-text {
    min-height: 202px;
    padding: 15px 0;
    font-size: 16px;
}
.link-primary {
    color: #F57B00;
}
.link-primary:hover {
    color: #F57B00;
    text-decoration: underline;
}
/* END PAGE 404 */


.menu-member{
    margin-top: 40px;
}

.center-box-member{
     margin-top: 10px;
    margin-bottom: 20px;
}

#userprofile.profil .center-box-member{
    padding-right: 35px;
}

.sidebar-left-member{
    padding-right: 70px;
}
#user .profil-table tr {
    padding-right: 15px;
}

#user .title-alert,
#user .title-statistic{
    padding-right: 0;
}
#user .logo-statistic {
    padding-left: 0;
}
/* MEDIA QUERIES */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .issue-page .paslon_1_header {
        right: 500px;
        bottom: -50px;
    }
    .issue-page .paslon_2_header {
        position: absolute;
        right: 185px;
        bottom: -50px;
    }
    .issue-page .useravatar {
        width: 100px;
        height: 100px;
        max-width: 100px;
        max-height: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid #fff;
    }
}
@media screen and (max-width: 767px){
     .issue-page .paslon_1_header {
        left:0px;
        bottom: -30px;
        right: 0px;
        right: 0px;
    }
    .issue-page .paslon_2_header {
        position: absolute;
        bottom: -30px;
        right: 0px;
    }
    .issue-page .useravatar {
        width: 80px;
        height: 80px;
        max-width: 80px;
        max-height: 80px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid #fff;
    }
    .issue-page .content{
        margin-top: 0px;
    }
    .issue-page .main-title {
        padding-top: 0px;
    }
    .issue-page .page-statis-title {
       
        left: 50px;
      
    }
}
@media screen and (min-width: 768px){
    .col-right {
        width: 300px;
        float: right;
    }
    .profil-table {
        margin-left: 15px;
    }
    #carousel-testimonial .item {
        height: 350px !important;
    }
    .jokowi-page #search-result {
        margin-top: 35px;
    }
    .popular-tags {
        
        padding-top: 5px;
        margin-bottom: 4px;
    }
    .popular-tags .tags a {
        font-size: 12px;
       
    }
}

@media screen and (max-width: 991px){
    #menu ul li{
        padding: 5px 0px 5px 10px;
    }
    #showcase {
        height: 350px;
    }
    #kanaldata #infografik {
        padding-top: 30px;
    }
    #marketing .contact {
        padding-bottom: 30px;
    }
    #marketing .media-body {
        padding-left: 10px;
    }
    .sidebar-marketing {
        margin-top: 0;
    }
}

.pagination-new {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-new>li {
    display: inline;
}

.pagination-new>li:first-child>a, .pagination-new>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.pagination-new>.active>a, .pagination-new>.active>a:focus, .pagination-new>.active>a:hover, .pagination-new>.active>span, .pagination-new>.active>span:focus, .pagination-new>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #333;
    border-color: #333;
}
.pagination-new>li>a, .pagination-new>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 4px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #333;
    border-radius: 2px;
}

.form-login{
    margin: 40px 0px;
}

.login-form-teks{
    font-size: 28px;
    border-bottom: 1px solid #f39331;
    margin-bottom: 10px;
}

.register-teks{
    font-size: 28px;
    border-bottom: 3px solid #f39331;
    margin-bottom: 10px;
}

.login-desc{
    margin-bottom: 20px;
}

.input-login, .input-register{
    margin-bottom: 15px;
    border-radius: 0px;
}
.button-login,.button-register{
    background-color: #2b5975;
    color: #fff;
    border-radius: 0px;
}

.button-login-padding {
    padding-right: 15px;
}

.forgot-password{
    padding-top: 8px;
}

.forgot-password a,.forgot-password a:hover,.forgot-password a:focus{
    color: #b01919;
}

.separator{
    border-bottom: 1px solid #a5a5a5;
    margin: 15px 0px;
}

.custom-counter {
    position: relative;
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter li {
    counter-increment: step-counter;
    margin-bottom: 15px;
    padding-left: 30px;
}

.custom-counter li::before {
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    content: counter(step-counter);
    margin-top: -5px;
    margin-right: 5px;
    font-size: 80%;
    background-color: #f39331;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
}

ol{
    -webkit-padding-start: 0px !important;
    list-style-position: outside !important;
}


.register-benefit{
    padding-left: 10px;
}

.button-register{
    width: 150px;
    padding: 6px;
    margin-left: 40px;
    text-align: center;
    background-color: #2b5975;
    color: #fff;
    vertical-align: middle;
}

.button-register a,.button-register:hover,.button-register:focus,.button-login:hover,.button-login:focus,.button-member ,.button-member:hover,.button-member:focus,.button-logout ,.button-logout:hover,.button-logout:focus{
    color: #fff;
}

.button-social-login{
    width: 32.5%;
}

.login-eksternal{
    margin-bottom: 15px;
}

.img-captcha{
    margin: 10px 0px;
}

.reset-pas-teks{
    margin-bottom:20px;
}

.button-reset-pass{
    padding: 5px 30px;
}

.form-resetpass{
    margin: 30px 0px;
}

/* MEGA MENU DROPDOWN DI DATABOKS*/
/* http://shanejeffers.com/blog/megadrop-mega-drop-down-menu-css-framework */

#menu .tov > li > div {
    position: absolute;
    width: auto;
    left: 15px;
    top: 46px;
    right: 15px;
    display: none;
    background: #efefef;
    padding: 10px 10px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}
#menu .tov > li > div p {
    color: #666;
}
#menu .tov > li > div.right {
    right: 0;
    left: auto;
}
#menu .container-mega {
    font-size: 95%;
    text-transform: none;
    z-index: 10000;
}
span.new-item {
    color: #ff5252;
    background: white;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 1px;
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    top: -5px;
    text-transform: uppercase;
}
span.new-item-mobile {
    color: #ff5252;
    background: white;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 8px;
    font-weight: bold;
    position: absolute;
    text-transform: uppercase;
    height: 12px;
    width: 25px;
    border-radius: 3px;
}
.new-title {
    top: -3px;
    position: absolute;
}
#mega-list li{
    position:relative;
}



/* COLUMNS */
#menu .col1,.col2,.col3,.col4 { margin: 5px 0; float: left;}

    /* 1 Column */
    #menu .container-mega { width: 100%; }
    #menu .container-mega .col1 { width: 25%; text-align: left; }
    #menu .container-mega .col2 { width: 50%; text-align: left; }
    #menu .container-mega .col3 { width: 75%; text-align: left; }
    #menu .container-mega .col4 { width: 100%; text-align: left; }

#menu .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#menu .container-mega .col2 ul {
    padding: 0 5px 0 10px;
}

#menu .container-mega .col2 ul li {
    list-style-type: none;
    display: table !important;
    padding: 0;
}

#menu .container-mega .col2 ul li a {
    color: #000;
}
#menu .container-mega .col2 ul li a:hover{
    padding: 5px 5px 5px 0 !important;
    border-bottom: transparent !important;
    background-color: #EEE;
    text-decoration: underline;
}

#menu .mega {
    position: static !important;
    cursor: pointer;
}

#menu .mega .topiks {
    height: 250px;
    overflow-y: auto;
}

#menu .container-mega .title {
    color: #000;
    border-bottom: 1px solid #ff9035;
    padding-bottom: 5px;
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
}
#menu .container-mega .topik .title {
    margin-bottom: 15px;
}

#page-header #header .header-menu #menu .col2 a {
    padding: 0;
    font-size: 13px !important;
}
/* END DROPDOWN MEGA-MENU DI DATABOKS */

.statistik-terbaru-terpopuler-home {
    margin-bottom: 80px;
}
.statistik-terbaru-home {
    margin-top: 30px;
    margin-bottom: 10px;
}
.statistik-terpopuler-content .media-body,
.statistik-terpopuler-content .media-heading {
    margin-bottom: 0;
}
.statistik-terpopuler-content .media-body,
.statistik-terpopuler-content .media-left,
.statistik-terpopuler-content .media-right {
    vertical-align: middle;
}
.statistik-title-home {
    margin-top:0px;
    margin-bottom:0px;
    font-size: 16px;
}
.statistik-terpopuler-home {
    background: #EEE;
    padding: 30px;
    margin-top: 30px;
}
.databoks-statistics-text {
    margin-bottom: 30px;
}
.statistik-terpopuler-content .media {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    padding-bottom: 10px;
}
.statistik-terpopuler-content .media:last-child {
    border-bottom: none;
}

.databoks-statistics-text-title {
    font-size: 29px;
    margin-bottom: 20px;
    line-height: 35px;
    font-family: "AdelleSans-Bold", Arial, Helvetica, sans-serif;
}

.databoks-statistics-text p {
    font-size: 15px;
}

.highlight {
    background-color: yellow;
}

#detail-datapublish {
    padding-bottom: 20px;
}
/* Styling up the image gallery */

#slideshow-main {
    width:429px;
    float:left;
    margin-right:3px;
}

#slideshow-main ul {
    margin:0;
    padding:0;
    width:429px;
}

#slideshow-main li {
    width:429px;
    height:290px;
    display:none;
    position:relative;
}

#slideshow-main li.active {
    display:block !important;
}

#slideshow-main li span.opacity {
    position:absolute;
    bottom:0; left:0;
    display:block;
    width:100%;
    height:60px;
    background:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index:500;
}

#slideshow-main li span.content {
    position:absolute;
    bottom:0; left:0;
    display:block;
    width:100%;
    height:60px;
    z-index:1000;
}

#slideshow-main li span.content h1 {
    font-size:14px;
    margin:5px 0;
    padding:0 10px;;
    color:#42e2e8;
}

#slideshow-main li span.content p {
    font-size:11px;
    margin:5px 0;
    padding:0 10px;;
    color:#42e2e8;
}



/* Styling up the carousel */
#slideshow-carousel {
    float:left;
    width:206px;
    position:relative
}

#slideshow-carousel ul {
    margin:0;
    padding:0;
    list-style:none;
}

#slideshow-carousel li {
    background:#fff;
    height:97px;
    position:relative
}

#slideshow-carousel li .arrow {
    left:3px;
    top:28px;
    position:absolute;
    width:20px;
    height:40px;
    background:url(../images/arrow_white.png) no-repeat 0 0;
    display:block;
}

#slideshow-carousel li a {
    background:#000;
    display:block;
    width:206px;
    height:95px;
}


#slideshow-carousel .active {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

#slideshow-carousel .faded {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
/*SIDEBAR BERITA*/


 .subjudul {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
 .berita-terpopuler {


    margin-bottom: 30px;
}
.topics-title a {
    color: #DE3F34 !important;
}
 .berita-terpopuler .sidebar-item {
    padding: 10px 0px;
}
 .berita-terpopuler .sidebar-title {
    padding: 5px 0;

    font-family: "AdelleSans-Bold", Arial, Helvetica, sans-serif;
}
 .berita-terpopuler .sidebar-item {
    border-bottom: 1px solid #CCC;
}
 .berita-terpopuler .content-summary {
    font-size: 14px;
}
 .berita-terpopuler .content-title {
    font-size: 16px;
    line-height: 1.4;
}
 .berita-terpopuler .content-title {
    margin: 0 0 5px 0;
    padding-top: 0px;
}
/** START Jcarousel **/
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 1px solid #CCC;
    width: 206px;
    height: 95px;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 206px;
    height: 95px;
}
.jcarousel img {
    display: block;
}
.jcarousel ul {
    width: 100%;
    height: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    float: left;
    height: 97px;
}
#jcarousel li a {
    background: #000;
    display: block;
    width: 206px;
    height: 95px;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
    left: -50px;
}
.jcarousel-control-next {
    right: -50px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    line-height: 14px;
    min-width: 14px;

    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;

    margin-right: 2px;

    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
/** END Jcarousel **/
.erp-box {
    margin: 10px -5px 0;
    padding: 7px 15px 15px;
    margin: 45px 0px 0px 0px;
    background: #fff;
    border-top: 1px solid #f48222;
    border-left: 1px solid #f48222;
    border-right: 1px solid #f48222;
    border-bottom: 5px solid #f48222;
    font-size: 14px;
}
.box-table-qc {
    border-top: 5px solid #f68121;
     background-color: #e5e5e5;
}
.text-title-qc {
    padding-left: 10px;
    color: #333;
    font-size: 30px !important;
    font-family: 'AdelleSans-Bold';
    line-height: 1.2em !important;
    padding-top: 20px;
    font-weight: bolder;
}
.table-quickcount tbody tr td:last-child, .table-quickcount tbody tr td:first-child {
    /*padding: 5px 10px;*/
}
.button-wilayah {
    background-color: #f68121;
    padding: 6px 15px 8px 15px;
    color: #fff;
    margin-top: 10px;
}
a.button-wilayah:hover {
    color: #fff;
}
.quickcount table tr td {
    font-size: 35px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: bolder;
    color: #444;
    vertical-align: bottom;
}

.suaramasuk{
    font-size: 14px;
    margin-top: 10px;
}

.logo-survey{
    margin-top:10px;
    max-width:150px;
}

@media screen and (max-width: 991px) {
    #carousel-dreview .d-inside-small {
        width: 100%;
    }
    .member-image{
        margin-top: -30px !important;
    }

    .slideshow-top-dinside .content-body {
        margin-top: 0;
        padding-top: 0;
    }
    .content-right--dinside {
        padding-top: 30px;
    }

    .iconfooter {
        display: inline-block;
        margin: 0 5px 15px 0;
        padding: 9px 8px 5px 8px;
        border: 1px solid #e2e3e4;
        border-radius: 20px;
        font-size: 14px;
        color: #e2e3e4;
    }
    #menu .tov > li > div {
        left: -30.5%;
    }
    .image-client-wrapper .list-inline li {
        width: 30%;
    }
}

@media screen and (max-width: 767px) {
    .logo-survey{
        margin-top:10px;
        max-width:100px;
    }
    #page-header #header .header-topbar {
        padding-bottom: 6px;
    }
    #showcase {
        height: 300px;
    }
    .sosmed {
        text-align: center;
    }
    .news-footer{
        padding-right: 0px;
    }
    .credit-pemilu{
        font-size: 10px;
    }
    img.img-responsive.logo-pilgub {
        max-width: none;
        padding-top: 30px;
    }
    .databoks-footer{
        padding-left: 0px;
    }
    .slideshow-top .carousel-caption {
        bottom: 50px;
    }
    .slideshow-top .carousel-item-title {
        font-size: 40px;
        width: 220px;
    }
    .slideshow-top .carousel-item-title-en {
        width: 250px;
    }
    #carousel-dreview {
        margin-top: 0;
    }
    #carousel-dreview .d-inside-small {
        display: none;
    }
    #kanaldata .title-dinside {
        margin-top: 15px;
        padding-right: 15px;
        text-align: left;
    }
   .col-xs-12.col-sm-4.col-md-4.sidebar .sidebox--inner .sidebar-title{
        padding-top: 15px;
    }
    .sidebar .content-image {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 63px;
    }
    .nopadding-right-xs{
        padding-right: 0px !important;
    }

    .padding-default-xs{
        padding: 0px 15px !important;
    }

    .nocenter-box-member-xs{
        margin: 10px 0px !important;
    }

    /*MEMBER*/
    .member-title .title{
        color: #fff;
        font-size: 26px;
    }

    .status-member{
        color: #e9a716;
    }

    .member-image{
        margin-top: -65px;
    }

    .image-member{
        border: 5px solid lightgrey;
    }

    .separator-full{
        /*margin-top: 10px;*/
        /*border: 1px solid #d3d3d5;*/
        border: 1px solid lightgrey;
        margin-top: -1px;
        margin-bottom: 20px;
    }

#menu-member ul li {
    display: inline-block;
    float: left;
    width: 90px;
    height: 100%;
    margin: 0 10px 0 0;
    border: 1px solid #CCC;
    padding: 0;
    color: #ddd;
    text-align: center;
    cursor: pointer;
}
    #menu-member ul{
        -webkit-padding-start: 0px !important;
        margin-bottom: 0px !important;
    }
    .active-member-menu {
        background: #f48222;
    }
    .active-member-menu a {
        color: #fff;
    }
    .sosmed {
        text-align: center;
    }
    

    .slideshow-top-dinside .content-body,
    .content-right--dinside {
        padding-top: 0;
        padding-bottom: 20px;
    }
    .img-xs-300 {
        max-width: 300px;
        margin: 0 auto;
    }
    .content-image--dinside-secondary {
        padding: 15px 0px;
    }
    .xs-center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    #statistics {
        margin-bottom: 30px;
    }
    #statistics .content-title {
        padding-top: 20px;
    }
    #statistics .read-more {
        padding-top: 20px;
    }

    .register-teks{
        margin-top: 20px;
    }
    .center-box-member {
        margin-left: 0;
    }
    .sidebar-left-member {
         padding-right: 0;
    }
    .menu-member {
        margin-top: 5px;
    }
    /* Scrollbar */

.scrollbar {
  margin: 0 0 1em 0;
  height: 2px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #f48222;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

    .sidebar-member-right {
        padding-top: 30px;
    }
    .input-search-home {
        margin-bottom: 10px;
    }

    #header #footer {
        margin-top: 10px;
        padding-top: 20px;
        border-top: 2px solid #CCC;
    }
    .menu-responsive {
        display: block !important;
        margin: 0;
        position: fixed;
        top: 0;
        right: 15px;
        font-size: 16px;
        cursor: pointer;
    }
    .menu-responsive span {
        margin-left: 10px;
    }
    .wrapper-search,
    .wrapper-menu {
        height: 52px;
        float: left;
        padding-top: 15px;
        border-left: 1px solid #767077;
    }
    .wrapper-search {
        padding-right: 10px;
    }
    .wrapper-menu {
        padding-left: 3px;
    }
    .logo-image img {
        max-height: 36px;
        margin-top: 7px;
    }
    .content-image--dinside-top {
        padding-bottom: 20px;
    }
    .slideshow-top-ekonografik .content-body,
    .slideshow-top-ekonografik .content-body .content-title {
        padding-top: 0;
    }
    .slideshow-top-ekonografik .content-body {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .image-client-wrapper .list-inline li {
        width: auto;
    }
    .homepage-testimonial {
        margin-top: 15px;
    }
    .border-side {
        margin-bottom: 0;
        min-height: auto;
        border-right: none;
        box-shadow: none;
    }
    .slidebox {
        width: 100%;
        max-width: 100%;
    }
     .statistik-title-home{
        line-height: 25px;
    }
}

.mobile-margin-user{
    margin-top: 20px !important;
}

@media screen and (max-width: 720px) {
    .member-image{
        margin-top: 0px !important;
    }
    .body-mod a{
        font-size: 15px;


    }
    .body-mod .col-xs-5 ul{
        padding-top: 0px;
    }
    .body-mod h2{
        padding-top: 0px;
    }
    .header-mod h3{
        margin-top: 50px;

    }
    h5.media-heading.popular-title {
        line-height: 19px;
    }
    /*SEISMIK*/
#list-sismik .form-control {
    border-radius: 0px;
}
#list-sismik input#inputlg {
    padding: 0px 6px;
    font-size: 15px;
    color: black;
    height: 39px;
}
  table.table.table-sismik.table-condensed {
    
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table.table.table-sismik.table-condensed tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table.table.table-sismik.table-condensed th, table.table.table-sismik.table-condensed td {
    padding: 10px;
    text-align: center;
  }

  table.table.table-sismik.table-condensed th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }



    table.table.table-sismik.table-condensed {
      border: 0;
    }

    table.table.table-sismik.table-condensed thead {
      display: none;
    }

    table.table.table-sismik.table-condensed tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table.table.table-sismik.table-condensed td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table.table.table-sismik.table-condensed td:last-child {
      border-bottom: 0;
    }

    table.table.table-sismik.table-condensed td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
    .pakar-thumb {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pakar-thumb-detail {
        margin-left: 0px;
            margin-top: 20px;
        padding-bottom: 0px;
    }
    #biografi p {
        padding-left: 15px;
        padding-right: 15px;
  
    }
    #biografi h4,#biografi h5{
        padding-left: 0px;
    }
    #experience .year-ex {
        padding-left: 0px; 
    }
    #experience .detail-ex {
        margin-left: 0px;
    }

/*END SEISMIK*/
}

@media screen and (max-width: 588px) {
    .body-mod a {
        margin-left: 5px;
        background: #88c402;
        color: #fff;
        font-size: 12px;
        margin-bottom: 20px;
        padding-right: 20px;
    }
    .body-mod i.fa.fa-angle-right{
        font-size: 35px;
    }
    .body-mod .col-xs-5 ul li {
        font-size: 10px;
        color: #8b8b8b;
        padding-top: 13px;
    }
    .body-mod h2 {
    font-size: 20px;
        padding-left: 5px;
        line-height: 30px;

    }
    .header-mod p{
        padding-left: 5px;
    }
    .header-mod h3{
        padding-left: 5px;
    }
}

@media screen and (max-width: 570px) {
    .member-image{
        margin-top: 20px !important;
    }
    .menu-footer,
    .border-side {
        margin-bottom: 0;
    }
    #register-text {
        margin-top: 35px;
    }
    .register-teks {
        font-size: 22px;
    }
    .button-register {
        margin: 0 auto;
    }
    .register-benefit {
        margin-bottom: 35px;
        padding-left: 0;
    }
    #news-ekonografik .ekonografik-thumb {
        padding-bottom: 0;
    }
    #search.ekonografik-search {
        background: #1c3d6a !important;
    }
    .body-mod a{
        font-size: 9px;
    }
    .body-mod i.fa.fa-angle-right{
        font-size: 32px;
        top: -2px;
        right: 6px;
    }
}

@media screen and (max-width: 425px) {
    /*sementara ini untuk hidden mega menu di mobile*/
    #menu .mega .container-mega {
        display: none !important;
    }

    .submit-keyword-home{
        width: 100%;
    }

    #marketing .media {
        margin-bottom: 35px;
    }
    .slideshow-top {
        /*height: 40vh;*/
    }
    .carousel-caption {
        left: 1%;
        right: 1%;
    }
    #kanaldata #infografik {
        padding-top: 30px;
    }
    #showcase {
        height: 250px;
    }
    #marketing .contact {
        padding-bottom: 25px;
    }
    #marketing .section-heading {
        padding-bottom: 40px;
    }
    #showcase {
        height: 210px;
    }
    .member-image {
        margin-top: 40px !important;
    }
    #carousel-testimonial .item {
        height: 375px !important;
    }
    .body-mod a {
        font-size: 8px;
        padding-right: 10px;
        padding-left: 5px;
        margin-left: 0px;
    }
    .body-mod i.fa.fa-angle-right{
       display: none;
    }
    .header-mod h3{
        font-size: 15px;
        margin-top: 55px;
    }
    .body-mod h2{
        padding-top: 5px;
        font-size: 17px;
        line-height: 25px;

    }
    .body-mod .col-xs-5 ul{
        padding-top: 0px;
    }
    .statistik-terpopuler-content .media-body,
    .statistik-terpopuler-content .media-left,
    .statistik-terpopuler-content .media-right {
        vertical-align: top;
    }
}

@media screen and (max-width: 387px) {
    .body-mod a{
        font-size: 7px;
    }

    .header-mod p{
        font-size: 9px;
    }
    .header-mod h3{
        margin-top: 40px;
        font-size: 15px;
    }
    .body-mod .col-xs-5 ul{
        padding-top: 10px
    }
    .header-mod h3{
        padding-top: 0px;
    }
    .body-mod h2{
        padding-top: 0px;
          font-size: 15px;
    }
    .body-mod .col-xs-5 ul li{
        padding-top: 5px;
    }
}

@media screen and (max-width: 368px) {
    .body-mod a {
        font-size: 8px;
        padding-right: 10px;
        padding-left: 5px;
        margin-left: 0px;
    }
    .body-mod .col-xs-5 ul li{
        font-size: 8px;
    }
    .body-mod h2 {
        line-height: 20px;
    }
}

@media screen and (max-width: 346px) {
    .body-mod a {
        font-size: 8px;
        padding-right: 10px;
        padding-left: 5px;
        margin-left: 0px;
    }
    .header-mod h3{
        font-size: 14px;
    }
    .body-mod h2 {
        font-size: 14px;
    }
}

@media screen and (max-width: 329px) {
    .body-mod a {
        font-size: 8px;
        padding-right: 10px;
        padding-left: 5px;
        margin-left: 0px;
    }

}

/*TAG-DETAIL*/
#tag-detail .sidebar-inner {
    padding-bottom: 30px;
}

/*MENU MOBILE*/
#menu-mob .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
.statispage-teks ul li a:focus{
    color: #e1e3e4;
}
.navbar-toggle {
    color: #CCC;
}
#menu-mob .navbar-default .navbar-collapse,
#menu-mob .navbar-default .navbar-form {
    border: none;
}
#menu-mob .navbar-default .navbar-toggle:focus,
#menu-mob .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
#menu-mob .navbar-default .navbar-nav>.active>a,
#menu-mob .navbar-default .navbar-nav>.active>a:focus,
#menu-mob .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background:none;
}
#menu-mob .statispage-teks ul li a, .statispage-teks ul li a:hover, .statispage-teks ul li a:focus{
    color: #fff;
}
#menu-mob .nav li {
    padding-right: 15px;
}
#menu-mob .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background: none;
}
#menu-mob nav .navbar-nav li a {
   
        color: #fff;
    padding-left: 10px;
}
#menu-mob a {
    font-size: 13px;
}
#menu-mob .navbar-default {
    background: none;
    border: none;
}
#menu-mob button.navbar-toggle{
    border:none;
}
#menu-mob .navbar-default .navbar-nav>.open>a, #menu-mob .navbar-default .navbar-nav>.open>a:focus, #menu-mob .navbar-default .navbar-nav>.open>a:hover{
    background: none;
    color: none;
}
#menu-mob #footer{
    border:none;
}
#menu-mob .navbar-default .navbar-nav > li > a {
    color:#fff;
}
#menu-mob .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
#menu-mob .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
#menu-mob .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
    color:white;
}
#menu-mob .navbar-default {
    margin-bottom: 0px;
}
#menu-mob div#my-navbar-collapse{
    height: 100vh;
    margin-right: -15px;

    padding-left: 0;
}
#menu-mob .navbar-nav {
    margin: 0px -15px;
    padding-bottom: 30px;
}
#menu-mob #footer{
    margin-top: 0px;
}
#menu-mob body, .img-thumbnail, input#keywordsearch, input.keyword{
    background: #fff;
}
#menu-mob .body-menu {
    background: #4f4f4f;
        overflow-x: hidden;
}
.white{
    color:#fff;
}
#menu-mob div#my-navbar-collapse #footer{
    background:#696666;

}
#menu-mob button#ChangeToggle {
    padding-right: 15px;

}
#menu-mob .search-nav {
    padding-top: 15px;
    padding-bottom: 15px;
}
#menu-mob .logo-image img{
    padding-left: 15px;
}
#menu-mob > .container{
    padding-left: 0px;
    padding-right:0px;
}
#menu-mob .navbar-header{
    background: #002c41;
}
#menu-mob div#my-navbar-collapse button.btn.btn-default {
    padding-top: 6px;
    background-color: #eee;
}
#menu-mob footer#footer {
    font-size: 12px;
    line-height: 15px;
}
.navbar-button {
    margin-right: -15px;
}
.footer-on-header {
    padding-left: 0;
    padding-right: 0;
}
#years,
#months,
#days,
#gender{
    font-size: 12px;
}
/*END MENU MOBILE*/

.body-article-teks{
    font-size: 16px;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
     .header-topbar{
        padding-bottom: 0px;
    }
    div#detail-datapublish li.tag {
        margin-left: 1px;
    }
    .quotes-box .col-xs-12:first-child{
        border-bottom: 1px solid black;
        border-right: none;

    }
    .issue-page .main-title{
        padding-top: 50px;
    }
    .quotes-box .col-xs-12 {
       
        padding-left: 35px;
       
    }
}
@media screen and (min-width: 425px) {

    .d-inside-logo {
        padding-top: 10px;
    }

}

@media screen and (max-width: 375px) {
    .member-image {
        margin-top: 50px !important;
    }
    #carousel-testimonial .item {
        height: 450px !important;
    }
}

@media screen and (max-width: 320px) {
    #showcase {
        height: 150px;
    }

    .member-image {
        margin-top: 60px !important;
    }
    #menu-member ul li a {
        font-size: 11px;
    }
    .center-box-member {
        margin-top: 20px;
    }
}

/*MEMBER*/
#userprofile hr {
    margin-top: 20px;
    margin-bottom: 20px;
    /* border: 0; */
    border-top: 1px solid #ccc;
}
#userprofile ul.pagination-new li {
    display: inline;
    color: black;
    float: left;
    padding-right: 5px;
    text-decoration: none;
    margin-left: 0px;
    font-weight: bold;
    font-size: 1em;
}
#userprofile .form-horizontal {
    margin-bottom: 30px;
}

.member-title .title{
    color: #fff;
    font-size: 26px;
}

.status-member{
    color: #e9a716;
}

.member-image{
    margin-top: -75px;
}

.image-member{
    border: 5px solid lightgrey;
}

.separator-full{
    /*margin-top: 10px;*/
    /*border: 1px solid #d3d3d5;*/
    border: 1px solid lightgrey;
    margin-top: -1px;
    margin-bottom: 20px;
}
.menu-member {
    margin-top: 61px;
}
.scrollbar {
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}
.active-member-menu a {
    color: #fff;
}
.number-data-menu {
    text-align: center;
    font-size: 20px;
    color: #1f7eba;
}
.scrollbar .handle {
    width: 140px;
    height: 100%;
    background: #f48222;
    cursor: pointer;
}
#menu-member {
    height: 65px;
    line-height: 55px;
    overflow: hidden;
}
#menu-member ul li a{

     width: 140px;
      float: left;
    height: 100%;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    cursor: pointer;
}
#menu-member ul li{
  display: inline-block;
   border: 1px solid #CCC;
     width: 140px;
      float: left;
     
    height: 100%;
    margin: 0 10px 0 0;
 
    padding: 0;
    color: #ddd;
    text-align: center;
    cursor: pointer;
}
.mycollection{
    position: relative;
}
.badge {
      font-size: 11px;
    padding: 4px 6px;
    margin-top: 36px;
    margin-left: -92px;
    position: absolute;
    text-align: center;
    background: none;
}
#menu-member ul{
    -webkit-padding-start: 0px !important;
    margin-bottom: 0px !important;
}

.active-member-menu{
    border-bottom: 2px solid #ff9035 !important;
    background:#f58221;color:white;
}

.member-button{
    text-align: right;
}

.member-data{
    width: 49.109%;
    display: inline-block;
    border: 1px solid lightgrey;
    float: left;
}
.active-member-menu {
    background: #f48222;
}
.teks-data{
    font-size: 12px;
    color: #98989a;
    text-align: center;
}

.number-data{
    text-align: center;
    font-size: 20px;
    color: #1f7eba;
    margin-top: 10px;
}
/*SISMIK*/
.table-sismik thead th {
    border-left: none ;
    border-right: none ;
}
.table-sismik.table-condensed th ,.table-sismik.table-condensed td {
    border-bottom: 1px solid black;
}
.table-sismik.table-condensed td{
     padding-top:20px;
     padding-bottom: 20px;
} 
#list-sismik .form-control {
    border-radius: 0px;
}
#list-sismik input#inputlg {
    padding: 0px 6px;
    font-size: 15px;
    color: black;
    height: 39px;
}

.table>tbody>tr>td{
    border: 0px;
    padding-left: 0px;
}

.detail-info{
    border-bottom: 1px dotted lightgrey !important;
}

#tags-search {
    margin-top: 20px;
    margin-bottom: 20px;
}
.imageiconsearch{
    float: left;
    width: 10%;
    margin-right: 10px;
}
.boxsearch {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    background-color: #F5F5F6;
    float: left;
    width: 100%;
    border-radius: 10px;
}
.typenotfound {
    width: 100%;
    border: 0px;
    padding: 0px 5px;
    vertical-align: middle;
}
.iconsearch-small {
    width: 25px;
}
.inputnotfound {
    float: left;
    width: 95%;
    position: relative;
    border-bottom: 1px solid #000;
    border-top: 0px;
    height: 50%;
}
.inputnotfound:before {
    height: 8px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-left: 1px solid #000;
}
.inputnotfound:after {
    height: 8px;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    border-right: 1px solid #000;
}
.detail-tags {
    margin: 20px 0;
    margin-left: 15px;
}
.detail-tags .list-inline {
    margin-left: 0;
}
.tag {
    background: #E6E6E6;
    margin: 0 10px 10px 0;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #CCC;
}

.tag:hover {
    background: #EEE;
}
.tag a {
    color: #333;
}
.list-inline > li.tag {
    padding-right: 5px;
    padding-left: 5px;
}

.button-member{
    background-color: #f47a00;
    color: #fff;
    font-size: 12px;
}
.sidebar-password-member{
    margin-top:46px;
}
.change-password-row{
    margin-top:-40px;
}
.sidebar-member-right .our-marketing{
    padding-top: 0px;
    margin-top: 30px;
}
.center-box-member .form-group input {
    margin-bottom: 30px;
}
.member-title{
    margin-top: -100px;
}
.statistic.user-statistic{
    padding-left:10px;
}
.row.statistic-row.user-row {
    padding-top: 20px;
    padding-bottom: 20px;
}
.statistic.user-statistic .statistic-title{
    padding-bottom: 5px;
}
.row.statistic-row.user-row:nth-of-type(1){
    padding-top: 0px;
}

.marketing-collection{
    margin-top:13px;
}

.resend-activation{
    margin: 2px 0px !important;
    border-top: 1px solid #999 !important;
}

.border-bottom-message{
    border-top: 1px solid #999 !important;
}

.row-messages{
    margin-top: 15px;
}

.image-profile{
    margin-top: 15px;
}

.message-list{
    margin-left: -30px;
}

#menu-member ul li:first-child{
    padding-left: 0px !important;
}

.category-message{
    color: #1f7eba;
}

.send-date{
    color: #757575;
}

#reload-captcha {
    color: #777;
}

.copyright-detail{
    color: #333;
    font-size: 11px;
    font-weight: bold;
    margin-top: 2px;
}

.copyright-detail-row{
    margin-bottom: 15px;
    border-top: 1px solid #999;
    padding-top: 5px;
    /*padding-top: 15px;*/
    margin-top: 10px;
}

/* FOOTER NEW*/
.footer-contact {
  
    font-size: 15px;
    line-height: 23px;
}

.font-title-slider{
    font-size: 35px !important;
    /*line-height: 1.0em;*/
}

.font-desc-slider p{
    font-size: 25px !important;
}
/*PENGUMUMAN PEMENANG*/
.statispage-title{
   
    color: #f48222;
    border-bottom: 2px solid lightgrey;
    margin-bottom: 25px;
    padding-bottom: 12px;
}
.margintop15 {
    margin-top: 15px;
}
#page-wrapper .halaman {
    margin-bottom: 20px;
}
.main-content.halaman .body-article {
    padding-bottom: 50px;
}
.statispage-title.header-quiz {
    background: #636466;
    color: #f5f5f6;
    padding-top: 80px;
    padding-bottom: 20px;
    font-size: 35px;
    font-family: "Adelle-Regular";
}
.date-time-detail {
    /*padding-top: 7px;
    font-size: 12px;
    color:#909090;
    font-weight: bold;*/
    padding-top: 7px;
    font-size: 13px;
    color: #666;}
}

.sourcelink{
    word-wrap: break-word;
}

.opening-tag{
    font-family: "Adelle-Regular";
    font-size: 20px;
   text-transform: uppercase;
   font-weight: bold;
overflow: hidden;

}
.opening-tag > p > a{

     color: #5b5b5c;
     text-transform: lowercase;
     
}
.opening-tag > p{
    margin-bottom: 0px;
     color: #5b5b5c;
}
.halaman .chart{
    padding-left: 100px;
    padding-right:100px;
    padding-top: 50px;
}
.embed-chart{
     display: block;
     width: 100%;
     height: auto;
}
.halaman table >tbody td{
        border-bottom: 1px solid #b7b7b9;
}
.halaman table>thead th{
    border-bottom: 2px solid #5b5b5d;
}
.award-inf h4 {
  text-transform: uppercase;


}
.award-inf h4:nth-child(2) {
 text-transform: lowercase;
}
.award-inf{
     padding-top: 60px;
     padding-bottom: 30px;
     color: #737373;

}
.halaman table { 
    width: 100%; 
    border-collapse: collapse; 
    overflow: hidden;
    font-size: 20px;
    font-family: "Adelle-Regular";
    font-weight: bold;
}
.halaman table td{
        font-weight: normal;
        color: #737373;
}

.halaman td, .halaman th { 
    padding: 6px; 

    text-align: left; 
}
.halaman a{
     display:inline-block;
}
.header-quiz img{
        padding-right: 19px;
}
/*NAVIGASI JSSOR SLIDER*/

.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }

.catatan{
    text-align: right;
    font-size: 10px;
}

#company {
    padding-bottom: 20px;
}
.view-share .fb-like {
    padding-left: 10px;
    padding-top: 15px;
}

.statistik{
    min-height: 210px;
}

.paging-border{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-top: 25px;
    margin-bottom: 20px;
}

/* read more css*/
input.read-more-state {
  display: none;
}
p.read-more-target {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  /*transition: .25s ease;*/
}
input.read-more-state:checked ~ div.read-more-wrap p.read-more-target {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
}
input.read-more-state ~ .trigger-label label.read-more-trigger:before {
  content: 'SELENGKAPNYA';
  color: #5e7ca5;
  font-size: 12px;
}
input.read-more-state:checked ~ .trigger-label label.read-more-trigger:before {
  content: 'TAMPILKAN LEBIH SEDIKIT';
  color: #5e7ca5;
  font-size: 12px;
}
.trigger-label label.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #5e7ca5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.trigger-label{
    text-align: center;
}
/* end read more css */

.slide-samping{
    color: #777;
    padding: 0px 10px;
}

.border-sidebar{
    border : 1px solid #CCC;
    margin-bottom: 10px;
    padding: 5px;
}

/*.popular-tags .tags a{
    color: #616161 !important;
    background-color: #fff;
    border: 1px solid #cfd0d2;
    border-radius: 20px;
    padding: 5px 7px;
    font-size: 12px !important;
}*/

.popular-tags .tags a {
    color: #616161 !important;
    background-color: #fff;
    border: 1px solid #cfd0d2;
    border-radius: 5px;
    padding: 5px 9px;
    font-size: 12px !important;
}                        
.popular-tags .tags a {
    font-family: "Adelle";
    /* font-weight: bold; */
}                        
.popular-tags .tags a {
    font-size: 14px;
    color: #1a4f69;
    /* margin-right: 25px; */
    margin-right: 4px;
}

.top-terbaru-home{
    background-color: #fff;
    padding-top: 10px;
    margin-bottom: 0px;
}

.jssort11{
    top:-5px !important;
}

/*quickcount*/
.quickcount{
    margin-bottom: 50px;
    margin-top: 20px;
}

.quickcount .img-circle{
    max-width: 250px !important;
}

.quickcount table tr td {
    font-size: 35px;
    padding-top: 10px;
    padding-bottom: 15px;
    font-weight: bolder;
    color: #444;
    vertical-align: bottom;
}

.quickcount table tr th{
    font-size: 18px;
    padding: 10px 10px 10px 0px;
    /*text-align: center;*/
    color: #444;
}

.quickcount table, th, td{
    border:none;
    /*padding: 5px;*/
    margin-bottom: 5px;
}

.quickcount table{
    width: 100%;
    /*border:1px solid #f48222;*/
}

.quickcount{
    font-family: "Adelle-Regular", serif;
}

.quickcount table tr{
    /*border-bottom: 3px solid #f48222;*/
}

.quickcount .firstrow,.quickcount .lastrow{
    border:none;
}

.genap{
    background-color: #fff;
}

.quickcount .button-detail{
    margin-top: 25px;
    margin-bottom: 10px;
}

.lembaga-survey-qc{
    /*border:1px solid #f48222;*/
    padding:10px;
    margin-bottom:20px;
}

.button-detail a{
    border: 1px solid;
    padding: 10px;
    background-color: #f48222;
    color: #fff;
}

/*INFOMARK NEW*/
.infomark-new .advertiser-title{
    font-size: 18px;
}

.infomark-new .advertiser-summary,.infomark-new .advertiser-summary p{
    font-size: 12px;
}

.infomark-new .info-image{
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 15px;
}

.table-infowindow{
    font-size: 12px !important;
}

.title-infowindow{
    margin-top: 10px;
}

/*quickcount fix*/
.quickcount-text-table{
    background-color: #ffab00;
    color: #fff !important;
}



.quickcount-th,.table-quickcount tr td{
    font-family: "AdelleSans-Bold", serif;
}

.table-quickcount tbody tr{

    border-top:1px solid  #808080;
}
.table-quickcount tbody tr:last-child {
    border-bottom: 2px solid #808080;

}
.table-quickcount tr td{
    padding-bottom: 10px;
}

.undertable{
    font-family: "AdelleSans-Regular", serif;
    font-size: 12px;
}



.quickcount table tr th:first-child{
    font-size: 30px;
}

/*DATASET*/

.bgdataset{
    background-color: #fff;
    padding:20px 10px;
    /*box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);*/
    border:1px solid #eee;
    margin: 10px 0px; 
}

.dataset-item{
    border-bottom: 1px solid lightgrey;
    padding: 10px 0px;
}
.datasetinfo ul{
    list-style: none;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
}

.datasetinfo ul li{
    display: inline-block;
    font-size: 12px;
    font-weight: lighter;
    color: #777;
}

.datasetinfo ul li .titleinfo{
    color: #000;
}

.descdataset{
    font-size: 13px;
    color: #777;
    font-weight: lighter;
    line-height: 1.6em;
}

.juduldataset{
    margin: 5px 0px;
    font-weight: lighter;
    font-size: 16px;
}

.inputsearchdataset{
    border-radius: 0px;
}

.divsort{
    /*margin-top: 3px;*/
}

.divsort select{
    padding: 8px;
    border: 1px solid #ccc;
    height: 34px;
}

.divsort span{
    margin-right: 5px;
}

.descdetail{
    line-height: 1.7em;
}

.row-info{
    margin-bottom: 10px;
}

.logodownloaddataset ul li{
    text-decoration: none;
    list-style: none;
    display: inline-block;
    padding: 12px 15px 8px 15px;
    border: 1px solid darkgrey;
    border-radius: 25px;
    font-size: 20px;
}
.logodownloaddataset ul{
    -webkit-padding-start:0 !important;
    -moz-padding-start:0 !important;
}

.listdownloaddetail ul{
    -webkit-padding-start:0 !important;
    -moz-padding-start:0 !important;
}

.listdownloaddetail ul li{
    text-decoration: none;
    list-style: none;
    margin-bottom: 5px;
}

.listdownloaddetail ul li a,.listdownloaddetail ul li a:hover,.listdownloaddetail ul li a:focus{
    color: #1f95dd;
}

.listdownloaddetail ul li a:hover{
    text-decoration: underline;
}
.checkindustri{
    margin-right: 5px !important;
}

#boxsearch .nopadding-left{
    padding-left: 0px !important;
}
/*END DATASET*/

/*endquickcount*/
@media screen and (min-width: 1200px) {
    .nopadding-lg{
        padding: 0px !important;
    }

    .image-statistic{
        /*max-height: 175px;*/
        overflow: hidden;
    }
    .birtday {
        padding-left: 35px;
        padding-right: 0;
    }
}

#print-area{
    margin-top: 20px;
}


.button-logout{
    margin-top: 15px;
    /*background-color: #3d4144;*/
    color: #fff;
    font-size: 12px;
    margin-right: 3px;
}

.dropdown-menu{
    font-size: 12px !important;
    min-width: 120px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .custom-counter li{
        font-size: 12px !important;
    }
    #menu ul li a{
        font-size: 12px !important;
    }
    .embed-code .nav-tabs li a {
        font-size: 14px;
    }

    .image-statistic{
        /*max-height: 244px;*/
        overflow: hidden;
    }
    .statistik-terbaru-home {
        width: 720px;
    }
    .footer-logo img {
        max-width: 150px;
    }

}

.logo-survey{
    height: 70px; 
    margin: 4px 6px;
}

.title-pilkada-dki{
    font-weight: bolder;
    font-size: 26px;
}

.tagpopuler{
    color: #0e5ad0;
    font-size: 15px;
}

@media screen and (max-width: 767px){
    #boxsearch .nopadding-left{
        padding-left: 15px !important;
    }

    .divsort{
        margin-top: 10px;
    }

    .button-login-padding{
        padding-right: 25px;
    }
    .button-logout {
        margin-right: 15px;
    }
    .statispage-title{
        padding-top:50px;

    }
 
    .image-statistic{
        /*max-height: 320px;*/
        overflow: hidden;
    }
    .statistik-terbaru-home {
        margin-right: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .jssora22l, .jssora22r {
        width: 60px;
        height: 80px;
        color: #ababab;
    }
    .halaman .chart{
        padding-left: 0px;
        padding-right:0px;
    }
    .logo-pemenang {
        font-size: 20px;
    }
    .award-inf h4{
        font-size: 17px;
        font-weight: bold;
    }
    .opening-tag , .opening-tag > p > a {
        font-size: 15px;
    }
    .halaman table td{
        font-weight: bold;
    }
    .halaman .opening-tag{
        line-height: 20px;
    }
    .halaman table {
        font-size: 14px;
    }
    .font-title-slider{
        font-size: 55px !important;
        /*line-height: 1.0em;*/
    }
    .jokowi-page h3{
        padding-top: 30px;
    }
    .sidebar-left-member {
        padding-right: 12px;
        padding-top: 73px;
    }   
    .member-title .title{
        color: black;
    } 
    .statistic.user-statistic {
        padding-left: 0;
    }

    .slideshow-top-inner{
        margin-top: 40px;
    }
    .halaman tr:nth-of-type(odd) { 
        background: #eee; 
    }
    .halaman tr{
        border:1px solid #b7b7b9;
    }
    .ekono-border{
        border: 1px solid #CCC;
        padding: 2px;
        margin-bottom: 5px;
    }

    .content-image--ekonografik-small{
        margin-bottom: 0px !important;
    }

    .ekono-border-home{
        border: 1px solid #CCC;
        padding: 2px;
        margin-bottom: 20px;
    }

    .content-image .ekono-border-home{
        margin-bottom: 0px;
    }

}
@media 
    only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {


.halaman table, .halaman thead, .halaman tbody, .halaman th, .halaman td, .halaman tr { 
    display: block; 
}


.halaman thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}



.halaman td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
}

.halaman td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
}

/*
Label the data
*/
.halaman td:nth-of-type(1):before { content: "No"; }
.halaman td:nth-of-type(2):before { content: "Nama"; }
.halaman td:nth-of-type(3):before { content: "No Telpon"; }
.halaman td:nth-of-type(4):before { content: "Alamat Email"; }

}

@media screen and (max-width: 479px){
    .custom-counter li{
        font-size: 12px !important;
    }

    .image-statistic{
        /*max-height: 200px;*/
        overflow: hidden;
    }
    .jokowi-page h3{
        padding-top: 40px;
    }
    .content-image.mb-20 {
        padding-bottom: 20px;
    }
    .logo-pemenang {
        font-size: 15px;
    }
    .award-inf h4{
        font-size: 13px;
    }
    .opening-tag , .opening-tag > p > a {
        font-size: 13px;
    }
     .halaman table {
        font-size: 12px;
    }
       .detail-tags {
        margin-left: -5px;
    }


}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .iconfooter {
        display: inline-block;
        margin: 0 9px 15px 0;
        padding: 9px 8px 5px 8px;
        border: 1px solid #e2e3e4;
        border-radius: 20px;
        font-size: 14px;
        color: #e2e3e4;
    }
    .embed-code .nav-tabs li a {
        font-size: 14px;
    }
    .image-statistic{
        /*max-height: 109px;*/
        overflow: hidden;
    }
    .statistik-terbaru-home {
        width: 940px;
    }
}

.jcrop-handle.ord-n ,.jcrop-handle.ord-s,.jcrop-handle.ord-e,.jcrop-handle.ord-w,.jcrop-handle.ord-nw,.jcrop-handle.ord-ne,.jcrop-handle.ord-se,.jcrop-handle.ord-sw{
    padding: 3px !important;
}

.ads-center-belt {
    margin-bottom: -2px;
    padding: 30px 15px 0 15px;
}
.ads-bottom {
    background: transparent;
    padding-bottom: 20px;
}
.visible-xs-block .ads-bottom {
    background: transparent;
    padding-bottom: 10px;
}
.ads-top-banner.top-detail,
.visible-xs-block .ads-top-banner {
    padding-top: 20px;
}
.visible-xs-block .top-detail {
    padding-top: 70px;
    margin-bottom: -40px;
}
.cb1,
.cbm1,
.btm-home {
    background: #FFF;
}


.qc-text{
    /*background-color: #ffab00;*/
    /*padding: 10px;*/
    vertical-align: top;
}

.imagepaslon{
    max-width: 100px;
}

.quickcount-text-table{
    /*background-color: #ffab00;*/
    color: #fff !important;
    vertical-align: top;
    text-align: left;
    background-color: transparent;
}

@media screen and (max-width: 768px){
    #carousel-testimonial {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #print-area .main-title h4{
        margin-top: 40px;
    }

    #print-area .main-title h1{
        margin-top: 40px;
    }
}

/* small screen and up */
@media screen and (min-width: 768px){
    .col-content {
        width: 420px;
    }
    .col-content--pushed {
        left: 330px;
    }
    .col-sidebar {
        width: 330px;
    }
    .col-sidebar--pulled {
        right: 420px;
    }

}

/* medium screen and up */
@media screen and (min-width: 992px){
    .col-content {
        width: 640px;
    }
    .col-content--pushed {
        left: 330px;
    }
    .col-sidebar {
        width: 330px;
    }
    .col-sidebar--pulled {
        right: 640px;
    }
}

/* large screen and up */
@media screen and (min-width: 1200px){
    .col-content {
        width: 830px;
    }
    .col-content--pushed {
        left: 330px;
    }
    .col-sidebar {
        width: 330px;
    }
    .col-sidebar--pulled {
        right: 830px;
    }
}
@media screen and (max-width: 768px){
    .industry-title .title h1 {
        font-size: 26px;
    }
    .huge{
        font-size: 31px;
        padding-top: 27px;
    }
    .mega{
        font-size: 12px !important;
    }
    .top-terbaru-home{
        padding-top: 20px;
    }

    /*quickcount per lembaga*/
    .quickcount{
        margin-bottom: 50px;
    }

    .quickcount .img-circle{
        max-width: 250px !important;
    }

    .quickcount table tr td {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 15px;
        padding-left: 15px;
        font-weight: bolder;
        color: #444;
        vertical-align: bottom;
    }

    .quickcount table tr th{
        font-size: 18px;
        /*padding: 10px;*/
        /*text-align: center;*/
        color: #444;
    }

    .quickcount table, th, td{
        border:none;
        /*padding: 5px;*/
        margin-bottom: 5px;
    }

    .quickcount table{
        width: 100%;
        /*border:1px solid #f48222;*/
    }

    .quickcount{
        font-family: "Adelle-Regular", serif;
    }

    .quickcount table tr{
        /*border-bottom: 3px solid #f48222;*/
    }

    .quickcount .firstrow,.quickcount .lastrow{
        /*border:none;*/
    }

    .genap{
        background-color: #fff;
    }

    .quickcount .button-detail{
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .lembaga-survey-qc{
        /*border:1px solid #f48222;*/
        padding:10px;
        margin-bottom:20px;
    }

    .button-detail a{
        border: 1px solid;
        padding: 10px;
        background-color: #f48222;
        color: #fff;
    }

    .quickcount-text-table {
        /*background-color: #ffab00;*/
        color: #fff !important;
        padding: 7px 15px;
        font-size: 20px;
    }

    .quickcount-th,.table-quickcount tr td{
        font-family: "Adelle-Bold", serif;
    }

    .table-quickcount tr{
        /*border-bottom:1px solid #ffab00;*/
        /*border-top:1px solid #ffab00;*/
    };

    .table-quickcount tr td{
        padding-bottom: 10px;
    }

    .table-quickcount th{
        padding: 5px;
    }

    .table-wrapper{
        padding: 5px 0px 5px 0px;
    }

    .undertable{
        font-family: "AdelleSans-Regular", serif;
        font-size: 12px;
    }

    .undertable .col-xs-12{
        margin-top: 15px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .table-quickcount tbody tr .text-center{
        font-size: 26px !important;
    }

    .button-wilayah{
        background-color: #f68121;
        padding: 6px 15px 8px 15px;
        color: #fff;
    }

    .quickcount table tr th:first-child{
        font-size: 20px;
    }

    .text-title-qc{
        font-size: 20px !important;
        line-height: 1.2em;
    }
    /*endquickcount*/
}
@media screen and (max-width: 425px){
 .list-inline>li{
        padding-left: 0px;
    }
    .statistik-title-home{
        line-height: 25px;
    }
    .header-topbar {
        padding-bottom: 50px;
    }

    .title-count {
        padding-top: 10px;
        font-size: 18px;
        text-transform: uppercase;
        color: #484848;
    }
    .huge{
        font-size: 17px;
        padding-top: 14px;
    }
    .panel-heading img{
        width: 50px;
        height: 50px;
    }
    .panel-col{
        padding: 0px 5px;
    }
    .panel {
        margin-top: 8px;
    }
    .panel-red > .panel-heading
    ,.panel-green > .panel-heading
    ,.panel-yellow > .panel-heading
     {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .issue-page .page-statis-title {
        left: 75px;
        top: 50px;
    }
}
@media screen and (max-width: 360px){
    .issue-page .page-statis-title {
        left: 60px;
        top: 50px;
    }

}
/* very small screen */
@media screen and (max-width: 320px){
    .ads-center-belt {
        padding: 30px 0 0 0;
    }
    .issue-page .page-statis-title {
        left: 35px;
    }
    .issue-page .useravatar {
        width: 61px;
        height: 61px;
        max-width: 61px;
        max-height: 61px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid #fff;
    }
    .issue-page .main-title {
        padding-top: 50px;
    }

}