@font-face {
	font-family: Roboto;
	src:
		url('/s/css/fonts/roboto/Roboto-Regular.ttf');
}
@font-face {
	font-family: Roboto-bold;
	src:
		url('/s/css/fonts/roboto/Roboto-Bold.ttf');
}
@font-face {
	font-family: Roboto-medium;
	src:
		url('/s/css/fonts/roboto/Roboto-Medium.ttf');
}


:root { 
	
	--block-menu-width: 100%;
	--block-cont-width: 100%;
	
	--header-h: 66px;
	
	--color-gray-01: 	#F5F5F5;
	--color-gray-02: 	#DEDEDE;
	--color-green-01: 	#66B266;
	--color-green-02: 	#008000;
	--color-green-03: 	#c1e0c1;
	--color-pink-01: 	#ffd8d8;
	--color-pink-02: 	#FFB2B2;
	--color-red-01: 	#CC0000;
	--color-red-02: 	#FF0000;
	--color-red-03:		#CC0000;
	--color-black-01: 	#000000;
	--color-purpu-01:	#CBC3E3;
	--color-yellow-01:	#ffff99;
	--color-orange-01:	#FF5F1F;

}


* {
	-webkit-tap-highlight-color: transparent;
}



body {
	margin: 0px;
	background-color: #fff;
	font-family: 'Roboto';
}


.content {
	font-size: 0px;
	position: relative;
	background-color: #fff;
}

.nested {
	padding: 5px 5px 5px 5px;
}

.stop-scrolling {
	overflow: hidden;
}

/* ---------------------------- auntification --------------------------- */
.auth-container {
  	width: 100%;
}

.auth-container-block-00 {
	width: 100%;
	margin: auto;
	background: #ffffff;
}

.auth-container-block-00-inner {
	padding: 30px 15px 30px 15px;
}

.auth-container-block-00-inner-form {
	border-bottom: 0.5px solid #f5f5f5;
    padding-bottom: 30px;
    padding-top: 15px;
}


.block-cont {
	display: inline-block;
	width: var(--block-cont-width);
	background: #fff;

}

.block-cont-00 {
	display: inline-block;
	width: 100%;
}

.block-cont-00-line {
	padding-bottom: 15px;
}

.block-cont-01 {
	display: inline-block;
	width: 100%;
}

