#login-form-window{
	display: none;
	background: #fff;

	z-index: 10000;
	position: absolute;
	top: 120px;
	left: 50%;
	width: 236px;
	margin-left: -118px;
	color: #323232;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #056e5f;
}
/*
@font-face {
    font-family: 'Russo One';
    src: local('Russo One'), local('RussoOne'), url('fonts/russoone.woff2') format('woff2'), url('fonts/russoone.woff') format('woff'), url('fonts/russoone.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
*/
div {
    border-radius: 10px;
}

form {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;  
  margin: 20px auto;
}

input[type="text"],
input[type="password"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

button {
  background-color: #4CAF50;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #45a049;
}

a {
  color: #4CAF50;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* Скругление верхнего левого угла выходного дня */
.mediclist thead tr:nth-child(2) td.workBefore {
  border-top-left-radius: 10px;
}

/* Скругление верхнего правого угла выходного дня */
.mediclist thead tr:nth-child(2) td.workAfter {
  border-top-right-radius: 10px;
}

/* Скругление нижнего левого угла выходного дня */
.mediclist tbody tr:last-child td.workBefore {
  border-bottom-left-radius: 10px;
}

/* Скругление нижнего правого угла выходного дня */
.mediclist tbody tr:last-child td.workAfter {
  border-bottom-right-radius: 10px;
}


.login-form-overlay{
	display: none;
	height: 100%;
	background: black;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 98;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

#login-form-window a{
	color: #3366cc !important;
	text-decoration: underline;
	font-size: 11px;
}

#login-form-window form{
	margin: 0;
	padding: 0;
}

label.remember-text{
	font-size: 11px;
	line-height: 12px;
}

#close-form-window{
	float: right;
	cursor: pointer;
	cursor: hand;
	background: url("bitrix/templates/beauty_s1/components/bitrix/system.auth.form/light_auth/images/close.gif") right center no-repeat;
	padding-right: 15px;
}

#login-form-window-header{
	padding: 6px 10px;
	font-size: 11px;
	background: #056e5f;
	margin-bottom: 10px;
	color: #fff;
}

div.auth-welcome{
	font-size: 12px;
	margin-bottom: 6px;
	padding-top: 6px;
	color: black;
}

div.auth-links{
	font-size: 11px;
	margin-bottom: 8px;
}

div.auth-links span{
	font-size: 10px;
	color: #81acc0;
}

div.auth-links a{
	text-decoration: none;
	color: black;
}

#login-form-window form table{
	width: 100%;
}
/* End */



/* Start:/bitrix/templates/beauty_s1/components/bitrix/menu/horizontal_multilevel_light/style.css*/
.mainMenu{
	float: left;
	border-radius: 5px 0 0 5px;
	width: 98%;
}

.mainMenu li{
	float: left;
	position: relative;
}

.mainMenu li li{
	position: relative;
}

.mainMenu li a, .mainMenu li span{
	background: url("bitrix/templates/beauty_s1/components/bitrix/menu/horizontal_multilevel_light/images/topmenu.gif") repeat-x 0 -1000px;
	border-left: 1px solid #41cbb7;
	border-right: 1px solid #056e5f;
	color: #fff;
	font: bold 14px/47px Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(78, 109, 24, 0.8);
	text-transform: uppercase;
	padding: 0pt 18px;
	white-space: nowrap;
}

.mainMenu li a:hover, .mainMenu li.current a:hover{
	background-position: left -144px;
	border-left: 1px solid #0b6256;
	border-right: 1px solid #0b6256;
	color: #fff;
	text-decoration: none;
}

.mainMenu li.first a, .mainMenu li.first span{
	border-radius: 5px 0 0 5px;
	border-left: none !important;
}

.mainMenu li.current span, .mainMenu li.current a{
	border-left: 1px solid #13665a;
	border-right: 1px solid #13665a;
}

.mainMenu li.current span, .mainMenu li.current a{
	background-position: left -217px;
}

.mainMenu li.current a.colored, .mainMenu li.current a.colored:hover{
	color: #f0ea83;
}

.mainMenu li.current span{
	color: #f0ea83;
	cursor: default;
}

/* Podmenu */
.mainMenu div{
	background: url("bitrix/templates/beauty_s1/components/bitrix/menu/horizontal_multilevel_light/images/topmenu.gif") repeat-x left -271px #227367;
	border-bottom: 1px solid #13665a;
	border-left: 1px solid #13665a;
	border-right: 1px solid #13665a;
	display: none;
	_overflow: hidden;
	min-width: 200px;
	padding: 6px 0 0 0;
	position: absolute;
	top: 100%;
	_top: 47px;
	_width: 240px;
	z-index: 100;
}

.mainMenu li.current li.current a{
	color: #f0ea83;
}

.mainMenu li.hover  div{
	display: block;
}

.mainMenu li.hover  div li.hover div{
	display: none;
}

.mainMenu li.hover  div div{
	display: none;
}

.mainMenu  div li{
	float: none;
}

.mainMenu  div li a, .mainMenu  div li span, .mainMenu li.current  div span, .mainMenu li.current .div a{
	background: none;
	border: none !important;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0 20px;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	*zoom: 1;
}

.mainMenu  div li a:hover{
	background-color: #45aa9c;
}

