#data-source{
    cursor:pointer;
    border: 1px dashed #2DA3E7;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}
#data-source:hover{
    cursor:pointer;
    border: 1px dotted #1A7EB8;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}
.bootstrap-theme:hover{
    border: solid 1px #FFF;
    box-shadow: 0 0 3px #BFDBFF;
}

.bootstrap-theme{
    width:30px;
    height:30px;
    background:#CCC;
    float:left;
    padding:3px;
    margin:3px;
    cursor:pointer;
    color: #fff;
    border-radius:0;
}
#style-selector {
    position: fixed;
    -right: 0;
    top: 0;
    z-index: 1032;
    -webkit-box-shadow: -3px 0px 50px -2px rgba(0,0,0,0.14);
    -moz-box-shadow: -3px 0px 50px -2px rgba(0,0,0,0.14);
    box-shadow: -3px 0px 50px -2px rgba(0,0,0,0.14);
    background: #fff;
    height: 100%;
    width: 297px;
}

#style-selector .style-toggle {
    width: 52px;
    height: 56px;
    cursor: pointer;
    opacity: 1;
    background: #fff;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -webkit-box-shadow: -3px 0px 5px -2px rgba(0,0,0,0.14);
    -moz-box-shadow: -3px 0px 5px -2px rgba(0,0,0,0.14);
    box-shadow: -3px 0px 5px -2px rgba(0,0,0,0.14);
    float: left;
    margin-left: -52px;
    margin-top: 142px;
    top: 100px;
}

#style-selector .style-toggle::before {
    color: #000;
    font-size: 23px;
    content: "\f013" !important; /* fa-cog */
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 300 !important;
    font-weight: lighter !important;
    line-height: 56px;
    text-align: center;
    padding-left: 15px;
}

#style-selector-container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.style-selector-wrapper .panel-default > .panel-heading{
    background:#1B1B1B !important;
    color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px;

}
.style-selector-wrapper .panel{
    margin-bottom: 0px;
}

.style-selector-wrapper .panel-default > .panel-heading > h3,.style-selector-wrapper .panel-default > .panel-heading{
    -font-size: 15px;
}

.style-selector-wrapper .editor-help{
    font-size: 12px; 
    padding:10px;
}

#adminModal .modal-body{
    padding: 0px;
}

.style-selector-wrapper .panel{
    border: 0px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

.style-selector-wrapper .panel a:hover, .style-selector-wrapper .panel a:focus{
    text-decoration: none;
}

.glyphicon-menu-down:before {
    content: "\e259";
}
.glyphicon-menu-up:before {
    content: "\e260";
}
.setBlock img{width:28px; height:28px;}
.setBlock img:hover{  border: 1px solid #27A2E9;
                      box-shadow: 0 1px 3px 0 rgba(39, 162, 233, 0.53);}
.activeBlock {
    border: 1px solid #27A2E9;box-shadow: 0 1px 3px 0 rgba(39, 162, 233, 0.53);
}
.style-selector-wrapper .nav-pills > li > a {
    border-radius: 2px;
}
.style-selector-wrapper .nav > li > a {
    padding: 5px 10px;
}
.style-selector-wrapper .collapse-block h4 { 
    color: #343434; font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding-top: 5px;
}
.style-selector-wrapper .collapse,  .style-selector-wrapper .collapse-block{
    clear:both;
    padding-bottom: 10px;
}

#collapseCSS h4{
    padding: 7px 0 0 0;
    font-size: 13px;
}




/* === FIX: bootstrap-select dropdown в Bootstrap 4 === */

/* Принудительно показываем меню */
.bootstrap-select .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 380px !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    z-index: 1060 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    transform: none !important;
    will-change: auto !important;
    margin: 6px 0 0 !important;
    padding: 5px 0 !important;
    border: 1px solid rgba(0,0,0,.15) !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
    background: #fff !important;
}

/* Скрываем меню только когда оно действительно закрыто */
.bootstrap-select:not(.show) .dropdown-menu {
    display: none !important;
}

