* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


html {
	overflow-x: clip;
	scroll-behavior: smooth;
	font-size: 16px;
	margin: 0 !important;
}

/* html.loading{
	opacity: .5;
} */


body {
	font-family: 'Montserrat', sans-serif;
	font-variation-settings: 'wght' 500;
	background-color: #FFF;
	line-height: normal;
	overflow-x: clip;
	color: #001C1D;
	line-height: normal;
	position: relative;
	scrollbar-gutter: stable;
	min-height: 100vh;

}

/* input[type="text"]:focus-visible {
	outline: none !important;
} */

button:focus-visible,
button:focus {
	outline: none !important;
}

dialog:focus,
dialog:focus-visible {
	outline: none !important;
}


#wpadminbar {
	display: none !important;
}

.font-300 {
	font-variation-settings: 'wght' 300;
}

.font-400 {
	font-variation-settings: 'wght' 400;
}


.font-500 {
	font-variation-settings: 'wght' 500;
}

.font-600 {
	font-variation-settings: 'wght' 600;
}

.font-700 {
	font-variation-settings: 'wght' 700;
}

.font-800 {
	font-variation-settings: 'wght' 800;
}

.font-900 {
	font-variation-settings: 'wght' 800;
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}

.flex-wrap {
	flex-wrap: wrap;
}

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

.align-center {
	align-items: center;
}

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

.space-between {
	justify-content: space-between;
}


input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
	outline: none !important;
}


a:hover {
	text-decoration: none;
}


main.login-page {
	display: flex;
	/* align-items: center; */
	justify-content: center;
	min-height: 100vh;
}

.login-form-container {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	gap: 30px;

}

.logo-block {
	padding: 45px 0 35px 0;
	border-radius: 20px;
	background: #2F4F4F;
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo-block>img {
	height: 80px;
	width: auto;
}


.form-title {
	display: inline-block;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
	font-size: 28px;
}



#custom-login-form,
#recover-form,
#reset-password-form,
#reset-success {
	min-width: 645px;
	padding: 35px 40px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(42, 122, 113, 0.10);
	max-width: 645px;
}

#custom-login-form.loading {}

#recover-form {
	min-width: 645px;
	padding: 20px 40px 35px 40px;

}

#back_to_login {
	display: flex;
	align-items: center;
	gap: 5px;
	background: none;
	border: none;
}

#back_to_login span {
	display: flex;
	color: #2F4F4F;
}


#reset-password-form .form-title~p {
	max-width: 60%;
}


#reset-info {
	color: #DF1515;
	font-size: 22px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}


.form-title {


	font-size: 28px;
	justify-content: center;
	align-items: center;
	max-width: 80%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
	display: flex;
}

#recover-form input[type="text"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	color: #305260;
	transition: .2s;
	font-variation-settings: 'wght' 500;
	width: 100%;
	margin-bottom: 15px;
}





#recover-form input[type="text"]::placeholder {
	color: #305260;
	font-size: 16px;
	transition: .2s;
}


#recover-form input[type="text"]:focus {
	outline: none !important;
}

#recover-form input[type="text"]:focus::placeholder {
	opacity: 0 !important;
}

#recover-form .pretty_btn {
	width: 100%;
}


#reset-password-form input.input-error {
	border: 1px solid #DF1515 !important;
}




#reset-password-form input[type="password"],
#reset-password-form input[type="text"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	color: #305260;
	transition: .2s;
	font-variation-settings: 'wght' 500;
	width: 100%;
}

#reset-password-form input[type="password"]::placeholder,
#reset-password-form input[type="text"]::placeholder {
	color: #305260;
	font-size: 16px;
	transition: .2s;
}


#reset-password-form input[type="password"]:focus,
#reset-password-form input[type="text"]:focus {
	outline: none !important;
}

#reset-password-form input[type="password"]:focus::placeholder,
#reset-password-form input[type="text"]:focus::placeholder {
	opacity: 0 !important;
}

#reset-password-form .pretty_btn {
	width: 100%;
}










#recover-timer {
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 13%;
	text-underline-offset: 17.5%;
	text-underline-position: from-font;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 15px;
}

#wrong_email_button {
	display: inline-block;
	margin: 0 auto;
	justify-content: center;
	display: flex;
	background: transparent;
	border: none;
	color: #2F4F4F;
}

#recover-form .pretty_btn:disabled {
	background: #98BDB9 !important;
	border-color: #98BDB9;
	pointer-events: none;
}




.no_found_user_title {
	display: none;
	color: #DF1515;
	font-size: 22px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.no_found_user .no_found_user_title {
	display: inline-block;
}

.no_found_user .form-title {
	margin-bottom: 20px;
}


.forgot-password {
	margin-bottom: 0 !important;
}

#open-recover {
	color: #305260;
	background: transparent;
	border: none;
	width: fit-content !important;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	display: flex;
}



#recover-form {
	display: none;
}



#custom-login-form {
	display: none;
}


@keyframes fadeSlideIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

#recover-form.active,
#custom-login-form.active,
#reset-password-form,
#reset-success {
	animation: fadeSlideIn 0.2s ease;
	display: block;
}



.login-text-input {
	position: relative;
	margin-bottom: 15px;
}

.login-text-input label {
	position: absolute;
	left: 20px;
	top: 50%;
	color: #305260;
	transition: .2s;
	transform: translate(0, -50%);
	font-size: 16px;
	background-color: #fff;
	font-weight: normal;
	cursor: auto;
}



.login-text-input input[type="text"]::placeholder,
.login-text-input input[type="password"]::placeholder {
	color: #305260;
	font-size: 16px;
	transition: .2s;
}





.login-loader {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #305260;
	font-weight: 500;
	margin-top: 10px;
}

.login-loader .spinner {
	width: 20px;
	height: 20px;
	border: 2px solid #305260;
	border-top: 2px solid transparent;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


@keyframes shake {
	0% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-5px);
	}

	50% {
		transform: translateX(5px);
	}

	75% {
		transform: translateX(-5px);
	}

	100% {
		transform: translateX(0);
	}
}


#custom-login-form .login-text-input .wrong_password {
	border: 1px solid #DF1515;
	animation: shake 0.2s ease;
	color: #DF1515;

}


.login-text-input input[type="text"]:focus,
.login-text-input input[type="password"]:focus {
	color: #305260 !important;
	border: 1px solid #305260 !important;

}


.login-text-input input[type="text"]:focus,
.login-text-input input[type="password"]:focus {
	outline: none !important;
}



.wrong_password_notification {
	position: absolute;
	top: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='177' height='42' viewBox='0 0 177 42' fill='none'%3E%3Cmask id='path-1-inside-1_1727_7957' fill='white'%3E%3Cpath d='M87.5859 0.585266C88.3669 -0.195085 89.6331 -0.195085 90.4141 0.585266L92.9791 3.14818C95.8689 6.03569 97.3138 7.47945 99.1507 8.23988C100.988 9.00031 103.03 9.00031 107.115 9.00031H160.5C166.573 9.00031 169.609 8.99991 171.886 10.2747C173.495 11.1758 174.823 12.5046 175.725 14.1136C177 16.3903 177 19.4273 177 25.5003C177 31.573 177 34.6094 175.725 36.886C174.823 38.4951 173.495 39.8238 171.886 40.7249C169.609 41.9997 166.573 42.0003 160.5 42.0003H16.5C10.4274 42.0003 7.39096 41.9997 5.11426 40.7249C3.50523 39.8238 2.17652 38.4951 1.27539 36.886C0.000384893 34.6094 9.12263e-10 31.573 0 25.5003C0 19.4273 0.000350787 16.3903 1.27539 14.1136C2.17652 12.5046 3.50523 11.1758 5.11426 10.2747C7.39096 8.99991 10.4274 9.00031 16.5 9.00031H70.8846C74.9698 9.00031 77.0124 9.00031 78.8493 8.23988C80.6862 7.47945 82.1311 6.03569 85.0209 3.14818L87.5859 0.585266Z'/%3E%3C/mask%3E%3Cpath d='M87.5859 0.585266C88.3669 -0.195085 89.6331 -0.195085 90.4141 0.585266L92.9791 3.14818C95.8689 6.03569 97.3138 7.47945 99.1507 8.23988C100.988 9.00031 103.03 9.00031 107.115 9.00031H160.5C166.573 9.00031 169.609 8.99991 171.886 10.2747C173.495 11.1758 174.823 12.5046 175.725 14.1136C177 16.3903 177 19.4273 177 25.5003C177 31.573 177 34.6094 175.725 36.886C174.823 38.4951 173.495 39.8238 171.886 40.7249C169.609 41.9997 166.573 42.0003 160.5 42.0003H16.5C10.4274 42.0003 7.39096 41.9997 5.11426 40.7249C3.50523 39.8238 2.17652 38.4951 1.27539 36.886C0.000384893 34.6094 9.12263e-10 31.573 0 25.5003C0 19.4273 0.000350787 16.3903 1.27539 14.1136C2.17652 12.5046 3.50523 11.1758 5.11426 10.2747C7.39096 8.99991 10.4274 9.00031 16.5 9.00031H70.8846C74.9698 9.00031 77.0124 9.00031 78.8493 8.23988C80.6862 7.47945 82.1311 6.03569 85.0209 3.14818L87.5859 0.585266Z' fill='white'/%3E%3Cpath d='M87.5859 0.585266L88.2928 1.29266L88.2928 1.29263L87.5859 0.585266ZM90.4141 0.585266L89.7072 1.29263L89.7072 1.29266L90.4141 0.585266ZM160.5 9.00031V8.00031V9.00031ZM171.886 10.2747L172.374 9.40222L172.374 9.40219L171.886 10.2747ZM175.725 14.1136L176.597 13.625L176.597 13.6249L175.725 14.1136ZM177 25.5003H178H177ZM175.725 36.886L176.597 37.3747L176.597 37.3747L175.725 36.886ZM171.886 40.7249L172.374 41.5974L172.374 41.5974L171.886 40.7249ZM16.5 42.0003V43.0003V42.0003ZM5.11426 40.7249L4.62564 41.5974L4.6257 41.5974L5.11426 40.7249ZM1.27539 36.886L0.402895 37.3747L0.402904 37.3747L1.27539 36.886ZM0 25.5003H-1H0ZM1.27539 14.1136L0.402904 13.6249L0.402895 13.625L1.27539 14.1136ZM5.11426 10.2747L4.6257 9.40219L4.62564 9.40222L5.11426 10.2747ZM85.0209 3.14818L85.7278 3.85558L85.0209 3.14818ZM78.8493 8.23988L79.2318 9.16383L78.8493 8.23988ZM92.9791 3.14818L92.2722 3.85557L92.9791 3.14818ZM99.1507 8.23988L99.5332 7.31592L99.1507 8.23988ZM87.5859 0.585266L88.2928 1.29263C88.6833 0.902459 89.3167 0.902459 89.7072 1.29263L90.4141 0.585266L91.1209 -0.122102C89.9495 -1.29263 88.0505 -1.29263 86.8791 -0.122102L87.5859 0.585266ZM90.4141 0.585266L89.7072 1.29266L92.2722 3.85557L92.9791 3.14818L93.6859 2.44079L91.1209 -0.122128L90.4141 0.585266ZM107.115 9.00031V10.0003H160.5V9.00031V8.00031H107.115V9.00031ZM160.5 9.00031V10.0003C163.554 10.0003 165.78 10.0011 167.528 10.1556C169.264 10.3089 170.433 10.6075 171.397 11.1472L171.886 10.2747L172.374 9.40219C171.061 8.6671 169.575 8.32855 167.704 8.16334C165.847 7.9993 163.518 8.00031 160.5 8.00031V9.00031ZM171.886 10.2747L171.397 11.1472C172.845 11.9582 174.041 13.1541 174.852 14.6022L175.725 14.1136L176.597 13.6249C175.606 11.8551 174.144 10.3934 172.374 9.40222L171.886 10.2747ZM175.725 14.1136L174.852 14.6022C175.392 15.5662 175.691 16.736 175.844 18.4715C175.999 20.2202 176 22.4459 176 25.5003H177H178C178 22.4817 178.001 20.1525 177.837 18.2953C177.671 16.4248 177.332 14.9378 176.597 13.625L175.725 14.1136ZM177 25.5003H176C176 28.5545 175.999 30.7801 175.844 32.5285C175.691 34.2638 175.392 35.4335 174.852 36.3974L175.725 36.886L176.597 37.3747C177.332 36.0619 177.671 34.575 177.837 32.7048C178.001 30.8477 178 28.5187 178 25.5003H177ZM175.725 36.886L174.852 36.3974C174.041 37.8455 172.845 39.0414 171.397 39.8524L171.886 40.7249L172.374 41.5974C174.144 40.6062 175.606 39.1446 176.597 37.3747L175.725 36.886ZM171.886 40.7249L171.397 39.8524C170.433 40.3922 169.264 40.691 167.528 40.8446C165.78 40.9992 163.554 41.0003 160.5 41.0003V42.0003V43.0003C163.518 43.0003 165.847 43.0011 167.704 42.8368C169.575 42.6713 171.062 42.3325 172.374 41.5974L171.886 40.7249ZM160.5 42.0003V41.0003H16.5V42.0003V43.0003H160.5V42.0003ZM16.5 42.0003V41.0003C13.4458 41.0003 11.2203 40.9992 9.47179 40.8446C7.73649 40.691 6.5668 40.3922 5.60282 39.8524L5.11426 40.7249L4.6257 41.5974C5.93841 42.3325 7.42529 42.6713 9.29554 42.8368C11.1526 43.0011 13.4816 43.0003 16.5 43.0003V42.0003ZM5.11426 40.7249L5.60288 39.8524C4.15477 39.0414 2.9589 37.8455 2.14788 36.3974L1.27539 36.886L0.402904 37.3747C1.39413 39.1446 2.85569 40.6062 4.62564 41.5974L5.11426 40.7249ZM1.27539 36.886L2.14789 36.3974C1.60805 35.4335 1.30918 34.2638 1.15568 32.5285C1.00101 30.7801 1 28.5545 1 25.5003H0H-1C-1 28.5187 -1.00082 30.8477 -0.836542 32.7048C-0.671101 34.575 -0.332275 36.0619 0.402895 37.3747L1.27539 36.886ZM0 25.5003H1C1 22.4459 1.001 20.2202 1.15567 18.4715C1.30917 16.736 1.60804 15.5662 2.14789 14.6022L1.27539 14.1136L0.402895 13.625C-0.332303 14.9378 -0.671122 16.4248 -0.836556 18.2953C-1.00082 20.1525 -1 22.4817 -1 25.5003H0ZM1.27539 14.1136L2.14788 14.6022C2.9589 13.1541 4.15478 11.9582 5.60288 11.1472L5.11426 10.2747L4.62564 9.40222C2.85569 10.3934 1.39413 11.8551 0.402904 13.6249L1.27539 14.1136ZM5.11426 10.2747L5.60282 11.1472C6.56671 10.6075 7.73632 10.3089 9.47166 10.1556C11.2202 10.0011 13.4457 10.0003 16.5 10.0003V9.00031V8.00031C13.4817 8.00031 11.1527 7.9993 9.29567 8.16334C7.42547 8.32855 5.93851 8.6671 4.6257 9.40219L5.11426 10.2747ZM16.5 9.00031V10.0003H70.8846V9.00031V8.00031H16.5V9.00031ZM85.0209 3.14818L85.7278 3.85558L88.2928 1.29266L87.5859 0.585266L86.8791 -0.122128L84.3141 2.44079L85.0209 3.14818ZM70.8846 9.00031V10.0003C74.8882 10.0003 77.1685 10.018 79.2318 9.16383L78.8493 8.23988L78.4668 7.31592C76.8563 7.98262 75.0513 8.00031 70.8846 8.00031V9.00031ZM85.0209 3.14818L84.3141 2.44079C81.3666 5.38594 80.0773 6.64922 78.4668 7.31592L78.8493 8.23988L79.2318 9.16383C81.2951 8.30968 82.8956 6.68545 85.7278 3.85558L85.0209 3.14818ZM92.9791 3.14818L92.2722 3.85557C95.1044 6.68545 96.7049 8.30968 98.7682 9.16383L99.1507 8.23988L99.5332 7.31592C97.9227 6.64922 96.6334 5.38594 93.6859 2.44079L92.9791 3.14818ZM107.115 9.00031V8.00031C102.949 8.00031 101.144 7.98262 99.5332 7.31592L99.1507 8.23988L98.7682 9.16383C100.832 10.018 103.112 10.0003 107.115 10.0003V9.00031Z' fill='%23DF1515' mask='url(%23path-1-inside-1_1727_7957)'/%3E%3C/svg%3E");
	right: 55px;
	background-size: contain;
	padding: 17px 20px 8px 20px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #DF1515;
	display: none;
}

.login-text-input:has(.wrong_password) .wrong_password_notification {
	display: inline;
}

.login-text-input:has(input[type="text"]:focus, input[type="password"]:focus) .wrong_password_notification {
	display: none;
}



#custom-login-form .login-text-input input[type="password"].wrong_password::placeholder {
	color: #DF1515 !important;
}

#custom-login-form .login-text-input input[type="password"]:focus.wrong_password::placeholder {
	color: #305260 !important;
}



#show-password,
.toggle-password {
	position: absolute;
	width: auto;
	background: transparent;
	border: none;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
	width: auto !important;
}

#user_pass~button svg.is_hidden {
	display: none;
}

#user_pass~button svg.is_shown {
	display: block;
}

#user_pass.is_shown~button svg.is_hidden {
	display: block;
}

#user_pass.is_shown~button svg.is_shown {
	display: none;
}




.toggle-password {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.toggle-password svg {
	width: 24px;
	height: 24px;
	transition: opacity 0.2s ease;
	pointer-events: none;
	display: none;
}

.toggle-password .show-eye {
	display: block;
}






p.remember_me {
	margin-bottom: 15px;
}

#custom-login-form input[type="text"],
#custom-login-form input[type="password"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	color: #305260;
	transition: .2s;
	font-variation-settings: 'wght' 500;
	width: 100%;
}




#custom-login-form label:has(input[name="rememberme"]) {
	font-size: 16px;
	width: 100%;
	align-content: center;
	display: flex;
	margin: 0;
	gap: 7px;
	font-weight: normal;
}

input[name="rememberme"] {
	appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	position: relative;
	border: 1px solid #305260;
	border-radius: 5px;
	transition: .2s;
	margin: 0;


}

input[name="rememberme"]:focus-visible,
input[name="rememberme"]:focus {
	outline: none;
}

input[name="rememberme"]::before {
	background-color: #305260;
	transition: .2s;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.07437 11.6772H6.06917C6.03568 11.6765 6.00266 11.669 5.97212 11.6553C5.94158 11.6415 5.91413 11.6217 5.89144 11.597L1.20308 6.49907C1.16409 6.45669 1.14103 6.40208 1.13783 6.34457C1.13464 6.28707 1.15152 6.23024 1.18558 6.1838C1.21965 6.13737 1.26877 6.1042 1.32457 6.08994C1.38037 6.07567 1.43938 6.08121 1.49155 6.1056L5.78261 8.11481C5.8187 8.13177 5.86136 8.12357 5.88898 8.09485L12.4345 1.25372C12.5231 1.16103 12.668 1.15091 12.7687 1.23075C12.8693 1.3106 12.8925 1.45388 12.8223 1.56134L6.31116 11.5358C6.30187 11.5503 6.29093 11.5634 6.2789 11.5757L6.25019 11.6044C6.20346 11.6509 6.14027 11.677 6.07437 11.6772Z' fill='white'/%3E%3C/svg%3E");
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	border-color: #305260;
	border-radius: 5px;
	opacity: 0;
	transition: .2s;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

input[name="rememberme"]:checked::before {
	transition: .2s;
	opacity: 1;

}

input[name="rememberme"]:checked {
	border: none;
	transition: .2s;
}


#custom-login-form a {
	font-size: 16px;
	color: #2F4F4F;
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: inline-block;
}

#custom-login-form a:hover {
	text-decoration: underline;
}

#custom-login-form button {
	width: 100%;
}

#custom-login-form p:last-child {
	margin: 0;
}

#custom-login-form p {
	margin-bottom: 15px;
}

p.forgot_password {
	margin-bottom: 0 !important;
}

.pretty_btn {
	padding: 1rem 1.25rem;
	border: 1px solid #305260;
	border-radius: 20px;
	color: #fff;
	background-color: #305260;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	gap: 15px;
	align-items: center;
	height: 54px;
}

