@font-face {
	font-family: 'PT Root UI';
	src: url('/fonts/PTRootUI/PT-Root-UI_VF.ttf');
	font-weight: 1;
	font-style: normal;
}

@font-face {
	font-family: 'PT Root UI';
	src: url('/fonts/PTRootUI/PT-Root-UI_Light.ttf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'PT Root UI';
	src: url('/fonts/PTRootUI/PT-Root-UI_Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'PT Root UI';
	src: url('/fonts/PTRootUI/PT-Root-UI_Medium.ttf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'PT Root UI';
	src: url('/fonts/PTRootUI/PT-Root-UI_Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'PT Astra Sans';
	src: url('/fonts/PTAstraSans/PTAstraSans-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'PT Astra Sans';
	src: url('/fonts/PTAstraSans/PTAstraSans-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'PT Astra Sans';
	src: url('/fonts/PTAstraSans/PTAstraSans-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'PT Astra Sans';
	src: url('/fonts/PTAstraSans/PTAstraSans-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}
/* reset.css */
html {margin:0;padding:0;border:0;height: 100%;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
textarea::placeholder {
	color: #ADB2BC;
}

/* typography */
html {font-size:16px;}
a {
	color: #06c;
	text-decoration: underline;
	cursor: pointer;
}
body
{
	height: 100%;
	line-height: 1;
	margin: 0;
	padding: 0;
	color: #21242C;
	font-size: 100%;
	font-style: normal;
	font-weight: 500;
	font-family: 'PT Root UI',Helvetica,Arial,sans-serif;
}
h1 {
	font-family: PT Root UI;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	margin: 0;
}
h2 {
	font-family: PT Root UI;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	margin: 0;
}
h3 {
	font-family: PT Root UI;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
}
.design-v3 h3 {
	font-size: 18px;
	line-height: 24px;
}
h4 {
	font-family: PT Root UI;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
}
a {color:#2C7AB9;text-decoration:underline;}
a.link {text-decoration:none;}
.ui-widget-content a.link {color: #2C7AB9;}
table {width:100%;}
th {font-weight:bold;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
th, td, caption {padding:4px 10px 4px 5px;}

#header
{
	display: flex;
	margin: 0;
	padding: 9px 12px;
	/*position:fixed;*/
	z-index:100;
	border-bottom: 1px solid rgba(33, 45, 69, 0.07);
	justify-content: space-between;
	top:0;
	left:0;
	right:0;
	height: 30px;
	background: #fff;
}
#content
{
	display: flex;
	flex-grow: 1;
	overflow-x: auto;
	position: relative;
	flex-direction: column;
}
#sidebar
{
	width: 117px;
	color: #ffffff;
	text-align: start;
	display: flex;
	gap: 13px;
	flex-shrink: 0;
	z-index:100;
	flex-direction: column;
	justify-content: space-between;
	padding: 8px 12px;
	background:#4f5f6f;
}
#page {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	margin:0 auto;
	/*min-height: auto;*/
}
#footer
{
	position:absolute;
	margin-bottom:-120px;
	bottom:0;
	font-size: 0.8em;
	text-align: center;
	width:100%;
	height:120px;
	background: #242f39;
	color:#fff;
	overflow-x:hidden;
}

#footer div{
  width: 250px;
  float: left;
  margin: 30px 38px 0;
}
#footer div p{
	text-align:left;
}
#footer div p span{
	font-size:20px;
}
#footer div a{
	color:#fff;
}

#logo_contacts {
	height: 30px;
	gap: 24px;
	display: flex;
}
#pageTitle {
	display: flex;
	gap: 4px;
	align-items: center;
}
#pageTitle h3 {
	max-width: 320px;
	text-overflow: ellipsis;
	overflow: hidden;
}

#pageTitle #cardConnect {
	display: flex;
	position: relative;
}

#cardConnect .card-connect__img {
	width: 24px;
	height: 24px;
	background: url(../images/paid_info.svg) no-repeat;
	background-position-y: center;
	background-size: 24px;
}

#cardConnect .card-connect__popup {
	display: none;
	position: absolute;
	transform: translate(-50%);
	left: 50%;
	gap: 10px;
	top: 24px;
	flex-direction: column;
	align-items: start;
	background-color: #fff;
	z-index: 1;
	padding: 16px;
	border: 1px solid rgba(33, 45, 69, 0.24);
	border-radius: 8px;
}

#cardConnect .card-connect__img:hover + .card-connect__popup,
#cardConnect .card-connect__popup:hover {
	display: flex;
}

#logo {
	display: inline-block;
	width:117px;
	height:30px;
	font-size: 200%;
	background: #ffffff;
}
#support_contacts {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #676F7E;
}
#tg_support {
	display: flex;
	padding: 6px 12px;
	align-items: center;
	gap: 4px;
}

.header_info_wrapper {
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
}

#userType {
	color: #676F7E;
}

#openModal {
	display: none;
	flex-direction: column;
	position: fixed;
	justify-content: center;
	font-family: PT Root UI, serif;
	align-items: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(49, 49, 49, 0.26);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

#profileInfo {
	display: flex;
	align-items: baseline;
	gap: 12px;
}

#profile_menu_arrow {
	width: 32px;
	height: 32px;
	padding: 2px;
	border-radius: 8px;
}
#profile_menu_arrow .drop-down {
	width: 32px;
	height: 32px;
	padding: 0;
}

a.arrow_right, a.arrow_down, a.arrow_up {
	display: flex;
	position: relative;
	min-width: 1px;
	width: fit-content;
	text-decoration: none;
	justify-content: space-between;
	height: 100%;
	/*top: 2px;*/
	/*left: 2px;*/
	/*background: url("/images/arrow_down.svg") 8px 9px no-repeat;*/
	/*rotate: -90deg;*/
}
a.arrow_right:after,a.arrow_up:after,a.arrow_down:after {
	content: "";
	width: 28px;
	height: 28px;
	/*position: absolute;*/
	background: url(/images/arrow_down.svg) 50% 50% no-repeat;
}
.design-v3 a.arrow_right:after,.design-v3 a.arrow_up:after,.design-v3 a.arrow_down:after {
	content: "";
	width: 16px;
	height: 16px;
	/*position: absolute;*/
	background: url(/images/design-v3/arrow_down.svg) 50% 50% no-repeat;
}
a.arrow_right:after {
	top: -7px;
	right: -10px;
	transform: rotate(-90deg);
}
a.arrow_up:after {
	/*top: -9px;*/
	/*right: 4px;*/
	transform: rotate(180deg);
}
/*a.arrow_down:after {*/
/*	top: 11px;*/
/*	right: -10px;*/
/*}*/
a.arrow_left {
	background: url(/images/arrow_down.svg) 8px 9px no-repeat;
}
a.arrow_down img {
	width: 13px;
	height: 7px;
	top: 10px;
	left: 7px;
}

.white-back {background: #FFFFFF !important;}

#free_consult
{
	width: auto;
	min-width: 240px;
	height:68px;
	vertical-align: middle;
	display: table-cell;
	background: #f8f6f1;
	/*padding-left: 30px;*/
}

.headerBlock{
	vertical-align: middle;
	display: flex;
	padding: 0 10px;
}
.headerBlock a{text-decoration:none;}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-notice, div.flash-success
{
	/*padding:.8em;*/
	/*margin-bottom:1em;*/
	/*border:2px solid #ddd;*/
	display: flex;
	padding: 16px;
	flex-direction: column;
	gap: 8px;
	flex: 1 0 0;
	border-radius: 8px;
}
div.flash-notice
{
	background: #FFE6C5;
}
div.flash-notice p {
	color: #21242C;
	font-size: 16px;
	line-height: 20px;
}
div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-notice a
{
	color:#514721;
}
div.flash-notice p
{
	flex-direction: column;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}
.largecheckbox{
	width: 300px;
	height: 100px;
}
.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	flex-grow: 1;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	display: flex;
	position: relative;
	height:32px;
	border-radius: 4px;
	transition: all .5s;
}
.operations li.active,.operations li:hover
{
	transition: all .5s;
	background-color: #455363;
}
.operations li a
{
	display: flex;
	flex-grow: 1;
	align-items: center;
	line-height: 32px;
	font-family: 'PT Root UI';
	padding: 4px 12px 4px 12px;
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a {
	color: #ADB2BC !important;
}

form .span-1,
form .span-2,
form .span-3,
form .span-4,
form .span-5,
form .span-6,
form .span-7,
form .span-8,
form .span-10,
form .span-11,
form .span-12,
form .span-13,
form .span-14,
form .span-15,
form .span-16,
form .span-17,
form .span-18,
form .span-19,
form .span-20,
form .span-21 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn, .qq-upload-button.btn {
	box-sizing: border-box;
	border-radius: 8px;
	display: flex;
    cursor: pointer;
    text-decoration: none;
	width: max-content;
	color: #21242C;
	font-family: 'PT Root UI';
	font-style: normal;
	font-weight: 500;
	align-items: center;
}

.outline-btn {
	border-radius: 8px;
	border: 2px solid #212D453D;
}

.qq-upload-button.upload-btn.clip-icon {
	display: flex;
	width: 28px;
	height: 28px;
	padding: 8px;
	justify-content: space-between;
	align-items: center;
	border: none;
	border-radius: 100px;
	background: #E3E6EC url(../images/clip.svg) 50% 50% no-repeat !important;
	background-size: 30px !important;
}
#sendQueryMsg, .textAreaSendBtn {
	width:28px;
	height:28px;
	background: #45A15C url(../images/send.svg) 50% 50% no-repeat;
	padding: 8px;
	border-radius: 100px;
	cursor: pointer;
	background-size: 30px;
	box-sizing: content-box;
	display: flex;
	border: none;
}
.textAreaButtons {
	display: flex;
	gap: 8px;
}
#sendQueryMsg div {display:none;position:absolute;left:20px;bottom: 46px;flex-direction: column;}
.newTextArea {
	display: flex;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 12px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	font-size: 13px;
	gap: 32px;
	background: #FFF;
}
.newTextArea-active {
	border: 1px solid #1D8737;
}
.primary-btn{
	display: inline-block;
	border-radius: 0;
	padding: 7px 7px;
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana,Arial,sans-serif;
	line-height: normal;
	background-color: #f8f6f1;
	color: #4f5f6f !important;
	border: 2px solid #4f5f6f;
}
.primary-btn:hover,.upload-btn:hover{
	background-color: #4f5f6f;
	color: #FFF !important;
}