.block-cont-01-001 {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.block-cont-01-001-con {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
}

.block-cont-01-002 {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}


.block-cont-02 {
	display: inline-block;
	width: 100%;
}

.block-menu {
	background: #fff;
	width: var(--block-menu-width);
	vertical-align: top;
	display: inline-block;
	padding-top: 0px; 
	
}

.block-menu-fop {
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F5F5F5;
	
}

.block-menu-numbers {
	color: #000000;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.5px;
	
}

.scroll-h {
	overflow-y: hidden;
	overflow-x: overlay;
}

.scroll-v {
	overflow-y: overlay;
	overflow-x: hidden;
}


.shadow {
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
}

.visible {
	display: block !important;
}

.visible-inline {
	display: inline-block !important;
}

.invisible {
	display: none !important;
}

/* ---------------------------- Table --------------------------- */


.c-table {
	
	width: 100%;
	border-collapse: collapse;
}

.c-table-th {
	font-size: 10px;
	background-color: #000000;
	padding: 8px;
	color: white;
	text-align: left;
	border: 1px solid #000000;
}

.c-table-tr {

}

.c-table-tr:hover {
	background-color: var(--color-yellow-01);
}

.c-table-td {
	font-size: 10px;
	padding: 8px;
	border: 1px solid #00000030;
	vertical-align: top;
  	text-align: left;
}

.c-table-column-right {
  	text-align: right;
}

/* page */

.c-table-td-page {
	text-align: end;
}

.c-table-tr-background-01 {
	background-color: #ffffff;
}
.c-table-tr-background-02 {
	background-color: #f5f5f5;
}

.c-table-td-background-01-1 {
	background-color: var(--color-green-01);
}
.c-table-td-background-01-2 {
	background-color: var(--color-green-03);
}
.c-table-td-background-02 {
	background-color: var(--color-pink-01);
}
.c-table-td-background-03 {
	background-color: var(--color-pink-02);
}
.c-table-td-background-04 {
	background-color: var(--color-yellow-01);
}

.c-table-td-color-01 {
	color: var(--color-green-02) !important;
}
.c-table-td-color-03 {
	color: var(--color-red-02) !important;
}


.main-menu-line-main {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 1px solid #f5f5f5;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0.5px;
	color: #000000;
}

.main-menu-line-main:hover{
	color: #000000;
}

.main-menu-line-inner {
	margin-left: 8px;
	padding-right: 0px;
	padding-left: 22px;
	padding-bottom: 10px;
	padding-top: 10px;
	
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0.5px;
	color: #000000;
	border-left: 0.5px solid #f5f5f5;
	padding-bottom: 10px;
}

.main-menu-line-inner:hover{
	color: #000000;
}

.main-menu-line-delimetr-1 {
	border-bottom: 0.5px solid #f5f5f5;
}

.main-menu-line-delimetr-2 {
	display: flex;
	margin-left: 8px;
	margin-top: 30px;
}

.main-menu-line-delimetr-2-hr-line {
	width: 100%;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
}

.main-menu-line-delimetr-2-hr-icon {
	position: relative;
	top: 3px;
	color: #ff0000;
}

.main-menu-tree-caret {
	cursor: pointer;
	user-select: none;
}

.main-menu-tree-caret::before {
	content: url('/s/images/arrow-02.svg');
	display: inline-block;
	margin-right: 5px;
	transform: rotate(-90deg);
}

.main-menu-tree-caret-active::before {
	content: url('/s/images/arrow-01.svg');
}

.main-menu-tree-caret-down::before {
	transform: rotate(0deg);
}

.main-menu-tree-nested {
	display: none;
	padding-top: 10px;
}

.main-menu-tree-active {
	display: block;
}

.main-menu-tree-selected {
	color: #000000;
}

.main-menu-tree-selected-none {
	color: #0000007F;
}

.menu-d-d {
	position: relative;
	display: inline-block;
	float: right;
}

.menu-d-d-button {
	color: #D3D3D3;
	cursor: pointer;
	font-size: 14px !important;
}

.menu-d-d-button:hover {
	color: #000000;
}

.menu-d-d-content {
	display: none;
	width: max-content;
	position: absolute;
	right: 0;
	margin-top: 10px;
	border-radius: 5px;
	font-weight: 300;
	background-color: #f1f1f1;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	letter-spacing: 0.5px;
}

.menu-d-d-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	border-radius: 5px;
	font-size: 12px;
	display: block;
}

.menu-d-d-content a:hover {
	background-color: #ffffff;
}


.link-decoration-none {
	text-decoration: none;
}

.link-00 {
	color: #000000;
	text-decoration: underline;
}

.link-00:visited {
	color: #000000;
}

.link-01 {
	color: #00000070;
	font-size: 12px;
	text-decoration: none;
	
	font-style: normal;
	font-weight: 300;
	text-align: left;
	line-height: 21px;
	letter-spacing: 0.5px;
}

.link-01:hover {
	color: #000000;
}

.link-14-D-u {
	color: #000000;
	font-size: 14px;
	text-decoration: underline;
	
	font-style: normal;
	font-weight: 300;
	text-align: left;
	line-height: 21px;
	letter-spacing: 0.5px;
}

.link-14-D-u:hover {
	color: #000000;
}

.link-12-D-u {
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
	
	font-style: normal;
	font-weight: 300;
	text-align: left;
	line-height: 21px;
	letter-spacing: 0.5px;
}

.link-12-D-u:hover {
	color: #000000;
}

.link-12-L-u {
	color: #ffffff;
	font-size: 12px;
	padding: 5px;
	text-decoration: underline;
	
	font-style: normal;
	font-weight: 300;
	text-align: left;
	line-height: 21px;
	letter-spacing: 0.5px;
}

.link-12-L-u:hover {
	color: #ffffff9f;
}

