@font-face {
    font-family: 'din pro';
    src: url('../fonts/d-din-pro-400-regular-webfont.woff2') format('woff2'),
    url('../fonts/d-din-pro-400-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'din pro';
    src: url('../fonts/d-din-pro-500-medium-webfont.woff2') format('woff2'),
    url('../fonts/d-din-pro-500-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'din pro';
    src: url('../fonts/d-din-pro-600-semibold-webfont.woff2') format('woff2'),
    url('../fonts/d-din-pro-600-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'din pro';
    src: url('../fonts/d-din-pro-700-bold-webfont.woff2') format('woff2'),
    url('../fonts/d-din-pro-700-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'din pro';
    src: url('../fonts/d-din-pro-800-extrabold-webfont.woff2') format('woff2'),
    url('../fonts/d-din-pro-800-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}
@font-face {
    font-family: 'din pro';
    src: url('../fonts/d-din-pro-900-heavy-webfont.woff2') format('woff2'),
    url('../fonts/d-din-pro-900-heavy-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}

.sb-topnav .languages {}

.datagrid {
    padding: 0;
}

.datagrid .datagrid-toolbar {
    display: block;
    float: none;
}

.datagrid .datagrid-exports,
.datagrid .datagrid-settings {
    float: right;
}

.flagSelect .selectize-dropdown-content {
    padding-left: 5px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.sp-container.sp-flat {
    z-index: auto;
}

.datagrid-quickfilter .btn.active,
.nav .btn.active{
    box-shadow: 0 0 0 0.30rem rgba(150, 150, 150, 0.5) !important;
}

/* DEV */
.btn-env-dev {
    color: #fff;
    background-color: #13a53f;
    border-color: #13a53f;
}

.btn-env-dev.active, .btn-env-dev:active, .btn-env-dev:hover {
    color: #fff !important;
    background-color: #0e7a2f !important;
    border-color: #0e7a2f !important;
}

.btn-env-dev:focus {
    box-shadow: 0 0 0 0.25rem rgba(14, 122, 47, 0.5) !important;
}
/* TEST */
.btn-env-test {
    color: #fff;
    background-color: #1b8bcc;
    border-color: #1b8bcc;
}
.btn-env-test.active, .btn-env-test:active, .btn-env-test:hover {
    color: #fff !important;
    background-color: #136c9f !important;
    border-color: #136c9f !important;
}

.btn-env-test:focus {
    box-shadow: 0 0 0 0.25rem rgba(19, 108, 159, 0.5) !important;
}

/* PREPROD */
.btn-env-preprod {
    color: #fff;
    background-color: #e88310;
    border-color: #e88310;
}
.btn-env-preprod.active, .btn-env-preprod:active, .btn-env-preprod:hover {
    color: #fff !important;
    background-color: #ab610c !important;
    border-color: #ab610c !important;
}

.btn-env-preprod:focus {
    box-shadow: 0 0 0 0.25rem rgba(171, 97, 12, 0.5) !important;
}

/* PROD */
.btn-env-prod {
    color: #fff;
    background-color: #cc1b39;
    border-color: #cc1b39;
}
.btn-env-prod.active, .btn-env-prod:active, .btn-env-prod:hover {
    color: #fff !important;
    background-color: #8f1429 !important;
    border-color: #8f1429 !important;
}

.btn-env-prod:focus {
    box-shadow: 0 0 0 0.25rem rgba(143, 20, 41, 0.5) !important;
}

.selectize-control.is-valid .selectize-input {
    border: 1px solid #198754 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(2em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}


/* LAYOUT */

.sb-topnav {
    border-bottom: 1px solid #919191;
    height: 60px;
}

.sb-topnav .navbar-logo {
    text-decoration: none;
    white-space: nowrap;
    display: block;
    font-family: "din pro", sans-serif;
    font-weight: bold;
    width: auto;
}

.sb-topnav .navbar-logo img {
    height: 40px;
    float: left;
    padding-right: 8px;
}

.sb-topnav .navbar-logo .title {
    color: #051d37;
    font-weight: bold;
    font-size: 39px;
    line-height: 33px;
}

.sb-topnav .navbar-logo .subtitle {
    color: #6d6e71;
    font-size: 13px;
}

.navbar-bluepanel {
    background-color: #051d37;
    height: 28px;
    align-self: start;
    font-family: "din pro", sans-serif;
    margin-top: 10px;
}

.navbar-languages {
    background-color: #1e9dd9;
    color: white;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
}

.navbar-languages .nav-item:before {
    content: "|";
    float: left;
    color: #b7e0f2;
}

.navbar-languages .nav-item:first-of-type:before {
    display: none;
}

.navbar-languages a:hover {
    text-decoration: underline;
}

.navbar-user {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}

.navbar-user a {
    text-decoration: none;
}

.navbar-user a:hover {
    text-decoration: underline;
}

.page-footer {
    border-top: 1px solid #919191;
    height: 130px;
}

.page-footer .footer-logos a {
    display: inline-block;
    padding: 0 20px;
    text-decoration: none;
}

.page-footer .footer-logos img {
    height: 30px;
}

.page-footer .footer-logos a:not(:first-child):before{
    display: inline-block;
    position: relative;
    content: '';
    border-left: 1px solid black;
    height: 20px;
    width: 0;
    top: 5px;
    left: -20px;

}

.page-footer .footer-text {
    font-size: 13px;
}

#layoutSidenav #layoutSidenav_content {
    min-height: calc(100vh - 100px - 130px);
}

#layoutAuthentication {
    min-height: calc(100vh - 130px);
}

.sb-sidenav {
    height: 100%;
}

.sb-sidenav .sb-sidenav-menu {
    height: 100%;
    overflow-y: auto;
}

.form-select-sm.selectize-control {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.selectize-input {
    border-radius: 0.2rem;
}

body {
    min-width: 800px;
}

.home-count {
    width: 50px;
}

.home-card {
    min-height: 340px;
}