/* your styles go here */

/* MUKHTAR's */

.question_geometry, .question_geometry02 {
    /* max-width: 540px; */
    min-width: 450px;
    max-width: 100%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.header {
    margin-bottom: 20px;
}

pre {
    font-size: 1.4em;
}

.fixed-top-right {
    position: fixed;
    top: 50px;
    right: 0px;
    z-index: 999;
    background-color: #343a40;
    border-radius: calc(1rem - 1px) 0 0 calc(1rem - 1px);
}


#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 18px;
    margin: 12px;
}

#clockdiv > div {
    padding: 4px;
    border-radius: 4px;
    background: #32b67a;
    display: inline-block;
}

#clockdiv div > span {
    padding: 4px;
    border-radius: 4px;
    background: #00816A;
    display: inline-block;
}

.smalltext {
    padding-top: 5px;
    font-size: 12px;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        background-color: white;
    }

.done {
    background-color: aquamarine !important;
}

.not-done {
    background-color: antiquewhite !important;
}

li.active {
    background-color: #8de4bd;
    color: white;
}

li.active:hover {
    color: black;
}