/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media ( max-width : 1400px) {

}
@media (max-width : 1272px) {
	.project__column-textarea {
		order: 1;
		width: 100%;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

}
@media (max-width : 1053px) {
	.project__column-third {
		order: 1;
		width: 48%;
	}
	.project__column-textarea {
		order: 1;
		width: 48%;
	}
}
/* md <= Large (lg) */
@media (max-width : 1024px) {
	.search__btn {
    order: 1;
 }
	.filter__text {
		min-width: 205px;
	}
	.item_notes {
		height: 60px;
	}
	.clients__item_notes {
	
		height: auto;
	}
	.clients__item_phones {
    width: 339px;
}
}


/* md <= Large (lg) */


@media (min-width: 992px) {
	.task__content_btns:hover .task__resolve,
	.task__content_btns:hover .task__skip,
	.task__content_btns:hover .task__edit,
	.task__content_btns:hover .task__delete {
			padding: 4px 10px;
			width: 65px;
	}
}

@media (max-width: 992px) {
	.task__content_btns.mobile-buttons-expanded .task__resolve,
	.task__content_btns.mobile-buttons-expanded .task__skip,
	.task__content_btns.mobile-buttons-expanded .task__edit,
	.task__content_btns.mobile-buttons-expanded .task__delete {
			padding: 4px 10px !important;
			width: 65px !important;
			display: flex !important;
	}



	.task__content_btns.mobile-buttons-expanded .task__resolve,
	.task__content_btns.mobile-buttons-expanded .task__skip,
	.task__content_btns.mobile-buttons-expanded .task__edit,
	.task__content_btns.mobile-buttons-expanded .task__delete {
			display: flex;
	}
}

@media (max-width : 820px) {

	.clients__header {
    padding: 15px 10px 9px 10px;
}

.flex1 {
	order: 1;
}


	.payments_all {
		color: #333;
		display: flex;
		padding: 10px 10px 0 0;
		text-align: right;
		justify-content: flex-end;
	}
	.payment__export {
		padding: 0 10px 0 0;
	}
	
	.export__accept {
		padding: 0 10px 0 0;
	}
	.accounts__level_new {
    max-width: 100%;
}

	.project__column-third {
		order: 1;
		width: 100%;
	}
	.project__column-textarea {
		order: 1;
		width: 100%;
	}
	.project__column-second {
		order: 1;
		width: 100%;
	}
	.project__line-balance {
		order: 3;
	}
	.accounts__column-textareaa {
    order: 1;
		width: 100%;
	}
	.accounts__column-second {
		order: 1;
		width: 100%;
	}
	.payment__textarea {
    flex: unset;
}

.payment__column-third {
	order: 1;
	max-width: 100%;
}
.payment__column-second {
	order: 1;
	max-width: 100%;
}
.adverts__column-second {
	flex: unset;
	width: 100%;
	order: 1;
}
.adverts__column-third {
	flex: unset;
	width: 100%;
	order: 1;
}
.ai__column-second {
	width: 100%;
}
.ai__column-second {
	order: 1;
}

.stock .stock__column-third {
	flex: unset;
	width: 100%;
	order: 1;
}
.stock .stock__column-second{
	flex: unset;
	width: 100%;
	order: 1;
}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {

	.shipments .filter__text {
		flex: 2;
}

	#date__picker_start,
	#date__picker_end {
		display: none;
	}

	.filter__group {
    flex-wrap: wrap;
    justify-content: space-between;
		margin: 0;
}


	.project__column-first {
		flex: 1;
	}
	.buttons__group {
    position: absolute;
    top: 123px;
    right: 20px;
		z-index: 100;
}
.filter {
	z-index: 99;
}
	.clients__item_phones {
    width: 313px;
}

	.manager__select_wrap .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 6px 7px;
}

.project__select_wrap .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 6px 7px;
}
	.item__state 	.chosen-container-active.chosen-with-drop .chosen-single div b {
		background-position: 6px 7px;
	}
	.filter__manager {
		width: 100%;
	}

	.chosen-container-single .chosen-single {
    height: 2.5em;
	}


	.filter__input {
    height: 2.5em;
	}
	.auto-resize-textarea.filter__input {
    height: auto;
	}
	.btn {
    height: 2.5em;
	}
	.chosen-container-single .chosen-single div b {
    background: url(../images/arrow_select-white.png) no-repeat 5px 16px;
	}
	.chosen-container-active.chosen-with-drop .chosen-single div b {
		background-position: 6px 16px;
	}
	.admin__level .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 6px 7px;
}
	.main__filter {
    transform: translate(0, -445px);
    opacity: 0;
    position: absolute;
		flex-wrap: wrap;
}

.salary .main__filter {
	transform: none;
	opacity: 1;
	position: relative;
	flex-wrap: wrap;
}
.right {
	gap: 15px;
}

