.a-no-underline {
    text-decoration: none !important;
}

.not-ready-functionality {}

.paid-axel {
    color: #72b22b;
}

.not-paid-axel {
    color: #ff6961;
}

.btn-input-height {
    height: 38px;
}

.card, .btn-primary, .btn-info {
    border-radius: 0.25rem !important;
}

.btn-oval, .btn-info {
    color: white !important;
    font-weight: bold;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 8px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #72b22b;
}

input:focus+.slider {
    box-shadow: 0 0 1px #72b22b;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.width-30 {
    width: 30px;
}

.mw-40 {
    max-width: 40px;
}

.error-background {
    background: #ff8080;
}

/* Используется в axelList.twig для анимации редактирования очереди/комментария  */

.edit-block {
    display: inline-block;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}

.edit-block:hover {
    background-image: url("/img/pencil.svg");
    background-size: 20px;
}

.js-colorpicker {
    display: grid;
    grid-template-columns: 15px 5px;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    display: grid;
    grid-row: auto auto;
    display: none;
}

.js-color-box {
    box-sizing: border-box;
    border: 1px solid #000;
    padding: 1px;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-comment:empty:not(:focus):before {
    content: attr(data-placeholder)
}

/* Зеленый цвет для ссылки в axelFormList.twig */

.green-link{
    color: #72B432 !important;
}

.trade-image{
    width: 80px !important;
    height: 80px !important;
}

/* Подсветка при наведении на акселератор в axeList.twig */
.axe-hover:hover {
    background-color: #615f5f;
    color: #a59292;
}

.axel-list-contextual {
    display: flex;
    cursor: pointer;
}

.axel-list-contextual-indicator-on {
    height: 15px;
    width: 15px;
    position: relative;
    top: 6px;
    margin-right: 3px;
    background-color: #72b22b;
    pointer-events: none;
}

.axel-list-contextual-indicator-off {
    height: 15px;
    width: 15px;
    position: relative;
    top: 6px;
    margin-right: 3px;
    background-color: #1e262f;
    pointer-events: none;
}

/* Таблица с аналитикой на analytics.twig*/
.analytics-table {
    border-collapse: collapse;
    /*margin: 25px;*/
    font-size: 1rem;
}
.analytics-table td,
.analytics-table th {
    border: 0.5px solid #000;
    text-align: center;
}

.analytics-table__metrics {
    min-width: 30px;
}

.analytics-table__metrics-by-site {
    min-width: 53px;
}

.analytics-table thead th {
    text-align: center;
    vertical-align: bottom;
}

.analytics-table thead span {
    cursor: pointer;
    -ms-writing-mode: tb-lr;
}

.analytics-table_hidden-row {
    display: none;
}

.analytics-table__company {
    width: 180px
}

.analytics-table__kind-of-activity {
    width: 50px;
}

.analytics-table__column-width {
    width: 49px
}

.analytics-table__region {
    width: 63px
}

.analytics-table__work-days {
    width: 64px;
}

.analytics-table__tip {
    transform: inherit;
    color: #5d5ddc;
}

.analytics-table__production {
    width: 130px;
}

@supports (writing-mode: vertical-lr) {
    .analytics-table thead span {
        display: inline-block;
        writing-mode: vertical-lr;
        white-space: nowrap;
        transform: rotate(180deg);
        line-height: 0;
    }
}

.metrics-info {
    cursor: pointer;
    color: #5d5ddc;
    font-size: 20px;
    vertical-align: sub;
}

.typeahead .dropdown-menu {
    z-index: 1051;
}

.regions-multiple {
    width: 100%;
}

.table-scroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

/* Сортировка на странице Разметка*/
.sort-column {
    cursor: pointer;
}

.sort-column-active {
    font-weight: bold;
}

.sort-column--views {
    min-width: 50px;
}

.sort-column--activity  {
    min-width: 50px;
}

td.sort-column--views,
td.sort-column--activity {
   white-space: pre-wrap;
   text-align: left;
   word-break: break-all;
}

td.sort-column--position,
td.sort-column--interest {
    min-width: 60px;
    white-space: pre-wrap;
    text-align: left;
}

td.sort-column--last-activity {
    min-width: 50px;
    white-space: pre-wrap;
    text-align: left;
}

.sort-column--products {
    min-width: 95px;
}

.sort-column--login {
    min-width: 100px;
}

.sort-column--person {
    border-bottom: 1px solid #dee2e6;
    min-width: 100px;
}

td.login-content {
    min-width: 100px;
    word-break: break-all;
    white-space: pre-wrap;
    text-align: left;
}

td.person-content {
    display: flex;
    align-items: center;
    min-width: 100px;
    word-break: break-all;
    white-space: pre-wrap;
    text-align: left;
    min-height: 33px;

    border-top: none;
    border-bottom: none;
}

td.product-content {
    min-width: 95px;
    word-break: break-all;
    white-space: pre-wrap;
    text-align: left;
}

td.user-position {
    min-width: 60px;
    white-space: pre-wrap;
    word-break: break-all;
}

td.user-activity {
    min-width: 50px;
    white-space: pre-wrap;
    word-break: break-all;
}

td.person-content a {
    display: block;
    line-height: 15px;
}

.table__info-row:nth-of-type(odd) {
    background-color: rgba(224, 232, 238, 0.7);
}

.first-row td {
    border-top: 0;
}