/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

table.table {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
}

td.view {
    cursor: pointer;
    color: #1a82b2 !important;
    text-decoration: underline;
}

td.detailOff,
td.detailOn {
    font-family: 'FontAwesome';
    font-weight: 300;
    font-size: 15px;

    color: #886ab5 !important;
    text-align: center;
    cursor: pointer;
}

td.detailOn:before {
    content: '\f147';
}

td.detailOff:before {
    content: '\f196';
}

.info_row th {
    font-size: 12px !important;
    font-weight: 700;
    white-space: nowrap;
    padding: 0px 4px;
}

.info_row td {
    border: 1px solid #ddd;
    text-align: right;
    padding: 2px 3px !important;
}

.info_row h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

.detailLoading {
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font-family: 'FontAwesome';
    font-weight: 300;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.detailLoading:before {
    content: '\f110';
}

.clear-fixx:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear-fixx {
    zoom: 1;
}

/* Warna default untuk baris ganjil */
.table-responsive tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

/* Warna default untuk baris genap */
.table-responsive tbody tr:nth-child(even) {
    background-color: #f9f9f9 !important;
}

.table-responsive tbody tr.striped-row:nth-child(odd) {
    background-color: #f9f9f9 !important;
}

.table-responsive tbody tr.striped-row:nth-child(even) {
    background-color: #ffffff !important;
}

/* Jika checkbox dalam baris dipilih, ubah warna background untuk seluruh baris */
.table-responsive tr.ng-scope:has(input[type='checkbox'][ng-model="row['rowSelected']"]:checked) {
    background-color: #afeeee !important;
    color: black !important;
}

div.table-responsive table.table tr:hover td {
    background-color: #afeeee !important;
}

div.table-responsive table.table tr.info_row td,
div.table-responsive table.table tr.info_RowItem td {
    background-color: #ffffff !important;
}

div.table-responsive table.table tr.info_row:hover {
    background-color: #afeeee !important;
}

div.table-responsive table.table tr.info_RowItem:hover {
    background-color: #afeeee !important;
}

.sdr-mode-read input.form-control,
.sdr-mode-read select.form-control,
.sdr-mode-read textarea.form-control,
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #ffffff !important;
    pointer-events: none !important;
    opacity: 1 !important;
    cursor: text !important;
    color: #000000 !important;
}

.sdr-mode-read .form-control[readonly],
.sdr-mode-read .form-control[disabled] {
    background-color: #ffffff !important;
}

.sdr-mode-read .form-control.sdr-hanya-tulis-1-kali,
.sdr-hanya-tulis-1-kali {
    background-color: #eee !important;
    cursor: not-allowed;
}

.sedangSubmitForm .ng-invalid {
    border-color: #b94a48 !important;
    border-width: 1px !important;
}

.page-title {
    margin: 12px 0px !important;
}

#content>div.jarviswidget>header {
    display: none !important;
}

.jarviswidget {
    border-top: 1px solid #C2C2C2;
}

body:not(.menu-on-top).desktop-detected {
    min-height: unset !important;
}

.so-upload-area {
    border: 2px dashed #aac4de;
    border-radius: 8px;
    cursor: pointer;
    background-color: #fafcff;
    transition:
        border-color 0.2s,
        background-color 0.2s;
}

.so-upload-area:hover {
    border-color: #2471a3;
    background-color: #eef4fb;
}

.so-upload-area-disabled {
    cursor: default;
    opacity: 0.6;
}


.so-upload-area {
    border: 2px dashed #aac4de;
    border-radius: 8px;
    cursor: pointer;
    background-color: #fafcff;
    transition:
        border-color 0.2s,
        background-color 0.2s;
}

.so-upload-area:hover {
    border-color: #2471a3;
    background-color: #eef4fb;
}

.so-upload-area-disabled {
    cursor: default;
    opacity: 0.6;
}

.so-attachment-row {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid #eef1f5;
    background: #fff;
    transition: background 0.15s;
}

.so-attachment-row:last-child {
    border-bottom: none;
}

.so-attachment-row:hover {
    background: #f5f9ff;
}

.so-attachment-row-even {
    background: #fafbfd;
}

.so-attachment-row-even:hover {
    background: #f0f6ff;
}

.so-icon-pdf {
    color: #e74c3c;
}

.so-icon-docx {
    color: #2980b9;
}

.so-icon-xlsx {
    color: #27ae60;
}

.so-icon-img {
    color: #8e44ad;
}

.so-icon-default {
    color: #7f8c8d;
}