.container{
    min-height: 200px;
}
.mt-1 {
    margin-top: 1em;
}
.mt-2 {
    margin-top: 2em;
}
.mt-3 {
    margin-top: 3em;
}
.mt-4 {
    margin-top: 4em;
}
.mt-5 {
    margin-top: 5em;
}


.mb-1 {
    margin-bottom: 1em;
}
.mb-2 {
    margin-bottom: 2em;
}
.mb-3 {
    margin-bottom: 3em;
}
.mb-4 {
    margin-bottom: 4em;
}
.mb-5 {
    margin-bottom: 5em;
}

.pd-0 {
    padding: 0;
}

.pt-1 {
    padding-top: 1em;
}
.pt-2 {
    padding-top: 2em !important;
}
.pt-3 {
    padding-top: 3em;
}
.pt-4 {
    padding-top: 4em;
}
.pt-5 {
    padding-top: 5em;
}

.pb-1 {
    padding-bottom: 1em;
}

.pb-2 {
    padding-bottom: 2em !important;
}

.pb-3 {
    padding-bottom: 3em !important;
}

.pb-4 {
    padding-bottom: 4em;
}

.pb-5 {
    padding-bottom: 5em;
}
.center {
    display: block !important;
    width: 70%;
    margin: 0 auto;   
}
.centerlogin {
    display: block !important;
    width: 50%;
    margin: 0 auto !important;
    border-radius: 4px;
    margin-top: 20% !important;
}
.color-white {
    background-color: white !important;
}


/*html, body {
    height: 100%;
    margin: 0;
}*/

.h-login {
    height: 80%;
}

#table-wrapper {
    position: relative;
}

#table-scroll {
    height: 70vh;
    overflow: auto;
    margin-top: 20px;
}

#table-wrapper table {
    width: 100%;
}

    #table-wrapper table thead th .text {
        position: absolute;
        top: -20px;
        z-index: 2;
        height: 20px;
        width: 35%;
        border: 1px solid red;
    }


.tableFixHead {
    overflow: auto;
    height: 500px;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #ea6153;
        color: #ffffff;
    }