/**********************************/
/*** Основные стили для лэйаута ***/
/**********************************/

.column-center {
    width   : 660px !important;
    padding : 0;
}

.actions {
    text-align : center;
}

.top-menu ul.menu {
    width : auto;
}

span.required
{
    color          : #f00;
    font-size      : 36px;
    line-height    : 10px;
    vertical-align : bottom;
}

hr {
    height           : 1px;
    background-color : #ddd;
    border-width     : 0;
}





/*************************/
/* Стили для шага анкеты */
/*************************/

.over-header-text {
    font-weight : bold;
}

.q-step-header {
    font-size   : 27px;
    line-height : 1;
    margin      : 30px 0 20px 0;
}

.q-step-text {
    margin-bottom : 20px;
}

.step-1 .q-step-top-text {
    font-size: 18px;
}



/****************************/
/* Стили для вопроса анкеты */
/****************************/

.questions {
    margin : 0 0 20px 0;
}

.question {
    margin : 40px 0 0 0;
}

.question h4 {
    margin : 0 0 13px 0;
}

.ques-20 h4,
.ques-90 h4,
.ques-94 h4 {
    font-size   : 30px;
    line-height : 40px;
}

.question h4 year {
    color : green;
}





/**************************/
/* Стили для контроллеров */
/**************************/

.controllo .left-text,
.controllo .control-group {
    display : inline-block;
}

.controls > input,
.controls > .input-append {
    margin-right : 20px !important;
}

.controls .alert-error {
    display : inline-block;
}

.subcontrollos {
    display          : none;
    padding          : 10px 20px 25px 20px;
    background-color : #efefff;
    margin           : 8px 0 20px 0;
}

.controllo input[type=text] {
    margin : 0 0 10px 0;
}

.controllo-company {
    margin : 40px 0 0 0;
}

.controllo-top-text {
    margin : 10px 0 2px 0;
}

.control-group {
    margin  : 0 !important;
    padding : 0 !important;
}

.two-column .controllo {
    display        : inline-block;
    width          : 310px;
    vertical-align : top;
}

.two-column-textfield .controllo-top-text,
.two-column-textfield .controllo {
    display : inline-block;
}

.two-column-textfield .controllo-top-text {
    vertical-align : top;
    width          : 220px;
}

.two-column-textfield .controls .alert-error {
    display     : block;
    margin-left : -226px;
    width       : 355px;
}

.two-column-textfield .controllo {
    width : 400px;
}

.controllo-1298-top-text {
    margin-top : 0;
}

.controllo-textarea textarea {
    width         : 600px;
    margin-bottom : 5px;
}

.inline-textarea .controllo-top-text,
.inline-textarea .controllo-textarea {
    display : inline-block;
}


/* спец. стили контролов */

.width-50 input {
    width : 50px;
}

.width-300 input {
    width : 300px;
}

.question .fullwidth {
    width: 100%;
}



/* clearfix */

.subcontrollos:after {
    visibility : hidden;
    display    : block;
    font-size  : 0;
    content    : " ";
    clear      : both;
    height     : 0;
}

.dim-text {
    background    : #EEEEEE;
    padding       : 5px;
    border-radius : 3px;
    border        : 1px solid #CCCCCC;
    margin-top    : 0px;
    margin-bottom : 5px;
    color         : #808080;
}




/******************************/
/* Голосовалки со звездочками */
/******************************/

.people .vote-cell .vote {
    margin : 3px 15px 0 0;
}

.vote-singleStars .vote-cell {
    width  : 610px;
    height : 35px;
    margin : 0 auto 25px auto;
}

.vote-multiStars .vote-cell {
    height     : auto;
    min-height : 45px;
    margin     : 0 0 50px 0;
}

.vote-cell .vote,
.vote-cell .chzn-container {
    float : left;
}