.main__filter.hidden {
	transform: translate(0, -445px);
	animation: filters__up .3s ease;
	opacity: 0;
	flex-wrap: wrap;
}
.main__filter.active {
	animation: filters__down .3s ease;
	transform: translate(0, 0);
	opacity: 1;
	position: relative;
} 

.btn__addfilters_wrap {
	display: flex;
}
	.main {

    gap: 5px;
}
	.btn__addfilters_wrap {
		margin: 0;
		width: 100%;
		padding: 5px 15px;
}
	.mdn {
		display: none;
	}

	.login__name::before {
    left: -19px;
	}
	.logo {
		margin: 0;
    position: absolute;
    z-index: 1;
    width: 75px;
    top: 23px;
    left: 10px;
	}
	.main {
    flex-direction: column;
	}
	.menu__ul {
		display: none;
	}
	.login__name {
    margin-bottom: 0;
    width: auto;
    margin-left: 80px;
    margin-right: 55px;
	}
	/* На мобильных линию рисует сама шапка (у её нижнего края). */
	.login__name::after {
    display: none;
	}
	.menu {
    padding: 18px 5px 14px 34px;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 -3px #143255;
    min-height: 85px;
}
	.left {
    width: 100%;
	}
	.menu::before {
    position: absolute;
    content: '';
    background-image: url(../images/limiter.png);
    background-repeat: repeat-x;
    height: 8px;
    left: 0;
    right: 0;
    bottom: -4px;
	}


	.navigation__trigger {
		position: absolute;
    z-index: 1000;
    top: 32px;
    right: 26px;
    display: block;
    width: 26px;
    height: 20px;
    cursor: pointer;
	}

	.navigation__trigger_icon {
		position: absolute;
		top: 50%;
		left: 50%;
		display: inline-block;
		width: 26px;
		height: 3px;
		transition-duration: .25s;
		transition-property: background-color, transform;
		transform: translate(-50%, -50%);
		background-color: #ffffff;
		font-weight: 300;
		border-radius: 3px;
	}
	.navigation__trigger_icon-active {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 26px;
    height: 3px;
    transition-duration: .25s;
    transition-property: background-color, transform;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    font-weight: 300;
		transition: none;
    background: transparent;
		border-radius: 3px;
}
	.navigation__trigger_icon:after, .navigation__trigger_icon:before {
		position: absolute;
		display: block;
		width: 26px;
		height: 3px;
		content: "";
		transition-duration: .25s;
		transition-property: margin, transform;
		background: #ffffff;
		border-radius: 3px;
	}
	.navigation__trigger_icon:before {
		margin-top: -6px;
	}
	.navigation__trigger_icon:after {
		margin-top: 6px;
	}
	
	.menu__ul {
    position: absolute;
    left: 0;
    width: 92%;
    top: 100%;
    padding: 10px 10px 10px 30px;
    align-items: flex-start;
    display: none;
    background: var(--menu);
    box-shadow: 0 3px #143255;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.menu__ul:before {
	position: absolute;
	content: '';
	background-image: url(../images/limiter.png);
	width: 100%;
	background-repeat: repeat-x;
	top: -4px;
	height: 8px;
	left: 0;
}
	.menu-active {
		display: flex;
		z-index: 999;
	}

	.navigation__trigger_icon-active:before {
		margin-top: 0;
		transform: rotate(45deg);
	}
	.navigation__trigger_icon-active:after {
		margin-top: 0;
		transform: rotate(-45deg);
	}
	.filter__text {
		order: 1;
    width: 71%;
	}
	.search__btn {
    order: 2; 
	}

.input__checkbox__wrap {
	order: 1;
	gap: 5px;
}

.filter__checkbox-columns {
	order: 0;
	width: 100%;
	gap: 10px;
}

.filter__checkbox-columns .filter__checkbox-col {
	flex: 1;
	min-width: 110px;
}

