/*Rubik*/
@font-face {
    font-family: "Roboto-Regular";
    src: url('../../../font/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Roboto-Medium";
    src: url('../../../font/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: "Roboto-Bold";
    src: url('../../../font/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: "Roboto-Light";
    src: url('../../../font/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: "Roboto-Black";
    src: url('../../../font/Roboto-Black.ttf') format('truetype');
}

body {
    font-family: Roboto-Regular !important;
}

.login-box {
    background-color: white;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.logo-login {
    width: 270px;
    padding: 15px;
    margin-top: 20px;
}

.label-input {
    font-weight: bold;
}

.login-register input {
    background-color: #ECEFF4;
}
.left-sidebar,.sidebar-nav {
    background-color: #142C23 !important;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: #fff !important;
}
.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
    color: #fff !important;
}
.sidebar-nav > ul > li.active > a {
    border-color: #fff !important;
}
.sidebar-nav>ul>li>a,
.sidebar-nav > ul > li.active > a {
    border-bottom: 1px solid #174131 !important;
}
.sidebar-nav>ul>li {
    margin: 0px !important;
}
.sidebar-nav {
    padding: 8px !important;
}
[style="overflow: visible hidden; width: auto; height: 100%;"] .sidebar-nav{
    padding: 0px !important;
}
.topbar {
    background: #fff !important;
    border-color: #01955D !important;
}
.footer {
    background: #01955D !important;
    border-top: 0px solid #01955D !important;
}
.navbar-brand {
    display: contents;
}
#main-wrapper .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover,#main-wrapper .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
    color: rgb(1 149 93) !important;
}
.container-fluid {
    padding: 0 15px 25px 15px !important;
}
.card-header {
    background-color: #01955D;
    color: #fff;
}
.box-counter {
    background-size: cover;
    height: 95px;
    border-radius: 4px;
}
.box-counter.counter-1 {
    background-image: url(../images/dash/total_pengajuan.svg);
}
.box-counter.counter-2 {
    background-image: url(../images/dash/pengajuan-proses.svg);
}
.box-counter.counter-3 {
    background-image: url(../images/dash/pengajuan-diterima.svg);
}
.box-counter.counter-4 {
    background-image: url(../images/dash/pengajuan-ditolak.svg);
}
.counter span {
    display: block;
    color: #fff;
}
.counter span:nth-child(1) {
    margin-bottom: -7px;
}
.counter span:nth-child(2) {
    font-size: 28px;
    font-weight: 700;
}
.counter span:nth-child(3) {
    font-weight: 600;
    margin-top: -7px;
}
.counter {
    padding-left: 22px;
    padding-top: 15px;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    box-shadow: unset;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
    box-shadow: unset;
}
.naikkan {
    padding:4px 10px;
    border-radius: 10px;
    background-color: #FFF2D9;
    color: #FFAC4B; 
}
.revisi {
    padding:4px 10px;
    border-radius: 10px;
    background-color: #FDEFEF;
    color: #E51414;
}
.status-selesai {
    padding:4px 10px;
    border-radius: 10px;
    background-color: #E2FFED;
    color: #00d182;
}
.table th, .table thead th {
    text-align: center;
    /*background-color: #04AA6D !important;
    color: white;*/
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #01955d #01955d #fff;
}
/*.nav-tabs {
    border-bottom: 1px solid #01955d;
}*/
.nav-tabs .nav-link {
    border: 2px solid transparent;
}
a {
    color: #000;
}
.nav-item.nav-link:hover {
    color: #01955d;
}
.btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
}
.detail-pengajuan {
    border: 1px dashed #969696;
    border-radius: 10px; 
}
.detail-data-pengajuan table tr td:first-child {
    font-weight: 900;
    width: 125px;
}
.detail-data-pengajuan table tr td:nth-child(2) {
    width: 15px;
}
.detail-data-pengajuan {
    min-height: 170px;
}
.btn-hijau {
    background-color: #49DE92;
    color: white;
    padding: 7px 15px;
    border-radius: 10px;
}
.btn-hijau:hover,.btn-hijau:active,.btn-hijau:focus {
    background-color: #3db779;
    color: white;
}
.btn-eye {
    background-color: #ECEFF4;
    color: #01955D;
    padding: 6px 8px;
    border-radius: 50%;
    transition: .4s;

}
.btn-eye:hover,.btn-eye:active,.btn-eye:focus {
    background-color: #3db779;
    color: white;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.btn-simpan {
    background-color: #01955D;
    color: white;
    padding: 7px 15px;
    border-radius: 10px;
}
.btn-simpan:hover,.btn-simpan:active,.btn-simpan:focus {
    background-color: #008351;
    color: white;
}
.btn-batal {
    background-color: #ECEFF4;
    color: #A5A9AE;
    padding: 7px 15px;
    border-radius: 10px;
}
.btn-batal:hover,.btn-batal:active,.btn-batal:focus {
    background-color: #ECEFF4;
    color: #A5A9AE;
}
.tbl-lihatsemua {
    position: absolute;
    right: 0px;
    margin-right: 15px;
    color: white;
}

.tbl-lihatsemua:hover {
    color: #eaeaea;
}
.table td, .table th {
    vertical-align: middle;
}

.btn-hapus {
    padding: 6px 9px;
    color: #dc3545;
}
.btn-hapus:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    padding: 6px 9px;
    border-radius: 50%;
    transition: .4s;
}
table th{
    font-weight: 900 !important;
}
.card-header-kpps {
    font-family: Roboto-Bold !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff!important;
    border: 1px solid #01955d;
    background-color: #01955d;
}
table {
    width: 100%;
}
.chev-down:after {
    content:"\f054" !important;
    font-size: 10px;
    font-family: FontAwesome;
    position: absolute;
    right: 11px;
    top: 11px;
    transition: .3s ease-in-out all;
}
.active > .chev-down:after {
    /*content: "\f078" !important;*/
    transform: rotate(45deg);
}
[style="overflow: visible hidden; width: auto; height: 100%;"] .sidebar-nav{
    /*padding-top: 35px !important;*/
}
#sidebarnav li:hover > a,.sidebar-nav>ul>li:hover>a i {
    color: #bfa262 !important;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: #bfa262 !important;
}
@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
        width: 260px;
        background: #01955d;
    }
    .sidebar-nav {
        background-color: transparent !important;
    }
    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul, .mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul.collapse {
        display: block;
        position: relative;
        top: -1px;
        background-color: #01955d;
    }
    .chev-down:after {
        right: 0px;
        top: 15px;
    }
    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>.chev-down:after {
        right: 15px;
        top: 13px;
    }
}


