/*
Color Scheme 
- #2a4d69 - DARKER
- #4b86b4
- #adcbe3
- #e7eff6 - LIGHTER
- #63ace5
*/

a {
    cursor: pointer;
}

h5 {
    color: white;
    margin-top: 20px;
}
h6 {
    color: white;
}
p {
    color: white;
}

.sc-surface {
    background: #16212f;
    color: #e7efff;
    border-radius: 14px;
    padding: 0.85rem 1.1rem;
}

.sc-surface--inline {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
}

.sc-surface--flush {
    padding: 0;
    overflow: hidden;
}

.sc-surface + .sc-surface {
    margin-top: 0.85rem;
}

.sc-table {
    margin-bottom: 0;
}

.sc-table thead {
    background: rgba(255, 255, 255, 0.05);
}

.sc-btn {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0.45rem 1.15rem;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.sc-btn-primary {
    background: #1f2d3d;
    color: #ffffff;
}

.sc-surface h1,
.sc-surface h2,
.sc-surface h3,
.sc-surface h4,
.sc-surface h5,
.sc-surface h6,
.sc-surface p,
.sc-surface label {
    color: #e7efff;
}

#page-content-wrapper h1,
#page-content-wrapper h2,
#page-content-wrapper h3,
#page-content-wrapper h4,
#page-content-wrapper h5,
#page-content-wrapper h6,
#page-content-wrapper p,
#page-content-wrapper label,
#page-content-wrapper .user-name,
#page-content-wrapper .user-usage-info {
    color: #1f2d3d;
}

#page-content-wrapper a{
    color: white;
}

#page-content-wrapper a:hover {
    color: #1f4f85;
    text-decoration: none;
}

#page-content-wrapper .table {
    color: #1f2d3d;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
}

#page-content-wrapper .table thead {
    background: #f7f9fc;
    color: #5c6f89;
    border-bottom: 1px solid #e3eaf3;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    font-size: 0.75rem;
}

#page-content-wrapper .table tbody tr:nth-child(even) {
    background: #fbfdff;
}

#page-content-wrapper .table tbody tr:hover {
    background: #f2f6fd;
}

.sc-table th,
.sc-table td {
    padding: 0.95rem 0.85rem;
    vertical-align: middle;
    border-bottom: 1px solid #e8eef5;
}

.sc-table td {
    color: #334155;
    font-size: 0.95rem;
}

.sc-table td:last-child,
.sc-table th:last-child {
    text-align: right;
}

.sc-table td:first-child,
.sc-table th:first-child {
    width: 48px;
}

.sc-table .badge-soft {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    background: #e8f5e9;
    color: #2e7d32;
}

.sc-table .badge-soft.warning {
    background: #fff7e6;
    color: #b26a00;
}

.sc-table .badge-soft.info {
    background: #e8f1ff;
    color: #1f4f85;
}

#page-content-wrapper .form-control,
#page-content-wrapper .custom-select,
#page-content-wrapper .input-group-text {
    border-radius: 10px;
}

.dataTables_length {
    display: none !important;
}

.dataTables_wrapper .dataTables_length,
#sorted-table_length,
#share-table_length,
#file-view-body_length {
    display: none !important;
}

.sc-topbar {
    background: #ffffff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    padding: 14px 16px;
}

.dropdown-menu {
    background: #1f2d3d;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 10px 22px rgba(17, 38, 89, 0.12);
}

.dropdown-menu .dropdown-item {
    color: #e7efff;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.sc-page {
    padding: 6px 0;
}

.sc-page-container {
    max-width: 1280px;
    margin: 0 auto;
}

.sc-card {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e4ebf5;
    border-radius: 18px;
    padding: 22px 22px 28px;
}

.sc-card__section + .sc-card__section {
    margin-top: 18px;
}

.sc-card-panel {
    background: #ffffff;
    border: 1px solid #e6edf7;
    border-radius: 12px;
}

.sc-card-panel.table-responsive {
    padding: 0;
}
#page-content-wrapper .form-control,
#page-content-wrapper .custom-select,
#page-content-wrapper .input-group-text {
    border-radius: 10px;
}
/*==============*/
.empty-state{
    border: 0;
    border-radius: 10px; 
    height: 65vh; 
    width: 100%; 
}

.dropdown-menu i{
    padding-right: 10px;
}

.empty-state i{
    background-color: #1f2d3d;
    padding: 50px; 
    color: white; 
    font-size: 60px; 
    border-radius: 50%; 
    margin-bottom: 10px;
}


/* .file-controls button:hover {
    background: #2a4d69 !important;
} */

a {
    color: #4b86b4;
}

a:hover {
    color: white !important;   
    text-decoration: none;
}

.btn {
    font-size: 0.8rem;
    /* color: white;
    background-color: #4b86b4; */
    cursor: pointer;
}
.btn.btn-nav{
    color: white;
    background-color: #4b86b4;
}

/*Tambahan fikra*/
.btn.mr-2 {
    padding: 0;
}

.btn.upload{
    padding: 1px;
}


#upload-btn p{
    display: none;

}

#upload-btn i{
    padding: 0.25rem;
    }


/*=============*/
/* .btn:hover {
    color: white;
    background-color: #2a4d69;
} */

/* LOGIN/REGISTER SCREEN */
.login-container {
    margin-top: 5%;
    margin-bottom: 5%;
}

.login-logo {
    position: relative;
    margin-left: -41.5%;
}

.login-logo img {
    position: absolute;
    width: 20%;
    margin-top: 19%;
    background: #e7eff6;
    border-radius: 4.5rem;
    padding: 1%;
}

.login-form-1 {
    padding: 9%;
    background: #2a4d69;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-1 h3 {
    text-align: center;
    margin-bottom: 12%;
    color: #fff;
}

.login-form-2 {
    padding: 9%;
    background: #63ace5;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-2 h3 {
    text-align: center;
    margin-bottom: 12%;
    color: #fff;
}

.btnSubmit {
    font-weight: 600;
    width: 50%;
    color: #282726;
    background-color: #fff;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
}

.btnForgetPwd {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.btnForgetPwd:hover {
    text-decoration: none;
    color: #fff;
}

.breadcrumb {
    background: rgba(0,0,0,0);
    margin-bottom: 0;
}

.breadcrumb a {
    color: #2f6fad;
}

.breadcrumb a:hover {
    color: #1f4f85;
    text-decoration: none;
}

#page-content-wrapper .breadcrumb,
#page-content-wrapper .breadcrumb a,
#page-content-wrapper .breadcrumb-item.active {
    color: #1f2d3d;
}

#page-content-wrapper .breadcrumb a {
    font-weight: 600;
}

#page-content-wrapper .breadcrumb-item + .breadcrumb-item::before {
    color: #8aa2c2;
}

input[type="file"] {
    display: none;
}


.form-control.ml-auto {
    height: 25px;
}

/*Tambahan Fikra*/

#create-folder-btn p{
    display: none;

    }
.redbutton{
    background-color: red;
    color: white;
}

.ylwbutton{
    background-color: #FFF700;
    color: #4b86b4;
}
.ylwbutton p{

    color: #4b86b4;
}
#dropdownMenuButton{
    color: white;
    background-color: #1f2d3d;
}

@media (min-width: 768px) {
    h5 {
        margin-top: 0;
    }
    #upload-btn p{
        display: inline;
        margin-bottom: 0;
        margin-left: 0.25rem;
    }
    #create-folder-btn p{
        display: inline;
        margin-bottom: 0;
        margin-left: 0.25rem;
    }
}

.alert {
    padding: 0.75rem 0.5rem;;
}