@font-face {
    font-family : DINPro;
    src         : url("../fonts/DINWebPro-Light.woff") format("woff");
}

html body *:not(.fa):not(.far):not(.fab):not(.fas):not(.glyphicon):not(text):not(.ag-icon):not(.ag-radio-button-input-wrapper) {
    font-family : DINPro, Helvetica, Arial, Sans-Serif !important;
}

body {
    font-size : 14px;
}

.pull-right {
    float : right;
}

.pull-left {
    float : left;
}

@media (min-width : 768px) {
    .container {
        width : 748px !important;
    }
}

@media (min-width : 992px) {
    .container {
        width : 967px !important;
    }
}

@media (min-width : 1200px) {
    .container {
        width : 1170px !important;
    }
}

.container > .row {
    display         : flex;
    justify-content : center;
}

.login-panel {
    margin-top       : 200px;
    margin-bottom    : 20px;
    background-color : #fff;
    border           : 1px solid transparent;
    border-radius    : 4px;
    border-color     : #ddd;
    box-shadow       : 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
    background              : #1a1a1b;
    color                   : #fff;
    font-weight             : bold;
    font-size               : 14px;
    border-color            : #ddd;
    padding                 : 10px 15px;
    border-bottom           : 1px solid transparent;
    border-top-left-radius  : 3px;
    border-top-right-radius : 3px;
}

.panel-body {
    padding : 15px;
}

.app-title-label {
    font-size   : 36px !important;
    line-height : 1.4;
}

.app-title {
    color        : #fff;
    margin-right : 10px;
    margin-top   : 10px;
}

.form-group {
    margin-bottom : 15px;
}

.form-control {
    font-size : 14px !important;
}

.form-control:valid, .form-control:invalid {
    background-image : unset !important;
}

.btn {
    font-size : 14px !important;
}

a {
    color : #76b900 !important;
}

.btn-primary, .btn-primary:focus {
    background   : #76b900 !important;
    border-color : #76b900 !important;
}

.btn-primary:disabled, .btn-primary:disabled:focus, .btn-primary:disabled:hover {
    color            : #333 !important;
    background-color : #fff !important;
    border-color     : #ccc !important;
    opacity          : 0.5 !important;
}

.error_msg {
    color      : darkred;
    margin-top : 5px;
}

.hidden {
    display: none !important;
}

.center {
    display: flex;
    justify-content: center;
}

.submit-group{
    display: flex;
}
.submit-group > .submit-button {
    flex-grow: 1;
}