.li-marker {
    background: rgba(212, 236, 208, 0.5);
}
.dropdown-menu {
    left: unset;
    right: 0;  
}

.cat-off {
    background:#eee;
}

/* Toggle switch (mobile-style) */
.ui-switch {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 20px;
    background: #bbb;
    border-radius: 10px;
    cursor: pointer;
    transition: background .25s;
    vertical-align: middle;
    flex-shrink: 0;
}
.ui-switch:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    transition: transform .25s;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.ui-switch.on {
    background: #5cb85c;
}
.ui-switch.on:before {
    transform: translateX(16px);
}

.btn-group {
    width:120px;
    overflow:hidden;
}
.btn-group-large {
    width:200px;
    overflow:hidden;
}

    .btn-toggle {
        display:block;
        float:left;
        width:35px;
        height:35px;
        margin:2px;
        background:url(../img/on.png);
        background-size: contain;
    }
    .btn-off {
        background:url(../img/off.png);
        background-size: contain;
    }
    .btn-edit {
        display:block;
        float:left;
        width:35px;
        height:35px;
        margin:2px;
        background:url(../img/edit.png);
        background-size: contain;
    }
    .btn-view {
        display:block;
        float:left;
        width:35px;
        height:35px;
        margin:2px;
        background:url(../img/view.png);
        background-size: contain;
    }
    .btn-delete {
        display:block;
        float:left;
        width:35px;
        height:35px;
        margin:2px;
        background:url(../img/delete.png);
        background-size: contain;
    }
    .btn-back {
        display:block;
        float:left;
        width:35px;
        height:35px;
        margin:2px;
        background:url(../img/back.png);
        background-size: contain;
    }
    .btn-save {
        display:block;
        float:left;
        width:35px;
        height:35px;
        margin:2px;
        background:url(../img/save.png);
        background-size: contain;
        border:0;
    }
    .btn-list {
        display:block;
        width:30px;
        height:30px;
        background:url(../img/list.png);
        background-size: contain;
        border:0;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        color: #999;
        padding: 5px;
    }
    .btn-list_null {
        display:block;
        width:30px;
        height:30px;
        background:url(../img/list_null.png);
        background-size: contain;
        border:0;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        color: #999;
        padding: 5px;
    }
    
    /**/
    .table .btn-toggle {
        width:25px;
        height:25px;
    }
    .table .btn-off {
        width:25px;
        height:25px;
    }
    .table .btn-edit {
        width:25px;
        height:25px;
    }
    .table .btn-view {
        width:25px;
        height:25px;
    }
    .table .btn-delete {
        width:25px;
        height:25px;
    }
    .table .btn-back {
        width:25px;
        height:25px;
    }
    .table .btn-save {
        width:25px;
        height:25px;
    }
    .table .btn-list {
        width:25px;
        height:25px;
    }
    .table .btn-list_null {
        width:25px;
        height:25px;
    }

a.list-group-item span.title {
    display:block;
    /*font-weight:bold;*/
    text-transform:uppercase;
    margin-bottom:5px;
    letter-spacing:0.5px;
}
a.list-group-item span.desc {
    display:block;
    color:#aaa;
}
a.list-group-item span.warning {
/*    display: block;
    margin: 3px 0;
    padding: 3px 10px;
    border-radius: 3px;
    background: #ffefef;
    border: 1px solid #ff8282;*/
    color:#ff8282;
}


/*список*/
.category_list .list-group {
    margin-bottom: -1px;
}
.category_list .list-group.hid {
    display:none;
}
.category_list .list-group .list-group-item {
    border-radius:0;
    padding:13px 145px 13px 40px;
    position:relative;
    min-height: 50px;
}
.category_list .btn-group {
    position:absolute;
    right:10px;
    top:5px;
}
.category_list .btn-list {
    position:absolute;
    left:5px;
    top:10px;
}
.category_list .btn-list_null {
    position:absolute;
    left:5px;
    top:10px;
}

/*.category_list .list-group {
    border-left:1px solid #999;
}*/
.category_list .level {
    padding-left:10px;
}
.category_list .level .list-group-item {
    border-left:1px solid #2cdfc4;
}
.category_list .level .level .list-group-item {
    border-left:1px solid #df5a2c;
}
.category_list .level .level .level {
    border-left:1px solid #dfc42c;
}

/*список товарных позиций*/
.item_list .list-group {
    margin-bottom: -1px;
}
.item_list .list-group.hid {
    display:none;
}
.item_list .list-group .list-group-item {
    border-radius:0;
    padding:13px 145px 13px 40px;
    position:relative;
    min-height: 50px;
}
.item_list .list-group .list-group-item.no-padd {
    padding:13px 20px 13px 20px;
}
.item_list .btn-group {
    position:absolute;
    right:10px;
    top:5px;
}
.item_list .btn-list {
    position:absolute;
    left:5px;
    top:10px;
}
.item_list .btn-list_null {
    position:absolute;
    left:5px;
    top:10px;
}
.item_list .category-item {
    display:block;
    font-size:80%;
    color:#999;
}

/*редактирование характеристик*/
.form-control-first {
    border-radius: 4px 4px 0 0;
}
.form-control-middle {
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    background: #eee;
}
.form-control-latest {
    border-radius: 0 0 4px 4px;
}
.list-group-value {
    margin:10px 0;
}
.btn-group-param {
    width:100%;
    margin-bottom:10px;
}
.btn-group-param-bottom {
    width: auto;
    margin-top: 10px;
    display: inline-block;
}
.btn-toolbar .btn-group {
    width:unset;
}
.btn-group-fr {
    float:right!important;
}


/*разделитель*/
.clear { height:0px; width:100%; clear:both; }
.ess-list {
    border-bottom:1px solid #d3e0e9;
}
.ess-item {
    margin-bottom:10px;
}

/**/
.item-label {
    padding:5px 10px;
    float:left;
    margin:3px;
    border:1px solid #666;
    border-radius:3px;
}
.item-label-info {
    background:#f6f6f6;
    opacity:0.8;
}
.item-label-cost {
    background:#ffecec;
    opacity:0.8;
}
.item-label-chara {
    background:#eaf2fc;
}
.offer-btn-group {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;  
}
.offer2-btn-group {
    width:40px; 
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100; 
}
.offer-group-item {
    padding-right:140px;
}

/*табличка*/
.offer-table {
    width:100%;
    overflow:auto;
}
.table td {
    padding:5px;
    border-bottom:1px solid #aaa;
    max-width:150px;
    min-width:100px;
}
.table th {
    padding:7px 5px;
    border-bottom:2px solid #999;
}
/*.table td, .table th {
    padding:5px;
}*/
.hidlevel {
    display:none;
}
.catlist {
    
}
.catlist:hover {
    background:#eef8ff;
    cursor:pointer;
}

/* Кнопка "Назад" — тёмный стиль для Bootstrap 3 */
.btn-dark {
    color: #fff;
    background-color: #555;
    border-color: #444;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: #333;
    border-color: #222;
}

/* Контейнер для логотипа бренда — единый размер везде */
.brand-logo-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 40px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 3px;
}
.brand-logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}