.link-14-L-u {
	color: #ffffff;
	font-size: 14px;
	padding: 5px;
	text-decoration: underline;
	
	font-style: normal;
	font-weight: 300;
	text-align: left;
	text-underline-position: under;
	line-height: 21px;
	letter-spacing: 0.5px;
}

.link-14-L-u:hover {
	color: #ffffff9f;
}

.scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #000000;
}

.scroll::-webkit-scrollbar {
	width: 12px;
	background-color: #000000;
}

.scroll::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #FFFFFF8F;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: calc(var(--header-h) + 10px);
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: calc(100% - var(--header-h) - 10px); /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
}

.modal-container {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border-radius: 5px;
	width: 85%;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
}

.modal-h {
	width: 100%;
	height: 30px;
	border-bottom: 0.5px solid #00000030;
}

.modal-b {
	margin-top: 30px;
}

.modal-close {
	color: #aaaaaa;
	display:inline-block;
	font-size: 18px;
	float:right;
	font-weight: bold;
}

.modal-loader {
	text-align: center;
}

.modal-loader img {
	width: 50px;
	height: 50px;
}

.modal-close:hover, .modal-close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

.modal-title {
	color: #000000;
	font-size: 14px;
	display:inline-block;
	letter-spacing: 0.5px;;
	font-family: 'Roboto-bold';
}

.modal-description-0 {
	color: #000000;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: 0.5px;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
}

.modal-description-1 {
	color: #000000;
	font-size: 12px;
	text-indent: 15px;
	line-height: 21px;
	letter-spacing: 0.5px;;
}

.modal-input {
	display: block;
	width: auto;
	padding: 12px 40px 12px 14px; /* room for button */
	border-radius: 8px;
	border: 1px solid #e6e8eb;
	background: #fff;
	color: #111;
	margin: 0px;
	font-size: 16px;
	outline: none;
	transition: box-shadow .15s, border-color .12s;
	box-sizing: border-box;
}

.modal-input ::placeholder {
	color: #69707a;
}

.modal-input:focus {
	border-color: #0066ff;
	box-shadow: 0 6px 18px rgba(0, 102, 255, 0.08);
}

.modal-input-label {
	letter-spacing: 0.5px;
	color: #000000;
	padding: 3px 0px;
	font-size: 14px;
	text-indent: 0px !important;
}

.modal-con {
	
}

.modal-buttons {
	border-top: 0.5px solid #f5f5f5;
	margin-top: 30px; 
	text-align: end;
	padding-top: 20px;
}

.modal-err {
	color: #C00000;
	font-size: 14px;
	font-weight:600;
	letter-spacing: 0.5px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.modal-fade {
	animation-name: modal-fade;
	animation-duration: 0.5s;
}

@keyframes modal-fade {
  from {transform: scale(0.8);}
  to {transform: scale(1);}
}


.input-01 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-radius: 5px;
    padding-right: 15px;
    margin: 8px 0;
    display: inline-block;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-left-color: #cccccc50;
    border-top-color: #cccccc50;
    border-bottom-color: #cccccc50;
    border-right-color: #cccccc50;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #000000;
    font-family: 'Roboto';
    box-sizing: border-box;
    background: #fafafa;
    outline: none;
    transition: all 0.2s ease;
    opacity: 1;
}
.input-01-small {

	font-size: 12px
}

.input-01:focus {
	border-color: #0066ff;
	color: #000;
    box-shadow: 0 2px 5px 0 rgb(0 102 255 / 16%), 0 2px 10px 0 rgb(0 102 255 / 12%);
}

.input-01:disabled {
	border-left-color: #cccccc50;
	background: #f5f5f5;
	-webkit-appearance: none;
    -moz-appearance: none;
}

.input-01::placeholder {
  	color: #999;
}

.input-new-wrapper {
	position: relative;
}

.input-new {
	display: block;
	width: -webkit-fill-available;
	padding: 12px 40px 12px 14px; /* room for button */
	border-radius: 8px;
	border: 1px solid #e6e8eb;
	background: #fff;
	color: #111;
	font-size: 14px;
	outline: none;
	transition: box-shadow .15s, border-color .12s;
	box-sizing: border-box;
	resize: vertical;
}