/* Маркетплейс — мобильный порядок фильтров: источник → поиск → чекбоксы + кнопка */
.marketplace .filter__group select[name="source"] {
	order: 1;
	width: 100%;
}
.marketplace .filter__group select[name="source"] + .chosen-container {
	order: 1;
	width: 100% !important;
}
.marketplace .filter__text {
	order: 2;
	width: 100%;
	min-width: 0;
}
.marketplace .filter__checkbox-columns {
	order: 3;
	width: calc(100% - 100px);
	flex: 1 1 auto;
}
.marketplace .search__btn {
	order: 3;
	width: 100px;
	flex: 0 0 100px;
	align-self: flex-end;
}

	/* --- Карточка администратора на мобильных ---
	   Шапка (#id + переключатель состояния + кнопки) занимает одну строку,
	   поля разворачиваются на всю ширину карточки под ней. Раньше
	   .admin__buttons забирал 48% строки, и все поля сжимались в половину
	   карточки, оставляя справа пустое место. */
	.admin__item {
		align-items: flex-start;
		gap: 10px;
		padding: 12px 10px 12px 14px;
	}
	.admin__id {
		order: 1;
		flex: 1 1 auto;
		width: auto;
		justify-content: flex-start;
	}
	.admin__buttons {
		order: 2;
		flex: 0 0 auto;
		width: auto;
		justify-content: flex-end;
		align-items: center;
	}
	.admin__fields {
		order: 3;
		flex: 0 0 100%;
		width: 100%;
		/* .admin__row ниже выключается через display: contents,
		   поэтому сеткой управляет сам .admin__fields */
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.admin__row {
		display: contents;
	}
	/* Глобальный .chosen-container { max-width: 250px } обрезал бы селекты,
	   растянутые на всю ширину карточки */
	.admin__item .chosen-container {
		max-width: 100%;
		width: 100%;
	}
	.admin__fields .admin__name,
	.admin__fields .admin__login,
	.admin__fields .admin__password,
	.admin__fields .admin__email,
	.admin__fields .admin__token,
	.admin__fields .admin__level,
	.admin__fields .admin__department,
	.admin__fields .admin__language {
		width: auto;
		min-width: 0;
	}
	/* Явная расстановка. В половину строки помещаются только короткие
	   значения; e-mail, токен, пароль и «Доступ» (самое длинное —
	   «Администратор») занимают строку целиком, иначе chosen обрезает
	   выбранный пункт многоточием. */
	.admin__fields .admin__name       { grid-column: 1; grid-row: 1; }
	.admin__fields .admin__login      { grid-column: 2; grid-row: 1; }
	.admin__fields .admin__password   { grid-column: 1 / -1; grid-row: 2; }
	.admin__fields .admin__email      { grid-column: 1 / -1; grid-row: 3; }
	.admin__fields .admin__token      { grid-column: 1 / -1; grid-row: 4; }
	.admin__fields .admin__level      { grid-column: 1 / -1; grid-row: 5; }
	.admin__fields .admin__department { grid-column: 1; grid-row: 6; }
	.admin__fields .admin__language   { grid-column: 2; grid-row: 6; }

	/* Пальцем в поле высотой 24px попасть тяжело — увеличиваем на мобильных */
	.admin__item .admin__input,
	.admin__item .chosen-container-single .chosen-single,
	.admin__item .chosen-container-single .chosen-search input[type='text'] {
		height: 32px;
	}
	.admin__item .admin__span {
		height: 32px;
	}
	.admin__item .chosen-container-single .chosen-single div b {
		background-position: 6px 11px;
	}
	.admin__item .chosen-container-active.chosen-with-drop .chosen-single div b {
		background-position: 6px 11px;
	}
	.admin__button,
	.admin__button a {
		width: 24px;
		height: 24px;
	}

}


@media (max-width : 650px) {

	.stock  .project__actions {
    gap: 5px;
}


.stock  .accounts__line {
	width: unset;
}

	.prices__wrap .task-edit__span {
		display: none;
	}
.documents 	.prices__wrap .task-edit__span {
		display: flex;
	}
	.prices__wrap .chosen-container-single .chosen-single {
    padding: 0 0 0 10px;
}

.prices__wrap .task-edit__responsible .chosen-container-single .chosen-single {
	    padding: 0 0 0 10px;
}
.prices__wrap .task-edit__priority .chosen-container-single .chosen-single {
    padding: 0 0 0 10px;
}
.task-edit__deadline .filter__input-deadline {
    padding: 0 0 0 10px;
    width: 100%;
}
.task-edit__subscription .chosen-container-multi .chosen-choices {
    padding: 0;
}
.task-edit__project input[name='price'].filter__input-deadline {
    padding: 0 0 0 10px;
}
.task-edit__project input[name='customerprice'].filter__input-deadline {
    padding: 0 0 0 10px;
}
.prices__wrap .chosen-container .chosen-results li {
        padding: 3px 5px;
    }

.prices__wrap .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    padding: 10px;
}
	 .move-buttons {
    display: flex;
		flex-direction: column;
	 }
