:root
{
    --cart-bg-color: #F3F3F3;
    --border-color: #E3E3E3;
    --icons-color: #989898;
    --text-color: #969696;
    --light-border: #FAFAFA;
    --light-shadow: #A2D6EB;
    --warning: #f39c12;
    --accent: #3985BD;
    --error: #ff5252;
    --icon-font-size: 1.25rem;
}
#app
{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.col-md-8.nopadding, .col-md-4.nopadding
{
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.col-md-8.nopadding::-webkit-scrollbar, .col-md-4.nopadding::-webkit-scrollbar
{
    display: none;
}

.generalLoading, .backdrop
{
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    background: rgba(0,0,0,0.4);
    z-index: 100;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(5px);
}
.generalLoading.noBlur, .backdrop.noBlur
{
    backdrop-filter: none;
}

.generalLoading.noBlur > h2
{
    color: white;
    text-align: center;
    top: calc(50% - 38px);
    display: block;
    position: relative;
}

.listItem
{
    height: 41px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: var(--text-color);
    font-size: 14px;
    font-family: "Roboto regular";
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.errorMsg
{
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    text-align: center;    
    color: white !important;
    background-color: #E19B85 !important;
    border-radius: 4px !important;
}

.invisible
{
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 0;
    opacity: 0;
    position: fixed;
}

textarea, select, input, button { outline: none; }