.pretty_btn:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(1) scaleX(1.25);
	top: 100%;
	width: 140%;
	height: 180%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	display: block;
	transition: .2s;
}

.pretty_btn:after {
	content: "";
	position: absolute;
	left: 55%;
	transform: translateX(-50%) scaleY(1) scaleX(1.45);
	top: 180%;
	width: 160%;
	height: 190%;
	background-color: #2F4F4F;
	border-radius: 50%;
	display: block;
	transition: .2s;
}

.pretty_btn:hover {
	color: #ffffff;
	border: 1px solid #305260;
}

.pretty_btn:hover:before {
	top: -35%;
	background-color: #2F4F4F;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.pretty_btn:hover:after {
	top: -45%;
	background-color: #2F4F4F;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.pretty_btn.transparent {
	background-color: transparent;
	color: #305260;
}

.pretty_btn.transparent:hover span {
	color: #fff;
	transition: .2s;
}

.pretty_btn.transparent:hover:before {
	background-color: #305260;
}

.pretty_btn.transparent:hover::after {
	background-color: #305260;
}

.pretty_btn span {
	transition: .2s;
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 20px;
}

.pretty_btn svg {
	position: relative;
	z-index: 1;
}

.pretty_btn svg rect {
	transition: .2s;
}

.pretty_btn svg path {
	transition: .2s;
}

.pretty_btn:hover span {
	color: #fff;
	transition: .2s;
}

.pretty_btn:hover svg rect {
	fill: #fff;
	transition: .2s;
}

.pretty_btn:hover svg path {
	fill: #fff;
	transition: .2s;
}

.pretty_btn.white {
	background-color: #fff;
	border-color: #fff;
}

.pretty_btn.white span {
	color: #305260;
}

.pretty_btn.white:hover {
	border-color: #2F4F4F;
}

.pretty_btn.white:hover span {
	color: #fff;
	transition: .2s;
}

.pretty_btn.white:hover:before {
	background-color: #305260;
}

.pretty_btn.white:hover::after {
	background-color: #305260;
}


.pretty_btn:focus span {
	color: #fff;
}

/*
header {
    position: relative;
    width: 100%;
    background: #C2CFE0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    border-bottom: 1px solid #ebeff2;
} */

#sidebar {
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(4px);
	min-width: 300px;
	width: calc(16.6% - 10px);
	height: calc(100vh - 40px);
	padding-top: 20px;
	overflow: hidden;
	padding-bottom: 0px;
}

.sidebar-menu {
	max-height: 100%;
	overflow: hidden;

}

.menu-main-menu-container {
	height: 100%;
	overflow: auto;
}

.menu-main-menu-container::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.menu-main-menu-container::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.menu-main-menu-container::-webkit-scrollbar {
	width: 12px;
}



.user-avatar {
	border-radius: 15px 0 0 15px;
	padding: 20px 15px 17px 15px;
	width: calc(100% - 20px);
	margin-left: auto;
	/* margin-bottom: 15px; */
	gap: 15px;
	position: relative;
}

.user-avatar a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}

.user-avatar:not(.user-avatar.current-menu-item):hover::before {

	width: 100%;

}

.user-avatar:not(.user-avatar.current-menu-item)::before {
	content: '';
	width: 0;
	height: 100%;
	border-radius: 15px 0 0 15px;
	background: #fff;
	top: 0;
	right: 0px;
	position: absolute;
	transition: .2s;
}


.user-avatar svg {
	position: relative;
	z-index: 1;
}

.user-avatar.current-menu-item {
	background: #305260;
	transition: .2s;
}

.user-avatar img {
	width: 36px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	object-fit: cover;
	background: #fff;
}

.user-text {
	gap: 3px;
	position: relative;
	z-index: 1;
}

.user-name {
	color: #305260;
	font-size: 20px;
	line-height: 120%;
}


.user-email {
	line-height: 120%;
}


.user-avatar.current-menu-item .user-email {
	color: #fff;
}


.user-avatar.current-menu-item .user-name {
	color: #fff;
}


.user-avatar.current-menu-item svg path {
	fill: #fff;
}


#menu-main-menu {
	list-style: none;
	margin: 0;
}

#menu-main-menu li {
	padding: 15px 33px;
	position: relative;
	overflow: hidden;

}

#menu-main-menu li>a {
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	z-index: 1;
}

#menu-main-menu li>a>span {
	color: #001C1D;
	font-size: 18px;
	line-height: normal;
}


#menu-main-menu li>a>img {
	width: 40px !important;
	background-color: #fff;
	border-radius: 50%;
	height: 40px !important;
}

#menu-main-menu li:last-child {
	border-bottom: 1px solid #F1F7F4;
}

#menu-main-menu li.current-menu-item::before {
	content: '';
	width: calc(100% - 20px);
	height: 100%;
	border-radius: 15px 0 0 15px;
	background: #305260;
	top: 0;
	right: 0;
	position: absolute;
}

#menu-main-menu li:not(#menu-main-menu li.current-menu-item)::before {
	content: '';
	width: 0px;
	height: 100%;
	border-radius: 15px 0 0 15px;
	background: #fff;
	top: 0;
	right: 0;
	position: absolute;
	transition: .2s;
}

#menu-main-menu li:not(#menu-main-menu li.current-menu-item):hover::before {
	width: calc(100% - 20px);
}

#menu-main-menu li:hover a {
	text-decoration: none;
}


/* #menu-main-menu li:first-child::after{
	border-top: none;
} */



#menu-main-menu li.current-menu-item>a>span {
	color: #fff;
}

#menu-main-menu li.current-menu-item>a>img {
	background-color: transparent;
	filter: brightness(99);
}



#menu-main-menu li::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	/* border-bottom: 1px solid #F1F7F4; */
	border-top: 1px solid #F1F7F4;
	left: 0;
	top: 0;
}


#menu-main-menu li.current-menu-item::after {
	content: '';
	top: -1px;
}

#menu-main-menu li:first-child::after {
	border-top: none;
}

/* #menu-main-menu li:last-child::after{
	content: none;

} */


#menu-main-menu li.current-menu-item+li::after {
	content: '';
	top: -1px;
}


.header-logo {
	max-width: 300px;
	margin-left: auto;
	position: relative;
}

.header-logo a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.header-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#main {
	display: flex;
	padding: 20px;
	gap: 20px;
}

#workspace {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: calc(100vh - 40px);
	max-width: 100%;
	min-width: calc(100% - 320px);

}

#main-screen {
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(4px);
	overflow: hidden;
	height: 100%;
}

.main-screen-body {
	height: 100%;
	border-radius: 20px;
}




.table-scroll-body {
	height: 100%;
	overflow-y: auto;
}

#full-mail-form {
	height: 100%;
}






#full-mail-form .table-scroll-body::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


#full-mail-form .table-scroll-body::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;

}

#full-mail-form .table-scroll-body::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

search .pretty_btn {
	padding: 14px 40px;
}

search {
	width: 100%;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(4px);
	position: relative;
	z-index: 1;
	padding: 10px 30px 10px 10px;
	gap: 10px;
}

search>form {
	position: relative;
	z-index: 1;
}

search>form input[type="text"] {
	width: 425px;
	border: none;
	padding: 14px 15px 14px 65px;
	border-radius: 20px;
	border: 1px solid #305260;
	color: #305260;
	font-size: 20px;
}

search>form input[type="text"]::placeholder {
	color: #305260;
	font-size: 20px;
}

search>form label {
	position: relative;
	margin: 0;
}

search>form label svg {
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}

search form input[type="text"]:focus,
search form input[type="text"]:focus-visible {
	outline: 2px solid #305260;
}

#search-results {
	position: absolute;
	left: 0;
	background: #fff;
	padding: 15px;
	z-index: 5;
	backdrop-filter: blur(10px);
	border-radius: 15px;
	top: calc(100% + 10px);
	width: 100%;
	flex-direction: column;
	list-style: none;
	gap: 10px;
}

#search-results li a {
	color: #000;
}

.request-filter {
	margin-bottom: 0;
	position: relative;
	z-index: 3;
}

#edit-request {
	gap: 7px;
	background: transparent;
	border: none;
}

#delete-request {
	gap: 7px;
	background: transparent;
	border: none;
}

#edit-request.disabled {
	opacity: .4;
}

#delete-request.disabled {
	opacity: .4;
}

#edit-request span {
	font-size: 18px;
}

#delete-request span {
	font-size: 18px;
}

.request-list {
	width: 100%;
}

.post-list .pretty_btn {
	margin: 0 auto;
	display: none;
	margin-top: 30px;
}

.post-list .pretty_btn.shown {
	display: flex;
}

.post-list .pretty_btn.loading {
	display: none;
}


#request-list {
	height: 100%;
}


.main-screen-top-request {
	gap: 30px;
	padding: 30px;
}

.main-screen-top-request .pretty_btn {
	display: none;
}

.main-screen-top-request>div:first-child {
	gap: 25px;
}

.request-filter form {
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.request-filter form fieldset {
	position: relative;
}


.request-filter form fieldset span {
	color: #2F4F4F;
	font-variation-settings: 'wght' 700;
	display: block;
	margin-bottom: 7px;
	border-radius: 20px;
	border-bottom: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	margin: 0;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	/* min-width: 360px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.request-filter form fieldset span b {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M14 1.5L7.5 6.5L1 1.5' stroke='%23305260' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	width: 15px;
	height: 8px;
	transition: .2s;
}

.request-filter form fieldset.open span b {
	transform: rotate(-180deg);
	transition: .2s;

}

.request-filter form legend {
	font-size: 18px;
	color: #2F4F4F;
	border: none;
	margin-bottom: 10px;
}

.request-filter form fieldset ul {
	max-height: 300px;
	overflow: auto;
	margin: 0;
}



.request-filter form fieldset ul li {
	position: relative;
	transition: .2s;
	font-size: 16px;
}

.request-filter form fieldset ul li label {
	transition: .2s;
	margin-bottom: 0;
	font-weight: normal;
	padding: 15px 20px;
	width: 100%;
}

.request-filter form fieldset ul li label::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.request-filter form fieldset ul li:hover label {
	background-color: #ededed;
}

.request-filter form fieldset .filter-item-content {
	position: absolute;
	width: 100%;
	top: calc(100% + 30px);
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 20px 0 rgba(42, 122, 113, .07);
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	max-height: 300px;
	z-index: 2;
	transition: .2s;
}

.request-filter form fieldset.open .filter-item-content {
	opacity: 1;
	pointer-events: all;
	top: calc(100% + 10px);
}


.request-filter form fieldset ul li input {
	appearance: none;
	position: absolute;
}

.request-filter form fieldset ul li input:checked+label {
	color: #2F4F4F;
	font-variation-settings: 'wght' 700;
	transition: .2s;
	background-color: #F1F7F4;
}


.range-filter-item {
	color: #2F4F4F;
	font-variation-settings: 'wght' 700;
	display: block;
	margin-bottom: 7px;
	border-radius: 20px;
	border-bottom: 1px solid #305260;
	background: #FFF;
	padding: 15px 20px;
	margin: 0;
	position: relative;
	cursor: pointer;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	font-size: 16px;
	justify-content: space-between;
}

.range-filter-item label {
	margin: 0;
}

.range-filter-item .noUi-connect {
	background: #305260 !important;
	height: 3px;
}

.noUi-connects {
	height: 3px !important;
}

.range-filter-item>div {
	width: 15px;
	height: 2px;
	background-color: #2F4F4F;
	border-radius: 10px;
}

#slider {
	width: 100%;
	margin: 0 !important;
	position: absolute;
	width: calc(100% - 55px);
	bottom: 0;
}

.range-filter-item .noUi-touch-area::before {
	content: '';
	width: 30px;
	height: 30px;
	left: -5px;
	top: -10px;
	position: absolute;
}

.range-filter-item .noUi-touch-area {
	position: relative;
}

.range-filter-item .noUi-horizontal .noUi-handle {
	width: 20px;
	height: 9px;
	right: -17px;
	top: -4px;
	background: #305260 !important;
	box-shadow: none;
	border: none;
	cursor: grab;
}

.noUi-handle:after,
.noUi-handle:before {
	content: none !important;
}


.range-filter-item input {
	width: 80px;
	border: none;
	transition: .2s;
	padding: 2px;

}

.range-filter-item input:hover {
	box-shadow: 0 0 3px #305260;
	transition: .2s;
	border-radius: 5px;
}

.request-list {
	overflow-x: scroll;
	white-space: nowrap;
	border-collapse: collapse;
}

.request-img {
	width: 55px;
	height: 55px;
	border-radius: 15px;
	overflow: hidden;
	min-width: 55px;
}

.request-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.request-checkbox input {
	appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	position: relative;
	border: 1px solid #305260;
	border-radius: 5px;
	transition: .2s;
	margin: 0;
	cursor: pointer;
}

.request-checkbox input:focus-visible {
	outline: none;
}

.request-list th {
	padding: 0 20px 15px 0;
	white-space: nowrap;
}

.request-checkbox {
	padding-left: 20px !important;
	max-width: 90px;
}

.request-checkbox input::before {
	/* background-color: #305260; */
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><rect x="0.5" y="0.5" width="25" height="25" rx="5.5" fill="none" stroke="%23305260"/></svg>');
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	/* border-color: #305260; */
	border-radius: 3px;
	transition: .2s;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.request-checkbox input:checked::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><rect width="26" height="26" rx="6" fill="%23305260"/><path d="M11.9369 18.5002H11.9317C11.8982 18.4995 11.8652 18.4921 11.8347 18.4783C11.8041 18.4645 11.7767 18.4447 11.754 18.4201L7.06563 13.3221C7.02664 13.2797 7.00357 13.2251 7.00038 13.1676C6.99719 13.1101 7.01407 13.0533 7.04813 13.0069C7.0822 12.9604 7.13132 12.9273 7.18712 12.913C7.24292 12.8987 7.30193 12.9043 7.3541 12.9287L11.6452 14.9379C11.6813 14.9548 11.7239 14.9466 11.7515 14.9179L18.2971 8.07678C18.3857 7.98409 18.5306 7.97397 18.6312 8.05381C18.7318 8.13366 18.7551 8.27694 18.6848 8.3844L12.1737 18.3589C12.1644 18.3733 12.1535 18.3865 12.1414 18.3988L12.1127 18.4275C12.066 18.474 12.0028 18.5001 11.9369 18.5002Z" fill="white"/></svg>');
	transition: .2s;
	opacity: 1;
}




.request-list tr:not(.request-list thead tr):hover {
	transition: .2s;
	background-color: #F1F7F4;
}

.request-list td {
	padding: 20px 20px 20px 0;
	gap: 5px;
}

.request-list th {
	padding: 0 20px 15px 0;
	white-space: nowrap;
	font-weight: normal;
}

.request-list tr {
	border-bottom: 1px solid #fff;
	transition: .2s;
	position: relative;
	overflow: hidden;
}

.request-contacts {
	padding-right: 45px !important;
	position: relative;
}

.request-contacts::before {
	content: attr(data-count);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-15px, -50%);
	font-variation-settings: 'wght' 600;
	font-size: 20px;
	color: #305260;
}

#request-list .table-scroll-body::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


#request-list .table-scroll-body::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;

}

#request-list .table-scroll-body::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}


.request-info div {
	gap: 15px;
	font-size: 16px;
	transition: .2s;
	cursor: pointer;
}

.request-list td.request-link a {
	display: flex;
	width: 16px;
	height: 17px;
	position: relative;
	z-index: 1;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g clip-path="url(%23clip0_1838_8096)"><path d="M3.57159 16.5001C1.59836 16.4992 -0.000562356 14.899 1.48373e-07 12.926C0.000342556 11.9806 0.375377 11.0739 1.04295 10.4045L4.54144 6.90601C4.74188 6.70647 4.9651 6.53121 5.20651 6.38385C6.37368 5.67125 7.84506 5.68719 8.99629 6.42507C9.21336 6.56352 9.4143 6.72576 9.59539 6.90876C9.67801 6.99156 9.74206 7.09099 9.78328 7.20045C9.82451 7.30991 9.84196 7.42689 9.83448 7.54361C9.80755 7.99818 9.41729 8.34471 8.96276 8.31777C8.76081 8.3057 8.57032 8.21994 8.42741 8.07674C7.67631 7.3273 6.46052 7.3273 5.70942 8.07674L2.19721 11.567C1.44586 12.3183 1.44586 13.5363 2.19721 14.2877C2.94855 15.0391 4.16656 15.0391 4.91795 14.2877L7.00659 12.2128C7.59824 12.4533 8.23124 12.5756 8.86988 12.5728H8.97982L6.09421 15.4557C5.76341 15.7876 5.37021 16.0507 4.93726 16.23C4.50431 16.4092 4.04017 16.501 3.57159 16.5001Z" fill="%23305260"/><path d="M8.87033 11.1987H8.67246C8.55099 11.1933 8.4299 11.1814 8.3097 11.163C8.20801 11.1465 8.10633 11.1245 8.00464 11.0998L7.85623 11.0586C7.80126 11.0421 7.74904 11.0256 7.69957 11.0064C7.6501 10.9871 7.58413 10.9651 7.53467 10.9459L7.37251 10.8772C6.99217 10.7013 6.64603 10.4594 6.35016 10.1626C6.26754 10.0798 6.20349 9.9804 6.16226 9.87094C6.12104 9.76149 6.10358 9.64451 6.11106 9.52778C6.138 9.07321 6.52825 8.72668 6.98279 8.75362C7.18473 8.76569 7.37522 8.85146 7.51813 8.99465C8.26923 9.74409 9.48502 9.74409 10.2361 8.99465L11.1568 8.07674L13.7401 5.4934C14.4953 4.73818 14.4953 3.51414 13.7401 2.75891C12.9849 2.00369 11.7609 2.00369 11.0056 2.75891L8.92799 4.84756C8.3374 4.60646 7.70535 4.48322 7.06744 4.4848H6.96025L9.84312 1.60465C11.2062 0.17805 13.4677 0.126393 14.8944 1.4895C16.321 2.8526 16.3726 5.11412 15.0095 6.54072C14.9721 6.58007 14.9337 6.61847 14.8944 6.65588L11.3959 10.1544C10.9411 10.6107 10.3714 10.9354 9.74703 11.0943H9.72778L9.57387 11.1245L9.48593 11.141L9.3128 11.1657H9.22487L9.04624 11.1822H8.87311L8.87033 11.1987Z" fill="%23305260"/></g><defs><clipPath id="clip0_1838_8096"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}

.request-info:hover div {
	color: #305260;
	transition: .2s;
}

.request-info {
	position: relative;
	z-index: 2;
}

.request-link {
	padding: 20px 15px 20px 15px;
	position: relative;
	z-index: 1;
}

.request-link a {
	margin: 0 auto;
}

#request_info::backdrop {
	background: rgba(123, 159, 155, 0.66);
}

.request-checkbox label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}


.import-form {
	padding: 1rem;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 15px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.25);
}



/* .contacts-list {
	overflow-x: scroll;
	white-space: nowrap;
	border-collapse: collapse;
	width: 100%;
}

.contacts-list td {
	border: 1px solid #cdcdcd;
	padding: 10px;
}
 */





#main-screen h1 {
	font-size: 28px;
	margin: 0;
}



#main-screen h1 span {
	color: #305260;
}





.main-creen-top .pretty_btn strong {
	display: flex;
}



/* #full-mail-form{
	display: none;
} */

#client-list thead {
	border-bottom: 1px solid #F1F7F4;

}


#client-list {
	width: 100%;
	color: #000;
	font-size: 16px;
}

@media(min-width: 1600px) {
	#client-list {
		font-size: 18px;
	}
}

@media(max-width: 1599px) {
	#client-list {
		font-size: 14px;
	}

	.company-name {
		font-size: 16px !important;
	}

	.pretty_btn span {
		font-size: 18px;
	}
}



#client-list .client-name {
	gap: 3px;
}

#client-list .client-name .company-name {
	font-size: 20px;
}

#client-list .client-name .responsible-person {
	font-size: 18px;
}

#client-list .segment {
	max-width: 10%;
}

.contacts-list td {
	padding: 20px 20px 20px 0;
	gap: 5px;
}