/* Podmenu */
.mainMenuPodmenu{
	background: url("bitrix/templates/beauty_s1/components/bitrix/menu/horizontal_multilevel_light/images/topmenu.gif") repeat-x left -271px #227367;
	border-bottom: 1px solid #457215;
	border-left: 1px solid #457215;
	border-right: 1px solid #457215;
	display: none;
	_overflow: hidden;
	padding: 6px 0 0 0;
	position: absolute;
	top: 100%;
	_top: 47px;
	_width: 240px;
	z-index: 100;
}

.mainMenu .mainMenuPodmenu li{
	float: none;
}

.mainMenu .mainMenuPodmenu li a, .mainMenu .mainMenuPodmenu li span, .mainMenu li.current .mainMenuPodmenu span, .mainMenu li.current .mainMenuPodmenu a{
	background: none;
	border: none !important;
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	padding: 0 20px;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	*zoom: 1;
}

.mainMenu .mainMenuPodmenu li a:hover{
	background-color: #45aa9c;
}

div.menu-clear-left{
	clear: left;
}
/* End */



/* Start:/bitrix/templates/beauty_s1/components/bitrix/search.title/.default/style.css*/
div.title-search-result{
	border: 1px solid #c6c6c6;
	display: none;
	overflow: hidden;
	z-index: 205;
}

form div.left{
	float: left;
}

table.title-search-result{
	border-collapse: collapse;
	border: none;
	width: 10%;
}

table.title-search-result th{
	background-color: #F7F7F7;
	border-right: 1px solid #e8e8e8;
	color: #949494;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	padding-right: 12px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	width: 1%;
}

table.title-search-result td{
	background-color: white;
	color: black;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	white-space: nowrap;
}

table.title-search-result td.title-search-item{
	padding-left: 8px;
	padding-right: 15px;
}

table.title-search-result td.title-search-item a{
	padding-left: 4px;
	padding-right: 15px;
	text-decoration: none;
	color: black;
	vertical-align: top;
}

table.title-search-result td.title-search-item img{
	vertical-align: top;
}

table.title-search-result td.title-search-item b{
	color: #cf0000;
	font-weight: normal;
}

table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a{
	background-color: #fff2be;
}

table.title-search-result td.title-search-more{
	font-size: 11px;
	font-weight: normal;
	padding-right: 15px;
	padding-left: 24px;
	padding-top: 0px;
}

table.title-search-result td.title-search-more a{
	padding-left: 12px;
	padding-right: 15px;
	text-decoration: none;
	color: #999999;
}

table.title-search-result td.title-search-all{
	padding-left: 24px;
	padding-right: 15px;
}

table.title-search-result td.title-search-all a{
	padding-left: 4px;
	text-decoration: none;
	color: #808080;
}

table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator{
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 4px;
}

div.title-search-fader{
	display: none;
	background-image: url("bitrix/templates/beauty_s1/components/bitrix/search.title/.default/images/fader.png");
	background-position: right top;
	background-repeat: repeat-y;
	position: absolute;
}
/* End */


body{
	min-width: 1300px;
        overflow-x: hidden;
	color: #000;
        font-family: 'Arial', sans-serif;        
        /*font-family: 'Russo One';*/
        background: #f5f5f5;
}

div.bx-core-admin-dialog-content table.edit-tab-title td.title,
.bx-core-dialog-head-content .title,
#BX_file_dialog .title{
	border: none !important;
}


h1, h2, h3, h4, h5, h6{
	font-family: Arial, sans-serif;
}

h1{
	color: #000;
	font-size: 1.65em;
	font-weight: normal;
	margin: 0 0 7px;
}

h1#pagetitle{
	margin: 0 0 7px;
}

table.bx-users-toolbar{
	width: 100%;
	border-collapse: collapse;
	border: solid 5px #e1decd;
	background-color: #e1decd;
}

table.bx-users-toolbar td{
	border: solid 5px #e1decd;
	padding: 1px;
	white-space: nowrap !important;
	color: black;
}

.form_el{
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;
}

table.bx-users-toolbar td.bx-users-toolbar-delimiter{
	background-color: #f7f3e7;
	padding: 0 1px 0 0;
	width: 1px;
}

/*Data table*/
table.data-table{
	border: 1px solid #fff;
	border-collapse: collapse;
}

/*Any cell*/
table.data-table td{
	border: 1px solid #efefef;
	border-left: none;
	border-right: none;
	background-color: #FFFFFF;
	padding: 6px 5px;
}

/*Head cell*/
table.data-table thead td, table.data-table th, table.data-table thead th{
	background-color: #ebebeb;
	font-weight: bold;
	font-size: 12px;
	background-image: none;
	border: 1px solid #fff;
	padding: 8px;
	color: #072838;
	text-align: left;
}

.small_thead table.data-table thead td, .small_thead table.data-table th, .small_thead table.data-table thead th, .small_thead table.data-table td{
	font-weight: normal;
	font-size: 10px;
}

/*Head cell selected*/
table.data-table thead td.selected, table.data-table th.selected, table.data-table thead th.selected{
	background-color: #f6f6f5;
}

/*Body cell*/
table.data-table tbody td{
	background-color: #FFF;
	background-image: none;
}

/*Selected cell*/
table.data-table td.selected, table.data-table tr.selected td{
	background-color: #f6f6f6;
}

/*Foot cell*/
table.data-table tfoot td{
	background-color: #f6f6f5;
	padding: 4px;
}