.gray-line-btn {
	background-color: #FFFFFF;
	color: #21242C !important;
	border: 1px solid rgba(33, 45, 69, 0.24);
}
.line-btn, .qq-upload-button.line-btn {
	color: #21242C !important;
	background-color: #FFFFFF;
	border: 1px solid #1D8737;
}
.red-line-btn {
	color: #21242C !important;
	background-color: #FFFFFF;
	border: 1px solid #E7491B;
}
.small-btn, .qq-upload-button.small-btn {height:32px;font-size: 13px;line-height: 16px;padding: 4px 12px;}
.middle-btn, .qq-upload-button.middle-btn {height:48px; font-size: 16px;line-height: 20px;padding: 10px 24px;}
.line-btn.small-btn:hover, .qq-upload-button-hover.line-btn.small-btn:hover {border: 2px solid #367D4D;padding: 4px 11px;color: #21242C !important;}
.line-btn.middle-btn:hover, .qq-upload-button-hover.line-btn.middle-btn:hover {border: 2px solid #367D4D;padding: 8px 23px;color: #21242C !important;}
.qq-upload-button.green-btn {
	background-color: #45A15C;
	border-bottom: none;
}
.green-btn {
	background: #45A15C;
	color: #FFFFFF !important;
	border: none;
}
.green-btn.small-btn {}
.green-btn.middle-btn {}
.green-btn:hover {background: #367D4D;}
.green-btn:active {background: #326748;}
.gray-btn {
	background: #4F5F6F;
	color: #FFFFFF !important;
	border: none;
}
.green-btn.disabled, .green-btn:disabled {background: #D3D7DE;pointer-events: none;cursor: default;}
.line-btn.disabled, .line-btn:disabled {border: 2px solid rgba(33, 45, 69, 0.24);pointer-events: none;cursor: default;color: #ADB2BC !important;}
.red-btn {
	background: #E7491B;
	color: #FFFFFF !important;
	border: none;
}
.red-btn:hover {background: #CC3C13;}
.red-btn:active {background: #B73A17;}
.white-btn {
	background: #FFFFFF !important;
	color: #21242C !important;
	border: 1px solid rgba(33, 45, 69, 0.24) !important;
}
.white-btn:hover {background: #ebebeb !important; }
.white-btn:active {background: #e3e3e3 !important;}
.success-btn{
	background-color: #ffffff;
	color: #28a745 !important;
	border: 2px solid #28a745;
}
.qq-uploader {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: end;
}
.upload-btn{
	background:#4f5f6f !important;
	color: #FFF !important;
}
.new-design.upload-btn {
	display: inline-flex;
	box-sizing: border-box;
	align-items: center;
	flex-shrink: 0;
	background-color: #ffffff !important;
	width: auto;
	color: #21242C !important;
	border-radius: 8px;
	border: 1px solid #1D8737;
	font-family: PT Root UI;
	font-style: normal;
	font-weight: 500;
	margin: 0;
}

.newGroup, .subGroup {
	display: flex;
	padding: 24px;
	/*justify-content: space-between;*/
	align-items: center;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	background: #FFF;
}
.subGroup {
	background: #F5F5F5;
}
.newGroup-16 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	align-items: flex-start;
	border-radius: 8px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	background: #FFF;
}

.flex-block {
	display: flex;
	flex-direction: column;
	/*align-items: flex-start;*/
	gap: 8px;
}
.flex-block-4 {display: flex;flex-direction: column;gap: 4px;}
.flex-inline-8 {display: inline-flex;gap: 48px 8px;}
.flex-block-8 {display: flex;flex-direction: column;gap: 16px;}
.flex-block-16 {display: flex;flex-direction: column;gap: 16px;}
.flex-line-4 {display: flex;gap: 4px;align-self: stretch;}
.flex-line-8 {display: flex;gap: 8px;align-self: stretch;}
.flex-line-16 {display: flex;gap: 16px;align-self: stretch;}
.flex-line-24 {display: flex;gap: 24px;align-self: stretch;align-items: center;}
.flex-lines-8, .clients-files.flex-lines-8 {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items:flex-start;
	align-content:flex-start;
	flex-direction: row;
}
.flex-lines-32 {
	display: flex;
	gap: 16px 32px;
	flex-wrap: wrap;
	align-items:flex-start;
	align-content:flex-start;
	flex-direction: row;
}
.flex-lines-32 > div {
	display: flex;
	width: 260px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	/*border-radius: 8px;*/
	overflow: hidden;
	align-self: stretch;
}
.half-size-4 {
	width: calc(50% - 4px);
	box-sizing: border-box;
}
.half-size-8 {
	width: calc(50% - 8px);
	box-sizing: border-box;
}

.icon-btn a img {width: 16px;height: 16px;}
.icon-btn a {
	display: flex;
	height: 32px;
	box-sizing: border-box;
	padding: 4px 12px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #1D8737;
	width: fit-content;
}
.upload-btn-scans{
	width: 250px !important;
}
.drop-area-scan {
	min-height: 0px !important;
}
.warn_download{
	position: relative;
	left: 110px;
	bottom: 30px;
}
.warn_download{
	position: relative;
	left: 110px;
	bottom: 30px;
	font-size: 9px;!important
}
.tr_load th{
	border: 0px solid rgba(0,0,0,0.4) !important;
}
.storage-btn{
	background-position: 7px 50%;
	background-repeat:no-repeat;
	padding-left: 40px;
}
.TitleBo{
	font: lighter 185% sans-serif;
	color: rgb(128, 128, 128);
	margin:0;
}

.alert-btn {
	display: inline-block;
	line-height: normal;
	background-color: #fff;
	border-radius: 0;
	font-size: 15px;
	font-family: Verdana,Arial,sans-serif;
	padding: 7px 7px;
	color: #f30203 !important;
	border: 2px solid #f30203;
}

.alert-btn:hover{
    background-color: #f30203;
    color: #FFF !important;
}
.ok-btn{
    color: #FFF;
    background-color: #5AC55F;
}
.ok-btn:hover{
    color: #FFF;
    background-color: #4AB54F;
}

.detail-table{
    font-size: 1.2em;
    border-collapse: collapse;
}

#tabBO .detail-table td{
	font-family:serif;
}

#tabBO .detail-table tr.result{
	font-family:fantasy;
}

.detail-table input{
    width: 150px;
}
.detail-table input[type="radio"]{
    width: 13px;
}
.ui-widget input {
	font-family: PT Root UI;
	font-size: 13px;
}
.qq-upload-button {
	display: block;
	width: 105px;
	padding: 7px 0;
	text-align: center;
	background: #4f5f6f;
	border-bottom: 2px solid #4f5f6f;
	color: #4f5f6f;
}
.uploadFileSign {
	/*width: 24px !important;*/
	height: 24px;
	width: auto !important;
	padding: 0 4px 0 22px !important;
	text-align: left !important;
	font-size: 13px;
	color: #2C7AB9 !important;
	font-weight: 500;
	background-color: #DAEEFF !important;
	background-image: url(/images/edit.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 4px 4px !important;
	background-size: 16px 16px !important;
	line-height: 24px;
	border: 0 !important;
	cursor: pointer !important;
	border-radius: 4px;
}
#stub {position:fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; background: rgba(49, 49, 49, 0.26); display: none;}
.popup-sidebar {
	display: none;
	width: 400px;
	/*display: flex;*/
	position: fixed;
	z-index: 101;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 12px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	background: #FFFFFF;
	overflow-y: scroll;
}
.popup-sidebar label {
	color: #21242C;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}
.popup-sidebar h4 {
	color: #21242C;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
.popup-sidebar .filterBlock {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.popup-sidebar .filterBlock, .filterBlockTwo {
	border-top: 1px solid #212D4512;
	padding-top: 4px;
}

.popup-sidebar .filterBlock:nth-child(2), .filterBlockTwo .filterBlock {
	border-top: 0;
	padding-top: 0;
}

.filterBlockTwo, .filterBlockBtns {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, 50%);
	width: 100%;
}

.filterBlockBtns {
	margin-top: 6px;
}

.popup-sidebar .filterBlock .dash {
	width: 8px;
	height: 2px;
	border-radius: 8px;
	background: #929BAA;
}
.popup-sidebar .filterBlock .sum-range input {
	flex: 1 1 140px;
	min-width: 140px;
}
.popup-sidebar .filterBlock .sum-range {
	display: flex;
	align-items: center;
	gap: 4px;
	align-self: stretch;
}
.popup-sidebar .filterInput {
	align-self: stretch;
}
.popup-sidebar .notifyListItem > div {
	align-self: stretch;
}
.popup-sidebar .notifyListItem > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-sidebar .notifyListItem {
	display: flex;
	padding: 12px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	border-radius: 8px;
	background: #F5F5F5;
}
.popup-sidebar .notifyListItem.isRead {opacity: 0.5}
.popup-sidebar .disabled-text {color: #ADB2BC;}
p, label {
	margin: 0;
	font-family: PT Root UI;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}
.design-v3 p {
	color: #676F7E;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}
.label {color: #676F7E;}
input[type="checkbox"] + label,
input[type="radio"] + label, label.radioList {
	font-size: 16px;
	color: #21242C;
}
/* убираем желтый фон автозаполнения */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: inherit;
	-webkit-box-shadow: 0 0 0px 1000px #E5F5E9 inset;
	transition: background-color 5000s ease-in-out 0s;
}

.other-details{
    color:#888;
    margin-bottom: 20px;
}

.other-details strong {
    color:#BEBEBE;
}

.other-details p{
    margin: 5px 0;
}

.uploadify-button{
    font-size:0.8em !important;
}

.ui-accordion-header.ui-state-active {
    background: #2f849e !important;
}

.ui-accordion-header.ui-state-active a{
    color: #FFF !important;
}

ul.filelist {
    list-style-image: url('../images/file.png');
}

li:hover .sub-tab{
	display:flex;
	box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.18);
}

.sub-tab{
	align-items: flex-start;
	padding:8px 0;
	position:absolute;
	display:none;
	left:117px;
	flex-direction: column;
	top: 0;
	background:#FFFFFF;
	border:1px solid rgba(33, 45, 69, 0.07);
	border-radius: 4px;
	width: max-content;
}
.flat-tab {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	padding: 12px;
	position: relative;
    width: 225px;
	margin: 0;
	border: 0 solid rgba(33, 45, 69, 0.07);
	border-right-width: 1px;
	overflow: auto;
}
.flat-tab.hidden {
	width: 32px;
}
.flat-tab.hidden .title, .flat-tab.hidden .menu {display: none;}
.flat-tab ul{
	padding: 0;
	margin: 0;
	width: 100%;
}
.commonContent {
	position: relative;
	/*height: 100%;*/
	display: flex;
	overflow-y: auto;
	overflow-x: hidden;
	flex-grow: 1;
}
#toggleCardMenu {
	flex-shrink: 0;
	background: #FFFFFF;
	border: 1px solid rgba(33, 45, 69, 0.07);
	border-radius: 8px;
	cursor:pointer;
	color: #454A54;
	display: flex;
	/*padding: 5px;*/
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
#toggleCardMenu img {
	width: 24px;
	height: 24px;
}
#toggleCardMenu.arrow_left {
	/*left:242px;*/
}
#toggleCardMenu.arrow_right {
	/*left: -6px;*/
	rotate: 180deg;
}
.sub-tab li, .flat-tab li
{
	list-style-type:none;
	padding: 3px 8px;
	display: flex;
	justify-content: stretch;
	border-top: 1px solid #212D4512;
	min-height: 25px;
	box-sizing: border-box;
}

.flat-tab-header {
	display:flex;
	justify-content: space-between;
	align-self: stretch;
	align-items: center;
	margin: 8px 0 8px 8px;
}

.sub-tab li:first-child, .flat-tab li:first-child {
	border-top: 0;
}


.sub-tab li
{
	align-self: stretch;
	padding: 0;
	/*justify-content: stretch;*/
}
.sub-tab li.active{background:rgba(33, 36, 44, 0.15) !important; color:#fff;}
/*.sub-tab li.active a{color:#fff;}*/

.sub-tab li a, .flat-tab li a {
	flex-grow: 1;
	padding: 0;
	/*width: 100%;*/
	color: #21242C;
    text-decoration: none;
	display: flex;
	align-items: center;
    font: 500 11px 'PT Root UI';
}
.sub-tab li a {
	flex-shrink: 0;
	padding: 4px 12px;
}

.countUnreads{
	display: flex;
	align-self: center;
	background: #21242C12;
	border-radius: 29px;
	font-size: 11px;
	font-family: 'PT Root UI';
	font-weight: 500;
	font-style: normal;
	line-height: 16px;
	padding: 1px 6px;
	min-width: 20px;
	justify-content: center;
	box-sizing: border-box;
	text-align: center;
}

.sub-tab a.active,
.flat-tab li.active,
.sub-tab li:hover,
.flat-tab li:hover {
	border-radius: 4px;
	background: #21242C12;
	border-top-color: transparent;
}

.flat-tab li.active+li, .flat-tab li:hover+li{
	border-top-color: transparent;
}

.sub-tab a.primary, .flat-tab a.primary{
    /*background-color: #139BA4;*/
    /*color: #FFF;*/
}

#CardListItem, #AccountListItem{
	/*background: url('../images/copy.png') no-repeat;*/
}
#UserListItem,#MyUserItem{
	/*background: url('../images/3man.png') no-repeat;*/
}
#ClientListItem{
	background: #313C48;
	/*background: url('../images/hands2.png') no-repeat;*/
}
#ExitListItem{
	/*background: url('../images/exit.png') no-repeat;*/
}
#SettingSystemItem{
	/*background: url('../images/setting.png') no-repeat;*/
}
#RevizorItem{
	/*background: url('../images/revizor.png') no-repeat;*/
}
#BrokerListItem{
	/*background: url(../images/white_man.png) no-repeat;*/
}
.myProfile{
	margin-top: 10px;
	/*background: url('../images/white_man.png') no-repeat;*/
	background-position: 50% 0% !important;
}

.myProfile div{
	font: bold 12px Arial;
}
.myProfile  div.typeUser{
	padding:5px 2px;
	background:#fff;
	color:#4f5f6f;
}
#welcome-user{padding-top:55px;}
.drop-menu-main a, /*.drop-down, */.drop-menu-main-sub .title{
	text-decoration: none;
    padding: 0 10px 0 0;
}
.drop-menu-main {
	margin: 0;
    height: 20px;
    position: relative;
}
.drop-menu-main-sub {
    display: none;
	flex-direction: column;
    position: fixed;
    background: #ffffff;
	border-color: #212D45;
    border-radius: 8px;
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.18);
	vertical-align: middle;

	z-index: 100;
    padding: 8px 0 8px 0;
    margin: 10px 0 0 -130px;
}
.drop-menu-main-sub a {
	color: #21242C;
    display: block;
	height: 16px;
	font-family: 'PT Root UI';
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0;
	text-align: left;
	border-radius: 4px;
	padding: 8px 16px 8px 16px;
	gap: 8px;
    cursor: pointer;
    text-decoration: none;
}
.drop-menu-main-sub a:hover {
    background: #21242C12;
    color: #21242C;
    text-decoration: none;
}
.drop-menu-main-sub .title{
	color: #555555;
    display: block;
    padding: 2px 15px;
    cursor: pointer;
    border-bottom: 1px solid #DEDEDE;
}
.drop-down {
	position: relative;
    cursor: pointer;
}
span.arrow{
    font-size: 12px;
}

.ui-tabs .ui-tabs-panel .subtab{
	padding: 0em 0.3em;
}

#colorbox {
    background-color: #FFF;
    padding: 24px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
	z-index:999;
}
.colorBoxStyle{border-radius:8px;}
.colorBoxStyle #cboxClose, .popup-sidebar .close {
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: url(/images/close.svg) no-repeat;
}
#site-message .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url(/images/close.svg) no-repeat;
}