.contacts-list td.contact-link button {
	display: flex;
	width: 16px;
	height: 17px;
	position: relative;
	border: none;
	background: transparent;
	z-index: 1;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g clip-path="url(%23clip0_1838_8096)"><path d="M3.57159 16.5001C1.59836 16.4992 -0.000562356 14.899 1.48373e-07 12.926C0.000342556 11.9806 0.375377 11.0739 1.04295 10.4045L4.54144 6.90601C4.74188 6.70647 4.9651 6.53121 5.20651 6.38385C6.37368 5.67125 7.84506 5.68719 8.99629 6.42507C9.21336 6.56352 9.4143 6.72576 9.59539 6.90876C9.67801 6.99156 9.74206 7.09099 9.78328 7.20045C9.82451 7.30991 9.84196 7.42689 9.83448 7.54361C9.80755 7.99818 9.41729 8.34471 8.96276 8.31777C8.76081 8.3057 8.57032 8.21994 8.42741 8.07674C7.67631 7.3273 6.46052 7.3273 5.70942 8.07674L2.19721 11.567C1.44586 12.3183 1.44586 13.5363 2.19721 14.2877C2.94855 15.0391 4.16656 15.0391 4.91795 14.2877L7.00659 12.2128C7.59824 12.4533 8.23124 12.5756 8.86988 12.5728H8.97982L6.09421 15.4557C5.76341 15.7876 5.37021 16.0507 4.93726 16.23C4.50431 16.4092 4.04017 16.501 3.57159 16.5001Z" fill="%23305260"/><path d="M8.87033 11.1987H8.67246C8.55099 11.1933 8.4299 11.1814 8.3097 11.163C8.20801 11.1465 8.10633 11.1245 8.00464 11.0998L7.85623 11.0586C7.80126 11.0421 7.74904 11.0256 7.69957 11.0064C7.6501 10.9871 7.58413 10.9651 7.53467 10.9459L7.37251 10.8772C6.99217 10.7013 6.64603 10.4594 6.35016 10.1626C6.26754 10.0798 6.20349 9.9804 6.16226 9.87094C6.12104 9.76149 6.10358 9.64451 6.11106 9.52778C6.138 9.07321 6.52825 8.72668 6.98279 8.75362C7.18473 8.76569 7.37522 8.85146 7.51813 8.99465C8.26923 9.74409 9.48502 9.74409 10.2361 8.99465L11.1568 8.07674L13.7401 5.4934C14.4953 4.73818 14.4953 3.51414 13.7401 2.75891C12.9849 2.00369 11.7609 2.00369 11.0056 2.75891L8.92799 4.84756C8.3374 4.60646 7.70535 4.48322 7.06744 4.4848H6.96025L9.84312 1.60465C11.2062 0.17805 13.4677 0.126393 14.8944 1.4895C16.321 2.8526 16.3726 5.11412 15.0095 6.54072C14.9721 6.58007 14.9337 6.61847 14.8944 6.65588L11.3959 10.1544C10.9411 10.6107 10.3714 10.9354 9.74703 11.0943H9.72778L9.57387 11.1245L9.48593 11.141L9.3128 11.1657H9.22487L9.04624 11.1822H8.87311L8.87033 11.1987Z" fill="%23305260"/></g><defs><clipPath id="clip0_1838_8096"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}

td.request-link button {
	display: flex;
	width: 16px;
	height: 17px;
	position: relative;
	border: none;
	background: transparent;
	z-index: 1;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g clip-path="url(%23clip0_1838_8096)"><path d="M3.57159 16.5001C1.59836 16.4992 -0.000562356 14.899 1.48373e-07 12.926C0.000342556 11.9806 0.375377 11.0739 1.04295 10.4045L4.54144 6.90601C4.74188 6.70647 4.9651 6.53121 5.20651 6.38385C6.37368 5.67125 7.84506 5.68719 8.99629 6.42507C9.21336 6.56352 9.4143 6.72576 9.59539 6.90876C9.67801 6.99156 9.74206 7.09099 9.78328 7.20045C9.82451 7.30991 9.84196 7.42689 9.83448 7.54361C9.80755 7.99818 9.41729 8.34471 8.96276 8.31777C8.76081 8.3057 8.57032 8.21994 8.42741 8.07674C7.67631 7.3273 6.46052 7.3273 5.70942 8.07674L2.19721 11.567C1.44586 12.3183 1.44586 13.5363 2.19721 14.2877C2.94855 15.0391 4.16656 15.0391 4.91795 14.2877L7.00659 12.2128C7.59824 12.4533 8.23124 12.5756 8.86988 12.5728H8.97982L6.09421 15.4557C5.76341 15.7876 5.37021 16.0507 4.93726 16.23C4.50431 16.4092 4.04017 16.501 3.57159 16.5001Z" fill="%23305260"/><path d="M8.87033 11.1987H8.67246C8.55099 11.1933 8.4299 11.1814 8.3097 11.163C8.20801 11.1465 8.10633 11.1245 8.00464 11.0998L7.85623 11.0586C7.80126 11.0421 7.74904 11.0256 7.69957 11.0064C7.6501 10.9871 7.58413 10.9651 7.53467 10.9459L7.37251 10.8772C6.99217 10.7013 6.64603 10.4594 6.35016 10.1626C6.26754 10.0798 6.20349 9.9804 6.16226 9.87094C6.12104 9.76149 6.10358 9.64451 6.11106 9.52778C6.138 9.07321 6.52825 8.72668 6.98279 8.75362C7.18473 8.76569 7.37522 8.85146 7.51813 8.99465C8.26923 9.74409 9.48502 9.74409 10.2361 8.99465L11.1568 8.07674L13.7401 5.4934C14.4953 4.73818 14.4953 3.51414 13.7401 2.75891C12.9849 2.00369 11.7609 2.00369 11.0056 2.75891L8.92799 4.84756C8.3374 4.60646 7.70535 4.48322 7.06744 4.4848H6.96025L9.84312 1.60465C11.2062 0.17805 13.4677 0.126393 14.8944 1.4895C16.321 2.8526 16.3726 5.11412 15.0095 6.54072C14.9721 6.58007 14.9337 6.61847 14.8944 6.65588L11.3959 10.1544C10.9411 10.6107 10.3714 10.9354 9.74703 11.0943H9.72778L9.57387 11.1245L9.48593 11.141L9.3128 11.1657H9.22487L9.04624 11.1822H8.87311L8.87033 11.1987Z" fill="%23305260"/></g><defs><clipPath id="clip0_1838_8096"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}


.contacts-list th {
	padding: 0 20px 15px 0;
	white-space: nowrap;
}

.client-phone {
	padding-left: 30px;
	position: relative;
}

.client-address {
	padding-left: 30px;
	position: relative;
}

.client-email {
	padding-left: 30px;
	position: relative;
}

.client-info>div {
	gap: 15px;
}

.client-info-text {
	gap: 3px;
}

.client-contacts div {
	/* max-width: 150px; */
	gap: 10px;
}

.company-name {
	font-size: 18px;
}

.client-phone::before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	left: 0;
	top: calc(50% - 10px);
	background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8733 12.8017C16.4234 12.5271 15.8943 12.4117 15.3709 12.474C14.8475 12.5364 14.3603 12.7728 13.9875 13.1455L12.7955 14.3382C9.52989 13.5339 7.5196 11.5432 6.78816 8.34409L7.98713 7.14512C8.35974 6.77233 8.59622 6.2851 8.65857 5.76172C8.72092 5.23834 8.60553 4.70919 8.33092 4.25929L6.41695 1.12521C6.2317 0.821764 5.98 0.56432 5.68082 0.372273C5.38163 0.180226 5.04276 0.0585829 4.68974 0.0165098C4.33672 -0.0255633 3.97875 0.0130307 3.64281 0.129384C3.30687 0.245737 3.00172 0.436814 2.75034 0.68822L0.917817 2.52074C0.551038 2.88719 0.281026 3.339 0.132034 3.83559C-0.0169591 4.33219 -0.0402661 4.85802 0.0642058 5.36585V5.36899C1.85679 13.9309 7.074 19.1669 15.7503 21.0472L15.7526 21.048C16.2629 21.1571 16.7923 21.1368 17.2926 20.9889C17.793 20.8411 18.2484 20.5704 18.6173 20.2015C19.1491 19.6775 19.8382 18.9884 20.4444 18.3822C20.6958 18.1309 20.8869 17.8257 21.0032 17.4898C21.1196 17.1538 21.1582 16.7959 21.1161 16.4428C21.074 16.0898 20.9524 15.751 20.7603 15.4518C20.5683 15.1526 20.3108 14.9009 20.0074 14.7156L16.8733 12.8017Z" fill="%23305260" /></svg>');
}

.client-address::before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	left: 0;
	top: calc(50% - 10px);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="22" viewBox="0 0 16 22" fill="none"><path d="M8 0C3.57714 0 0 3.53672 0 7.9096C0 12.6215 5.05143 19.1186 7.13143 21.5932C7.58857 22.1356 8.42286 22.1356 8.88 21.5932C10.9486 19.1186 16 12.6215 16 7.9096C16 3.53672 12.4229 0 8 0ZM8 10.7345C7.24224 10.7345 6.51551 10.4368 5.9797 9.90708C5.44388 9.37732 5.14286 8.6588 5.14286 7.9096C5.14286 7.16041 5.44388 6.44189 5.9797 5.91213C6.51551 5.38236 7.24224 5.08475 8 5.08475C8.75776 5.08475 9.48449 5.38236 10.0203 5.91213C10.5561 6.44189 10.8571 7.16041 10.8571 7.9096C10.8571 8.6588 10.5561 9.37732 10.0203 9.90708C9.48449 10.4368 8.75776 10.7345 8 10.7345Z" fill="%23305260"/></svg>');
}

.client-email::before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	left: 0;
	top: calc(50% - 10px);
	background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path d="M11.1074 13.2114C10.9091 13.3354 10.686 13.385 10.4876 13.385C10.2893 13.385 10.0661 13.3354 9.86777 13.2114L0 7.18665V15.1949C0 16.9057 1.38843 18.2941 3.09917 18.2941H17.9008C19.6116 18.2941 21 16.9057 21 15.1949V7.18665L11.1074 13.2114Z" fill="%23305260" /><path d="M17.9013 2.823H3.09961C1.6368 2.823 0.39713 3.86432 0.0996094 5.25275L10.5128 11.5999L20.9013 5.25275C20.6037 3.86432 19.3641 2.823 17.9013 2.823Z" fill="%23305260" /></svg>');
}

.contacts-checkbox {
	padding-left: 20px !important;
	max-width: 90px;
}

.contacts-checkbox input {
	appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	position: relative;
	border: 1px solid #305260;
	border-radius: 5px;
	transition: .2s;
	margin: 0;
}

.contacts-checkbox input::before {
	/* background-color: #305260; */
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><rect x="0.5" y="0.5" width="25" height="25" rx="5.5" fill="none" stroke="%23305260"/></svg>');
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	/* border-color: #305260; */
	border-radius: 3px;
	transition: .2s;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.contacts-checkbox input:checked::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><rect width="26" height="26" rx="6" fill="%23305260"/><path d="M11.9369 18.5002H11.9317C11.8982 18.4995 11.8652 18.4921 11.8347 18.4783C11.8041 18.4645 11.7767 18.4447 11.754 18.4201L7.06563 13.3221C7.02664 13.2797 7.00357 13.2251 7.00038 13.1676C6.99719 13.1101 7.01407 13.0533 7.04813 13.0069C7.0822 12.9604 7.13132 12.9273 7.18712 12.913C7.24292 12.8987 7.30193 12.9043 7.3541 12.9287L11.6452 14.9379C11.6813 14.9548 11.7239 14.9466 11.7515 14.9179L18.2971 8.07678C18.3857 7.98409 18.5306 7.97397 18.6312 8.05381C18.7318 8.13366 18.7551 8.27694 18.6848 8.3844L12.1737 18.3589C12.1644 18.3733 12.1535 18.3865 12.1414 18.3988L12.1127 18.4275C12.066 18.474 12.0028 18.5001 11.9369 18.5002Z" fill="white"/></svg>');
	transition: .2s;
	opacity: 1;
}


#client-list tr {
	border-bottom: 1px solid #fff;
	transition: .2s;
	position: relative;
}

.contacts-checkbox label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	margin: 0;
}

#client-list tr:not(#client-list thead tr):hover {
	transition: .2s;
	background-color: #F1F7F4;
}


.table_rules-block {
	gap: 25px;
	padding: 25px 30px 25px 30px;
}

/* .main-screen-top, .main-screen-center, .main-screen-bottom{
	height: 100%;
} */


.main-screen-top-clients {
	/* height: 110px; */
	padding: 20px 30px 30px 30px;
	gap: 25px;
}

.main-screen-top-clients>div:first-child {
	gap: 25px;
}

.main-screen-top-clients>div .pretty_btn {
	gap: 15px;
}

.main-screen-center {
	height: calc(100% - 330px);
}

.main-screen-top-request~.main-screen-center {
	height: calc(100% - 320px);

}

.main-screen-top-clients {
	padding: 30px 30px 20px 30px;
}

.main-screen-bottom {
	height: 110px;
}


.checked-items {
	font-size: 18px;
}

.checked-items span {
	color: #305260;
	line-height: 120%;
}

#send_message {
	border-radius: 20px;
	background: #FFF;
	outline: none;
	border: none;
	min-width: 800px;
	width: 1250px;
	/* aspect-ratio: 1250 / 780; */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 40px 55px 60px 55px;
	/* overflow: hidden; */
	animation: fadeSlideInDialog 0.2s ease;
}

#send_message::backdrop {
	background: rgba(123, 159, 155, 0.66);
}







.close_dialog {
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	border: none;
	border-radius: 0 20px;
	border-left: 2px solid #305260;
	padding: 14px;
	border-bottom: 2px solid #305260;
}

.close_dialog:hover {
	background: #305260;
	transition: .2s;
}

.close_dialog:hover svg rect {
	fill: #fff;
	transition: .2s;
}

.close_dialog svg rect {
	transition: .2s;
}

#send_message h3 {
	margin: 0 0 30px 0;
}




#add-contacts-list {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 15px 20px;
	list-style: none;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(6, 1fr);
	margin: 0;
}

.dialog-body {
	height: 100%;
	overflow: auto;
	padding: 5px;
}

.dialog-body::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.dialog-body::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.dialog-body::-webkit-scrollbar {
	width: 12px;
}



.selected-item {
	border-radius: 20px;
	background: var(---, #E4EFEF);
	padding: 8px 30px 8px 15px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	transition: .2s;

}

.selected-item strong {
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	transition: .2s;
}

.selected-item:hover strong {
	color: #305260;
	background: linear-gradient(90deg, #305260 70.48%, #F1F7F4 86.96%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: .2s;
}



.selected-item .remove-btn {
	position: absolute;
	right: 10px;
	top: calc(50% - 7px);
	width: 15px;
	height: 15px;
	display: flex;
	border: none;
	background: none;
	opacity: 0;
	transition: .2s;
}


.selected-item:hover .remove-btn {
	opacity: 1;
	transition: .2s;
}

#open-add-client {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	color: #305260;
	padding: 8px;
	width: 100%;
	transition: .2s;
}

#open-add-client:hover {
	background-color: #305260;
	color: #fff;
	transition: .2s;
}

#selected-contacts {
	margin-bottom: 30px;
	position: relative;
}


#send_message input[type="text"] {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
}

#send_message input[type="text"]:hover {
	outline: 1px solid #305260 !important;
	transition: .2s
}

#send_message input[type="text"]::placeholder {
	color: #305260;
}

.ql-toolbar.ql-snow {
	border-color: #305260 !important;
	border-radius: 20px 20px 0 0;
}

.message-text {
	margin-bottom: 30px;
}


#editor {
	border-color: #305260 !important;
	border-radius: 0 0 20px 20px;
	min-height: 140px;
}


.ql-editor.ql-blank::before {

	color: #305260 !important;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Montserrat !important;
	font-size: 16px;
	font-style: normal !important;
	font-weight: 500;
	line-height: normal;
}

.ql-snow .ql-picker-label::before {

	color: #305260 !important;
}

.ql-snow .ql-stroke {
	stroke: #305260 !important;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
	fill: #305260 !important;
}


.ql-toolbar button.ql-active {
	background-color: #3052605c;
	/* подсветка активной кнопки */
	border-radius: 4px;
	/* скругление */
}

/* .ql-toolbar button.ql-active .ql-stroke {
		stroke: #fff !important;

} */

.ql-tooltip.ql-editing {
	left: 5px !important;
}

.ql-tooltip.ql-editing input[type="text"] {
	width: auto !important;
}

.ql-tooltip.ql-editing .ql-action {
	border-radius: 5px;
	background: #305260;
	color: #fff;
	padding: 5px;
	margin-left: 5px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
	content: "Введите ссылку:";
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
	border-right: 0;
	content: 'Сохранить';
	padding-right: 0;
	margin: 0;
	font-variation-settings: 'wght' 600;
}

#client-popup {
	display: block;
	position: absolute;
	background: #fff;
	z-index: 2;
	border-radius: 20px;
	top: calc(100% + 13px);
	padding: 40px 0 0 0;
	box-shadow: 0 0 20px 0 rgb(42 122 113 / 28%);
	left: 13px;
	min-width: 450px;
	overflow: hidden;
	max-width: 600px;
}


.clients-search {
	width: calc(100% - 30px);
	margin-left: 15px;
}

#client-list-for-add {
	max-height: 250px;
	overflow-y: auto;
	list-style: none;
	width: 100%;
	overflow-x: clip;
	margin: 0;
}

#client-list-for-add {
	max-height: 250px;
	overflow-y: auto;
	list-style: none;
	width: 100%;
	overflow-x: clip;
}

#client-list-for-add li {
	padding: 14px 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	transition: .2s;
}

#client-list-for-add li strong {
	opacity: .5;
}



#client-list-for-add li.already-selected {
	background-color: #F1F7F4;
}

#client-list-for-add li::before {
	content: '';
	position: absolute;
	top: 100%;
	width: calc(100% + 40px);
	left: -20px;
	height: 1px;
	background-color: #F1F7F4;
}


#close-client-popup {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
}


#client-list-for-add li .add-btn img {
	transform: rotate(45deg);
	display: flex;
	transition: .2s;
}

#client-list-for-add li.already-selected .add-btn img {
	transform: none;
	transition: .2s;
	filter: grayscale(99);
}


#client-list-for-add li .add-btn {
	display: flex;
	background: none;
	border: none;
	padding: 2px;
	width: 15px;
	height: 15px;
	transition: .2s;
}

/* #client-list-for-add li .add-btn::before {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
} */

#client-list-for-add li:hover {
	background: #F1F7F4;
	transition: .2s;
}


#toast {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #444;
	color: #fff;
	padding: 10px 16px;
	border-radius: 4px;
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: 1000;
	font-size: 14px;
	pointer-events: none;
}


.file-upload-wrapper {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	margin-bottom: 10px;
	position: relative;
	transition: .2s;
}

.file-upload-wrapper:hover {
	outline: 1px solid #305260;
	transition: .2s;
}

.file-upload-wrapper #mail-attachments {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

#selected-files-list {
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	list-style: none;
}

#selected-files-list li {
	border-radius: 20px;
	background: #F1F7F4;
	padding: 8px 15px;
}


#selected-files-list li strong {
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	transition: .2s;
	position: relative;
}

#selected-files-list li:hover strong {
	color: #305260;
	background: linear-gradient(90deg, #305260 70.48%, #F1F7F4 86.96%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: .2s;
}

#selected-files-list li:hover strong::before {
	content: '';
	background-image: url(/wp-content/uploads/2025/07/group-33.svg);
	width: 16px;
	height: 15px;
	position: absolute;
	right: 0px;
	top: calc(50% - 7px);
	transition: .2s;
	cursor: pointer;
}


.file-upload-wrapper label {
	margin: 0;
	color: #305260;
	position: relative;
	padding-left: 25px;
	font-size: 16px;
}

