/******************/
/* Базовый шаблон */
/******************/

body
{
    font-size : 13px;
}



h1
{
    font-size : 38px;
}



h2
{
    font-size : 31px;
}



/* Заголовки */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small
{
    color : #666;
}

.page-header {
    text-align : center;
}





/* Универсальные стили для Да! и нет */
.b-yes {
    font-weight : bold;
    color       : #009900;
}

.b-no {
    color      : #666;
    font-style : italic;
}

.b-arrow {
    color : #999;
}

.b-silent {
    color : #999;
}





/* Делаем на всю ширину */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container
{
    width : 100%;
}



#header
{
    margin-bottom : 10px;
}



.secondaryMenu
{
    float         : right;
    margin-bottom : 5px;
}



.alert {
    margin  : 0 20px 10px;
    display : inline-block;
}



.info-text {
    display        : inline-block;
    vertical-align : top;
}



.close-parent
{
    margin : -16px -14px 0 0;
}



/* Breadcrumbs */
.container .breadcrumb
{
    margin : 0 !important;
}



.breadcrumb > .active
{
    color     : #666;
    font-size : 20px;
}



/* Жирная большая ссылка */
a.fatlink
{
    font-size   : 20px;
    white-space : nowrap;
}



span.separator
{
    padding : 0 10px;
}



span.separator + span.separator
{
    border-left : 1px solid #666;
}



span.big-separator
{
    padding   : 0 10px;
    font-size : 22px;
}



.important
{
    color       : red;
    font-size   : 20px;
    font-weight : bold;
}





/**********************************/
/* Таблица со ссылками на главной */
/**********************************/

table.front-link tr
{
    border-bottom : 1px dashed #cacaca;
    padding       : 20px 10px 10px 10px;
}



table.front-link tr:last-child
{
    border-bottom : none;
}



table.front-link td .infoblock
{
    margin-right : 50px;
}



/*************************/
/* Грид (админ. таблица) */
/*************************/

.table {
    width : auto;
}

.grid-view-loading {
    background-attachment : fixed;
    background-size       : cover;
    display               : inline-block;
}

.grid-view .summary {
    text-align : left;
}

.grid-view td.toggle-column-filter .filter-container {
    padding   : 0;
    min-width : 70px;
}

.grid-view th {
    text-align  : center;
}

.table th, .table td {
    line-height : 1;
}

.grid-view td.toggle-column {
    text-align     : center;
    vertical-align : middle;
}

.grid-view td.toggle-column a i:hover {
    border-radius : 50px;
    box-shadow    : 0 0 10px rgba(72, 72, 72, 0.6);
}

.grid-view td {
    vertical-align : middle;
    text-align     : center;
}

.editable {
    color            : green;
    display          : block;
    height           : 74px;
    width            : 125px;
    overflow         : auto;
    background-color : rgba(236, 246, 255, 1);
    margin           : 0 auto;
    padding          : 5px;
    border           : 1px dashed green !important;
    line-height      : 12px;
}

.editable:hover {
    text-decoration : none;
    box-shadow      : 0 0 10px rgba(72, 72, 72, 0.6);
}

.editable-empty,
.editable-empty:hover {
    background-color : rgba(178, 184, 189, 0.92);
}

.small-font {
    text-align  : center !important;
    font-size   : 11px;
    line-height : 11px !important;
}

.small-break {
    height : 5px;
}

.narrow-300 {
    max-width  : 300px;
    overflow-x : auto;
}

.big-red-number div {
    width            : 30px;
    height           : 25px;
    padding-top      : 5px;
    border-radius    : 50px;
    background-color : #DFB7B7;
    color            : white;
    line-height      : 20px;
}


/* Для информационных булевых штук */
.grid-view .green {
    font-weight : bold;
    color       : green;
}

.grid-view .red
{
    color : red;
}


/* Ссылки на компанию */
.grid-view .company-links
{
    max-width : 250px;
    overflow  : hidden;
}