.content ul{
	margin: 10px 150px 14px 0;
	padding: 0 0 0px 0;
	overflow: hidden;
	zoom: 1;
}

.content ul li{
	background: url("bitrix/templates/beauty_s1/images/li.gif") no-repeat left 5px;
	list-style: none;
	margin: 0 0 5px 0px;
	padding: 1px 0 2px 20px;
}

.content ul ul{
	margin: 10px 0 10px 0;
}

.content ul ol{
	margin: 10px 0 10px 24px;
}

.content ul ol li{
	background: none;
	padding: 0;
}

.content ul li ul li{
	background: url("bitrix/templates/beauty_s1/images/li_sec.gif") no-repeat left 5px;
}

.content ol{
	margin: 10px 150px 14px 24px;
}

.content ol li{
	list-style: decimal;
	margin: 0 0 5px 0;
	vertical-align: top;
}

.content ol ol{
	margin: 10px 0px 14px 24px;
}

.content ol ul{
	margin: 10px 0 14px 0px;
}

.content ol li ol li{
}

.content ol ul li{
	background: url("bitrix/templates/beauty_s1/images/li.gif") no-repeat left 5px;
	list-style: none;
}

/* RESET */
body, h1, h2, h3, h4, h5, ul, ol, li, p, table, tr, th, td, span, div, a, ins, abbr, address, dl, dt, dd, blockquote, form{
	background-color: transparent;
	border: none;
	line-height: 122%;
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

table{
	border-collapse: collapse;
}

body, input, textarea{
	color: #4d4d4d;
	font: 15px/122% Arial, Helvetica, sans-serif;
        /*font: 15px/122% Russo One;*/
}

blockquote, table{
	font-weight: normal;
	margin-bottom: 20px;
}

p{
	font-weight: normal;
	margin-bottom: 10px;
}

a:active, a:hover, a:focus, input:active, input:hover, input:focus{
	outline: none;
}

a img{
	border: none;
	vertical-align: top;
}

a{
	color: #1d85b3;
	outline: none;
	text-decoration: underline;
}

a:hover, .step.active a:hover{
	color: #c52121;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6{
	color: #333;
	font-weight: normal;
	margin: 20px 0 15px 0;
	padding: 0;
}

h1{
	font-size: 28px;
	margin: 0 0 15px 0;
        color: #333;
}

h2{
	font-size: 20px;
        color: #333;
}

h2 a{
}

h3{
	font-size: 16px;
        color: #333;
}

h3 a{
}

h4{
	font-size: 14px;
	font-weight: bold;
}

h4 a{
}

h5{
	font-size: 14px;
}

h5 a{
}

h6{
}

h6 a{
}

.title{
	border-bottom: 2px solid #298c7e;
}

h1.title{
	font-size: 24px;
	margin: 0 0 40px 0;
}

h3.title, h3.titleNoBord{
	font-size: 24px;
}

h4.title, h4.titleNoBord{
	font-size: 18px;
	font-weight: normal;
}

.med{
	background: url("bitrix/templates/beauty_s1/images/ico7.gif") no-repeat right center;
}

html, body{
	height: 100%;
	width: 100%;
}

body{
	background: url("bitrix/templates/beauty_s1/images/bg.gif") repeat-x left top #e2eff3;
	position: relative;
}

blockquote{
	border: 3px solid #add25a;
	font: italic 14px/122% Georgia, "Times New Roman", Times, serif;
	margin: 20px 0;
	padding: 25px 40px;
}

.right{
	float: right;
}

.left{
	float: left;
}

.clear{
	clear: both;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after{
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

* html .clearfix{
	zoom: 1;
}

/* IE6 */
*:first-child+html .clearfix{
	zoom: 1;
}

/* IE7 */
.hide{
	display: none;
}

.visible{
	display: block;
}

.radius{
	position: relative;
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	/*behavior: url(bitrix/templates/beauty_s1/pie/PIE.htc);*/
}

.strong{
	font-weight: bold;
}

/* GRID */
.wrapper{
	margin: 0 auto;
	max-width: 1500px;
	min-width: 1300px;
	overflow: visible;
	padding: 20px 0px;
	position: relative;
	width: 100%;
	/*_width: 998px;*/
}

.wrpr{
	background-color: #fff;
	margin: 0 6px;
	padding: 24px 18px 24px 18px;
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-moz-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-webkit-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-khtml-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
}

.rightCol{
	float: right;
	width: 27.3%;
	_width: 200px;
}

.leftCol{
	float: left;
	width: 23%;
	_width: 200px;
}

.centerCol{
	margin: 0 30% 0 26%;
	_margin: 0 210px;
	_zoom: 1;
}

.centerColWide{
	margin: 0 0 0 28%;
	_margin: 0 0 0 210px;
	_zoom: 1;
}

/* STRUCTURE  */
/* Header */
.header{
	padding: 0 0 25px;
}

.headContacts{
	padding-top: 20px;
}

.rightContact-tel{
	background: url("bitrix/templates/beauty_s1/images/tel.png") no-repeat left top;
	_background: url("bitrix/templates/beauty_s1/images/tel.gif") no-repeat left top;
	color: #617178;
	font: bold 20px/122% Tahoma, Geneva, sans-serif;
	margin: 0 0 0 -40px;
	padding: 0 0 5px 40px;
	position: relative;
	*zoom: 1;
}

.underFooter .rightContact-tel{
	background: none;
	margin: 0 0 0 0px;
	padding: 0 0 5px 0px;
}

.rightContact-tel span{
	color: #adc0c9;
	display: inline-block;
	*display: inline;
	padding: 0 5px 0 0;
	*zoom: 1;
}

.rightContact-allInfo{
	font-size: 12px;
}

.headerLeftCol{
	float: left;
	width: 20%;
}

.logo{
	/*		background:url("bitrix/templates/beauty_s1/images/default_logo.png") no-repeat left 17px;
			_background:url("bitrix/templates/beauty_s1/images/logo.gif") no-repeat left 17px;*/
	height: 56px;
	margin: 0 auto;
	padding: 0px;
	width: 142px;
	text-align: center;
}

.logo a{
	display: block;
	margin: 0 auto;
}

.headerCenterCol{
	margin: 0 32% 0 25%;
	padding: 20px 0 0 0;
}

.slogan{
	/*border-left: 2px solid #d7dadd;*/
	color: #798590;
	font: 20px/122% Tahoma, Geneva, sans-serif;
	overflow: hidden;
	padding: 0 0 0 16px;
	*zoom: 1;
}

.slogan p{
	margin: 0 0 3px 0;
}

.auth{
	float: right;
	font-size: 12px;
}

.auth .enter{
	background: url("bitrix/templates/beauty_s1/images/auth.gif") no-repeat left bottom;
	display: inline-block;
	*display: inline;
	padding: 0 0 1px 25px;
	text-decoration: none;
	*zoom: 1;
}

.auth .enter:hover{
	text-decoration: none;
}

.auth .enter span{
	border-bottom: 1px dashed;
}

.auth .exit{
	background: url("bitrix/templates/beauty_s1/images/auth.gif") no-repeat left 3px;
	color: #4d4d4d;
	padding: 0 0 0 25px;
}

.auth p{
	margin: 0 0 5px 0;
}

/* Main Menu */
.forMainMenu{
	background: url("bitrix/templates/beauty_s1/images/topmenu-5.gif") repeat-x left -80px #298c7e;
	margin: 0 0 50px 0;
	position: relative;
	z-index: 90;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-moz-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-webkit-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-khtml-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
}

.search{
	float: right;
	padding: 10px 0 0 0;
	width: 20%;
}

.search-txt{
	border: 1px solid #679814;
	color: #c1c1c1;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0 4px;
	width: 60%;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.search-txt.focus{
	color: #333;
}

.search-btn{
	background: url("bitrix/templates/beauty_s1/images/btn-search.png") no-repeat left top transparent;
	border: none;
	color: #768799;
	cursor: pointer;
	font: 11px/24px Arial, Helvetica, sans-serif;
	height: 24px;
	margin: 0px 0 0 0;
	overflow: hidden;
	padding: 0 0 3px 0;
	float: left;
	text-align: center;
	width: 61px;
}

.DopMenu{
	margin: 0 !important;
}

.DopMenu li{
	background: url("bitrix/templates/beauty_s1/images/leftmenu-arrow.gif") no-repeat -341px 5px !important;
	padding: 5px 0 5px 20px;
}

.DopMenu li.open{
	background-position: left 9px;
}

.DopMenu li a{
	border-bottom: 1px dashed;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.DopMenu li a:hover{
	text-decoration: none;
}

.DopMenu li.open a{
	color: #333;
}

.DopMenu li.open a:hover{
	color: #c52121;
}

.DopMenu ul{
	display: none;
	padding: 5px 0;
}

.DopMenu li li{
	background-position: -687px 9px;
}

.DopMenu li li a, .DopMenu li.open li a{
	border: none;
	color: #659026;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

.DopMenu li li a:hover, .DopMenu li.open li a:hover{
	color: #c52121;
}

/* Tizers */
.tizer{
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 14px 0px;
	position: relative;
	*zoom: 1;
}

/* Recomend */
.recomend{
	border: 1px solid #e2e0d6;
	margin: 0 0 20px 0;
	padding: 14px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

/* Advert */
.advert{
	border: 1px solid #c4effc;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 14px 20px;
	*zoom: 1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

/* Promo */
.forPromo{
	position: relative;
}

.inPromo{
}

.promo{
	font-size: 0;
	height: auto;
	line-height: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 100%;
	_width: 520px;
}

.leftCol .promo, .rightCol .promo{
	_width: 200px;
}

.centerColWide .promo{
	width: 520px;
}

.forPromo li{
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

.forPromo img{
	text-align: center;
}

.forPromo li div{
	background-color: #121311;
	height: 40px;
	margin: -40px 0 0 0;
	position: relative;
	text-align: left;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.forPromo li div p{
	color: #fff;
	font: italic 12px/122% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0 0 10px;
	width: 70%;
	_width: 380px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.leftCol .forPromo li div p, .rightCol .forPromo li div p{
	_width: 150px;
}

.promo-navi{
	width: 200px;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 10px auto;
}

.promo-navi-container{
	float: left;
	left: 50%; /*�������� ����� �� 50%*/
	position: relative;
	text-align: center;
}

.promo-navi-wrpr{
	position: relative;
	left: -50%; /*���������� ����� � �����*/
	float: left;
}

/* Color Links */
.colorLinks{
	margin: 0 !important;
}

.colorLinks li{
	display: block;
	margin: 0 0 7px 0;
	*zoom: 1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-moz-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-webkit-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
	-khtml-box-shadow: 0px 2px 6px rgba(201, 201, 201, 0.8);
}

.colorLinks li.hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.colorLinks li div{
	display: table;
	height: 66px;
	overflow: hidden;
	position: relative;
}

.colorLinks a{
	color: #fff;
	display: table-cell;
	font-size: 14px;
	font-weight: bold;
	*left: 0;
	padding: 0 15px 0 85px;
	*position: absolute;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(103, 99, 97, 0.4);
	text-transform: uppercase;
	*top: 50%;
	vertical-align: middle;
	z-index: 20;
}

.colorLinks a:hover{
	color: #fff;
	text-decoration: none;
}

.colorLinks a span{
	display: block;
	cursor: pointer;
	overflow: hidden;
	*position: relative;
	*top: -50%;
	zoom: 1;
}

.colorLinks .orange{
	background: url("bitrix/templates/beauty_s1/images/link1.gif") repeat-x left top #ce663b;
}

.colorLinks .orange div{
	background: url("bitrix/templates/beauty_s1/images/ico2.png") no-repeat 15px 5px;
}

.colorLinks .yellow{
	background: url("bitrix/templates/beauty_s1/images/link2.gif") repeat-x left top #d3a823;
}

.colorLinks .yellow div{
	background: url("bitrix/templates/beauty_s1/images/ico1.png") no-repeat 15px 5px;
}

.colorLinks .blue{
	background: url("bitrix/templates/beauty_s1/images/link3.gif") repeat-x left top #1379b8;
}

.colorLinks .blue div{
	background: url("bitrix/templates/beauty_s1/images/ico3.png") no-repeat 15px 5px;
}

/* list Work */
.listWork{
	padding: 0 0 10px 0;
}

.listWork li{
	display: block;
	padding: 10px 0 15px 0;
	*zoom: 1;
}

.listWork-name a{
	color: #659026;
	font-size: 14px;
	font-weight: bold;
}

.listWork-name a:hover{
	color: #c52121;
}

.listWork-name a span{
	text-transform: uppercase;
}

.listWork-info{
	padding: 2px 0 0 0;
}

.listWork-info a{
	border-right: 1px solid #dfdfdf;
	color: #808080;
	display: inline-block;
	*display: inline;
	font: 11px/122% Tahoma, Geneva, sans-serif;
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	*zoom: 1;
}

.listWork-info a.last{
	border: none;
}

.listWork-info a:hover{
	color: #c52121;
}

.listWork-write{
	padding: 7px 0 0 0;
}

.listWork-write a{
	background: url("bitrix/templates/beauty_s1/images/ico6.gif") no-repeat left center;
	font-size: 12px;
	padding: 0 0 0 20px;
}

/* Border Banner */
.forBanner{
	background: url("bitrix/templates/beauty_s1/images/dot.gif") no-repeat left bottom;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.forBanner p{
	color: #888;
	font-size: 12px;
	margin: 0 0 2px 0;
}

.borderBanner{
	background-position: left top !important;
	background-repeat: no-repeat !important;
	border: 1px solid #ddd;
	display: block;
	height: 96px;
	margin: 0 0 5px 0;
	max-width: 261px;
	text-decoration: none;
	width: 100%;
	_width: 200px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.borderBanner:hover{
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.centerCol .borderBanner{
	_width: 261px;
}

/* RSS */
.rss{
	background: url("bitrix/templates/beauty_s1/images/ico5.gif") no-repeat left 11px;
	color: #de7c14;
	display: inline-block;
	*display: inline;
	font: 10px/122% Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
	padding: 11px 0 2px 20px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: top;
	*zoom: 1;
}

.rss:hover{
	color: #de7c14;
	text-decoration: underline;
}

.centerColWide .rss{
	position: absolute;
	right: 0;
	top: 0;
}

/* CONTENT */
.content{
	padding: 0 0 30px 0;
	position: relative;
        line-height: 26px;
}
.content p, .content ul li, .content ol li {
        line-height: 26px;
}
.contentBg{
	background: url("bitrix/templates/beauty_s1/images/weknow.jpg") no-repeat left top;
	margin: 0 -20px 0 -210px;
	min-height: 242px;
	padding: 90px 0px 18px 660px;
	position: relative;
}

.leftBg{
	background: url("bitrix/templates/beauty_s1/images/weknow-inner.jpg") no-repeat left top;
	margin: 0 0px 0 -320px;
	min-height: 253px;
	_height: 253px;
	padding: 0px 0px 18px 320px;
	position: relative;
	_zoom: 1;
}

/* UnderFooter */
.underFooter{
	padding: 0 0 30px 0;
}

/* Menu Bottom */
.menuBotBread{
	background-color: #298C7E;
	margin: 0 0 24px 0;
	overflow: hidden;
	*zoom: 1;
}

.menuBotBread ul{
	padding: 0 0 0 16px;
}

.menuBotBread li{
	background: url("bitrix/templates/beauty_s1/images/menubot.gif") no-repeat right -40px;
	float: left;
	padding: 0 12px 0 8px;
}

.menuBotBread li.last{
	background-position: center 29px;
}

.menuBotBread li a{
	color: #fff;
	float: left;
	line-height: 33px;
	text-decoration: none;
}

.menuBotBread li a:hover{
	color: #fff;
	text-decoration: underline;
}

.menuBot{
	float: left;
	width: 72%;
	_width: 740px;
	*zoom: 1;
}

.menuBot li{
	padding: 3px 0 3px 20px;
}

.menuBotBlock{
	float: left;
	width: 20%;
}

.menuBot .menuBotBlock li{
	padding: 3px 0 3px 0px;
}

.menuBotBlock a{
	color: #414141;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.menuBotBlock a:hover{
	color: #c52121;
}

.menuBotBlock ul a{
	font-size: 11px;
	font-weight: normal;
}

/* Footer */
.footer{
	border-top: 1px solid #e7e7e7;
	color: #666;
	font-size: 11px;
	padding: 10px 0 0 0;
}

.footer p{
	margin: 0;
}

.leftColFooter{
	float: left;
	width: 350px;
}

.copyr{
	float: left;
	width: 350px;
}

.copyr a{
	float: left;
	margin: 0 17px 0 0;
}

.copyr p{
	border-left: 1px solid #efefef;
	float: left;
	padding: 0 0 0 14px;
	width: 180px;
}

.banners{
	float: left;
	width: 200px;
}

.banners img{
	margin: 0 9px 0 0;
}

.madein{
	color: #666;
	overflow: hidden;
	*zoom: 1;
}

.madein img{
	float: left;
	margin: 0 10px 0 0;
}

.madein a{
	color: #666;
}

.madein a:hover{
	color: #c52121;
}

.madein a.hide-link{
	cursor: default;
	text-decoration: none;
}

.madein a.hide-link:hover{
	color: #666;
	text-decoration: none;
}

.centerColFooter{
	margin: 0 28% 0 360px;
	_margin: 0 210px 0 360px;
	text-align: center;
}

.forBanners{
}

.forBanners a, .forBanners a:hover{
	text-decoration: none;
}

.forBanners a img{
	filter: alpha(opacity=30); /* IE 5.5+*/
	-moz-opacity: 0.3; /* Mozilla 1.6 � ���� */
	-khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.forBanners a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Buttons */
.btn1{
	background: url("bitrix/templates/beauty_s1/images/btn1.png") no-repeat scroll left top transparent;
	_background: url("bitrix/templates/beauty_s1/images/btn1.gif") no-repeat scroll left top transparent;
	float: left;
	height: 24px;
	margin-right: 10px;
	_margin-right: 0px;
	position: relative;
}

.btn1 input, .btn1 a{
	background: url("bitrix/templates/beauty_s1/images/btn1.png") no-repeat scroll right -110px transparent;
	_background: url("bitrix/templates/beauty_s1/images/btn1.gif") no-repeat scroll right -110px transparent;
	border: medium none;
	color: #768799;
	cursor: pointer;
	float: left;
	font: 11px/24px Arial, Helvetica, sans-serif;
	height: 24px;
	margin-right: -11px;
	padding: 0 20px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8);
	width: auto;
}

.btn1 a:hover{
	color: #768799;
	text-decoration: none;
}

.btn1.leftStep{
	margin-left: 20px;
	_margin-left: 10px;
}

.advert .btn1.leftStep{
	margin-left: 110px;
	_margin-left: 55px;
}

.newsAnno .btn1.leftStep{
	margin-left: 130px;
	_margin-left: 65px;
}

.btn2 a{
	color: #768799;
	float: left;
	font: 11px/24px Arial, Helvetica, sans-serif;
	margin-left: 5px;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8);
	white-space: nowrap;
}

.btn2 a:hover{
	color: #c52121;
}

/*Main page*/
#content-table{
	width: 100%;
}

#workarea{
	vertical-align: top;
	padding: 0 30px 0 0;
}

/*������*/
.content ul{
	margin: 10px 5px 14px 0;
	padding: 0 0 0px 0;
	overflow: hidden;
	zoom: 1;
}

.content ul li{
	background: url("bitrix/templates/beauty_s1/images/li.gif") no-repeat left 5px;
	list-style: none;
	margin: 0 0 5px 0px;
	padding: 1px 0 2px 20px;
}

.content ul ul{
	margin: 10px 0 10px 0;
}

.content ul ol{
	margin: 10px 0 10px 24px;
}

.content ul ol li{
	background: none;
	padding: 0;
}

.content ul li ul li{
	background: url("bitrix/templates/beauty_s1/images/li_sec.gif") no-repeat left 5px;
}

.content ol{
	margin: 10px 5px 14px 24px;
}

.content ol li{
	list-style: decimal;
	margin: 0 0 5px 0;
	vertical-align: top;
}

.content ol ol{
	margin: 10px 0px 14px 24px;
}

.content ol ul{
	margin: 10px 0 14px 0px;
}

.content ol li ol li{
}

.content ol ul li{
	background: url("bitrix/templates/beauty_s1/images/li.gif") no-repeat left 5px;
	list-style: none;
}

.content img.shade{
	box-shadow: 0 2px 6px rgba(201, 201, 201, 0.8);
	margin: 0 20px 15px 0;
	padding: 4px;
}

.ml-title-cell table,
.ml-content-cell table{
	margin: 0 !important;
}
.PDA{
	float: left;
	font-size: 12px;
}

/* End */
/* /bitrix/templates/beauty_s1/components/bitrix/system.auth.form/light_auth/style.css */
/* /bitrix/templates/beauty_s1/components/bitrix/menu/horizontal_multilevel_light/style.css */
/* /bitrix/templates/beauty_s1/components/bitrix/search.title/.default/style.css */
/* /bitrix/templates/beauty_s1/styles.css */
/* /bitrix/templates/beauty_s1/template_styles.css */

/* mik */

#mik a {
    color:#2C75A1;
    outline: none;
    text-decoration: none;
}

#mik a:hover {color:#F90000;}
#mik table {font-family:verdana;font-size:11px;color:#676767;}
#mik p {margin:0 0 9px 0;}
#mik .hh a {font-size: 30px; font-family:verdana; font-weight: bold;}
#mik .navi { font-size: 20px; font-family:verdana; }
#mik .navidep { font-size: 20px; font-family: verdana; margin-right: 1em; border-radius: 4px; }

#login { width: 100%; }
#login a { margin-right: 1em }
#login { margin-bottom: 1em }

#ndep { font-size: 20px; font-family:verdana; font-weight: bold; margin-top: 0.5em;}

#content { width: 100% }
/*
#content .wait {
    position: absolute;
    background: #FFFFFF;
    opacity: 0.6;
    display: none;
    filter: Alpha(opacity=60);
    background-image: url("img/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
}
*/

#content .wait {
    position: absolute;
    background: #FFFFFF;
    opacity: 0.6;
    display: none; 
    filter: Alpha(opacity=60);
    background-image: url("img/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
}

#content .error {
    position: absolute;
    background: #FFFFFF;
    border: 1px solid black;
    padding: 15pt;
}
#content .error td {
    font-size: 170%;
    padding-bottom: 10pt;
    padding-top: 10pt;
    text-align: center;
}
#content .error thead img { margin-right: 15pt }
#content .error thead td { padding: 0px; margin: 0; }
#content .error button { padding: 1em 5em 1em 5em; }


#content table.spec { margin-left: 4% }
#content table.spec td {
    font-size: 170%;
    padding-bottom: 10pt;
    padding-top: 10pt
}
#content table.spec thead a, #content table.spec thead strong {
    border: 1px black solid;
    padding: 5pt;
    margin-right: 5pt;
    margin-left: 5pt;
    border-radius: 4px;	
}


#content .mediclist { margin-left: 1em; margin-top: 10pt; border-collapse: collapse; border-radius: 10px; }
#content .mediclist td { border-bottom: black solid 1; padding: 0.2em; margin: 0; vertical-align: middle; }
#content .mediclist td.colorText { padding: 0; text-align: right; border: 0 }
#content .mediclist td.nav { padding: 0; vertical-align: middle }

#content .mediclist td.holid {
    background: #FFE8F0;
}

#content .mediclist thead td { 
    text-align: center; 
    font-size: 140%; 
    padding: 10pt;
}

#content .mediclist tbody td { text-align: left; font-size: 150%; }

#content .mediclist tbody td.medic { 
    padding-left: 0px;
/*    
    background: #E8FFE8;
    border-radius: 10px;	
*/    
}

#content .mediclist .rcvd {
    background: #E8FFE8;
    border: black solid 1;
    font-size: 80%;
    text-align: center;
    color: black;
    padding: 5pt;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); /* Тень: горизонтальное и вертикальное смещение 2px, размытие 4px, прозрачность 0.2 */
}

#content .mediclist .daysheader {
    /*background: #E8FFE8;*/
    border: 1px solid #DCDCDC;
    /*font-size: 80%;*/
    text-align: center;    
    padding: 7pt;
    /*box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);*/ /* Тень: горизонтальное и вертикальное смещение 2px, размытие 4px, прозрачность 0.2 */
}

