/* jssor slider arrow navigator skin 02 css */
/*
.jssora02l                  (normal)
.jssora02r                  (normal)
.jssora02l:hover            (normal mouseover)
.jssora02r:hover            (normal mouseover)
.jssora02l.jssora02ldn      (mousedown)
.jssora02r.jssora02rdn      (mousedown)
*/

.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }

/* jssor slider thumbnail navigator skin 03 css */
/*.carousel
.jssort03 .p            (normal)
.jssort03 .p:hover      (normal mouseover)
.jssort03 .pav          (active)
.jssort03 .pdn          (mousedown)
*/

.jssort03 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 124px;
    height: 84px;
}

.jssort03 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort03 .w, .jssort03 .pav:hover .w {
    position: absolute;
    width: 120px;
    height: 84px;
    border: white 1px dashed;
    box-sizing: content-box;
}

.jssort03 .pdn .w, .jssort03 .pav .w {
    border-style: solid;
}

.jssort03 .c {
    position: absolute;
    top: 0;
    left: 0;
    width: 124px;
    height: 84px;
    background-color: #000;

    filter: alpha(opacity=45);
    opacity: .45;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
}

.jssort03 .p:hover .c, .jssort03 .pav .c {
    filter: alpha(opacity=0);
    opacity: 0;
}

.jssort03 .p:hover .c {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

* html .jssort03 .w {
    width /**/: 124px;
    height /**/: 84px;
}

    /*jssor slider bullet skin 072 css*/
.jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb072 .i .b {fill:#fff;opacity:.3;}
.jssorb072 .i:hover {opacity:.7;}
.jssorb072 .iav {color:#fff;}
.jssorb072 .iav .b {fill:#000;opacity:.5;}
.jssorb072 .i.idn {opacity:.3;}

/*jssor slider arrow skin 073 css*/
.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 057 css*/
.jssorb057 .i {position:absolute;cursor:pointer;}
.jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb057 .i:hover .b {stroke-opacity:.7;}
.jssorb057 .iav .b {stroke-opacity: 1;}
.jssorb057 .i.idn {opacity:.3;}

div.link-container {
    margin-bottom: 20px;
}

span.link-name {
    position: absolute;
    width: 100%;
    z-index: 9;
    bottom: 2px;
    right: 2px;
    background-color: rgba(255,255,255,0.9);
    font-size: 1.2em;
    padding: 2px;
    color: black;
}
* {
}

.main-header .navbar {
    background-color: transparent !important;
    /*background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.2)) !important;*/
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8)) !important;
    border-bottom: 3px solid #295ca3;
}

.navbar-header>a, ul.nav.navbar-nav>li>a {
    color: black !important;
}

.carousel-caption {
    top: 0px !important;
}

.carousel{
    /*ideals 1234 x 310*/
    width:100%; 
    height:55vh;
    overflow:hidden
}

mark {
    padding: 0px !important;
    background-color: #a1d6f7 !important;
}

div.box-cloud-title {
    position: absolute;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));
    float: left;
    top: -45px;
    padding: 12px;
    padding-top: 15px;
    padding-bottom: 10px;
    /*margin-left: -10px;*/
    border-radius: 10px 0px 0px 0px;
    /*border-top: 2px solid #fff;*/
    min-width: 100%;
}