.input-new ::placeholder {
	color: #69707a;
}

.input-new-toggle-btn {
      position:absolute;
      right:10px;
      top:50%;
      transform:translateY(-50%);
      background:none;
      border:none;
      color:#69707a;
      cursor:pointer;
      font-size:14px;
      transition:color .2s;
      padding:4px 8px;
    }

.input-new-toggle-btn:hover {
      color:#0066ff;
}

.input-new-add-btn {
      right:10px;
      top:50%;
      background:none;
      border:none;
      color:#69707a;
      cursor:pointer;
      font-size:14px;
      transition:color .2s;
      padding:4px 8px;
    }

.input-new-add-btn:hover {
      color:#0066ff;
}

.input-new:focus {
	border-color: #0066ff;
	box-shadow: 0 6px 18px rgba(0, 102, 255, 0.08);
}

.input-new-label {
	color: #000000;
	padding: 3px 0px;
	font-size: 14px;
	text-indent: 0px !important;
}


.label-01 {
	letter-spacing: 0.5px;
	color: #000000;
	padding: 3px 0px;
	font-size: 12px;
	font-family: 'Roboto-bold';
}

.button-01 {
	background-color: #fff;
	color: #69707a;
	padding: 10px 20px;
	border-radius: 5px;
	text-align:center;
	display: block;
	text-decoration:none;
	cursor: pointer;
	letter-spacing: 0.5px;
	font-size: 14px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
	
}

.button-01:hover {
	color: #0066ff;
	box-shadow: 0 2px 5px 0 rgb(0 102 255 / 16%), 0 2px 10px 0 rgb(0 102 255 / 12%)
}

.button-02 {
	background-color: #FF0000;
	color: #fff;
    border-radius: 5px;
    border: 1px solid #ffffff00;
	padding: 6px 12px;
	margin-left: auto;
	cursor: pointer;
	letter-spacing: 0.5px;
	text-decoration:none;
	font-size: 12px;
	display: block;
	width: fit-content;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
	
}

.button-02:hover {
	background-color: #C70039;
	box-shadow: 0 2px 5px 0 rgb(0 102 255 / 16%), 0 2px 10px 0 rgb(0 102 255 / 12%)
}


.button-04 {
	background-color: #FFFFFF;
	color: #69707a;
    border: 0.5px solid #fff;
    border-radius: 0px;
	padding: 6px 12px;
	margin-left: auto;
	cursor: pointer;
	letter-spacing: 0.5px;
	text-decoration:none;
	font-size: 12px;
	display: block;
	width: fit-content;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
	
}

.button-04:hover {
	color: #0066ff;
	box-shadow: 0 2px 5px 0 rgb(0 102 255 / 16%), 0 2px 10px 0 rgb(0 102 255 / 12%)
}

.button-05 {
	background-color: #fff;
	color: #69707a;
    border-radius: 5px;
    border: 1px solid #ffffff00;
	padding: 6px 12px;
	margin-left: auto;
	cursor: pointer;
	letter-spacing: 0.5px;
	text-decoration:none;
	font-size: 12px;
	display: block;
	width: fit-content;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
	
}

.button-05:hover {
	color: #0066ff;
	box-shadow: 0 2px 5px 0 rgb(0 102 255 / 16%), 0 2px 10px 0 rgb(0 102 255 / 12%)
}

.button-disabled {
	background-color: #f5f5f5;
	color: #00000033;
	pointer-events: none;
}

.text-00-D {
	color: #000000;
	font-size: 8px;
	letter-spacing: 0.5px;
	
}

.text-01-L {
	color: #FFFFFF;
	font-size: 10px;
	letter-spacing: 0.5px;
}

.text-01-R {
	color: #CC0000;
	font-size: 10px;
	letter-spacing: 0.5px;
}


.text-01-D {
	color: #000000;
	font-size: 10px;
	letter-spacing: 0.5px;
}

.text-01-D_g {
	color: #333;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.5px;
	
}



