@font-face {
    font-family: noteworthy-bold;
    src: url(resources/Noteworthy-Bold.ttf)
}

body {
    background-color: #ECEFF1;
}

.app-title {
    text-align: center;
    color: white;
    font-family: noteworthy-bold;
    text-shadow: 2px 2px 0px RGBA(38,50,56,1);
    font-size: 36px;
}

.bg-matcare {
    background-color: #607D8B;
}

.bg-matcare-dark {
    background-color: #263238;
    color: white;
}

.text-body {
    background-color: #CFD8DC;
}

.header-light {
    background-color: #B0BEC5;
    color: black;
}

.header-mid-light {
    background-color: #90A4AE;
    color:black;
}

.header-dark {
    background-color: #455A64;
    color: white;
}

.black-inverse {
    background-color: black;
    color: white;
}

.centered {
    display: block;
    margin: auto;
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}
.white-text {
    color: white;
}


.space {
    height: 1rem;
}

.icon {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border-color: #ECEFF1;
    border: 20px;
}

#body-container {
    overflow-y: scroll;
}

.btn {
    margin: 2px;
}

.grey {
    background: linear-gradient(#999,#333);
    color: white;   
}

.light-grey {
    background: linear-gradient(#fff,#ddd);
    color: #333;
}

.scroll-view {
    height: 300px;
    overflow-y: scroll;
}