/******************
    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
*/
/****************Скрыть шапку у опроса*****************/
#survey-nav > div{
    display: none !important;
}
#dynamicReloadContainer > div.top-container.space-col > div{
    display: block !important;
}
/******************************************************/

/*Растянуть поле на всю ширину для вопросов с radio */
.radio-item input[type="radio"] {
    opacity: 0;
    z-index: 1;
    top: 0;
    width: 100%;
}
/****************Скрыть называние опроса********************/
.survey-name{
    display:none;
}

/*******************Скрыть звёздочки************************/
.fa-asterisk:before{
    display:none;
}

/*Выровнять галочку на 0 странице опроса*/
#limesurvey > div.privacy.row{
    margin-left: calc(var(--bs-gutter-x)) !important;
    width: 93% !important;
}

/*--------------------------------Изменение цвета фона-----------------------------------*/
body {
    /*background: linear-gradient(90deg, #f9eaeca1 0%, rgb(253 112 13 / 5%) 99%); */
    background: #f6f6f6;
    padding-bottom: 10px;
    padding-top: 0px !important; /* now is redefine in JS to fit any title length */
    word-break: auto-phrase !important;
}

p{
    word-break: auto-phrase !important;
}

/*Уменьшить отступ после последнего вопроса на странице (до кнопок)*/
.space-col {
    margin-top: 1em;
    margin-bottom: 0px;
}

/*Изменение цевта progress-bar*/
.progress-bar {
    background-color: #2196F3;
}


/*-----------------Изменение цвета кнопок----------------------*/
.btn-primary {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}

.btn-primary.disabled,.btn-primary:disabled {
    background-color: #046d09;
    border-color: #046d09;
    color: #fff
}

/*-----------------Изменение цвета кнопки ПОЛ (gender)------------------*/
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    background-color: #046d09;
    border-color: #046d09;
    color: #fff;
}

.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover {
    background-color: #046d09;
    border-color: #046d09;
    color: #fff;
}

.btn-check:focus:checked + .btn-primary, .btn-check .btn-primary:focus:checked {
    background-color: #046d09;
    border-color: #046d09;
    color: #fff;
 }
 


/*-----------------Изменение цвета чекбокса----------------------*/
.form-check-input:checked {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

label::after {
    background-color: #4CAF50;
}

/* Изменение рамки у кнопки на окне предупреждения (для акцента) */
#mandatory-soft-alert-box-modal{
   border: 0;
}

/**************Уменьшить точку у Radio button****************/
.radio-item input[type="radio"]:checked + label::after {
    -webkit-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
}


/********Убрать текст жирным в некоторых вопросах *********/
.text-bold-exception .ls-label-question{
    font-weight: normal;
}

/*Добавить выделение пункта при наведении в новых методиках*/
.text-bold-exception:hover{
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px #e5e6e700;
}

/******************FIX-progress-bar-space******************/
body .top-container {
    margin-bottom: -30px !important;
    margin-top: -10px !important;
}
.question-title-container{
    color:black;
    font-weight: bold;
}
/***************маленькие фиксы******************/

.DATAAGREEMENT{
    padding-top: 13px !important;
}

.DATAAGREEMENT .question-title-container{
    display:none;
}

/**********************************************************************************************/
/*-------------------------Выравнивание по левому краю в матрицах---------------------------- */
  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  .ls-answers tbody .answertext {
    text-align: justify;
}

/*-------------------------Закругление полей со свободным ответом---------------------------- */
.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .7rem;
    color: #212529;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

/* Уменьшить ширину поля "возраст" на мобилках*/
.age-form-fix input{
    width: 45px;
}

/*-------------------------Изменение цвета вопросов + тень ---------------------------- */
.question-container {
    color:#575757;
    padding: 0.5rem;
    border-radius: 1rem;
    margin-bottom: 2em;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}

.question-results{
    color:#575757;
    padding: 1.4rem;
    border-radius: 1rem;
    margin-bottom: 2em;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Закруглить окно предупреждения*/
#bootstrap-alert-box-modal > div > div{
    border-radius: 15px;
}
/*Стиль разделителя*/
.psy-hr {
    border: 0;
    height: 2px !important;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));
    position: relative;
    margin: 0px 0px 45px 0px;
  }
  

/*------------------------Вертикальные границы у матриц -> прозрачные---------------------------- */
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: #f9f9f9;
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0,0,0,.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: #f5f5f5;
    border-color: transparent;
    color: #212529;
    /* margin-bottom:1rem; */
    vertical-align: top;
    /* width:100%; */
}

/*-------------------------Убрать лишнее пространство до и после вопросов---------------------------- */
.ls-answers {
    padding-top: 5px;
    margin-bottom: 0;
}

/*-------------------------Убрать лишнее пространство после списков вопросов (дополнительно)---------------------------- */
ul{
    margin-bottom: -10px;
}