#cboxClose{
    position: absolute;
    top:24px;
    right: 24px;
}

#cboxOverlay{
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn.small{
    font-size: 0.75em;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.labelTd{width:200px;}
div.borderGroup{
	background: #ffffff;
	border: 1px solid #c7c8ca;
	border-radius: 5px 5px 5px 5px;
	padding: 11px 10px 10px 10px;
	margin:15px 0px;
	position: relative;
}
div.borderGroup .borderGroup{
	padding-bottom: 0px;
}
.borderGroup-title{
	background: none repeat scroll 0 0 #ffffff;
	font-size: 18px;
	padding: 0 2px;
	position: absolute;
	top: -16px;
	font-style: italic;
	max-width:98%;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border-radius: 7px;
}
.preload-refresh {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.preload-refresh .refresh {
	animation: refreshRotate 2s infinite linear;
	cursor: default;
}
@keyframes refreshRotate {
	0% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
table.tableItems{
	width: 100%;
	margin-bottom: 15px;
}

table.tableItems th{
	background: #c3d9ff;
	text-align: center;
	border: 1px white solid;
	font-size: 14px;
}

table.tableItems tr{
	background: #E5ECF9;
	text-align: center;
	border: 1px white solid;
	padding: 0.3em;
}

table.tableItems td{
	border: 1px white solid;
	padding: 0.3em;
	font-size: 14px;
}

table.tableItems input{
	width:100%;
	border: 1px solid #ccc;
	padding: 1px 0px;
}
table.tableItems input.num_lot{
	width:30px;
}
.lot-list .content{
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.lot-list > div{
	background: #fff;
	width:800px;
}
.box {background:#e5eCf9;}

table.tableItems .hasDatepicker {
    width: 150px;
}


.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:140px;height:100%;background:#4f5f6f;color:#ffffff;min-height:700px;text-align:center}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:210px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {margin-left:140px;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin-bottom:-120px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {padding: 3px 5px;font-size: 1em;margin-top:5px;}
input.span-1, textarea.span-1 {width:18px;}
input.span-2, textarea.span-2 {width:58px;}
input.span-3, textarea.span-3 {width:98px;}
input.span-4, textarea.span-4 {width:138px;}
input.span-5, textarea.span-5 {width:178px;}
input.span-6, textarea.span-6 {width:218px;}
input.span-7, textarea.span-7 {width:258px;}
input.span-8, textarea.span-8 {width:298px;}
input.span-9, textarea.span-9 {width:338px;}
input.span-10, textarea.span-10 {width:378px;}
input.span-11, textarea.span-11 {width:205px;}
input.span-12, textarea.span-12 {width:458px;}
input.span-13, textarea.span-13 {width:498px;}
input.span-14, textarea.span-14 {width:538px;}
input.span-15, textarea.span-15 {width:578px;}
input.span-16, textarea.span-16 {width:618px;}
input.span-17, textarea.span-17 {width:658px;}
input.span-18, textarea.span-18 {width:698px;}
input.span-19, textarea.span-19 {width:738px;}
input.span-20, textarea.span-20 {width:778px;}
input.span-21, textarea.span-21 {width:818px;}
input.span-22, textarea.span-22 {width:858px;}
input.span-23, textarea.span-23 {width:898px;}
input.span-24, textarea.span-24 {width:938px;}
.clearfix:after, #page:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}
.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 2% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.modalDialog p.title{
	font-weight: bold;
	font-size: 20px;
}
.modalDialog .content{
	/*font-size: 20px;*/
}
/*.close {*/
/*	background: #606061;*/
/*	color: #FFFFFF;*/
/*	line-height: 25px;*/
/*	position: absolute;*/
/*	right: -12px;*/
/*	text-align: center;*/
/*	top: -10px;*/
/*	width: 24px;*/
/*	text-decoration: none;*/
/*	font-weight: bold;*/
/*	-webkit-border-radius: 12px;*/
/*	-moz-border-radius: 12px;*/
/*	border-radius: 12px;*/
/*	-moz-box-shadow: 1px 1px 3px #000;*/
/*	-webkit-box-shadow: 1px 1px 3px #000;*/
/*	box-shadow: 1px 1px 3px #000;*/
/*}*/
.close:hover { /*background: #55CC55;*/ color:#ffffff}

.max-width{
	width: 100%!important;
}

object.hiddenObject {
	visibility: hidden;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	max-width: 0px;
	max-height: 0px;
}
.cancel a {
	background: url('../images/uploadify-cancel.png') 9px 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 32px;
}
.rename a {
	background: url('../images/edit-file.png') 9px 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 32px;
}
.waiting_img1 {
  display: flex;
  width:100%;
  height:100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background: rgba(49, 49, 49, 0.26);
  backdrop-filter: blur(5px);
  justify-content: center;
}

.waiting_img2 {
	align-self: center;
	align-items: center;
  /*position: fixed;*/
  /*left: 50%;*/
  /*top: 50%;*/
  /*height: 100px;*/
}

#preloader {
  width: 250px;
  height: 100px;
  background: url('../images/preloading.gif') 50% no-repeat;
  background-size: 100px 100px;
}
.preloader {
	background: url(../images/preloading.gif) 50% no-repeat;
	min-width: 32px;
	min-height: 32px;
	background-size: 100% 100%;
}
/*.view-card.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #FFF;}*/

.signedFile{color:#61a339 !important;text-decoration:none;}
.signedFile2 {
	display: flex;
	height: 24px;
	width: max-content;
	padding: 0 4px 0 20px !important;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	background-color: #E5F5E9;
	background-image: url(/images/SealCheck.svg);
	background-repeat: no-repeat;
	background-position: 4px 4px !important;
	background-size: 16px 16px;
	line-height: 24px;
	border: 0 !important;
	cursor: pointer !important;
	border-radius: 4px;
	color:#1D8737 !important;
	text-decoration:none;
}
.signedFile img{margin-right:5px;}

.ui-tabs-anchor {
	font-family: "PT Root UI";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}

.leftarrowdiv, .rightarrowdiv {
    width: 600px;
    min-height: 40px;
    background: black;
    color: white;
    padding: 5px;
    position: relative;
    word-wrap: break-word;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 2em;
}
.leftarrowdiv:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: -20px;
    width: 0;
    height: 0;
    border-color: transparent black transparent transparent;
    border-style: solid;
    border-width: 10px;
}
.rightarrowdiv:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent black;
    border-style: solid;
    border-width: 10px;
}
/********/
.arrow_box_right, .arrow_box_left {
	border-radius: 10px;
    position: relative;
    background: #c2e1f5;
    border: 1px solid #88b7d5;
    margin-bottom: 20px;
    width: 60%;
	margin-left: 35%;
	padding:9px;
	min-height: 40px;
}
.arrow_box_left{
    background: #88b7d5;
    border: 1px solid #c2e1f5;
    margin-left: 5%;
	color:#fff;
}
.arrow_box_left a{color:#fff;}
.arrow_box_right:after, .arrow_box_right:before, .arrow_box_left:after, .arrow_box_left:before {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_right:after {
	left: 100%;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #c2e1f5;
	border-width: 22px;
	margin-top: -22px;
}
.arrow_box_right:before {
	left: 100%;
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #88b7d5;
	border-width: 23px;
	margin-top: -23px;
}
.arrow_box_left:after {
	right: 100%;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #88b7d5;
	border-width: 22px;
	margin-top: -22px;
}
.arrow_box_left:before {
	right: 100%;
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #c2e1f5;
	border-width: 23px;
	margin-top: -23px;
}
.detail-table td,.detail-table tr,.detail-table th {
    border: 1px solid rgb(128, 128, 128);
}
.kladr-tooltip span, .errorMessage, .design-v3 p.errorMessage {
	color: #ff0000;
	font-size: 13px;
}
.checkbox1 {
	display: none;
}

.checkbox1 + label {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 7px;
	background: #dfdbdf;
	border-radius: 5px;
	cursor: pointer;
	transition: all 200ms ease-out;
}
.checkbox1 + label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 10px;
	height: 5px;
	background: inherit;
	border-radius: 15px;
	box-shadow: 0 0 0 6px #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all 350ms ease-out;
}
.checkbox1 + label > span {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 10px;
	height: 5px;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%) scale(0.5);
	transform: translate(-50%, -50%) scale(0.5);
	transition: all 100ms 0ms ease-out;
}
.checkbox1 + label > span:before, .checkbox1 + label > span:after {
	content: "";
	position: absolute;
	background: #dfdbdf;
}
.checkbox1 + label > span:before {
	top: 21px;
	left: 0px;
	width: 22px;
	height: 9px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.checkbox1 + label > span:after {
	top: 12px;
	left: 10px;
	width: 39px;
	height: 9px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.checkbox1:checked + label {
	height: 50px;
	background: #08b238;
	border-radius: 60px;
}
.checkbox1:checked + label:before {
	left: 35px;
	background: #fff;
}
.checkbox1:checked + label > span {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	transition: all 200ms 120ms ease-out;
}
.scale_25{
	transform: scale(0.25);
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: none !important;
}

.checkbox1:not(:checked) + label:hover:before {
	-webkit-transform: translate(-50%, -50%) scale(1.05);
	transform: translate(-50%, -50%) scale(1.05);
}
.tableBlocks{display:table;height:100%;width: 100%;}
.tableBlocks>div{display:table-cell;vertical-align:top;}
/*#mainCardsTabs{position:absolute;top:16px;left:12px;right:12px;bottom:0;background:#FAFAFA;border: none;}*/
#mainCardsTabs{
	flex-direction: column;
	display: flex;
	flex-grow: 1;
	align-self: stretch;
	background: #f0f0f0;
	border: none;
	position: relative;
}
/*#mainCardsTabs.view-card {background: #FFF;}*/
/*#mainCardsTabs.view-card .ui-tabs-panel {background: #FFF;}*/
#mainCardsTabs.view-card .scroll-container {margin: 0 -12px 0 -12px;padding: 8px 12px 0 12px;background: #f0f0f0;}
#mainCardsTabs .ui-tabs {background:#f0f0f0;}
.ui-widget-header {background:none;}
#mainCardsTabs>.ui-tabs-nav {position:relative;padding:0;min-height: auto;width:100%;z-index:1;display:flex;align-items:center;gap:16px;height: 48px;}
#mainCardsTabs .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 0;
	padding:4px;
	white-space: nowrap;
}
#mainCardsTabs>.ui-tabs-panel{
	display:flex;
	flex-direction: column;
	position: absolute;
	gap: 12px;
	top: 66px;
	bottom: 0;
	left: 0;
	right: 0;
	padding:0;
}
.report-banks{position:absolute;top:20px;left:20px;right:20px;bottom:0;background:#ffffff}
.report-banks .ui-tabs-nav{position:fixed;width:100%;z-index:15;}
.report-banks>.ui-tabs-panel{position: absolute;top: 66px;bottom: 0px;left: 0;right: 0;padding:0;}
#mainBrokerTabs, #mainBrokerTabs1{position:absolute;top:20px;left:20px;right:20px;bottom:0;background:#ffffff}
#mainBrokerTabs .ui-tabs-nav, #mainBrokerTabs1 .ui-tabs-nav{position:fixed;width:100%;z-index:15;}
#mainBrokerTabs>.ui-tabs-panel, #mainBrokerTabs1>.ui-tabs-panel{position: absolute;top: 66px;bottom: 0px;left: 0;right: 0;padding:0;}
#mainConditionTabs{position:absolute;top:20px;left:20px;right:20px;bottom:0;background:#ffffff;background-color:white;}
#mainConditionTabs .ui-tabs-nav{position:fixed;z-index:16;}
#mainConditionTabs>.ui-tabs-panel{position: absolute;top: 66px;bottom: 0px;left: 0;right: 0;padding:0;}
#colorbox .main-condition-tabs-class{position:absolute;top:20px;left:20px;right:20px;bottom:0;background:#ffffff;background-color:white;}
#colorbox .main-condition-tabs-class .ui-tabs-nav{position:fixed;z-index:16;z-index:16;display:flex;align-items:center;gap:16px;height:48px}
#colorbox .main-condition-tabs-class>.ui-tabs-panel{position: absolute;top: 66px;bottom: 0px;left: 0;right: 0;padding:0;}
#mainConditionBgTypeTabs{position:absolute;top:20px;left:20px;right:20px;bottom:0;background:#ffffff;background-color:white;}
#mainConditionBgTypeTabs .ui-tabs-nav{position:fixed;z-index:16;}
#mainConditionBgTypeTabs>.ui-tabs-panel{position: absolute;top: 66px;bottom: 0px;left: 0;right: 0;padding:0;}
#mainConditionsTabs{position:absolute;display: block;top:20px;left:20px;right:20px;bottom:0;background:#ffffff}
#mainConditionsTabs .ui-tabs-nav{position:fixed;display: block;z-index:15;}
#mainConditionsTabs>.ui-tabs-panel{position: absolute;display: block;top: 66px;bottom: 0;left: 0;right: 0;padding:0;}
.cardList{padding:8px 12px 0 12px;;display: flex; flex-direction: column; flex-grow: 1; overflow: auto;gap: 8px;}
.contentHeader {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}
.filterInputs {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 16px;
}
input.fieldInput:disabled, select.fieldInput:disabled, input.dateInput:disabled {background-color: rgba(239, 239, 239, 0.3);}
input.filterInput, select.filterInput, input.fieldInput, select.fieldInput, input.dateInput {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	padding: 4px 8px 4px 12px;
	color: #21242C;
	font-size: 16px;
	font-family: 'PT Root UI';
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	box-sizing: border-box;
}

.design-v3 input.filterInput, .design-v3 select.filterInput, .design-v3 input.fieldInput,
.design-v3 select.fieldInput, .design-v3 input.dateInput, .design-v3 .select2-container.newSelect2 .select2-choice {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	height: 32px;
	border-radius: 4px;
	border: 1px solid rgba(33, 45, 69, 0.24);
}
input.dateInput {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	padding: 4px 8px 4px 12px;
	color: #21242C;
	font-size: 16px;
	font-family: 'PT Root UI';
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	box-sizing: border-box;
}

.cardList input.filterInput, .cardList  select.filterInput, .cardList input.fieldInput, .cardList select.fieldInput, .cardList input.dateInput {
	display: block;
	border-radius: 4px;
	border: 1px solid #212D453D;
	padding: 7px 8px 7px 12px;
	font-weight: 400;
	font-size: 13px;
	line-height: normal;
}

.cardList .filterInput::placeholder {
	font-size: 13px;
	font-weight: 400;
	color: #676F7E;
}

input.dateInput {
	padding: 4px 8px 4px 34px;
}
input.dateAuxiliaryInput {
	width: 26px;
	height: 26px;
	border-radius: 0;
	border: 0;
	padding: 0;
	position: absolute;
	top: 2px;
	left: 4px;
	color: transparent;
	cursor: pointer;
	/* padding: 8px 8px 8px 44px; */
	background: url(/images/calendar.svg) no-repeat;
}
.design-v3 input.dateAuxiliaryInput {
	top: 8px;
	left: 11px;
	background: url(/images/design-v3/calendar.svg) no-repeat;
}
.dateContainer {position: relative;}
.filterInputs input.filterInput {
	padding-top:16px;
	padding-bottom:16px;
	width:352px;
	height:32px;
}
.filterInputs input.filterInput.number {
	flex: 0 0 calc(11.3% - 16px);
	width: calc(11.3% - 16px);
	min-width: 94px;
	margin-left: 32px;
}
.filterInputs input.filterInput.client {
	flex: 0 0 calc(12.5% - 16px);
	width: calc(12.5% - 16px);
	min-width: 154px;
}
.filterInputs input.filterInput.regNumber {
	flex: 0 0 calc(13% - 16px);
	width: calc(13% - 16px);
	min-width: 134px;
}
.filterInputs input.filterInput.broker {
	min-width: 100px;
	flex: 2 0 100px;
}
.filterInputs .filterInput.verifier {
	min-width: 100px;
	flex: 1 0 100px;
}
input.filterInput::placeholder, select.filterInput::placeholder, input.fieldInput::placeholder,
select.fieldInput::placeholder, input.dateInput::placeholder {
	color: #676F7E;
	font-family: PT Root UI;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}
select.fieldInput {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url(/images/arrow_down.svg);/* 50% 50% no-repeat;*/
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	padding-right: 30px;
	line-height: 22px;
}
select.fieldInput::-ms-expand {
	display: none;
}

select.filterInput {
	-moz-appearance:none;
	-webkit-appearance: none;
	appearance:none;
	background-position-x: calc(100% - 14px);
	background-position-y: center;
	padding-right: 35px;
}
.filterClear {width: 0;}
.filterInput + .filterClear::after {
	content: '';
	display: flex;
	position: relative;
	left: -29px;
	width: 20px;
	height: 20px;
	background: url(/images/close.svg) no-repeat;
	cursor: pointer;
}
.filterInputs .icon {
	display: flex;
	width: 20px;
	height: 20px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	cursor: pointer;
}
.filterInputs .calendar {
	background: url("/images/calendar.svg") no-repeat 50% 50%;
}
.filterInputs .parameters {
	position: relative;
	background: url("/images/parameters.svg") no-repeat 50% 50%;
}
.filterInputs .bookmark {
	background: url("/images/bookmark.svg") no-repeat 50% 50%;
}
.filterInputs .bookmark-border {
	background: url("/images/bookmark-border.svg") no-repeat 50% 50%;
}

.filterInputs .parameters > span {
	position: absolute;
	top: -2px;
	right: -2px;
	font-size: 10px;
	color: #FFFFFF;
	background: #FFA62F;
	justify-content: center;
	align-items: center;
	display: flex;
	border-radius: 50%;
	min-width: 13px;
	height: 13px;
}

.main-table, .main-table .items, .main-table .items th, .main-table .items th a {
	background: none;
	color: #21242C;
	font-family: 'PT Root UI';
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	text-decoration: none;
}
.main-table .items th, .main-table .items th a {
    font-size: 12px;
	color: #676F7E;
}
.main-table, .main-table td {
	vertical-align: top;
}

.main-table td, .main-table th {
	box-sizing: border-box;
}

.main-table {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
}

.main-table .table-container {display: flex; overflow-y: auto; flex: 6; padding: 0;}
.main-table table.items tr.odd {background: #FFFFFF;}
.main-table table.items tr.even {background: #F5F5F5;}
.main-table table.items tbody tr:hover {background: rgba(33, 36, 44, 0.07)}
/*.main-table .items {min-height: 100px; overflow-y: auto;}*/
.main-table .items tr:has(.multicard-id) {
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px #212D4514;
}

.main-table .items tr:has(.multicard-id) .multicard-cell {cursor: pointer;}
.main-table .items tr:not(.visible) .multicard-id {color: #2C7AB9;font-weight: 500;}
.main-table .items tr .multicard-cell {/*line-height: 32px;*/min-height: 32px; font-weight: 500 }
.main-table .items tr .cellGroupItem {
	font-size: 12px;
	font-weight: 500;
}
.main-table .items tr:has(.multicard-id) .cellGroupItem {/*line-height: 32px;*/height: 48px; padding: 8px 0 0 0;}
.main-table .items tr:has(.multicard-id) .cellGroupItem {display: none;}
.main-table .items tr.visible .cellGroupItem {display: block;}
.main-table .items tr.visible .multicard-cell {opacity: 0;}
.main-table .items tr.visible td:last-child .multicard-cell, .main-table .items tr.visible td:nth-child(2) .multicard-cell {opacity: 1;}
.main-table .items tr {
	/*padding: 8px 4px 8px 8px;*/
}
.main-table .items thead tr {
	/*padding: 0 8px 12px 40px;*/
}
.main-table .items td {
	padding: 6px 0;
}
.main-table .items th {
	padding: 0 0 12px 0;
	border-bottom: 1px solid rgba(33, 45, 69, 0.07);
}
.main-table .items td:not(:last-child), .main-table .items th:not(:last-child) { padding-right: 16px; }
.main-table .items td:first-child {padding-left: 8px; padding-right: 8px; border-radius: 4px 0 0 4px}
.main-table .items td:last-child {border-radius: 0 4px 4px 0}
.main-table .items td a {
	color: #2C7AB9;
	font-size: 12px;
	font-weight: 500;
	font-family: "PT Root UI";
	line-height: 16px;
	text-decoration: none;
}
.main-table .items a.red {color: red}
.main-table .items a.blue {color: blue}
.main-table .items .notifications {
	width: 32px;
	max-width: 32px;
	min-width: 32px;
}
.main-table .items .companyName {
	min-width: 170px;
	width: 12.5%;
}

.main-table .items .integrator {
	width: 55px;
	min-width: 55px;
	max-width: 55px;
}

.main-table .items .cardUpdateTime {
	width: 8.5%;
}

.main-table .items .bank {
	min-width: 80px;
}

.main-table .items td.companyName .inn {
	color: #676F7E;
}
.main-table .items .cardNumber {
	width: 11.3%;
	min-width: 110px;
}

.main-table .items td.cardNumber {
	color: #676F7E;
}
.main-table .items td .copyable img {
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-bottom: -2px;
}
.main-table .items td.data-card-id {
	width: 80px;
}

.main-table .items .status {
	width: 14.5%;
	max-width: 200px;
}

.main-table .items .sum {
	min-width: 110px;
	text-align: right;
}

.main-table .items td.sum {
	letter-spacing: 0.7px;
	font-variant-numeric: tabular-nums;
}

.headerFilterBank {
	flex-grow: 1;
}

.main-table .items td.bank .cellGroupItem .attention13 {
	width: 13px;
	height: 13px;
}
.cellGroupItem > img {
	max-width: 100%;
}
.cellGroupItem .banksList {
	display: none;
	position: fixed;
	z-index: 1;
	width: 120px;
	padding: 8px 0;
	flex-direction: column;
	align-items: flex-start;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.18);
}
.cellGroupItem .banksList>div {
	display: flex;
	padding: 8px 16px;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	justify-content: center;
}
.main-table .items td.bank .cellGroupItem .attention13:hover + .banksList {
	display: flex;
}
.main-table .items td.bgType {
	width: 39px;
	overflow: hidden;
}
.main-table .items .regNumber {
	min-width: 140px;
	width: 13%;
}

.main-table .table-footer {
	display: flex;
	flex-shrink: 0;
	/*height: 16px;*/
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-top: 1px solid rgba(33, 45, 69, 0.07);
	padding: 8px 16px 8px 0;
}
.main-table .table-footer .rowsOnPage {
	color: #676F7E;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
}
.main-table .table-footer .summary {
	color: #21242C;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}
.main-table .table-footer .page-size-wrap {
	display: flex;
	align-items: center;
	gap: 24px;
}
.main-table .table-footer .scrollToUp {
	display: flex;
	padding: 8px 10px;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	font-size: 13px;
	line-height: 16px;
	color: #21242C;
}
.main-table .pager {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	/*background: #E5F5E9;*/
	line-height: 24px;
}
.main-table .pager a {color: #21242C; border-radius: 4px;}
.main-table .yiiPager {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-start;
	gap: 4px;
}
ul.yiiPager .selected a {
	background: #E5F5E9;
}
ul.yiiPager li:hover a {
	background: #E5F5E9;
}
ul.yiiPager .page a, ul.yiiPager .first a, ul.yiiPager .last a {
	border: none;
	font-weight: 500;
	padding: 4px 0;
	text-decoration: none;
	text-align: center;
}
ul.yiiPager .page a {width: 32px;}
.main-table .first, .main-table .page, .main-table .last {
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	color: #21242C;
}

ul.yiiPager .first a, ul.yiiPager .last a {
	padding-left: 15px;
	padding-right: 15px;
}
.change-pagesize span {
	/*border: none;*/
	font-size: 13px;
	line-height: 24px;
	/*padding: 7px 28px 7px 12px;*/
	/*border-radius: 8px;*/
	/*display: flex;*/
	/*background: url("/images/arrow_down.svg") no-repeat right 10px top 50%;*/
	/*justify-content: center;*/
	/*align-items: center;*/
	/*-webkit-appearance: none;*/
	/*color: #676F7E;*/
}
.scroll-container{flex-grow: 1;overflow-x: hidden;}
.parent-scroll-container {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
/*#mainCardsTabs.view-card .ui-tabs-nav {background: #FFF;margin: 0 -12px;padding: 0 12px;}*/
#mainCardsTabs.view-card #anket-container{height: 100%;}
#mainBrokerTabs.view-card #anket-container{height: 100%;}
#mainConditionsTabs.view-card #anket-container{height: 100%;}
.indent-1{padding:15px;}
.sertBox {cursor:pointer; display:block;}
#errorMsg {display:none;color: #ff0000;}
.upload-img input{
	width:32px;
	height:32px;
}
.upload-img{
	width:32px !important;
	height:32px;
	padding:0 !important;
	background: url('../images/upload_file.png') no-repeat !important;
	background-position: 50% 0% !important;
	border:0 !important;
	cursor:pointer !important;
}
.hide-upload-list{display:none;}
.table-style{display:table;width:100%;}
.table-style .table-row{display:table-row;}
.table-style .table-row .table-cell{display:table-cell; vertical-align: bottom; height:100%;}
.type_bg_td {
	vertical-align: top;
	border: 1px solid black;
}
.select-admin {
	position: absolute;
	left: 70%;
}
.blue {
	color: blue;
}
.red {
	color: red;
}
.cardFields .for_label {
    height: 35px;
    vertical-align: bottom;
    overflow-y: hidden;
    display: table-cell;
}
.flex-card-fields {
	display: flex;
    flex-flow: row wrap;
	align-items: flex-end;
}
a.check{text-decoration:none;}
.check img{vertical-align: middle;}
/* doc_preview.php */
/*.previewForm{width:498px; margin:5px 0;}*/
/*.previewForm h1{background: #eeeeee; padding: 5px;}*/
/*.previewForm, .previewForm td, .previewForm th{border: 1px solid #dddddd;}*/
/*.previewForm div {padding: 5px;}*/

::-webkit-scrollbar-button {
background-image:none;
background-repeat:no-repeat;
width:8px;
height:0;
}

::-webkit-scrollbar-track {
background-color:#E3E6EC
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 8px;
border-radius: 8px;
background-color:#929BAA;
}

::-webkit-scrollbar-thumb:hover{
background-color:#4F5F6F;
}

::-webkit-resizer{
background-image:none;
background-repeat:no-repeat;
width:6px;
height:0;
}

::-webkit-scrollbar{
width: 6px;
height: 6px;
}

.auth-block{width: 480px;font-family: "PT Root UI";font-size:14px;margin: 0 auto;}
.auth-block h1 {
	align-self: center;
	margin-bottom: 0;
}
.auth-block ul li{list-style: none;margin: 0;display: inline;}
.auth-block ul.tabs a.active {
	background: white;
	border-bottom: 1px solid white;
}
.auth-block ul.tabs a {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	padding: 2px 0.5em;
	margin: 0 0 0 3px;
	border: 1px solid #4F81BD;
	border-bottom: none;
	background: #d3dfee;
	text-decoration: none;
}
.auth-tabs{
	display: flex;
	/*width: 168px;*/
	align-self: center;
	align-items: flex-start;
	border-radius: 8px;
	border: 1px solid rgba(33, 45, 69, 0.07);
}
.auth-label.active{
	border-radius: 8px;
	background: #E5F5E9;
}
.auth-label.disabled{
	cursor: default;
	color: grey;
}
.auth-label.disabled:hover{
	cursor: default;
	color: grey;
}
.auth-label,.auth-label:hover {
	display: flex;
	padding: 8px 12px;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	border: none;
	outline: none;
	color: #21242C;
}
.byPass-form{width: 400px;margin: 0 auto;}
.byEcp-form{margin: 0 auto;}
.byPass-form .fieldInput::placeholder{color: #676F7E;font-size: 16px;font-style: normal;font-weight: 400;}
.byPass-form .fieldInput{
	display: flex;
	height: 56px;
	padding: 16px 12px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}
.byPass-form .input-btn {
	width: 100%;
	font-size: 16px;
	height: 35px;
	border: 0;
	outline: 0;
	cursor: pointer;
	font-family: Segoe UI,Arial,sans-serif;
}
.byPass-form .input-btn:hover{
	color: gray;
	background-color: #dddddd;
	width: 100%;
	font-size: 16px;
	height: 35px;
	border: 0;
	outline: 0;
	cursor: pointer;
	font-family: Segoe UI,Arial,sans-serif;
}
.forgotten-pass{
	position: absolute;
	right: 0;
	top: 0;
}
.active-btn {background: #45A15C;color:#ffffff;border-radius: 8px;}
.support-info {text-align: center; color: #888888;}
.support-info__docs {
	display: flex;
	flex-direction: column;
	max-width: 300px;
	margin: 0 auto;
	padding: 20px 0;
}

.active-certificate {background: #E5F5E9;}
.active-certificate::after {
	content: '';
	display: flex;
	width: 24px;
	height: 24px;
	padding: 8px 14px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	position: absolute;
	border-radius: 32px;
	right: 8px;
	top: 8px;
	background: #45A15C url(/images/success.svg) 50% no-repeat;
}
.certificatesList {
	width:100%;
	max-height:300px;
	overflow-y:scroll;
}
.certificatesList.authByEcp {
	/*height:80%;*/
	display: flex;
	padding-right: 16px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	flex: 1 0 0;
	align-self: stretch;
}
.certificate {
	position: relative;
	cursor: pointer;
	clear: both;
	/*min-height: 38px;*/
	display: flex;
	padding: 8px 16px 16px 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;

	border-radius: 8px;
}
.certificate .column{
	display: flex;
	flex-direction: column;
	margin-right: 0;
	align-self: stretch;
	gap: 6px;
}
.certificate .column .label {
	width: 120px;
	flex-shrink: 0;
	color: var(--text-default, #21242C);
	font-family: "PT Root UI";
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}
.certificate .column>div {
gap: 40px;
}
.certificate:hover{background: #efefef;}
.Thumbprint{display:none;}
.date-certificate.expired {color: #cc1111;}

.scoring_for_su {color: #ff0000;}
.scoring-edit {
width: 300px;
padding-left: 1%;
padding-top: 1%;
}
#site-message {
display: none;
position: fixed;
z-index: 1002;
right: 40px;
bottom: 30px;
width: 460px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
max-height: 300px;
border-radius: 8px;
background-color: #313C48;
color: #ffffff;
padding: 24px 48px 24px 16px;
}
#site-message.waiting {background: rgba(49, 60, 72,0.8);}
#site-message .title {display: flex;align-items: center;gap: 8px;align-self: stretch;font-weight: 500;}
#site-message .message{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
overflow-y: scroll;
-ms-overflow-style: none;
}
#site-message .message::-webkit-scrollbar {width: 0;}
#site-message.error .icon {
width: 32px;
height: 32px;
background: url('../images/error2.svg') 50% no-repeat;
}
#site-message.success .icon {
width: 32px;
height: 32px;
background: url('../images/success_check.svg') 50% no-repeat;
}
#close_site_message {position: absolute; top: 10px; right: 10px;width:24px; height:24px;}

.two-columns-table {border-collapse: collapse;}
.two-columns-table td {width:50%; border-collapse: collapse;}
.two-columns-table input[type="text"] {width:100%}

#contact_phone {font-size: 27px;}
#contact_extra {font-size: 14px;}
#contact_email {font-size: 14px; line-height: 24px;}
.support_info{text-align: right;}
.waiting-20{width:20px;height:20px;background-image:url(/images/gif/waiting20.gif);background-repeat:no-repeat;display:none;}

.news {
width: 700px;
height: auto;
}
.news-btn {
position: absolute;
bottom: 10px;
right: 0px;
}
.news-btn-sceap {
position: absolute;
bottom: 10px;
right: 120px;
}
.news-file-btn {
position: absolute;
bottom: 10px;
left: 10px;
}
.title-news {
 font-size: 20pt;
text-align: center;
}
.text-news {
font-size: 12pt;
padding-bottom: 40px;
}
.item-quest{
width: 1300px;
height: auto;
min-height: 100px;
display: inline-block;
background: #F5F5F5 0% 0% no-repeat padding-box;
border-radius: 10px;
font-size: 20px;
}
.green_circel{
width: 40px;
height: 40px;
margin-top: 30px;
margin-left: 20px;
background: #7DC855 0% 0% no-repeat padding-box;
border-radius: 50%;
text-align: center;
letter-spacing: 0;
color: #FFFFFF;
float: left;
}
.green_circel_text{
padding-top: 8px;
}
.item-text{
margin-top: 23px;
margin-left: 89px;
letter-spacing: 0;
color: #4D4D4D;
font-weight:bold
}
.item-checkbox{
width: 24px;
height: 24px;
margin-bottom: 16px;
margin-left: 22px;
border: 3px solid #696969;
}
.radio {
position: absolute;
z-index: -1;
opacity: 0;
}
.radio + label {
position: relative;
padding: 0 0 0 35px;
cursor: pointer;
margin-left: 25px;
margin-top: 13px;
}
.radio + label:before {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 24px;
height: 24px;
border: 3px solid #696969;
border-radius: 50%;
}

.radio + label:after {
content: '';
position: absolute;
top: 3px;
left: 6px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 3px solid #7DC855;
background: #7DC855 0% 0% no-repeat padding-box;
opacity: 0;
transition: .2s;
}
.radio:checked + label:after {
opacity: 1;
}
.radio:focus + label:before {
}
.radio-text{
display: inline-block;
margin-top: 13px;
}
.radio-title{
margin-left: 11px;
}
.item-textfield{
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
border-bottom: 2px solid #707070;
width: 1209px;
color: black;
font-size: 16px;
}
.textfield-text{
margin-left: 89px;
margin-top: 20px;
padding-bottom: 5px;
text-align: left;
font-size: 15px;
letter-spacing: 0;
color: #4D4D4D;
opacity: 0.5;
}
.form-btn {
width: 160px;
height: 58px;
font-size: 18px;
letter-spacing: 0.68px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF !important;
background-color: #7DC855;
border-radius: 5%;
border-color: #7DC855;
}
.form-btn:hover{
background-color: #7DC855;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}

.ios7-switch {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}
.ios7-switch input {
opacity: 0;
position: absolute;
}
.ios7-switch input + span {
position: relative;
display: inline-block;
width: 32px;
height: 20px;
background: #CD3517;
border-radius: 10px;
vertical-align: -0.15em;
transition: all 0.40s cubic-bezier(.17,.67,.43,.98);
}

.ios7-switch input + span:after {
position: absolute;
display: block;
content: '';
width: 16px;
height: 16px;
border-radius: 8px;
top: 2px;
left: 2px;
background: white;
transition: all 0.25s ease-out;
}
.ios7-switch:active input + span:after,
.ios7-switch input + span:active:after {
width: 32px;
}
.ios7-switch input:checked + span {
box-shadow: inset 0 0 0 15px #45A15C;
}
.ios7-switch input:checked + span:after {
left: 14px;
}
.ios7-switch:active input:checked + span:after,
.ios7-switch input:checked + span:active:after {
left: 9px;
}
/* accessibility styles */
.ios7-switch input:focus + span:after {
	background: #fff;
}

.ios7-switch input:focus:checked + span {
	box-shadow: inset 0 0 0 15px #45A15C;
}

/* reset accessibility style on hover */
.ios7-switch:hover input:focus + span:after {
	background: #fff;
}

.ios7-switch:hover input:focus:checked + span {
	box-shadow: inset 0 0 0 15px #45A15C;
}

#deep{
	color:  white;
}
div.more-garant {
	display: table-cell;
	display: flex;
	/* border: 1px solid #cccccc; */
}
.more_garant_cell {
	justify-content: center;
	align-items: baseline;
	width:230px;
	border: 1px solid #cccccc;
	padding: 2px 0 5px 0;
}
.more_garant_row {
	justify-content: center;
	align-items: baseline;
}
.more_garant_row:first-child {text-align: center;}
.blue-text{color:#0000ff;}
.red-text{color:#ff0000;}
.cardParams {display:none;}

div.collapsing {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;

	border-radius: 8px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	background: #FFF;
}
div.collapsed>div {
  display:none;
}
div.collapsing>h3, div.collapsing>h4 {
	cursor:pointer;
	padding: 8px 12px 8px 4px;
}
div.collapsing>h3:before, div.collapsing>h4:before {
	font-style: normal;
	content: ' ';
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    transform: rotate(90deg) translateX(-3px);
    transition: transform .2s ease-out;
}
div.collapsing.collapsed>h3, div.collapsing.collapsed>h4 {
    top: 0;
    background: none;
}
div.collapsing.collapsed>h3::before, div.collapsing.collapsed>h4::before {
    transform: translateY(-1px);
}
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0;
	border: none;
}
.newGroup .itemIndex {
	display: flex;
	padding: 8px 16px;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid rgba(33, 45, 69, 0.07);
	background: #D3D7DE;
}
#errorList {
	color: rgb(255, 55, 55);
    position: absolute;
    top: 10px;
    right: 21px;
    background: white;
    height: 40px;
    z-index: 1;
    display: none;
    border-radius: 3px;
    padding: 0 5px;
    box-shadow: -2px 3px 3px 1px rgba(0,0,0,0.3);
}
#errorList div{
    display: inline-block;
	padding: 0 4px 0 0;
}
#errorList .buttons{
	cursor:pointer;
	padding: 0 4px;
    border-left: 1px solid;
}
#errorList:before { /* для IE8+ */
  content: "";
  display: inline-block;
  min-height: inherit;
  height: 100%;
  vertical-align: middle;
}
/* Скоринг-факторы */
.scoring{float: right; width: 30%; margin-right: 20px; z-index: 2; position: relative;}
.scoring-list{color: #446699;}
.scoring-list .bank-item{padding: 10px 0; position: relative; z-index: 1;}
.scoring-list .bank-name{font-size: 20px;}
.scoring-list .bank-title{position: relative; margin-left: 20px;/*left: 20px; calc(100% - 20px)*/}
.scoring-list .bank-status {position: absolute; left: 0; top: 8px; padding: 0;}
.scoring-sign, .scoring-file {width:100%;}
.scoring-file_name{margin: 5px 0;}
.scoring-lights {padding: 15px 0px;}
.scoring-lights .stop-factor, .scoring-sign .stop-factor {margin: 5px 0 5px 20px;}
.scoring-lights .light, .scoring-sign .light {margin-left: -20px; position: absolute; height: 15px; width: 15px; border-radius: 7px;}

.scoring-lights.hidden {display:none;}
.stop-factor a.editLink{text-decoration: none; position:relative; width:13px; height:13px; display: inline-block;}
.stop-factor a.editLink img{position:absolute; height: 17px; width: 17px; top: -2px; left: -2px;}
/* Начало CSS для select выбора тендера при заведении заявки */
.select-css {
display: block;
font-size: 16px;
font-family: sans-serif;
font-weight: 700;
color: #444;
line-height: 1.3;
padding: .6em 1.4em .5em .8em; width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: .5em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
 .select-css::-ms-expand { display: none; }
 .select-css:hover { border-color: #888; }
 .select-css option { font-weight:normal; }
 *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
background-position: left .7em top 50%, 0 0;
padding: .6em .8em .5em 1.4em;
}
#cardParamsForm .select-css {margin: 9px 0 10px 0;}
/* Конец CSS для select выбора тендера при заведении заявки */

.tooltip {
	position: relative;
	border-radius: 20px;
	border: 2px solid #999;
	text-align: center;
	color: #989DA4;
	font: normal bold 9px Arial;
	padding: 0px 2px;
	vertical-align: top;
	cursor: default;
}
.tooltip:hover::after {
	box-sizing: border-box;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	padding: 3px;
	position: absolute;
	width: max-content;
	max-width: 220px;
	height: max-content;
	font-size: 12px;
	line-height: 14px;
	left: -20px;
	top: 15px;
	content: attr(data-tip);
	border: #F5F5F0;
	background: #FDFDFA;
	border-radius: 2px;
}
.tooltip.tip-right:hover::after {
	left: 20px;
	top: 0px;
}
/* Формы добавления контактов и адресов у брокеров */
#colorbox_broker input {
	box-sizing: border-box;
}
.broker-view_margin-right {
	margin-right: 20px;
}
.main-table .broker-view_inline {
	display: flex;
}
.detail-table .broker-view-settings {
	border: 0;
}
#colorbox .button-condition {
	padding: 0px 7px;
}
.detail-table-condition {
	width: max-content;
}
#colorbox .borderGroup {
	margin: 0 0 15px;
}
.btn-broker {
	padding: 0 7px!important;
}
.detail-table .broker-diff-side {
	display: flex;
	justify-content: space-between;
	border:0;
}
#uploadFileXml {
	display: inline-flex;
}

/* Отчет Брокера и папка bootstrap/dropdown.css */
#colorbox_view_report_broker input.btn-adjustment {
	width: 127px;
}
.btn-adjustment {
	width: 110px;
	text-align: center;
}


.credit-view-order {
	display: flex;
	flex-wrap: wrap;
}

.credit-view-order-padding-right > div {
	padding-right: 50px;
}

.credit-blocks > fieldset {
	display:flex;
	padding: 10px 10px 10px 10px;
	border: 1px solid #c7c8ca;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 15px;
	width: calc(50% - 30px);
}

.credit-blocks > fieldset:nth-child(2n+1) {
	margin-right: 15px;
}

fieldset.borderGroup {
	background: #ffffff;
	border: 1px solid #c7c8ca;
	border-radius: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	margin: 15px 0px;
	position: relative;
}

/* Отчет согласований заявок, стрелки сортировки */
.arrow-4 {
	position: relative;
	cursor: pointer;
	width: 20px;
}
.arrow-4-left {
	position: absolute;
	background-color: transparent;
	top: 10px;
	left: 0px;
	width: 10px;
	height: 10px;
	display: block;
	transform: rotate(35deg);
	float: right;
	border-radius: 2px;
}
.arrow-4-left:after {
	content: "";
	background-color: #6c757d;
	width: 13px;
	height: 4px;
	display: block;
	float: right;
	border-radius: 6px 10px 10px 6px;
	transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8) 0s;
	z-index: -1;
}

.arrow-4-right {
	position: absolute;
	background-color: transparent;
	top: 5px;
	left: 21px;
	width: 1px;
	height: 14px;
	display: block;
	transform: rotate(-35deg);
	float: right;
	border-radius: 2px;
}
.arrow-4-right:after {
	content: "";
	background-color: #6c757d;
	width: 13px;
	height: 4px;
	display: block;
	float: right;
	border-radius: 10px 6px 6px 10px;
	transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8) 0s;
	z-index: -1;
}
.open .arrow-4-left:after {
	transform-origin: center center;
	transform: rotate(-70deg);
}
.open .arrow-4-right:after {
	transform-origin: center center;
	transform: rotate(70deg);
}
#guarantor-documents-sign {
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}

#guarantor-part-cnt{
	font-weight: bold;
}

#guarantor-list table {
	margin: 10px 0;
}

#guarantor-list table td {
	border-bottom: 1px solid #f3f3f3;
	padding: 10px;
}

#guarantor-list button:disabled {
	opacity: 0.5;
}

