.login_title {margin-bottom: 20px; margin-top: 10px}
/* .navbar-brand-box .kab {font-size: 17px !important; color: #333;} */
/* .vertical-menu {top: 0 !important;} */

/* logo desktop */
.navbar-brand-box {

}

.logo_spaner {
    padding: 0 0 0 60px !important;
    text-align: left !important;
    background-image: url("../images/home-logo.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 10px !important;
}

.navbar-brand-box .pemda {
    padding-top: 5px;
    font-size: 18px;
    color: #fff;
}
.navbar-brand-box .nisel {
    font-size: 22px;
    color: #fff;
}

.navbar-brand-box .pemda a, .nisel a {
    color: #fff;
    font-weight: bold;
}
/* logo desktop */

#logo-homepage-mobile {
    padding-top:15px;
    padding-left:55px;
    width: 80% !important;
    float: left;
    text-align: left !important;
    /* background: #000; */
    background-image: url("../images/home-logo.png");
    background-repeat: no-repeat;
    background-position: 0px 10px;
}

#logo-homepage-mobile .pemda_mobile {
    padding-top: 0;
    font-size: 12px;
    color: #fff;
}
#logo-homepage-mobile .nisel_mobile {
    font-size: 13px;
    color: #fff;
}

#logo-homepage-mobile .pemda_mobile a, .nisel_mobile a {
    color: #fff;
    font-weight: bold;
}

/* Custom UL */
.ul_left_align {margin:0; padding:0 0 0 15px;}

/* kinjeng */
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {
    display: block;
    /* left: 70px; */
    position: absolute;
    width: 190px !important;
    height: auto !important;
    -webkit-box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1);
    box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1);
}

/* scroller table */
#sc_table_ami_prodi_progress {
    /* max-width: 700px; */
    max-width: 100%;
    max-height: 700px;
    overflow: scroll;
    position: relative;
}

#table_ami_prodi_progress {
    position: relative;
    width: 3400px !important;
    /* border-collapse: collapse; */
}

#table_ami_prodi_progress thead tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #ccc;
    /* color: #FFF; */
    z-index: 10;
}

#table_ami_prodi_progress thead th.hc1  {
    width: 10px !important;
    left: 0;
    z-index: 15;
}

#table_ami_prodi_progress thead th.hc2  {
    left: 50px;
    z-index: 15;
}

#table_ami_prodi_progress thead th.hc_progress  {
    left: 316px;
    width: 150px;
    z-index: 15;
}

#table_ami_prodi_progress thead th.hc4  {
    top: 47px !important ;
}

#table_ami_prodi_progress tbody td.hcf  {
    position: -webkit-sticky;
    position: sticky;
    top: 0 !important ;
    left: 0 !important;
}

#table_ami_prodi_progress tbody td.sc1 {
    left: 0;
    position: sticky;
    background:  #abb2b9;
}

#table_ami_prodi_progress tbody td.sc2 {
    left: 50px;
    width: 210px;
    position: sticky;
    background:  #e5e8e8;
    /* color: #333; */
}

#table_ami_prodi_progress tbody td.sc_progress {
    left: 316px;
    width: 150px;
    position: sticky;
    background:  #ffffff;
    /* color: #333; */
}

/* keterangan table prodi */
table.indikator_info_prodi {}
table.indikator_info_prodi th {vertical-align: top !important;}
table.indikator_info_prodi th p {margin-bottom: 2px;}
table.indikator_info_prodi td p {margin-bottom: 2px;}


.bg-upn {
    background-image: url("../images/blur.png");
    background-size: cover;
    background-position: center;
}