.file-upload-wrapper label::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: calc(50% - 8px);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_1843_9129)"><path d="M3.57159 16.0001C1.59836 15.9992 -0.000562356 14.399 1.48373e-07 12.426C0.000342556 11.4806 0.375377 10.5739 1.04295 9.90451L4.54144 6.40601C4.74188 6.20647 4.9651 6.03121 5.20651 5.88385C6.37368 5.17125 7.84506 5.18719 8.99629 5.92507C9.21336 6.06352 9.4143 6.22576 9.59539 6.40876C9.67801 6.49156 9.74206 6.59099 9.78328 6.70045C9.82451 6.80991 9.84196 6.92689 9.83448 7.04361C9.80755 7.49818 9.41729 7.84471 8.96276 7.81777C8.76081 7.8057 8.57032 7.71994 8.42741 7.57674C7.67631 6.8273 6.46052 6.8273 5.70942 7.57674L2.19721 11.067C1.44586 11.8183 1.44586 13.0363 2.19721 13.7877C2.94855 14.5391 4.16656 14.5391 4.91795 13.7877L7.00659 11.7128C7.59824 11.9533 8.23124 12.0756 8.86988 12.0728H8.97982L6.09421 14.9557C5.76341 15.2876 5.37021 15.5507 4.93726 15.73C4.50431 15.9092 4.04017 16.001 3.57159 16.0001Z" fill="%23305260"/><path d="M8.87033 10.6987H8.67246C8.55099 10.6933 8.4299 10.6814 8.3097 10.663C8.20801 10.6465 8.10633 10.6245 8.00464 10.5998L7.85623 10.5586C7.80126 10.5421 7.74904 10.5256 7.69957 10.5064C7.6501 10.4871 7.58413 10.4651 7.53467 10.4459L7.37251 10.3772C6.99217 10.2013 6.64603 9.95936 6.35016 9.66263C6.26754 9.57983 6.20349 9.4804 6.16226 9.37094C6.12104 9.26149 6.10358 9.14451 6.11106 9.02778C6.138 8.57321 6.52825 8.22668 6.98279 8.25362C7.18473 8.26569 7.37522 8.35146 7.51813 8.49465C8.26923 9.24409 9.48502 9.24409 10.2361 8.49465L11.1568 7.57674L13.7401 4.9934C14.4953 4.23818 14.4953 3.01414 13.7401 2.25891C12.9849 1.50369 11.7609 1.50369 11.0056 2.25891L8.92799 4.34756C8.3374 4.10646 7.70535 3.98322 7.06744 3.9848H6.96025L9.84312 1.10465C11.2062 -0.32195 13.4677 -0.373607 14.8944 0.989497C16.321 2.3526 16.3726 4.61412 15.0095 6.04072C14.9721 6.08007 14.9337 6.11847 14.8944 6.15588L11.3959 9.65441C10.9411 10.1107 10.3714 10.4354 9.74703 10.5943H9.72778L9.57387 10.6245L9.48593 10.641L9.3128 10.6657H9.22487L9.04624 10.6822H8.87311L8.87033 10.6987Z" fill="%23305260"/></g><defs><clipPath id="clip0_1843_9129"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}

.client-info {
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition: .2s
}

.client-info:hover {
	color: #305260;
	transition: .2s
}



@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


#client_info.loading::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #305260;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}

#client_info.loading .client-info-body {
	opacity: 0;
}


#edit-client {
	gap: 7px;
	background: transparent;
	border: none;
}

#edit-client span {
	font-size: 18px;
}

#edit-client.disabled {
	opacity: .4;
}



#delete-client {
	gap: 7px;
	background: transparent;
	border: none;
}

#delete-client span {
	font-size: 18px;
}

#delete-client.disabled {
	opacity: .4;
}

.pretty_btn.pretty_btn.transparent:focus span,
.pretty_btn.pretty_btn.transparent:focus-visible span {
	color: #305260 !important;
}

.pretty_btn.pretty_btn.transparent:focus:hover span,
.pretty_btn.pretty_btn.transparent:focus-visible:hover span {
	color: #fff !important;
}

dialog {
	border-radius: 20px;
	background: #FFF;
	outline: none;
	border: none;
	min-width: 400px;
	min-height: 450px;
	aspect-ratio: unset;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
	overflow-x: clip;
	animation: fadeSlideInDialog 0.2s ease;
}


/* dialog::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


dialog::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

dialog::-webkit-scrollbar {
	width: 12px;
} */


dialog::backdrop {
	background: rgba(123, 159, 155, 0.66);
}

dialog h3 {
	margin: 0 0 30px 0;
}

dialog .button-block {
	gap: 20px;
}

.button-block button {
	width: calc(50% - 12px);
}


#modal-delete h3,
#confirm-dialog h3 {
	text-align: center;
}



#modal-delete .modal-window,
#confirm-dialog .modal-window {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


@keyframes fadeSlideInDialog {
	0% {
		opacity: 0;
		margin-top: 50px;
		;
	}

	100% {
		opacity: 1;
		margin-top: 0;
		;
	}
}



#client_info {
	border-radius: 20px;
	background: #FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 40px 0px 40px 50px;
	aspect-ratio: 18 / 8;
	width: 1250px;
	animation: fadeSlideInDialog 0.2s ease;
}

.client-card-body-title h3 {
	margin: 0;
	gap: 10px;
	max-width: 80%;
}

.client-card-body-title h3 div {
	margin: 0;
	gap: 10px;
	display: inline-block;
	/* max-width: 60%; */
}

.client-card-body-title {
	gap: 20px;
	margin-bottom: 30px;
	width: 100%;
	/* position: sticky; */
	/* top: 0; */
	/* background: #fff; */
	max-width: calc(100% - 80px);
}

.client-card-body-title button {
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g clip-path="url(%23clip0_1827_7708)"><path d="M3.57159 16.5001C1.59836 16.4992 -0.000562356 14.899 1.48373e-07 12.926C0.000342556 11.9806 0.375377 11.0739 1.04295 10.4045L4.54144 6.90604C4.74188 6.7065 4.9651 6.53124 5.20651 6.38388C6.37368 5.67128 7.84506 5.68722 8.99629 6.4251C9.21336 6.56355 9.4143 6.72579 9.59539 6.90879C9.67801 6.99159 9.74206 7.09102 9.78328 7.20048C9.82451 7.30994 9.84196 7.42692 9.83448 7.54364C9.80755 7.99821 9.41729 8.34474 8.96276 8.3178C8.76081 8.30573 8.57032 8.21997 8.42741 8.07677C7.67631 7.32733 6.46052 7.32733 5.70942 8.07677L2.19721 11.567C1.44586 12.3184 1.44586 13.5364 2.19721 14.2878C2.94855 15.0391 4.16656 15.0391 4.91795 14.2878L7.00659 12.2129C7.59824 12.4533 8.23124 12.5756 8.86988 12.5729H8.97982L6.09421 15.4557C5.76341 15.7876 5.37021 16.0508 4.93726 16.23C4.50431 16.4092 4.04017 16.501 3.57159 16.5001Z" fill="%23305260"/><path d="M8.87033 11.1987H8.67246C8.55099 11.1933 8.4299 11.1814 8.3097 11.163C8.20801 11.1465 8.10633 11.1245 8.00464 11.0998L7.85623 11.0586C7.80126 11.0421 7.74904 11.0256 7.69957 11.0064C7.6501 10.9871 7.58413 10.9651 7.53467 10.9459L7.37251 10.8772C6.99217 10.7013 6.64603 10.4594 6.35016 10.1626C6.26754 10.0798 6.20349 9.9804 6.16226 9.87094C6.12104 9.76149 6.10358 9.64451 6.11106 9.52778C6.138 9.07321 6.52825 8.72668 6.98279 8.75362C7.18473 8.76569 7.37522 8.85146 7.51813 8.99465C8.26923 9.74409 9.48502 9.74409 10.2361 8.99465L11.1568 8.07674L13.7401 5.4934C14.4953 4.73818 14.4953 3.51414 13.7401 2.75891C12.9849 2.00369 11.7609 2.00369 11.0056 2.75891L8.92799 4.84756C8.3374 4.60646 7.70535 4.48322 7.06744 4.4848H6.96025L9.84312 1.60465C11.2062 0.17805 13.4677 0.126393 14.8944 1.4895C16.321 2.8526 16.3726 5.11412 15.0095 6.54072C14.9721 6.58007 14.9337 6.61847 14.8944 6.65588L11.3959 10.1544C10.9411 10.6107 10.3714 10.9354 9.74703 11.0943H9.72778L9.57387 11.1245L9.48593 11.141L9.3128 11.1657H9.22487L9.04624 11.1822H8.87311L8.87033 11.1987Z" fill="%23305260"/></g><defs><clipPath id="clip0_1827_7708"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
	background-size: contain;
	background-repeat: no-repeat;
}

.client-card-body-title span {
	font-size: 18px;
}

.client-card-body-left {
	gap: 30px;
	width: calc(40% - 15px);
}

.client-card-body-right {
	gap: 20px;
	width: calc(60% - 15px);

}


.client-info-body {
	width: 100%;
	height: 100%;
}

.client-info-container {
	width: 100%;
	height: 100%;
}

.client-info-scroll-block {
	width: calc(100% - 330px);
	height: calc(100% - 80px);
	overflow: auto;
	gap: 30px;
	margin-right: 30px;
}



.client-info-scroll-block::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.client-info-scroll-block::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.client-info-scroll-block::-webkit-scrollbar {
	width: 12px;
}


.client-person {
	gap: 10px;
}

.client-person span {
	font-size: 20px;
}

.person-contacts {
	gap: 15px;
}

.person-contacts span {
	font-size: 20px;
}


.person-date {
	gap: 3px;
}

.person-date span {
	font-size: 18px;
}

.person-date strong {
	font-size: 20px;
}


.person-address {
	gap: 3px;
}

.person-address span {
	font-size: 18px;
}

.person-address strong {
	font-size: 20px;
}


.person-type {
	gap: 3px;
}

.person-type span {
	font-size: 18px;
}

.person-type strong {
	font-size: 20px;
}

.person-sphere {
	gap: 3px;
}

.person-sphere span {
	font-size: 18px;
}

.person-sphere strong {
	font-size: 20px;
}


.client-result {
	gap: 3px;
}

.client-result span {
	font-size: 18px;
}

.client-result p {
	font-size: 20px;
}





.person-segment {
	gap: 3px;
}

.person-segment span {
	font-size: 18px;
}

.person-segment strong {
	font-size: 20px;
}

.person-square {
	gap: 3px;
}

.person-square span {
	font-size: 18px;
}

.person-square strong {
	font-size: 20px;
}

.client-offer {
	gap: 3px;
}

.client-offer span {
	font-size: 18px;
}

.client-offer p {
	font-size: 18px;
	margin: 0;
}

.connected-requests a span {
	color: #305260;
	font-size: 18px;
	transition: .2s;

}

.connected-requests a span:hover {
	transition: .2s;
	color: #0F4A44;
}

.connected-requests {
	gap: 10px;
}


.person-messengers {
	gap: 15px;
}

.person-messenger {
	max-width: calc(50% - 7.5px);
	padding: 17px 20px 17px 45px;
	border-radius: 20px;
	border: 1px solid;
	background: #FFF;
	position: relative;
	transition: .2s;
}

.person-messenger:hover {
	transform: scale(1.01);
	transition: .2s;

}

.person-messenger:hover a {
	text-decoration: none;
}

.person-messenger::before {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	left: 20px;
	top: calc(50% - 9px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.person-messenger.telegram {
	border-color: #2AABEE;
}

.person-messenger.telegram a {
	color: #2AABEE;
}

.person-messenger.telegram::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M1.09976 6.02698C5.39553 4.05143 8.25938 2.74891 9.69131 2.11964C13.7845 0.322746 14.634 0.010665 15.1888 9.2123e-05C15.3108 -0.00197383 15.5825 0.029866 15.7597 0.181167C15.9071 0.30877 15.9485 0.481339 15.9692 0.602501C15.9876 0.723542 16.013 0.999408 15.9922 1.21475C15.7712 3.67446 14.8112 9.64337 14.3232 12.3984C14.1183 13.5641 13.7108 13.9549 13.3172 13.9931C12.4608 14.0762 11.8116 13.3961 10.9828 12.8228C9.68671 11.9252 8.95463 11.3666 7.69536 10.4909C6.24041 9.47883 7.18429 8.92247 8.01306 8.01345C8.22946 7.7755 12.0003 4.15522 12.0717 3.82685C12.0809 3.78578 12.0901 3.63265 12.0026 3.55196C11.9175 3.47102 11.7909 3.49873 11.6988 3.5206C11.5675 3.55172 9.49793 4.9974 5.48301 7.85741C4.89597 8.28373 4.36418 8.49154 3.88533 8.4806C3.36045 8.46869 2.34751 8.16658 1.59472 7.90845C0.673863 7.59176 -0.0605175 7.42429 0.00394219 6.88641C0.036172 6.60642 0.402211 6.31986 1.09976 6.02698Z" fill="url(%23paint0_linear_1838_8127)"/><defs><linearGradient id="paint0_linear_1838_8127" x1="800" y1="0" x2="800" y2="1400" gradientUnits="userSpaceOnUse"><stop stop-color="%232AABEE"/><stop offset="0.0001" stop-color="%232AABEE"/><stop offset="1" stop-color="%23229ED9"/></linearGradient></defs></svg>');
}



.person-messenger.viber {
	border-color: #7360F2;
}

.person-messenger.viber a {
	color: #7360F2;
}

.person-messenger.viber::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path d="M11 0H7C5.14349 0 3.36301 0.73754 2.05025 2.05037C0.737499 3.3632 6.19485e-07 5.14377 6.19485e-07 7.00039V10.0006C-0.000556776 11.3258 0.375044 12.624 1.08313 13.7441C1.79122 14.8643 2.80271 15.7605 4 16.3284V19.6711C4.00119 19.7363 4.02139 19.7998 4.05813 19.8537C4.09486 19.9076 4.14652 19.9496 4.20678 19.9745C4.26703 19.9995 4.33326 20.0063 4.39734 19.9941C4.46142 19.982 4.52056 19.9514 4.5675 19.9061L7.4725 17.001H11C12.8565 17.001 14.637 16.2634 15.9497 14.9506C17.2625 13.6378 18 11.8572 18 10.0006V7.00039C18 5.14377 17.2625 3.3632 15.9497 2.05037C14.637 0.73754 12.8565 0 11 0ZM13.62 13.1207L12.62 14.1208C11.555 15.1634 8.775 13.9733 6.325 11.4706C3.875 8.96801 2.8 6.16035 3.825 5.11779L4.825 4.11773C5.02099 3.94179 5.27581 3.84573 5.53917 3.84851C5.80252 3.85128 6.05526 3.9527 6.2475 4.13273L7.7075 5.63282C7.82345 5.75248 7.90707 5.89967 7.95049 6.06055C7.99391 6.22142 7.9957 6.3907 7.9557 6.55246C7.9157 6.71422 7.83522 6.86315 7.72183 6.98524C7.60844 7.10733 7.46586 7.19858 7.3075 7.25041C7.07277 7.32243 6.8748 7.4821 6.75469 7.69626C6.63458 7.91042 6.60157 8.16261 6.6625 8.40047C6.9125 9.51054 8.3225 10.9006 9.3725 11.1731C9.60922 11.2295 9.85839 11.1977 10.0733 11.0835C10.2882 10.9694 10.4542 10.7808 10.54 10.5531C10.5955 10.3943 10.6909 10.2524 10.817 10.1411C10.9432 10.0299 11.0959 9.95295 11.2604 9.91779C11.4249 9.88263 11.5957 9.8904 11.7563 9.94037C11.9169 9.99033 12.062 10.0808 12.1775 10.2031L13.635 11.7032C13.81 11.8986 13.9056 12.1525 13.9028 12.4149C13.9 12.6772 13.7991 12.929 13.62 13.1207ZM9.91 4.75027C9.81056 4.74979 9.7112 4.75564 9.6125 4.76777C9.52465 4.77738 9.43657 4.7517 9.36765 4.69638C9.29873 4.64105 9.25462 4.56061 9.245 4.47275C9.23539 4.38489 9.26107 4.29682 9.31639 4.22789C9.37171 4.15897 9.45215 4.11485 9.54 4.10523C9.66282 4.09109 9.78638 4.08441 9.91 4.08523C10.7947 4.08457 11.6435 4.43524 12.2698 5.06016C12.8961 5.68509 13.2487 6.53314 13.25 7.41792C13.2508 7.54155 13.2441 7.66512 13.23 7.78794C13.2252 7.83144 13.212 7.87358 13.1909 7.91195C13.1699 7.95032 13.1415 7.98417 13.1073 8.01156C13.0732 8.03896 13.034 8.05936 12.992 8.07161C12.95 8.08386 12.906 8.08772 12.8625 8.08296C12.819 8.0782 12.7769 8.06491 12.7385 8.04387C12.7001 8.02282 12.6663 7.99442 12.6389 7.9603C12.6115 7.92617 12.5911 7.88698 12.5788 7.84496C12.5666 7.80295 12.5627 7.75894 12.5675 7.71544C12.5784 7.61662 12.5842 7.51732 12.585 7.41792C12.5837 6.70952 12.3012 6.03063 11.7996 5.53042C11.298 5.03021 10.6184 4.7496 9.91 4.75027ZM11.91 7.41792C11.9028 7.50145 11.8645 7.57924 11.8027 7.63591C11.7409 7.69258 11.6601 7.72402 11.5763 7.72402C11.4924 7.72402 11.4116 7.69258 11.3498 7.63591C11.288 7.57924 11.2497 7.50145 11.2425 7.41792C11.2425 7.0645 11.1021 6.72555 10.8522 6.47565C10.6023 6.22574 10.2634 6.08534 9.91 6.08534C9.86374 6.08935 9.81716 6.0837 9.7732 6.06874C9.72925 6.05379 9.68888 6.02986 9.65466 5.99848C9.62044 5.9671 9.59312 5.92894 9.57443 5.88644C9.55574 5.84393 9.54609 5.79801 9.54609 5.75157C9.54609 5.70514 9.55574 5.65922 9.57443 5.61671C9.59312 5.57421 9.62044 5.53605 9.65466 5.50467C9.68888 5.47328 9.72925 5.44936 9.7732 5.4344C9.81716 5.41945 9.86374 5.4138 9.91 5.41781C10.4404 5.41781 10.9491 5.62853 11.3242 6.00362C11.6993 6.37872 11.91 6.88745 11.91 7.41792ZM14.4525 8.50048C14.4451 8.54593 14.4284 8.58937 14.4035 8.62808C14.3786 8.6668 14.3459 8.69995 14.3076 8.72549C14.2693 8.75102 14.2261 8.76838 14.1808 8.77647C14.1354 8.78457 14.0889 8.78324 14.0441 8.77256C13.9994 8.76188 13.9572 8.74208 13.9205 8.71439C13.8837 8.68671 13.853 8.65174 13.8303 8.61166C13.8076 8.57158 13.7934 8.52726 13.7887 8.48146C13.7839 8.43566 13.7886 8.38937 13.8025 8.34547C13.8747 8.04329 13.9108 7.73361 13.91 7.42292C13.91 6.36199 13.4886 5.34452 12.7384 4.59433C11.9883 3.84414 10.9709 3.42269 9.91 3.42269H9.6C9.55634 3.42598 9.51245 3.42063 9.47085 3.40695C9.42926 3.39327 9.39076 3.37153 9.35757 3.34298C9.29052 3.28531 9.24913 3.20336 9.2425 3.11518C9.23587 3.02699 9.26454 2.93977 9.32221 2.87273C9.37988 2.80568 9.46182 2.76429 9.55 2.75766C9.67 2.74765 9.79 2.74266 9.91 2.74266C11.1486 2.74464 12.3358 3.23809 13.2109 4.11466C14.086 4.99122 14.5775 6.17926 14.5775 7.41792C14.5776 7.78238 14.5357 8.14564 14.4525 8.50048Z" fill="%237360F2"/></svg>');
}


.person-messenger.whatsapp {
	border-color: #25D366;
}

.person-messenger.whatsapp a {
	color: #25D366;
}