/***************************************/
/* Шаги с голосованием за компании     */
/* Например: Рейтинг digital-агентств  */
/* У такого шага должен быть прописан  */
/* ... класс poll-step в БД            */
/***************************************/

.poll-step {}





/**********************************/
/* Вопрос с параметрами           */
/* Они скрываются если не выбрано */
/* Они имеют фон                  */
/**********************************/

.with-parameters label.big {
    font-size : 20px;
}

.star-inline .controllo-star {
    width : 620px;
}

.star-inline .controllo-star .controllo-right-text {
    width : 500px;
}




/********************************/
/* Шаг Бизнес-показатели */
/********************************/

.ques-95 .controllo,
.ques-95 .controllo-bottom-text {
    display: inline-block;
    vertical-align: middle;
}





/********************************/
/* Шаги голосований */
/********************************/

.ques-20 .controllo-star,
.ques-21 .controllo-star,
.ques-94 .controllo-star,
.ques-103 .controllo-star,
.ques-104 .controllo-star,
.ques-105 .controllo-star,
.ques-132 .controllo-star,
.star-inline .controllo-star {
    height : 16px;
}

.ques-20  .controllo-star + .controllo-top-text,
.ques-21  .controllo-star + .controllo-top-text,
.ques-90  .controllo-star + .controllo-top-text,
.ques-94  .controllo-star + .controllo-top-text,
.ques-103 .controllo-star + .controllo-top-text,
.ques-104 .controllo-star + .controllo-top-text,
.ques-105 .controllo-star + .controllo-top-text,
.ques-106 .controllo-star + .controllo-top-text,
.ques-132 .controllo-star + .controllo-top-text {
    clear   : both;
    padding : 21px 0 0 0;
}





/***************/
/* Шаг Персоны */
/***************/

.person .vote-cell {
    margin-bottom : 20px;
    height        : auto;
}

.person .letter {
    color       : #999;
    font-size   : 58px;
    margin      : 10px 30px 0 0;
    text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-align  : right;
}

.person .vote {
    margin-top : 20px;
}

.person .vote-stars {
    display        : inline-block;
    visibility     : hidden;
    /* margin-top: 7px; */
    vertical-align : top;
}

.person .vote-stars,
.person table.vote-param-star {
    width : 350px;
}

.person table.vote-param-star td,
.person .controllo-right-text {
    float   : none;
    padding : 0;
    margin  : 0;
    width   : auto !important;
}

.person .controllo-star {
    width : 190px;
}

.person .vote-checkbox {
    width         : 300px;
    border-radius : 2px;
}

.person .person-photo {
    float            : left;
    background-color : #d5d5ff;
    border           : 2px solid #d5d5ff;
    border-radius    : 2px;
    margin           : 0 28px 0 -18px;
    width            : 50px;
    height           : 50px;
}

.person .person-photo img {
    border-radius : 2px;
    max-height    : 50px;
    max-width     : 50px;
}

.person .person-check {
    margin-top : 21px;
}

.person .person-name {
    width  : 280px;
    margin : 18px 0 0 0;
}





/********/
/* эммм */
/********/

.vote-dropdown,
.vote-checkbox {
    width   : 465px;
    display : inline-block;
}

.vote-checkbox {
    margin  : 0;
    padding : 5px 0 0 5px;
}

.vote-checkbox:hover {
    background-color : #ddd;
}

.vote-checkbox label.checkbox {
    display : inline-block !important;
    float   : left;
    width   : 100%;
}

.selflist .vote-checkbox label.checkbox {
    width : 235px;
}

.selflist .vote-checkbox label.tight {
    /*width: 90px;*/
}





/*******************************/
/* Шаг «Технологии и партнеры» */
/*******************************/

.ques-38 .subcontrollos div:nth-child(13),
.ques-44 .subcontrollos div:nth-child(9) {
    margin-top : 10px;
}

.ques-38 .controllo-textarea textarea,
.ques-44 .controllo-textarea textarea {
    margin-top : 20px;
}