.guarantor-link {
	max-width: 600px;
	word-wrap: break-word;
	background: #f3f3f3;
	padding: 7px;
	margin: 10px 0;
}

.guarantor-files-list {
	font-size: 1.2rem;
	margin-bottom: 20px;
}

.guarantor-files-list > div {
	margin-bottom: 10px;
}

.guarantor-download-file {
	padding-left: 30px;
	background: url("/images/icomoon/SVG/file-text2.svg") transparent no-repeat 0 0;
	background-size: 22px 22px;
}

.guarantor-files-list .signedFile {
	margin-left: 20px;
}



.chat-bullet {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #F00;
}

.chat-bullet.chat-bullet-active {
	display: block;
}

.attention-ico {
	width: 16px;
	height: 16px;
}
.bgTags {
	font-family: 'PT Astra Sans';
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 4px;
	color: #676F7E;
	font-size: 10px;
	font-weight: 400;
}
.bgTags span {
	display: flex;
	padding: 2px;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
}
.bgTags .changes {background: #06C;line-height: 14px;color: white;}
.bgTags .registry {background: #FFE6C5;line-height: 14px;}
.bgTags .form {background: #FDE3DB;line-height: 14px;}
.bgTags .commerce {background: #E3E6EC;line-height: 14px;}

.chat-message-notify {
	position: relative;
	display: inline-block;
	width: 22px;
	background: url(/images/message-ico.png);
	height: 22px;
	background-size: 100%;
	margin-left: 5px;
}

.chat-message-notify::after{
	content: "";
	position: absolute;
	top: 1px;
	right: -1px;
	background: #f00;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}
#bell-notification {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	background-size: 100%;
	background: url(/images/bell.svg);
	text-decoration: none;
}
.don-digidon {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	background-size: 100%;
	background: url(/images/message.svg);
}

.don-digidon .notificationsCnt, #bell-notification .notificationsCnt {
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	min-width: 17px;
	position: absolute;
	top: -5px;
	right: -5px;
	border-radius: 50%;
	background: #FFA62F;
	line-height: 16px;
}

#minichat-window {
	/*display: none;*/
	/*flex-direction: column;*/
	/*align-items: flex-start;*/
	/*gap: 24px;*/
	/*overflow-y: scroll;*/
	/*border: 1px solid rgba(33, 45, 69, 0.07);*/
	/*padding: 16px 12px;*/
	/*background: #FFFFFF;*/
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*width: 400px;*/
	/*max-width: 100%;*/
	/*box-sizing: border-box;*/
	/*z-index: 100;*/
	/*border-radius: 10px;*/
}

#minichat-window.minichat-show {
	display: flex;
}

.minichat-back {
	padding-bottom: 20px;
}

.minichat-back a {
	font-weight: bold;
	text-decoration: none;
}

.minichat-send-message {
	padding-top: 20px;
}

.minichat-send-message form {
	display: flex;
	border-radius: 5px;
}

.minichat-send-message form button, .minichat-send-message textarea {
	border: 0;
	padding: 5px;
	background: #FFF;
}

.minichat-send-message form button {
	width: 50px;
	background: url(../images/plane.png) #FFF no-repeat center center;
	background-size: 25px;
	cursor: pointer;
}

.minichat-send-message textarea {
	border: 0;
	width: 100%;
	box-sizing: border-box;
	height: 60px;
	flex-grow: 1;
}

.minichat-roster, .minichat-content {
	height: 100%;
}

.minichat-content {
	display: none;
	flex-direction: column;
}

.minichat-roster, .minichat-messages {
	overflow: hidden;
	overflow-y: auto;
}

.minichat-show-chat .minichat-roster {
	display: none;
}

.minichat-show-chat .minichat-content {
	display: flex;
}

.minichat-messages {
	flex-grow: 1;
}

.minichat-message, .minichat-card {
	display: block;
	padding: 5px;
	border-radius: 5px;
	background: #FFF;
	margin-bottom: 5px;
}

.minichat-card, .minichat-card:hover {
	color: inherit;
	text-decoration: none;
}

.minichat-card:hover {
	background: #EEE;
}

.minichat-broker {
	color: #000;
}

.minichat-card.minichat-new {
	background-color: #E5F1F4;
}

.minichat-author span {
	white-space: nowrap;
}

.minichat-card.minichat-new .minichat-author span {
	position: relative;
}

.minichat-card.minichat-new .minichat-author span::before {
	content: "";
	position: absolute;
	top: 3.5px;
	left: -10px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #F00;
}

.minichat-message p {
	color: #000;
}

.minichat-message:last-child {
	margin-bottom: 0;
}

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

.minichat-message.incoming .minichat-author strong {
	color: #0083a5;
}

.minichat-message.outgoing .minichat-author strong {
	color: #74A240;
}

.minichat-broker {
	display: block;
	margin-top: 5px;
}

.select-passport-individuals {
	display: flex;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}

table.tableItems tr.lo-type-sign {
	background-color: #7dc86087;
}
.refreshStatus {
	background: url('../images/refresh.svg') no-repeat;
	width:24px;
	height:24px;
	display:inline-block;
	vertical-align:middle;
	cursor: pointer;
	background-size: 100% 100%;
}
.dont-touch {position: relative;}
.dont-touch:hover::before {
	content: '';
	background: url('../images/dont_touch.jpg') transparent no-repeat 0 0;
	background-size: cover;
	display: block;
	position: absolute;
	z-index: 2;
	width: 350px;
	height: 400px;
	top: calc(100% + 2px);
	left: -2px;
	border: 2px solid red;
	/*url('../images/dont_touch.jpg')*/
}
.individuals .address-directory, .leaders .address-directory {
	display: none;
}

.edit-offer__info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edit-offer__info-br {
	margin-bottom: 16px;
}

 .edit-offer__info input[type="radio"]:checked + * {
	 font-weight: 600;
 }

 .edit-offer__border-active {
	 border: 2px solid rgb(128, 128, 128) !important;
 }

.user-sign-info {
	display: none;
	font-family: 'PT Root UI';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #21242C;
	margin: 5px 0px 5px 0px;
}
.user-sign-info-name {
	font-weight: 500;
}

.scoring-rating {
	border-collapse: collapse;
}

.scoring-rating td, .scoring-rating tr, .scoring-rating th {
	border: 1px solid rgb(128, 128, 128);
}

.multicard-show-related-wrapper {
	display: inline-block;
	position: relative;
}

.multicard-related-wnd {
	display: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	z-index: 1;
	border: 1px solid #CCC;
	padding: 10px;
	background: #FFF;
	box-sizing: border-box;
	width: calc(100% - 10px);
	position: absolute;
}

.multicard-related-wnd.mc-show {
	display: block;
}

#multicard-related-cards-list > div {
	margin-bottom: 5px;
}