.person-messenger.whatsapp::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path d="M0.738028 19.0398C0.624462 19.0398 0.512426 19.0136 0.410642 18.9633C0.308858 18.9129 0.220073 18.8397 0.151199 18.7494C0.0823254 18.6591 0.0352216 18.5541 0.0135548 18.4427C-0.00811194 18.3312 -0.00375645 18.2162 0.0262816 18.1067L1.11438 14.1329C0.427429 12.8365 0.068536 11.3915 0.069082 9.92437C0.0709269 4.98163 4.09309 0.960205 9.03473 0.960205C11.4323 0.960943 13.6849 1.89481 15.377 3.5895C17.0695 5.28382 18.0007 7.53639 18 9.93175C17.9982 14.8752 13.9764 18.897 9.03436 18.897C7.63717 18.8965 6.25937 18.5701 5.01035 17.944L0.925096 19.0155C0.864079 19.0318 0.801182 19.0399 0.738028 19.0398ZM5.09964 16.4198C5.22214 16.4198 5.3439 16.4504 5.45312 16.5098C6.55138 17.1071 7.78157 17.4204 9.03177 17.4211C13.1631 17.4211 16.5226 14.0613 16.5245 9.93102C16.5276 8.94684 16.3356 7.97182 15.9594 7.06235C15.5833 6.15289 15.0305 5.32704 14.3332 4.63258C13.6392 3.93419 12.8135 3.38043 11.904 3.0034C10.9945 2.62636 10.0193 2.43353 9.03473 2.43609C4.90667 2.43609 1.54718 5.79558 1.54534 9.92548C1.54459 11.2395 1.88929 12.5306 2.54488 13.6694C2.6434 13.8403 2.66923 14.0432 2.61757 14.2332L1.78775 17.2636L4.91294 16.4437C4.97382 16.4279 5.03692 16.4198 5.09964 16.4198Z" fill="url(%23paint0_linear_1838_8130)"/><path d="M5.81684 10.0908C5.71169 9.95058 4.95898 8.95141 4.95898 7.91718C4.95898 6.88295 5.50174 6.37451 5.69434 6.1642C5.88695 5.95388 6.1146 5.90149 6.25481 5.90149C6.39502 5.90149 6.53523 5.90297 6.65773 5.90887C6.78687 5.91551 6.95992 5.8598 7.13038 6.26972C7.30565 6.69035 7.72554 7.72495 7.7783 7.8301C7.83106 7.93526 7.86574 8.05776 7.79601 8.19834C7.7259 8.33855 7.69085 8.426 7.58606 8.54886C7.48091 8.67173 7.36542 8.82301 7.27059 8.9171C7.16543 9.02188 7.05585 9.13553 7.17835 9.34584C7.30085 9.55616 7.72258 10.2443 8.34725 10.8018C9.14977 11.518 9.82683 11.7397 10.0371 11.8449C10.2471 11.95 10.37 11.9327 10.4925 11.7921C10.615 11.6519 11.0179 11.1785 11.1581 10.9682C11.2983 10.7579 11.4381 10.7929 11.6307 10.8631C11.8233 10.9332 12.8565 11.4416 13.0664 11.5468C13.2763 11.6519 13.4166 11.7047 13.4693 11.7921C13.5221 11.8799 13.5221 12.3006 13.3468 12.7913C13.1716 13.282 12.3321 13.7303 11.9285 13.7905C11.5665 13.8447 11.1083 13.8672 10.605 13.7071C10.1981 13.5808 9.79817 13.433 9.40694 13.2643C7.29863 12.3537 5.92237 10.231 5.81684 10.0908Z" fill="url(%23paint1_linear_1838_8130)"/><defs><linearGradient id="paint0_linear_1838_8130" x1="9.04037" y1="3.28473" x2="9.04037" y2="46.6758" gradientUnits="userSpaceOnUse"><stop stop-color="%2325D366"/><stop offset="1" stop-color="%23075E54"/></linearGradient><linearGradient id="paint1_linear_1838_8130" x1="9.24869" y1="6.92098" x2="9.24869" y2="25.9514" gradientUnits="userSpaceOnUse"><stop stop-color="%2325D366"/><stop offset="1" stop-color="%23075E54"/></linearGradient></defs></svg>');
}

.client-info-controls {
	width: 300px;
	gap: 30px;
}

.client-info-controls button {
	gap: 12px;
	background: transparent;
	border: none;
	position: relative;
}

.client-info-controls button p {
	margin: 0;
	font-size: 18px;
	transition: .2s;
	position: relative;
	z-index: 1;
}

.client-info-controls button span {
	background-color: #E4EFEF;
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
	position: relative;
	transition: .2s;
}

#send_from_client_info span {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23305260"><path d="M12.5947 14.5939C12.4008 14.7151 12.1826 14.7636 11.9887 14.7636C11.7947 14.7636 11.5765 14.7151 11.3826 14.5939L1.73438 8.70312V16.5332C1.73438 18.2059 3.09192 19.5634 4.7646 19.5634H19.2369C20.9096 19.5634 22.2672 18.2059 22.2672 16.5332V8.70312L12.5947 14.5939Z" fill="%23305260"/><path d="M19.2376 4.43652H4.76529C3.33502 4.43652 2.12293 5.45468 1.83203 6.81222L12.0136 13.0181L22.1709 6.81222C21.88 5.45468 20.6679 4.43652 19.2376 4.43652Z" fill="%23305260"/></svg>');

}

#delete-contact span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8052)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.18361 0.5C7.47603 0.5 6.90209 1.07395 6.90209 1.78153C6.90209 1.86582 6.88547 1.94928 6.85318 2.02714C6.8209 2.105 6.77358 2.17574 6.71393 2.23529C6.65429 2.29485 6.58348 2.34206 6.50557 2.37423C6.42766 2.4064 6.34417 2.4229 6.25988 2.42277H3.26998C3.015 2.42277 2.77047 2.52406 2.59018 2.70435C2.40988 2.88465 2.30859 3.44434 2.30859 3.69931C2.30859 3.95429 2.40988 3.88366 2.59018 4.06395C2.77047 4.24425 3.015 4.34554 3.26998 4.34554H16.7294C16.9843 4.34554 17.2289 4.24425 17.4092 4.06395C17.5895 3.88366 17.6907 3.63913 17.6907 3.38415C17.6907 3.12918 17.5895 2.88465 17.4092 2.70435C17.2289 2.52406 16.9843 2.42277 16.7294 2.42277H13.7375C13.5676 2.42251 13.4048 2.35484 13.2847 2.23461C13.1647 2.11438 13.0972 1.95143 13.0972 1.78153C13.0972 1.07395 12.5233 0.5 11.8157 0.5H8.18361ZM4.23136 5.80657C4.09835 5.80651 3.96677 5.83405 3.84495 5.88746C3.72313 5.94086 3.61371 6.01896 3.52363 6.11682C3.43354 6.21468 3.36474 6.33017 3.32157 6.45598C3.27841 6.58179 3.26182 6.7152 3.27286 6.84775L4.01409 15.7406C4.09438 16.7017 4.53289 17.5975 5.24268 18.2505C5.95247 18.9035 6.88171 19.2659 7.84617 19.266H12.1532C13.1178 19.2659 14.0472 18.9033 14.757 18.2502C15.4668 17.597 15.9052 16.7009 15.9852 15.7396L16.7255 6.84775C16.7365 6.71528 16.72 6.58196 16.6769 6.45621C16.6338 6.33046 16.5651 6.21502 16.4751 6.11717C16.3851 6.01933 16.2758 5.94121 16.1541 5.88775C16.0324 5.83429 15.9009 5.80665 15.768 5.80657H4.23136Z" fill="%23305260"/></g><defs><clipPath id="clip0_1835_8052"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}

#delete-requests span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8052)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.18361 0.5C7.47603 0.5 6.90209 1.07395 6.90209 1.78153C6.90209 1.86582 6.88547 1.94928 6.85318 2.02714C6.8209 2.105 6.77358 2.17574 6.71393 2.23529C6.65429 2.29485 6.58348 2.34206 6.50557 2.37423C6.42766 2.4064 6.34417 2.4229 6.25988 2.42277H3.26998C3.015 2.42277 2.77047 2.52406 2.59018 2.70435C2.40988 2.88465 2.30859 3.44434 2.30859 3.69931C2.30859 3.95429 2.40988 3.88366 2.59018 4.06395C2.77047 4.24425 3.015 4.34554 3.26998 4.34554H16.7294C16.9843 4.34554 17.2289 4.24425 17.4092 4.06395C17.5895 3.88366 17.6907 3.63913 17.6907 3.38415C17.6907 3.12918 17.5895 2.88465 17.4092 2.70435C17.2289 2.52406 16.9843 2.42277 16.7294 2.42277H13.7375C13.5676 2.42251 13.4048 2.35484 13.2847 2.23461C13.1647 2.11438 13.0972 1.95143 13.0972 1.78153C13.0972 1.07395 12.5233 0.5 11.8157 0.5H8.18361ZM4.23136 5.80657C4.09835 5.80651 3.96677 5.83405 3.84495 5.88746C3.72313 5.94086 3.61371 6.01896 3.52363 6.11682C3.43354 6.21468 3.36474 6.33017 3.32157 6.45598C3.27841 6.58179 3.26182 6.7152 3.27286 6.84775L4.01409 15.7406C4.09438 16.7017 4.53289 17.5975 5.24268 18.2505C5.95247 18.9035 6.88171 19.2659 7.84617 19.266H12.1532C13.1178 19.2659 14.0472 18.9033 14.757 18.2502C15.4668 17.597 15.9052 16.7009 15.9852 15.7396L16.7255 6.84775C16.7365 6.71528 16.72 6.58196 16.6769 6.45621C16.6338 6.33046 16.5651 6.21502 16.4751 6.11717C16.3851 6.01933 16.2758 5.94121 16.1541 5.88775C16.0324 5.83429 15.9009 5.80665 15.768 5.80657H4.23136Z" fill="%23305260"/></g><defs><clipPath id="clip0_1835_8052"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}


#edit-contact span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8048)"><path d="M17.3497 7.00453L18.9814 5.37283C19.3158 5.03847 19.4999 4.5939 19.4999 4.12113C19.4999 3.64835 19.3158 3.20378 18.9814 2.86943L17.1301 1.01804C16.4398 0.327808 15.3165 0.327808 14.6267 1.01804L12.9946 2.64937L17.3497 7.00453ZM12.0724 3.57191L1.82355 13.8208C1.73963 13.9047 1.68022 14.0099 1.65173 14.1251L0.519156 18.6906C0.495338 18.7868 0.493709 18.887 0.514392 18.9839C0.535076 19.0807 0.57753 19.1715 0.638537 19.2495C0.699543 19.3275 0.777502 19.3906 0.866506 19.434C0.95551 19.4774 1.05322 19.5 1.15224 19.5C1.20457 19.5 1.25726 19.4937 1.30921 19.4807L5.87478 18.3477C5.98982 18.3192 6.09521 18.2598 6.17908 18.1759L16.4272 7.92707L12.0724 3.57191Z" fill="%23305260"/></g><defs><clipPath id="clip0_1835_8048"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}

#edit-request_pop_up span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8048)"><path d="M17.3497 7.00453L18.9814 5.37283C19.3158 5.03847 19.4999 4.5939 19.4999 4.12113C19.4999 3.64835 19.3158 3.20378 18.9814 2.86943L17.1301 1.01804C16.4398 0.327808 15.3165 0.327808 14.6267 1.01804L12.9946 2.64937L17.3497 7.00453ZM12.0724 3.57191L1.82355 13.8208C1.73963 13.9047 1.68022 14.0099 1.65173 14.1251L0.519156 18.6906C0.495338 18.7868 0.493709 18.887 0.514392 18.9839C0.535076 19.0807 0.57753 19.1715 0.638537 19.2495C0.699543 19.3275 0.777502 19.3906 0.866506 19.434C0.95551 19.4774 1.05322 19.5 1.15224 19.5C1.20457 19.5 1.25726 19.4937 1.30921 19.4807L5.87478 18.3477C5.98982 18.3192 6.09521 18.2598 6.17908 18.1759L16.4272 7.92707L12.0724 3.57191Z" fill="%23305260"/></g><defs><clipPath id="clip0_1835_8048"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}




#open_contact_connect span {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23305260"><path d="M12.5947 14.5939C12.4008 14.7151 12.1826 14.7636 11.9887 14.7636C11.7947 14.7636 11.5765 14.7151 11.3826 14.5939L1.73438 8.70312V16.5332C1.73438 18.2059 3.09192 19.5634 4.7646 19.5634H19.2369C20.9096 19.5634 22.2672 18.2059 22.2672 16.5332V8.70312L12.5947 14.5939Z" fill="%23305260"/><path d="M19.2376 4.43652H4.76529C3.33502 4.43652 2.12293 5.45468 1.83203 6.81222L12.0136 13.0181L22.1709 6.81222C21.88 5.45468 20.6679 4.43652 19.2376 4.43652Z" fill="%23305260"/></svg>');

}


.client-info-controls button::before {
	content: '';
	width: 0;
	right: 0;
	top: -15px;
	height: calc(100% + 30px);
	position: absolute;
	transition: .2s;
	background-color: #305260;
	border-radius: 15px 0 0 15px;
}

.client-info-controls button:hover:before {
	width: calc(100% + 15px);
	transition: .2s;
}

.client-info-controls button:hover p {
	font-variation-settings: 'wght' 600;
	color: #fff;
	transition: .2s;
}

.client-info-controls button:hover span {
	background-color: #305260;
	transition: .2s;
}




#send_from_client_info:hover span {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white"><path d="M12.5947 14.5939C12.4008 14.7151 12.1826 14.7636 11.9887 14.7636C11.7947 14.7636 11.5765 14.7151 11.3826 14.5939L1.73438 8.70312V16.5332C1.73438 18.2059 3.09192 19.5634 4.7646 19.5634H19.2369C20.9096 19.5634 22.2672 18.2059 22.2672 16.5332V8.70312L12.5947 14.5939Z" fill="white"/><path d="M19.2376 4.43652H4.76529C3.33502 4.43652 2.12293 5.45468 1.83203 6.81222L12.0136 13.0181L22.1709 6.81222C21.88 5.45468 20.6679 4.43652 19.2376 4.43652Z" fill="white"/></svg>');

}

#delete-contact:hover span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8052)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.18361 0.5C7.47603 0.5 6.90209 1.07395 6.90209 1.78153C6.90209 1.86582 6.88547 1.94928 6.85318 2.02714C6.8209 2.105 6.77358 2.17574 6.71393 2.23529C6.65429 2.29485 6.58348 2.34206 6.50557 2.37423C6.42766 2.4064 6.34417 2.4229 6.25988 2.42277H3.26998C3.015 2.42277 2.77047 2.52406 2.59018 2.70435C2.40988 2.88465 2.30859 3.44434 2.30859 3.69931C2.30859 3.95429 2.40988 3.88366 2.59018 4.06395C2.77047 4.24425 3.015 4.34554 3.26998 4.34554H16.7294C16.9843 4.34554 17.2289 4.24425 17.4092 4.06395C17.5895 3.88366 17.6907 3.63913 17.6907 3.38415C17.6907 3.12918 17.5895 2.88465 17.4092 2.70435C17.2289 2.52406 16.9843 2.42277 16.7294 2.42277H13.7375C13.5676 2.42251 13.4048 2.35484 13.2847 2.23461C13.1647 2.11438 13.0972 1.95143 13.0972 1.78153C13.0972 1.07395 12.5233 0.5 11.8157 0.5H8.18361ZM4.23136 5.80657C4.09835 5.80651 3.96677 5.83405 3.84495 5.88746C3.72313 5.94086 3.61371 6.01896 3.52363 6.11682C3.43354 6.21468 3.36474 6.33017 3.32157 6.45598C3.27841 6.58179 3.26182 6.7152 3.27286 6.84775L4.01409 15.7406C4.09438 16.7017 4.53289 17.5975 5.24268 18.2505C5.95247 18.9035 6.88171 19.2659 7.84617 19.266H12.1532C13.1178 19.2659 14.0472 18.9033 14.757 18.2502C15.4668 17.597 15.9052 16.7009 15.9852 15.7396L16.7255 6.84775C16.7365 6.71528 16.72 6.58196 16.6769 6.45621C16.6338 6.33046 16.5651 6.21502 16.4751 6.11717C16.3851 6.01933 16.2758 5.94121 16.1541 5.88775C16.0324 5.83429 15.9009 5.80665 15.768 5.80657H4.23136Z" fill="white"/></g><defs><clipPath id="clip0_1835_8052"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}

#delete-requests:hover span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8052)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.18361 0.5C7.47603 0.5 6.90209 1.07395 6.90209 1.78153C6.90209 1.86582 6.88547 1.94928 6.85318 2.02714C6.8209 2.105 6.77358 2.17574 6.71393 2.23529C6.65429 2.29485 6.58348 2.34206 6.50557 2.37423C6.42766 2.4064 6.34417 2.4229 6.25988 2.42277H3.26998C3.015 2.42277 2.77047 2.52406 2.59018 2.70435C2.40988 2.88465 2.30859 3.44434 2.30859 3.69931C2.30859 3.95429 2.40988 3.88366 2.59018 4.06395C2.77047 4.24425 3.015 4.34554 3.26998 4.34554H16.7294C16.9843 4.34554 17.2289 4.24425 17.4092 4.06395C17.5895 3.88366 17.6907 3.63913 17.6907 3.38415C17.6907 3.12918 17.5895 2.88465 17.4092 2.70435C17.2289 2.52406 16.9843 2.42277 16.7294 2.42277H13.7375C13.5676 2.42251 13.4048 2.35484 13.2847 2.23461C13.1647 2.11438 13.0972 1.95143 13.0972 1.78153C13.0972 1.07395 12.5233 0.5 11.8157 0.5H8.18361ZM4.23136 5.80657C4.09835 5.80651 3.96677 5.83405 3.84495 5.88746C3.72313 5.94086 3.61371 6.01896 3.52363 6.11682C3.43354 6.21468 3.36474 6.33017 3.32157 6.45598C3.27841 6.58179 3.26182 6.7152 3.27286 6.84775L4.01409 15.7406C4.09438 16.7017 4.53289 17.5975 5.24268 18.2505C5.95247 18.9035 6.88171 19.2659 7.84617 19.266H12.1532C13.1178 19.2659 14.0472 18.9033 14.757 18.2502C15.4668 17.597 15.9052 16.7009 15.9852 15.7396L16.7255 6.84775C16.7365 6.71528 16.72 6.58196 16.6769 6.45621C16.6338 6.33046 16.5651 6.21502 16.4751 6.11717C16.3851 6.01933 16.2758 5.94121 16.1541 5.88775C16.0324 5.83429 15.9009 5.80665 15.768 5.80657H4.23136Z" fill="white"/></g><defs><clipPath id="clip0_1835_8052"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}


#edit-contact:hover span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8048)"><path d="M17.3497 7.00453L18.9814 5.37283C19.3158 5.03847 19.4999 4.5939 19.4999 4.12113C19.4999 3.64835 19.3158 3.20378 18.9814 2.86943L17.1301 1.01804C16.4398 0.327808 15.3165 0.327808 14.6267 1.01804L12.9946 2.64937L17.3497 7.00453ZM12.0724 3.57191L1.82355 13.8208C1.73963 13.9047 1.68022 14.0099 1.65173 14.1251L0.519156 18.6906C0.495338 18.7868 0.493709 18.887 0.514392 18.9839C0.535076 19.0807 0.57753 19.1715 0.638537 19.2495C0.699543 19.3275 0.777502 19.3906 0.866506 19.434C0.95551 19.4774 1.05322 19.5 1.15224 19.5C1.20457 19.5 1.25726 19.4937 1.30921 19.4807L5.87478 18.3477C5.98982 18.3192 6.09521 18.2598 6.17908 18.1759L16.4272 7.92707L12.0724 3.57191Z" fill="white"/></g><defs><clipPath id="clip0_1835_8048"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}

#edit-request_pop_up:hover span {
	background-size: 19px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1835_8048)"><path d="M17.3497 7.00453L18.9814 5.37283C19.3158 5.03847 19.4999 4.5939 19.4999 4.12113C19.4999 3.64835 19.3158 3.20378 18.9814 2.86943L17.1301 1.01804C16.4398 0.327808 15.3165 0.327808 14.6267 1.01804L12.9946 2.64937L17.3497 7.00453ZM12.0724 3.57191L1.82355 13.8208C1.73963 13.9047 1.68022 14.0099 1.65173 14.1251L0.519156 18.6906C0.495338 18.7868 0.493709 18.887 0.514392 18.9839C0.535076 19.0807 0.57753 19.1715 0.638537 19.2495C0.699543 19.3275 0.777502 19.3906 0.866506 19.434C0.95551 19.4774 1.05322 19.5 1.15224 19.5C1.20457 19.5 1.25726 19.4937 1.30921 19.4807L5.87478 18.3477C5.98982 18.3192 6.09521 18.2598 6.17908 18.1759L16.4272 7.92707L12.0724 3.57191Z" fill="white"/></g><defs><clipPath id="clip0_1835_8048"><rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/></clipPath></defs></svg>');
}

