/*
 * CRM forms — единый стиль полей (эталон: clients.aspx, модалка «הוסף לקוח»).
 * Admin.master: bootstrap-select.css, crm-form-selects.js, этот файл.
 */

/* === 0. Открытый список bootstrap-select — все модули CRM === */
/* Одиночный select: синий у li.active (как native). Multiselect (show-tick): синий у всех li.selected */
.bootstrap-select.show-tick .dropdown-menu li a span.check-mark {
    display: none !important;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 0 !important;
}

.bootstrap-select .dropdown-menu {
    border: 1px solid #d2d6de;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.bootstrap-select .dropdown-menu > .inner.open,
.bootstrap-select ul.dropdown-menu.inner {
    box-sizing: border-box;
    background-color: #fff;
}

.bootstrap-select .dropdown-menu > li > a {
    padding: 6px 12px;
    color: #333;
    white-space: normal;
    background-color: #fff !important;
}

.bootstrap-select .dropdown-menu > li:not(.selected) > a:hover,
.bootstrap-select .dropdown-menu > li:not(.selected) > a:focus {
    background-color: #ebebeb !important;
    color: #333 !important;
}

/* multiselect (מחלקה и т.п.) — все выбранные в открытом списке */
.bootstrap-select.show-tick .dropdown-menu > li.selected > a {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.bootstrap-select.show-tick .dropdown-menu > li.selected > a .text,
.bootstrap-select.show-tick .dropdown-menu > li.selected > a span.text {
    color: #fff !important;
}

.bootstrap-select.show-tick .dropdown-menu > li.selected.active > a {
    background-color: #367fa9 !important;
    color: #fff !important;
}

/* одиночный select (לקוח и т.п.) — синий у строки под курсором / выбранной при открытии */
.bootstrap-select:not(.show-tick) .dropdown-menu > li.active > a {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.bootstrap-select:not(.show-tick) .dropdown-menu > li.active > a .text,
.bootstrap-select:not(.show-tick) .dropdown-menu > li.active > a span.text {
    color: #fff !important;
}

.filters-dropdown-panel .bootstrap-select .dropdown-menu {
    font-size: 12px;
}

.filters-dropdown-panel .bootstrap-select .dropdown-menu > li > a {
    font-size: 12px;
}

/* === 1. Подписи и нативные поля (.task-form-group) === */
.task-form-group > label,
.task-form-group label[for]:not(.btn):not(.active) {
    font-weight: 600;
}

.task-form-group:not(.row) > label,
.task-form-group:not(.row) > label[for] {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.task-form-group.row .control-label {
    font-weight: 600;
}

.task-form-group .form-control:not(.input-sm) {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d6de;
    border-radius: 0;
    box-shadow: none;
}

.task-form-group textarea.form-control:not(.input-sm) {
    height: auto;
    min-height: 34px;
}

.task-form-group select.form-control:not(.input-sm):not([multiple]) {
    height: 34px;
}

.task-form-group select.form-control[multiple]:not(.input-sm) {
    height: auto;
    min-height: 80px;
}

.task-form-group .form-control:not(.input-sm):focus {
    border-color: #bebebe;
    background-color: #f8f8f8;
    outline: 0;
    box-shadow: none;
}

.task-form-group .form-control::placeholder {
    color: #999;
    opacity: 1;
}
[dir="rtl"] .task-form-group select.form-control:not(.selectpicker):not(.input-sm) {
    direction: rtl;
    text-align: right;
}

.task-form-group .has-feedback .form-control:not(.input-sm) {
    padding-right: 34px;
}
[dir="rtl"] .task-form-group .has-feedback .form-control:not(.input-sm) {
    padding-right: 12px;
    padding-left: 34px;
}
/* Кнопка-поле (אחראי, מחלקות) — как select.form-control */
.task-form-group .crm-form-picker-trigger,
.task-form-group .add-project-responsible-picker-wrap,
.task-form-group.add-project-responsible-form-group {
    position: relative;
}

.task-form-group .crm-form-picker-trigger {
    position: relative;
    width: 100%;
    min-height: 34px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
    padding: 4px 12px;
    padding-left: 28px;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    cursor: pointer;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #d2d6de;
    border-radius: 0;
    box-shadow: none !important;
    text-align: right;
}

[dir="rtl"] .task-form-group .crm-form-picker-trigger {
    padding: 6px 12px;
    padding-left: 28px;
}

[dir="rtl"] .task-form-group .crm-form-picker-trigger::after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    color: #999;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.task-form-group .crm-form-picker-trigger .project-responsibles--single .crm-form-picker-value {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 14px;
    font-weight: normal;
}

.task-form-group .crm-form-picker-trigger .crm-form-picker-value--multi {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 14px;
    font-weight: normal;
}

#modalAddProject .task-form-group .bootstrap-select > .dropdown-toggle,
#modalAddProject .task-form-group .bootstrap-select.btn-group > .dropdown-toggle {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #d2d6de !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #555 !important;
}

#modalAddProject .task-form-group select.form-control {
    height: 34px;
    border: 1px solid #d2d6de;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff;
}

#modalAddProject .add-project-responsible-form-group,
#modalAddProject .add-project-responsible-picker-wrap {
    overflow: visible;
}
.task-form-group .crm-form-picker-trigger:hover,
.task-form-group .crm-form-picker-trigger:focus,
.task-form-group .crm-form-picker-trigger:active {
    background-color: #fff !important;
    background-image: none !important;
    border-color: #d2d6de;
    outline: 0;
    box-shadow: none !important;
}

