@media only screen and (min-width: 768px) {
    /* 
    FULLSCREEN
    */
    .red-divider {
        margin-top: 0rem;
        margin-bottom: 0rem;
        border-top: 0px solid #C8202F;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

    .navbar {
        background-color: #fff!important;
        padding-top: 0px;
    }

    .menu-selected{
        background-color: #C8202F!important;
        color : #FFFF!important
    }

    .menu-unselected{
        background-color: #FFFF!important;
        color : black
    }

    .main-menu{
        padding: 2.5em 0em 2em 0em!important;
    }

    .main-menu-wrapper {
        padding: 0rem 3rem .5rem 3rem;
    }

    .selection-divider{
        background-color: #C8202F;
    }

    .user-badge {
        display: flex;
    }

    .account-dropdown {
        display: none;
    }
}

@media only screen and (max-width: 767.5px) {
    /* 
    MOBILE
    */  

    .red-divider {
        margin-top: 0rem;
        margin-bottom: 0rem;
        border-top: 1px solid #FFFF;
        margin-inline-start: 1em;
        margin-inline-end: 1em;
    }

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

    .navbar {
        background-color: #C8202F!important;
    }

    .menu-selected{
        color : #FFFF!important
    }

    .menu-unselected{
        color : #DDDD
    }

    .main-menu {
        background-color: #C8202F!important;
        padding: 5px 0px!important;
    }

    .main-menu-wrapper {
        padding: .5rem 3rem;
    }

    .selection-divider {
        background-color: transparent;
    }

    .user-badge {
        display: none;
    }

    .account-dropdown {
        display: block;
    }
}

.custom-cm{
    background-color:#ffffff;
    border: 1px solid;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    z-index: 10;
    position: absolute;
    top:0;
    left:0;
    padding:10px 0;
    width:200px;
    display: none;
}

.custom-cm__item{
    cursor: pointer;
    padding: 8px 15px;
}

.custom-cm__item:hover{
    background-color: #F9B975
}

.custom-cm__divider{
    border-bottom: 1px solid #eeeeee;
    margin: 10px 0;
}



html{
    /*
    Needed in order to overwrite the import of Bootstrap 3's glyphicons
    */
    font-size: 1rem!important;
    min-height: 100%;
    position: relative;
    /* background-color: #EEE5E9;
    color: #2b303a; */
}

body {
    height: calc(100% - 100px); 
    margin-bottom: 100px; /* Margin bottom by footer height */
    /* background-color: #EEE5E9;
    color: #2b303a; */
}

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;

    background: #666;
    border: 2px solid #666;
    border-color: #666;
    color: #000;
    text-align: center;
    cursor: pointer;

    font: 32px Arial, sans-serif;
}

.user-badge {
    background-color: #666;
    width: 48px;
    height: 48px;
    padding: 8px;
    border-radius: 50%;
}

.dropdown-toggle::before {
    content: none !important;
}

.user-icon {
    font-size: 1.5rem;
}



.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px; /* Set the fixed height of the footer here */
    line-height: 80px; /* Vertically center the text there */
    background-color: #f5f5f5;
    padding-top: 10px;
}

h3 {
    font-size: 1rem;
}

#footerCol1 {
    text-align: right;
    border-color: #C8202F;
    border-width: 0px;
    border-right-width: .5em;
    border-style: solid;
    padding-right: 0px;
}

#footerCol2 {
    text-align: left;
    padding-left: 0px;
}

.navbar-dropMenu {
    background-color: #C8202F;
    border-width: 0px;
    color: white;
    text-align: center;
}

/* .btn-danger {
    background-color: #C8202F;
    border-color: #C8202F;
}

.btn-primary {
    background-color: #92DCE5;
    border-color: #92DCE5;
}

.btn-info {
    background-color: #EEE5E9;
    border-color: #EEE5E9;
}

.btn-success{
    background-color: #2ec820;
    border-color: #2ec820;
}

.btn-outline-success{
    color: #2ec820;
    border-color: #2ec820;
} */

/* Primary */
[class*="primary"] {
    background-color: #247BA0 ;
    border-color: #247BA0 ;
}

[class*="outline-primary"] {
    background-color: white;
    border-color: #247BA0 ;
    color: #247BA0 ;
}

/* Success */
[class*="success"] {
    background-color: #5FAD56;
    border-color: #5FAD56;
}

[class*="outline-success"] {
    background-color: white;
    border-color: #5FAD56;
    color: #5FAD56 ;
}


.toast-bottom-center {
    bottom: 100px!important;
}

.toast-bottom-full-width {
    bottom: 100px!important;
}

.toast-button{
    
}

#footerCol1 .container{
    padding-left: 0;
}

#footerCol2 .container{
    padding-right: 0;
}

.warning-message{
    color: red;
    font-size: 1rem;
}

.success-message{
    color: green;
    background-color: transparent;
    font-size: 1rem;
}