.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-border {
    border: none;
}

.row-smaller {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.row-smaller > div[class^="col"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.navbar-image {
    margin: 5px;
}

.navbar-text {
    color: #fff;
}

.navbar-text.hidden-lg {
    /* margin-right: 15px; */
    margin-right: 5px;
}

.navbar-title {
    /* font-size: 20px; */
    line-height: 50px;
    font-weight: bold;
}

/* hide chevron on sidebar menu links */
.sidebar-menu a .pull-right-container {
    display: none;
}

.sidebar-menu.tree li li.active > a {
    color: #8aa4af !important;
}

.home .alert-success .icon {
    display: none;
}

.ibfsigi.index .alert h4 {
    margin:0;
    font-weight:normal;
}

.ibfsigi.index .box-prakicu {
    position: relative;
    /* min-height: 329px; */
    min-height: 300px;
}

.ibfsigi.index .box-prakicu .no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 271px;
}

.ibfsigi.index .box-prakicu.argv2 {
    position: relative;
    min-height: 234px;
}

.ibfsigi.index .box-prakicu.argv2 .no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 198px;
}

.box-prakicu.argv2 .details {
    font-size: 16px;
    min-height: 178px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ibfsigi.index .box-prakicu .box-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.site-about .box {
    min-height: 500px;
}

.site-about .box-body ul {
    list-style: square
}

.kulawi .box-prakicu,
.doloselatan .box-prakicu,
.dolobarat .box-prakicu {
    position: relative;
    /* min-height: 381px; */
    min-height: 320px;
}

/* /doloselatan/sambo */
.box-prakicu-horizontal {
    min-height: auto !important;
}

.box-prakicu.inside {
    margin-bottom: 0;
}

.box-prakicu.now.inside {
    border-width: 3px !important;
}

.box-prakicu.inside h4 {
    margin-top: 24px;
    font-size: 16px;
}

.box-prakicu.inside .box-footer .alert {
    font-size: 10px !important;
    word-break: break-all;
}

.doloselatan.poi .col-md-4 .box-prakicu-text {
    min-height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kulawi .box-prakicu .no-data,
.doloselatan .box-prakicu .no-data,
.dolobarat .box-prakicu .no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-height: 341px; */
    min-height: 280px;
}

.kulawi .box-prakicu .box-footer,
.doloselatan .box-prakicu .box-footer,
.dolobarat .box-prakicu .box-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.kulawi:not(.prakicu) .alert,
.doloselatan:not(.prakicu) .alert,
.dolobarat:not(.prakicu) .alert,
.kulawi:not(.prakicu) .box-prakicu-text,
.doloselatan:not(.prakicu) .box-prakicu-text,
.dolobarat:not(.prakicu) .box-prakicu-text {
    font-size: 16px;
}

.kulawi:not(.prakicu) .prakicu-details,
.doloselatan:not(.prakicu) .prakicu-details,
.dolobarat:not(.prakicu) .prakicu-details {
    /* font-size: 16px; */
    font-size: 18px;
}

/* :not(.sidebar-collapse) is when sidebar menu is visible */

.ibfsigi.index:not(.sidebar-collapse) .box-prakicu:not(.argv2) {
    /* min-height: 297px; */
    /* min-height: 285px; */
    min-height: 277px;
}

.ibfsigi.index:not(.sidebar-collapse) .box-prakicu:not(.argv2) .no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 239px;
}

.ibfsigi.index:not(.sidebar-collapse) .box-prakicu .box-title {
    font-size: 14px;
}

.ibfsigi.index:not(.sidebar-collapse) .box-prakicu .prakicu-image {
    width: 96px;
}

.ibfsigi.index .box-prakicu:not(.argv2) .box-header {
    min-height: 56px;
}

.ibfsigi.index .box-prakicu:not(.argv2) .prakicu-details li {
    display: none;
}

.ibfsigi.index .box-prakicu.argv2 .prakicu-details li h4 {
    margin-top: 0;
}

.box-prakicu .box-title,
.box-chart .box-title,
.box-content .box-title {
    display: block;
}

.box-prakicu .prakicu-details {
    padding: 0;
    margin: 0;
}

.box-prakicu .prakicu-details li {
    list-style: none;
}

.kulawi:not(.prakicu) .box-prakicu .prakicu-details li,
.doloselatan:not(.prakicu) .box-prakicu .prakicu-details li,
.dolobarat:not(.prakicu) .box-prakicu .prakicu-details li {
    display: inline;
}

.box-prakicu.past {
    opacity: 0.6;
}