/* Фикс для inner-списка */
.bootstrap-select .dropdown-menu.inner {
    display: block !important;
    height: auto !important;
    max-height: 380px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Элементы списка */
.bootstrap-select .dropdown-menu.inner li {
    display: block !important;
    width: 100% !important;
}

.bootstrap-select .dropdown-menu.inner li a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 20px !important;
    color: #333 !important;
    text-decoration: none !important;
}

.bootstrap-select .dropdown-menu.inner li a:hover {
    background: #f8f9fa !important;
}

.bootstrap-select .dropdown-menu.inner li.selected a {
    background: #e9ecef !important;
    font-weight: 600;
}

/* Фикс кнопки-триггера */
.bootstrap-select > .dropdown-toggle {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* Стрелка */
.bootstrap-select .bs-caret {
    margin-left: auto !important;
}




#style-selector .nav-tabs li{display:inline-block}
#style-selector .nav-tabs li a{display:block;padding:8px 16px;border:1px solid transparent;border-radius:4px 4px 0 0}
#style-selector .nav-tabs li.active a,#style-selector .nav-tabs li a.active{
    background:#fff;border-color:#dee2e6 #dee2e6 #fff}
#style-selector .tab-pane{display:none}
#style-selector .tab-pane.active,#style-selector .tab-pane.in,#style-selector .tab-pane.show{display:block!important}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

/* === Card Header — черный фон === */
#style-selector .card-header {
    background: #1B1B1B !important;
    border-bottom: 1px solid #333 !important;
    padding: 0 !important;
}

/* === Кнопка внутри card-header — белый текст === */
#style-selector .card-header .btn {
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
    text-decoration: none !important;
    text-align: left !important;
    width: 100% !important;
    display: block !important;
}

#style-selector .card-header .btn:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.05) !important;
    text-decoration: none !important;
}

/* === Иконка стрелки — белая === */
#style-selector .card-header .btn .fas,
#style-selector .card-header .btn .fal {
    color: #fff !important;
}

/* === Заголовок h5 внутри card-header === */
#style-selector .card-header h5 {
    margin: 0 !important;
}


/* === Цветовой пикер — выравнивание input и пипетки === */

#style-selector .input-group.color {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
}

#style-selector .input-group.color .form-control.input-sm {
    height: 34px !important;
    line-height: 1.5 !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    border-radius: 4px 0 0 4px !important;
    border-right: none !important;
}

#style-selector .input-group.color .input-group-addon.input-sm {
    height: 34px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    background: #fff !important;
    border: 1px solid #ced4da !important;
    border-left: none !important;
    border-radius: 0 4px 4px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

#style-selector .input-group.color .input-group-addon.input-sm i {
    width: 20px !important;
    height: 20px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}

/* Hover-эффект на пипетку */
#style-selector .input-group.color .input-group-addon.input-sm:hover {
    background: #f8f9fa !important;
}

/* Фокус на input — подсветка всей группы */
#style-selector .input-group.color .form-control.input-sm:focus {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15) !important;
    border-color: #86b7fe !important;
}

#style-selector .input-group.color .form-control.input-sm:focus + .input-group-addon.input-sm {
    border-color: #86b7fe !important;
}

/* === Рамка для bootstrap-select === */

#style-selector .bootstrap-select.form-control {
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 1px solid #ced4da !important; /* ? Добавлена рамка */
    border-radius: 4px !important;
}

/* Кнопка-триггер внутри select */
#style-selector .bootstrap-select > .dropdown-toggle {
    border: none !important;
    background: transparent !important;
    padding: 6px 12px !important;
}

/* Фокус */
#style-selector .bootstrap-select.form-control:focus {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15) !important;
    outline: none !important;
}

#collapseCSS #tabs-1 .form-group {
    .col-sm-5{
        max-width: 100%;
        padding:0px;
    }
    .col-sm-7{
        max-width: 100%;
        padding:0px;
    }

    margin-bottom: 0.5rem;
}

#collapseCSS #tabs-0 {
    padding-top:7px;
}

#collapseCSS #tabs-1 {
    padding-top:16px;
}

#style-selector-container .card{
    border-radius:0px;
    padding:0px;
}

#style-selector-container .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-radius: 0px;
}