/* Таймер */

#timerbox {
    font-size: 18px;
}

/* Клюв */

.beak {
    display: inline-block;
    transition: all 0.3s ease;
}

.beak.active {
    transform: rotate(90deg);
    transition: all 0.3s ease;
}


/* Глобально, чтобы что-то убирать */

.mif-none {
    display: none;
}


/* Индикатор обмена данными */

.loading {
     display: none;
}

.absolute {
     position: absolute;
}

/* Главная страница */

.catalog .card {
    border: 0;
    border-radius: 0;
}

.catalog .card-img-top {
    border-top-left-radius: 0; 
    border-top-right-radius: 0;
}

.catalog .card a p {
    color: inherit;
    text-decoration: none;
}

.catalog img {
    border-bottom: 3px solid #F14F4E;
}

.catalog .list-item {
    font-size: 14px;
}

.catalog .category {
    min-height: 5rem;
}

@media (min-width: 992px) {
    
    .catalog .category {
        min-height: 50rem;
    }
    
}

h2.underline,
h3.underline  {
    position: relative;
}

h2.underline:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 24%;
    background: #F14F4E;
    top: 100%;
    left: 38%;
    margin-top: 12px;
}

h2.underline:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 12%;
    background: #F14F4E;
    top: 100%;
    left: 44%;
    margin-top: 20px;
}

h3.underline:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 6.5rem;
    background: #F14F4E;
    top: 100%;
    left: 0;
    margin-top: 20px;
}



/* style.css?ver=4.9.4:380
*, *:before, *:after {
    box-sizing: inherit;
}

h2.underline:before, h2.underline:after {
    box-sizing: inherit;
} */

.mobile-iv-form {
    color: #fff;
    text-align: center;
}

.site-description {
    margin-top: -1rem!important;
    margin-bottom: 1rem!important;
    font-size: 18px;
    font-weight: 400;    
}

.carousel .carousel-caption {
    top: 3rem; 
    bottom: 3rem; 
    right: 3rem; 
    left: auto;
}

.carousel .card {
    background: rgba(0, 0, 0, .65);

    /* background-color: #000; */
    /* opacity: 0.65; */
}

.carousel .card-body h4,
.carousel .card-body button {
    opacity: 1;
}

/* .homepage-bar a.h4,
.homepage-bar a.h3,
.homepage-bar a.h2 {
    color: inherit;
}

.homepage-bar a.h4:hover,
.homepage-bar a.h3:hover,
.homepage-bar a.h2:hover {
    text-decoration: none;
} */

/* Панель настройки доступа */

.access-mode span.loading {
    position: absolute;
    right: 1rem;
    top: .25rem;
    display: none;
}


/* Список пользователей */

a.cancel,
a.cancel:hover {
    border-bottom: 1px dotted;
    text-decoration: none;
}

.add-textarea {
    display: none;
}

/* Список результатов */

.result_list .row.all,
.result_list .show-current {
    display: none;
}

.result_list.all .row.all {
    display: flex;
}

.result_list.all .show-current {
    display: inline-block;
}

.result_list.all .show-all {
    display: none;
}


.result_list a.show-current,
.result_list a.show-current:hover,
.result_list a.show-all,
.result_list a.show-all:hover {
    border-bottom: 1px dotted;
    text-decoration: none;
}


/* Оформление меню */

.quiz-menu a span {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-block;
    border-radius: .25rem;
    margin: .15rem;
}

.quiz-menu a span svg {
    height: 1.75rem;
}

.quiz-menu .current  {
    background-color: #007bff!important;
}



/* Оформление вопросов */

.answers td,
.answers .form-group {
    position: relative;
}

.result-caption {
    position: absolute;
    line-height: normal;
    right: 0;
    top: 0;
}

.answers .form-group .result-caption {
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}

.question.sort td.marker {
    width: 3rem;
    text-align: center;
}

.linker {
    margin-left: -2.5rem;
    margin-top: -.15rem;
    float: left;
    /* background-color: #FCFC85; */
    /* background-color: #FEEDBA; */
    background-color: #fff;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    border: 1px solid #dee2e6;
}

.linker svg {
    width: 0.85rem!important;
}

/* .linker.checked {
    background-color: #C2E5CB;
} */

.linker span.link,
.active .linker span.unlink,
.active .linker.checked span.link {
    display: inline-block;
}

.linker span.unlink,
.active .linker span.link,
.active .linker.checked span.unlink {
    display: none;
}

/* .linker svg.fa-link,
.active .linker svg.fa-unlink,
.active .linker.checked svg.fa-link {
    display: inline-block;
}

.linker svg.fa-unlink,
.active .linker svg.fa-link,
.active .linker.checked svg.fa-unlink {
    display: none;
} */


.question.sort .answer,
.question.s-sort .answer,
.question.m-sort .answer {
    margin-right: 2rem;
    /* float: left; */
}

.qm-draggable.move-process {
    cursor: move;
}

.qm-draggable .mover,
.meta .marker {
    width: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #dee2e6;
    float: right;
    transition-duration: .2s;
}

.qm-draggable.reflexion {
    opacity: 0.3;
}

.qm-draggable.avatar {
    background-color: #fff;
    border: solid 2px #0062cc;
    opacity: 0.8;
}

.qm-draggable.landed {
    animation: swing .2s ease;
}

.qm-draggable.landed:hover {
    box-shadow: none;
}

.qm-draggable.target {
    opacity: 0.3;
    background-color: yellow;
    transition-duration: .2s;
}

.qm-draggable.avatar .mover {
    background-color: #0062cc;
    color: #fff;
    transition-duration: .2s;
}

.qm-draggable .mover:hover {
    background-color: #0062cc;
    color: #fff;
    transition-duration: .2s;
}

.qm-draggable.active:hover {
    box-shadow: 0 0 5px;
    transition-duration: .2s;
}

/* .qm-draggable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
} */


@keyframes swing
{
    0%
    {
        opacity: 0;
        box-shadow: inset 0 0 0 1rem #0062cc;
    }
    100%
    {
        opacity: 1;
        box-shadow: inset 0 0 0 0 #0062cc;
    }
}