#open_contact_connect:hover span {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white"><path d="M12.5947 14.5939C12.4008 14.7151 12.1826 14.7636 11.9887 14.7636C11.7947 14.7636 11.5765 14.7151 11.3826 14.5939L1.73438 8.70312V16.5332C1.73438 18.2059 3.09192 19.5634 4.7646 19.5634H19.2369C20.9096 19.5634 22.2672 18.2059 22.2672 16.5332V8.70312L12.5947 14.5939Z" fill="white"/><path d="M19.2376 4.43652H4.76529C3.33502 4.43652 2.12293 5.45468 1.83203 6.81222L12.0136 13.0181L22.1709 6.81222C21.88 5.45468 20.6679 4.43652 19.2376 4.43652Z" fill="white"/></svg>');

}

.confirm-delete-dialog-body {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#confirm-delete-dialog menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;

}


#confirm-delete-dialog,
#confirm-dialog,
#modal-delete {
	max-width: 500px;
	text-align: center;
	animation: fadeSlideInDialog 0.2s ease;
	aspect-ratio: 2 / 1;
	min-height: unset;
}

#confirm-delete-dialog h3 {
	margin: 0;
	margin-bottom: 30px;
}

#confirm-delete-dialog h3 strong {
	color: #305260;
}


#confirm-delete-dialog menu button {
	width: calc(50% - 10px);
}


#add_contact {
	padding: 40px 40px 50px;
	width: 1250px;
}

#add_contact h3 {
	margin-bottom: 30px;
}


#create_contact {
	gap: 20px;
	padding: 1px;
}


#edit_contact {
	gap: 20px;
	padding: 1px;
}

#add_contact input[type="text"],
#add_contact input[type="email"],
#add_contact input[type="date"] {
	width: 100%;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
}

#add_contact input[type="text"]:focus,
#add_contact input[type="email"]:focus,
#add_contact input[type="text"]:focus-visible,
#add_contact input[type="email"]:focus-visible,
#add_contact input[type="tel"]:focus-visible,
#add_contact input[type="date"]:focus-visible {
	outline: 1px solid #305260;
	transition: .2s;
}

input[name="result"] {
	width: calc(25% - 23px) !important;
}

input[name="result_edit"] {
	width: calc(25% - 23px) !important;
}


.create-contact-inputs-top {
	padding: 0 1px;
}


#add_contact input::placeholder {
	transition: .2s;
}


#add_contact input:focus::placeholder,
#add_contact input:focus-visible::placeholder {
	opacity: .5;
	transition: .2s
}


.create-contact-inputs-top {
	gap: 30px;
}

#add_contact .create-contact-inputs-top input[name="company"] {
	width: calc(50% - 15px);
}

#add_contact .create-contact-inputs-top input[name="address"] {
	width: calc(50% - 15px);
}

.country_dropdown {
	position: absolute;
	top: calc(50% - 10px);
	left: 20px;
	/* z-index: 1000; */
}

.dropdown_toggle {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-variation-settings: 'wght' 500;
	color: #305260;
	position: relative;
	text-transform: uppercase;
}

.dropdown_toggle::before {

	content: '';
	width: 11px;
	height: 5px;
	position: absolute;
	right: -13px;
	top: calc(50% - 2px);
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M1 1L5.5 4L10 1" stroke="%23305260" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.dropdown_toggle.active::before {
	transform: rotate(-180deg);
	transition: .2s;
}


.dropdown_menu {
	display: none;
	position: absolute;
	top: calc(100% + 25px);
	left: -20px;
	overflow: hidden;
	max-height: 200px;
	border-radius: 20px;
}

.dropdown_menu.active {
	display: block;
}

.dropdown_menu>ul {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
	padding: 0;
	margin: 0;
	max-height: 200px;
	z-index: 2;
	overflow-y: auto;
	position: relative;
	width: 250px;
}

.dropdown_menu>ul::-webkit-scrollbar {
	width: 12px;
}

.dropdown_menu>ul::-webkit-scrollbar-track {
	background: #F1F7F4;
}

.dropdown_menu>ul::-webkit-scrollbar-thumb {
	background-color: #DADADA;
	border-radius: 10px;

}


.dropdown_menu>ul.active {
	display: block;
}


.dropdown_menu li {
	padding: 15px 20px;
	position: relative;
	transition: .2s;
	color: #001C1D;
	font-variation-settings: 'wght' 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
}

.dropdown_menu li:not(:last-child) {
	border: 1px solid rgb(241, 247, 244);
}




.dropdown_menu li:hover {
	transition: .2s;
	background: #F1F7F4;

}

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

input[type="tel"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	color: #305260;
	transition: .2s;
	font-variation-settings: 'wght' 500;
	width: 100%;
	padding-left: 65px;
	font-size: 16px;
}

input[type="text"] {

	font-size: 16px;
}

input[type="email"] {
	font-size: 16px;
}

.add_client_body {
	/* height: calc(100% - 40px);
	overflow: auto;
	padding-right: 10px; */
}

#add_contact input {
	font-size: 16px;
	color: #305260;
}

#add_contact input::placeholder {
	color: #305260;
}


/* #add_contact .close_dialog {
	top: 3px;

} */

.create-contact-inputs-center {
	gap: 30px;
}


.create-contact-inputs-center input[type="email"] {
	width: calc(50% - 20px) !important;
	font-size: 16px;
}

.phone_input_wrapper {
	width: calc(33.3% - 20px);
}

.gender-block {
	gap: 25px;
}

.gender-container {
	width: calc(33.3% - 17px);

}

#add_contact input[type="email"],
#add_contact input[type="date"] {
	width: calc(33.3% - 20px);
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
}



.contacts-info-bottom input[name="place"] {
	width: calc(50% - 15px) !important;
}

.contacts-info-bottom input[type="date"] {
	width: calc(25% - 23px) !important;
}


.contacts-info-bottom .segment-options {
	width: calc(25% - 22px);
}


.gender-block>img {
	display: none;
}

.gender-block>img.active {
	display: block;
}

.gender-options {
	position: relative;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	width: 100%;
	color: #305260;
	flex-direction: row-reverse;
	cursor: pointer;
}

.gender-options span::after {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0;
}

.gender-options::before {
	content: '';
	width: 15px;
	height: 8px;
	background-repeat: no-repeat;
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none"><path d="M1 1.5L7.5 6.5L14 1.5" stroke="%23305260" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	display: block;
}


.gender-options.active::before {
	transform: rotate(-180deg);
	transition: .2s;
}

.gender-options ul {
	position: absolute;
	top: calc(100% + 20px);
	opacity: 0;
	pointer-events: none;
	transition: .2s;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	z-index: 1;
}



.gender-options ul li {

	position: relative;
	transition: .2s;
	color: #001C1D;
	font-variation-settings: 'wght' 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
}


.gender-options ul li label {
	padding: 15px 20px;
	width: 100%;
	transition: .2s;

}

.gender-options ul li input {
	appearance: none;
}

.gender-options ul li input:checked+label {
	color: #305260;
	font-variation-settings: 'wght' 700;
	transition: .2s;
}

.gender-options ul li:not(:last-child) {
	border: 1px solid rgb(241, 247, 244);
}

.gender-options li:hover {
	transition: .2s;
	background: #F1F7F4;
}

.gender-options.active ul {
	top: calc(100% + 10px);
	opacity: 1;
	pointer-events: auto;
	transition: .2s;

}


.create-contact-messengers>span {
	font-size: 18px;
	line-height: 120%;
	display: inline-block;
	margin-bottom: 15px;
}


.create-contact-messengers input[type="tel"] {
	padding: 0;
	border: none;
}

.create-contact-messengers label {
	padding: 17px 20px;
	gap: 8px;
	border: 1px solid;
	border-radius: 20px;
}

.create-contact-messengers label input {
	font-variation-settings: 'wght' 600;
}

#label_telegram {
	border-color: #2AABEE;
}

#label_telegram input,
#label_telegram input::placeholder {
	background: linear-gradient(180deg, #2AABEE 0%, #2AABEE 1%, #229ED9 10000%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


#label_request_telegram {
	border-color: #2AABEE;
}

#label_request_telegram input,
#label_request_telegram input::placeholder {
	background: linear-gradient(180deg, #2AABEE 0%, #2AABEE 1%, #229ED9 10000%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}




#label_viber {
	border-color: #7360F2;
}

#label_viber input {
	background: linear-gradient(180deg, #7360F2 12.86%, #7360F2 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#label_viber input::placeholder {
	background: linear-gradient(180deg, #7360F2 12.86%, #7360F2 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#label_request_viber {
	border-color: #7360F2;
}

#label_request_viber input {
	background: linear-gradient(180deg, #7360F2 12.86%, #7360F2 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#label_request_viber input::placeholder {
	background: linear-gradient(180deg, #7360F2 12.86%, #7360F2 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}




#label_whatsapp {
	border-color: #25D366;
}

#label_whatsapp input {
	background: linear-gradient(180deg, #25D366 12.86%, #075E54 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#label_whatsapp input::placeholder {
	background: linear-gradient(180deg, #25D366 12.86%, #075E54 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


#label_request_whatsapp {
	border-color: #25D366;
}

#label_request_whatsapp input {
	background: linear-gradient(180deg, #25D366 12.86%, #075E54 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#label_request_whatsapp input::placeholder {
	background: linear-gradient(180deg, #25D366 12.86%, #075E54 252.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}






.add_request_body::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.add_request_body::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.add_request_body::-webkit-scrollbar {
	width: 12px;
}




.add-contact-buttons {
	gap: 15px;
}


.segment-options {
	position: relative;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	width: calc(33.3% - 20px);
	color: #305260;
	flex-direction: row-reverse;
	cursor: pointer;
}


#add_contact .contacts-info-row input[type="text"],
#add_contact .contacts-info-row input[type="email"],
#add_contact .contacts-info-row input[type="date"] {
	width: calc(33.3% - 20px);
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
}

.contacts-info-row {
	gap: 30px !important;
}

.contacts-info-bottom {
	gap: 30px;
}


.segment-options span {
	font-size: 16px;
}


.segment-options span::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.segment-options ul {
	position: absolute;
	top: calc(100% + 20px);
	opacity: 0;
	pointer-events: none;
	transition: .2s;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	z-index: 2;
	max-height: 200px;
	overflow: auto;
}




.segment-options.active ul {
	top: calc(100% + 10px);
	opacity: 1;
	pointer-events: auto;
	transition: .2s;
}



.segment-options ul::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.segment-options ul::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.segment-options ul::-webkit-scrollbar {
	width: 12px;
}


.segment-options ul li {
	position: relative;
	transition: .2s;
	color: #001C1D;
	font-variation-settings: 'wght' 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.segment-options li:hover {
	transition: .2s;
	background: #F1F7F4;
}

.segment-options ul li:not(:last-child) {
	border: 1px solid rgb(241, 247, 244);
}

.segment-options ul li input {
	appearance: none;
}

.segment-options ul li label {
	padding: 15px 20px;
	width: 100%;
	transition: .2s;
	cursor: pointer;
}


.segment-options ul li input:checked+label {
	color: #305260;
	font-variation-settings: 'wght' 700;
	transition: .2s;
}

.segment-options::before {
	content: '';
	width: 15px;
	height: 8px;
	background-repeat: no-repeat;
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none"><path d="M1 1.5L7.5 6.5L14 1.5" stroke="%23305260" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	display: block;
}

.segment-options.active::before {
	transform: rotate(-180deg);
	transition: .2s;
}

.contacts-info-row {
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}









.request-options {
	position: relative;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	width: 100%;
	color: #305260;
	flex-direction: row-reverse;
	cursor: pointer;
	max-width: 375px;
}

.request-options span {
	background: linear-gradient(90deg, #305260 83.5%, #F9F9F9 97.97%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
	font-size: 16px;
}

.request-options span::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}


.request-options ul {
	position: absolute;
	top: calc(100% + 20px);
	opacity: 0;
	pointer-events: none;
	transition: .2s;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	max-height: 200px;
	overflow: auto;
	z-index: 2;
}




.request-options ul::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.request-options ul::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.request-options ul::-webkit-scrollbar {
	width: 12px;
}


.request-options.active ul {
	top: calc(100% + 10px);
	opacity: 1;
	pointer-events: auto;
	transition: .2s;
}

.request-options ul li {
	position: relative;
	transition: .2s;
	color: #001C1D;
	font-variation-settings: 'wght' 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.request-options li:hover {
	transition: .2s;
	background: #F1F7F4;
}

.request-options ul li:not(:last-child) {
	border: 1px solid rgb(241, 247, 244);
}

.request-options ul li input {
	appearance: none;
}

.request-options ul li label {
	padding: 15px 20px;
	width: 100%;
	transition: .2s;
	cursor: pointer;
}


.request-options ul li input:checked+label {
	color: #305260;
	font-variation-settings: 'wght' 700;
	transition: .2s;
}

.request-options::before {
	content: '';
	width: 15px;
	height: 8px;
	background-repeat: no-repeat;
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none"><path d="M1 1.5L7.5 6.5L14 1.5" stroke="%23305260" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	display: block;
}

.request-options.active::before {
	transform: rotate(-180deg);
	transition: .2s;
}







#edit_contact_pop_up .request-options {
	visibility: hidden;
	position: absolute;
	pointer-events: none;
}






.contact-options {
	position: relative;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	width: 100%;
	color: #305260;
	flex-direction: row-reverse;
	cursor: pointer;
}


.contact-options ul {
	position: absolute;
	top: calc(100% + 20px);
	opacity: 0;
	pointer-events: none;
	transition: .2s;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	max-height: 200px;
	overflow: auto;
	z-index: 2;
}




.contact-options ul::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.contact-options ul::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.contact-options ul::-webkit-scrollbar {
	width: 12px;
}


.contact-options.active ul {
	top: calc(100% + 10px);
	opacity: 1;
	pointer-events: auto;
	transition: .2s;
}

.contact-options ul li {
	position: relative;
	transition: .2s;
	color: #001C1D;
	font-variation-settings: 'wght' 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.contact-options li:hover {
	transition: .2s;
	background: #F1F7F4;
}

.contact-options ul li:not(:last-child) {
	border: 1px solid rgb(241, 247, 244);
}

.contact-options ul li input {
	appearance: none;
}

.contact-options ul li label {
	padding: 15px 20px;
	width: 100%;
	transition: .2s;
	cursor: pointer;
}


.contact-options ul li input:checked+label {
	color: #305260;
	font-variation-settings: 'wght' 700;
	transition: .2s;
}

.contact-options::before {
	content: '';
	width: 15px;
	height: 8px;
	background-repeat: no-repeat;
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none"><path d="M1 1.5L7.5 6.5L14 1.5" stroke="%23305260" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	display: block;
}

.contact-options.active::before {
	transform: rotate(-180deg);
	transition: .2s;
}









.create-contact-messengers label input:focus,
.create-contact-messengers label input:focus-visible {
	outline: none !important;
}




.create-contact-messengers>div {
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	max-width: 660px !important;
}


.add_client_body::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.add_client_body::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.add_client_body::-webkit-scrollbar {
	width: 12px;
}






.user-account-body {
	padding: 30px;
	height: 100%;
	overflow: auto;
}

.user-account-body::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.user-account-body::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.user-account-body::-webkit-scrollbar {
	width: 12px;
}


.user-account-body h1 {
	margin-bottom: 30px !important;
}

.user-photo {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #0F4A44;
	display: grid;
	place-items: center;
	margin-bottom: 20px;
	overflow: hidden;
}

.user-photo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.user-full-name {
	font-size: 20px;
	margin-bottom: 20px;

}

.user-account-body .user-email {
	gap: 10px;
	font-size: 18px;
	color: #000;
	margin-bottom: 30px;
}

.user-account-body .user-email span {
	display: flex;
}

.user-account-body .user-email p {
	margin: 0;
}


.user-account-body .user-phone {
	gap: 10px;
	font-size: 18px;
	margin-bottom: 10px;
	color: #000;

}

.user-account-body .user-phone span {
	display: flex;
}

.user-account-body .user-phone p {
	margin: 0;
}

#edit_user span {
	gap: 10px;
}

#edit_user span::before {
	content: '';
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none"><g clip-path="url(%23clip0_1941_7693)"><path d="M16.8497 7.00453L18.4814 5.37283C18.8158 5.03847 18.9999 4.5939 18.9999 4.12113C18.9999 3.64835 18.8158 3.20378 18.4814 2.86943L16.6301 1.01804C15.9398 0.327808 14.8165 0.327808 14.1267 1.01804L12.4946 2.64937L16.8497 7.00453ZM11.5724 3.57191L1.32355 13.8208C1.23963 13.9047 1.18022 14.0099 1.15173 14.1251L0.0191562 18.6906C-0.00466214 18.7868 -0.00629118 18.887 0.0143925 18.9839C0.0350761 19.0807 0.0775299 19.1715 0.138537 19.2495C0.199543 19.3275 0.277502 19.3906 0.366506 19.434C0.45551 19.4774 0.553223 19.5 0.652242 19.5C0.704566 19.5 0.757262 19.4937 0.809215 19.4807L5.37478 18.3477C5.48982 18.3192 5.59521 18.2598 5.67908 18.1759L15.9272 7.92707L11.5724 3.57191Z" fill="white"/></g><defs><clipPath id="clip0_1941_7693"><rect width="19" height="19" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}

#edit_user.inactive {
	display: none;
}

.edit-user-form {
	max-height: 0;
	overflow: hidden;
	transition: .2s;
}

.edit-user-form.active {
	max-height: 1000px;
	overflow: visible;
	transition: .2s;
}

.edit-user-form>form {
	margin-top: 30px;
}

#user-profile-form>div {
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 20px;
}

#user-profile-form input {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
}

#user-profile-form input::placeholder {
	color: #305260;
	transition: .2s
}


#user-profile-form input:focus::placeholder,
#user-profile-form input:focus-visible::placeholder {
	opacity: .5;
	transition: .2s
}

#user-profile-form input:focus,
#user-profile-form input:focus-visible {
	outline: 2px solid #305260 !important;
	border: none !important;
}


#select_avatar_button {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px 17px 60px;
	position: relative;
	text-align: start;
	color: #305260;
	width: 100%;
}

#select_avatar_button img {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0, -50%);
	border-radius: 50%;
}

#clear_optional_fields {
	border: 2px solid #305260 !important;
	padding: 15px 40px;
}

#clear_optional_fields:focus span,
#clear_optional_fields:focus-visible span {
	color: #305260;
}

#clear_optional_fields:focus:hover span,
#clear_optional_fields:focus-visible:hover span {
	color: #fff;
}


#clear_img {
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 1;
	transform: translate(0, -50%);
	display: flex;
	transition: .2s;
	cursor: pointer;
}

#clear_img svg path {
	transition: .2s;
}


#clear_img:hover svg path {
	fill: #DF1515;
	transition: .2s;
}

.select-avatar-container {
	position: relative;
}










#request_info.loading::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #305260;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}

#request_info.loading .request-info-body {
	opacity: 0;
}

#request_info {
	border-radius: 20px;
	background: #FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 40px 0px 40px 50px;
	aspect-ratio: 18 / 8;
	width: 1250px;
	animation: fadeSlideInDialog 0.2s ease;
}

.request-info-body {
	height: 100%;
}

.request-info span {
	max-width: 200px;
	display: block;
	overflow: hidden;
	white-space: normal;
}

.request_photo {
	border-radius: 15px;
	overflow: hidden;
	aspect-ratio: 34 / 15;
	width: 100%;
	height: auto;
	min-height: 145px;
}

.request_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


#add_request_pop_up {
	padding: 40px 50px 50px;
	width: 1250px;
	aspect-ratio: unset;
}



#add_request_pop_up .segment-options {
	width: 100%;
}


#add_request_pop_up .create-contact-inputs-top {}

#add_request_pop_up .create-contact-inputs-top input[name="company"] {
	width: calc(50% - 15px);
}

#add_request_pop_up .create-contact-inputs-top input[name="address"] {
	width: calc(50% - 15px);
}

#add_request_pop_up .create-contact-inputs-top .segment-options {

	width: calc(33.3% - 20px);

}

#add_request_pop_up input[type="email"] {
	width: calc(33.3% - 20px) !important;

}

input[name="date"] {
	width: calc(25% - 23px) !important;
	height: 54px;
	transition: .3s;
}

