jasaraharja/public/assets/css/custom.css

div.dataTables_wrapper div.dataTables_processing {
    opacity: 0.8;
}

.table tr {
    background: #fff;
}

div.dataTables_length label {
    font-size: .875rem;
}

.dataTables_info {
    font-size: 0.875rem;
}

#show-clock {
    /* css jam  */
    float: left;
    color: black;
}
.modal-lg-custom{
    min-width: 925px;
}
.btn-rekap{
    padding-top: 2rem;
}
.btn-aksi{
    margin: 0.3rem 0;
}
.box-dashboard{
    padding: 1rem;
    border-radius: 0.5rem;
}
.box-dashboard h4{
    margin: 0;
    color: #ffffff;
}
.box-dashboard:hover{
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2), 0 6px 15px 0 rgba(0,0,0,0.19);
}
.text-red{
    color: #f5365c ;
}
.text-orange{
    color: #fb6340 ;
}
.text-green{
    color: #2dce89 ;
}
.text-blue{
    color: #1181ef;
}
@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md .navbar-brand-img {
        max-height: 4.5rem;
    }
    .pt-md-12{
        padding-top: 12.5rem !important;
    }
    .mt-md--6-custom{
        margin-top: -6rem;
    }
}
@media (max-width: 768px) {
    #show-clock{
        margin: auto;
        padding-top: 4rem;
    }
    .navbar-brand{
        display: none;
    }
    .text-center-sm{
        text-align: center !important;
    }
    .fixed-nav-sidoni{
        position: fixed;
        z-index: 9;
        width: 100%;
    }
    .mt-sm--10{
        margin-top: -10rem !important;
    }
    
}
/*Style for scrollbar navbar */

.navbar-vertical::-webkit-scrollbar {
    width: 14px;
}

.navbar-vertical::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border: 4px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 10px;
}

.navbar-vertical::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.navbar-vertical::-webkit-scrollbar-corner {
    background-color: transparent;
}

.navbar-vertical {
    /* overflow: auto; */
    color: #62616100;
    transition: color 0.3s;
}

.navbar-vertical:hover {
    color: rgb(207, 200, 200);
}
/*END Style for scrollbar navbar END*/

/*Style for scrollbar table */

.table::-webkit-scrollbar {
    height: 14px;
}

.table::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border: 4px solid transparent;
    border-radius: 7px;
}

.table::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
table.dataTable.nowrap th, table.dataTable.nowrap td{
    white-space: pre-wrap;
}
.table::-webkit-scrollbar-corner {
    background-color: transparent;
}
#data-table_wrapper:hover .table::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px #c5c5c5;
}
/*END Style for scrollbar table END*/
.card-menu {
    padding: 20px 50px;
    display: inline-block;
    overflow: auto;
    white-space: nowrap;
}

.btn-tabs {
    border: 1px #9e9e9e solid;
    width: 48%;
    border-radius: 5px;
    color: #000;
}

.btn-tabs:hover,
.btn-tabs.active {
    background: #172b4d;
    color: #fff;
}

.nav-tabs {
    flex-wrap: nowrap;
    border: none;
}

.disabled-tab {
    pointer-events: none;
    opacity: 1;
}
.bg-back{
	background: #989898;
	border-color: #989898;
}
.border-radio{
    border: 1px solid #cad1d7 !important;
}
.custom-control-alternative .custom-control-label::before {
    background: #b4bac870;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    font-size: 0.75rem;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    font-size: 0.75rem;
}

.form-control:disabled, .form-control[readonly] {
    opacity: 1;
    background-color: #fbfbfb;
    cursor: not-allowed;
}
/* Dasboard Style */
.mt--11{
    margin-top: -11rem;
}
.card h4{
    font-size: 1rem;
}
.card h1{
    color: #000;
    font-size: 2.5rem;
    margin-bottom: 0;
}
.header h1{
    color: #ffffff;
    text-shadow: 3px 3px 0 #5a5a5a, -1px -1px 0 #5a5a5a, 1px -1px 0 #5a5a5a, -1px 1px 0 #5a5a5a, 1px 1px 0 #5a5a5a;
    font-size: 2.8rem;
}
.header h2{
    font-size: 1.5rem;
    font-weight: 700;
}
/* Style for condition */
.hide{
    display: none;
}
.active{
    font-weight: 600;
}
.bootstrap-datetimepicker-widget {
    width: auto !important;
}
.bootstrap-datetimepicker-widget .table th, .bootstrap-datetimepicker-widget .table td {
    border-top: none !important;
}

@media screen and (max-width: 930px){
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
    
}
.dataTables_wrapper .col-md-6{
    max-width: 100%;
    flex: 0 0 100%;
}
}
.bg-sidoni-lab{
    background: linear-gradient(87deg, #0a9e5e 0, #0b9857 100%) !important;
}