.box-prakicu.now {
    border-width: 5px !important;
}

.prakicu .box-prakicu {
    /* min-height: 377px; */
    min-height: 360px;
    position: relative;
}

.prakicu .box-prakicu .box-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.kulawi .box-prakicu .weather-forecast,
.doloselatan .box-prakicu .weather-forecast,
.dolobarat .box-prakicu .weather-forecast {
    margin-top: 10px;
    /* font-weight: bold; */
    font-size: 24px;
}

.box-prakicu .alert {
    margin: 0;
    padding: 10px;
    font-weight: bold;
}

.ibfsigi.index .box-prakicu .alert {
    font-size: 14px;
}

.kulawi:not(.prakicu) .box-prakicu .alert,
.doloselatan:not(.prakicu) .box-prakicu .alert,
.dolobarat:not(.prakicu) .box-prakicu .alert {
    font-size: 20px;
}

.alert-status-final {
    padding: 15px;
    font-weight: bold;
}

.alert-heading {
    padding: 10px;
}

.alert-waspada {
    background-color: yellow;
}

.alert-info-light {
    /* color: #0c5460; */
    /* background-color: #d1ecf1; */
    /* border-color: #bee5eb; */
    color: #fff;
    background-color: #3c8cbb;
    border-color: #3c8cbb;
}

