: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--material{
    background-color: transparent !important;
}

.back-button__icon,
.back-button--material{
    color: #1e88e5 !important;
}

.back-button--material__icon{
    fill: #1e88e5 !important;
}

.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: 20px;
    /*bottom: 80px;*/
    display: inline-block;
    width: 80%;
    left: 10%;

    border: 1px solid #2979ff;
    color: #2979ff !important;
    font-size: 15px;
    border-radius: 10px;
    background-color: white!important;
}

.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;
}