input[name="date"]:focus {
	outline: 1px solid #305260;
	transition: .3s;
}

input[name="date_edit"] {
	width: calc(25% - 23px) !important;
	height: 54px;
	transition: .3s;
}

input[name="date_edit"]:focus {
	outline: 1px solid #305260;
	transition: .3s;
}

#add_request_pop_up .contacts-info-row.for-contact .segment-options {

	width: calc(33.3% - 20px);

}

#add_request_pop_up .contacts-info-bottom .segment-options {
	width: calc(25% - 22px);
}


#create_new_contact_request {
	padding: 15px 20px;
	width: 100%;
	transition: .2s;
	cursor: pointer;
	border: none;
	color: #305260;
	font-size: 18px;
}

.add_request_body {
	/* height: 100%;
	overflow-y: scroll; */
	gap: 30px;
	/* padding-right: 10px; */
}

.combined-request-form {
	/* height: calc(100% - 50px);
	gap: 30px; */
}

.combined-request-form h3 {
	margin-bottom: 30px;
}

.first-row {
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.third-row {
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}


#add_request_pop_up input[type="text"],
#add_request_pop_up input[type="email"],
#add_request_pop_up input[type="number"],
#add_request_pop_up textarea {
	width: 100%;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
	outline: 2px solid transparent;
}


#add_request_pop_up input[type="text"]:focus,
#add_request_pop_up input[type="email"]:focus,
#add_request_pop_up input[type="number"]:focus,
#add_request_pop_up textarea:focus {
	outline: 2px solid #305260;
	border-color: transparent;
}

#add_request_pop_up input[type="text"]:focus::placeholder,
#add_request_pop_up input[type="email"]:focus::placeholder,
#add_request_pop_up input[type="number"]:focus::placeholder,
#add_request_pop_up textarea:focus::placeholder {
	opacity: .5;
}

#add_request_pop_up textarea {
	resize: none;
	max-height: 55px;
}

.add-request-image {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px 17px 60px;
	position: relative;
	text-align: start;
	color: #305260;
	width: 100%;
}

.add-request-image img {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0, -50%);
	border-radius: 50%;
	object-fit: cover;
}

#clear_request_img {
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 1;
	transform: translate(0, -50%);
	display: flex;
	transition: .2s;
	cursor: pointer;
}

#clear_request_img:hover svg path {
	fill: #DF1515;
	transition: .2s;
}

#clear_request_img svg path {
	transition: .2s;
}

.add-request-img-container,
.add-request-img-container-edit {
	position: relative;
}



.create-new-contact-request {
	display: none;
}

.create-new-contact-request h3 {
	margin-bottom: 0;
}

.create-new-contact-request.active {
	display: flex;
	flex-direction: column;
	gap: 30px;
}



#add_request_pop_up input[type="text"]::placeholder,
#add_request_pop_up input[type="email"]::placeholder,
#add_request_pop_up input[type="number"]::placeholder,
#add_request_pop_up textarea::placeholder {
	color: #305260;
	font-size: 16px;
	transition: .2s;
}

#add_request_pop_up .create-contact-messengers>div {

	width: 100%;
	max-width: 100%;
}

input[type="tel"]::placeholder {
	color: #305260;
}



#connect_contact {
	width: 1250px;
	padding: 40px 50px;
}


.notification_dialog_body {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}






#edit_request_pop_up input[type="text"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	color: #305260;
	transition: .2s;
	font-variation-settings: 'wght' 500;
	width: 100%;
}

#edit_request_pop_up input[type="text"]::placeholder {
	color: #305260;
	font-size: 16px;
	transition: .2s;
}

#edit_request_pop_up input[type="text"]:focus {
	outline: none !important;
}

#edit_request_pop_up input[type="text"]:focus::placeholder {
	opacity: 0 !important;
}


#edit_request_pop_up {
	width: 1250px;
	aspect-ratio: 8 / 3;
}



#edit_request_pop_up textarea {
	width: 100%;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
	resize: none;
	max-height: 55px;
}

#clear_request_img_edit {
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 1;
	transform: translate(0, -50%);
	display: flex;
	transition: .2s;
	cursor: pointer;
}


#clear_request_img_edit:hover svg path {
	fill: #DF1515;
	transition: .2s;
}

#clear_request_img_edit svg path {
	transition: .2s;
}



.selected-segment::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.contact-options span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.contact-options span {
	white-space: nowrap;
}

.contact-options span {
	display: inline-block;
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	background: linear-gradient(90deg, #305260 83.5%, #F9F9F9 97.97%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: 100%;
	font-size: 16px;
}

.add-request-image-edit {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px 17px 60px;
	position: relative;
	text-align: start;
	color: #305260;
	width: 100%;
}

.add-request-image-edit img {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0, -50%);
	border-radius: 50%;
	object-fit: cover;
}

#edit_request_form_container h3 span {
	color: #305260;
}

#edit_request_form_container h3 {
	max-width: calc(100% - 50px);
}

#edit_request_pop_up.loading::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #305260;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}

#edit_request_pop_up.loading #edit_request_form_container {
	opacity: 0;
}





#edit_contact_pop_up {
	width: 1250px;
}


#edit_contact_pop_up .create-contact-inputs-top input[name="company_edit"] {
	width: calc(50% - 15px);
}

#edit_contact_pop_up .create-contact-inputs-top input[name="address_edit"] {
	width: calc(50% - 15px);
}

#edit_contact_pop_up .create-contact-inputs-top input[name="email_edit"] {
	width: calc(33.3% - 20px);
}


#edit_contact_pop_up .contacts-info-bottom input[name="place_edit"] {
	width: calc(50% - 15px) !important;
}


form input[type="date"] {
	width: calc(33.3% - 20px);
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
	color: #305260;
}

#edit_contact_pop_up.loading::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #305260;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}

#edit_contact_pop_up.loading #edit_contact_form_container {
	opacity: 0;
}


#edit_contact_pop_up input[type="text"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	color: #305260;
	transition: .2s;
	font-variation-settings: 'wght' 500;
	width: 100%;
}

#edit_contact_pop_up input[type="text"]::placeholder {
	color: #305260;
	font-size: 16px;
	transition: .2s;
}

#edit_contact_pop_up input[type="text"]:focus {
	outline: none !important;
}

#edit_contact_pop_up input[type="text"]:focus::placeholder {
	opacity: 0 !important;
}


#edit_contact_pop_up input[type="email"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	color: #305260;
	transition: .2s;
	font-variation-settings: 'wght' 500;
	width: 100%;
}

#edit_contact_pop_up input[type="email"]::placeholder {
	color: #305260;
	font-size: 16px;
	transition: .2s;
}

#edit_contact_pop_up input[type="email"]:focus {
	outline: none !important;
}

#edit_contact_pop_up input[type="email"]:focus::placeholder {
	opacity: 0 !important;
}

#edit_contact_form_container h3 span {
	color: #305260;
}








.main-screen-top.reminder {
	padding: 20px 30px;
	gap: 25px;
}




#add_reminder form {
	position: relative;
}

.main-screen-top.reminder+.main-screen-center {
	padding: 0 30px 30px 30px;
	height: calc(100% - 100px);
	overflow: auto;
}


.main-screen-top.reminder+.main-screen-center::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.main-screen-top.reminder+.main-screen-center::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.main-screen-top.reminder+.main-screen-center::-webkit-scrollbar {
	width: 12px;
}


.main-screen-top.reminder+.main-screen-center h3 {
	font-size: 20px;
	margin: 0 0 15px 0;
}

.remind-item {
	gap: 20px;
}

.remind-item__desc {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 15px;
	min-height: 95px;
	color: #305260;
	width: 100%;
}

.remind-item__controls {
	width: 100%;
	gap: 20px;
}

.remind-item__controls>* {
	width: calc(33.3% - 13px);
}

.remind-item__controls>div {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 18px 20px;
	color: #000;
}

.remind-list {
	gap: 50px;
}


#add_reminder {
	width: 1250px;
	aspect-ratio: 7 / 2;
	padding: 40px 50px 50px;
}

#add_reminder h3 {
	margin: 0 0 30px 0;
	line-height: 120%;
}

.remind-form__controls {
	gap: 30px;
	width: 100%;
}

.remind-form__controls>* {
	min-width: 245px;
}

.remind-form__inputs {
	gap: 30px;
	width: 100%;
}

.remind-form__inputs>* {
	width: calc(50% - 15px);
}

.remind-form__inputs input[type="text"] {
	width: 100%;
}

.remind-form__inputs .flatpickr-wrapper {
	width: 100%;
}

.remind-form__inputs textarea,
.remind-form__inputs input[type="text"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	min-height: 140;
	resize: none;
	padding: 17px 20px;

}

.remind-form__inputs textarea {
	min-height: 140px;
}

.remind-form__inputs textarea::placeholder,
.remind-form__inputs input[type="text"]::placeholder {
	color: #305260;
	transition: .2s;
}

.remind-form__inputs textarea:focus::placeholder,
.remind-form__inputs input[type="text"]:focus::placeholder {
	opacity: 0;
	transition: .2s;
}

.remind-form__inputs textarea:focus,
.remind-form__inputs input[type="text"]:focus {
	outline: 1px solid #305260;
	transition: .2s;
}

#add_reminder form {
	gap: 30px;
}




#edit_reminder {
	width: 1250px;
	aspect-ratio: 7 / 2;
	padding: 40px 50px 50px;
}

#edit_reminder h3 {
	margin: 0 0 30px 0;
	line-height: 120%;
}

#edit_reminder h3 span {
	color: #305260;
}

#edit_reminder form {
	gap: 30px;
}




.edit-remind-form__controls {
	gap: 30px;
	width: 100%;
}

.edit-remind-form__controls>* {
	min-width: 245px;
}

.edit-remind-form__inputs {
	gap: 30px;
	width: 100%;
}

.edit-remind-form__inputs>* {
	width: calc(50% - 15px);
}

.edit-remind-form__inputs input[type="text"] {
	width: 100%;
}

.edit-remind-form__inputs .flatpickr-wrapper {
	width: 100%;
}

.edit-remind-form__inputs textarea,
.edit-remind-form__inputs input[type="text"] {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	min-height: 140;
	resize: none;
	padding: 17px 20px;

}

.edit-remind-form__inputs textarea {
	min-height: 140px;
}

.edit-remind-form__inputs textarea::placeholder,
.edit-remind-form__inputs input[type="text"]::placeholder {
	color: #305260;
	transition: .2s;
}

.edit-remind-form__inputs textarea:focus::placeholder,
.edit-remind-form__inputs input[type="text"]:focus::placeholder {
	opacity: 0;
	transition: .2s;
}

.edit-remind-form__inputs textarea:focus,
.edit-remind-form__inputs input[type="text"]:focus {
	outline: 1px solid #305260;
	transition: .2s;
}


#edit_reminder.loading::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #305260;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}

#edit_reminder.loading .edit-reminder__body {
	opacity: 0;
}




#notification_dialog {
	aspect-ratio: 2 / 1;
	max-width: 400px;
	min-height: unset;
}





#connect_contacts_with_request_form.loading::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #305260;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}

#connect_contacts_with_request_form.loading #connect_request_container {
	opacity: 0;
}









.page-links__link a {
	color: #001C1D;
	font-size: 18px;
	transition: .2s;
}

.page-links__link a:hover {
	color: #305260;
	transition: .2s;
	text-decoration: none;
}

.revoked-td {
	gap: 5px;
}


.client-list__links {
	width: 100%;
}

.client-list__links td a {
	color: #000;
}

.client-list__links th {
	padding: 0px 20px 15px 20px;
	white-space: nowrap;
}

.client-list__links td {
	padding: 20px 20px 15px 20px;
}

.client-list__links td:hover a {
	color: #305260;
}

.client-list__links .pretty_btn {
	border: 2px solid;
	padding: 10px 25px;
	border-radius: 10px;
}

.client-list__links tr {
	border-bottom: 1px solid #fff;
	transition: .2s;
	position: relative;
}

.client-list__links tr:hover {

	transition: .2s;
	background-color: #F1F7F4;
}

.main-screen-top.client_list {
	padding: 30px;
	gap: 25px;
}


.main-screen-body.contacts_link {
	overflow: auto;
}


.main-screen-body.contacts_link::-webkit-scrollbar-track {
	background: #F1F7F4;
	border-radius: 10px;

}


.main-screen-body.contacts_link::-webkit-scrollbar-thumb {
	background-color: #305260;
	border-radius: 10px;
}

.main-screen-body.contacts_link::-webkit-scrollbar {
	width: 12px;
}




#connect_contacts_with_request_form {
	width: 1250px;
}

#connect_contacts_with_request_form .pretty_btn {
	padding: 15px 40px;
}

.request-connect__info {
	position: relative;
	margin-bottom: 30px;
}

.request-connect__info img {
	width: 170px;
	aspect-ratio: 16 / 10;
	height: auto;
	border-radius: 15px;
}

.request-connect__info>div {
	gap: 20px;
}

.request-connect__text>span {
	font-size: 20px;
	line-height: 120%;
	margin-bottom: 20px;
	display: inline-block;
}

.request-connect__chars {
	gap: 30px;
	font-size: 18px;
	line-height: 120%;
}


.request-connect__contacts {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	gap: 10px;
	grid-template-columns: repeat(6, 1fr);
	margin-bottom: 30px;
	position: relative;
}

.request-connect__contacts>div {
	background: #F1F7F4;
	border-radius: 30px;
	width: 100%;
	overflow: hidden;
	display: none;
}

.request-connect__contacts>div>label {
	margin: 0;
	width: 100%;
	padding: 8px 30px 8px 15px;
	position: relative;
	cursor: pointer;
}

.request-connect__contacts>div>label::after {
	position: absolute;
	content: '';
	right: 12px;
	top: calc(50% - 7px);
	background-image: url('/wp-content/uploads/2025/07/group-33.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	width: 15px;
	height: 15px;
	display: block;
	opacity: 0;
	transition: .2s;
}

.request-connect__contacts>div>label:hover::after {
	opacity: 1;
	transition: .2s;
}

.request-connect__contacts>div>label>div {
	overflow: hidden;
	background: linear-gradient(90deg, #305260 83.5%, #F9F9F9 97.97%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
}

.request-connect__contacts>div>label>input {
	appearance: none;
	position: absolute;
	opacity: 0;
}

.request-connect__contacts>div:not(#connect-client__popup):has(input:checked) {
	display: block;
}


#open-add-client-connect {
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	color: #305260;
	padding: 8px;
	width: 100%;
	transition: .2s;
}

#open-add-client-connect:hover {
	background-color: #305260;
	color: #fff;
	transition: .2s;
}

#connect-client__popup {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 2;
	border-radius: 20px;
	top: calc(100% + 13px);
	padding: 40px 0 0 0;
	box-shadow: 0 0 20px 0 rgb(42 122 113 / 28%);
	left: 13px;
	min-width: 450px;
	overflow: hidden;
	max-width: 600px;
}



#connect-client__popup input[type="text"] {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 20px;
	border: 1px solid #305260;
	background: #FFF;
	padding: 17px 20px;
	transition: .2s;
	font-size: 16px;
}

#connect-client__popup input[type="text"]:hover {
	outline: 1px solid #305260 !important;
	transition: .2s;
}

#connect-client__list {
	max-height: 250px;
	overflow-y: auto;
	list-style: none;
	width: 100%;
	overflow-x: clip;
}

#connect-client__popup li {

	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	transition: .2s;
}

#connect-client__popup li:hover {
	background: #F1F7F4;
	transition: .2s;
}


#connect-client__popup li:has(input:checked) {
	background-color: #F1F7F4;
}

#connect-client__popup li label {
	padding: 14px 20px;
	width: 100%;
	margin: 0;
	position: relative;
	content: '';
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}




#connect-client__popup li label::before {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	transition: .2s;
	transform: rotate(45deg);
	background: url("/wp-content/uploads/2025/07/group-33.svg");
	background-size: contain;
}

#connect-client__popup li label:has(input:checked)::before {
	transform: none;
	transition: .2s;
	filter: grayscale(99);
}

#connect-client__popup li label input {
	position: absolute;
	opacity: 0;
	appearance: none;
}

#connect-client__popup li strong {
	opacity: .5;
}

#connect-client__popup li::before {
	content: '';
	position: absolute;
	top: 100%;
	width: calc(100% + 40px);
	left: -20px;
	height: 1px;
	background-color: #F1F7F4;
}

.connetct-client__search {
	width: calc(100% - 30px);
	margin-left: 15px;
}

#close-client-popup-connect {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
}



.readonly-view {
	padding: 100px;
}


.linked-post__container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 30px;

}

.linked-post__container .client-card-body-title {
	max-width: 100%;
}

.linked-post__container .logo-block {
	width: 645px;
}


.linked-post__container #request_info {
	position: static;
	transform: none;
	padding: 40px 50px 40px 50px;
}

.linked-post__container #client_info {
	position: static;
	transform: none;
}


.linked-post__container .connected-requests span {
	color: #305260;
	font-size: 18px;
}



.linked-post__container .client-card-body-title a {
	gap: 12px;
	background: transparent;
	border: none;
	position: relative;
	color: #001C1D;
	margin-left: auto;
	padding-right: 50px;
}

.linked-post__container .client-card-body-title a span {
	background-color: #F1F7F4;
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
	position: relative;
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23305260"><path d="M12.5947 14.5939C12.4008 14.7151 12.1826 14.7636 11.9887 14.7636C11.7947 14.7636 11.5765 14.7151 11.3826 14.5939L1.73438 8.70312V16.5332C1.73438 18.2059 3.09192 19.5634 4.7646 19.5634H19.2369C20.9096 19.5634 22.2672 18.2059 22.2672 16.5332V8.70312L12.5947 14.5939Z" fill="%23305260"/><path d="M19.2376 4.43652H4.76529C3.33502 4.43652 2.12293 5.45468 1.83203 6.81222L12.0136 13.0181L22.1709 6.81222C21.88 5.45468 20.6679 4.43652 19.2376 4.43652Z" fill="%23305260"/></svg>');

}

.linked-post__container .client-card-body-title a p {
	margin: 0;
	font-size: 18px;
	transition: .2s;
	position: relative;
	z-index: 1;
}

.linked-post__container .client-card-body-title a::before {
	content: '';
	width: 0;
	right: 0;
	top: -15px;
	height: calc(100% + 30px);
	position: absolute;
	transition: .2s;
	background-color: #305260;
	border-radius: 15px 0 0 15px;
}


.linked-post__container .client-card-body-title a:hover:before {
	width: calc(100% + 15px);
	transition: .2s;
}


.linked-post__container .client-card-body-title a:hover span {
	background-color: #305260;
	transition: .2s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white"><path d="M12.5947 14.5939C12.4008 14.7151 12.1826 14.7636 11.9887 14.7636C11.7947 14.7636 11.5765 14.7151 11.3826 14.5939L1.73438 8.70312V16.5332C1.73438 18.2059 3.09192 19.5634 4.7646 19.5634H19.2369C20.9096 19.5634 22.2672 18.2059 22.2672 16.5332V8.70312L12.5947 14.5939Z" fill="white"/><path d="M19.2376 4.43652H4.76529C3.33502 4.43652 2.12293 5.45468 1.83203 6.81222L12.0136 13.0181L22.1709 6.81222C21.88 5.45468 20.6679 4.43652 19.2376 4.43652Z" fill="white"/></svg>');

}

.linked-post__container .client-card-body-title a:hover p {
	font-variation-settings: 'wght' 600;
	color: #fff;
	transition: .2s;
	letter-spacing: -0.15px;
}

.disabled-link__notification {
	width: 645px;
	background: #fff;
	padding: 40px 65px;
	border-radius: 20px;
	font-size: 24px;
	text-align: center;
}


.main-screen-body-settings {
	padding: 30px;
	height: 100%;
	overflow: auto;
}

.main-screen-body-settings h1 {
	margin-bottom: 30px !important;
	font-variation-settings: 'wght' 600;
}





#custom-login-form.loading .pretty_btn span::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #fff;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}




.dialog-content {
	height: 100%;
	justify-content: center;
}

.dialog-content menu {
	gap: 30px;
}

.dialog-content menu>* {
	width: calc(50% - 15px);
}

#main_menu_button {
	display: none;
}

#open-search {
	display: none;
}

.edit-request-form .segment-options{
	width: 100%;
}