.alert-warning-light {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

/* ARG V2 category alerts */
.alert-tidak-hujan {
    background-color: #B3FFAA;
}

.alert-hujan-ringan {
    background-color: #E0F1FF;
}

.alert-hujan-sedang {
    background-color: #7FC7FF;
}

.alert-hujan-lebat {
    background-color: #30A5FF;
}

.alert-hujan-sangat-lebat {
    background-color: #0090FF;
}

.row.peringatan-dini {
    margin-bottom: 20px;
}

.peringatan-dini h4 {
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.peringatan-dini h4 span {
    background-image: url(../img/warning.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: center center;
    position: relative;
    display: block;
    height: 40px;
}

.peringatan-dini-head {
    background: #ed7b01;
    /* border-right: 2px solid #fff; */
    height: 95px;
    overflow: hidden;
    /* box-shadow: #ddd -1px 2px 1px; */
}

.peringatan-dini-bg {
	background: #ffa500;
	padding: 10px;
	color: #111;
	font-size: 13px;
	height: 95px;
	overflow: auto;
	/* box-shadow: #ddd -1px 2px 1px; */
}

.box-chh h4 {
    line-height: 34px;
}

.box-chh table {
    margin: 10px 0;
}

.box-arg-ch .prakicu-details {
    line-height: 33px;
}

.box-arg-ch h4 {
    margin-top: 0;
}

.box-arg-ch table {
    table-layout: fixed;
    margin: 0;
}

.box-arg-ch table tr th {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

.box-arg-ch table tr td {
    padding: 0 5px;
    border: none;
}

.box-arg-ch table tr td h4 {
    display: inline;
    line-height: 33px;
    margin: 0;
}

.box-arg-ch table form input.hasDatepicker {
    width: 100px;
}

.navbar-nav .dropdown-menu.language-switcher li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #777 !important;
    white-space: nowrap;
}

.navbar-nav .dropdown-menu.language-switcher li a:hover {
    background-color: #e1e3e9 !important;
    color: #333;
}

.sidebar-menu.inline {
    margin-bottom: 20px;
}

.sidebar-menu.inline > li.active > a {
    background: #367fa9;
}

.sidebar-menu.inline > li > .treeview-menu {
    background: #3c8dbc;
}

.sidebar-menu.inline .treeview-menu > li > a {
    color: #fff;
}

/* maritim dashboard styles */
.maritim .alert h4 {
    margin: 0;
    font-weight: normal;
    text-transform: capitalize;
}

.maritim .alert-heading {
    font-size: 16px;
}

.maritim .box-perairan {
    margin: 0;
    margin-bottom: 10px;
    min-height: 172px;
}

.maritim .box-perairan .no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 157px;
}

.maritim .box-perairan .box-body {
    /* min-height: 90px; */
    min-height: 85px;
}

.maritim .box-perairan .box-footer h3 {
    /* margin-top: 10px; */
    margin: 0;
}

.maritim .box-perairan .box-footer h5 {
    /* margin: 3px 0; */
    margin: 0;
    margin-top: 5px;
}

/* scale for smaller 720p display screen */
/* override from 20px */
.maritim .alert {
    margin-bottom: 10px;
}

.maritim .alert-info-light {
    padding: 10px;
}

.maritim .box {
    margin-bottom: 10px;
}

.maritim .peringatan-dini-head,
.maritim .peringatan-dini-bg {
    height: 80px;
}

.maritim .peringatan-dini-bg {
    font-size: 16px;
}

.maritim .peringatan-dini.maritim h4 {
    font-size: 12px;
    padding-top: 0;
    margin: 6px 0;
}

.maritim .peringatan-dini h4 {
    padding: 2px 0;
}

.bg-calm {
    /* color: #fff; */
    color: #000;
    background-color: #2793F2;
    border-color: #2793F2;
}

.bg-low {
    /* color: #fff; */
    color: #000;
    background-color: #00D342;
    border-color: #00D342;
}

.bg-medium {
    /* color: #fff; */
    color: #000;
    background-color: #FFF200;
    border-color: #FFF200;
}

.bg-high {
    /* color: #fff; */
    color: #000;
    background-color: #FD8436;
    border-color: #FD8436;
}

.bg-veryhigh {
    /* color: #fff; */
    color: #000;
    background-color: #E3434D;
    border-color: #E3434D;
}

.bg-extreme {
    /* color: #fff; */
    color: #000;
    background-color: #EF38CE;
    border-color: #EF38CE;
}

.maritim .box-prakicu.inside {
    min-height: 234px;
    margin-bottom: 9px;
}

/* scale for smaller 720p display screen */
.maritim .box-prakicu.inside p.text-center {
    margin-bottom: 0;
}

.maritim .box-prakicu.inside h4.text-center {
    margin-top: 5px;
    margin-bottom: 0;
} 

.maritim .box-prakicu.inside .box-footer .alert {
    font-size: 14px !important;
    margin-bottom: 0;
}

.maritim .box.box-solid.box-default > .box-header,
.maritim .peringatan-dini-head.no-warning {
    background-color: #AFB7C5;
}

.maritim .peringatan-dini-head.no-warning h4 {
    color: #444;
}

.maritim .peringatan-dini-bg.no-warning {
    background-color: #d2d6de;
}

/* larger than minimum desktop device (lg) width */
@media(min-width: 1280px) {
    /* 8 columns only on large screens, less than 1280px shows 6 columns */
    .ibfsigi.index .col-md-2.smaller {
        width: 12.5%;
    }
}

@media(min-width: 1245px) {
    .maritim .box-prakicu.inside {
        min-height: 198px;
    }
}

/* minimum desktop device width */
@media(min-width: 992px) {
    .box-prakicu.inside {
        min-height: 260px;
        margin: 0;
        overflow: hidden;
    }

    .box-prakicu.inside .box-footer .alert span {
        margin-left: -1px;
    }

    .box-prakicu.inside.now .text-center,
    .box-prakicu.inside.now .box-footer .alert span {
        margin-left: -2px;
    }

    .site-about {
        font-size: 1.2em;
    }
}

/* up to max tablet device (sm) width */
@media(max-width: 991px) {
    .ibfsigi.index .box-prakicu:not(.argv2) .box-header {
        min-height: initial;
    }

    .ibfsigi.index:not(.sidebar-collapse) .box-prakicu:not(.argv2) {
        min-height: 256px;
    }

    .ibfsigi.index .box-prakicu {
        min-height: 284px;
    }

    .box-prakicu.inside,
    .doloselatan.poi .col-md-4 .box-prakicu-text {
        min-height: 218px;
    }

    .box-prakicu.inside h4 {
        margin-top: inherit;
    }

    .box-prakicu.inside .box-footer .alert {
        font-size: 14px !important;
    }

    .maritim .box-prakicu.inside {
        min-height: 208px;
    }

    .site.about .page-title {
        float: none !important;
    }
}

/* up to max mobile device (xs) width */
@media(max-width: 767px) {
    /* chart.js scrollable x-axis on on smaller screens < tablets */
    .box-body.chartjs-scroll-x {
        overflow-x: scroll;
    }

    .box-body.chartjs-scroll-x > div {
        position: relative;
        width: 1200px;
    }

    .box-prakicu.inside {
        min-height: 260px;
    }
}

/* for even smaller mobile screen width */
@media(max-width: 700px) {
    /* push final status alert down since the navbar may block it on small screens */
    /* .doloselatan:not(.prakicu) .alert-status-final,
    .dolobarat:not(.prakicu) .alert-status-final,
    .kulawi:not(.prakicu) .alert-status-final,
    .site.about .page-title {
        margin-top: 55px;
    } */
}

@media(max-width: 629px) {
    .maritim .box-prakicu.inside {
        min-height: 226px;
    }
}