.grid-view .company-links a
{
    white-space : nowrap;
}


/* классы для галочек и крестиков в админке */
.grid-view td.toggle-column .icon-ok-circle,
.grid-view td.toggle-column .icon-remove-sign {
    width             : 25px;
    height            : 25px;
    background-image  : url('/file/interface/yes-no.png');
    background-repeat : no-repeat;
}

.grid-view td.toggle-column .icon-ok-circle {
    background-position : 0;
}

.grid-view td.toggle-column .icon-remove-sign {
    background-position : -25px 0;
}


.grid-view .pre-wrap {
    white-space : pre-wrap;
    max-width   : 250px;
    overflow    : auto;
}





/***********************/
/* Таблица с персонами */
/***********************/

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

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





/*******************************************/
/* Интерфейс для подготовки рейтинга (ИПР) */
/*******************************************/

.modal-ipr-speedup {
    width       : 900px;
    margin-left : -450px;
    line-height : 1.1;
}

    .modal-ipr-speedup__column {
        display        : inline-block;
        width          : 33%;
        vertical-align : top;
    }

    .modal-ipr-speedup__item {
        display : inline-block;
        width   : 280px;
        height  : 26px;
    }

    .modal-ipr-speedup__item-name {
        display        : inline-block;
        width          : 170px;
        vertical-align : middle;
        font-size      : 11px;
    }