#multicard-save-with-related-cards {
	margin-top: 10px;
}

.lotBlock {display: flex;box-sizing: border-box;align-items: flex-start;/*width: 768px;*/border-radius: 4px;flex-direction: column;align-self: stretch;}

.lot-list > div {
	background: #fff;
	width: 800px;
}
.lot-list .content {
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.flex-table-row {
	display: flex;
	padding: 8px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}
.flex-table-row.even {
	background-color: #F5F5F5;
}
.flex-table-row>div:first-child {width: 212px;flex-grow: 0;flex-shrink: 0;}
.flex-table-row>div {display: flex;flex-grow: 1;}
.flex-table-row input {flex-grow: 1;box-sizing: border-box;}

#resultCheckOnUnique {
	display: flex;
	padding: 16px;
	align-items: center;
	gap: 32px;
	border-radius: 8px;
	background: #DAEEFF;
	justify-content: space-between;
}

.accreport-summary-widget {
    margin-bottom: 10px;
    background-color: #f8f6f1;
    border-collapse: collapse;
}

.accreport-summary-widget td, .accreport-summary-widget th {
    border: 1px solid gray;
}

.accreport-summary-widget .mark-red {
    color: #e24a4a;
}
.tag-item {
	display: inline-flex;
	padding: 6px 8px;
	align-items: center;
	gap: 8px;
	border-radius: 100px;
}
.tag-line {
	border: 1px solid rgba(33, 45, 69, 0.24);
}
.tag-orange {background: #FFE6C5;}
.tag-orange.with-dot:before {content: '';width: 8px;height: 8px;background: #FFA62F;border-radius: 8px;}
.font-bold {
	color: #21242C;
	font-family: PT Root UI;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}
.font-main {
	color: #21242C;
	font-family: PT Root UI;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}
.font-xs {
	font-family: PT Root UI;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 10px;
}
.font-small {
	font-family: PT Root UI;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}
.font-small-bold {
	font-family: PT Root UI;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}
.flex-content-column {
	display: flex;
	padding: 16px 12px 16px 12px;
	flex-direction: column;
	align-items: flex-start;
	/*align-self: center;*/
	/*gap: 16px;*/
	flex-grow: 1;
	overflow-y: hidden;
	/*width: 100%;*/
	align-self: stretch;
	box-sizing: border-box;
	background: #f0f0f0;
}
.greenText, .link.greenText, .link.greenText:visited, .link.greenText:hover {color: #1D8737;}
.grayText {color: #ADB2BC;}
/*@media screen and (min-width: 1366px) {*/
/*	.flex-content-column {*/
/*		width: 1178px;*/
/*	}*/
/*}*/
/*@media screen and (min-width: 1600px) {*/
/*}*/
.justify-content__space-between {
	justify-content: space-between;
}

.sort-dropdown-container {
	position: relative;
}

.sort-dropdown-container .sort-dropdown {
	display: none;
	position: absolute;
	z-index: 5;
	width: max-content;
	max-width: 400px;
	padding: 8px 0;
	border: 1px solid #212D4512;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 16px 48px 0px #0000002E;
}

.sort-dropdown-container .sort-dropdown.sort-dropdown-show {
	display: block;
}

.sort-dropdown-left {
	left: 0;
}

.sort-dropdown-right {
	right: 0;
}

.sort-dropdown-container .sort-dropdown > a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #21242C;
	font-size: 13px;
	padding: 8px 16px;
	border-bottom: 1px solid #212D4512;
}

.sort-dropdown-container .sort-dropdown > a:last-child {
	border-bottom: 0;
}

.sort-dropdown-container .sort-dropdown > a > i {
	background-image: url(../images/sort-inactive.svg);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}

.sort-dropdown-container .sort-dropdown > a > i.sort-desc {
	transform: none;
}

.sort-dropdown-container .sort-dropdown > a > i.sort-asc {
	transform: scaleY(-1);
}

.sort-dropdown-container .sort-dropdown > a:hover,
.sort-dropdown-container .sort-dropdown > a.active {
	background: #E5F5E9;
}

.sort-dropdown-container .sort-dropdown > a:hover > i,
.sort-dropdown-container .sort-dropdown > a.active > i {
	background-image: url(../images/sort-active.svg);
}

.sort-dropdown-container .sort-dropdown > a:hover > i.sort-desc,
.sort-dropdown-container .sort-dropdown > a.active > i.sort-desc {
	transform: scaleY(-1);
}

.sort-dropdown-container .sort-dropdown > a:hover > i.sort-asc,
.sort-dropdown-container .sort-dropdown > a.active > i.sort-asc {
	transform: none;
}

.sort-dropdown-container .sort-link {
	display: inline-flex;
	gap: 6px;
	align-items: center;
}

.sort-dropdown-container .sort-link::after{
	content: url(../images/sort-arrow-down.svg);
}

#sidebar .footer {
	border-top: 1px solid #FFFFFF40;
}

#sidebar .footer a {
	display: inline-block;
	margin: 13px 0;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}

#sidebar .footer .copyright {
	color: #ADB2BC;
	font-size: 10px;
	margin-bottom: 5px;
}

