/* MAIN COLOR */
.bg-main{
    background-color: #2B2B2B;
}

.text-main{
    color: #2B2B2B;
}

/* HTML HEIGHT */
html{
    height: 100% !important;
}

/* MIN HEIGHT */
.mh-100vh{
    min-height: 100vh;
}

.mh-100{
    min-height: 100% !important;
}

/* BUTTON MAIN */
.btn.bg-main:hover,
.btn.bg-main:focus-visible,
#btn-lgn:disabled,
.btn.bg-main:active{
    color: #2B2B2B !important;
    border-color: #2B2B2B;
}

/* INFRONT ALL LAYER */
.infront-all{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background-color: white;
}

/* MAIN ROLE */
[role="main"] {
    padding-top: 75px;
    /*padding-top: 133px;
     Space for fixed navbar */
}

@media (min-width: 768px) {
    [role="main"] {
        padding-top: 48px;
        /* Space for fixed navbar */
    }
}

/* NAVBAR */
.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

/* MIN WEIGHT */
.mw-50p{
    min-width: 50%;
}

.mw-60p{
    min-width: 60%;
}

.mw-70p{
    min-width: 70%;
}

.mw-80p{
    min-width: 80%;
}

.mw-90p{
    min-width: 90%;
}

/* DATATABLES */
.table-data tr td{
    border-bottom-width: 0 !important;
}

/* MODAL */
.modal {
  overflow-y:auto;
}