#content .mediclist .rcvd_empty {
    background: #F0F0F0;
    border: black solid 1;
    font-size: 80%;
    text-align: center;
    color: black;
    padding: 5pt;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); /* Тень: горизонтальное и вертикальное смещение 2px, размытие 4px, прозрачность 0.2 */
}


#content .mediclist .rcvd_spmark { background: #FA8072; border: black solid 1; font-size: 80%; text-align: center; color: black; padding: 5pt; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); /* Тень: горизонтальное и вертикальное смещение 2px, размытие 4px, прозрачность 0.2 */ }


#content .medicpersname { font-weight: bold }
#content .mediclist button { padding: 10pt }
#content .mediclist ul { margin: 0; font-size: 80%; padding: 0 }
#content .mediclist li { padding: 5pt; list-style-type: none;}
#content .mediclist li a { padding: 4pt;white-space: nowrap; }
#content .mediclist li p { padding: 4pt;white-space: nowrap; color: #A0A0A0; text-decoration: line-through; }

.medicnote { 
    color: grey; 
    font-size: 80% 
}

.colorTextBox {
    float: left;
    border: 1px black solid;
    padding: 5pt;
    margin: 5pt 5pt 5pt 0;
    font-size: 70%
}

.mikauth,.personal,.newpassword {
    margin: 1em 2em 1em 2em;
    padding: 1em;
    font-size: 130%;
    border-radius: 10px;
}
.mikauth input,.personal input {
    font-size: 150%;
    display: block;
    width: 100%;
    border-radius: 7px;
}