div.box.box-cloud {
    margin-top: 35px !important;
    background-color: rgba(255, 255, 255, 0.95);
    /*#b3c5e2, */
    /*background-image: radial-gradient(45deg, #4faadf, 
        transparent, transparent, 
        transparent, transparent, 
        transparent, transparent, 
        transparent, transparent, 
        transparent, transparent, 
        transparent, transparent, 
        #706bbb) !important;*/
    background-image: radial-gradient(transparent 90%, #4faadf);
    border-top: 2px solid #fff;
}

.title-berita {
    max-height: 5rem;
    overflow: hidden;
}

.date div.day,.date div.month,.date div.year{
    display: inline-block;
    vertical-align: middle;
    border:1px solid #00c0ef;
    /*height: 40px;*/
    height: 3rem;
}
.date div.day{
    font-size: 1.5em;
    padding: 0px 5px;
    background-color: #00c0ef;
    color: #ffffff;
    border-radius: 5px 0px 0px 5px;
}
.date div.month{
    font-size: 1.5em;
    margin-left: 0px;
    padding: 0px 15px;
    background-color: #efefef;
}
.date div.year{
    font-size: 1.5em;
    margin-left: 0px;
    padding: 0px 15px;
    background-color: #7fd77d;
    border-radius: 0px 5px 5px 0px ;
}

div.item-contact {
    margin-bottom: 2px;    
}

div.item-contact .icon {
    font-size: 1.2em;
    display: inline-block;
}

div.item-contact .title {
    display: inline-block;
}

div.icon-link {
    display: inline-block;
    min-width: 10rem;
    min-height: 15rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    margin:  5px;
    text-align: center;
}

div.icon-link a {
    color: black;
    text-decoration: none;
}

div.icon-link:hover {
    background-color: #30bbbb;
}

div.icon-link:hover a {
    color: white;
}

div.icon-link img {
    height: 120px;
    width: auto;
}

div.icon-link span {
    display: block;
}

div.small-box {
    background-image: linear-gradient(315deg, white, transparent) !important;
}

:root {
  --animate-duration: 900ms;
  --animate-delay: 1.7s;
}

.open-url {
    cursor: pointer;
}

.info-box span.info-box-icon{
    padding-top: 10px !important;
    font-size: 100% !important;
}

.info-box-text {
    white-space: normal !important;
    overflow: show;
    font-size: 1.4em;
    line-height: 1.3em;
    max-height: 8rem;
}

.cloud-shade {
    background-image: linear-gradient(45deg, #4faadf, #b3c5e2, transparent, transparent, #706bbb) !important;
}

.shade-grad-1 {
    background-image: linear-gradient(135deg, white, transparent, transparent) !important; 
    /*, #00a7d0*/
    background-color: #57a7da;
}

.shade-grad-2 {
    background-image: linear-gradient(135deg, white, transparent, transparent) !important; 
    /*, #00a7d0*/
}

.info-box-icon {
    background: rgba(255, 255, 255, 0.2);
}


.kustom-header {
    /*padding-top: 20px;*/
    /*color: #337ab7;*/
    /*font-size: 1.5em !important;*/
}

/*.kustom-header i, .kustom-header img {
    position: relative;
    font-size: 2.5rem;
    top: 20px;
    left: 15px;
}*/

@media (min-width: 992px) {
    .kustom-body .col-md-2 {
        width: 16.56% !important;
    } 
    .kustom-body .one-fifth {
        width: 19.8% !important;
    }
    .kustom-body .col-md-3 {
        width: 24.8% !important;
    } 
    .kustom-body .col-md-4 {
        width: 33.13% !important;
    }
}

.kustom-body .col-md-3, .kustom-body .col-md-2, .kustom-body .col-md-4 {
    padding-right: 7px;
    padding-left: 7px;
}

.dalamangka>button>i, .dalamangka>button>img {
    font-size: 3.5rem !important;
    height: 35px;
    position: absolute;
    left: 6%;
    top: 10%;
}

button>img {
    vertical-align: text-bottom;
}

.dalamangka>button>p.nilai {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0px;
}

.btn-show-data, .btn-show-chart, .btn-show-default, .btn-show-table{
    cursor: pointer;
}

.btn-show-chart:hover, .btn-show-default:hover, .btn-show-table:hover{
    background-color: lightskyblue  ;
}

.custom-col {
    display: inline-block;
    float:  none;
    margin-left: 0px;
    margin-right: 0px;
}

.poll-title {
    text-align: center;
    border-top: 1px solid #31bbbb;
    border-bottom: 1px solid #31bbbb;
    background-color: #b3e6e6;
    cursor: pointer;
}

.poll-option {
    display: block;
    border: 1px solid #39bebe;
    border-radius: 3px;
    margin: 3px;
    padding: 5px;
    text-align: center;
    font-size: 1.1em;
    cursor: pointer;
}

.poll-option:hover {
    color: white;
    background-color: #39bebe;
}

.poll-chart {
    min-height: 240px;
}