.text-02-L {
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 0.5px;
	
}

.text-02-D {
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.5px;
	
}


.text-02-D_g {
	color: #333;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.5px;
	
}

.text-03-D {
	color: #000000;
	font-size: 14px;
	letter-spacing: 0.5px;
	
}

.text-03-L {
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 0.5px;
	
}



.dropbtn {
	background-color: #04AA6D;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
}

.dropdown {
	position: relative;
	font-size: 15px;
	display: inline-block;
	float: right;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #ddd;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}

#my-drop-down-menu ul, ul#my-drop-down-menu {
	list-style: none;
}

#my-drop-down-menu {
	position: relative; /* (!) */
	z-index: 3;
	padding: 0px;
	height: 20px;
	margin: 0 auto;
}

#my-drop-down-menu li.list {
	float: left; /* (!) */
	display: block; /* (!) */
	margin: 0 5px;
}

#my-drop-down-menu a {
	color: #61ADB0;
	text-decoration: none;
}

#my-drop-down-menu ul.child {
	background: #463935;
	padding: 5px;
	position: absolute; /* (!) */
	top: 29px; /* (!) */
	left: -9999px; /* (!) */
	z-index: 3;
	border-top: 1px solid #3A2E2B;
	-moz-box-shadow: 0px 3px 7px #251d1b;
	-webkit-box-shadow: 0px 3px 7px #251d1b;
	box-shadow: 0px 3px 7px #251d1b;
}

#my-drop-down-menu li:hover ul.child {
	left: auto; /* (!) */
}

#my-drop-down-menu li a.link {
	display: block;
	padding: 5px;
}

#my-drop-down-menu li:hover a.link {
	background: #463935;
}

/*
	Apartament
*/

.apartament-container-part-1 {
	display: inline-block;
	width: 100%;
}

.apartament-container-part-2 {
	display: inline-block;
	width: 100%;
}

.apartament-container-part-line {
	margin-top: 15px;
}

.apartament-container-delimetr {
	border-bottom: 1px solid #f5f5f5;
}

/* 
	account 
*/

.account-panel {
	margin-bottom: 50px;
    background-color: #fff;
}

.account-panel-state-2 {
    background-color: #cbcbcb;
}

.account-panel-state-0 {
    background-color: #cbcbcb;
}

.account-panel-state-1 {
    background-color: #f5f5f5;
}

