/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Regular.eot');
    src: url('./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Roboto-Regular.woff2') format('woff2'),
    url('./fonts/Roboto-Regular.woff') format('woff'),
    url('./fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-roboto {
    font-family: 'Roboto';
}

body {
    font-size: 17px;
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
    align-items: initial;
    flex-direction: column;
}
.navbar-brand {
    display: inline-block;
    overflow: inherit;
    font-size: 2rem;
    padding: 15px 15px 15px 0;
    margin-right: 0;
    line-height: 20px;
}
.navbar-light .navbar-brand {
    color: #777777;
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: #5e5e5e;
}

.progression {
    margin: 0 0 10px 0;
}
.progression .top-content {
    padding: 0;
    margin: 0;
}

.btn {
    border-radius: 0 0 0 0;
    transition: 0.3s;
}
.btn:focus,
.btn:hover {
    color: #fff;
}

.row.no-margins {
    margin-left: 0;
    margin-right: 0;
}

.vrs_core .ls-label-question  {
    font-weight: 600;
}

.vrs_core .text-info,
.vrs_core .ls-questionhelp  {
    color: #444444;
}
.vrs_core .question-container {
    box-shadow: 0 4px 5px rgba(0,0,0,.5);
}
.vrs_core .btn-primary {
    background-color: #6f6f6f;
    border-color: #6f6f6f;
    color: #FFFFFF;
}

.vrs_core .btn-primary:hover,
.vrs_core .btn-primary:focus,
.vrs_core .btn-primary:active,
.vrs_core .btn-primary.active,
.vrs_core .btn-primary.active:focus,
.vrs_core .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #4b4b4b;
    border: 1px solid #4b4b4b;
}

.vrs_core .btn-outline-secondary {
    background-color: #6f6f6f;
    border-color: #6f6f6f;
    color: #FFFFFF;
}
.vrs_core .btn-outline-secondary:hover,
.vrs_core .btn-outline-secondary:focus,
.vrs_core .btn-outline-secondary:active,
.vrs_core .btn-outline-secondary.active,
.vrs_core .btn-outline-secondary.active:focus,
.vrs_core .open .dropdown-toggle.btn-outline-secondary {
    color: #fff;
    background-color: #4b4b4b;
    border: 1px solid #4b4b4b;
}

.vrs_core .btn-check:active + .btn-primary,
.vrs_core .btn-check:checked + .btn-primary,
.vrs_core .btn-primary.active,
.vrs_core .btn-primary:active,
.vrs_core .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4b4b4b;
    border: 1px solid #4b4b4b;
}
.vrs_core .dropdown-item.active,
.vrs_core .dropdown-item:active {
    background-color: #6f6f6f;
}
.vrs_core .bootstrap-select > .dropdown-toggle.bs-placeholder,
.vrs_core .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.vrs_core .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.vrs_core .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #ffffff;
}

.group-container.space-col,
.group-container.space-col .row:last-child {
    margin-bottom: 0;
}

.vrs_core .table > :not(:first-child) {
    border-top-width: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border: solid #ddd;
    border-width: 1px 1px 2px 1px;
}

#navigator-container {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
}
#navigator-container > * {
    width: auto;
}

#navigator-container.row {
    margin-left: 0;
    margin-right: 0;
}