@import url('https://fonts.googleapis.com/css?family=Nunito:400,500,600,800,700');

.k-text-primary {
    color: #172b4d;
}

body {
    font-family: "Nunito", sans-serif;
    font-weight: lighter;
}
.fixed {
    position: fixed;
}
#sidebar {
    min-height: 100vh;
}
#sidebar a {
    font-weight: bolder;
    color: #FFFFFF;
}
#sidebar.active {
    margin-left: -250px;
    color: white;
}
.navbar-column {
    position: fixed;
    z-index: 3;
}
#content .navbar {
    display: none;
}
.title {
    display: none;
}
.title.current {
    display: block;
}
.wrapper {
    display: flex;
    align-items: stretch;
}
a[data-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    transition: all 0.3s;
}

#sidebar .sidebar-header {
    padding: 20px;
}

#sidebar .fa {
    width: 3em;
}
#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid var(--light);
}

#sidebar ul p {
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1em;
    display: block;
}
#sidebar ul li a:hover {
    background: #1D3661;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

.page-item.active .page-link {
    background-color: var(--default);
    border-color: var(--default);
}
.no-sort::before, .no-sort::after {
    display: none !important;
}
.form-quiz {
    z-index: 1;
}
.form-quiz ul {
    display: flex;
    list-style-type: none;
}
.min-h-160 {
    min-height: 160px;
}
ul[role="tablist"] li.current {
    font-weight: bold;
    font-size: 1.02em;
}
.steps li:not(.current) {
    opacity: 0.6;
}
#sidebar .ck_p {
    color: white;
    padding: 0;
}
.form-quiz .ck_p {
    display: inline;
    color: var(--default);
}
.cke_editable_inline {
    padding: 0.5rem;
    border-radius: 3px;
    border: 1px solid rgba(80, 80, 80, 0.2);
}
.quiz-fieldset {
    border-radius: 3px;
    border: 1px solid var(--light);
    padding:0 10px; /* To give a bit of padding on the left and right */
}
.quiz-fieldset legend {
    padding:0 10px; /* To give a bit of padding on the left and right */
}
.form-control {
    font-size: .875rem;
    line-height: 1.5;

    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;

    color: var(--gray-dark);
    border-radius: .2rem;
}
.form-control:focus {
    color: var(--dark);
}
.form-control-lg.form-control-lg {
    font-size: 1.1rem;
    line-height: 2.5;

    height: calc(2rem + 2px);
    padding: .5rem .8rem;

    border-radius: .2rem;
}
.form-group {
    margin-bottom: 0.5rem;
}
.input-group-append {
    height: 1.95em;
}
.js-question-choice {
    background-color: rgba(80, 142, 255, 0.06);
}
strong {
    font-weight: bold;
}
.bg-light-blue {
    background-color: #d4edfe;
}
.bg-light-warning {
    background-color: #ffd4ad;
}

@media (max-width: 992px) {
    #sidebar {
        display: none;
    }
    #sidebarCollapse {
        display: block;
    }
}
@media (max-width: 768px) {
    #content .navbar {
        display: block;
    }
    .navbar-column {
        margin-left: -17%;
    }
    #sidebar.active {
        margin-left: 0;
    }
}