.before-header-title-container {
	margin-bottom: 10px;
}

.dudp__cal-container .sort-in-calendar {
	text-align: center;
	margin-bottom: 8px;
}

.filter-action-wrapper {
	display: flex;
	height: 30px;
	padding: 0 8px;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	border: 1px solid #212D453D;
	margin-left: auto;
}

.filter-action-wrapper .icon{
	background-size: 20px 20px;
}

.sort-in-calendar .sort-link {
	color: #21242C;
	text-decoration: none;
}

.sort-in-calendar .sort-dropdown a {
	font-weight: 700;
	text-decoration: none;
}

.dudp__cal-container .sort-in-calendar .sort-dropdown-container {
	display: inline-block;
}

.popup-sidebar-header {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.popup-sidebar-close svg{
	width: 21px;
	height: 21px;
}

#filterSideBar [type="submit"] {
	display: block;
	width: 100%;
	height: auto;
}

.calendar-date-changed {
	position: relative;
}

.calendar-date-changed::before {
	content: "";
	position: absolute;
	right: -1px;
	top: -1px;
	width: 9px;
	height: 9px;
	background-color: #FFA62F;
	border-radius: 50%;
}

.comission-history {
	display: flex;
	position: relative;
}

.comission-history__content {
	display: none;
	gap: 12px;
	position: absolute;
	width: 600px;
	top: 16px;
	left: -600px;
	flex-direction: column;
	align-items: start;
	background-color: #fff;
	z-index: 1;
	padding: 16px;
	border: 1px solid rgba(33, 45, 69, 0.24);
	border-radius: 8px;
}