.b-toggle-button {
    border         : 1px solid black;
    display        : inline-block;
    vertical-align : middle;
    border-radius  : 2px;
    cursor         : pointer;

    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

    .b-toggle-button__on,
    .b-toggle-button__off {
        font-family: 'PT Sans';
        width       : 25px;
        display     : inline-block;
        text-align  : center;
        font-weight : bold;
        padding     : 3px;
    }

    .b-toggle-button__on {
        color : #333;
    }

    .b-toggle-button__off {
        background-color : #ff7569;
        color            : #fff;
    }

    .b-toggle-button--hidden {
        color      : #eee;
        background : #eee;
    }





/** IPR SEARCH FORM **/

.ipr-search {
    position  : relative;
    min-width : 700px;
}

.ipr-search form {
    text-align : center;
}

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

.ipr-search .result {
    border     : 1px solid #e6e6e6;
    max-height : 200px;
    padding    : 0 20px 50px 10px;
    overflow-x : hidden;
    overflow-y : auto;
}

.ipr-search .count {
    position  : absolute;
    top       : 10px;
    right     : 10px;
    font-size : 30px;
}

.ipr-search .stripe {
    margin        : 3px 0;
    border        : 2px solid #d3d3d3;
    border-radius : 60px;
}

.ipr-search .stripe-inactive:hover {
    background-color : #ddf;
    border-color     : #876984
}

.ipr-search .stripe-active {
    color       : white;
    font-weight : bold;
    background  : linear-gradient(#67c532, #4cb21e);
    box-shadow  : 0 2px 5px #699450;
}

.ipr-search .stripe > div {
    display : inline-block;
    padding : 5px;
}

.ipr-search .stripe .master-id {
    width      : 50px;
    text-align : right;
}

.ipr-search .stripe .url a {
    background-color : white;
    padding          : 3px;
    margin-right     : 3px;
    text-decoration  : underline;
}

.ipr-search .stripe-inactive .add {
    visibility : hidden;
}

.ipr-search .stripe .add {
    padding      : 2px;
    float        : right;
    margin-right : 15px;
}

.ipr-search .stripe .add a {
    font-size : 15px;
}

.ipr-search .stripe .add a i {
    margin-top : 1px;
}

.ipr-search .to-be-continued {
    margin     : 20px;
    text-align : center;
    color      : grey;
    font-size  : 20px;
    font-style : italic;
}





.ipr-editable
{
    height      : 15px;
    width       : 50px;
    color       : black;
    font-size   : 14px;
    font-weight : bold;
}



.ipr-grid .editable,
.grid-view textarea.editable-input
{
    width : 50px;
}



.ipr-grid .editable-pos
{
    width : 50px;
}



.ipr-grid .editable-input
{
    width   : 50px;
    padding : 3px 2px 2px 2px;
}



.grid-view textarea.editable-input
{
    display     : block;
    height      : 74px;
    margin      : 0 auto;
    padding     : 5px;
    line-height : 12px;
}



.editable-text_audit,
.editable-input-text_audit
{
    width : 50px !important;
}



/* Добавление компании */
.ipr-add-company
{
    display : inline-block;
    height  : 30px;
}



.extra-button
{
    position : absolute;
    right    : 10px;
    top      : 50px;
}



.extra-button-second
{
    top : 85px;
}

.extra-button-third
{
    top : 120px;
}



.ipr-delete
{
    white-space : nowrap;
}



.ipr-delete-simple,
.ipr-delete-move
{
    display: block;
    margin-bottom : 5px;
}



.b-foreign-ratings-list
{
    background-color: #eee;
    padding: 20px;
}

.b-foreign-ratings-list__item
{
    padding: 10px;
    border: 1px solid #bababa;
}

.b-foreign-ratings-list__item:hover
{
    background-color: white;
    border: 1px solid black;
}

.b-foreign-ratings-list__item input
{
    margin: 0;
}

.b-saving
{
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 20px;
    color: grey;
    font-weight: bold;
}

    .b-saving--process
    {
        border: 1px solid #ffa500;
        background-color: rgba(255, 165, 0, 0.38);
    }

    .b-saving--good
    {
        border: 1px solid #4CAF50;
        background-color: rgba(76, 175, 80, 0.38);
    }

    .b-saving--bad
    {
        border: 1px solid #F44336;
        background-color: rgba(244, 67, 54, 0.38);
    }





.b-single-item-handler {
    border  : 2px solid #DDD;
    margin  : 15px 0;
    padding : 10px;
    width   : 1000px;
}

    .b-single-item-handler__row {
        border-bottom : 1px solid #AAA;
        margin        : 10px 0;
        text-align    : center;
    }

    .b-single-item-handler__row:last-child {
        border : none;
    }

    .b-single-item-handler__cell {
        display        : inline-block;
        vertical-align : middle;
    }

    .b-single-item-handler__cell--label      {width: 200px;}
    .b-single-item-handler__cell--value      {width: 380px; text-align : left;}
    .b-single-item-handler__cell--editor     {width: 400px;}
    .b-single-item-handler__cell--value-only {width: 780px; padding: 0 0 10px 0; }
    .b-single-item-handler__cell--buttons    {width: 600px;}


    .b-single-item-handler__cell input[type=text],
    .b-single-item-handler__cell textarea {
        width      : 380px;
        min-height : 31px;
    }

    .b-single-item-handler__cell--label {
        text-align : right;
        color      : #AAA;
    }

    .b-single-item-handler__cell--editor {
        vertical-align : top;
    }

    .b-single-item-handler__cell--buttons {
        text-align : right;
    }





.b-expand-cell {}

    .b-expand-cell--minimized {
        height        : 50px;
        overflow      : hidden;
    }

    .b-expand-cell__link {
        display    : inline-block;
        margin-top : 4px;
    }





.b-page-cross-links {
    font-weight : bold;
    font-size   : 14px;
    margin      : 20px 0 10px 0;
}

    .b-page-cross-links__item {
        margin-left     : 20px;
        padding         : 3px 5px;
        color           : #e21e26;
        text-decoration : none;
        border-bottom   : 1px dashed;
    }

    .b-page-cross-links__item:hover {
        text-decoration : none;
        color           : #000;
    }

    .b-page-cross-links__item--active {
        color  : #000;
        border : 1px solid green;
    }