/* 
    Created on : 22/05/2020, 01:44:30 PM
    Author     : manuel
*/

body {
    font-family: "Roboto-Regular", "Segoe Ui";
    font-size: 1.2rem;
    font-weight: normal;
    color: rgb(29, 33, 41);
    /*color: #6b747e;*/
    /*background-color: #C9CCD0;*/
    background-color: #f5f7f7;
    -webkit-appearance: none;
}

strong {
    color:#3e4355;
}

hr {
    color:grey;
    max-width: 300px;
}

.title {
    color:#4F93CE;
    font-size: .8rem;
}

.logosvg {
    filter: invert(0.5) sepia(1) saturate(1.5) hue-rotate(165deg) brightness(1.2) contrast(1);
}

.top_menu{
    /*overflow:hidden;*/
    /*padding: .5rem;*/
    /*height: 3rem;
    font-size: .8rem;
    box-shadow: 0px 1px 0px 0px #B7B7B7;*/
    /*margin-left:auto; 
    margin-right:auto;*/
    background-color: white;
}

.bottombar {
    float:center;
    overflow:hidden;
    justify-content: center; 
    color:#808080; 
    text-align: center;
    background-color: white;
    height: 45px;
    width: 100%;
    vertical-align: bottom;
    position: fixed;
    bottom: 0;
    left:0; 
    right:0;
    padding-top:6px; 
    border-style: solid;
    border-color:white;
    border-top-color: #CCCCCC; 
    border-width: 1px;
    z-index: 999;
}

.white_box_rnd {
    background-color: white; 
    border-radius: .3rem; 
}
    
.themable_svg {
    filter: invert(0.5) sepia(1) saturate(1.5) hue-rotate(165deg) brightness(1.2) contrast(1);
}


.circle {
    background: #8BC2F0;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: #FFFFFF;
    }

    strong {
        color: #FFFFFF;
    }

    hr {
        background-color: #4C9EEB;
    }

    .top_menu{
        background-color: #171F2A;
        /*border-style: solid;
        border-bottom-width: 1px;
        border-top-color: #171F2A;
        border-left-color: #171F2A;
        border-right-color: #171F2A;
        border-bottom-color: #4C9EEB;*/
        color:white;
        /*box-shadow: none;*/
    }
    
    .bottombar.hideondesktop {
        color: #4C9EEB;
        background-color: #171F2A;
        border-top-width:2px;
        border-top-color:#4C9EEB;
        border-bottom-width: 0px;
        border-left-width: 0px;
    }
    
    .white_box_rnd {
        background-color: #171F2A;
        box-shadow: none; 
    }
    
    .themable_svg {

    }
}

@font-face{
    font-family:BS-Gothic-Regular;
    src: url('../fonts/BS-Gothic-Regular.woff2'),
        url('../fonts/BS-Gothic-Regular.woff2');
}
@font-face{
    font-family:BS-Gothic-Bold;
    src: url('../fonts/BS-Gothic-Bold.woff2'),
        url('../fonts/BS-Gothic-Bold.woff2');
}
@font-face{
    font-family:Roboto-Regular;
    src: url('../fonts/Roboto-Regular.ttf'),
        url('../fonts/Roboto-Regular.ttf');
}
@font-face{
    font-family:Roboto-Light;
    src: url('../fonts/Roboto-Light.ttf'),
        url('../fonts/Roboto-Light.ttf');
}
@font-face{
    font-family:Segoeui;
    src: url('../fonts/Segoeui.ttf'),
        url('../fonts/Segoeui.ttf');
}