/*******************************/
/* Шаг «Кадры» */
/*******************************/

.ques-68 .controllo,
.ques-68 .controllo-bottom-text {
    display        : inline-block;
    vertical-align : middle;
}

.ques-68 .controllo-bottom-text {
    margin-top : -10px;
    max-width  : 222px;
}

.ques-68 .controllo-top-text {
    margin : 0;
    height : 0;
}

.ques-68 .controllo-1299-top-text {
    font-weight : bold;
    margin      : 20px 0 10px -10px;
    height      : auto;
}

.ques-68 .staff_spec_header {
    display    : inline-block;
    width      : 80px;
    text-align : center;
}





/************************/
/* Оформление звездочек */
/************************/

.controllo-star {
    float  : left;
    width  : 310px;
    height : 25px;
}

.controllo-star .star {
    display             : inline-block;
    background-position : top right;
    background-repeat   : no-repeat;
    position            : relative;
    cursor              : pointer;
    margin              : 1px 2px 0 0;
}

.controllo-star .star-big {
    background-image : url(/file/interface/star-big.png);
    width            : 125px;
    height           : 25px;
}

.controllo-star .star-small {
    background-image    : url(/file/interface/star-small.png);
    background-position : -83px 50%;
    width               : 85px;
    height              : 25px;
}

.controllo-star .controllo-right-text {
    display        : inline-block;
    width          : 210px;
    vertical-align : top;
    padding        : 8px 0 0 0;
    line-height    : 12px;
}





/*****************************************************/
/* Добавление своей компании в федеральном и дигитал */
/*****************************************************/

/* Контроллеры в форме для вызова форм добавления компании */

.vote-company-link {
    float       : right;
    padding-top : 3px;
    display     : inline-block;
}

.add-company-button,
.edit-company-button {
    float       : right;
    margin-left : 20px;
    padding-top : 3px;
    display     : inline-block;
}

.edit-company-button {
    margin-left : 87px;
}

.add-company a {
    padding-top : 0;
    height      : 15px;
}


/* Формы добавления и изменения компании */

.add-company-form,
.edit-company-form {
    white-space : nowrap;
}

.add-company-form .buttons,
.edit-company-form .buttons {
    display     : inline-block;
    width       : 23%;
    max-width   : 144px;
    text-align  : right;
    white-space : normal;
}

.add-company-form input,
.edit-company-form input {
    vertical-align : text-bottom;
}

.add-company-form .buttons button,
.edit-company-form .buttons button {
    margin : 3px 0 0 15px;
}

.add-company-url {
    margin-left : 15px;
}





/****************************************/
/* Добавление персоны в рейтинге персон */
/****************************************/

.add-person-button,
.add-person-form,
.add-person-text {
    margin-left : 144px;
}

.add-person-form .buttons,
.edit-person-form .buttons {
    display : inline-block;
}

.edit-person-block {
    float   : right;
    display : inline-block;
    margin  : 0 5px 5px 0;
}

#person .ajax-loading {
    min-height : 27px;
    width      : 130px;
    margin     : 0 auto;
}

.edit-person-form {
    margin : -2px 0 0 0;
}





/***************************************/
/*** Кнопочки, что над и под анкетой ***/
/***************************************/

.actions .icon-arrow-right,
.actions .icon-arrow-left {
    margin-top     : 2px;
    vertical-align : top;
}

.actions .go-back,
.actions .go-forward {
    font-size     : 13px;
    margin-bottom : 5px;
    float         : right;
}

.actions .go-back {
    margin-top: 16px;
    height : 30px;
}

.actions .go-forward {
    padding : 20px;
}

.actions button {
    margin-right : 5px;
}





/*********************/
/*** AJAX грузилка ***/
/*********************/

.ajax-loader-overlay {
    position   : fixed;
    top        : 0;
    left       : 0;
    display    : block;
    opacity    : 0;
    overflow   : hidden;
    background : black;
    z-index    : 1001;
}

