/* =========================
   FONT & GLOBAL
========================= */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body
{
     background-color: #8e8e9729 !important;
}
body, html, .r-vbar-page .r-left {
    font-family: "Open Sans", sans-serif !important;
}

a:hover, a:focus {
    text-decoration: none !important;
    outline:none !important;
}

.rnr-orderlink {
    text-decoration: none !important;
}

tfoot
{
    background-color: #040677;
    color: #fff;
}
tfoot tr td
{
    color:#fff !important;
    font-weight:600;
}


.tools_block > li > a
{
    font-size:30px;
    font-weight:bold;
}
.hide_panel a
{
    font-size: 14px !important;
    font-weight: normal !important;
}
.table_scroll
{
    max-height: 250px; 
    overflow-y: scroll;
    padding-right:8px;
}
.please_select
{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top:0 !important;
    color:#040677;
    justify-content: center;
    text-align: center;
    float: left;
    height: calc(96vh - 50px);
}

/* =========================
   SIDEBAR & MENU
========================= */
.r-vbar-page .r-left[data-fixed],
.r-vbar-page .r-topheader > .navbar {
    background-color: #050643 !important;
    border: none !important;
}

.r-left .r-menu [data-menu-link] {
    color: #fff !important;
}

.r-left .r-menu [data-menu-link]:hover {
    background-color: #b2b8af69 !important;
}

.r-left .r-menu li.active.active.active > [data-menu-link] {
    background-color: #70AD46 !important;
}

.r-left:not(.r-left-collapsed) .r-menu [data-menu-top],
.r-left:not(.r-left-collapsed) .r-menu [data-menu-inline] {
    font-size: 14px !important;
    margin-left: 12px !important;
}

/* Logo */
.r-vbar-page .r-left [data-logo-cell][data-logo-cell] {
    height: 50px !important;
}

.r-vbar-page .r-left [data-logo-cell][data-logo-cell] > [data-itemid]:not([data-hidden]) {
    background-color: #050643 !important;
}

/* =========================
   CONTENT AREA
========================= */
.r-vbar-page .r-content-col .r-body {
  
    padding: 8px 8px 0 8px !important;
    width:100% !important;
}

.r-vbar-page .r-content-col .r-body > * {
    max-width: calc(100vw - 253px) !important;
}

/* =========================
   PANELS
========================= */

.panel
{
    margin-bottom:0 !important;
}
.r-vbar-page .r-left .panel {
    background-color: #fff !important;
}

.r-vbar-page .r-left .panel .panel-heading {
    border-bottom-color: #040677 !important;
    background-color: #fff !important;
}

.r-vbar-page .r-left .panel .panel-footer {
    display: flex;
    justify-content: space-evenly;
    background-color: #fff !important;
    border-top: 1px solid #040677 !important;
}

/* =========================
   DROPDOWN
========================= */


.panel-heading .list-group
{
    height: 100%;
    float: left;
    width: 100%;
}
.panel-heading .list-group li
{
    background-color: #fff;
    width: 100%;
    float: left;
}
.dropdown-menu {
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
    top: 35px !important;
}
.dropdown-menu > li > a .fa-search, .dropdown-menu > li > a .fa-file-pdf-o, .dropdown-menu > li > a .fa-file-excel-o{
    font-size:24px !important;
}

.dropdown-menu > li > a {
    color: #040677 !important;
    margin: 0;
    padding: 6px 10px !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #040677 !important;
    color: #fff !important;
}

/* Dropdown Icons */
.dropdown-menu > li > a .fa-file-excel-o {
    color: #1D6F42;
}

.dropdown-menu > li > a .fa-file-pdf-o {
    color: #F40F02;
}

/* =========================
   TABLE
========================= */
.table_block {
    margin-bottom: 0 !important;
}

.table_block thead {
    background-color: #70AD46;
    color: #fff;
}

.table_block tbody tr td {
    color: #040677 !important;
}

.table_block td {
    white-space: nowrap;
    color: #000;
    vertical-align: middle !important;
}

.table_block td span span:first-child br {
    display: none;
}

.table > tbody > tr:hover {
    background-color: #04067721;
}
.table
{
width:100% !important;
}




/* Icons */
.glyphicon-edit,
.glyphicon-ok,
.glyphicon-remove {
    color: #040677 !important;
}

/* =========================
   BUTTONS
========================= */
.btn-primary {
    background-color: #040677 !important;
    background-image: none !important;
    border: 1px solid #040677 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    outline: none !important;
    border-color: #040677 !important;
}

.btn-default {
    background-color: #70AD46 !important;
    color: #fff !important;
    background-image: none !important;
    border: 1px solid #70AD46 !important;
}

.btn-default:hover {
    color: #fff !important;
}

.btn-default:focus,
.btn-default.focus {
    outline: none !important;
    border-color: #70AD46 !important;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #fff !important;
}

.btn-default .caret {
    border-top-color: #fff !important;
}
.btn .caret {
    border-top-color: #fff !important;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus {
    color: #fff !important;
}

