/* BACKGROUND COLOR */
.bg-navy {
    background-color: #3c4e5a !important;
}

.bg-teal-op {
    background-color: #00cc9960 !important;
}

form label, .jconfirm-buttons button {
    font-weight: 600 !important;
}

.jconfirm-buttons button {
    letter-spacing: 1px;
}

.h1 {
    letter-spacing: 3px;
}

/* CUSTOMIZE */
.bar-user {
    border-bottom: 1px solid #dee2e6;
}
.main-sidebar .bar-user {
    transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
}
.img-patern {
    background-image:url('/images/patern.png');
    background-repeat: no-repeat;
    background-size: 250px;
}
.pilih-jabatan {
    /* white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;  */
    font-size: 9pt;
}
.pilih-jabatan:hover {
    background-color: #dcdcdc;
}
.pr-0{
    padding-top: 0px;
    padding-right: 0px;
}
.tangan:hover {
    cursor: pointer;
}
.truton tr {
    cursor: pointer;
}

.card-pilih {
    margin-bottom: 0;
}

.card-pilih:hover, .card-pilih:active {
    cursor: pointer;
    background-color: #dcdcdc;
}

.sticky-top{
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 1020;
}

.ngambang-bawah-kanan {
    bottom: 1.25rem;
    position: fixed;
    right: 1.25rem;
    z-index: 1032;
}

.ngambang-bawah-tengah {
    bottom: 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1032;
}

.carousel-inner{
    width:100%;
    max-height: 400px !important;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .bar-user, 
    .sidebar-mini.sidebar-collapse .bar-title {
        opacity: 0;
        visibility: hidden;
        height: 0;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar:hover .bar-user, 
    .sidebar-mini.sidebar-collapse .main-sidebar:hover .bar-title {
        opacity: 1;
        visibility: visible;
        height: inherit;
    }
    .sidebar-mini.sidebar-collapse i.fas {
        padding-left: 0px;
    }
}

.card-border-green {
    border-top: 3px solid #00a65a;
}

.card-border-orange {
    border-top: 3px solid #f39c12;
}

.card-border-red {
    border-top: 3px solid #dd4b39;
}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-is-invalid {
    border: .03rem solid #dc3545;
}

.card-invalid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
td.details-control {
    cursor: pointer;
    width: 18px;
}
td.details-control:before{
    top: 9px;
    left: 4px;
    height: 18px;
    width: 18px;
    display: block;
    color: white;
    border: 2px solid white;
    border-radius: 18px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 18px;
    content: '>';
    background-color: #31b131;
}
tr.shown td.details-control:before {
    /* background: url('/images/details_close.png') no-repeat center center; */
    content: '˅';
    background-color: #d33333;
}

td.details-control-2 {
    cursor: pointer;
    width: 18px;
}
td.details-control-2:before{
    top: 9px;
    left: 4px;
    height: 18px;
    width: 18px;
    display: block;
    color: white;
    border: 2px solid white;
    border-radius: 18px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 18px;
    content: '>';
    background-color: #31b131;
}
tr.shown td.details-control-2:before {
    /* background: url('/images/details_close.png') no-repeat center center; */
    content: '˅';
    background-color: #d33333;
}

td.details-control-3 {
    cursor: pointer;
    width: 18px;
}
td.details-control-3:before{
    top: 9px;
    left: 4px;
    height: 18px;
    width: 18px;
    display: block;
    color: white;
    border: 2px solid white;
    border-radius: 18px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 18px;
    content: '>';
    background-color: #31b131;
}
tr.shown td.details-control-3:before {
    /* background: url('/images/details_close.png') no-repeat center center; */
    content: '˅';
    background-color: #d33333;
}

.bg-detil{
    padding-left: 40px !important;
    padding-right: 0 !important;
    background-color: #ecf0f5;
}