body {
    background: #f5f6fa;
    color: #333;
}

.sidebar {
    background: #ffffff;
    border-right: 1px solid #ddd;
}

.header {
    background: #ffffff;
    border-bottom: 1px solid #ddd;
}

.nav-card {
    border-radius: 6px;
}

.nav-card:hover {
    background: #f1f1f1;
}

.nomor{
        background:#efcdab;
        color:#996666;
    }
.opt{
    background:#abcdef;
    color:#666699;
}

.optSeparator
{
    display:block;
    width:100%;
    color:#ef6c00;
    border-bottom:1px #ef6c00 solid;      
    margin-bottom:3px;
    margin-top:6px; 
}
.footer-soft {
    text-align: center;
    font-size: 12px;
    color: #555;
    
    background: #e5e5e5;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    
    padding: 10px 14px;
    margin-top: 20px;

    font-family: "Segoe UI", Tahoma, sans-serif;
    letter-spacing: 0.3px;
}


.page{
    background:#ffffff;
    border-radius:10px;
    /*border:1px solid #e5e7eb;*/
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding:8px;
}

#trResume, #trResume2{
    margin:12px 4px 12px 4px;
}

input,textarea,select,option {
    background-color: #f1f1f1 !important;
    color: #1e1e1e !important;
    border: 1px solid #ccc !important;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}
input:focus {
    border-color: #efcdab !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #4CAF50 !important;
}
input::placeholder {
    color: #777 !important;
}
input[readonly] {
    background-color: #c8c8c8 !important;
    color: #999 !important;
}



 /*---fixing tabel bandel-------------*/
table,
.table,
.table th,
.table td,
.table thead,
.table tbody,
.table tr {
    background-color: transparent !important;
    color:inherit;
}


body.light .table th,
body.light .table td {
    border-color: rgba(180,180,190,0.1);
    border-width:1px !important;
}
/*---EO fixing tabel bandel-------------*/