.task-form-group .crm-form-picker-trigger .project-responsible-empty {
    color: #999;
}

.task-form-group .crm-form-picker-trigger > div.project-responsible-empty {
    width: 100%;
    text-align: right;
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

.task-form-group .crm-form-picker-trigger > div.project-responsibles {
    width: 100%;
    text-align: right;
    overflow: visible;
}

.task-form-group .crm-form-picker-trigger > .project-responsibles:not(.crm-responsible-avatars-stack),
.task-form-group .crm-form-picker-trigger > .managers-avatars:not(:has(.crm-responsible-avatars-stack)) {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    min-height: 32px;
    overflow: visible;
    padding: 1px 0;
}

.task-form-group .crm-form-picker-trigger .managers-avatars:not(:has(.crm-responsible-avatars-stack)) .manager-avatar-bubble,
.task-form-group .crm-form-picker-trigger > .manager-avatar-bubble,
.task-form-group .crm-form-picker-trigger > .project-responsible-avatar {
    flex-shrink: 0;
}

#addTaskAssignedToPreview.managers-avatars {
    width: 100%;
    text-align: right;
}
.modal .modal-body:has(.task-form-group),
.modal .modal-body:has(.bootstrap-select) {
    overflow: visible;
}

/* === 2. bootstrap-select в формах (34px, как form-control) === */
.task-form-group .bootstrap-select {
    display: block;
    width: 100% !important;
    max-width: 100%;
    float: none;
    clear: both;
}

.task-form-group .bootstrap-select.form-control {
    height: auto !important;
    min-height: 0 !important;
    padding: 0;
    border: none;
    box-shadow: none;
}

.task-form-group .bootstrap-select > .dropdown-toggle {
    width: 100%;
    height: 34px;
    min-height: 34px;
    padding: 6px 12px !important;
    border: 1px solid #d2d6de;
    border-radius: 0;
    background-color: #fff !important;
    background-image: none !important;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-shadow: none;
    box-shadow: none !important;
}
.task-form-group .bootstrap-select > .dropdown-toggle:hover,
.task-form-group .bootstrap-select > .dropdown-toggle:focus,
.task-form-group .bootstrap-select > .dropdown-toggle:active,
.task-form-group .bootstrap-select.open > .dropdown-toggle,
.task-form-group .bootstrap-select > .dropdown-toggle.bs-placeholder,
.task-form-group .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.task-form-group .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.task-form-group .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    outline: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    background-image: none !important;
    border-color: #d2d6de !important;
    color: #555 !important;
}

.task-form-group .bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #999 !important;
}
.task-form-group .bootstrap-select > .dropdown-toggle:focus,
.task-form-group .bootstrap-select.open > .dropdown-toggle {
    border-color: #bebebe !important;
    background-color: #f8f8f8 !important;
}

.task-form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
    direction: rtl;
}

.task-form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option.pull-left {
    float: none !important;
    width: 100%;
}
[dir="rtl"] .task-form-group .bootstrap-select > .dropdown-toggle {
    padding: 6px 12px !important;
}

.task-form-group .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.task-form-group .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: static !important;
    display: inline-block;
    margin: 0 !important;
    width: auto;
    height: auto;
    border: none !important;
}

.task-form-group .bootstrap-select.btn-group .dropdown-toggle .caret:before {
    display: block;
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #999;
    text-align: center;
    content: "\f078";
}

.task-form-group .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    display: none !important;
}
[dir="rtl"] .task-form-group .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    right: auto;
    left: 10px;
    width: 12px;
    justify-content: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
[dir="rtl"] .task-form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding-left: 0;
    margin-left: 0;
}

/* Список пунктов — см. блок 0 (.bootstrap-select .dropdown-menu) */
.task-form-group .bootstrap-select .dropdown-menu {
    font-size: 14px;
}

.task-form-group .bootstrap-select .dropdown-menu > .inner.open,
.task-form-group .bootstrap-select ul.dropdown-menu.inner {
    width: 100% !important;
}

.task-form-group .bootstrap-select.btn-group > .dropdown-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}
[dir="rtl"] .task-form-group .bootstrap-select.btn-group > .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

/* === 3. Панели фильтров (input-sm, тот же визуальный язык) === */
.filters-dropdown-panel .filters-panel-content select.form-control.input-sm {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 30px !important;
    border-radius: 0;
    vertical-align: middle;
    border: 1px solid #d2d6de;
    color: #555;
    background-color: #fff;
    box-shadow: none;
}