#content label { font-weight: bold }
#content .description { font-size: 80%; }
#content .header { font-size: 160%; font-weight: bold; border-radius: 10px; }
#content .insError { font-weight: bold; color: red }
.mikauth ul,.personal ul { margin: 0; padding: 0 }
.mikauth li,.personal li { list-style-type: none; margin: 1em 0 1em 0 }
#authRegister { background: #DDDDFE }
#authLogin { background: #DDFEDD }
.btn_big { font-size: 100%; padding: 10pt }

.td_gap { width: 20px; }

.tableticket {
    font-family: arial;
    font-size: 14px; color:black;
}

.tableticket .til
{
    text-align: left;
    padding: 5px;
}

.tableticket .tir
{
    text-align: right;
    padding: 5px;
}

.tableticket .cen
{
    text-align:center;
}

.ticketclass {
    display:none; background-color: #fff; padding: 10px; z-index: 999; height: 100%;
    left: 50%;
    margin-left: -200px;
    margin-top: -150px;
    width: 400px;
    height: 300px;
    position: absolute;
    top: 50%;
    border: 1px solid #ccc;
}

#sign { margin:auto; }

#sign span { text-align: center }

#sign table {
    border: black solid 1px;
    margin: 2em 0 2em 0;
}

#sign table td {
    font-size: 150%;
    padding: 1em;
    color: black;

}