.comission-history:hover .comission-history__content {
	display: flex;
}

.comission-history__content-table {
	display: table;
	border-collapse: collapse;
	align-self: stretch;
}

.content-table__row {
	display: table-row;
}

.content-table__row-date, .content-table__row-old, .content-table__row-new {
	display: table-cell;
	border: 1px solid rgba(33, 45, 69, 0.07);
	padding: 12px 16px;
}

.comission-history__img {
	width: 24px;
	background: url(../images/paid_info.svg) no-repeat;
	background-position-y: center;
	background-size: 20px;
}

.paid__info {
	display: flex;
	height: 24px;
	position: relative;
}

.paid__info .paid__info-content {
	display: none;
	gap: 12px;
	position: absolute;
	width: 600px;
	top: 10px;
	left: 10px;
	flex-direction: column;
	align-items: start;
	background-color: #fff;
	z-index: 1;
	padding: 16px;
	border: 1px solid rgba(33, 45, 69, 0.24);
	border-radius: 8px;
}

.paid__info:hover .paid__info-content {
	display: flex;
}

.paid__info-table {
	display: table;
	border-collapse: collapse;
	align-self: stretch;
}

.paid__info .paid__row {
	display: table-row;
}

.paid__info .paid__sum-name, .paid__info .paid__sum-info {
	display: table-cell;
	border: 1px solid rgba(33, 45, 69, 0.07);
	padding: 12px 16px;
}

