:root {
	--back-buttons-color: #00b973;
	--back-buttons-hover: #02de8a;
	--back-buttons-dark-color: #005d7b;
	--back-buttons-dark-hover: #0181aa;
	--text-buttons-color: #fff;
	--items-color: #00b973;
	--text-outline-color: #00b973;
	--block-box-shadow: 3px 4px 5px 0px #879baf21;
	--dark-text-color: #326b7b;
	--text-color: #4d666d;
	--white-text-color: #fff;
	--all-background: #f3f5f7;
	--box-background: #fff;
}

html, body {
	min-height: calc(100vh) !important;
	scroll-behavior: smooth;
}

body {
	padding: 0;
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,inter;
	font-size: 15px;
	background: var(--all-background);
	background-image: linear-gradient(#f3f5f7, #f7f7f74f), var(--background-profile);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: var(--text-color);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

section {
    scroll-margin: 30vh 0 0 0;
}

::placeholder {
    color: #b0b0b0;
    opacity: 1;
}

input, textarea {
	font-size: 14px
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

*, *::before, *::after {
    box-sizing: border-box;
}

img {
    width: 100%;
    object-fit: cover;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.error-box {
	font-family: -apple-system,BlinkMacSystemFont,arial;
	background: var(--box-background);
	padding: 20px;
	margin: 10px auto;
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
	max-width: 1300px;
	width: -webkit-fill-available;
}

.error-box h3 {
	margin: 0;
}

.error-box small {
	color: var(--dark-text-color)
}

.page_text {
	line-height: 1.5;
	margin: 0;
}

.unread-badge {
	position: absolute;
	color: #fff;
	background: #ed4c3e;
	font-size: 10px;
	height: 15px;
	min-width: 15px;
	border-radius: 50px;
	margin-bottom: -15px;
	align-items: center;
	justify-content: center;
	margin-right: -15px;
}

.flex-nc_box {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.content {
	flex: 1 1;
	display: flex;
	justify-content: center;
}

.home_page {
	width: -webkit-fill-available
}

.name-nc {
	padding: 10px;
	font-weight: 600;
}

.user-box-name-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 130px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.link-nc {
	display: block;
	padding: 10px;
	color: var(--text-color);
	border-radius: 7px;
	transition: all 0.2s;
}

.link-nc:hover {
	background: #ededed;
	padding-left: 15px;
}

.category-list-home {
    background: var(--box-background);
    padding: 30px 0;
    box-shadow: var(--block-box-shadow);
    border-radius: 0 0 10px 10px;
}

.box-works {
	margin-top: 20px
}

.otz_box {
	border-radius: 10px;
	margin-top: 15px;
	background: var(--box-background);
	outline: 0;
	box-shadow: var(--block-box-shadow);
	padding: 15px;
}

.otz_box.comment-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.otz_box.work_rating {
	margin: 0;
	border-radius: 0;
	border-top: 1px solid #ededed;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.feed_list {
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	box-shadow: var(--block-box-shadow);
}

.otz_box.non-rating {
	border-radius: 0 0 10px 10px;
	margin: 0;
	border-top: 1px solid #e5e5e5;
}

form {
	margin: 0;
}

.welcome_block {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 50px);
	justify-content: center;
	background-image: linear-gradient(rgb(173 173 173 / 75%), rgb(0 129 75 / 85%)), url(../images/welcome_back.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	gap: 20px;
	align-items: center;
}

.home-logo {
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	width: -webkit-fill-available;
}

.name_page {
	text-align: center;
	max-width: 600px;
	width: -webkit-fill-available;
}

.name_page.logo {
	max-width: 300px;
	width: -webkit-fill-available;
}

.file_chat {
	width: -webkit-fill-available;
}

.my-message .file_chat a {
	color: var(--white-text-color);
	background: #ffffff4d;
	padding: 10px 15px;
	width: -webkit-fill-available;
	position: relative;
	border-radius: 5px;
	margin-top: 5px;
	border-left: 5px solid #91ffd5;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	gap: 10px;
}

.other-message .file_chat a {
	color: var(--text-color);
	background: #b7b7b7b8;
	padding: 10px 15px;
	width: -webkit-fill-available;
	position: relative;
	border-radius: 5px;
	margin-top: 5px;
	border-left: 5px solid var(--dark-text-color);
	transition: all 0.2s;
	display: flex;
	align-items: center;
	gap: 10px;
}

.my-message .file_chat a:hover {
	background: #dcdcdc4d;
}

.other-message .file_chat a:hover {
	background: #00000029;
}

.my-message .file_chat a i {
	font-size: 30px;
	color: #ffffff;
}

.other-message .file_chat a i {
	font-size: 30px;
	color: var(--text-color);
}

.file_chat a span {
	font-size: 13px;
}

.flex-chat-name-fl {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.my-message .file-name-chat {
	color: #91ffd5;
	font-weight: 600;
	font-size: 15px;
}

.other-message .file-name-chat {
	color: var(--dark-text-color);
	font-weight: 600;
	font-size: 15px;
}

.tg_info {
	color: var(--white-text-color);
	position: relative;
	width: -webkit-fill-available;
	text-align: center;
	padding: 0 30px;
	bottom: 0;
}

.desc_page {
	text-align: center;
	color: var(--white-text-color);
}

.three_elm {
	text-align: center;
	display: flex;
	gap: 10px;
}

.edit_feed {
	color: var(--dark-text-color);
	transition: all 0.6s;
	height: 16px;
	cursor: pointer;
}

.edit_feed i {
	pointer-events: none;
}

.edit_feed:hover {
	color: var(--items-color);
}

.submit.disabled {
	background: #e6e6e6;
	border: 0;
	padding: 8px 15px;
	color: #aeaeae;
	border-radius: 7px;
	transition: all 0.5s;
	font-weight: 600;
	font-size: 14px;
	cursor: default;
}

.err_title_top {
	text-align: center;
	color: var(--items-color);
	font-size: 80px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}

.err_title_top img {
	width: 100px;
	height: 100px;
}

.err_desc_bot {
	text-align: center;
	color: var(--text-color)
}

.pay_summ_info {
	color: var(--items-color);
	font-size: 20px;
	background: #ffffff;
	padding: 5px 10px;
	border-radius: 0 0 15px 15px;
	box-shadow: 0px 3px 5px 0px #00000014;
}

.sucess_desc_pay {
	color: var(--items-color);
	font-weight: 600;
	font-size: 20px;
}

.link_reg {
	color: #12aa67;
}

.link_reg:hover {
	text-decoration: underline;
}

.page_back-box-info {
	background: var(--box-background);
	border-radius: 10px;
	padding: 20px;
	box-shadow: var(--block-box-shadow);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.name_page img {
	max-width: 700px;
	width:-webkit-fill-available;
	padding: 0 50px;
	filter: drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.5));
}

.btn.button.text-center.section {
	margin-bottom: 15px;
}

.btn.button.text-center {
	text-align: center;
}

.btn.button, .button {
	text-decoration: none;
	color: var(--white-text-color);
	background: var(--back-buttons-color) !important;
	padding: 8px 15px !important;
	border-radius: 7px;
	transition: all 0.6s;
	font-weight: 600 !important;
	font-size: 14px;
	cursor: pointer;
	z-index: 2;
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a.dark.button {
	background: var(--back-buttons-dark-color) !important;
}

a.dark.button:hover {
	background: var(--back-buttons-dark-hover) !important;
}

input[type="submit"], button[type="submit"] {
	background: var(--back-buttons-color);
	cursor: pointer;
	border: 0;
	padding: 8px 15px;
	color: var(--white-text-color);
	border-radius: 7px;
	transition: all 0.5s;
	font-weight: 600;
	font-size: 14px;
}

input[type="submit"]:hover, button[type="submit"]:hover {
	background: var(--back-buttons-hover);
}

.up-all-form {
	margin-top: 20px;
	display: flex;
	flex-direction: row-reverse;
}

.button_bal_box {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-direction: column;
	width: 90px;
	align-content: center;
	font-size: 13px;
	margin-top: 20px;
}

.drdown_but {
	font-size: 22px;
	color: var(--dark-text-color);
	transition: all 0.2s;
	cursor: pointer;
	width: 20px;
	text-align: center;
	height: 22px;
}

.drdown_but:hover {
	color: var(--items-color);
}

.btn.button:hover {
	background: var(--back-buttons-hover) !important;
	color: var(--text-buttons-color);
}

.button:hover {
	background: var(--back-buttons-hover) !important;
}

.btn.button.buy-work {
	width:-webkit-fill-available;
	text-align: center;
	height: 40px !important;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
}

.work_page_image {
	border-top: 1px solid #ededed;
	min-height: 100%;
}

.non-search-image img {
	height: 150px;
	width: 150px;
}

.non-search-text {
	display: flex;
	flex-direction: column;
	text-align:  center;
	gap: 3px;
}

.non-search-text-hed {
	font-weight: 600;
	font-size: 20px;
	color: var(--items-color);
}

.non-search-text-bot {
	color: var(--dark-text-color);
}

.btn.button.cart-work {
	display: flex;
	padding: 0 !important;
	transition: all 0.5s;
	min-width: 40px;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.non-search-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	justify-content: center;
	height: 60vh;
}

.ueat.btn {
	background: #21da883b !important;
	color: #00b973
}

.ueat.btn:hover {
	background: var(--back-buttons-color) !important;
}

.work_list {
	padding: 10px;
	background: #ededed;
	display: flex;
	gap: 10px;
	flex-flow: row wrap;
	box-shadow: 0px -5px 20px 20px #ededed;
	justify-content: center;
}

.menu_nb {
	width: -webkit-fill-available;
}

.bot-btn-login {
	text-align: center;
	padding: 10px;
	background: var(--box-background);
	color: var(--dark-text-color);
	border-top: 1px solid #ededed;
	transition: all 0.2s
}

.bot-btn-login:hover {
	background: #f7f7f7
}

.desc-text {
	max-width: 600px;
	padding: 10px;
	font-size: 16px;
	margin: 0;
	font-weight: 400;
}

.bottom_footer-info {
	padding: 10px;
	color: var(--text-color);
	margin: 0 auto;
	max-width: 1490px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.footer-info-link {
	color: var(--text-color);
}

.footer-info-link:hover {
	text-decoration: underline
}

.home_us.footer {
	background: #ffffff;
	margin: 0;
	max-width: -webkit-fill-available;
	box-shadow: 0px -3px 6px 0px #879baf21;
	padding: 0;
}

.avatar-users-message img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 100px
}

.my-message .box-message-users  {
	display: flex;
	flex-direction: row-reverse;
	gap: 5px;
}

.other-message .box-message-users {
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.work_info {
	background: var(--box-background);
	display: flex;
	min-width: 100px;
	max-width: 300px;
	width: -webkit-fill-available;
	flex: auto;
	overflow: hidden;
	flex-direction: column;
	border-radius: 0 0 10px 10px;
	justify-content: space-between;
}

.work_block {
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
	background: var(--box-background);
	display: flex;
	flex-direction: column;
	max-width: 283px;
}

.work_image, .work_image img {
	width: 283px;
	border-radius: 10px 10px 0 0;
	height: 185px;
}

.us_info {
	display: flex;
	padding: 10px 15px;
	border-top: 1px solid #e5e5e5;
	justify-content: space-between;
	align-items: center;
}

.comment-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.us_info.rating-box {
	align-items: flex-start;
	border: 0;
	padding: 0;
}

.us_info.rating-box.non-rating-info {
	display: block;
	text-align: center;
}

.prefix_del {
	font-size: 13px;
	background: #ea4c3e;
	color: #fff;
	padding: 1px 5px;
	border-radius: 5px;
}

.password-container {
	width: -webkit-fill-available;
}

.us_info.rating-box.comment {
	border-top: 0;
	color: var(--text-color);
	padding-top: 0;
	display: flex;
}

.comment_work-box {
	margin-bottom: 20px
}

.work-box-page {
	width: -webkit-fill-available;
}

.work_desc {
	display: block;
	color: var(--text-color);
	min-width: 10px;
	max-width: 300px;
	overflow: hidden;
	padding: 15px 15px 0 15px;
}

.set-cart {
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	min-width: 35px;
	font-size: 17px;
	margin: 5px 5px 0 0;
	cursor: pointer;
	transition: all 0.6s;
	color: var(--dark-text-color)
}

.set-cart.active-cart, .set-cart:hover {
	background: #ededed;
	color: #eb5649;
}

.work_desc span {
	height: 56px;
	display: block;
	overflow: hidden;
	font-size: 15px;
}

.work_desc:hover {
	color: var(--dark-text-color);
}

.name {
	color: #8a8a8a;
}

.page_dbox {
	width: -webkit-fill-available;
	display: flex;
	flex-direction: column;
}

.info-head_box {
	background: var(--box-background);
	padding: 15px 20px;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-bottom: 20px;
}

.title_head_box {
	font-weight: 600;
	font-size: 16px;
	color: #ea4c3e;
	margin-bottom: 10px;
}

.flex_head-info {
	display: flex;
}

.info_flex-info {
	color: #2f2f2f;
}

.title_flex-info {
	width: 170px;
	color: var(--text-color);
}

.box-back-pan {
	width: -webkit-fill-available;
	background: var(--box-background);
	padding: 20px;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
}

.box-back-pan.nonback {
	background: none;
	box-shadow: none;
	padding: 0
}

.nick-message-users-box {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.my-message .box-message-users .nick-message-users-box .nick-message-users {
	display: flex;
	flex-direction: row-reverse;
	font-size: 13px;
	margin-right: 3px;
}

.other-message .box-message-users .nick-message-users-box .nick-message-users {
	display: flex;
	flex-direction: row;
	font-size: 13px;
	margin-left: 3px;
}

.work_info-in-user {
	display: flex;
	gap: 0px;
	justify-content: space-between;
	align-items: flex-start;
	border-top: 1px solid #e5e5e5;
}

.but_in-cena {
	display: flex;
	padding: 10px 15px;
	flex-direction: row-reverse;
	min-width: 10px;
	z-index: 0;
}

.cena {
	position: relative;
	display: flex;
	align-items: center;
	color: #11b874;
	font-size: 20px;
	font-weight: 600;
	z-index: 0;
}

.number {
	z-index: 0
}

.but_in-cena .btn.button {
	outline: 0px solid #dbdbdb;
	box-shadow: inset 0px 0px 3px 0px #0000004f;
	right: 10px;
	position: relative;
}

.avatar img {
	width: 35px;
	border-radius: 100px;
	display: block;
	height: 35px;
}

#search-form {
	display: flex;
	gap: 10px;
	box-shadow: 0px 2px 20px 20px #f7f7f7;
}

#search-form-adm {
	display: flex;
	gap: 10px;
}

.adm_panel_title-box {
	font-size: 20px;
	font-weight: 600;
	color: var(--dark-text-color);
}

.icon_adm {
    font-size: 35px;
    display: block;
    color: var(--items-color);
    padding-bottom: 10px;
}

a.link_adm, .panel_info-box {
    flex: auto;
    width: 180px;
    max-width: 560px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    font-size: 15px;
    padding: 20px 0;
    cursor: pointer;
    -webkit-transition: all linear 0.1s;
    border-radius: 10px;
    box-shadow: var(--block-box-shadow);
    background: var(--box-background);
    color: var(--text-color);
}

a.link_adm:hover {
	background: #f6fbff;
}

a.link_adm.off {
	background: #e9ebed;
    color: #c1c1c1;
    box-shadow: none;
	pointer-events: none;
}

.rub {
	margin-left: 5px
}

.login {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 1;
}

.image_login img {
	width: 350px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 100%;
}

.login-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--box-background);
	padding: 30px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	justify-content: center;
	width: 300px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
	padding: 10px;
	border-radius: 5px;
	border: 0;
	box-shadow: inset 0px 0px 3px 0px #dae1e7;
	display: block;
	width: -webkit-fill-available;
	background: #f9f9f9;
	color: #757575;
	min-width: 10px;
	max-width: -webkit-fill-available;
}

input[name="login"], input[name="pass"], input[name="r_pass"], input[name="email"] {
	text-align: center;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
	outline: 2px solid var(--text-outline-color);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#searchpol {
	background: var(--box-background);
	border-radius: 10px;
	padding: 10px 15px;
	box-shadow: var(--block-box-shadow);
	font-size: 16px;
}

#modal-number-input, #edit-reply-textarea {
	margin-bottom: 20px
}

.login_block {
	display: flex;
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
}

.image_login {
	display: block;
}

.link {
	color: #12aa67;
}

.link:hover {
	text-decoration: underline;
}

.link.active, .rubric_side_name.active{
	color: #12aa67 !important;
	font-weight: 600;
	pointer-events: none
}

#login {
	display: flex;
	margin: 0;
	flex-direction: column;
	gap: 10px;
	margin: 15px 0;
	width: 100%;
	align-items: center;
}

#new_forms {
	display: flex;
	margin: 0;
	flex-direction: column;
	align-items: flex-end;
	gap: 20px;
}

.info_box {
	background: var(--box-background);
	box-shadow: var(--block-box-shadow);
	border-radius: 0 0 10px 10px;
	padding: 30px;
}

.flex_adm-users {
	display: flex;
	gap: 10px;
	align-items: center;
}

.info_box.arb {
	padding: 0;
	width: -webkit-fill-available;
	background: 0;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.user_info-work-box.box-admin  {
	background: #fff;
	padding: 10px 15px;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
}

.plug_error {
	background: var(--box-background);
	border-radius: 10px;
	padding: 10px 15px;
	box-shadow: var(--block-box-shadow);
	display: flex;
	justify-content: space-between;
}

.err_plugin {
	color: #ea4c3e;
}

.head_bar {
	padding: 0px 20px;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	color: var(--white-text-color);
	justify-content: space-between;
	background-image: linear-gradient(rgb(237 237 237), rgb(173 173 173 / 0%));
	background: var(--box-background);
	box-shadow: 0px 3px 6px 0px #879baf21;
	z-index: 10;
	height: 50px;
	align-items: center;
}

.online-dot {
    display: inline-block;
    min-width: 8px;
    height: 8px;
    background: linear-gradient(135deg, #4cd137, #32b84a);
    border-radius: 50%;
    margin-right: 6px;
    box-shadow: 0 0 8px rgba(76, 209, 55, 0.7);
    vertical-align: middle;
}

.online-dot.profile-nick-online {
	margin: 0 0 0 8px;
	height: 9px;
	width: 9px;
}

.flex_input {
	display: flex;
	gap: 10px
}

.head_menu {
	display: flex;
	gap: 20px;
	margin-left: 30px;
	align-items: center;
	justify-content: center;
}

.head_menu-item {
	color: var(--dark-text-color);
	font-weight: 600;
	cursor: pointer;
	transition: all 0.6s;
	text-align: center;
}

.head_menu-item.active {
	color: var(--items-color);
	pointer-events: none;
}

.head_menu-item:hover {
	color: var(--items-color);
}

.desc_settings {
	color: var(--text-color);
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: -5px;
}

#search-but-set {
	padding: 0 30px;
	background: var(--back-buttons-color);
	border: 0;
	color: var(--white-text-color);
	height: 37px;
	cursor: pointer;
	transition: all 0.2s;
	border-radius: 10px;
	font-weight: 600;
	font-size: 15px;
	box-shadow: var(--block-box-shadow);
}

#search-but-set:hover {
	background: #00c078;
}

.user_but {
	color: var(--items-color);
	border-radius: 100px;
	display:  flex;
	align-items: center;
	height: 30px !important;
	cursor: pointer;
	transition: all 0.2s;
	width: 30px;
	justify-content: center;
}

.user_but:hover {
	background: #25b77c21
}

.right-block {
	display: flex;
	gap: 10px;
	align-items: center;
}

.left-block {
	display: flex;
	align-items: center;
}

.money_block {
	display: flex;
	gap: 8px;
	align-items: center;
}

.money_block i {
	padding: 6px 30px 6px 15px;
	background: #1bb7775e;
	position: relative;
	border-radius: 100px;
	margin-right: -30px;
}

.head_money {
	display: flex;
	background: #63bf9a;
	padding: 5px 10px;
	border-radius: 100px;
	z-index: 1;
	color: var(--white-text-color);
	cursor: pointer;
	transition: all 0.2s;
	font-size: 14px;
}

.head_money:hover {
	background: var(--back-buttons-color);
}

.home-us-work {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

.edit_link-box {
	position: unset;
}

.edit_link-us {
	color: #005d7b;
	cursor: pointer;
	transition: all 0.2s;
	padding: 10px 0;
}

.edit_link-us:hover {
	color: #00b973;
}

.form_block {
	background: var(--box-background);
	padding: 20px;
	border-radius: 0 0 10px 10px;
	box-shadow: var(--block-box-shadow);
}

textarea {
	width: -webkit-fill-available !important;
	height: 200px;
	resize:none;
	padding: 10px;
	border-radius: 5px;
	border: 0;
	box-shadow: inset 0px 0px 3px 0px #dae1e7;
	display: block;
	background: #f9f9f9;
	color: #757575;
}

.summ-deal {
	color: var(--dark-text-color)
}

.info_summ {
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
	color: var(--white-text-color);
	background: radial-gradient(circle farthest-corner at center center, var(--dark-text-color) 0%, #ffffff00 100%);
}

.title {
	background: var(--box-background);
	padding: 20px;
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid #f2f2f2;
	color: #686868;
	font-weight: 600;
	font-size: 16px
}

.site_logo {
	background-image: url('../images/head-dark-title.png');
	width: 170px;
	height: 38px;
	display: block;
	position: unset;
	background-size: 100%
}

.user-group {
	font-size: 12px;
	padding: 1px 5px;
	background: #005d7b36;
	border-radius: 5px;
	color: var(--dark-text-color);
	margin-top: 3px
}

.user-group-work {
	font-size: 13px;
	border-radius: 5px;
	color: var(--dark-text-color);
}

.user-group-work.min {
	display: none;
}

.box_ava-info {
	display: flex;
	gap: 10px;
	align-items: center;
}

.box_ava-info .avatar {
	width: 40px;
	height: 40px;
}

.rating {
	color: var(--dark-text-color);
	font-weight: 600;
	float: right;
	display: flex;
	gap: 5px;
	align-items: center;
	flex-direction: row-reverse;
}

.all_in_rating {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
}

.star_rating {
	font-size: 11px;
	display: flex;
	gap: 2px;
}

.full-star {
	color: #ffb800;
	display: flex;
	align-items: center;
}

.half-star {
	color: #ddd;
	display: flex;
	align-items: center;
}

.only-star {
	color: #ffb800;
	display: none;
	font-size: 13px;
}

input[type=file]::file-selector-button {
	margin-right: 20px;
	border: none;
	background: var(--dark-text-color);
	padding: 5px 15px;
	border-radius: 8px;
	color: var(--white-text-color);
	cursor: pointer;
	transition: all 0.5s;
}

input[type=file]::file-selector-button:hover {
	background: var(--back-buttons-color);
}

.preview-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: -webkit-fill-available;
}

.add-images-block {
    width: 120px;
    height: 120px;
    outline: 1px dashed #cdcdcd;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #f3f3f3;
    font-size: 14px;
    text-align: center;
	transition: all 0.6s;
	color: #959595;
}

.add-images-block:hover {
	color: #6b6b6b;
	background: #e1e1e1;
	outline: 1px solid #cdcdcd;
}

.preview-item {
    position: relative;
    width: 120px;
    height: 120px;
}

.preview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.remove-img {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ff4444;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
	transition: all 0.2s
}

.remove-img:hover {
	background: #cc2020;
}

.feed-flex {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: flex-start;
}

.feed-flex input {
	display: inline-block;
	width: auto;
}

input[type="file"] {
	box-shadow: inset 0px 0px 2px 1px #e2e2e2;
	padding: 5px 10px 5px 5px;
	border-radius: 10px;
}

.work.info_block {
	display: flex;
	gap: 15px;
	align-items: flex-start;
}

.work.form_block {
	border-radius: 10px;
	width: -webkit-fill-available;
	padding: 0;
	box-shadow: var(--block-box-shadow);
}

.work_sidebar {
	border-radius: 10px;
	min-width: 270px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-width: 270px;
}

.work_page_image img {
	width: -webkit-fill-available;
	border-bottom: 1px solid #ededed;
	aspect-ratio: 16 / 10;
}

.work_page_name {
	padding: 16px 25px;
	font-size: 17px;
	font-weight: 600;
	color: var(--dark-text-color);
}

.work_prob {
	padding: 20px 25px 0px;
	font-size: 19px;
	font-weight: 600;
	color: var(--dark-text-color);
}

.work-deal-info-box {
	border-bottom: 1px solid #ededed;
}

.info_deal-box_flex {
	display: flex;
	padding: 15px 25px;
	font-weight: 600;
	gap: 15px;
	flex-wrap: wrap;
}

.info_deal-box {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 200px;
}

.info_deal-name {
	font-size: 16px;
	color: var(--text-color);
}

.info_deal-desc {
	font-size: 14px;
	font-weight: 400;
}

.profile_page_name.non-bg {
	background: none !important;
	box-shadow: none;
}

.profile_page_desc {
	background: var(--box-background);
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	padding: 15px 25px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.label_box {
	color: var(--dark-text-color);
	font-size: 17px;
	font-weight: 600;
}

.box_text {
	line-height: 1.3;
}

.work_page_name.non-bg {
	background: var(--box-background);
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
}

.work_page_desc {
	padding: 10px 25px;
	line-height: 1.5;
}

.mob-side {
	display: none;
}

.sidebar_menu {
	transition: all 0.25s;
}

.cena.work_cena {
	font-weight: 400;
	padding: 14px 15px;
}

.cena.work_cena.deal {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.prefix_commission {
	font-size: 12px;
	border-radius: 7px;
	color: #c3c3c3;
}

.buttons-box {
	display: flex;
	gap: 10px;
	padding: 15px;
	border-top: 1px solid #ededed;
}

.buttons-box.revers {
	padding: 0;
	border: 0;
}

.buttons-box.work-rating-ed {
	padding: 0;
}

.buttons-box.vertical {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ededed;
}

.set-stars {
	text-align: center;
}

.set-stars .star {
	font-size: 40px;
	padding: 0 3px;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.prz_box {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.prz_box.solutions {
	flex-wrap: wrap;
	flex-direction: row;
	gap: 25px;
}

.rz_question_side_name {
	padding: 10px;
	font-size: 17px;
	font-weight: 600;
	color: var(--dark-text-color)
}

.items_work {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: -webkit-fill-available;
}

.bottom_wr-but {
	display: flex;
	justify-content: center;
}

.bottom_cm-but {
	display: flex;
	margin-top: 15px;
}

.load_more-button {
	background: var(--back-buttons-color);
	color: var(--text-buttons-color);
	padding: 10px 20px;
	border-radius: 10px;
	cursor: pointer;
	font-weight: 600;
	transition: all 0.6s;
}

.load_more-button:hover {
	background: var(--back-buttons-hover)
}

.load_more-button.comments {
	background: #005d7b;
}

.load_more-button.comments:hover {
	background: #007ca4;
}

.category_list {
	display: flex;
	gap: 20px;
	flex-flow: row wrap;
	max-width: 1800px;
	width: -webkit-fill-available;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
}

.empty-container {
	width: -webkit-fill-available;
	background: var(--box-background);
	padding: 15px;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.empty-title {
	font-weight: 600;
	color: var(--dark-text-color);
	font-size: 17px;
}

.category_list.profile {
	box-shadow: none;
	padding: 20px 0;
	background: none;
}

.category-box {
	display: block;
	border-radius: 10px;
	transition: all 0.5s;
	min-height: 100px;
	height: 180px;
}

.category-box:hover img {
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.category-box img {
	border-radius: 10px;
	height: 180px;
	object-fit: cover;
	width: -webkit-fill-available;
	transition: all 0.5s
}

.home_us {
	max-width: 1500px;
	margin: 0 auto;
	display: block;
	padding: 40px 0;
}

.block-info-land {
	border-bottom: 1px solid #f1f1f1;
	background: #fff;
	padding: 0 15px;
}

.home_us.home-page {
	display: flex;
	flex-direction: column;
	padding: 30px 0;
}

.home_us.two {
	padding: 20px 0;
}

.home_us.two.center {
	padding: 40px
}

.category-name_in_box {
	padding: 15px 20px;
	color: var(--white-text-color);
	position: relative;
	width: -webkit-fill-available;
	margin-top: -184px;
	font-size: 18px;
	height: 184px !important;
	border-radius: 10px;
	display: flex;
	flex-direction: column-reverse;
	transition: all 0.5s;
	background: -webkit-linear-gradient(0deg, rgb(0 0 0 / 73%), rgb(255 255 255 / 0%) 42%);
	background: -moz-linear-gradient(0deg, rgb(0 0 0 / 73%), rgb(255 255 255 / 0%) 42%);
	background: linear-gradient(0deg, rgb(89 89 89 / 73%), rgb(255 255 255 / 0%) 42%);
}

.flex-user-home {
	background: var(--box-background);
	padding: 15px;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.user-home_ava, .user-home_ava img {
	width: 100px;
	height: 100px;
	border-radius: 10%;
}

.user-home-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.nick-home-user {
	color: var(--dark-text-color);
	font-size: 16px;
	font-weight: 600;
}

.info-tag-text {
	display: flex;
	gap: 5px;
}

.category-name_in_box:hover {
	background-color: #00000033
}

.div-category {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	max-width: 3200px;
}

.rubric.div-category {
	max-width: 283px;
}

.box_title {
	padding: 10px 0;
	font-size: 25px;
	color: var(--dark-text-color);
	font-weight: 600;
	margin: 0;
}

.flex_block {
	display: flex;
	margin-top: 15px;
	gap: 15px;
}

.block_license, .block_info_license {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: flex-start;
}

.cen_block {
	font-size: 25px;
	font-weight: 600;
	color: #00b973;
}

.list {
	display: flex;
	padding: 8px 0;
	border-top: 1px solid #efefef;
}

.list.head {
	border: 0;
	font-weight: 600
}

.list_title {
	min-width: 150px;
}

.block_gr {
	display: flex;
	background: #f9f9f9;
	padding: 15px 20px;
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
	width: -webkit-fill-available;
	justify-content: space-between;
}

.block_gr.in {
	display: flex;
	gap: 15px;
	align-items: flex-start;
}

.home-prefix {
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 100px;
	background: #00b97333;
	display: inline-block;
	color: var(--items-color);
	margin-bottom: 10px;
}

.text_block {
	max-width: 700px;
}

.title_block_gr {
	display: inline;
	color: var(--items-color);
	font-weight: 600;
}

.desc_block {
	display: inline;
	max-width: 800px;
	margin: 0;
}

.footer_block {
	margin: 0;
}

.but_block {
	display: flex;
	align-items: center;
}

.info_text_lend {
	max-width: 800px;
	margin: 0;
	font-weight: 400;
}

.info_text_lend.in {
	max-width: -webkit-fill-available;
}

.block {
	background: #f9f9f9;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	padding: 15px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 50%;
}

.title_block {
	font-size: 18px;
	font-weight: 600;
	color: var(--dark-text-color);
}

.box_title.center.top {
	margin: 0;
}

.center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}

label {
	font-size: 14px;
	font-weight: 600;
	color: #686868;
}

.rubric_set-work {
	display: flex;
	gap: 10px;
	width: -webkit-fill-available;
}

.back_home_us.top {
	background-image: linear-gradient(rgb(173 173 173 / 54%), rgb(255 255 255 / 54%)), url(../images/top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.pod_kat-box {
	display: flex;
	background: var(--box-background);
	align-items: center;
	flex-direction: row;
	margin: 30px 0;
	padding: 20px;
	border-radius: 10px;
	gap: 10px;
	box-shadow: var(--block-box-shadow);
}

.pod_kat-box p {
	width: 500px !important;
	color: #3f3f3f;
}

.but_box-flex {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 15px;
}

.login-form-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: var(--box-background);
	border-radius: 10px 0 0 10px;
	overflow: hidden;
	min-height: 420px;
}

.login-form {
	background: var(--box-background);
	border-radius: 10px 0 0 10px;
	padding: 27px 25px 25px 25px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 350px;
	height: 100%;
}

.name_window {
	font-weight: 600;
	font-size: 17px;
	color: var(--dark-text-color)
}

.desc_login {
	color: #727272;
	font-size: 13px;
	margin-top: 10px;
	width: 200px
}

.pod_kat-box h2 {
	color: var(--dark-text-color)
}

.pod_kat-box img {
	width: 140px
}

.right.box_image {
	max-width:-webkit-fill-available;
	display: flex;
	flex-direction: row-reverse;
	width: -webkit-fill-available;
}

.right.box_image img {
	width: 340px
}

.panel {
	margin-top: 50px;
	display: flex;
}

.side_panel {
	width: 290px;
	flex-direction: column;
	position: relative;
}

.panel_link, .sidebar-title {
	padding: 10px 20px;
	color: var(--text-color);
	border-radius: 10px;
	transition: all 0.2s;
	font-weight: 600;
	cursor: pointer;
	display: block;
}

.panel_link:hover, .sidebar-title:hover {
	background: #e5e5e56b !important;
}

.s-group.panel_link {
	color: var(--dark-text-color);
	transition: all 0.2s;
}

.panel_link.active {
	background: #f6f7fa;
	color: var(--items-color);
	cursor: default;
	pointer-events: none;
}

.s-group.panel_link.active {
	background: none;
	color: var(--items-color)
}

.side_panel_box {
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	width: -webkit-fill-available;
	box-shadow: var(--block-box-shadow);
}

.panel_row {
	width: -webkit-fill-available;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.adm_panel_info-box {
	display: flex;
	gap: 15px;
	flex-flow: row wrap;
	justify-content: space-between;
}

.panel_info-box {
	background: var(--box-background);
	display: flex;
	box-shadow: var(--block-box-shadow);
	padding: 30px;
	border-radius: 10px;
	flex-direction: column;
	align-items: center;
	color: var(--text-color);
	gap: 10px;
	width: 190px;
}

.panel_box-num {
	color: var(--items-color);
	font-weight: 600;
	font-size: 30px
}

.home_us.tematic {
	margin-bottom: 20px;
	flex: 1 1;
	width: -webkit-fill-available;
	padding: 0;
}

.home_us.tematic.profile {
	max-width: 1192px;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.home_us.tematic.pay {
	max-width: 1000px
}

.search-line_box {
	margin-bottom: 20px;
	position: sticky;
	top: 70px;
	z-index: 1;
	border-radius: 10px;
	background: #f7f7f7;
	padding: 0 5px;
}

.search-line_box.adm {
	padding: 0;
	margin: 0;
}

.work-rating_feedback_box .head_box {
	padding: 10px;
}

.answer_comment {
	font-size: 12px;
	color: var(--items-color);
	background: #abe4cd;
	padding: 3px 5px;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.6s;
}

.answer_comment:hover {
	background: var(--back-buttons-color);
	color: var(--text-buttons-color);
}

.head_box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(--box-background);
	padding: 5px;
	border-radius: 10px 10px 0 0;
	box-shadow: var(--block-box-shadow);
	border-bottom: 1px solid #ededed;
}

.head_box.comments {
	border: 0;
}

.head_box.dual {
	gap: 0;
}

.right-elm_but {
	display: flex;
}

.head_flex-center {
	display: flex;
	width: -webkit-fill-available;
	justify-content: center;
}

.head_box .box_title {
	margin: 0;
}

.box_title.work_rating-title {
	font-size: 16px;
}

.head_box.category-header {
	background: none;
	box-shadow: none;
	border: 0;
	margin-bottom: 20px
}

.head_box.section-header {
	border: 0;
	margin-bottom: 20px;
	border-radius: 10px;
	align-items: center;
	flex-direction: column;
}

.side_in_count {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
	gap: 25px;
}

.side_in_count.reverce {
	display: flex;
	flex-direction: row-reverse;
}

.side_in_count.transactions.reverce {
	flex-direction: column;
	gap: 0;
}

.side_in_count.transactions.reverce .transaction_box {
	width: -webkit-fill-available;
}

.sett_block {
	width: -webkit-fill-available;
}

.sidebar_in_tema {
	width: 270px !important;
	background: var(--box-background);
	box-shadow: var(--block-box-shadow);
	padding: 15px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.sidebar_in_tema .link {
	padding: 8px 10px;
	color: #5a5a5a;
	transition: all 0.3s;
	border-radius: 10px;
}

.sidebar_in_tema .link:hover {
	background7: #f1f1f1;
	color: #19b978;
	text-decoration: none;
	padding: 8px 15px;
}

.subcategory_block {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	text-overflow: ellipsis;
}

.subcategory_block.active .rubric_side_name {
	color: #4d4d4d;
}

.rubric_side_name {
	padding: 8px;
	color: var(--dark-text-color);
	font-weight: 600;
	transition: all 0.2s;
	border-radius: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: -webkit-fill-available;
	display: block;
	white-space: nowrap; 
}

.rubric_side_name:hover {
	color: #12aa67;
	background: #f1f1f1;
	padding: 8px 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: -webkit-fill-available;
}

.sidebar_in_tema.category {
	gap: 0;
	margin-bottom: 20px;
}

.but.side_block {
	padding: 0;
}

.but.side_block, .side_block {
	background: var(--box-background);
	border-radius: 10px;
	display: block;
	box-shadow: var(--block-box-shadow);
}

.side_block {
	padding: 10px;
}

.side_block.flex {
	display: flex;
	align-items: center;
	gap: 5px;
}

.side_block.flex.deal {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 10px 10px 0 0;
}

.side_block img {
	width: 80px;
	height: 80px;
}

.sort_title {
	color: #254e5b;
	font-weight: 600;
	font-size: 17px;
}

.sort_title_name {
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: 600;
	color: #484848
}

.sort_flex {
	display: flex;
	gap: 5px;
}

.sort-btn {
	color: #5a5a5a;
	background: #f1f1f1;
	font-size: 13px;
	padding: 3px 10px;
	border-radius: 5px;
	margin-top: 3px;
	display: inline-block;
	transition: all 0.2s;
}

.sort-btn:hover {
	color: #11b874;
	background: #e1e1e1;
}

.sort-btn.active {
	color: #11b874;
	background: #f1f1f1;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 13px;
	display: inline-block;
	font-weight: 600;
}

.sort-btn.active:hover {
	background: #e1e1e1;
}

input[type="checkbox"] {
	accent-color: #12aa67;
	width: 15px;
}

.private_users-info {
	color: var(--text-color);
	font-size: 11px;
	display: flex;
	text-align: left;
	gap: 10px;
	width: 150px;
}

.items_reg-box {
	text-align:center;
}

.info_box-user {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.info_box-user.searching {
	margin-top: 10px;
}

.user_info-work-box.box {
	background: var(--box-background);
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	padding: 10px 15px;
	width: 280px;
}

.user_ava_work img {
	width: 45px;
	height: 45px;
	border-radius: 100px;
}

.user_ava_work.box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.user_in_ava {
	display: flex;
	gap: 10px;
	align-items: center;
}

.user_ava_work {
	display: flex;
}

.user_in_ava.box-adm {
	justify-content: space-between;
}

.us_prs {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	color: var(--text-color);
}

.us_prs.box {
	flex-direction: row;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.2s;
}

.us_prs.box:hover {
	color: var(--back-buttons-color);
}

.user-group.work {
	margin: 0;
}

.user-group.work.deal {
	width: -webkit-fill-available;
	text-align: center;
	border-radius: 0 0 10px 10px;
	padding: 5px;
	background: #fff;
	border-top: 1px solid #ededed;
	box-shadow: var(--block-box-shadow);
}

.rating_flex {
	display: flex;
	gap: 6px;
	color: var(--dark-text-color);
	font-size: 14px;
	font-weight:  600;
	height: 20px;
	align-items: center;
}

.rating_flex.user {
	align-items: flex-end;
	font-size: 16px;
}

.rating_flex.user .star_rating {
	font-size: 13px;
	height: 19px;
}

.rating_flex.box {
	font-size: 15px;
}

.rating_flex .star_rating i {
	margin: 0;
	padding: 0;
	height: 15px;
	display: flex;
	align-items: center;
}

.user_name_work {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.dropdown-menu.head-drop {
    opacity: 0;
    min-width: auto;
    padding: 7px;
    width: 239px;
    background: var(--box-background);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 10px;
    pointer-events: none;
    -webkit-transition: all linear 0.1s;
    margin: 20px 0 0 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    inset: 0 0 auto auto;
    transform: translate(0px, 45px);
}

.dropdown-menu.head-drop.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu.head-drop .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #e5e5e5
}

.dropdown-menu.head-drop>li>a {
    padding: 10px 8px;
    text-decoration: none;
    display: flex;
    float: left;
    width: 110px;
    -webkit-transition: all linear 0.15s;
    border-radius: 5px;
    color: var(--text-color);
    height: auto;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    flex-direction: column-reverse;
    gap: 10px;
    font-size: 13px;
    background: #fbfbfb;
}

.dropdown-menu.head-drop>li>a i {
	opacity: 1;
	-webkit-transition: all linear 0.15s;
	width: 20px;
	display: flex;
	justify-content: center;
	font-size: 24px;
	color: #63bf9a;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    opacity: 0;
    float: left;
    min-width: 220px;
    padding: 7px;
    font-size: 15px;
    text-align: left;
    list-style: none;
    background: var(--box-background);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 10px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, .175);
    pointer-events: none;
    -webkit-transition: all linear 0.1s;
    margin: 20px 0 0 0 !important;
    transform: translate(0px, 45px);
    inset: 0 0 auto auto !important;
}

.dropdown-menu.show {
    opacity: 1;
    pointer-events: auto;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #e5e5e5
}

.dropdown-menu>li>a {
    padding: 0px 10px 0 15px;
    text-decoration: none;
    display: flex;
    float: left;
    width: -webkit-fill-available;
    -webkit-transition: all linear 0.15s;
    border-radius: 5px;
    color: var(--text-color);
    height: 33px;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.dropdown-menu>li>a i {
	opacity: 0;
	-webkit-transition: all linear 0.15s;
	width: 20px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    background: #ededed;
}

.dropdown-menu>li>a:hover i {
	opacity: 1;
}

.open>.dropdown-menu {
    opacity: 1
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.code-container {
	display: flex;
	gap: 5px
}

input[name="code[]"] {
	width: 30px;
	text-align: center;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.ava_mes {
	width: 50px;
	border-radius: 100px;
}

.mes-link {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 15px;
	padding: 15px;
	background: var(--box-background);
	border-radius: 10px;
	width: -webkit-fill-available !important;
	box-shadow: var(--block-box-shadow);
	margin: 0 0 10px 0;
}

.mes-link:hover {
	background: #e5e5e5;
}

.block_content {
	display: flex;
	flex-direction: column;
	gap: 5px;
	pointer-events: none;
}

.name_in-mes--user {
	font-size: 13px;
	font-weight: 600;
	color: var(--dark-text-color);
}

.time {
	font-size: 13px;
	color: #797979
}

.msg_block_norep {
	color: #4f4f4f;
}

.fade {
    transition: opacity .15s linear;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    max-width: 500px;
    margin: 12vh auto;
    pointer-events: none;
    padding: 0 10px;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 0px);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: 10px;
    outline: 0;
	background: var(--box-background);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background: #000;
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(rgb(0 185 115 / 0%), rgb(255 255 255));
}

.modal-header .btn-close {
    padding: .5rem .5rem;
}

.modal-title {
    margin: 0;
    line-height: 1.5;
    font-size: 18px;
    color: var(--dark-text-color);
    padding: 10px 10px 0 10px;
}

.modal-select {
	margin: 15px 0 30px;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 25px;
    color: var(--text-color);
}

.modal-footer {
	padding: 20px 25px 25px;
}

.modal-footer, .modal-footer form {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.modal-footer, .modal-footer form, .modal-footer textarea {
	width: -webkit-fill-available
}

.btn-close {
	border: 0;
	background: #ffffff4f;
	height: 25px;
	width: 25px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border-radius: 7px;
	box-shadow: 0px 0px 3px 2px #dfdfdf;
}

.btn-close:active {
	box-shadow: inset 0px 0px 3px 2px #dfdfdf;
	font-size: 14px
}

.btn-close i {
	height: 25px;
	min-width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--dark-text-color);
	cursor: pointer;
}

.sidebar_menu.opened {
	left: 0px;
}

#overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-transform: translateX(0) background: transparent;
    visibility: hidden;
    background-color: transparent;
	-webkit-transition: all linear 0.20s;
    -moz-transition: all linear 0.20s;
    -ms-transition: all linear 0.20s;
    transition: all linear 0.20s;
}

#overlay.opened {
    background: rgb(0 0 0 / 47%);
    visibility: visible;
}

.error {
	text-align: center;
}

.error.none {
	padding: 10px;
	background: var(--box-background);
	box-shadow: var(--block-box-shadow);
	border-radius: 0 0 10px 10px;
}

.error.plug_empty {
	padding: 10px;
	background: var(--box-background);
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
}

.error.adm {
	width: -webkit-fill-available;
	padding: 10px;
	background: var(--box-background);
	box-shadow: var(--block-box-shadow);
	border-radius:  10px;
}

.mst {
	width:-webkit-fill-available;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.mst .page {
	background: var(--items-color);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-text-color);
	border-radius: 10px;
}

.mst .page2 {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--dark-text-color);
	border-radius: 10px;
	transition: all 0.3s;
}

.mst .page2:hover {
	background: #dfdfdf;
}

select,
::picker(select) {
	appearance: base-select;
}

select {
	flex: 1;
}

select {
	border: 0px solid #dddddd;
	background: #f9f9f9;
	padding: 10px;
	transition: 0.4s;
	box-shadow: inset 0px 0px 3px 0px #dae1e7;
	cursor: pointer;
	color: #85909b;
	font-size: 14px
}

select:hover,
select:focus {
	background: #dddddd;
}

select::picker-icon {
	color: #a5ada9;
	transition: 0.4s rotate;
}

select:open::picker-icon {
	rotate: 180deg;
}

::picker(select) {
	border: none;
}

option {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	background: var(--box-background);
	padding: 5px 10px;
	transition: 0.4s;
}

option:first-of-type {
	border-radius: 10px 10px 0 0;
	border-top: 1px solid #e6e6e6;
}

option:last-of-type {
	border-radius: 0 0 10px 10px;
	border-bottom: 1px solid #e6e6e6
}

option:not(option:last-of-type) {
	border-bottom: none;
}

option:nth-of-type(odd) {
	background: white;
}

option:hover,
option:focus {
	background: var(--dark-text-color);
	color: var(--white-text-color);
}

option .icon {
	font-size: 1.6rem;
	text-box: trim-both cap alphabetic;
}

.my-message, .other-message {
	display: flex;
	flex-direction: column;
}

.my-message {
	align-items: flex-end;
}

.other-message {
	align-items: flex-start;
}

.my-message .mes, .other-message .mes {
	padding:  5px 10px;
	border-radius: 10px;
}

.my-message .mes {
	background: #63bf9a;
	color: var(--white-text-color);
	align-items: flex-end;
}

.other-message .mes {
	background: #cdd6df;
	color: var(--text-color);
	align-items: flex-start;
}

.text_message {
	white-space: pre-line;
	line-height: 1.5;
}

#messages-history {
	height: 100%;
}

#messages-history #chat {
	padding: 20px;
	display: flex;
	flex-direction: column;
	width: -webkit-fill-available;
	height: 100%;
	overflow-y: auto;
	gap: 15px;
}

.mes .time_mes {
	font-size: 13px;
}

.mes {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.user_ava_chat img {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	object-fit: cover;
}

.info_box-in-user-chat {
	background: var(--box-background);
	border-radius: 0 10px 0 0;
	display: flex;
	gap: 10px;
	padding: 20px;
	align-items: center;
	box-shadow: var(--block-box-shadow);
	flex-direction: row;
	border-bottom: 1px solid #e6e6e6;
	height: 72px;
}

.chat-container {
	display: block;
	flex-direction: column;
	overflow: hidden;
	background: #f7f7f7;
	box-shadow: var(--block-box-shadow);
	flex: 1 1;
	height: 100%;
}

.chat_form {
	background: var(--box-background);
	padding: 10px;
	border-radius: 0 0 10px 0;
	box-shadow: var(--block-box-shadow);
	display: flex;
	gap: 10px;
	border-top: 1px solid #e6e6e6;
}

.head_box.non-back-title {
	background: none;
	box-shadow: none;
	border: none;
	margin-bottom: 10px;
}

textarea.chat_textarea {
	border-radius: 10px;
	min-height: 35px;
    height: 35px;
    max-height: 55px;
    resize: none;
    padding: 10px 20px;
    line-height: 15px;
    font-size: 14px;
    box-sizing: border-box;
    overflow-y: hidden;
}

.name_in-mes-user {
	color: var(--dark-text-color)
}

.loader {
    position: fixed;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: var(--white-text-color);
    vertical-align: middle;
    top: 60px;
    right: 10px;
    align-items: center;
    justify-content: center;
    z-index: 999;
    box-shadow: var(--block-box-shadow);
	opacity: 0;
	pointer-events: none;
}

.cit {
	background: #ffffff4d;
	padding: 10px;
	margin-top: 5px;
	border-radius: 5px;
}

.other-message .mes .cit {
	background: #d5dee7;
	color: var(--text-color);
}

.my-message .mes .cit {
	background: #72cda8;
	color: var(--white-text-color);
}

.bar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, var(--items-color) 94%, #0000) top / 6px 6px no-repeat, conic-gradient(#0000 30%, var(--items-color) 90%);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);
  animation:s3 1s infinite linear;
}

@keyframes s3 { 
  100% {transform: rotate(1turn)}
}

.loader.show {
	opacity: 1;
	pointer-events: auto;
}

.oauth-btn img {
	width: 25px;
}

.oauth-btn {
	display: flex;
	gap: 5px;
	align-items: center;
	color: var(--text-color);
	font-size: 13px;
	padding: 5px;
	border-radius: 7px;
	transition: all 0.6s;
	margin-top: 10px;
}

.oauth-btn:hover {
	background: #e4e4e4;
}

.alert {
	top: 60px;
	right: 10px;
	margin-left: 10px;
	transition: all 0.5s;
	opacity: 0;
	transform: translateY(-10px);
	background: var(--box-background);
	padding: 15px 20px;
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
}

.alert.show {
	opacity: 1;
	position: fixed;
	z-index: 9999;
	transform: translateY(0);
}

.alert-title {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 16px;
}

.alert-text {
	font-size: 14px;
	opacity: 1;
	color: var(--text-color);
}

.alert.success.show .alert-title {
	color: var(--items-color);
}

.alert.fail.show .alert-title {
	color: #ff4444;
}

.work-tag {
	pointer-events: none;
	animation: shift 1700ms linear 1000ms infinite;
	width: -webkit-fill-available;
	text-align: center;
	padding: 0;
	border-radius: 7px;
	color: var(--white-text-color);
	font-weight: 600;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.work-tag-del {
	padding: 0;
	color: var(--white-text-color);
	font-weight: 600;
	width: -webkit-fill-available;
	text-align: center;
	border-radius: 7px;
	background: #ec5e52;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.work-flex-info_box {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

.but_box {
	display: block;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.work_pay_box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 13px 15px;
	box-shadow: inset 0px 0px 4px 1px #e5e5e5;
	border-radius: 10px;
	width: 345px;
}

.work_pay_box.arb {
	background: var(--box-background);
	box-shadow: var(--block-box-shadow);
	width: 382px;
}

.work_pay_box .btn.button {
	display: block;
}

.label {
	min-width: 110px;
	display: inline-block;
	font-weight: 600;
	color: var(--dark-text-color);
}

.dual_label {
	width: -webkit-fill-available;
	text-overflow: ellipsis;
	display: inline;
}

.dual_label.arb {
	text-overflow: initial;
	white-space: pre-line;
	overflow: auto;
}

#dual-form {
	margin-top: 40px
}

.name_pay_work, .summ_pay_work, .date_pay_work, .status_pay_work {
	display: flex;
	min-height: 20px;
}

.prefix {
	padding: 2px 6px;
	border-radius: 5px;
	font-size: 12px;
	color: var(--white-text-color);
	margin: 0 5px 0 0;
}

.big.prefix {
	font-size: 16px;
	margin: 5px 10px 5px 0px;
	position: relative;
	display: inline-block;
}

.prefix.time {
	background: #eba039;
}

.prefix.success {
	background: #13af2a;
}

.prefix.fail {
	background: #e94f4f;
}

.sidebar_menu.mobile {
	display: none;
}

.user_profile {
	background: var(--box-background);
	padding: 25px;
	border-radius: 0 0 10px 10px;
	box-shadow: var(--block-box-shadow);
}

.user_profile.rating-box {
	padding: 0;
	background: none;
	box-shadow: none;
}

.user_profile.rating-box.items {
	background: none;
	box-shadow: none;
}

.head_user_back {
	height: 180px;
	width: -webkit-fill-available;
	background: #e3e3e3;
	background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(247 247 247 / 40%)), var(--header-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px 10px 0 0;
	box-shadow: var(--block-box-shadow);
}

.user_profile-ava img {
	width: 130px;
	height: 130px;
	border-radius: 100%;
	position: relative;
	margin-top: -90px;
	outline: 4px solid #fff;
}

.prefix_us-group {
	display: flex;
	background: #368fa861;
	font-size: 13px !important;
	height: 20px !important;
	border-radius: 5px !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0 10px !important;
}

.ava_in_name-or-rt {
	display: flex;
	align-items: flex-end;
	gap: 20px;
	width: -webkit-fill-available;
}

.username_us {
	font-size: 20px;
	color: var(--dark-text-color);
}

.prof_flex {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.user_login-link {
	color: var(--text-color);
	display: flex;
	align-items: center;
}

.nickname {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 130px;
	overflow: hidden;
}

.user_login-link.white {
	color: #00c1ff;
	cursor: pointer;
}

.user_login-link.white:hover {
	text-decoration: underline
}

.user_login-link:hover {
	color: var(--back-buttons-color);
}

.user_login-link.deleted-user {
	pointer-events: none;
}

.readline {
	background: #d0d0d0;
	font-size: 11px;
	border-radius: 100px;
	height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profile_page_name {
	margin-top: 15px;
	background: var(--box-background);
	border-radius: 10px 10px 0 0;
	box-shadow: var(--block-box-shadow);
	text-align: center;
}

.all_in_rating.user {
	display: flex;
	height: 20px;
	gap: 5px;
	flex-direction: row;
	align-items: center;
}

.avatar.rating img {
	display: block !important;
	width: 40px;
	height: 40px;
}

.box_ava-info.user {
	gap: 10px;
}

.user-box-name-group.user {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.name_or-rating {
	display: flex;
	flex-direction: column;
	gap: 3px;
	align-items: flex-start;
}

.rating_us {
	height: 20px
}

#fileList li {
	background: var(--box-background);
	padding: 20px;
	color: var(--dark-text-color);
	font-weight: 600;
	box-shadow: 0px -4px 5px 0px #00000014;
	list-style-type: none;
	display: flex;
	position: relative;
	border-right: 1px solid #e6e6e6;
	justify-content: space-between;
}

#fileList {
	margin: 0 !important;
	padding: 0;
	display: flex;
	flex-direction: column;
}

#fileList li button {
	display: inline-flex;
	height: 19px;
	width: 20px;
	align-items: center;
	justify-content: center;
	line-height: 15px;
	border: 0;
	border-radius: 5px;
	background: var(--dark-text-color);
	color: var(--white-text-color);
	cursor: pointer;
}

.upload_file-but, .chat_sub {
	width: 40px;
	padding: 0;
	border: 0;
	color: var(--dark-text-color);
	font-size: 20px;
	background: 0;
	cursor: pointer;
	transition: all 0.2s;
}

.upload_file-but:hover, .chat_sub:hover {
	color: var(--back-buttons-color);
}

.chat-box_mes {
	display: flex;
	gap: 10px;
	padding: 10px 15px;
	cursor: pointer;
	transition: all 0.2s;
}

.chat-box_mes.active {
	background: var(--dark-text-color);
}

.chat-box_mes.active:hover {
	background: #00506a;
}

.chat-box_mes:hover {
	background: #efefef;
}

.chat-box_mes img {
	width: 50px;
	border-radius: 100px;
	height: 50px;
	object-fit: cover;
}

.preview_user-mes {
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: -webkit-fill-available;
	max-width: 210px;
}

.chat-list {
	background: var(--box-background);
	border-radius: 10px 0 0 10px;
	box-shadow: var(--block-box-shadow);
	border-right: 1px solid #e7e7e7;
	min-width: 300px;
	display: flex;
	flex-direction: column;
}

.chat_orez {
	width: -webkit-fill-available;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.chat_orez.non-mes {
	background: var(--box-background);
	border-radius: 0 10px 10px 0;
	box-shadow: var(--block-box-shadow);
	display: flex;
	justify-content: center;
	align-items: center;
}

.chat_non-mes_flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.chat_non-mes_icon {
	color: #c2c2c2;
	font-size: 80px
}

.chat_non-mes_text {
	color: #c2c2c2;
}

.user_name-message {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.chat-unread-badge {
	color: #fff;
	background: #ed4c3e;
	font-size: 12px;
	min-width: 17px;
	height: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	padding: 0 5px;
}

.name_user-mes {
	color: var(--dark-text-color);
}

.preview_user-mes {
	color: var(--text-color);
	font-size: 14px;
}

.flex-info_user-chat {
	display: flex;
	gap: 3px;
	flex-direction: column;
	width: -webkit-fill-available;
}

.chat-box_mes.active .flex-info_user-chat .name_user-mes,
.chat-box_mes.active .flex-info_user-chat .preview_user-mes {
	color: #fff !important;
}

.messages_block-home, .chat-list open, .chat_orez {
	display: flex;
	height: calc(100vh - 200px) !important;
}

#sidebar.opened::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-thumb {
    background: #c6c6c6;
    border-radius: var(--all-border-radius);
}

::-webkit-scrollbar-thumb:hover {
    background: #9e9e9e;
}

::-webkit-scrollbar-track {
    background: none;
}

::-webkit-scrollbar-track:hover {
    background: none;
}

.tablo-prof-ind::-webkit-scrollbar {
    display: none;
}

.title_box {
	padding: 21px;
	border-bottom: 1px solid #e5e5e5;
	height: 72px;
}

.list_messages {
	height: -webkit-fill-available;
	overflow-y: auto;
}

.title_text {
	font-size: 20px;
	font-weight: 600;
	padding: 4px 0 3px;
}

.info_box-in-user-chat .back-to-mes {
	display: none;
}

.other-message .mes img, .my-message .mes img{
	margin: 5px 0 0 0;
	border-radius: 5px;
}

.work_img-us img {
	width: 150px;
	height: 90px;
	object-fit: cover;
}

.us-work-flex {
	display: flex;
	gap: 10px;
}

.work-info-us-box {
	border-top: 1px solid #e5e5e5;
	max-width: -webkit-fill-available;
	width: -webkit-fill-available;
}

.work-us-name {
	color: var(--dark-text-color);
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	position: relative;
}

.us-wertical-work-flex {
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-content: space-between;
	flex-wrap: wrap;
	width: -webkit-fill-available;
}

.work-us-desc {
	font-size: 13px;
	color: var(--text-color);
	width: -webkit-fill-available;
	max-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.us_prf-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: -webkit-fill-available;
}

.work-us-person .cena.number {
	padding-right: 10px;
	display: block;
	min-width: 90px;
	text-align: right;
}

.work-us-person {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#search-flex-box {
	display: flex;
	gap: 10px;
	align-items: center;
}

#search {
	padding: 13px 15px;
	background: #ffffff14;
	color: var(--white-text-color);
	border-radius: 100px;
	outline: 0;
	width: 300px
}

#search:focus {
	box-shadow: inset 0px 0px 5px 0px var(--items-color);
}

#search::-webkit-input-placeholder {
	color: #d3f5e7;
}

#search-but {
	font-weight: 600;
	font-size: 14;
	padding: 0 15px;
}

button[type="submit"]#search-but {
	padding: 0;
	width: 35px;
	background: var(--back-buttons-color);
	border: 0;
	color: var(--white-text-color);
	border-radius: 100%;
	margin-left: -48px;
	height: 35px;
	cursor: pointer;
	transition: all 0.2s;
}

button[type="submit"]#search-but:hover {
	background: var(--back-buttons-hover);
}

.punct_settings {
	margin: 0 0 15px 0;
	display: flex;
	gap: 15px;
}

.punct_settings.bot {
	margin: 15px 0 0 0;
}

.label-punct {
	min-width: 150px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: var(--text-color);
	font-weight: 600;
}

.label-punct.feedback {
	justify-content: flex-start;
	min-width: 130px
}

.label-punct.group {
	min-width: 225px
}

input[type="radio"] {
	display: none;
}
  
label.star {
	cursor: pointer;
	font-size: 36px;
	color: #ccc;
	transition: all 0.2s ease-in-out;
}

input[type="radio"] ~ label.star.active {
	color: gold;
}

.balance_head-block {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}

.balance_head-block.adm {
	background: var(--box-background);
	padding: 20px;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow)
}

.balance_but-box {
	display: flex;
	gap: 10px;
}

.balance_but-box .btn.button {
	width: 90px;
	text-align: center;
}

.btn.button.but_balance {
	width: 45px;
	height: 45px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #00b973;
	background: #abe4cd !important;
}

.btn.button.but_balance:hover {
	background: var(--back-buttons-color) !important;
	color: #fff
}

.balance_summ {
	color: var(--items-color);
	font-weight: 600;
	font-size: 30px;
}

.transaction_box {
	background: var(--box-background);
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	margin-top: 15px;
	padding: 20px
}

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

.transaction_summ {
	color: var(--items-color);
	font-size: 20px;
}

.transaction_summ.mns {
	color: #ea4c3e;
}

.transaction_info {
	display: flex;
	gap: 8px;
	flex-direction: column;
	color: var(--text-color);
	align-items: flex-start;
}

.transaction_title-info.prefix {
	padding: 3px 10px;
	border-radius: 100px;
	display: inline;
	min-width: auto;
	font-size: 12px;
	margin-top: 5px;
}

.transaction_order-info {
	font-size: 12px;
	color: var(--dark-text-color);
	margin-top: 5px;
}

.transaction_title-info.name {
	color: var(--text-color);
	font-weight: 600;
}

.transaction_title-info.prefix.err {
	color: var(--white-text-color);
	background: #eb5447;
}

.transaction_title-info.prefix.ok {
	color: var(--white-text-color);
	background: var(--items-color);
}

.transaction_title-info.prefix.load {
	color: var(--white-text-color);
	background: #eba039;
}

.transaction_title-info.prefix.udr {
	color: var(--white-text-color);
	background: #858483;
}

.up-flex {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: var(--box-background);
	padding: 20px;
	border-radius: 0 0 10px 10px;
	gap: 10px;
}

.menu {
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
}

.pod_title {
	color: var(--text-color);
}

.breadcrumb-container {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
	margin-bottom: 20px;
}

.breadcrumb-list {
	list-style-type: none;
	padding-left: 0;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 20px 0;
}

.breadcrumb-item {
	position: relative;
}

.breadcrumb-separator {
	color: #ccc;
	padding: 0 5px;
	font-size: 20px;
}

.breadcrumb-link {
	text-decoration: none;
	color: var(--text-color);
	transition: all 0.2s;
}

.breadcrumb-link:hover {
	color: #005d8c;
}

.breadcrumb-active {
	pointer-events: none;
	cursor: default;
	opacity: 0.8;
	color: var(--items-color);
}

.node-info_box {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: flex-end;
}

.node-info_box.adm {
	align-items: flex-start;
}

.category_node-elm {
	display: flex;
	justify-content: space-between;
	padding: 15px 10px;
	position: unset;
	border-bottom: 1px solid #ededed;
	margin-bottom: 5px;
	font-weight: 600;
	align-items: center;
}

.category_node-elm .name_node {
	font-size: 17px
}

.section_node-elm {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	transition: all 0.2s;
	border-radius: 10px;
	cursor: default;
}

.section_node-elm:hover {
	background: #ededed;
	padding-left: 15px
}

.section_node-elm.solutions {
	cursor: pointer;
	color: var(--dark-text-color);
}

.section_node-elm.solutions:hover {
	padding: 10px;
	background: 0;
	color: var(--items-color);
}

.subcategory_node-elm {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}

.subcategory_node-elm .name_node {
	font-weight: 600;
}

.subcategory_node-elm .link-node:hover {
	background: none;
}

.node_box {
	background: var(--box-background);
	padding: 0 20px 20px;
	border-radius: 10px;
	box-shadow: var(--block-box-shadow);
	width: -webkit-fill-available;
}

.node_box.groups {
	padding: 15px 20px;
}

.link-node {
	position: unset;
	padding: 10px;
	color: #005d7b;
	transition: all 0.2s;
	cursor: pointer;
	font-weight: 400;
}

.link-node:hover {
	background: #dedede;
	color: #00b973;
}

.category_node-elm .link-node:hover {
	background: none;
}

.upload-box-images {
    width: 180px;
    height: 110px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px dashed #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.upload-box-images:hover .edit-image-icon {
    opacity: 1;
}

.edit-image-icon {
    position: absolute;
    background: rgb(0 0 0 / 16%);
    color: white;
    padding: 8px 8px;
    border-radius: 5px;
    font-size: 14px;
    opacity: 0;
    transition: 0.3s;
    height: 110px;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#fileInput {
	display: none;
}

.upload-box-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.info_reply {
	font-size: 12px;
	color: #878787;
}

.reply_comment {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.buttons_flex {
	display: flex;
}

.top_margin-but {
	margin-top: 5px;
	gap: 10px;
}

.buttons_flex .btn {
	width: -webkit-fill-available;
	text-align: center;
}

.reply_box.deleted_reply {
	padding: 10px;
	background: #f7f7f7;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.time_reply-manage {
	display: flex;
	align-items: center;
	margin-top: 5px;
	flex-direction: row;
}

.history_time {
	font-size: 13px;
	color: #878787;
	background: #e7e7e7;
	padding: 3px 7px;
	border-radius: 0 5px 5px 0px;
	width: -webkit-fill-available;
}

.history_reply-prefix {
	font-size: 13px;
	padding: 3px 5px;
	border-radius: 5px 0 0 5px;
	min-width: 65px;
	text-align: center;
	position: relative;
}

.history_reply-prefix.create {
	background: #00b97347;
	color: #00b973;
}

.history_reply-prefix.edit {
	background: #eba03947;
	color: #eba039;
}

.history_reply-prefix.del {
	background: #ea4c3e38;
	color: #ea4c3e;
}

.succ_money-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
}

.balance_summ_succ {
	color: var(--text-color);
}

.punct_info-label {
	color: var(--text-color);
}

.valide_summ {
	background: #d6d4d4;
	padding: 3px 10px;
	border-radius: 100px;
	font-size: 13px;
}

.gallery {
    position: relative;
    width: -webkit-fill-available;
    overflow: hidden;
}

.gallery-track {
    display: flex;
    transition: transform 0.3s ease;
}

.gallery-item {
    min-width: 100%;
    user-select: none;
}

.gallery-item img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
}

.gallery-prev, .gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.4);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    user-select: none;
}

.gallery-prev {
	left: 10px;
}

.gallery-next {
	right: 10px;
}

.make-main {
    position: absolute;
    bottom: 4px;
    left: 4px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}

.make-main-new {
    position: absolute;
    bottom: 4px;
    left: 4px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}

.main-badge {
    position: absolute;
    bottom: 4px;
    left: 4px;
    background: #27ae60;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

.new-images-block {
	width: -webkit-fill-available;
}

.ban_image img {
	width: 100px;
	filter: drop-shadow(8px 8px 16px rgb(0 0 0 / 8%));
}

.ban_title_top {
	color: #ea4c3e;
	font-weight: 600;
	font-size: 18px;
}

.ban_desc_bot {
	color: var(--text-color);
	text-align: center;
}

.ban-info_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.plugin_icon, .plugin_icon img {
	width: 55px;
	height: 55px;
	border-radius: 7px;
}

.name_plugin {
	font-weight: 600;
}

.desc_plugin, .version_plugin {
	font-size: 13px;
}

.plugin_flex_bot {
	display: flex;
	gap: 5px;
	align-items: center;
}

.plug_min-link {
	font-size: 13px;
	color: var(--dark-text-color);
	transition: all 0.6s;
}

.plug_min-link:hover {
	color: var(--items-color);
}

.pl_status {
	width: 9px;
	height: 9px;
	position: relative;
	display: inline-block;
	border-radius: 100px;
}

.pl_status.on {
	background: #00b973;
}

.pl_status.off {
	background: #ea4c3e;
}

.flex_st-name_plugin {
	display: flex;
	align-items: center;
	gap: 7px;
}

.flex-link-adm {
	display: flex;
	align-items: center;
	gap: 15px;
}

.but_link-plug {
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	width: 18px;
	transition: all 0.6s;
	cursor: pointer;
}

.but_link-plug:hover {
	color: var(--back-buttons-hover) !important;
}

.but_link-plug.on {
	color: var(--back-buttons-color);
}

.but_link-plug.off {
	color: var(--dark-text-color);
}

.but_link-plug.delete {
	color: var(--dark-text-color);
}

.but_link-plug.edit {
	color: var(--dark-text-color);
}

.oauth_buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}

.image-upload-us {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.image-wrapper-us {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #ddd;
    transition: 0.2s;
}

.image-wrapper-us.header-pr {
	height: 80px;
	width: 200px
}

.image-wrapper-us.background-pr {
	width: 200px;
}

.image-wrapper-us .preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-wrapper-us:hover .edit-icon-us {
    background: rgb(0 0 0 / 66%);
}

.edit-icon-us {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0;
	background: rgb(0 0 0 / 48%);
	color: #fff;
	font-size: 13px;
	padding: 6px 6px;
	pointer-events: none;
	opacity: 0.9;
	transition: 0.2s;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.delete-btn-img-us {
    padding: 0px;
    color: #ea5155;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s;
    background: #ffe5e5;
    padding: 3px 5px;
}

.delete-btn-img-us:hover {
    color: #c0392b;
	background: #eccfcf
}

.sidebar-title.side_sp-icon {
    font-size: 20px;
    transition: transform 0.25s ease;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c9c9c9;
}

.sidebar-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.sidebar-title i {
	transition: transform 0.3s ease;
}

.sidebar-group.active .sidebar-title i {
	display: inline-block;
    transform: rotate(-180deg);
}

.sidebar-group.active .sidebar-title {
	color: var(--items-color);
}

.sidebar-group.active {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
	z-index: 0;
}

.sidebar-group.active::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(238 240 245) 0%, rgb(255 255 255 / 0%) 100%);
    opacity: 0.5;
    transition: all 0.45s;
    pointer-events: none;
	z-index: -1;
}

.sidebar-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
    display: flex;
    flex-direction: column;
}

.sidebar-content a {
    padding: 8px 20px;
    font-size: 13px;
    color: #4b5563;
    text-decoration: none;
    transition: background 0.15s;
}

.no-anim .sidebar-content {
	transition: none !important;
}

.sidebar-content a:hover {
    background: #f3f4f6;
}

.diagram-info {
	box-shadow: var(--block-box-shadow);
	border-radius: 10px;
}

.head_info-dia {
	background: var(--box-background);
	padding: 10px 20px;
	border-radius: 10px 10px 0 0;
	color: var(--dark-text-color);
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #ededed
}

.panel-box-info {
	box-shadow: var(--block-box-shadow);
}

.admin_info-board {
	background: var(--box-background);
	border-radius: 0 0 10px 10px;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.info-title {
	width: 230px
}

.footer_info-dia {
	background: var(--box-background);
	padding: 10px 20px;
	border-radius: 0 0 10px 10px;
	color: var(--dark-text-color);
	text-align: center;
	border-top: 1px solid #ededed
}

.chart {
    position: relative;
    padding: 20px 20px 40px 40px;
    background: var(--box-background);
    border-radius: 0;
    overflow: hidden;
    max-width: -webkit-fill-available;
}

.axis-y {
    position: absolute;
    left: 40px;
    top: 20px;
    bottom: 40px;
    width: 1px;
    background: #ededed;
}

.axis-x {
    position: absolute;
    left: 40px;
    right: 20px;
    bottom: 40px;
    height: 1px;
}

.grid-line {
    position: absolute;
    left: 40px;
    right: 20px;
    height: 1px;
    background: #ededed;
}

.grid-label {
    position: absolute;
    left: 34px;
    transform: translateX(-100%);
    font-size: 11px;
}

.bars {
    display: flex;
    align-items: flex-end;
    gap: 0px;
    height: calc(100% - 60px);
    padding-left: 10px;
    padding-right: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: -15px;
	gap: 3px;
}

.bargot {
    flex: 1 0 auto;
    min-width: 10px;
    display: flex;
    flex-direction: column;
    font-size: 10px;
    align-items: center;
}

.bar-value {
    font-size: 11px;
    margin-bottom: 4px;
}

.bar-inner {
    width: 100%;
    height: 220px;
    max-width: 18px;
    position: relative;
    overflow: hidden;
}

.bar-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--items-color);
    height: 0;
    transition: 0.25s ease;
    border-radius: 6px 6px 0 0;
}

.bar-day {
    margin-top: 4px;
    font-size: 10px;
	color: #b5b5b5;
}

section.flash {
    animation: softGlow 1.2s ease-out;
}

@keyframes softGlow {
    0% {
        filter: drop-shadow(0 0 25px rgb(50 107 123 / 55%));
    }
    100% {
        filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    }
}



@keyframes shift {
	0% { 
		background-color: #eba039;
	}

	50% { 
		background-color: #f8be6f;
	}
	
	100% {
		background-color: #eba039;
	}
}

@media all and (max-width: 1000px) {
	.dropdown-menu {
		min-width: 220px
	}
	
	.dropdown-menu>li>a {
		padding: 0px 10px 0 15px;
		text-decoration: none;
		display: flex;
		float: left;
		width: -webkit-fill-available;
		-webkit-transition: all linear 0.15s;
		border-radius: 5px;
		color: var(--text-color);
		height: 37px;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
	}

	.dropdown-menu>li>a i {
		opacity: 0;
		-webkit-transition: all linear 0.15s;
		width: 20px;
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
	}

	.block_gr {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	.flex_block {
		display: flex;
		flex-direction: column;
	}

	.desc_block, .block_info_license, .block_license {
		max-width: -webkit-fill-available;
		width: -webkit-fill-available;
	}

	.block {
		width: -webkit-fill-available
	}
	
	.category-box img {
		height: 100px;
	}

	.category-box {
		height: 100px;
	}

	.div-category {
		width: 170px !important;
	}

	.category_list {
		gap: 15px;
		justify-content: center;
	}

	.box_title {
		font-size: 19px;
	}

	.right.box_image {
		display: none;
	}

	.name_box {
		font-size: 19px;
	}

	.pod_kat-box, .pod_kat-box div {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.pod_kat-box p {
		text-align: center;
		font-size: 14px;
		width: -webkit-fill-available !important;
		margin: 5px 0;
	}

	.category-name_in_box {
		padding: 10px 15px;
		width: -webkit-fill-available;
		margin-top: -103px;
		font-size: 15px;
		height: 100% !important;
		background: linear-gradient(0deg, rgb(0 0 0 / 80%), rgb(255 255 255 / 0%) 50%);
	}

	.box_title.center.top {
		text-align: center
	}

	.steps_box {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 50px;
	}

	.user-home_ava, .user-home_ava img {
		width: 85px;
		height: 85px;
		border-radius: 10%;
	}
}

@media all and (max-width: 700px) {
	.login-form {
		padding: 27px 25px 25px 25px;
		text-align: center;
		display: flex;
		height: 100%;
		border-radius: 10px;
		width: -webkit-fill-available;
		gap: 10px;
	}

	.login_block {
		width: -webkit-fill-available;
		margin: 0 20px;
	}

	.login {
		width: 100%;
	}

	.login-form-box {
		border-radius: 10px;
		width: -webkit-fill-available;
		min-height: 400px;
	}
}

@media all and (max-width: 750px) {
	.messages_block-home {
		height: calc(100vh - 80px);
		display: flex;
	}

	.home_us.tematic.profile.mes {
		margin-bottom: 0;
	}

	.chat-list.opened {
		min-width: -webkit-fill-available;
		z-index: 2;
		pointer-events: auto;
		border-radius: 10px 10px 0 0;
		transform: translate(0%, 0);
	}

	.preview_user-mes {
		max-width: 270px;
		min-width: 10px;
	}

	.chat_form {
		border-radius: 0px;
		bottom: 0;
		left: 0;
		right: 0;
		position: fixed;
	}

	.chat-list {
		border: 0;
		position: fixed;
		pointer-events: none;
		z-index: 2;
		transition: all 0.3s;
		border: 1px solid #e5e5e5;
		transform: translate(-100%, 0);
		bottom: 0;
		top: 70px;
	}

	.chat_orez {
		z-index: 1;
	}

	.messages_block-home, .chat-list open, .chat_orez {
		height: calc(100vh - 170px) !important;
	}

	.info_box-in-user-chat {
		border-radius: 10px 10px 0 0
	}

	.info_box-in-user-chat .back-to-mes {
		font-size: 19px;
		color: var(--dark-text-color);
		cursor: pointer;
		display: block;
		transition: all 0.2s;
		margin-right: 5px;
	}

	.info_box-in-user-chat .back-to-mes:hover {
		color: var(--back-buttons-color);
	}
}

@media all and (max-width: 950px) {
	.sidebar_menu {
		position: fixed;
		background: #ffffff;
		z-index: 9;
		top: 50px;
		bottom: 0;
		box-shadow: 7px 0px 17px 1px #0000003b;
		display: flex;
		flex-direction: column;
		gap: 5px;
		overflow-y: scroll;
		left: -300px;
	}

	.side_panel_box {
		box-shadow: none;
		margin-top: 10px
	}
	
	.sidebar_menu.mobile {
		display: block;
	}

	.sidebar_menu .sidebar_in_tema.category, .sidebar_menu .sidebar_in_tema {
		box-shadow: none;
		border-radius: 0;
		margin-bottom: 0;
	}

	#nav-icon {
		width: 28px;
		height: 23px;
		position: relative;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		cursor: pointer;
		float: left;
		margin-right: 10px;
	}
	
	#nav-icon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: var(--items-color);
		border-radius: 9px;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: 0.28s ease-in-out;
	}
	
	#nav-icon span:nth-child(1) {
		top: 0px;
	}
	
	#nav-icon span:nth-child(2) {
		top: 10px;
	}
	
	#nav-icon span:nth-child(3) {
		top: 20px;
	}
	
	#nav-icon.open_burger span:nth-child(1) {
		top: 10px;
		transform: rotate(135deg);
		background: var(--dark-text-color);
	}
	
	#nav-icon.open_burger span:nth-child(2) {
		opacity: 0;
		left: -60px;
	}
	
	#nav-icon.open_burger span:nth-child(3) {
		top: 10px;
		transform: rotate(-135deg);
	}

	.head_menu {
		display: none;
	}
}

@media all and (max-width: 1530px) {

	.breadcrumb-list {
		margin-left: 20px;
	}

	.search-line_box {
		padding: 0 10px
	}
}

@media all and (max-width: 1195px) {
	.panel_box-num {
		font-size: 24px
	}
}

@media all and (max-width: 1105px) {
	.work_block {
		max-width: -webkit-fill-available;
	}
	
	.work_desc {
		max-width: 250px;
		font-size: 14px;
	}

	.sidebar_in_tema .link:hover {
		background: #f1f1f1;
		color: var(--dark-text-color);
		text-decoration: none;
		padding: 8px 15px;
	}

	.right.box_image {
		display: none;
	}

	.work.info_block {
		display: flex;
		gap: 15px;
		flex-direction: column;
	}

	.work_sidebar {
		max-width: 100%;
		width: -webkit-fill-available;
	}

	.work_page_image img {
		max-width: 100%;
		width: -webkit-fill-available;
		object-fit: cover;
		/* min-height: 300px; */
	}

	.full-side {
		display: none;
	}

	.mob-side {
		display: block;
		margin: 15px 0;
	}

	.buttons-box.vertical {
		display: flex;
		flex-direction: row;
	}

	.buttons-box.revers {
		width: -webkit-fill-available
	}

	.bottom_cm-but {
		justify-content: center;
	}

}

@media all and (max-width: 645px) {
	.rating_flex.user {
		align-items: center;
		height: 20px;
	}

	.rating_flex.user .only-star {
		height: 19px;
		display: flex;
		align-items: center;
	}

	.nickname {
		font-size: 14px;
	}

	.work_block .nickname {
		max-width: 120px;
		font-size: 14px;
	}

	.info_deal-box {
		width: auto;
	}
	
	.money_block i {
		display: none;
	}
	
	.user-group-work.min {
		display: block;
		background: #005d7b36;
		padding: 2px 5px;
	}

	.user-group-work.full {
		display: none;
	}

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

	.flex_input {
		display: flex;
		gap: 10px;
		flex-direction: column;
		align-items: flex-end;
	}

	.flex_input input[type="submit"] {
		display: inline-block;
		float: right;
	}

	.flex_input input[type="file"] {
		width: -webkit-fill-available
	}

	.punct_settings {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.punct_settings, .punct_settings.bot {
		margin: 0
	}

	.label-punct {
		display: flex;
		justify-content: flex-start;
	}

	#searchpol {
		font-size: 14px;
	}

	#search-but-set {
		height: 35px;
	}

	.work-us-name {
		max-width: 250px;
		min-width: 10px;
		overflow: hidden;
	}

	.work-us-desc {
		white-space: nowrap;
		max-width: 250px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		position: relative;
		width:-webkit-fill-available;
	}

	.desc_settings {
		color: var(--text-color);
		font-size: 14px;
		margin-bottom: 0px;
		margin-top: -15px;
	}
	
	.user_profile-ava img {
		width: 100px;
		height: 100px;
	}

	.username_us {
		font-size: 18px;
	}

	.user_profile {
		padding: 15px;
	}
	
	.head_user_back {
		height: 120px;
	}
	
	.work_pay_box {
		width: -webkit-fill-available
	}

	.site_logo {
		background-image: url('../images/logotype.png');
		width: 40px;
		height: 40px;
	}
	
	.work_desc {
		padding: 15px 15px 0px 15px;
		max-width: -webkit-fill-available;
		border: 0;
	}
	
	.work_desc span {
		height: 34px;
		font-size: 14px;
	}
	
	.work_info {
		max-width: -webkit-fill-available;
		border-left: 1px solid #e5e5e5;
		border-radius: 0;
	}

	.all_in_rating {
		gap: 0;
	}
	
	.user-group {
		margin: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		position: relative;
		display: block;
		min-width: 65px;
	}
	
	.user-box-name-group {
		display: flex;
		gap: 5px;
		flex-direction: row;
	}
	
	.box_ava-info {
		gap: 0;
		width: -webkit-fill-available;
	}

	.box_ava-info .avatar {
		/* display: none; */
	}

	.work_block .box_ava-info .avatar {
		display: none;
	}

	.avatar img {
		display: none;
	}
	
	.work_block {
		display: flex;
		flex-direction: row;
		width: -webkit-fill-available;
		border-radius: 10px;
		overflow: hidden;
	}

	.but_in-cena {
		display: flex;
		flex-direction: row;
		padding: 0 15px;
		align-items: center;
		justify-content: space-between;
	}

	.work_image {
		height: 132px;
		width: 50px;
		max-width: 150px;
		min-width: 150px;
	}

	.work_image img {
		max-width: 150px;
		border-radius: 10px 0 0 10px;
		height: 100%;
		object-fit: cover;
	}
	
	.desc-text {
		font-size: 14px;
	}

	.cena {
		left: auto;
	}

	.but_in-cena .btn.button {
		right: 20px;
	}

	.image_login {
		display: none;
	}

	.only-star {
		height: 17px;
		display: flex;
		align-items: center;
	}

	.full-star, .half-star {
		display: none;
	}

	.user_info-work-box.box {
		width: -webkit-fill-available;
	}

	.preview-item {
		position: relative;
		width: 100px;
		height: 100px;
	}

	.add-images-block {
		width: 100px;
		height: 100px;
		font-size: 13px;
	}

	.preview-box {
		display: flex;
		justify-content: space-evenly;
	}

	.work_info-in-user {
		border: 0;
	}

}

@media all and (max-width: 530px) {
	.prof_flex {
		display: flex;
		gap: 10px;
		flex-direction: column;
		align-content: flex-end;
		align-items: flex-end;
	}

	.prof_flex .btn {
		width: -webkit-fill-available;
		text-align: center;
		margin-top: 10px
	}
}