@import "https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700,800,900";
@font-face {
    font-family: 'DINPro Light';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro Light'), url('../fonts/DINPro-Light%20tr.woff') format('woff');
}
@font-face {
    font-family: 'DINPro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro Bold'), url('../fonts/DINPro-Bold%20tr.woff') format('woff');
}
@font-face {
    font-family: 'GillSansMTPro-Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gill Sans MT Pro Light'), url("GillSansMTPro-Light.woff") format("woff");
}

body
{
    margin: 0px auto !important;
    min-width: 520px;
    max-width: 1200px;
}

.mainContent
{
    flex-grow: 1;
    /* overflow-y: auto; */
    /*width: calc(100%-40px);*/
    padding: 20px;
}
.contentTitle
{
    background-color: #EFF0F1;
    font-family: 'DINPro Bold', Roboto, sans-serif;
    font-size: 20px;
    /*font-weight: 800;*/
    padding: 1em;
}
.miniTitle
{
    background-color: #EFF0F1;
    font-family: 'DINPro Bold', Roboto, sans-serif;
    font-size: 18px;
    /*font-weight: 600;*/
    padding: 0.5em 1em;
}
P
{
    font-family: Roboto, sans-serif;
    font-size: 16px;
    /*font-weight: 400;*/
}

.snack-bar-error-panel {
    background: #ff3838 !important;
    color: #ffffff !important;
    min-width: 250px !important;
}   

.snack-bar-success-panel {
    background: green !important;
    color: #ffffff !important;
    min-width: 250px !important;
}   

.hidden {
    display: none;
}