#sign table thead td {
    text-align: center;
    font-size: 170%;
    font-weight: bold
}

#sign button { margin-left: 1em }

#unsign { margin:auto; }

#unsign span { text-align: center }

#unsign table {
    border: black solid 1px;
    margin: 2em 0 2em 0;
}

#unsign table td {
    font-size: 150%;
    padding: 1em;
    color: black;

}

#unsign table thead td {
    text-align: center;
    font-size: 170%;
    font-weight: bold
}

#unsign button { margin-left: 1em }

#content #homelist {
    border-collapse: collapse;
    margin-top: 2em;
    margin-bottom: 2em
}

#content #homelist td {
    font-size: 150%;
    padding: 10pt;
    border-right: black solid 1px;
}

#content #homelist tbody td {    
    border-top: black solid 1px;
}

#content #homelist thead td {
    font-size: 160%;
    font-weight: bold;
    text-align: center;
    border-bottom: black solid 1px
}

#content #homeHeader { font-size: 170%; font-family: verdana }

.personal .header { text-align: center }

#dbmsg { 
    clear:both;
    display: block;
    font-weight: bold;
    font-size: 160%;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #A00000
}

.prd {
    color: red;
    font-weight: bold;
}

#sopd {
    width: auto;
}

.btnmodal {
  position: static;
  padding: .7em 1.5em; 
}