.ajax-loader-block {
    position      : fixed;
    height        : auto;
    display       : block;
    opacity       : 1;
    overflow      : visible;
    z-index       : 1003;
    padding       : 10px;
    background    : grey;
    border-radius : 5px;
}





/**************************/
/*** Менюшечка с шагами ***/
/**************************/

.nav li {
    font-size   : 14px;
    line-height : 26px !important;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    background-color : #54a954;
    text-decoration  : none;
    color            : black;
}

.nav li.gray,
.nav li.active {
    padding       : 2px 12px 2px 12px;
    margin-bottom : 3px;
}

.nav li.active {
    font-weight      : bold;
    background-color : white;
    border-color     : #999;
}

.nav li.gray {
    color : #999;
}

.nav li {
    border        : 1px solid #ddd;
    margin-bottom : 3px;
    border-radius : 5px;
}

.nav-tabs.nav-stacked > li > a {
    border : none;
}





/*************************/
/*** Тенюшки у менюшки ***/
/*************************/

.q-navigation {
    position           : relative;
    margin-bottom      : 20px;
    padding            : 1em;
    background         : #fff;
    -webkit-box-shadow : 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow    : 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow         : 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.q-navigation:before,
.q-navigation:after {
    content  : "";
    position : absolute;
    z-index  : -2;
}

.q-navigation:before {
    top                : 0;
    bottom             : 0;
    left               : 10px;
    right              : 10px;
    -webkit-box-shadow : 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-box-shadow    : 0 0 15px rgba(0, 0, 0, 0.6);
    box-shadow         : 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-border-radius : 100px / 10px;
    border-radius      : 100px / 10px;
}

.q-navigation p {
    font-size   : 16px;
    font-weight : bold;
}

/*************************/
/*** Конец *** Тенюшки ***/
/*************************/





/************************/
/*** Адаптивные стили ***/
/************************/

@media (min-width : 1260px) and (min-height : 580px)
{

    .page {
        padding-right : 140px;
    }

    .q-navigation-placeholder {
        position    : fixed;
        max-width   : 280px;
        margin-left : 950px; /* 1140 - 280/2 + 50 */
    }

}





/*********************/
/* Неотсортированное */
/*********************/

.questions label {
    display : none;
}

.questions label.checkbox,
.questions label.checkbox label,
.questions label.radio,
.questions label.radio label {
    display : block;
}


form#automatization .with-custom label.checkbox,
form#cms .with-custom label.checkbox {
    display        : inline-block;
    width          : 45%;
    vertical-align : top;
}

form#automatization label.checkbox:last-child,
form#cms label.checkbox:last-child {
    display : block;
}


form#cms .cm_hosting_type label.checkbox:last-child {
    display : inline-block;
}


.questions label.bp_inline {
    display        : inline;
    vertical-align : bottom;
}

.questions .controls {
    margin-left : 0;
}

.questions textarea.form-multi-field {
    margin-bottom : 5px;
}


.hasAdd label.checkbox label {
    display : inline-block;
}

.hasAdd .addCustomValue {
    display    : block;
    width      : 340px;
    margin-top : 5px;
    visibility : hidden;
}


.badStep,
.badStep * {
    color       : red !important;
    font-size   : 16px;
    font-weight : bold;
}

.badStep {
    margin-bottom : 5px;
}



.more-bit-button,
.more-bit-button:focus,
.more-bit-button:visited {
    display         : block;
    border-bottom   : 2px dashed #158db8;
    color           : #158db8;
    text-align      : center;
    font-size       : 15px;
    margin          : 20px 0 40px 0;
    text-decoration : none;
    padding-bottom  : 2px;
    text-decoration : none;
}

    .more-bit-button:active,
    .more-bit-button:hover {
        border-bottom   : 2px dashed #e4a124;
        color           : #e4a124;
        text-decoration : none;
    }