@media(max-width: 998px) {


	#open-search {
		display: block;
		border: none;
		background: transparent;
	}


	#main_menu_button>.button>.menu_line {
		width: 32px;
		height: 4px;
		background: #305260;
		border-radius: 20px;
		transition: .3s;
	}

	#main_menu_button {
		gap: 10px;
		margin: 0;
		padding: 0;
		border: none;
		background: transparent;
		display: flex;
		transform: scale(0.8);
	}

	#main_menu_button>.button {
		width: 44px;
		height: 44px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 9px 0;
		position: relative;
		align-items: center;

	}

	#main_menu_button>.button>.menu_line:last-child {
		position: absolute;
		transform: rotate(90deg);
		right: -15.5px;
		top: 20px;
		width: 29.5px;
		transition: none;
	}

	#main_menu_button.button--active .button .menu_line:first-child {
		transform: rotate(45deg);
		position: absolute;
		width: 30px;
		top: 20px;
	}

	#main_menu_button.button--active .button .menu_line:nth-child(2) {
		opacity: 0;
	}

	#main_menu_button.button--active .button .menu_line:nth-child(3) {
		transform: rotate(-45deg);
		position: absolute;
		width: 30px;
		top: 20px;
	}

	#main_menu_button.button--active .button .menu_line:last-child {
		opacity: 0;
	}

	search {
		padding: 10px;
	}

	search>.pretty_btn {
		display: none;
	}

	search>form {
		display: none;
	}

	search>form.form--active {
		display: flex;
		position: absolute;
		top: calc(100% + 5px);
		width: calc(100% - 30px);
		left: 15px;
		font-size: 16px;
	}

	search>form label {
		width: 100%;
	}

	search>form input[type="text"] {
		width: 100%;
		font-size: 16px;
	}

	search>form input[type="text"]::placeholder {
		font-size: 16px;
	}


	search {
		padding: 10px 20px;
		gap: 15px;
		justify-content: space-between;
	}

	#workspace {
		gap: 10px;
		height: 100%;
	}

	#sidebar {
		min-width: unset;
		padding-top: 20px;
		position: fixed;
		top: 15px;
		width: 300px;
		transform: translate(-999px);
		transition: .2s;
		z-index: 2;
		max-width: calc(100% - 100px);
		height: calc(100% - 30px);
		left: 15px;
	}


	#sidebar.menu--open {
		transform: translate(0);
	}


	.header-logo {
		max-width: 250px;
		margin-left: unset;
		order: -1;
	}




	.logo-block {
		padding: 30px 20px;
	}


	#custom-login-form,
	#recover-form,
	#reset-password-form,
	#reset-success {
		padding: 15px 20px;
	}


	.logo-block>img {
		height: auto;
		width: fit-content;
	}

	.form-title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	#custom-login-form input[type="text"],
	#custom-login-form input[type="password"] {
		border-radius: 15px;
		padding: 15px 15px;
		font-size: 14px;
	}

	#custom-login-form button[name="wp-submit"] {
		height: 54px;
	}

	.pretty_btn {
		padding: 15px;
		gap: 10px;
		border-radius: 15px;
		height: auto;
	}

	#user_pass~button svg {
		width: 20px;
	}

	.login-form-container {
		gap: 20px;
	}

	#recover-form {
		min-width: unset;
	}

	#recover-form input[type="text"] {
		border-radius: 15px;

	}

	#back_to_login {
		margin-bottom: 10px;
	}

	#recover-timer {
		margin-top: 15px;
		margin-bottom: 15px;
	}



	.main-screen-body-settings {
		padding: 20px;

	}

	#main {
		padding: 15px;
		height: 100dvh;
	}

	body:has(aside.menu--open)::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(123, 159, 155, 0.66);
		backdrop-filter: blur(10px);
		z-index: 1;
	}


	body:has(search>form.form--active)::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(123, 159, 155, 0.66);
		backdrop-filter: blur(10px);
		z-index: 1;
	}


	#main-screen h1 {
		font-size: 24px;
	}

	.main-screen-top.reminder {
		padding: 20px 15px;
		gap: 15px;
		flex-wrap: wrap;
	}

	.main-screen-top.reminder+.main-screen-center {
		padding: 0 15px 15px 15px;
		height: calc(100% - 100px);
	}

	.main-screen-top.reminder+.main-screen-center h3 {
		font-size: 18px;
		margin: 0 0 10px 0;
	}

	.remind-item {
		gap: 10px;
	}

	.remind-item__controls>* {
		width: calc(50% - 10px);
	}

	#add_reminder {
		width: 100%;
		padding: 30px;
		max-width: calc(100% - 30px);
		min-height: unset;
		aspect-ratio: unset;
		min-width: unset;
	}

	.remind-form__inputs>* {
		width: 100%;
	}

	.remind-form__inputs {
		width: 100%;
		flex-wrap: wrap;
		gap: 20px;
	}

	#add_reminder h3 {
		margin: 0 0 15px 0;
		max-width: calc(100% - 30px);
	}

	.remind-form__controls {
		gap: 20px;
		width: 100%;
		flex-wrap: wrap;
	}

	.remind-form__controls>* {
		width: calc(50% - 10px);
	}

	#add_reminder form {
		gap: 20px;
	}

	.remind-list {
		gap: 30px;
	}


	.edit-remind-form__inputs {
		width: 100%;
		flex-wrap: wrap;
		gap: 20px;
	}



	#edit_reminder h3 {
		margin: 0 0 15px 0;
		max-width: calc(100% - 30px);
	}

	#edit_reminder {
		width: 100%;
		aspect-ratio: unset;
		padding: 30px;
		max-width: calc(100% - 30px);
		min-width: unset;
		min-height: unset;
	}

	.edit-remind-form__inputs>* {
		width: 100%;
	}

	#edit_reminder form {
		gap: 20px;
	}

	.edit-remind-form__controls {
		gap: 10px;
		width: 100%;
	}

	.main-screen-top-request {
		gap: 20px;
		padding: 20px 15px;
	}

	.main-screen-top-request>div:first-child {
		gap: 15px;
		flex-wrap: wrap;
	}

	.request-filter form {
		gap: 20px;
		flex-wrap: wrap;
		grid-template-columns: repeat(2, 1fr);
	}

	.request-filter form legend {
		font-size: 16px;
		color: #2F4F4F;
		border: none;
		margin-bottom: 5px;
	}

	.request-filter form fieldset {
		position: relative;
		/* width: calc(50% - 10px); */
	}

	.request-filter form fieldset span {
		min-width: unset;
		width: 100%;
	}

	.range-filter-item {
		padding: 15px;
	}

	#main-screen {
		overflow: auto;
	}

	.table_rules-block {
		gap: 15px;
		padding: 15px;
		flex-wrap: wrap;
	}

	.main-screen-top-request~.main-screen-center {
		height: calc(100% - 50px);
	}

	.request-info div {
		font-size: 14px;
		gap: 10px;

	}

	.request-list th {
		padding: 0 10px 7px 0;
		font-size: 14px;
	}

	.request-list td {
		padding: 10px 15px 10px 0;
		gap: 5px;
	}

	.request-checkbox {
		padding-left: 10px !important;
	}

	.company-name {
		font-size: 14px !important;
	}

	.request-contacts::before {
		font-size: 16px;
	}

	.checked-items {
		font-size: 16px;
	}

	.pretty_btn span {
		font-size: 16px;
	}

	#edit-request span {
		font-size: 16px;
	}

	.request-checkbox label {
		display: none;
	}

	#slider {
		width: calc(100% - 45px);
	}

	.main-screen-top-request .pretty_btn {
		display: flex;
	}

	.main-screen-top.client_list {
		padding: 15px;
		gap: 15px;
		flex-wrap: wrap;
	}

	.client-list__links td {
		padding: 10px;
		font-size: 12px;
	}

	.main-screen-body.contacts_link::-webkit-scrollbar {
		height: 8px;
		width: 8px;
	}

	.table-scroll-body::-webkit-scrollbar {
		height: 8px;
		width: 8px;
	}

	#request-list .table-scroll-body::-webkit-scrollbar {
		height: 8px;
		width: 8px;
	}

	#delete-request span {
		font-size: 16px;
	}

	.main-screen-top-clients>div:first-child {
		gap: 15px;
		flex-wrap: wrap;
	}

	.main-screen-top-clients {
		gap: 20px;
		padding: 20px 15px;
	}

	.contacts-list th {
		padding: 0 10px 7px 0;
		font-size: 14px;
	}

	.client-info img {
		max-width: 35px;
	}

	.contacts-list td {
		padding: 10px 15px 10px 0;
	}

	#full-mail-form .table-scroll-body::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	#edit-client span {
		font-size: 16px;
	}

	#delete-client span {
		font-size: 16px;
	}

	#request_info {
		padding: 20px 0px 20px 15px;
		aspect-ratio: unset;
		min-width: unset;
	}

	.client-card-body-title {
		gap: 15px;
		margin-bottom: 15px;
		max-width: calc(100% - 60px);
	}



	.client-info-controls {
		gap: 15px;
		width: 65px;
	}

	.client-info-container {
		row-gap: 15px;
	}


	.client-info-controls button p {
		display: none;
	}

	.client-info-scroll-block {
		width: calc(100% - 80px);
		height: auto;
		gap: 15px;
		margin-right: 15px;
		overflow: unset;
	}

	.client-card-body-left {
		gap: 15px;
		width: 100%
	}

	.client-offer span {
		font-size: 14px;
	}

	.person-date strong {
		font-size: 16px;
	}

	.person-date span {
		font-size: 14px;
	}

	.person-segment span {
		font-size: 14px;
	}

	.person-segment strong {
		font-size: 16px;
	}

	.person-square span {
		font-size: 14px;
	}

	.person-square strong {
		font-size: 16px;
	}


	.person-sphere span {
		font-size: 14px;
	}

	.person-sphere strong {
		font-size: 16px;
	}



	.person-address span {
		font-size: 14px;
	}

	.person-address strong {
		font-size: 16px;
	}



	.person-type span {
		font-size: 14px;
	}

	.person-type strong {
		font-size: 16px;
	}


	.client-result span {
		font-size: 14px;
	}

	.client-result p {
		font-size: 16px;
	}


	#confirm-delete-dialog,
	#confirm-dialog,
	#modal-delete {
		min-width: unset;
		width: calc(100% - 30px);
		aspect-ratio: unset;
		padding: 20px;
		min-height: 170px;
	}

	.request-connect__contacts {

		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 15px;

	}

	.request-connect__info>div {
		gap: 15px;
		flex-wrap: wrap;
	}

	#confirm-delete-dialog h3 {
		margin: 0;
		margin-bottom: 15px;
		font-size: 22px;
	}

	#connect_contacts_with_request_form {
		min-width: unset;
		padding: 20px;
	}

	.request-connect__text>span {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.request-connect__info {
		margin-bottom: 15px;
	}

	.confirm-delete-dialog-body {
		position: static;
		transform: none;
	}

	.request-connect__chars {
		gap: 15px;
		font-size: 16px;
	}

	#connect_request_container h3 {
		max-width: calc(100% - 30px);
		font-size: 22px;
		margin-bottom: 15px;
	}

	#edit_request_pop_up {
		aspect-ratio: unset;
		min-width: unset;
	}

	#edit_request_pop_up {
		aspect-ratio: unset;
		min-width: unset;
		padding: 20px;
	}

	.first-row {
		gap: 15px;
	}

	.contacts-info-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px !important;
}

	.add_request_body {
		gap: 15px;
	}

	.third-row {
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}

	#edit_request_form_container h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.readonly-view {
		padding: 30px 15px;
	}

	.linked-post__container #request_info {
		max-width: 100%;
		padding: 30px;
	}

	.notification_dialog_body h3 {
		max-width: calc(100% - 30px);
		font-size: 22px;
	}

	#modal-delete .modal-window,
	#confirm-dialog .modal-window {
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		transform: none;
		position: static;
	}

	#connect-client__popup {

		left: 0;
		min-width: unset;

	}

	.contacts-checkbox label {
		display: none;
	}

	#client_info {
		padding: 20px 0px 20px 20px;
		aspect-ratio: unset;
		min-width: unset;
	}

	.client-card-body-right {
		gap: 10px;
		width: 100%;
	}

	.client-person img {
		max-width: 40px;
	}

	.client-person span {
		font-size: 18px;
	}

	.person-contacts span {
		font-size: 16px;
		word-wrap: break-word;
	}

	.person-messenger {
		max-width: 100%;
	}

	.person-messenger {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	.edit_contact_form_container h3 {
		max-width: calc(100% - 30px);
	}

	.connected-requests a span {
		font-size: 16px;
	}

	#add_contact {
		padding: 20px;
		min-width: unset;
	}

	.gender-container {
		width: calc(50% - 10px);
	}

	.phone_input_wrapper {
		width: calc(50% - 10px);
	}

	.create-contact-inputs-center {
		gap: 20px;
		flex-wrap: wrap;
	}

	.create-contact-inputs-top {
		gap: 20px;
		flex-wrap: wrap;
	}

#add_contact input[type="text"], #add_contact input[type="email"] {
    width: calc(50% - 10px) !important;
}

	.create-contact-messengers>div {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
		width: 100%;
		max-width: unset !important;
	}

	.contacts-info-row>input {
    width: calc(50% - 10px);
}

.contacts-info-bottom {
    gap: 20px;
}

.contacts-info-row>.segment-options {
    width: calc(50% - 10px);
}

	.contacts-info-row>.request-options {
		width: calc(50% - 10px);

	}

	.add-contact-buttons {
		gap: 20px;
	}

	.add-contact-buttons button {
		width: calc(50% - 10px);
	}

	.linked-post__container #client_info {
		aspect-ratio: unset;
		min-width: unset;
		width: 100%;
	}

	.linked-post__container .client-card-body-title a {
		margin-left: 0;
	}

	#send_message {
		aspect-ratio: unset;
		min-width: unset;
		padding: 20px;
	}

	#send_message h3 {
		margin: 0 0 20px 0;
		max-width: calc(100% - 40px);
		font-size: 20px;
	}

	#selected-contacts {
		margin-bottom: 20px;
	}

	#add-contacts-list {

		grid-template-columns: repeat(3, 1fr);

	}

	.file-upload-wrapper {
		margin-bottom: 0px;

	}

	#client-popup {

		min-width: unset;
		width: 100%;
		left: 0;
	}

	#add_contact h3 {
		margin-bottom: 20px;
		max-width: calc(100% - 40px);
		font-size: 22px;
	}

	.create-contact-inputs-center input[type="email"] {
		width: calc(50% - 10px) !important;
	}

	.create-new-contact-request.active {

		gap: 20px;
	}

	.create-new-contact-request h3 {
		margin-bottom: 0;
		font-size: 20px;
		margin: 20px 0;
	}

	#user-profile-form>div {
		grid-template-columns: repeat(2, 1fr);
	}


	#edit_contact_pop_up {
		min-width: unset;
		padding: 20px;
	}

	#edit_contact_pop_up h3 {
		font-size: 22px;
		max-width: calc(100% - 40px);
	}

	.disabled-link__notification {
		padding: 30px;
		font-size: 20px;
		max-width: 645px;
		width: 100%
	}

	.segment-options {
		width: 100%;
	}

	.create-contact-messengers {
		width: 100%;
	}
}



@media(max-width: 768px) {
	#custom-login-form {
		max-width: 100%;
		width: 100%;
		min-width: unset;
	}

	.login-form-container {
		width: calc(100% - 30px);
		align-items: center;
	}

	.logo-block {
		width: 100%;
	}

	#recover-form {
		width: 100%;
	}

	.range-filter-item {
		font-size: 14px;
	}

	.request-filter form fieldset span {
		font-size: 14px;
	}

	.client-card-body-title h3 div {
		font-size: 20px;
	}

	.request-connect__contacts {
		grid-template-columns: repeat(2, 1fr);

	}

	.request-connect__info>div {
		gap: 15px;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.contacts-info-row {
		grid-template-columns: repeat(1, 1fr);
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.linked-post__container .logo-block {
		width: 100%;
	}


	.contacts-info-row>input {
		max-width: 100%;
	}

.contacts-info-row>.segment-options {
    width: 100%;
}

	.contacts-info-row>.request-options {
		max-width: 100%;

	}

	#add_contact input[type="text"],
	#add_contact input[type="email"] {
		max-width: 100%;
		width: 100% !important;
	}

	.gender-container {
		width: 100%;
	}

	.phone_input_wrapper {
		width: 100%;
	}

	.create-contact-messengers>div {
		grid-template-columns: repeat(1, 1fr);
	}

	#add-contacts-list {

		grid-template-columns: repeat(2, 1fr);

	}

	.create-contact-inputs-center input[type="email"] {
		width: 100% !important;
	}

	.acf-controls-wrapper {
		gap: 10px;
		flex-wrap: wrap;
	}

	#edit_contact_pop_up .create-contact-inputs-top input[name="company_edit"] {
    width: 100%;
}
#edit_contact_pop_up .create-contact-inputs-top input[name="email_edit"] {
    width: 100%;
}

#edit_contact_pop_up .create-contact-inputs-top input[name="address_edit"] {
    width: 100%;
}
input[name="result_edit"] {
    width: 100% !important;
}
#edit_contact_pop_up .contacts-info-bottom input[name="place_edit"] {
    width: 100% !important;
}
input[name="date_edit"] {
    width: 100% !important;
}

#add_request_pop_up .create-contact-inputs-top .segment-options {
    width: 100%;
}
#add_request_pop_up .create-contact-inputs-top input[name="company"] {
    width: 100%;
}
#add_request_pop_up .create-contact-inputs-top input[name="address"] {
    width: 100%;
}
#add_request_pop_up input[type="email"] {
    width: 100% !important;
}
#add_request_pop_up .contacts-info-row.for-contact .segment-options {
    width: 100%;
}
.contacts-info-bottom input[name="place"] {
    width: 100% !important;
}
input[name="result"] {
    width: 100% !important;
}
input[name="date"] {
    width: 100% !important;

}

}


@media(max-width: 568px) {
	.request-filter form fieldset {
		width: 100%;
	}

	.request-info div {
		font-size: 12px;

	}

	.request-list th {
		font-size: 12px;
	}

	.request-list td {
		font-size: 12px;
	}

	.contacts-list th {
		font-size: 12px;
	}

	.contacts-list td {
		font-size: 12px;
	}

	.client-info-scroll-block {
		flex-wrap: wrap;
	}

	.third-row {
		grid-template-columns: 1fr;
	}

	#submit_request {
		width: 100%;
	}

	.first-row {
		grid-template-columns: 1fr;
	}

	#add_request_pop_up {
		padding: 20px;
		aspect-ratio: unset;
		min-width: unset;
	}

	.add-contact-buttons {
		gap: 15px;
		flex-wrap: wrap;
	}

	#clearCreateRequestInputs {
		width: 100%;
	}

	#notification_dialog {
		min-width: calc(100% - 30px);
	}

	.add-contact-buttons button {
		width: 100%;
	}

	#client_info {
		min-height: calc(100% - 30px);
	}

	#request_info {
		min-height: calc(100% - 30px);
	}

	.request-filter form {
		grid-template-columns: repeat(1, 1fr);
	}

	/* .segment-options span {
    font-size: 14px;
}
.contact-options span{
	font-size: 14px;
} */

}

@media(max-width: 456px) {

	.logo-block>img {
		height: auto;
		width: 100%;
	}

	.header-logo {
		max-width: 200px;
	}

	.pretty_btn.edit-btn {
		width: 100%;
	}

	.remind-form__controls>* {
		width: 100%;
	}

	.edit-remind-form__controls>* {
		width: 100%;
	}

	.company-name {
		font-size: 12px !important;
	}

	.request-connect__contacts {

		grid-template-columns: repeat(1, 1fr);

	}

	#saveConnection {
		width: 100%;
	}

	#add-contacts-list {

		grid-template-columns: repeat(1, 1fr);

	}

	#send_message .pretty_btn {
		width: 100%;
	}

	.acf-controls-wrapper .pretty_btn {
		width: 100%;
	}

	.acf-controls-wrapper {
		gap: 10px !important;
		flex-wrap: wrap;
	}

	.acf-controls-wrapper .pretty_btn {
		width: 100% !important;
	}

	#user-profile-form>div {
		grid-template-columns: repeat(1, 1fr);
	}

	.edit-form-button-block {
		flex-wrap: wrap;
		gap: 10px;
	}

	.edit-form-button-block .pretty_btn {
		width: 100% !important;
	}
}