/*-------------------------Уменьшить ширину опросника---------------------------------- */
@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    
    /*Увеличить ширину для поля email*/
    .e-mail-fix input {
        width: 360px;
    }
    
    /*Выровнять нижние унопки навигации*/
    #navigator-container > div.col-6.text-end{
        padding-right: 2px;
    }
    #navigator-container > div.col-6.text-start{
        padding-left: 2px;
    }
    
    
    .container,.container-md,.container-sm {
        max-width: 700px;
    }
    
    .FIRST-new-method-inline{
        margin-bottom:0px;
        border-bottom:0px;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;
        padding-bottom:0px;
    }

    .new-method-inline{
        margin-bottom:0px;
        margin-top:0px;
        border-radius:0;
        border-top: 0px;
        border-bottom: 0px;
    }
    .new-method-last{
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 2em;
    }
    
    .new-method-inline div ul{
        display:inline-flex;
        justify-content: flex-start;
        font-size: 13px;
        flex-direction: row;
    }
    .new-method-inline .question-title-container{
        display:none;
    }

    .new-method-inline .answer-item:nth-child(1) {
        padding-left:30px;
        min-width:180px;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-end;
        margin-right: 15px;
    }
     .new-method-inline .answer-item:nth-child(7) {
        min-width:160px;
        margin-left:20px;
     }
    .new-method-inline li{
        margin-right:23px;
    }
}

@media only screen and (max-device-width: 760px) {
    .question-container {
        margin-bottom: 1em;
        padding-bottom: 1.3rem ! IMPORTANT;
    }
    
    #RESULTS{
        font-size: small;
    }
}

/*-------------------------Вопросы горизонтально в матрицах---------------------------- */
/*
Max width before this PARTICULAR table gets nasty
For iPads specifically : add this : (min-device-width: 768px) and (max-device-width: 1024px)
*/
@media only screen and (max-width: 2500px) {

    table.ls-answers,
    table.ls-answers thead,
    table.ls-answers tbody,
    table.ls-answers th,
    table.ls-answers td,
    table.ls-answers tr {
        display: block;
    }

    .dir-ltr table.ls-answers,
    .dir-ltr table.ls-answers thead,
    .dir-ltr table.ls-answers tbody,
    .dir-ltr table.ls-answers th,
    .dir-ltr table.ls-answers td,
    table.ls-answers tr {
        text-align: left;
    }

    .dir-rtl table.ls-answers,
    .dir-rtl table.ls-answers thead,
    .dir-rtl table.ls-answers tbody,
    .dir-rtl table.ls-answers th,
    .dir-rtl table.ls-answers td,
    table.ls-answers tr {
        text-align: right;
    }

    table.ls-answers thead {
        display: none
    }

    /* We don't need it for accessibility : we already have the label */
    table.ls-answers tbody td {
        text-align: left;
    }

    table.ls-answers .information-item:empty {
        display: none
    }

    .dir-rtl table.ls-answers tbody td {
        text-align: right;
    }

    .ls-answers td.radio-item,
    .ls-answers td.checkbox-item {
        padding: 4px;
    }

    .dir-ltr .ls-answers td.radio-item,
    .dir-ltr .ls-answers td.checkbox-item {
        padding-left: 24px;
        padding-right: 4px;
        color: #575757;
    }

    .dir-rtl .ls-answers td.radio-item,
    .dir-rtl .ls-answers td.checkbox-item {
        padding-right: 24px;
        padding-left: 4px;
    }

    table.ls-answers tbody .control-label {
        text-align: left;
        /*font-weight: bold;*/
        
    }

    .dir-rtl table.ls-answers tbody .control-label {
        text-align: right
    }

    table.ls-answers .answertextright {
        text-align: right
    }

    .dir-rtl table.ls-answers .answertextright {
        text-align: left
    }

    /* Show the label */
    table.ls-answers .ls-label-xs-visibility {
        display: block;
        position: relative;
        width: auto;
        height: auto;
        overflow: initial;
        white-space: normal;
    }

    .dir-ltr table.ls-answers .ls-label-xs-visibility {
        left: auto;
    }

    .dir-rtl table.ls-answers .ls-label-xs-visibility {
        right: auto;
    }

    table.ls-answers .radio-item .ls-label-xs-visibility,
    table.ls-answers .checkbox-item .ls-label-xs-visibility {
        line-height: initial;
        text-indent: initial;
    }

    .dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility,
    .dir-ltr table.ls-answers .checkbox-item .ls-label-xs-visibility {
        margin-left: 0;
    }

    .dir-rtl table.ls-answers .radio-item .ls-label-xs-visibility,
    .dir-rtl table.ls-answers .checkbox-item .ls-label-xs-visibility {
        margin-right: 0;
    }

    table.ls-answers .ls-label-xs-visibility > * {
        position: relative;
        top: auto;
        width: auto;
        height: auto;
        overflow: auto;
    }

    .dir-ltr table.ls-answers .ls-label-xs-visibility > * {
        left: auto;
    }

    .dir-rtl table.ls-answers .ls-label-xs-visibility > * {
        right: auto;
    }

    .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::before,
    .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
        margin-left: -20px;
    }

    .dir-rtl table.ls-answers .radio-item label.ls-label-xs-visibility::before,
    .dir-rtl table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
        margin-right: -20px;
    }

    .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after,
    .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
        margin-left: -20px;
    }

    .dir-rtl table.ls-answers .radio-item label.ls-label-xs-visibility::after,
    .dir-rtl table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
        margin-right: -20px;
    }

    table.ls-answers > tbody > tr:hover {
        background-color: #ed101000;
    }

    /* bs fix */
    table.ls-answers td.visible-xs,
    table.ls-answers th.visible-xs {
        display: block !important
    }

    /* Don't display repeating header on mobile devices'*/
    table.ls-answers tr.ls-heading-repeat {
        display: none;
    }
}



/* Скрыть ненужные элементы при печати */ 
/*
@media print { 
.no-print, #downloadPdf{
    display: none !important;
}*/