.paid__info .paid__info-img {
	width: 24px;
	background: url(../images/paid_info.svg) no-repeat;
	background-position-y: center;
	background-size: 24px;
}
.hide {
	display: none;
}
.inline-flex-center {
	display: inline-flex;
	align-items: center;
}
.width-10 {
	width: 10%;
}
.width-12 {
	width: 12%;
}
.width-15 {
	width: 15%;
}
.width-20 {
	width: 20%;
}
.width-22 {
	width: 22%;
}
.width-25 {
	width: 25%;
}
.width-30 {
	width: 30%;
}
.width-33 {
	width: 33%;
}
.width-40 {
	width: 40%;
}
.width-45 {
	width: 45%;
}
.width-50 {
	width: 50%;
}
.width-55 {
	width: 55%;
}
.width-60 {
	width: 60%;
}
.width-65 {
	width: 65%;
}
.width-70 {
	width: 70%;
}
.min-width-40px {
	min-width: 40px;
}
.min-width-120px {
	min-width: 120px;
}
.min-width-100px {
	min-width: 100px;
}
.width-230px {
	min-width: 230px;
	max-width: 230px;
	padding-right: 5px;
}
.width-214px {
	min-width: 214px;
	max-width: 214px;
	padding-right: 5px;
}
.width-60 {
	width: 60%;
}
.width-85 {
	width: 85%;
}
.width-100 {
	width: 100%;
}
.width-100-date input:not(.dateAuxiliaryInput) {
	width: 100%;
}
.padding-right-24 {
	padding-right: 24px;
}
.padding-left-24 {
	padding-left: 24px;
}
.flex-stretch {
	display: flex;
	align-self: stretch;
}
.design-v3 .flex-stretch .label {
	color: #676F7E;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}
.design-v3 .flex-stretch label:not(.label) {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.design-v3 .text-main {
	color: #21242C;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}
.design-v3 textarea.fieldInput {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	border-radius: 4px;
	border: 1px solid rgba(33, 45, 69, 0.24);
	background: #FFF;
	width: -webkit-fill-available;
	padding: 4px 8px;
}
.margin-top-8 {
	margin-top: 8px;
}
.design-v3 .btn {
	border-radius: 4px;
	font-size: 13px;
}
.padding-right-10 {
	padding-right: 10px;
}
.flex100 {
	flex: 1 0 0;
}
.display-flex {
	display: flex;
}
.grid {
	display: grid;
}
.grid-cols-2 {
	grid-template-columns: 1fr 1fr;
}
.grid-cols-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-4 {
	gap: 1rem;
}
.flex-8 {
	display: flex;
	align-items: center;
}
.height-32 {
	height: 32px;
}
.design-v3 .requiredInput-line-radiobutton {
	align-items: center;
}
.design-v3 .align-items-center {
	align-items: center;
}
.flex-end {
	display: flex;
	align-items: flex-end;
}
.design-v3 .broker-main-green {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	color: #1D8737
}

.tabs-design-v3 .ui-tabs-broker-integration .ui-tabs-nav li {
	padding: 8px 12px!important;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.tabs-design-v3 .ui-widget.ui-widget-content, .broker-tabs.ui-widget.ui-widget-content {
	border: none!important;
}
.tabs-design-v3 .ui-tabs-broker-integration .ui-tabs-nav {
	padding: 0;
}
.tabs-design-v3 .ui-tabs-broker-integration .ui-tabs-nav .ui-tabs-anchor {
	float: none;
}
.tabs-design-v3 .ui-tabs-broker-integration .ui-tabs-nav li a {
	display: flex;
	align-self: stretch;
	flex: 1 0 0;
	align-items: center;
	color: #21242C;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}
.tabs-design-v3 .ui-tabs-broker-integration .ui-tabs-nav li.ui-tabs-active {
	background: #E5F5E9;
	border: none;
}
.padding-8 {
	padding: 8px;
}
.float-right {
	float: right;
}
.flex-column-stretch {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}
.white-space-nowrap {
	white-space: nowrap;
}
.justify-content-center {
	justify-content: center;
}
.align-self-stretch {
	align-self: stretch;
}
.flex-100 {
	display: flex;
	width: 100%;
}
.cursor-pointer {
	cursor: pointer
}