@import "./styles/layout.scss";

html, body {
    height: 100%;
}

body { 
    font-family: Roboto, Arial, sans-serif;
    margin: 0;
}

.main-container{
    padding: 30px;
    display: flex;
    justify-content: center;
}
.main-container.left{
    justify-content: left;
}
.main-container.right{
    justify-content: right;
}

.light-theme {
    background-color: #f3ebec !important;
    color: #211f20 !important;
}

@media #{$isWebContent}{
    .form-field-group{
        display: flex;
    }
    .form-field-group > mat-form-field{
        flex: 1;
        padding-right: 2px;
        padding-left: 2px;
    }
    .form-field-group > mat-form-field:first-child{
        padding-left: 0px;
    }
    .form-field-group > mat-form-field:last-child{
        padding-right: 0px;
    }
}