.omserr {
    color: red;
}

#content #attachmentlist {
    border-collapse: collapse;
    margin-top: 2em;
    margin-bottom: 2em;
    /*height: 100px;
    width: 100px;*/
}

#content #attachmentlist td {
    font-size: 150%;
    padding: 10pt;
    border-right: black solid 1px; 
    border-bottom: black solid 1px; 
}

#content #attachmentlist tbody td:last-child {
    border-right: none;  
}

#content #attachmentlist thead td {
    font-size: 160%;
    font-weight: bold;
    text-align: center;
    border-bottom: black solid 1px; 
    /*border-right: none; */
}

#content #attachmentlist thead td:last-child {
    border-right: none; 
}

#content #attachmentlist thead tr:last-child td {
    border-bottom: black solid 1px;  
}

#content #attachmentlist tr:last-child td {
    border-bottom: none;  
}



#content #orderlist {
    border-collapse: collapse;
    margin-top: 2em;
    margin-bottom: 2em;
    /*height: 100px;
    width: 100px;*/
}

#content #orderlist td {
    font-size: 150%;
    padding: 10pt;
    border-right: black solid 1px; 
    border-bottom: black solid 1px; 
}

#content #orderlist tbody td:last-child {
    border-right: none;  
}

#content #orderlist thead td {
    font-size: 160%;
    font-weight: bold;
    text-align: center;
    border-bottom: black solid 1px;     
}

