@charset "utf-8";
/*custom select input*/

.el_data {
    position: relative;
    display: flex;
    align-items: center;
    /*! max-width: 13rem; */
    /*! width: 100%; */
    min-width: 13rem;
    margin: 0.5rem;
    /*! font-size: 0.8751rem; */
    /*! font-weight: 500; */
    user-select: none;
    /*! background: #974d4d; */
    color: var(--primary);
    /*! margin: 0.25rem; */
    /*! padding: 0.25rem; */
    /*! width: 13rem; */
    /*! min-width: 13rem; */
    /*! width: 14rem; */
    /*! position: relative; */
}

.el_data.disabled .el_select, .el_data input:disabled {
    background: inherit;
    cursor: default;
}

input:disabled, input[readonly] {
    background: inherit;
}

.el_data.required .el_select {
    border-color: inherit;
}

input {
    color: var(--text_dark);
}



.el_data label {
    /*! font-size: 0.75rem; */
    /*! opacity: 0.75; */
    /*! position: absolute; */
    /*! top: -1.25rem; */
    /*! background: white; */
    /*! left: 0; */
    /*! padding: 0 0.25rem; */
    /*! color: var(--color_04); */
    /*! font-weight: 400; */
    /*! background: none; */
    /*! line-height: 0.875rem; */
    /*! z-index: 1; */
    display: none;
}

.el_data select {
    display: none;
}

.el_data .el_input, .el_data .el_select {
    border: solid 1px var(--grey_04);
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-big);
    cursor: pointer;
    /*! font-size: inherit; */
    display: flex;
    /*! flex-wrap: wrap; */
    min-height: calc(2.5rem + 2px);
    align-items: center;
    /*! color: var(--text_dark); */
    /*! max-width: 33.3333%; */
    width: 100%;
    /*! line-height: calc(1.5rem - 1px); */
    /*! caret-color: var(--text_dark); */
    /*! color: inherit; */
    background: white;
    /*! margin: 0.5rem; */
    font-size: 0.8125rem;
    /*! min-width: 11.5rem; */
    font-weight: 400;
}

.el_data input:focus {
    border-color: var(--primary);
    transition: ease-in-out 0.3s;
    /*! background-color: rgb(255, 245, 231); */
}

.el_data input:-moz-ui-invalid {
    border-color: var(--red);
    box-shadow: none;
}

.el_data input:focus:invalid {
    /*! border-color: var(--red); */
    box-shadow: none;
}

.el_data input:focus:required:invalid {
    /*! border-color: var(--red); */
    box-shadow: none;
}

.el_data .el_textarea {
    padding: 0.75rem;
    border-radius: var(--radius-big);
    border: solid 1px var(--grey_04);
    width: 100%;
    transition: ease-in-out 0.3s;
    font-family: inherit;
    /*! font-size: 0.85rem; */
    /*! min-width: 100%; */
    /*! max-width: 100%; */
    resize: vertical;
    caret-color: var(--primary);
    color: var(--text_dark);
}

.el_textarea:disabled, .el_textarea::readonly {
    background: white;
}

.el_textarea::placeholder {
    /*! font-size: 0.6875rem; */
    color: var(--text_light);
}

.el_textarea:disabled {
    background: var(--grey_02);
}

.el_data .el_textarea:focus, .show_data .el_textarea:focus {
    border-color: var(--primary);
}

.message .show_data {
    margin: 0 0.5rem;
}

.el_data .el_select.single {
    /*! height: 2.7rem; */
    flex-flow: nowrap;
    overflow: hidden;
}

.el_data .el_select.multiple {
    /*! background: red; */
    padding: 0.25rem;
    padding-right: 2rem;
    /*! padding-left: 0.25rem; */
    flex-flow: wrap;
    background: white;
    z-index: 2;
}

