﻿body {
    font-family: 'Roboto';
    font-size: 90%;
}

html,
body {
    height: 100%;
    margin: 0;
}

.wrapper {
    min-height: 95vh;
    width: 100%;
    /*overflow:hidden;*/
}

.wrapperBody {
    min-height: 95vh;
}

.HomeMainImage {
    height: 100% !important;
    background: url(../Images/Login.jpg) no-repeat;
    background-size: cover;
}

.footerCopyright {
    height: 5vh !important;
    position: absolute;
    width: 100%;
}

::-webkit-scrollbar-track {
    background: #ddd;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

@media(max-width:1024px) and (min-width:768px) {
    .md-position-absolute {
        position: absolute !important;
        z-index: 999;
        top: 50%;
        width: 120%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 10px;
        padding-bottom: 26px;
    }

    .md-w-100 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .HomeMainImage {
        height: 100% !important;
        background: url(../Images/Login.jpg) no-repeat;
        background-size: cover;
    }
}

@media (max-width:768px) {
    .md-position-absolute {
    }

    .footerCopyright {
        position: fixed;
        width: 100%;
        bottom: 0;
    }
}

@media (max-height:375px) {
    .footerCopyright {
        display: none;
    }
}

::-webkit-scrollbar-thumb {
    background-color: #fdd500;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #45a3bc;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #3193ad;
    }

.align-right {
    text-align: right;
}




.LeftContainer {
    min-height: 100%;
    color: #58595b;
}

.footer {
    background: #000102;
    color: #fff;
}

.footerCopyright {
    background: #000102;
    color: #fff;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.remove-padding-margin {
    padding: 0 !important;
    margin: 0 !important;
}

.btnBlue {
    /*remove if not used*/
    background: #206eb8;
    color: #fff;
}

.btnBlack {
    background: #000102;
    color: #fff;
}

.fontBlue {
    color: #206eb8;
}

.fontGray {
    color: #58595b !important;
}

.test {
    width: 100%;
}

    .test img {
        width: 100%;
    }

.custom-align-top {
    top: 0;
}

.Custom-Heading {
    font-size: 2em;
    line-height: .75em;
    font-weight: bold;
}

.Custom-Subheading {
    font-size: 1.5em;
    line-height: 0em;
}

@media (max-width: 850px) and (min-width: 768px) {
    .font-850 {
        font-size: 90%;
    }
}
/*li { background: #8ac1f5; }
li:nth-child(odd) { background: #54a5f2; }*/

.btn-green {
    color: #fff !important;
    background-color: #139113 !important;
    transition: all .2s ease !important;
}

.btn-red {
    color: #fff !important;
    background-color: red !important;
    transition: all .2s ease !important;
}
