html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif !important;
    //background-color: #EEEEEE;

}

body {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    background-image: url("../img/bg-001.jpg");
    //height: 100%;
    //background-position: center;
    //background-repeat: no-repeat;
    //background-size: cover;
}

main {
    flex: 1 0 auto;
}
footer {
    flex-shrink: 0;

}

.w-98 {
    width: 98% !important;
}

.h-100 {
    min-height: 100px !important;
}
input.fs-12pt {
    font-size: 10pt !important;
}

.align-center {
    margin-left: auto;
    margin-right: auto;

}
.text-center{
    text-align: center;
}

.border-none {
    border: none !important;
}

.grey-2{
    background-color: #EEEEEE !important;
}
.grey-4{
    background-color: #333333 !important;
}
.orange-dark {
    color:#ff8c00;
}

.white {
    background-color: #FFFFFF !important;
}

.cbg-rounded {
    border-radius: 5px !important;
    border: #333333 1px rgba(0,0,0,0.8) !important;
}

.nftr-image {
    background-image: url("../img/header-600x150-2022-03-15-001.jpg"); /* The image used */
    background-color: #333333; /* Used if the image is unavailable */
    height: 150px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    line-height: 60px;
    color: #e6e6e6;
}

.container {
    padding: 0 !important;
    margin: 0 !important;

}


.center-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;

}
:root:root {
    --footer-back-color: none !important;
}
.cbg-footer {
    border: none !important;
    background-color: none !important;

}

.cbg-footer p{
    font-size: 0.8em !important;
}

.cbg-footer p img{
    max-width: 300px !important;
}

.danger {
    background-color: #ef9a9a;
    color: #b71c1c ;
}

.success{
    background-color: #c8e6c9;
    color: #1b5e20;
}

.hiya {
    display: none;
}

/*--CSS 3 Animation--*/

.fade-in {
//margin-top: 25px;
//font-size: 21px;
//text-align: center;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/*--CSS 3 Animation End--*/