:root{
    --sencilla-blue: #0e6ddf;
    --sencilla-blue-light: #43b8eb;
    --material-toolbar-background-color:var(--sencilla-blue)!important;
    --material-tabbar-text-color:var(--sencilla-blue)!important;
    --fab-text-color:var(--sencilla-blue)!important;
    --material-tabbar-current-color:var(--sencilla-blue)!important;
    --material-tabbar-active-color:var(--sencilla-blue)!important;
    --material-toolbar-button-color:#FFFFFF!important;
    --material-toolbar-text-color:#FFFFFF!important;
    --fab-background-color:white!important;
    --material-fab-background-color:white!important;
    --list-header-font-size:16px;
    --button-bar-active-background-color: var(--highlight-color);
    --button-bar-active-color: white;
}

.list-header{
    font-size:18px!important;
    font-family: "Open Sans", sans-serif;
    color:var(--sencilla-blue)!important;
}

.page-card{
    height: calc(100% - 16px)
}

.submit-button{
    position: absolute;
    bottom: 80px;
    display: inline-block;
    width: 80%;
    left: 10%;
}

.cancel-button{
    position: absolute;
    bottom: 36px;
    display: inline-block;
    width: 80%;
    left: 10%;
    background-color:grey!important;
}

.x-centered{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.x-w80{
    width: 80%;
}

.x-w50{
    width: 50%;
}

.pl-15{
    padding-left:15px!important;
}

.h-60{
    height:60px!important;
}

.mb-10{
    margin-bottom:10px!important;
}

.list-item-large{
    margin: 20px 5% 10px 5%!important;
    width: 90%!important;
    border-radius: 10px;
    border: 1px solid #C3E7FF;
    height: 64px!important;
}

.round-item-left{
    background-color: #C3E7FF;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 10px!important;
}

.text-orbitron, .text-orbitron span{
    font-family: 'Orbitron'!important;
    letter-spacing: 2px!important;
}

.yellow{
    color:yellow;
}

#progress{
    background-color:rgba(0,0,0,0.1);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10000;
    visibility: hidden;
}

#progress svg{
    position: absolute;
    top: 49%;
    left: 49%;
}

.opensans, p, span, div, button{
    font-family: "Open Sans", sans-serif;
}

.segment-button-active{
    background-color: var(--button-bar-active-background-color);
    color: white;
}