.account-panel-head {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.account-panel-body {
    padding: 15px;
    background-color: #ffffff;
}

.account-panel-body-tr {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #f5f5f5;
}

.account-panel-body-td-l {
    display: inline-block;
    width: 40%;
}

.account-panel-body-td-r {
    display: inline-block;
    width: 60%;
}



.account-panel-footer-1 {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.account-panel-footer-2 {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.visible-only-screen-p {
	display: block;
}

.visible-only-screen-768-1200 {
	display: none;
}
.visible-only-screen-768-1200-inline {
	display: none;
}

.center-v {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.center-h {
	margin: 0;
	position: absolute;
	left: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.bot-command-label {
	font-size: 16px;
    line-height: 30px;
    max-width: 650px;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    opacity: 0.5;
}

.tabs {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}

.tab {
    display: inline-block;
    padding: 12px 20px;
    text-decoration: none;
    color: #000;
    text-align:center;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: none;
    font-size: 12px;
    border-radius: 8px 8px 0 0;
    transition: all 0.2s ease;
}

.tab:hover {
    background: #ececec;
    color: #000;
}

.tab.active {
    background: #63ca00;
    color: #fff;
    border-left: 1px solid #63ca00;
    border-top: 1px solid #63ca00;
    border-right: 1px solid #63ca00;
    border-bottom: 1px solid #63ca00;
}

.tab.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #fff;
}

@media only screen and (min-width: 768px) {
	
	:root {
		--block-menu-width: 30%;
		--block-s: 5px;
		--block-cont-width: calc(100% - var(--block-menu-width) - var(--block-s));
	}

	.auth-container-block-00 {
		width: 400px;
		border-radius: 5px;
	}
	
	.block-menu {
		width: var(--block-menu-width);
	}
	
	.block-cont {
		width: var(--block-cont-width);
		margin-left: var(--block-s);
	}
	
	.invisible-phone-t-c {
		display: table-cell !important;
	}
	
	.block-cont-01-001-con {
		text-align: left;
	}
	
	/* ---------------------------- Modal --------------------------- */
	
	.modal-container {
		width: 60%;
	}
	.modal-title {
	}

	.modal-description-0 {
		font-size: 18px;
	}
	
	.modal-description-1 {
		font-size: 14px;
	}
	
	.modal-error {
		font-size: 16px;
	}

	/* -------------------------------buttons--------------------------- ---*/
	.button-01 {
		font-size: 16px;
	}

	.button-02 {
		font-size: 14px;
	}
	
	.button-04 {
		font-size: 14px;
	}
	
	.button-05 {
		font-size: 14px;
	}

	/* --------------------------------text----------------------------- ---*/
	.text-00-D {
		font-size: 10px;
	}
	.text-01-L {
		font-size: 12px;
	}
	.text-01-R {
		font-size: 12px;
	}
	.text-01-D {
		font-size: 12px;
	}
	.text-01-D_g {
		font-size: 12px;
	}
	.text-02-L {
		font-size: 14px;
	}
	.text-02-D {
		font-size: 14px;
	}
	.text-02-D_g {
		font-size: 14px;
	}
	.text-03-D {
		font-size: 16px;
	}
	.text-03-L {
		font-size: 16px;
	}

	/* ---------------------------- apartaments --------------------------- */
	.apartament-container-part-1 {
		width: 45%;
	}
	
	.apartament-container-part-2 {
		width: 45%;
		margin-left: 20px;
	}
	
	.apartament-container-delimetr {
		border-bottom: 1px solid #f5f5f5;
	}
	
	/* ------------------------------- account --------------------------- */
	
	.account-panel {
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
	}
	
	.account-panel-head {
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
	}

	.account-panel-body {
	}
	
	
	/* ---------------------------- Table --------------------------- */
	
	.c-table-th {
		font-size: 12px;
	}
	
	.c-table-td {
		font-size: 12px;
	}
	
	.global-error {
		text-align: left;
		font-size: 16px;
	}
	
	.visible-only-screen-p {
		display: none;
	}
	
	.visible-only-screen-768-1200 {
		display: block;
	}
	.visible-only-screen-768-1200-inline {
		display: inline-block;
	}
	
	
	.input-01 {
		padding-top: 13px;
		padding-bottom: 13px;
		font-size: 14px;
	}
	
	.modal-buttons {
		margin-top: 50px;
	}
	
	.tab {
		font-size: 14px;
	}
	
	.main-menu-line-inner {
		font-size: 14px;
	}
	
	.main-menu-line-main {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1200px) {
	
	:root {
		--block-menu-width: 25%;
		--block-cont-width: calc(100% - var(--block-menu-width) - var(--block-s));
	}
	
	/* ---------------------------- auntification --------------------------- */
	
	
	.auth-container-block-00 {
		width: 400px;
	}
	
	.block-menu {
		width: var(--block-menu-width);
	}
	
	.block-cont {
		width: var(--block-cont-width);
		margin-left: var(--block-s);
	}
	
	.block-cont-01-001 {
		width: 30%;
	}
	
	.block-cont-01-002 {
		width: 70%;
	}
	
	.block-cont-01-001-con {
		text-align: left;
	}
	
	/* ---------------------------- Modal --------------------------- */
	.modal-container {
		width: 45%;
	}
	.modal-title {
		font-size: 16px;
	}

	.modal-description-0 {
		font-size: 14px;
	}
	
	.modal-description-1 {
		font-size: 14px;
	}
	
	.modal-error {
		font-size: 16px;
	}
	
	/* ---------------------------- apartaments --------------------------- */
	
	
	.visible-only-screen-p {
		display: none;
	}
	
	.visible-only-screen-768-1200 {
		display: block;
	}
	.visible-only-screen-768-1200-inline {
		display: inline-block;
	}
	
	
}