.shipments .shipments__line {
    display: flex;
    gap: 5px;
}

	.shipments__tabs {
    justify-content: space-around;
}

	.contacts .project__buttons, .accounts .project__buttons, .availability .project__buttons{
    position: absolute;
    right: 10px;
		        flex-direction: row;
}
	.schedule-page .schedule__actions {
		position: absolute;
		right: 10px;
		top: 10px;
		flex-direction: row;
		align-self: auto;
		gap: 6px;
	}
	.schedule-page .schedule__line--id-proshlo {
		flex-wrap: nowrap;
		align-items: center;
		gap: 0 5px;
		width: 100%;
	}
	.schedule-page .schedule__line--id-proshlo .schedule__lastadd {
		flex: 1 1 auto;
		width: auto;
		margin-top: 0;
		min-width: 0;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.schedule-page .schedule__id-label,
	.schedule-page .schedule__proshlo {
		flex-shrink: 0;
	}
	.documents .project__buttons {
	position: absolute;
			top: 10px;
			right: 10px;
	}
    .contacts .payment__column-second {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

	.documents .accounts__column-first {
		width: 90%;
	}


	.task__comment_middle {
    flex-direction: column;
}

	/* select[name="projectid"] ~ .chosen-container.chosen-container-single:nth-of-type(1) {
    width: 100%!important;
} */
 .task-edit__right {
	width: 100%;
 }
 .task__save {
    padding: 12px 45px;
}
.array__move {
    width: 6px;
    fill: var(--grey);
}
    .shipments__select {
        width: unset;
        min-width: 60px;
        max-width: 80px;
    }
.payments select.filter__project  {
    width: 50%!important;
}
.chosen-container .chosen-results li {
    padding: 3px 1px;
    height: 1.5em;
    line-height: 1.5em;
    font-family: 'OpenSans-Bold', sans-serif;
    box-sizing: unset;
}
	.mdn {
	display: none;
}
.m50 {
width: calc(50% - 3px);
}
   .payments .payment__column-second {
        flex-direction: row;
				flex-wrap: wrap;
    }
.payments .filter__check.filter__input.filter__text {
	order: 0;
}
	.task-edit__unread svg {
		width: 36px;
		fill: #8b222e;
		position: relative;
		top: 1px;
		height: 40px;
	}
.payments .payment__column-first {
    max-width: 300px;
    width: 100%;
}
.payments .accounts__url {
    position: relative;
    width: 100%;
}

.task-edit__subscription .chosen-container-multi .chosen-choices {
	min-height: 2.5em;
}

.task-edit__wrap {
	gap: 0;
	flex-direction: column;
}
.task-edit__right .chosen-container-single .chosen-single div b {
	background: url(../images/arrow_select-white.png) no-repeat 10px 16px;
}

	.task__top_left {
    display: flex;
    gap: 5px;
    text-align: center;
    color: #bfcad6;
    align-items: flex-start;
}

.prices__wrap {
	display: none;
}
.documents 	.prices__wrap {
		display: flex;
	}
.task-edit__right.active .prices__wrap {
	display: flex;
}
.documents .prices__wrap .task-edit__project {
	align-items: center;
}
.documents .task-edit__project .task-edit__span {
	top: unset;
}
.task__open.unread {
	/* box-shadow: 3px 3px 5px rgba(139, 34, 46, 1); */
	border: 3px solid #d71916;
}

.task__content_btn.task__unread {
	width: 40px;
	height: 25px;
	display: none;
	order: 0;
}
	.task-edit__span {
    top: 7px;
}
.subject__name .task-edit__span {
	top: 9px;
}
.auto-resize-textarea {
	/* Держим тему в одну строку: верхний отступ значения совпадает с top подписи,
	   иначе значение уезжало под метку «ТЕМА:» на вторую строку (левый отступ
	   под ширину подписи задаёт JS adjustTaskSelectPadding). */
	padding: 9px 5px 9px 5px;
}

.tasks__edit_group {
	gap: 5px;
	padding: 10px 0 20px 0;
}
.task__edit_textarea {
	padding: 10px 5px 10px;
	width: 100%;
}
.task-edit__header {
	margin-top: 15px;
}

.tasks__edit_group .subject__name {
	padding: 20px 0 0;
	gap: 10px;
}
.task__content_btns.active .task__content_btn.task__unread {
	display: flex;
	width: 65px;
	background: #8b222e;
	padding: 4px 0;
}
.task-edit__left {
	order: 1;
}

	.task__top_item img {
		display: flex;
		max-height: 13px;
}
	.task__prioryty {
		display: none;
	}

	.task__top_left-wrap {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
	}
	.task__prioryty_mobile {
		display: flex;
		height: 16px;
		width: 16px;
		align-items: center;
		justify-content: center;
}
.task__prioryty_mobile {
	display: flex;
	order: 1;
}
.task__top_item-remaining {
	order: 1;
}
.task__top_item-users {
	order: 1;
}
.task__prioryty_mobile img {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
}
	.task__deadline-day {
    color: #1c3d65;
    position: absolute;
    right: 10px;
    bottom: 5px;
}
	.task__top_right {
    width: 100%;
    justify-content: space-between;
}
	.task__content_btn {
/* height: 25px;
width: 65px; */
}
.task__top_line {
	gap: 0;
}
	.tasks__header {
    flex-wrap: wrap;
    flex-direction: column;
}
	.tasks__tabs {
		flex-wrap: wrap;
		gap: 5px 0;
		justify-content: center;
}
.tasks__header {
	gap: 5px;
}
.div__wrap {
	width: 100%;
}
.tasks__tab.active::after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	right: 13px;
	height: 3px;
	background: var(--btn);
}
.task__top_left {

}
.paging__wrap {
	width: 100%;
text-align: right;
}
.task__content {
	gap: 10px;
}
.task__content_right {
	width: 100%;
}
.task__content_btns {
	gap: 20px;
	width: 100%;
	justify-content: space-between;
	margin: 0;
}

.task__title {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #58718a;
	position: relative;
	width: 100%;
	text-align: justify;
}



.tasks .tasks__item {
	gap: 5px;
	padding: 10px 10px 10px 13px;
}
.task__open_btn {
	left: -13px;
	top: -1px;
}

.tasks__tab {
	padding: 0 15px 0 0;
}
	.salary__notes {
		min-width: 100%;
	}

	.clicks .accounts__column-first {
    max-width: 100%;
    width: 100%;
}
	.project__actions {
    gap: 15px;
}

	.stock__title {
    display: flex;
    width: 100%;
    gap: 5px;
    flex-direction: column;
}

	.project__actions {
		flex-direction: row;
	}


	.item__phone_calls img {
		width: 12px;
	}
	.notes-phone__wrap {
		flex: unset;
		width: 100%;
	}
	.clients__item_notes {
		flex: unset;
		width: 100%;
	}
	
	.clients__item_memo {
		width: 100%;
	}

	.clients__item.new__call {
		position: relative;
		background: #fff6f6;
		animation: height 1s ease;
		max-width: 100%;
		width: 100%;
	}
	.task__content_left {
		gap: 5px;
		justify-content: space-between;
		order: 1;
}

.tasks__header {
	padding: 10px 10px 9px 10px;
}

	@keyframes height {
		from {height: 0; opacity: 0; top:208px;}
		to {height: 208px; opacity: 100%; top:0;}
	}
	.clients__item.new__call {
		flex-wrap: nowrap;
	}
	.dfcol {
		display: flex;
		gap: 10px;
		flex-direction: column;
	}

	.tasks .main__filter.active {
    justify-content: flex-start;
}

.availability__column {
	order: 1;
}

.availability .avail__column {
	width: 100%;
	flex-direction: row;
        flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
}
.buttons svg {
    height: 21px;
}


.chosen-container.chosen-container-single {
	width: 100%;
}
.accounts__input {
	font-size: 14px;
}


	.event__id {
    text-align: left;
    width: unset;
		flex: 1;
}

	.events__item {
    gap: 5px;
	}
	.event__text {
    flex: unset;
}
.event__date {

}
.event__login {
	width: unset;
	text-align: right;
	flex: 1;
}

	.notes {
    position: fixed;
    max-width: 1160px;
    top: 15%;
    left: calc(50% - 150px);
    max-width: 100%;
    width: 300px;
    height: 500px;
    z-index: 100;
    background: #fff;
    resize: both;
    overflow: auto;
    border-radius: 10px;
    padding: 20px 10px;
    box-shadow: 0 -3px 0 #143255, 0 3px 0 #143255;
}
	.item__selects_select {
    max-width: 100%;
}

	.clients__item_selects {
		gap: 8px 13px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.clients__item_phones {
		transform: translateY(-3200px);

		opacity: 0;
		position: absolute;
	}
	.clients__item_phones.active {
		transform: translateY(0);
		opacity: 1;
		position: relative;
	}
	/* .notes-phone__wrap {
		transform: translateY(-3200px);
		opacity: 0;
		position: absolute;
}
.clients__item_notes.active {
	transform: translateY(0);
	opacity: 1;
	position: relative;
} */
.item__state_wrap {
	transform: translateY(-3200px);

	opacity: 0;
	position: absolute;
}
.item__state_wrap.active {
	transform: translateY(0);
	z-index: 100;
	opacity: 1;
	position: relative;
}
.item__state_timeline {
	transform: translateY(-3200px);
	opacity: 0;
	position: absolute;
}
.item__state_timeline.active {
	transform: translateY(0);
	opacity: 1;
	position: relative;
}
.origin-payments__wrap {
	transform: translateY(-3200px);

	opacity: 0;
	position: absolute;
}

.item__status_wrap {
	/* z-index: 101; */
}
.origin-payments__wrap.active {
	transform: translateY(0);

	opacity: 1;
	position: relative;
}
.clients__item_selects {
	transform: translateY(-3200px);

	opacity: 0;
	position: absolute;
}
.clients__item_selects.active {
	transform: translateY(0);
	z-index: 99;
	opacity: 1;
	position: relative;
}
.clients__item_phones {
	width: 100%;
	gap: 8px;
}


.btn__more_info {
	background: #3d6794;
	padding: 0 24px 0 7px;
	margin-left: 10px;
	display: flex;
	border-radius: 4px;
	line-height: 1.6;
	text-transform: uppercase;
	color: var(--white);
	font-family: 'OpenSans-Regular', sans-serif;
	border: none;
	font-size: .875em;
	transition: all .3s ease;
	position: relative;
	justify-content: flex-start;
	align-items: center;

}
.btn__more_info::after {
	position: absolute;
	content: '';
	background: url(../images/arrow_select-white.png) no-repeat;
	width: 8px;
	height: 10px;
	right: 7px;
	top: 7px;
	transition: all .3s ease;
}



.btn__more_info.active::after {
	position: absolute;
	content: '';
	background: url(../images/arrow_select-white.png) no-repeat;
	width: 8px;
	height: 10px;
	right: 7px;
	top: 7px;
	transform: rotate(180deg);
}




.item__status_wrap {
	display: flex;
	justify-content: space-between;
}

.input__mail_wrap {
	order: 1;
}
.project__select_wrap {
	order: 1;
}


.main__filter.active {
	justify-content: space-between;
}
.accounts .main__filter.active {
	justify-content: space-between;
	flex-wrap: wrap;
}

.stock .main__filter.active {
	justify-content: space-between;
	flex-wrap: wrap;
}
.item_notes {
	height: 85px;
}
.flex__wrap {
	display: flex;
	gap: 0;
	flex-direction: column;
	width: 100%;
}
.clients__item {
	flex-direction: column;
}
.clients__item_status {
	width: 100%;
}


.clients__input_wrap {
	flex: 1;
}
.filter__select {
	width: 100%;
}
.clients .chosen-container.chosen-container-single {
	width: calc(50% - 4px)!important;
}

.clients .clients__item_selects.active .chosen-container.chosen-container-single {
	width: 100%!important;
}

select[name="status"] ~ .chosen-container.chosen-container-single:first-of-type {
    width: 100%!important;
}
.clients select[name="status"] ~ .chosen-container.chosen-container-single:first-of-type {
  flex: 1!important;
        width: calc(50% - 4px) !important;
}
.accounts .chosen-container.chosen-container-single {
	flex: 1;
}
.stock .chosen-container.chosen-container-single {
	flex: 1;
}
.filter__input {
	width: 100%;
}
.accounts .filter__input {
	order: 0;
	min-width: 100%;
}
    .reports .filter__input {
        order: 0;
        min-width: unset;
    }

.external-events .fc-event {
	width: 105px;
}
.stock .filter__input {
	order: 0;
	min-width: 100%;
}

.item__state {
	flex-direction: row;
	align-items: center;
	gap: 8px;
	justify-content: space-between;
}


.filter__input-start_date, .filter__input-end_date {
	width: calc(50% - 4px);
}

.item__phone_wrap {
	gap: 14px;
	flex: 1;
}

.item__state_select {
width: 48%;

}
.manager__select_wrap, .project__select_wrap, .clients__input_wrap, .clients__input_wrap {
width: 48%;

}
.client__phone_img {
display: none;
}
.clients__icons_wrap {
gap: 10px;
justify-content: center;
display: flex;
margin-left: 15px;
}
}
/* xs <= Small (sm) */
@media (max-width : 576px) {

	.menu__auth {
    padding: 0 30px 30px;
	}
	.shipments__select {
		width: unset;
		min-width: 70px;
		max-width: 100%;
	}

	.gap2 {
		gap: 2px;
	}

	.term__mobile {
		order: 1;
	}
	.term__mobile.empty {
		display: none;
	}

	.shipments__line__btns {
    display: flex;
    gap: 5px;
}
.order1 {
	order: 1;
}
.order2 {
	order: 2;
	align-self: flex-start;
}

.accounts__group {
	display: flex;
	gap: 5px;
	flex-direction: column;
	width: 100%;
}

.mobile_row{
	flex-direction: row;
}

.double__heigth {
	height: 44px;

}
textarea.shipments__input {
	min-width: 200px;
	height: 44px;
}


.availability .accounts__level {
	width: 90%;
}

.chosen-container {
	max-width: 100%;
}
.project__line {
	width: 100%;
}
.projects .project__levelnotice {
    width: 65%;
}
.projects .project__facteur {
    position: relative;
    width: 35%;
}

.projects .project__column-third {
	flex-direction: row;
}

.tasks .filter__text {
	    order: 0;
			min-width: 100%;
}
.tasks .filter .chosen-container {

	min-width: 110px;
}

 .projects   .filter__text {
        min-width: unset;
    }

.adverts .accounts__column-first {
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 90%;
}
.adverts .accounts__level_adv {
	flex: 1;
	width: unset;
}

.adverts .accounts__level_st {
	width: unset;
}
.adverts .accounts__line {
	justify-content: flex-start;
}
.adverts .adverts__column-second {
	flex-direction: row;
	flex-wrap: wrap;
}
.accounts__url_period {
        width: 49%;
}
.accounts__url_type {
        width: 49%;
}

.contacts .filter__group .chosen-container.chosen-container-single {
        width: 100%;
        flex: 1;
    }

.accounts__line-contract {
order: 1;
}
.accounts__line-organization {
order: 1;
}
.accounts__line-country {
order: 1;
    flex: 1.2;
}
.accounts__line-type {
	order: 1;
    flex: 1;
}
.accounts__line-type .accounts__input{
	    padding: 0 0 0 30px;
}

.accounts__line-country .accounts__input {
	    padding: 0 0 0 45px;
}
.contacts .accounts__project {
    position: relative;

}

.payments .payment__column-first {
	    max-width: unset;
    flex: 1;
}
.accounts__line-stockamount {
flex: 1;
    width: unset;
}
.accounts__line-amount {
flex: 1;
    width: unset;
}

.accounts__project--desktop, .accounts__level--desktop {
	display: none;
}

.accounts__projlevel {
	display: flex;
	gap: 5px;
	        width: 100%;
}

.accounts__project--mobile , .accounts__level--mobile {
	flex: 1;
}
.accounts .accounts__column-first {
	width: 100%;
	max-width: 100%;
}
.payments .accounts__column-first {
	max-width: 100%;
}

.shipments .chosen-container-single .chosen-single abbr {
    position: absolute;
    top: -7px;
    right: -7px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/close_white.png) no-repeat;
    font-size: 1px;
    /* margin-left: 2px; */
    transition: all 0.3s ease;
    /* z-index: 99999999999999; */
}
.salary .project__buttons {
    flex-direction: row;
		flex: 1;
}
.salary__notes, .salary__amount {
	    order: 1;
width: 100%;
}
.salary__employer {
    order: 1;

		        width: 49%;

}
.salary__datetime {
	width: 60%;
}
.salary__id {
	width: 20%;
}

.salary__worker {
	order: 1;
	        width: 49%;
}
.salary .filter__text {
	min-width: unset;
}

.documents .filter__text {
	min-width: 100%;
}
.reports .filter__text {
	min-width: unset;
}
.salary .balance__amount, .balance__worker {
    width: calc(50% - 5px);
}
.mjcr {
	justify-content: flex-end;
	display: flex;
}
.availability .filter__text {
        order: 0;
        width: 71%;
    }

.marketplace .filter__text {
	order: 2;
	width: 100%;
}

		.payments .project__buttons {
			flex-direction: row;
    align-items: center;
    position: absolute;
    right: 10px;
		}

.tasks__tab-all {

}
	.tasks__tab-current {
	order: 1;
	}	
	.tasks__tab-own {
	order: 1;
	}
	.tasks__tab-lastunread {
	order: 1;
	}

.tasks .tasks__header {
padding: 10px 0 9px;
    }
    .tasks .div__wrap {
        padding: 10px 10px 0 10px;
    }
  .tasks .tasks__tab {
        padding: 0;
    }

  .tasks   .tasks__tabs {
        padding: 0;
				font-size: 15px;
				gap: 5px;
    }
		 .tasks    .flex__wrap {
        padding: 0 10px 0 10px;
    }
  .tasks   .tasks__tab.active::after {
        position: absolute;
        content: '';
        bottom: -3px;
        left: 0;
        right: 0px;
        height: 3px;
        background: var(--btn);
    }
		.tasks .task-edit__header {
    color: #fff;
    font-family: 'OpenSans-Bold', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
}
.availability .accounts__project.accounts__project-m  {
	    flex: 3;
}

.availability .accounts__url.accounts__url-m {
		    flex: 1;
}

.availability .filter__text {
min-width: 100%;
}
.contacts .filter__text {
min-width: 100%;
}
.availability .accounts__url {
    flex: unset;
}
.mw50 {
width: calc(50% - 2.5px);

}
.accounts__column {
    flex-direction: row;
    flex-wrap: wrap;
}
.availability input[name="alias"] {
	padding: 0 0 0 35px;
}
.availability input[name="supplierurl"] {
	padding: 0 0 0 30px;
}
.availability input[name="details"] {
	padding: 0 0 0 40px;
}
.availability input[name="cnt"] {
	padding: 0 0 0 30px;
}
.availability input[name="price"] {
	padding: 0 0 0 40px;
}
.availability input[name="priceOpt"] {
	padding: 0 0 0 40px;
}
.availability input[name="article"] {
	padding: 0 0 0 55px;
}
.availability input[name="balance"] {
	padding: 0 0 0 55px;
}

.marketplace input[name="alias"] {
	padding: 0 0 0 35px;
}
.marketplace input[name="details"],
.marketplace input[name="price"] {
	padding: 0 0 0 40px;
}
.marketplace input[name="cnt"] {
	padding: 0 0 0 30px;
}
.marketplace input[name="article"],
.marketplace input[name="onliner"] {
	padding: 0 0 0 55px;
}
.marketplace input[name="ozone"] {
	padding: 0 0 0 45px;
}
.marketplace input[name="wildberries"] {
	padding: 0 0 0 25px;
}
.marketplace input[name="price_rur"] {
	padding: 0 0 0 60px;
}

}
@media (max-width : 391px) {
	.shipments__select {
		width: unset;
		min-width: 50px;
		max-width: 70px;
	}
	.shipments__select .chosen-container-single .chosen-single span {
    margin-right: 0px;
}


.shipments__input {
    height: 44px;
    width: 20px;
}
.double__heigth {
	height: 44px;
}
	
.deadline {
	padding: 0px 0 0 20px;
}
	
.btn__delete {
	height: 20px;
	width: 20px;
	font-size: 12px;
}
.btn__problem, .btn__ship, .sales .deadline__wrap, .shipments .deadline__wrap {
	font-size: 14px;
	height: 20px;
	width: 20px;
}
.btn__copy {
	font-size: 11px;
	height: 20px;
	width: 20px;
}
.btn__check, .btn__download, .btn__gdoc, .btn__ship {
	height: 20px;
	width: 20px;
	font-size: 14px;

}
.shipments .deadline {
	height: 20px;
	background-size: 14px;
}

.shipments .chosen-container {
	font-size: 14px;
}

.shipments .nested_with_switch {
	font-size: 14px;
}
}
@media (max-width : 375px) {

	.manager__select_wrap, .project__select_wrap, .clients__input_wrap, .clients__input_wrap {
    width: 100%;
}
	.item__state_select {
		width: 70%;
	}
	.clients__input_wrap span {
    min-width: 0;
	}
	.manager__select_wrap .chosen-container-single .chosen-single span:after {
    left: 5px;
		
	}
	.manager__select_wrap .chosen-container-single .chosen-single {
		/* «МЕНЕДЖЕР: » на этой ширине занимает ~56px вместе с отступом слева,
		   в прежние 55px подпись не влезала и налезала на имя менеджера */
		padding: 0 0 0 62px;
	}
	body {
		font-size: 14px;
	}
	.project__select_wrap .chosen-container-single .chosen-single {
    padding: 0 0 0 55px;
	}
	.project__select_wrap .chosen-container-single .chosen-single span:after {
		left: 5px;
	}
	.clients__icons_wrap {
		gap: 5px;
	}
	.clients__icon {
		width: 18px;
	}
	.item__phone_wrap {
    gap: 6px;
}
}