.el_data .el_select .select_row, .el_data .el_select .holder {
    /*! border: solid 1px var(--grey_04); */
    /*! padding: 0 0.25rem; */
    border-radius: var(--radius-big);
    /*! background: var(--light-grey); */
    display: flex;
    font-size: 0.8125rem;
    /*! margin-right: 0.25rem; */
    /*! /*! margin: 0; */
    /*! top: 0; */
    /*! margin-bottom: 0.25rem; */
    /*! /*! height: calc(2rem - 1px); */
    align-items: center;
    margin: 0 1.5rem 0 0;
    z-index: 1;
    /*! width: 100%; */
    white-space: nowrap;
    overflow: hidden;
    color: var(--text_dark);
    /*! margin-right: 2rem; */
}

.el_data.icon .el_select .select_row {
    /*! margin-left: calc(1.5rem + 1px); */
    padding-left: 1.75rem;
    padding-right: 2px;
}

.el_data .el_select.multiple .select_row {
    border: solid 1px var(--grey_04);
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 0.25rem 1.75rem 0.25rem 0.5rem;
    background: var(--grey_03);
    margin: calc(0.25rem - 1px);
    /*! margin-right: 0.5rem; */
    /*! line-height: 2rem; */
    /*! height: 2rem; */
    align-items: center;
    border-radius: var(--radius-small);
}

.el_data .el_select .select_row span {
    /*! margin-left: 0.25rem; */
    font-size: 1.2rem;
    line-height: 0.875rem;
    color: var(--grey_05);
    transition: ease-in-out 0.3s;
    right: 0;
    position: absolute;
    /*! background: var(--grey_03); */
    padding: 0.25rem;
    /*! margin: 0.25rem; */
    /*! background: aquamarine; */
}

.el_data .el_select.multiple .holder {
    padding: 0.5rem;
}

.el_data .el_select .holder {
    color: var(--text_light);
    font-weight: 300;
}

.el_data.icon .el_select .holder {
    color: var(--text_light);
    /*! font-weight: 300; */
    margin-left: 1.75rem;
    padding-right: 2px;
}

/*.el_data .el_select.disabled {
    opacity: 0.7;
}*/

.el_data .el_select .select_row span:hover {
    color: var(--red);
}

.el_data .el_select::after {
    content: "keyboard_arrow_down";
    font-family: 'Material Icons';
    font-size: 1.5rem;
    /*! background: white; */
    position: absolute;
    /*! top: 2px; */
    right: 0;
    /*! width: 2rem; */
    text-align: center;
    transition: all .1s;
    /*! color: var(--color_04); */
    /*! padding: 0 1rem; */
    /*! margin-right: 1px; */
    z-index: 1;
    margin-right: 0.5rem;
}

.el_data.icon .el_select::before {

    font-family: 'Material Icons';
    font-size: 1.5rem;
    position: absolute;
    left: 0.55rem;
    z-index: 0;
    /*! margin-left: 0.5rem; */
    /*! background: burlywood; */
    height: 1.4rem;
    display: flex;
    align-items: center;
    top: 0.6rem;
}

.el_data.icon input {
    padding-left: 2.5rem;
    cursor: default;
}

.el_data.icon .material-icons:not(.el_data .el_select_list .el_multi_bar .button .material-icons, .el_data .el_select .select_row span) {
    /*! background-color: blue; */
    padding: 0.5rem;
    position: absolute;
}


/**/
.folder_special .el_data.icon .el_select::before {
    content: 'folder_special';
}

.badge .el_data.icon .el_select::before {
    content: 'badge';
}

.tune .el_data.icon .el_select::before {
    content: 'tune';
}

.local_offer .el_data.icon .el_select::before {
    content: 'local_offer';
}

.restaurant .el_data.icon .el_select::before {
    content: 'restaurant';
}

.stars .el_data.icon .el_select::before {
    content: 'stars';
}

.groups .el_data.icon .el_select::before {
    content: 'groups';
}

.history .el_data.icon .el_select::before {
    content: 'history';
}

.business_center .el_data.icon .el_select::before {
    content: 'business_center';
}

.sort .el_data.icon .el_select::before {
    content: 'sort';
}

.share .el_data.icon .el_select::before {
    content: 'share';
}

.person .el_data.icon .el_select::before {
    content: 'person';
}

.account_balance_wallet .el_data.icon .el_select::before {
    content: 'account_balance_wallet';
}

.date_range .el_data.icon .el_select::before {
    content: 'date_range';
}

