/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*
    DEMO STYLE
*/
/* cyrillic-ext */
@font-face {
    font-family: 'Impact';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Impact'), url(webfonts/impact/impact-400-cyrillic-ext.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Impact';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Impact'), url(webfonts/impact/impact-400-cyrillic.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Impact';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Impact'), url(webfonts/impact/impact-400-greek-ext.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Impact';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Impact'), url(webfonts/impact/impact-400-greek.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
    font-family: 'Impact';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Impact'), url(webfonts/impact/impact-400-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Impact';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Impact'), url(webfonts/impact/impact-400-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background: #fafafa;
    overflow-x: hidden;
    min-width: 320px;
}

p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    min-width: 320px;
    overflow: hidden;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #2C333E;
    color: #fff;
    transition: all 0.3s;
    margin-top: 80px;
}

    #sidebar.active {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: #343C47;
    }
    #sidebar .menu-item-text {
        padding-left: 0.5rem;
    }
    #sidebar.active .sidebar-header h3,
    #sidebar.active .menu-item-text,
    #sidebar.active .menu-group-text {
        display: none;
    }

    #sidebar.active .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 55%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: #6d7fcc;
    }

        #sidebar .sidebar-header strong {
            display: none;
            font-size: 1.8em;
        }

    #sidebar ul.components {
        border-bottom: 1px solid #47748b;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 1.1em;
        display: block;
        border-bottom: solid 1px #3b424d;
    }

        #sidebar ul li a:hover {
            color: #fff;
            background: #2C333E;
            font-weight: bold;
        }

        #sidebar ul li a.dropdown-toggle {
            font-weight: bold;
        }

    #sidebar ul li.active > a, a[aria-expanded="true"] {
        color: #fff;
        background: #2C333E;
        font-weight: bold;
    }

    #sidebar .menu-review .dh-alert {
        background: red;
        border-radius: 11px;
        font-size: 0.7em !important;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        margin-left: 0.5rem;
    }

a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::after {
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    margin-right: -8px;
}

a[aria-expanded="true"]::after {
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-right: -5px;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    background: #343C47;
}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