.btn.disabled:not(:hover),
.btn[disabled]:not(:hover) {
    color: #fff !important;
}

/* =========================
   FORM
========================= */
.r-form,
.r-form > .row {
    margin-bottom: 0 !important;
}

.form-control {
    border: 1px solid #040677 !important;
}

.form-control:focus {
    border: 1px solid #040677 !important;
    box-shadow: none !important;
}

/* =========================
   NAVBAR
========================= */
.navbar .input-group {
    color: #040677 !important;
    background: #fff !important;
}

.navbar .input-group .form-control.form-control {
    color: #040677 !important;
    border: 1px solid #fff !important;
}

.navbar .input-group .form-control.form-control:focus {
    background: #fff;
}

.navbar .input-group .btn.btn:focus {
    color: #fff;
}

.navbar .open > a:hover {
    background: none !important;
}

.navbar .open > a:focus {
    color: #fff !important;
}

.navbar .input-group:focus-within {
    background: #fff !important;
}

/* =========================
   SEARCH
========================= */
.srchPanelRow label {
    color: #040677;
    font-size: 14px;
}

.searchPanelButton {
    color: #040677;
}

/* =========================
   IMAGE
========================= */
.r-images img {
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
    object-fit: contain;
}

/* =========================
   SELECT + CUSTOM INPUT
========================= */
.select_box {
    position: relative;
    <!--width: 200px;-->
    background: #fff;
    border-radius: 4px;
}

.selectAllColumns {
    color: #040677 !important;
}

#invArrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 12px;
    color: #040677;
}

#invList {
    max-height: 500px;
    overflow-y: auto;
    display: block;
    position: absolute;
    width: 150%;
    background: #fff;
    z-index: 99999;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

#invList2 {
    max-height: 500px;
    overflow-y: auto;
    display: block;
    position: absolute;
    width: 150%;
    background: #fff;
    z-index: 99999;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}



#invList div {
    padding: 6px 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
}
#invList2 div {
    padding: 6px 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
}

form input, #invInput
{

       border: 1px solid #040677 !important;
}

/* =========================
   SCROLLBAR
========================= */
::-webkit-scrollbar {
    width: auto;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0406778a, #040677);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #0406778a, #040677);
}

/* =========================
   TOPBAR
========================= */
.topbar {
    display: flex;
    justify-content: space-around;
}

.nav-item {
    text-align: center;
    font-size: 20px;
}

.glyphicon-menu-hamburger {
    font-size: 20px !important;
}

#changePasswordButton1,
#logoutButton1 {
    font-size: 14px !important;
}

/* =========================
   HIDE ELEMENTS
========================= */
.rnr-breadcrumbs,
.breadcrumb {
    display: none !important;
}

.rnr-toplinks a[href*="menu"],
.rnr-toplinks .rnr-home {
    display: none !important;
}

.r-above {
        margin-bottom: 8px;
}
.table-responsive
{
        max-height: 775px;
    min-height: 100px;
    margin-bottom:0 !important;
}



/* =========================
   PAGINATION
========================= */
.pagination {
    margin: 10px 0 0 0 !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #040677 !important;
    border: 1px solid #040677 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: #040677 !important;
    color: #fff !important;
}

.pagination > .active > a {
    background-color: #040677 !important;
    color: #fff !important;
}

/* =========================
   RESPONSIVE
========================= */

@media print, (min-width: 768px) {
    [data-location="supertop"] > [data-cellid]:not(.r-align-right) {
        padding-right: 0;
        padding-left: 6px;
    }

    .navbar-form .input-group > .form-control {
        width: 140px !important;
    }
}



/* =========================
   MOBILE + PRINT FIXES
========================= */
@media print, (max-width: 768px) {
  .nav-item .label {
        display: none;
    }
    

    .dropdown-menu .radio,
    .dropdown-menu .checkbox {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .dropdown-menu {
        background-color: #fff !important;
    }

    .r-topheader {
        position: fixed;
        width: 100%;
        z-index: 9;
    }

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

    .r-vbar-page .r-left[data-fixed],
    .r-vbar-page .r-topheader > .navbar {
        justify-content: space-between;
        margin-bottom: 0;
    }

    .r-vbar-page .r-content-col .r-body {
        padding: 6px !important;
        margin-top: 52px;
    }

    .r-vbar-page .r-content-col .r-body > * {
        width: 100% !important;
        max-width: 100% !important;
    }



    .table-responsive {
        border: none !important;
        overflow:auto !important;
    }

    .select_box {
        width: 120px !important;
    }

    .date_block {
        width: 90px !important;
        height: 40px;
    }

    .date_main {
        gap: 4px !important;
    }

    .r-vbar-page [data-location="supertop"] > 
    [data-cellid]:not(.r-align-right) + .r-align-right {
        margin-left: 0 !important;
    }

    .search_box {
        width: 100px !important;
    }

}