#content #orderlist thead td:last-child {
    border-right: none; 
}

#content #orderlist thead tr:last-child td {
    border-bottom: black solid 1px;  
}

#content #orderlist tr:last-child td {
    border-bottom: none;  
}



#orderlist {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px;
    align-items: center; /* Выравниваем карточки по центру горизонтально */
}

.order-card {
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 15px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    width: 90%;
    margin-left: auto; /* Дополнительное выравнивание, если не работает align-items */
    margin-right: auto; /* Дополнительное выравнивание, если не работает align-items */
}

.order-card > div {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
}

.order-card .order-number,
.order-card .order-date,
.order-card .order-assign,
.order-card .order-title,
.order-card .order-type,
.order-card .order-note {
    font-size: 16px;
}

.big_btn {
    background-color: #4CAF50; 
    color: white; 
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.big_btn:hover {
    background-color: #45a049; 
}

.no-orders {
    font-size: 16px;
    color: #666;
    text-align: center;
}


tr[medicid][details="true"] {
  border-top: 4px solid #2C75A1;;
  border-bottom: 4px solid #2C75A1;;
  border-radius: 10px; 
  padding-left: 10px;
  padding-top: 10px; 
  padding-bottom: 10px;
  padding-right: 10px;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный фон */
    z-index: 9998; /* Чтобы быть ниже спиннера, но выше остального контента */
    display: none;
}

.loading-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999; /* Спиннер выше модального фона */
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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