/** Self Style*/

.p-0 {
    padding: 0!important
}

.pt-0, .py-0 {
    padding-top: 0!important
}
.disable-div {
    pointer-events: none;
}
.pr-0, .px-0 {
    padding-right: 0!important
}

.pb-0, .py-0 {
    padding-bottom: 0!important
}

.pl-0, .px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1, .py-1 {
    padding-top: .25rem!important
}

.pr-1, .px-1 {
    padding-right: .25rem!important
}

.pb-1, .py-1 {
    padding-bottom: .25rem!important
}

.pl-1, .px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2, .py-2 {
    padding-top: .5rem!important
}

.pr-2, .px-2 {
    padding-right: .5rem!important
}

.pb-2, .py-2 {
    padding-bottom: .5rem!important
}

.pl-2, .px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3, .py-3 {
    padding-top: 1rem!important
}

.pr-3, .px-3 {
    padding-right: 1rem!important
}

.pb-3, .py-3 {
    padding-bottom: 1rem!important
}

.pl-3, .px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4, .py-4 {
    padding-top: 1.5rem!important
}

.pr-4, .px-4 {
    padding-right: 1.5rem!important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4, .px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5, .py-5 {
    padding-top: 3rem!important
}

.pr-5, .px-5 {
    padding-right: 3rem!important
}

.pb-5, .py-5 {
    padding-bottom: 3rem!important
}

.pl-5, .px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.m-0 {
    margin: 0!important
}

.mt-0, .my-0 {
    margin-top: 0!important
}

.mr-0, .mx-0 {
    margin-right: 0!important
}

.mb-0, .my-0 {
    margin-bottom: 0!important
}

.ml-0, .mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1, .my-1 {
    margin-top: .25rem!important
}

.mr-1, .mx-1 {
    margin-right: .25rem!important
}

.mb-1, .my-1 {
    margin-bottom: .25rem!important
}

.ml-1, .mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2, .my-2 {
    margin-top: .5rem!important
}

.mr-2, .mx-2 {
    margin-right: .5rem!important
}

.mb-2, .my-2 {
    margin-bottom: .5rem!important
}

.ml-2, .mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3, .my-3 {
    margin-top: 1rem!important
}

.mr-3, .mx-3 {
    margin-right: 1rem!important
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important
}

.ml-3, .mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4, .my-4 {
    margin-top: 1.5rem!important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem!important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5, .my-5 {
    margin-top: 3rem!important
}

.mr-5, .mx-5 {
    margin-right: 3rem!important
}

.mb-5, .my-5 {
    margin-bottom: 3rem!important
}

.ml-5, .mx-5 {
    margin-left: 3rem!important
}

/** Scroll Bar*/

::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    border-radius: 0px;
    background-color: #bdbdbd;
}

::-webkit-scrollbar {
    width: 7px;
    height: 8px;
    background-color: #ffffff00;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); */
    background-color: #808080;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #9b9b9b;
}

.vert-mid {
    vertical-align: middle;
}

.grade {
    margin: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(-45deg, #00e1ff, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
}

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.rCenter {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fitter {
    margin: 0 auto;
    max-width: 1440px;
    width: 100%
}

p {
    text-align: justify;
}

nav{
    width: calc(100% - 300px)!important;
}
header, main, footer {
    padding-left: 300px;
}

@media only screen and (max-width: 992px) {
    header, main, footer {
        padding-left: 0
    }
    h5>span {
        display: block;
        margin: 0 0 15px 0
    }
    nav{
        width: 100%!important;
    }
}

@media only screen and (min-width: 601px) {
    main>.container, body>.page-footer>.container, .top-nav>.container, #index-banner>.container, .github-commit>.container {
        width: 98%
    }
}

#targetTable {
    /* width: 100%; */
    padding:1px !important;
    font-size: 10px;
    /* overflow-x: auto; */
}
#targetTable td {
    width: 7.1%;
}


body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }