Просмотр архива скрипт ФриЛенсера ДЕМО Дерьмо (Рукожопная Версия)

: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;
}

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;
}

::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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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
{
	margin: 30px 0;
	font-size: 25px;
	color:
var(--dark-text-color);
	font-weight: 600;
}

.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
}

.back_home_us {
	background:
#009fff0a;
	background:
linear-gradient(0deg,rgba(69,126,219,.06),rgba(69,126,219,.06)),rgb(67 159
254 / 4%);
}

.steps_box {
	display: flex;
	justify-content:
space-between;
	padding: 100px 20px;
	text-align:
center;
}

.steps_item {
	max-width: 300px;
	display:
flex;
	flex-direction: column;
	align-items: center;
	gap:
20px;
}

.side_block .steps.box_title {
	font-size:
16px
}

.steps.box_title {
	font-size: 20px;
	margin: 10px
0
}

.steps_description {
	color: var(--text-color)
}

.steps_image
{
	width: 100px;
	box-shadow: 0px 12px 17px 1px #c3ddf3;
	border-radius:
100px;
	outline: 1px solid #3b88c0;
	height: 100px;
	display:
flex;
	align-items: center;
	justify-content: center;
	font-size:
30px;
	background: #ffffff69;
	color: #448dc3;
}

.steps_image i,
.steps_image i:before {
	margin: 0 !important;
	padding: 0
!important;
	font-size: 40px !important;
	position: relative;
	display:
flex;
	align-items: center;
	justify-content: center;
	width: 60px
!important;
	left: 0;
	right: 0;
	margin-left: 1px
!important;
}

.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;
}

.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:
15px;
	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: 280px
!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;
}

@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;
	}
	
	.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;
		margin: 20px 0
	}

	.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) {
	.box_title {
		margin-left:
20px
	}

	.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
	}
}