.home .uc_image_carousel_placeholder > a > div {
    
}

.box-input {
    background-color: transparent !important;
    box-shadow: unset !important;
    margin-bottom: 10px !important;
}
.display-data {
    margin-bottom: 10px;
}
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 0.5;
}
.hr-text:before {
  content: "";
  background: linear-gradient(to right, transparent, #c1c1c1, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #242424;
  background-color: #fcfcfa;
}
.head-page {
    padding: 5px 10px;
    background-color: #01955D;
    margin-bottom: 20px;
    border-radius: 2px;
    /*border-bottom: 2px solid #01955d;*/
    /*text-align: center;*/
}
.head-page h2 {
    margin-bottom: 0px;
    color: #fff !important;
    font-weight: 500;
}
.page-dashboard {
    background-color: white;
}
.p-default{
    padding: 1.25rem;
}
.cari {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
    box-shadow: unset;
}
.dropdown-item.edit,
.dropdown-item.nonaktif {
    cursor: pointer;
}
.dropdown-item.btn-edit,
.dropdown-item.btn-delete{
    cursor: pointer;
    width: 80%;
}


@media (max-width: 768px) {
    .hidden-sm-down {
        display: block !important;
    }
    .user-profile.hidden-md-up {
        display: none;
    }
    .left-sidebar {
        padding-top: 105px;
    }
}