td .title {
    display: none;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media all and (max-width: 1500px) {
    colgroup col {
        width: auto !important;
    }

    .dx-datagrid-nowrap, .dx-datagrid-nowrap
    .dx-header-row>td>.dx-datagrid-text-content {
        white-space: normal;
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
        width: 80px;
        min-width: auto;
    }

    .dx-button-has-text .dx-button-content {
        padding: 7px 13px 8px;
    }
}


@media all and (max-width: 1030px) {
    .dx-command-adaptive {
        display: none !important;
    }

    .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
        border-bottom-color: #ddd;
    }

    .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
        border: none;
    }

    .table-timecard .timecard-constcenter-selectbox, .table-timecard .timecard-wage-selectbox, .table-timecard-by-day .timecard-constcenter-selectbox, .table-timecard-by-day .timecard-wage-selectbox {
        min-width: auto !important;
    }

    .table-bordered thead,
    .table-borderless thead {
        display: none;
    }

    td .title {
        display: inline !important;
        margin: 0 0 10px !important;
        min-width: 50px;
        text-align: left;
    }

    .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
        height: 600px;
    }
    

    .dx-light-custom .dx-datagrid .dx-datagrid-headers .dx-header-row {
        display: none;
    }

    .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
        border: none;
    }

    .dx-datagrid-table {
      table-layout: inherit !important;
    }
    .dx-datagrid-rowsview .dx-row,
    #viewTimeEntries tr {
      display: block;
      padding: 10px;
      margin-bottom: 20px;
      border: 1px solid #ddd;
      border-radius: 10px;
      width: 100%;
      border-top: 1px #ddd solid !important;
    }

    .table-timecard tbody tr,
    .table-timecard tbody tr td {
        display: block;
        border: none !important;
        margin-bottom: 0;
        text-align: left  !important;
    }

    .table-timecard td,
    .table-timecard th,
    .table-timecard tbody tr td {
        padding: 0 !important;
        margin: 0 !important;
        text-align: left  !important;
    }

    .table-timecard tbody tr td,
    .table-bordered th, .table-bordered td,
     #viewTimeEntries td {
        display: flex;
        align-items: center;
        row-gap: 20px;
        column-gap: 20px;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left  !important;
    }

    .table-timecard tbody tr td > *,
    .table-bordered td > *  {
        margin: 0 0 10px;
    }


    .dx-datagrid.dx-datagrid-borders >
    .dx-datagrid-rowsview.dx-last-row-border tbody:last-child >
    .dx-data-row:nth-last-child(2) > td {
        text-align: left  !important;
    }

    .dx-datagrid-rowsview .dx-row td,
    .dx-light-custom .dx-datagrid .dx-datagrid-rowsview .dx-data-row > td,
    .dx-light-custom .dx-datagrid .dx-datagrid-headers .dx-header-row > td  {
        border-top: none;
        text-align: left !important;
    }

    .dx-datagrid-borders > .dx-datagrid-headers  {
        border: none;
    }

    .dx-datagrid-rowsview .dx-row td:last-child {
        border-bottom: none;
    }

    .dx-datagrid-rowsview .dx-row td {
      display: block;
      width: 100% !important;
      border-left: none;
      border-right: none;
    }
  
    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
      min-width: 100% !important;
      max-width: 100% !important;
      width: 100% !important;
    }

    .table-responsive > .table-bordered {
        border: 1px #212529 solid;
        border-radius: 10px;
        padding: 10px;
        display: block;
    }

    .table-responsive > .table-bordered tbody {
        display: block;
        width: 100%;
    }

    .dx-row td.dx-command-edit {
        border-bottom: none !important;
    }

    .dx-datagrid-filter-row {
        display: none;
    }

    .timecard-row .calendar-block,
    .timecard-row .date-block {
        display: inline-block;
        vertical-align: middle;
    }

    .timecard-row .date-block {
        padding: 0 0 0 10px !important;
    }

    .timecard-row td .dx-selectbox {
        width: 100% !important;
    }

    .timecard-row td.end-block {
        justify-content: flex-end !important;
    }

    td.dx-datagrid-hidden-column i {
        display: inline-block !important;
        line-height: 23px !important;
    }
    
  }


@media (max-width: 768px) {
    .navbar .container-fluid {
        padding: 0 10px;
    }
    
    #sidebar {
        margin-left: 0;
        min-width: 80px;
        max-width: 80px;
        text-align: center;
    }

        #sidebar .sidebar-header h3,
        #sidebar .menu-item-text,
        #sidebar .menu-group-text {
            display: none;
        }

        #sidebar .dropdown-toggle::after {
            top: auto;
            bottom: 10px;
            right: 50%;
            -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
            transform: translateX(50%);
        }

        #sidebar.active {
            margin-left: 0;
        }

    #sidebarCollapse span {
        display: none;
    }
}

/*Begin Demo*/
.nav-bg-dark {
    background: #2C333E;
}
.button, a, body, button, img, svg {
    transition: all .2s ease-in-out;
}

.table td, .table th {
    vertical-align: middle;
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 80.4px 0 0;
    overflow-y: auto;
    border-right: 1px solid #000;
}
/*End*/

.portal-header {
    color: #fff;
    font-size: 1.5rem;
}

#userManagementGrid,
#employeePostingPaystubGrid {
    max-height: 700px;
}

.dx-light-custom .dx-datagrid .dx-datagrid-headers .dx-header-row {
    background-color: #337ab7;
    color: white;
}

    .dx-light-custom .dx-datagrid .dx-datagrid-headers .dx-header-row > td,
    .dx-light-custom .dx-datagrid .dx-datagrid-rowsview .dx-data-row > td {
        padding: 0.85rem 0.85rem 0.85rem 12px;
        white-space: normal;
    }

.dx-light-custom .dx-datagrid .dx-datagrid-filter-row {
    height: 48px;
}