/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {
	.task__open.active {
		display: none;
	}
}

/* Small (sm) */
@media (min-width : 650px) {
	.task__open.active {
		display: none;
	}
}



/* Medium (md) */
@media (min-width : 769px) {
	.btn__problem:hover,
	.btn__ship:hover {
		color: #fff;
		border: 2px solid #c35666;
		background: #c35666;
	}
	.btn__check:hover {
		color: #fff;
		border: 2px solid var(--accent);
		background: var(--accent);
	}
	.btn__delete:hover{
		color: #fff;
		border: 2px solid #4f4f4f;
		background: #4f4f4f;
	}

	.button__shipment:hover, .input__shipment:checked ~ .button__shipment {
    border: 1px solid var(--in__reserve);
    color: var(--in__reserve);
}
	
}

/* Large (lg) */
@media (min-width : 992px) {
	.task__content_btns:hover .task__content_btn.task__resolve, .task__content_btns:hover .task__content_btn.task__skip, .task__content_btns:hover .task__content_btn.task__edit, .task__content_btns:hover .task__content_btn.task__delete{
		padding: 4px 10px;
		width: 65px;
	}
}

/* Extra large (xl) */
@media (min-width : 1200px) {

}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {

	}
}

/* Schedule (schedule.php) */
@media (max-width: 900px) {
	.schedule-page .schedule__col--side,
	.schedule-page .schedule__col--fields {
		width: 100%;
	}
	.schedule-page .schedule__col--fields .accounts__level .chosen-container {
		max-width: none;
	}
	.schedule-page .schedule__col--fields .accounts__level_new.schedule__level-wrap {
		max-width: none;
	}
}