
    :root, [data-bs-theme=light]{
        --bs-nav-link-color:#000 !important;
        --bs-link-color-rgb: #000 !important;
        --bs-pagination-active-bg: #ef4806 !important;
        --bs-pagination-active-border-color: #ef4806 !important;
        --bs-link-color: #000 !important;
    }

    * {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    }
   
    .text-bold {
     font-family: "Open Sans", sans-serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
     font-variation-settings:
       "wdth" 100;
   }


 .active>.page-link,
 .page-link.active {
     z-index: 3;
     color: var(--bs-pagination-active-color);
     background-color: #001d40;
     border-color: #001d40;
 }

 .dropdown-item.active,
 .dropdown-item:active {
     color: var(--bs-dropdown-link-active-color);
     text-decoration: none;
     background-color: #dfdfdf;
 }

 .btn.disabled,
 .btn:disabled,
 fieldset:disabled .btn {
     color: var(--bs-btn-disabled-color);
     pointer-events: none;
     background-color: #bdbdbd;
     border-color: transparent;
     opacity: var(--bs-btn-disabled-opacity);
 }

   .navbar-inverse {
     background-color: #001D40;
     border-color: #001D40;
   }


 .active {
   color: #ef4806 !important;
}   

.disabled {
    pointer-events: none;
    opacity: 0.7;
    color: #ccc;
}

.table-sm td,
.table-sm th {
    padding: .1rem;
}



tr.isEmpty {
    display: none;
}

tr.notisEmpty {
    display: table-row;
}

tr.isDisconnected {
    display: none;
}

tr.notisDisconnected {
    display: table-row;
}

.isDisconnected {
    color: #8e8e8e;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    overflow-y: auto;
    max-height: 300px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #f1662a;
} 

.login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #2b2b2b;
    color: whitesmoke;
}

.logincard {
    margin: auto;
    position: relative;
    max-width: 400px;
    padding-top: 60px;
    padding-bottom: 50px;
}

.pmd-card {
    /* min-width: 250px; */
    padding: 1px 0;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.pmd-z-depth {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !important;
}

.nav-item.active {
    background: #eaeaea

}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    /*  margin-right: 100px; */
    /*  float: right; */
    margin: auto;
}

.border-bottom-black {
    border-bottom: 2px solid #000;
}

.dropdown-toggle.btn-primary {
  background-color: #ef4806;
}

.btn-primary {
    color: #fff;
    background-color: #ef4806;
    border-color: #ef4806;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ef4806;
    border-color: #ef4806;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #e0461e;
    border-color: #4c2319;
}


.btn-secondary {
  color: #fff;
  background-color: #001D40;
  border-color: #001D40;
}

th {
    font-weight: normal;
}

[v-cloak]::before { content: "loading…" }

.bootstrap-table .fixed-table-container{ overflow: visible !important; }
.bootstrap-table .fixed-table-body{ overflow: auto !important; }
.table .dropdown-menu{ z-index: 1080; }


