/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 *
 */

/*# sourceMappingURL=custom.css.map */

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bfbfbf !important;
}
input:-moz-placeholder { /* Firefox 19+ */
    color: #bfbfbf !important;
    opacity: 1;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #bfbfbf !important;
    opacity: 1;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bfbfbf !important;
}
input::-ms-input-placeholder { /* Microsoft Edge */
    color: #bfbfbf !important;
}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bfbfbf !important;
}

body {
    color: #000;
    background-color: #2a2e31;
}

.help-block {
    color: red;
}

.table td, .table th {
    vertical-align: middle;
}

.bottom-10 {
    margin-bottom: 10px;
}
.bottom-15 {
    margin-bottom: 15px;
}

fieldset.scheduler-border {
    border: 1px solid #ededed !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #ededed;
            box-shadow:  0px 0px 0px 0px #ededed;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

/**
 * Extra large button extensions. Extends `.btn`.
 */
.btn-xlarge {
    padding: 14px 22px;
    font-size: 18px;
    line-height: normal;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    }

table.dataTable tbody tr.selected {
    color: #000 !important;
    background-color: #e8e9f2 !important;
}

.h-divider1{
    margin-top: -15px;
    margin-bottom:5px;
    height:1px;
    width:100%;
    border-top:1px solid #e8e9f2;
}

.card {
    background-color: #31393d;
}
.navbar.active {
    background-color: #f45d26;
}
.navbar-bg {
    background-color: #f45d26;
}
.main-sidebar {
    background-color: #2a2e31;
    border-right: 1px solid #31393d;
}

.main-sidebar .sidebar-menu li a {
    color: #dce1e6;
    background-color: #2a2e31;
}
.main-sidebar .sidebar-menu li a span {
    text-transform: uppercase;
}
.main-sidebar .sidebar-menu li a:hover {
    background-color: #f45d26;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    color: #dce1e6;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
    color: #fff;
    background-color: #f45d26;
}
.main-sidebar .sidebar-menu li.active a {
    color: #fff;
    background-color: #f45d26;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
    color: #fff;
}

.main-sidebar .sidebar-brand a {
    color: #0be20b;
}

.main-sidebar .sidebar-menu li a i {
    margin-right: 0 !important;
}

.dropdown-menu .dropdown-title {background: #10589b !important; font-size: 14px !important; color: #fff !important;}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {background: #2a2e31 !important;}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {background: #2a2e31 !important; padding: 0;}

.card .card-header h4 + .card-header-action .btn,
.card .card-header h4 + .card-header-form .btn {
    border-radius: 5px !important;
}

body.sidebar-mini .main-sidebar:after {
    background-color: #2a2e31;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li{
    background-color: #2a2e31;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a:hover{
    background-color: #f45d26;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a{
    background-color: #2a2e31;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a{
    background-color: #f45d26;
    box-shadow: 0 0 0 #acb5f6;
}

.status_uji_label_lulus {
    border: 2px solid #666;
    padding: 5px 10px;
    font-weight: bold;;
}

.form-row>.col, .form-row>[class*=col-] {
    padding-left: 20px;
}
table.table_item tbody tr td{padding: 0 !important}

.selectWidth { width: auto; }

.form-group-10px {
    margin-bottom: 10px;
}

table.dataTable thead {
    background-color: #f45d26;
}
.table.dataTable thead th {
    color: #fff;
}
table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
    color: #80807d;
}

.table thead {
    background-color: #f45d26;
}
.table:not(.table-sm) thead th {
    color: #fff;
}

.merah {
    color: #f00;
}


#table-form-pembayaran {}
#table-form-pembayaran td {padding: 0 5px !important}


.accordion .accordion-header { 
    background-color: #f45d26; 

}

.img-logo { padding-top: 5px; }

.kecil td {padding: 5px 5px;}

.card .card-header h4 {color: #d9d9d9;}

.tengah {text-align: center;}

.login-brand { margin-bottom: 0px; }

.teks-login {font-size: 24px; text-align: center; padding-left: 25px; font-weight: bold;}

.img-asr {width: 50px;}

/* section header */
.section .section-header {
    background-color: #31393d;
}
.section .section-header h1 { color: #fff; /*#f45d26;*/ }
.main-wrapper-1 .section .section-header { border-top: none; }

/* card */
.card.card-primary {
    border-top: 2px solid #f45d26;
}
.card .card-body {
    color: #d9d9d9;
    background-color: #31393d;
}
.card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { color: #d9d9d9; }

.card .card-header {border-bottom-color: #4a4848;}

.form-group .control-label, .form-group > label { color: #d9d9d9; }

.btn-primary, .btn-primary.disabled {box-shadow: none;}
.btn-warning, .btn-warning.disabled {box-shadow: none;}
.btn-info, .btn-info.disabled {box-shadow: none;}
.btn-danger, .btn-danger.disabled {box-shadow: none;}

.form-control, .input-group-text, .custom-select, .custom-file-label { 
    background-color: #dfe5ea; 
}
.select2-container.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single {
    background-color: #dfe5ea; 
}

/* footer */
.main-footer { border-top: 1px solid #31393d; }
.simple-footer {
    color: #d9d9d9;
}


/* font custom di form group */
.form-group .control-label, .form-group > label {
    font-size: 14px;
    font-weight: 500;
    /* color: #000; */
}