/*
 * Plugin styles.
 */

/*
-----------------
TABLE OF CONTENTS
-----------------
- Left sidebar
- Widgets
    > Task preview
    > Form entries
    > Entry details
    > Instruction
    > DataTables pagination
*/

/*------------------------------------------------------------------------------
-  Left sidebar
------------------------------------------------------------------------------*/

#sidebar-container #tasks .sidebar-menu-toggle-icon{
    text-decoration: none !important;
}

#sidebar-container #tasks .sidebar-submenu .sidebar-menu-item.current .sidebar-menu-text{
    text-decoration: underline;
}

#sidebar-container #tasks .sidebar-submenu .sidebar-menu-text{
    border: none;
}

#sidebar-container #tasks .sidebar-menu-button.status-pending input[type="checkbox"]{
    accent-color: #ffa726;
}

#sidebar-container #tasks .sidebar-menu-button.status-in-progress input[type="checkbox"]{
    accent-color: #2296f3;
}

#sidebar-container #tasks .sidebar-menu-button.status-done input[type="checkbox"]{
    accent-color: #66bb6a;
}

#sidebar-container .user-periods .bs-searchbox .form-control{
    border-color: #343a40;
}

/*------------------------------------------------------------------------------
- Widgets
------------------------------------------------------------------------------*/

/* Task preview */
.post-preview.rkgm_task_cpt .status,
.task-preview .status{
    font-size: 0.875rem;
}

/* Form entries */
.form-entries li .entry-status{
    font-size: 0.625rem;
}

/* Entry details */
.entry-details .modal-body > table{
    width: 100%;
}

.entry-details .modal-body > table thead,
.entry-details .modal-body > table .entry-view-section-break,
.entry-details:not(.has-period) .modal-body > table tbody > tr:nth-child(7),
.entry-details:not(.has-period) .modal-body > table tbody > tr:nth-child(8),
.entry-details .modal-body > table tbody > tr:nth-child(9),
.entry-details .modal-body > table tbody > tr:nth-child(10){
    display: none;
}

.entry-details .modal-body > table .entry-view-field-name{
    font-weight: 700;
    line-height: 1.5;
    background-color: #EAF2FA;
    border-bottom: 1px solid #FFF;
    padding: 0.4375rem;
}

.entry-details .modal-body > table .entry-view-field-value{
    border-bottom: 1px solid #DFDFDF;
    padding: 0.4375rem 0.4375rem 0.4375rem 2.5rem;
    line-height: 1.8;
}

/* Instruction */
.instruction > .card-header > h5 .btn{
    font-size: 1.5rem;
    box-shadow: none !important;
}

.instruction > .card-header > h5 .btn i{
    font-size: 2rem;
    text-decoration: none;
    transition: transform .15s;
}

.instruction > .card-header > h5 .btn:not(.collapsed) i{
    transform: rotate(90deg);
}

.instruction img{
    max-width: 100% !important;
}

/* DataTables pagination */
.dataTables_paginate .page-item.active a.page-link{
    color: white !important;
}