.filters-dropdown-panel .filters-panel-content select.form-control.input-sm:focus {
    background-color: #f8f8f8 !important;
    border-color: #bebebe !important;
    outline: 0;
    box-shadow: none;
}
[dir="rtl"] .filters-dropdown-panel .filters-panel-content select.form-control.input-sm:not(.selectpicker) {
    direction: rtl;
    text-align: right;
}

.filters-dropdown-panel .filters-panel-content input.form-control.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #d2d6de;
    border-radius: 0;
    box-shadow: none;
}

.filters-dropdown-panel .filters-panel-content input.form-control.input-sm:focus {
    border-color: #bebebe;
    background-color: #f8f8f8;
    outline: 0;
    box-shadow: none;
}

.filters-dropdown-panel .bootstrap-select {
    width: 100% !important;
}

.filters-dropdown-panel .bootstrap-select.form-control.input-sm {
    height: auto !important;
    min-height: 0 !important;
}

.filters-dropdown-panel .bootstrap-select.btn-group > .dropdown-toggle {
    width: 100%;
    box-sizing: border-box;
}

.filters-dropdown-panel .bootstrap-select > .dropdown-toggle {
    position: relative;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 5px 30px 5px 10px;
    border: 1px solid #d2d6de;
    border-radius: 0 !important;
    background: #fff !important;
    background-image: none !important;
    color: #555;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    text-shadow: none;
    box-shadow: none !important;
}
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle:hover,
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle:focus,
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle:active,
.filters-dropdown-panel .bootstrap-select.open > .dropdown-toggle {
    outline: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    background-image: none !important;
    border-color: #d2d6de !important;
    color: #555 !important;
}
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle:focus,
.filters-dropdown-panel .bootstrap-select.open > .dropdown-toggle {
    border-color: #bebebe !important;
    background-color: #f8f8f8 !important;
}
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle.bs-placeholder,
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.filters-dropdown-panel .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #555;
    background-color: #fff;
    opacity: 1;
}

.filters-dropdown-panel .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
    direction: rtl;
}

.filters-dropdown-panel .bootstrap-select.btn-group .dropdown-toggle .filter-option.pull-left {
    float: none !important;
    width: 100%;
}

.filters-dropdown-panel .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    position: absolute;
    left: auto;
    right: 10px;
    top: 0;
    bottom: 0;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.filters-dropdown-panel .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: static !important;
    display: inline-block;
    margin: 0 !important;
    width: auto;
    height: auto;
    border: none !important;
}

.filters-dropdown-panel .bootstrap-select.btn-group .dropdown-toggle .caret:before {
    display: block;
    font-family: FontAwesome;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    content: "\f078";
}

.filters-dropdown-panel .bootstrap-select.btn-group .dropdown-toggle .caret:after {
    display: none !important;
}
[dir="rtl"] .filters-dropdown-panel .bootstrap-select > .dropdown-toggle {
    padding-right: 10px !important;
    padding-left: 28px !important;
}
[dir="rtl"] .filters-dropdown-panel .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    right: auto;
    left: 0;
    width: 20px;
    justify-content: flex-start;
    padding-left: 2px;
    box-sizing: border-box;
}

.filters-dropdown-panel .bootstrap-select .dropdown-menu {
    border-radius: 0;
    font-size: 12px;
}

.filters-dropdown-panel .bootstrap-select.btn-group > .dropdown-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.filters-dropdown-panel .bootstrap-select.btn-group > .dropdown-menu.dropdown-menu-right {
    left: auto !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
}
[dir="ltr"] .filters-dropdown-panel .bootstrap-select.btn-group > .dropdown-menu:not(.dropdown-menu-right) {
    left: 0 !important;
    right: auto !important;
}
[dir="rtl"] .filters-dropdown-panel .bootstrap-select.btn-group > .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

.filters-dropdown-panel .bootstrap-select .dropdown-menu > .inner.open {
    width: 100%;
    box-sizing: border-box;
}

.filters-dropdown-panel .bootstrap-select ul.dropdown-menu.inner {
    width: 100% !important;
    box-sizing: border-box;
}
#projectsFiltersDropdown > div > div > div:nth-child(4) > div > div {
    margin-top: 0 !important;
    border-top-width: 0 !important;
}
#projectsFiltersDropdown > div > div > div:nth-child(4) > div > button > span.bs-caret {
    padding-left: 0;
    width: 12px;
}
#projectsFiltersDropdown .bootstrap-select .bs-searchbox {
    padding: 0 !important;
}
#projectsFiltersDropdown .bootstrap-select .bs-searchbox .form-control {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.filters-dropdown-panel .bootstrap-select .bs-searchbox .form-control {
    height: 30px;
    font-size: 12px;
    border-radius: 0;
    direction: rtl;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
}