.calendar_today .el_data.icon .el_select::before {
    content: 'calendar_today';
}




.bookmark_border .el_data.icon .el_select::before {
    content: 'bookmark_border';
}

.work .el_data.icon .el_select::before {
    content: 'work';
}

.sentiment_satisfied_alt .el_data.icon .el_select::before {
    content: 'sentiment_satisfied_alt';
}

.event .el_data.icon .el_select::before {
    content: 'event';
}

.extension .el_data.icon .el_select::before {
    content: 'extension';
}

.map .el_data.icon .el_select::before {
    content: 'map';
}

.pie_chart_outline .el_data.icon .el_select::before {
    content: 'pie_chart_outline';
}

.star .el_data.icon .el_select::before {
    content: 'star';
}



/**/
.el_data .el_select.open::after {
    transform: rotate(180deg);
}

.el_data.search .el_input {
    border-radius: var(--radius-big);
    /*! margin-right: -1px; */
    /*! width: 100%; */
    cursor: auto;
    /*! max-width: 11.5rem; */
    /*! min-width: 11.5rem; */
}

.el_data.search:after {
    content: "search";
    font-family: 'Material Icons';
    font-size: 1.5rem;
    /*! background: white; */
    position: absolute;
    /*! top: 2px; */
    right: 0;
    /*! width: 2rem; */
    /*! text-align: center; */
    /*! transition: all .1s; */
    /*! color: var(--color_04); */
    /*! padding: 0 1rem; */
    margin-right: 0.75rem;
    /*! z-index: 1; */
}
.el_data.search.return:after {
    content: "keyboard_return";
    font-family: 'Material Icons';
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    margin-right: 0.75rem;
}

/*search in select*/
.el_data.select_search {
    position: sticky;
    /*! top: 0.5rem; */
    background: var(--grey_03);
    z-index: 1;
    padding: 0.5rem;
    margin: 0;
    top: 0;
}

.el_data .el_select_list {
    border: solid 1px white;
    border-radius: var(--radius-small);
    margin-left: 0.125rem;
    /*edited*/
    box-shadow: var(--shadow-small);
    z-index: 3;
    /*edited*/
    position: fixed;
    /*edited*/
    /*! min-width: 100%; */
    background: var(--grey_02);
    overflow-y: auto;
    max-height: 15.5rem;
    display: none;
    /*! top: 2.1rem; */
    /*! max-width: 16rem; */
    /*! color: var(--dark); */
    /*! scrollbar-width: thin; */
    width: 100%;
    overflow-x: hidden;
}

.el_data .el_select_list.top {
    top: auto;
    bottom: 3rem;
    margin-top: 0;
}

.el_data .el_select_list.bottom {
    margin-top: 0.75rem;
}

.el_data .el_select_list .el_select_title {
    padding: 0.5rem 1rem;
    /*! font-weight: 500; */
    background: var(--primary);
    color: white;
}

.el_data .el_select_list .el_optgroup {
    background: inherit;
}

.el_data .el_select_list .el_option {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    transition: ease-in-out 0.2s;
    display: flex;
    align-items: center;
    /*! min-height: 2.5rem; */
    font-weight: 400;
    font-size: 0.8125rem;
    color: var(--text_dark);
}

.el_data .el_select_list .el_option.disabled {
    opacity: 0.5;
}

.el_data .el_select_list .el_option img, .el_data .el_select .select_row img {
    max-height: 1rem;
    /*! float: left; */
    /*! margin-right: 0.25rem; */
    /*! margin: 0; */
    padding-right: 0.25rem;
    width: 1.25rem;
    margin-left: -0.25rem;
}

.el_data .el_select_list .el_option:hover {
    background: white;
}

.el_data .el_select_list .el_option.disabled:hover {
    background: none;
    cursor: default;
}

.el_data.disabled .el_select:after {
    display: none;
}

.el_data .el_select_list .el_option.selected {
    background: var(--grey_01);
    color: var(--primary);
}

