/*body.layout-semi-dark #main .side-nav {
    background: linear-gradient(45deg, #ff3333 50%, #ff0000 100%) !important;
}
body.layout-semi-dark #main #left-sidebar-nav .brand-sidebar {
    background: linear-gradient(45deg, #ff0000 0%, #ff0000 100%) !important;
    box-shadow: none;
}
*/

hr{border:0px; border-bottom: 1px solid #d2d2d2;}
body{
    background-color:#f2f2f2 !important;
}
body.layout-semi-dark #main .side-nav {
    background: #00394d !important;
}
body.layout-semi-dark #main #left-sidebar-nav .brand-sidebar {
    background: #00394d !important;
    box-shadow: none;
}

body.layout-semi-dark #header nav.navbar-color{ background-color: #007099; }
body.layout-semi-dark #header nav.navbar-color ul a{color:#fff;}

.modal{top:4% !important; max-height: 92% !important;}
@media only screen and (min-width: 993px) {
    #main{padding-left: 280px;}
    .side-nav{width: 280px;}
    .brand-sidebar{width: 280px;}
    footer {padding-left: 280px;}
    .modal-lg { width: 97% !important; height: 100% !important; }
    .modal-sm { width: 40% !important; height: 100% !important; }
}

@media only screen and (max-width: 992px) {
    body.layout-semi-dark #header nav.navbar-color{ background-color: #00394d; }
    .btn-mobile{background: transparent; background-color: #00394d !important; box-shadow: none; }
    .btn-mobile:hover{box-shadow: none;}
    .modal-lg { width: 95% !important; height: 100% !important; }
    .modal-sm { width: 95% !important; height: 100% !important; }
}

.input-field label{color:#333; font-weight: bold;}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {color:#808080;}
.errors-form{margin-bottom: 0px !important;}


.pointer{cursor: pointer;}
.noborder{border-radius:0px;}

.m-right-align{text-align: right;}
@media only screen and (max-width: 600px) {
    .m-right-align{text-align: left;}
    .modal-sm { width: 97% !important; height: 100% !important; }
}

.autocomplete-content{z-index: 9999;}


.select2{width: 100% !important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0px; color:#808080;}
input[type=search]:not(.browser-default){height: 30px; margin: 0px;}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0px;
}
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none;
    border-radius: 0px;
    margin-top:10px;
    padding-bottom:35px !important;
    border-bottom: 1px solid #9e9e9e;

}

.color-green{color:#4caf50;}
.color-blue{color:#2196f3;}
.color-red{color:#f44336;}
.color-orange{color:#fb8c00;}
.color-brown{color:#8d6e63;}
.alert-green{ background: #66bb6a; width: 100%; color:#fff; padding: 10px 20px; border-radius: 2px; margin-top:20px;}
.alert-red{ background: #ef5350; width: 100%; color:#fff; padding: 10px 20px; border-radius: 2px; margin-top:20px;}
.text-danger{color: #ef5350; font-size: 8pt;}

.table-bordered td, .table-bordered th {
    border: 1px solid #ddd !important;
    padding: 8px;
}
.tb-responsive{overflow-x:auto;}
.format-int{text-align:right;}
.format-angka{text-align:right;}
.input-hide-border{border-bottom: 0px solid transparent !important; margin: 0px!important; }
.picker__header, .input-field select{position: relative; opacity:1; height: auto; pointer-events:auto;}