.events-background-block.background-block .block-bg {
    background-image: url('../imgs/back0.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.auth-background-block.background-block .block-bg {
    background-image: url('../imgs/auth_back.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.side-profile  .user-info {
    background: url(../imgs/back001.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:100%;
    height: 135px;
}

.main-header {
    background: #061638 url("../imgs/header.jpg") no-repeat center center !important;
    border-color:#061638 !important;
}

body.no_auth {
    height:100%;
    background: #061638;
}



.rotatable {
    transform-origin: top left; /* IE 10+, Firefox, etc. */
    -webkit-transform-origin: top left; /* Chrome */
    -ms-transform-origin: top left; /* IE 9 */
}
.rotatable.rotate90 {
    transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
}
.rotatable.rotate180 {
    transform: rotate(180deg) translate(-100%,-100%);
    -webkit-transform: rotate(180deg) translate(-100%,-100%);
    -ms-transform: rotate(180deg) translateX(-100%,-100%);
}
.rotatable.rotate270 {
    transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    -ms-transform: rotate(270deg) translateX(-100%);
}


.answer-table {
    display: flex;
    flex-wrap: wrap;       /* Позволит переносить ответы на новую строку, если не помещаются */
    align-items: flex-start;
    gap: 8px;              /* Расстояние между ответами по горизонтали/вертикали */
    /*min-height: 200px;*/
}

.answer-table > .answer {
    display: inline-block; /* Или использовать: flex: 0 0 auto; */
    width: auto;           /* Сбрасываем любое наследуемое 100%-ширину */
    max-width: 200px;      /* Если хотите ограничить ширину ответа */
    box-sizing: border-box; /* Чтобы корректно считались отступы и рамки */
    margin: 4px;           /* Свои отступы, если нужны */
}
.dragging {
    opacity: 0.5; /* Элемент становится на 50% прозрачным */
    transition: opacity 0.2s ease; /* Плавное изменение прозрачности */
}