.el_data .el_option .container {
    position: sticky;
    padding-left: 2rem;
    /*! font-size: 0.875rem; */
    width: 100%;
    background: none;
    height: 1.25rem;
    display: flex;
    align-items: center;
    /*! min-height: 1.5rem; */
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
}

.el_data .el_select_list .el_multi_bar {
    display: flex;
    top: 0;
    /*! right: 0; */
    z-index: 2;
    background: var(--grey_03);
    /*! overflow: hidden; */
    /*! margin-left: auto; */
    justify-content: flex-end;
    position: sticky;
    /*! top: 0; */
    /*! bottom: auto; */
    padding: 0 0.25rem;
    width: 100%;
}

.el_data .el_select_list .el_multi_bar .button {
    margin: 0.25rem;
    border: none;
    background: none;
    color: var(--secondary);
    padding: 0 0.25rem;
    border-radius: var(--radius-small);
}

.el_data .el_select_list .el_multi_bar .button:hover {
    background: var(--primary);
    color: white;
}

.el_data .el_select_list .el_multi_bar .button .material-icons {
    font-size: 1rem;
}

.el_data .el_select_list.top .el_multi_bar {
    top: auto;
    bottom: 0;
}

.el_multi_bar button {
    margin: 0 .3rem;
    border-radius: var(--radius);
    /*! padding: 0.25rem 0.5rem; */
    /*! border: none; */
    height: 2.2rem;
}

/* - - */

.input_number input[type="number"] {
    display: inline-block;
    /*! height: 32px; */
    /*! line-height: 32px; */
    /*! width: 100%; */
    /*! padding: 0; */
    /*! margin: 0; */
    /*! text-align: right; */
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    /*! padding-right: 2rem; */
}

.input_number input[type="number"]::-webkit-outer-spin-button, .input_number input[type="number"]::-webkit-inner-spin-button {
    display: none;
}

.number_minus {
    position: absolute;
    top: calc(1.5rem - 1px);
    /*! left: 1px; */
    /*! bottom: 0; */
    width: 3rem;
    /*! padding: 0; */
    /*! display: block; */
    /*! text-align: center; */
    /*! border: none; */
    /*! border-right: 1px solid #ddd; */
    /*! font-size: 16px; */
    /*! font-weight: 600; */
    /*! background: var(--grey_normal); */
    right: 1px;
    height: calc(1.5rem + 1px);
    /*! border-radius: 0 0 4px 0; */
    background: var(--blue-light);
    color: var(--blue-dark);
}

.number_plus {
    position: absolute;
    /*! top: 1px; */
    /*! right: 1px; */
    /*! bottom: 1px; */
    width: 3rem;
    /*! padding: 0; */
    /*! display: block; */
    /*! text-align: center; */
    /*! border: none; */
    /*! border-left: 1px solid #ddd; */
    /*! font-size: 16px; */
    /*! font-weight: 600; */
    /*! background: var(--grey_normal); */
    height: 1.5rem;
    right: 1px;
    top: 1px;
    /*! border-radius: 0 4px 0 0; */
    /*! margin: 0; */
    /*! background: var(--blue-dark); */
    background: var(--blue-light);
    color: var(--blue-dark);
}

/* ----------------- */

/*поиск*/

.search form {
    display: flex;
    width: 100%;
}

.search form button {
    border-radius: 0 var(--radius) var(--radius) 0;
    margin: 0;
}

/* input */

input[type="date"] {
    font-family: inherit;
    padding-inline-start: 0;
    /*! line-height: 1rem; */
    /*! color: var(--red); */
}

input[type=text] input[type=password] input, textarea {
    font-family: inherit;
    font-size: inherit;
}

#company_filter .scroll_area {
    max-height: 12rem;
}

#company_filter .scroll_area .item_row {
    margin: -0.5rem;
    /*! background: antiquewhite; */
    padding: 0;
    transition: ease-in-out 0.3s;
}

#company_filter .scroll_area .item_row:hover {
    background: var(--hover);
}

/* main organization */
.work .el_data .el_select.multiple :nth-child(2) {
    background: var(--primary);

    border-color: var(--primary);
    color: white;
    /*! font-weight: 500; */
}

.show_data.input_custom .el_data .el_input{
    width: 7rem;
}