body {
    background: #ffffff;
    font-family: 'Open Sans',sans-serif;
    color: #1f1f1f;
}

.content:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: -2;
    left: 0;
    right: 0;
    background-image: -webkit-radial-gradient(top, circle cover, #ffffff 0, #ffffff 70%);
    background-image: -moz-radial-gradient(center, circle cover, #ffffff 0, #ffffff 70%);
    background-image: -o-radial-gradient(center, circle cover, #ffffff 0, #ffffff 70%);
    background-image: radial-gradient(center, circle cover, #ffffff 0, #ffffff 70%);
    background-position: 50%, 50%;
}

.table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td
{
    border-color: #ffffff;
}

.datatable
{
        padding: 10px;
    box-shadow: 0px 2px 4px 2px rgb(0 0 0 / 8%);
}

.datatable .table>colgroup+thead>tr:first-child>th a
{
        color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 119%;
    letter-spacing: 0.07px;
}

.datatable .table>thead>tr:first-child
{
    background: var(--Foundation-Neutral-neutral-4, #F0F0F0);
}

.datatable .table>thead>tr:first-child th
{
    color: #000;
}

.datatable .table-striped>tbody>tr:nth-of-type(odd)
{
    background-color: rgb(255 255 255);
}

.datatable .table tr td
{
    border-bottom: 0.3px solid var(--Foundation-Neutral-neutral-5, #D9D9D9)!important;
    border-color: #dfdfdf;
    border-top: 0px solid;
    border-left: 0px;
    border-right: 0px;

}

.tabs-x .tab-content
{
        background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,16%);
}

.checklist-index h1
{
    color: #2f3037;
    font-size: 25px;
    font-weight: 600;
}

.tabs-x .nav-tabs>li.active>a, .tabs-x .nav-tabs>li.active>a:hover, .tabs-x .nav-tabs>li.active>a:focus
{
    background-color: #ffffff!important;
}

.nav-tabs>li
{
        float: left;
    margin-bottom: 5px;
}

.panel.panel-filled
{
        background-color: rgb(255 255 255 / 50%);
}
.panel-heading .panel-title
{
    color: #2f3037;
}
.panel-filled .table-bordered>thead>tr>th
{
        border-color: #ffffff;
}

.panel-filled .table-bordered>thead>tr>td
{
    
}

.btn-success:hover {
    color: #fff;
    background-color: #1bbf89;
    border-color: #1bbf89;
}

.form-control {
    color: #949ba2;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
}

.checklist-update
{
    box-shadow: 0px 2px 4px 2px rgb(0 0 0 / 8%);
    color: #2f3037;
}

.checklist-update h1
{
            color: #E7AB64;
    font-size: 23px;
    margin-top: 5px;
    font-weight: 600;
    border-bottom: 1px solid var(--Neutrals-N30, #EBECEF);
    padding-bottom: 15px;
    padding: 15px;
}

.control-label
{
       color: #000000;
    font-size: 15px;
    font-weight: 400;
}
.form-group
{
        padding: 10px;
    padding-left: 15px;
}

.checklist-update .tabs-x 
{
    margin: 15px;
}

.checklist-update .form-group .btn label
{
    color: #1bbf89;
}

.table-hover>tbody>tr:hover
{
    background-color: #fff;
}
.tabs-x li a
{
    background-color: #f5f5f5;
    left: 0px;
    color: #e7ab64;
    font-weight: bold;
    top: 0px;
    font-family: "Open Sans";
}

.pagination li a
{
    background-color: #f5f5f5;
    left: 0px;
    color: #9f9f9f;
    font-weight: bold;
    top: 0px;
    font-family: "Open Sans";
}

.tabs-above > .nav-tabs > li > a:hover
{
 color: #e7ab64 !important;
    font-weight: bold;
    border-top: 2px solid #e7ab64 !important;
}

   
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgb(255 255 255 / 50%)
}

.panel
{
    color: #454545;
}

.table  thead tr:first-child
{
    background-color: #F0F0F0;
}
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th
{
    color: #454545;
}

.panel>.table-responsive>.table-bordered>thead>tr::nth-child(2)>th
{
     border-bottom: 1px solid #d7d7d7;
}
.panel>.table-responsive>.table-bordered>thead>tr::nth-child(2)>td,
.table>colgroup+thead>tr:first-child>th
{
     border-bottom: 1px solid #d7d7d7;
}


.panel>.table-responsive>.table-bordered>thead>tr:first-child>th ,
.table>colgroup+thead>tr:first-child>th
{
    color: #454545;
}


.panel>.table-responsive>.table-bordered>thead>tr:first-child>th a
{
    color: #454545;
}
a{
    color: #4b4b4b;
    text-decoration: none;
}

.pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus
{
        color: #454545;
    background-color: rgba(97,103,121,0.1);
    border-color: #616779;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus
{
        color: #3b3b3b;
    background-color: rgba(97,103,121,0.1);
    border-color: #616779;
}

.panel>.table-responsive>.table-bordered>tbody>tr>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td
, .table-bordered>tbody>tr>td
{
    border-bottom: 1px solid #d7d7d7;
}

.table-bordered>tbody>tr>td
{
    border-top: 1px solid #d7d7d7;
}
ul.nav-tabs ul.dropdown-menu
{
        background: #fdfdfd;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus
{
        background-color: #eee;
    border: none;
    border-top: 2px solid;
}

.tabs-x.tabs-above > ul.nav-tabs li ul.dropdown-menu li a
{
        color: #616060 !important;
}

.tabs-x.tabs-above > ul.nav-tabs li.dropdown.active ul.dropdown-menu li.active a, .tabs-x.tabs-above > ul.nav-tabs li.dropdown.active.open ul.dropdown-menu li.active a
{
        background: #ffffff;
    border-top: none !important;
}

.grid-view
{
        padding: 10px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,16%);
}
th
{
    color: #373737;
}
.national-settings-view
{
        padding: 15px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,16%);
}
.input-group-btn
{
        display: flex;
    width: 250px;
    justify-content: space-between;
    flex-flow: wrap;
}

.file-input .input-group 
{
            display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.file-caption .input-group .form-control:first-child
{
       width: 200px;
    margin: 10px;
}
.file-caption
{
    display: flex;
}
.modal-content
{
    background-color: #ffffff;
}
.modal-content .modal-header
{
        background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,16%);
    border-color: transparent;
}
.navigation nav
{
    background-color: #ffffff;
}

.luna-nav.nav .nav-category
{
        color: #919191;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
}

.luna-nav.nav .nav-info
{    
    margin-top: 50px;
    padding: 20px 25px 25px 25px;
    font-size: 12px;
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
}

.c-white
{
    color: #2f3037;
}
.navigation:before
{
        background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,16%);
}

.navigation
{
    background-color: #ffffff;
    height: 100vh;
    overflow: scroll;
    position: fixed;
}

.container-center
{
        max-width: 400px;
    margin: 10% auto 0;
    padding: 20px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,16%);
}

#login-form .form-group
{
    padding: 0px;
    padding-left: 0px;
}

.container-center
{
        max-width: 400px;
    margin: 40px auto 0;
    padding: 20px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,16%);
}
.login-card
{
    padding: 0!important;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}


/* .luna-nav.nav li a:hover, .luna-nav.nav li a:focus {
    border-left: 6px solid #edb067;
    padding-left: 19px;
    background: inherit;
} */

.panel>.panel-heading
{
    background: #ffffff;
}

.custom-production-code-label
{
        background: #f1a225;
    color: #ffff;
    font-weight: 500;
    width: 90px;
    margin: 2px;
    font-size: 13px;
    line-height: 16px;
    border-radius: 2px;
    padding: 2px;
}


.label_1
{
    background: #163fa5;
    border-color: #163fa5;
}

.label_2
{
    background: #2318b7;
    border-color: #2318b7;
}

.label_3
{
    background: #048f59;
    border-color: #048f59;
}

.label_4
{
    background: #518500;
    border-color: #518500;
}


.label_5
{
    background: #dd9409;
    border-color: #dd9409;
}

.label_6
{
    background: #dd6d09;
    border-color: #dd6d09;
}

.label_7
{
    background: #dd1409;
    border-color: #dd1409;
}

.label_8
{
    background: #8e01a7;
    border-color: #8e01a7;
}

.login-container 
{
    background-image: url('../image/background.webp');
    background-position: center;
    background-size: cover;
    height: 100%;
}
.login-container .container-center
{
        background: #fff;
    border-radius: 10px;
}
.login-container .view-header
{
        margin: 20px 0;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    height: 60px;
}
.login-container .view-header .header-title
{
    margin: 0;
}

.login-container .navbar-brand span
{
        letter-spacing: normal;
    float: right;
    font-size: 14px;
    margin-left: -15px;
    color: #000000;
}
.login-left-item
{
        position: absolute;
    left: 0;
    bottom: 0;
}

.login-right-item
{
        position: absolute;
    right: 0;
    bottom: 0;
}
.login-card .btn-accent
{
    color: #edb067;
}

.login-card .btn-accent:hover
{
    color: #ffffff;
    background: #edb067;
}
.login-card .field-login-form-rememberme label 
{
    color: #edb067;
}
.navbar-default
{
        border-bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 5px #161616;
}
.panel-filled .table-striped>tbody>tr:nth-of-type(odd)
{
    background-color: #44464f;
    color: #fff;
}

/* For WebKit-based browsers (Chrome, Safari, etc.) */
::-webkit-scrollbar {
    width: 10px;              /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1;      /* Background of the scrollbar track */
}

::-webkit-scrollbar-thumb {
    background-color: #888;   /* Color of the scrollbar thumb */
    border-radius: 10px;      /* Roundness of the scrollbar thumb */
    border: 3px solid #f1f1f1; /* Padding around the thumb */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;   /* Color of the scrollbar thumb on hover */
}

/* For Firefox */
body{
    scrollbar-width: thin;          /* Width of the scrollbar */
    scrollbar-color: #888 #f1f1f1;  /* Thumb color and track color */
}


.navigation::-webkit-scrollbar {
    width: 10px;              /* Width of the scrollbar */
}

.navigation::-webkit-scrollbar-track {
    background: #f1f1f1;      /* Background of the scrollbar track */
}

.navigation::-webkit-scrollbar-thumb {
    background-color: #888;   /* Color of the scrollbar thumb */
    border-radius: 10px;      /* Roundness of the scrollbar thumb */
    border: 3px solid #f1f1f1; /* Padding around the thumb */
}

.navigation::-webkit-scrollbar-thumb:hover {
    background-color: #555;   /* Color of the scrollbar thumb on hover */
}
.navigation
{
    scrollbar-width: thin;          
    scrollbar-color: #888 #f1f1f1;  
}
.content 
{
    overflow: hidden;
}

.grid-view:focus-visible {
    outline: 1px solid hsl(0, 4%, 89%);
}

.panel>.table-responsive:focus-visible {
    outline: 1px solid hsl(0, 4%, 89%);
}
.panel-heading .summary
{
    color: #2f3037;
}