.dx-light-custom .dx-datagrid .dx-row-alt > td,
.dx-light-custom .dx-datagrid .dx-row-alt > tr > td {
    background-color: rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dx-light-custom .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row {
    height: 0px !important;
}

.dx-light-custom .dx-number-align-right input.dx-texteditor-input {
    text-align: right;
}

.dx-dialog .dx-popup-normal {
    min-width: 400px;
}

.dx-dialog .dx-overlay-shader {
    background-color: rgba(0,0,0,.5);
}

.dx-dialog .dx-popup-title {
    background-color: #343a40 !important;
}

.dx-dialog .dx-toolbar-label > div {
    font-size: 1.5rem;
    color: white;
}

.dx-dialog .dx-popup-wrapper > .dx-overlay-content {
    border: 0 !important;
}

.dx-dialog-button {
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
    color: #fff;
}

.dx-dialog-button:hover, .dx-dialog-button:active {
    background-color: #296293 !important;
    border-color: #296293 !important;
    color: #fff;
}

.dx-button-notes-data {
    background-color: blueviolet !important;
    border-color: blueviolet !important;
    color: #fff;
}

.dx-button-notes-data .dx-icon-comment {
    color: #fff;
}

.dx-light-custom .dx-texteditor.dx-state-readonly.dx-readonly-borderless {
    border-style: none;
}

.pdf-icon, .view-detail-icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.command-icon-size {
    width: 18px;
    height: 18px;
}

.clickable-icon {
    cursor: pointer;
}

.inactive-disable {
    margin-left: -4px;
}

.form-group.required .control-label:after, thead.required .control-label:after {
    content: "*";
    color: red;
    margin-left: 3px;
}
/* Start Timecard */
.nav-bar-timecard .list-group-item {
    padding: 0.5rem 1rem;
    border: 1px solid #343a40;
}

    .nav-bar-timecard .list-group-item.active {
        background-color: #337ab7;
        font-weight: bold;
    }

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

.table-timecard thead tr th,
.table-timecard tfoot tr th,
.table-timecard-by-day thead tr th,
.table-timecard-by-day tfoot tr th {
    font-weight: 400;
}

/*.table-timecard > .table-sm tbody tr:first-child td {
    padding-top: 1.2rem;
}

.table-timecard > .table-sm tbody tr:last-child td {
    padding-bottom: 1.2rem;
}*/
.table-timecard > .table-sm th {
    padding-bottom: 0.6rem;
}

.table-timecard thead tr th,
.table-timecard tbody tr td,
.table-timecard tfoot tr th,
.table-timecard-by-day thead tr th,
.table-timecard-by-day tbody tr td,
.table-timecard-by-day tfoot tr th {
    border-color: transparent;
}

.table-timecard .border-transparent,
.table-timecard-by-day .border-transparent {
    border-color: transparent !important;
}

.table-timecard tbody tr td:first-child,
.table-timecard-by-day tbody tr td:first-child,
.table-timecard-by-day thead tr th:first-child {
    border-left: 1px solid #343a40;
}

.table-timecard tbody tr td:last-child,
.table-timecard-by-day tbody tr td:last-child,
.table-timecard-by-day thead tr th:last-child {
    border-right: 1px solid #343a40;
}

.table-timecard thead tr th {
    border-bottom-color: #343a40;
    border-bottom-width: 1px;
}

.table-timecard-by-day thead tr th {
    border-top-color: #343a40;
}

.table-timecard tbody tr:last-child td,
.table-timecard-by-day tbody tr:last-child td {
    border-bottom: 1px solid #343a40;
}

/* Holds at most two icon buttons (delete-or-reopen + copy) at ~36px plus an 8px
   gap, so ~110 is comfortable. Trimmed from 125 to help the Start/End columns
   fit -- see the width note on .col-day below. */
.table-timecard .col-action {
    width: 110px !important;
    min-width: 110px !important;
}


.table-timecard .col-timeclock-hours {
    width: 85px !important;
    min-width: 85px !important;
}

.table-timecard .col-timeclock-notes {
    width: 82px !important;
    min-width: 82px !important;
}

/* Renders a THREE-LETTER abbreviation only ("Fri") -- see SHORT_DATE_PATTEN_dddd
   in DateTimeHelper -- so 115px was mostly empty space. Reclaimed to make room
   for the optional Start/End columns, which add 260px to a table that was
   already close to the edge of a 1366px screen. Applies to Week and Pay Period
   only; the Day form (.table-timecard-by-day) has no Day column. */
.table-timecard .col-day {
    width: 60px !important;
    min-width: 60px !important;
}

.table-timecard .input-notes {
    min-width: 180px !important;
}

.table-timecard .timecard-constcenter-selectbox,
.table-timecard .timecard-wage-selectbox,
.table-timecard-by-day .timecard-constcenter-selectbox,
.table-timecard-by-day .timecard-wage-selectbox {
    min-width: 200px;
}

/* Week and Pay Period carry the most columns, and the optional Start/End pair
   pushed the Actions column off a 1366px screen. These selects already truncate
   at 200px ("Regular Earnings - Reg..."), so a slightly narrower box costs
   nothing that was not already lost. The Day form keeps the full 200px above. */
.table-timecard .timecard-constcenter-selectbox,
.table-timecard .timecard-wage-selectbox {
    min-width: 175px;
}

.table-timecard .col-first,
.table-timecard-by-day .col-first {
    width: 1.2rem;
}

.table-timecard-by-day .col-hours {
    width: 150px !important;
    min-width: 150px !important;
}

/* Optional Start/End time entry columns (employee class AllowTimeEntryByUser) */
.table-timecard .col-start-end-time,
.table-timecard-by-day .col-start-end-time {
    /* 130 = the 120px editor + the table-sm cell padding. Do not go lower without
       also narrowing the editor, or the cell squeezes the input. */
    width: 130px;
    min-width: 130px;
}

/* The mismatch warning gets its own full-width row under the entry, on all three
   forms. The row is ALWAYS rendered -- it is never itself hidden -- so that it
   permanently occupies a row slot and the Actions column's rowspan on Week and
   Pay Period can stay a static (children + 1) * 2. Hiding the row would make that
   count change at runtime, which is what originally forced the warning into the
   End cell. Only the inner message is toggled, so an inactive row collapses to
   nothing: no border, no padding, no line box. */
.timecard-time-warning-row > td {
    border: 0 !important;
    padding: 0;
    line-height: 0;
}

/* ...but the table's OUTLINE is drawn by the cells themselves -- see the
   td:first-child / td:last-child / tr:last-child rules further up, which colour
   one edge each. The `border: 0` above wins against all of them, so wherever a
   warning row has height (i.e. its message is showing) the box loses its left,
   right and bottom edges and looks cut open. Put those three edges back; the
   borders BETWEEN rows stay off, so a collapsed warning row still draws nothing.
   NOTE: it has to be the `border-<side>` shorthand. Setting only the width does
   nothing, because `border: 0` also sets border-style to none and a style of
   none forces the computed width to 0 whatever width you give it. */
.table-timecard .timecard-time-warning-row > td:first-child,
.table-timecard-by-day .timecard-time-warning-row > td:first-child {
    border-left: 1px solid #343a40 !important;
}

/* Right edge on the DAY form only. On Week and Pay Period the Actions cell
   rowspans down into the warning row and already draws that edge, and the
   warning row there is deliberately one column short -- giving its last cell a
   right border would put a stray vertical line just before the Actions column. */
.table-timecard-by-day .timecard-time-warning-row > td:last-child {
    border-right: 1px solid #343a40 !important;
}

/* A warning row can also be the last row in the body (any Day with 2+ entries),
   in which case it owes the table its bottom edge too. */
.table-timecard tbody tr.timecard-time-warning-row:last-child > td,
.table-timecard-by-day tbody tr.timecard-time-warning-row:last-child > td {
    border-bottom: 1px solid #343a40 !important;
}

/* Indent the message off the left edge on Week and Pay Period, where it sits in
   the row's FIRST cell and would otherwise start hard against the border. Day is
   excluded because it already gets the same gap for free: its warning row starts
   with the empty .col-first cell, so the message begins one column in. 1.2rem is
   .col-first's width, which puts all three forms on an identical 20px indent. */
.table-timecard .timecard-time-warning-row > td {
    padding-left: 1.2rem;
}

.timecard-time-warning {
    line-height: 1.2;
    text-align: left;
    padding-bottom: 0.35rem;
}
/* End Timecard */

.modal-open {
    overflow-y: auto;
    padding: 0 !important;
}

.navbar {
    padding-right: 0 !important;
}

.state-disabled {
    opacity: .5;
    pointer-events: none;
}

/*Begin common Text Color*/
.text-transparent {
    color: transparent;
}

.text-darkgray {
    color: #a9a9a9;
}

/*Added 'text-dptheadnotes-exist'For Jira VMS-4307 06/15/2025*/
.text-dptheadnotes-exist {
    color: orange;
}

.text-notes-exist {
    color: blueviolet;
}

.text-notes-notexist {
    color: white;
}

.text-cyan-blue {
    color: #337ab7 !important;
}
/*End common Text Color*/

.caps-lock-label {
    display: none;
}

.locked-user {
    margin-top: 35px;
}

.employee-class-modal legend {
    font-size: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

.w-5 {
    width: 5% !important;
}

.w-13 {
    width: 13% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.nav-tabs-custom .nav-link {
    padding: 0.5rem 1.5rem;
}
.nav-tabs-custom.nav-tabs .nav-link {
    background-color: #e9ecef;
    border-top-right-radius: 1rem;
    border-color: #dee2e6 #dee2e6 #e9ecef;
}

    .nav-tabs-custom.nav-tabs .nav-link:hover,
    .nav-tabs-custom.nav-tabs .nav-link:focus {
        border-color: #dee2e6 #dee2e6 #e9ecef;
    }

    .nav-tabs-custom.nav-tabs .nav-link.active,
    nav-tabs-custom.nav-tabs .nav-item.show .nav-link {
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
    }

.employee-class-modal .table tbody tr {
    height: 46.4px;
}

.edit-user-modal .active-field {
    margin-top: 5px;
}

/**Start Custom DevExpress controls*/
.dx-button-icon-border-radius-circle {
    border-radius: 18px;
}
/**End Custom DevExpress controls*/
/**Start Bootstrap global overwrite*/
label {
    margin-bottom: 0.25rem;
}
/**End Bootstrap global overwrite*/

.edit-timecard-review-modal .audit-value {
    font-size: 0.875rem;
    opacity: 0.5;
}
.edit-timecard-review-modal .audit-datetime {
    padding-left: 0.625rem;
}
.edit-timecard-review-modal .audit-hours {
    padding-right: 44px;
}

.edit-timecard-review-modal .audit-hours-readonly-mode {
    padding-right: 10px;
}

.edit-timecard-review-modal .readonly-mode textarea {
    opacity: .5;
}

.edit-timecard-review-modal .warning-icon,
.add-timecard-review-modal .warning-icon {
    position: absolute;
    top: 32px;
}

.form-group .warning-icon.overlap-align-left-form-field {
    position: absolute;
    top: 32px;
}
.form-group .btn-group-vertical.row-action-icon {
    line-height: 1.2;
}
    .form-group .btn-group-vertical.row-action-icon.align-middle-one-icon {
        top: -9px;
    }
    .form-group .btn-group-vertical.row-action-icon.align-middle-two-icons {
        top: -3px;
    }

.form-group .form-text-without-control {
    position: absolute;
    top: 34px;
    font-size: 0.875rem;
}

.edit-leave-request-review-modal .submitted-data {
    opacity: 0.5;
}

.nav-bar-department-filter-menu .nav-item {
    padding-right: 1rem;
}
.nav-bar-department-filter-menu .nav-link {
    color: #337ab7;
    padding: 0;
}

    .nav-bar-department-filter-menu .nav-link:hover {
        color: #007bff;
    }

    .nav-bar-department-filter-menu .nav-link.active {
        border-bottom: 1px solid #337ab7;
    }