/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 17, 2019, 10:58:53 AM
    Author     : ADIT
*/

.nav-dropdown{
    /* top: 75px !important; */
    top: 65px !important;
}
.bg-rpjmd-tahun, .bg-renstra-tahun{
    background-color: #e6e6e6 !important;
}
.bg-rpjmd-visi{
    background-color: #ffe6e6 !important;
}
.bg-rpjmd-misi{
    background-color: #d9f2e6 !important;
}
.bg-rpjmd-tujuan{
    background-color: #cce6ff !important;
}
.bg-rpjmd-sasaran{
    background-color: #ffffcc !important;
}
.bg-renstra-visi{
    background-color: #e6e6e6 !important;
}
.bg-renstra-misi{
    background-color: #e6e6e6 !important;
}
.bg-renstra-tujuan{
    background-color: #c2d6d6 !important;
}
.bg-renstra-sasaran{
    background-color: #ffd699 !important;
}
.bg-rpjmd-program, .bg-renstra-program{
    background-color: #b2bae6 !important;
}
.bg-rpjmd-kegiatan, .bg-renstra-kegiatan{
    background-color: #bbe896 !important;
}
.bg-rpjmd-subkegiatan, .bg-renstra-subkegiatan{
    background-color: #ffccff !important;
}

/*header bar*/
.app-header {
    background:#009933 !important;
}
/*nav bar*/
.horizontal-main, .login-img {
    background: linear-gradient(#00cc44,#79d2a6) !important;
}
.horizontalMenu > .horizontalMenu-list > li > a.active, .horizontalMenu > .horizontalMenu-list > li :hover {
    background: #009900 !important;
    color: #fff !important;
}
.horizontalMenu > .horizontalMenu-list > li > a {
    color: #fff !important;
}
/*dropdown nav bar*/
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {    
    background: linear-gradient(#fff,#fff) !important;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #000 !important;
}
/*icon back to top*/
#back-to-top {
    background: #fff08b !important;
    color: #009900 !important;
    border-radius: 50%;
}
.btn-gradient-primary {
    background: #009900 !important;
    color: #fff !important;
}
.btn-primary {
    background: #009900 !important;
    color: #fff !important;    
}

.fs-20 {
    font-size: 20px !important;
}

.running-text {
    position: relative;
    height: 30px;
    overflow: hidden;
    width: 100%;
    background: #FFB534;
    display: flex;
}
.running-text ol {
    display: flex;
    align-items: center;
}
.running-text ol li {
    margin-right: 20px;
}

.running-text .text {
    position: absolute;
    padding: 0;
    width: max-content;
    animation: running-text 24s linear infinite;
    margin-top: 5px;
}