/* ############### FONTS IMPORT ############### */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400");

*, *::before, *::after {
	box-sizing: border-box;
}

html {
	font-size: 13px;
}
body {
	background:#f3f5f7; /* #F4F4F4 */
	color:#303030;
	min-width: 350px;

	font-size: 1rem;
	font-family: 'Roboto', sans-serif;

	margin:0;
	padding:0;
	text-align: left;
	width: 100%;
}

a {
	color:#505050;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	color:#808080;
	text-decoration:underline;
}

p {
	line-height:1.5em;
	margin:0 0 15px;
}

.grid-container {
	display: grid;
	grid-template-columns: 190px 1fr;
	grid-template-rows: fit-content 1fr auto;
	gap: 15px 15px;
	color:#303030;
	font-size:0.9rem;
	margin: 10px;
	margin-top: 65px;
}

.grid-container .header {
	grid-column: 1 / -1;
}

@media (max-width: 1200px) {
	.grid-container {
		margin-top: 10px;
		grid-template-columns: 1fr;
	}
}

.sidebar{
	grid-auto-rows: max-content;
}
.grid-container .sidebar {
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content max-content;
	gap: 10px 10px;
}

.grid-container .sidebar > div {

	padding: 5px 6px;
	/*
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	*/

	background-color: #FFFFFF;
	box-shadow: 0 2px 10px rgb(0 0 0 / 8%);
}

.grid-container .sidebar .barCodeLeftBlock {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content;
	gap: 10px 10px;
}

.grid-container .sidebar .barCodeLeftBlockColumn2 {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content;
	gap: 10px 10px;
}

.orderCardPage {
	display: grid;
	grid-template-columns: 220px 1fr;
	grid-template-rows: max-content max-content max-content;
	gap: 10px 10px;
	color:#303030;
	font-size:0.9rem;
}
.orderCardPage img.avatarImage {
	margin: 0 auto;
	width: 175px;
}

.orderCardPage .cardHeader {
	grid-column: 1 / -1;
}

.orderCardPage .printDocColumn {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(40, max-content);
	text-align: center;
	gap: 2px 2px;
}
.orderCardPage .printDocColumn>div {
	font-size: 0.7rem;
	text-align: center;
}
.orderCardPage .printDocColumn>div.printHeader {
	grid-column: 1 / -1;
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.orderCardPage .printDocColumn #printButtonDoc {
	background: white;
	border-radius: 3px;
	border: 1px solid #CCC;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.15);
	display: block;
	padding: 2px;
	height: 70px;
	width: 48px;
	margin: 2px auto;
	cursor: pointer;
	overflow: hidden;
}
.orderCardPage .printDocColumnMore {
	text-align: center;
	cursor: pointer;
}
.orderCardPage .printDocColumnMore svg {
	vertical-align: middle;
	width: 16px;
}
.orderCardPage .printDocColumnMore {
	display: none;
}
.visitorCardPage {
	display: grid;
	grid-template-columns: 180px 1fr;
	grid-template-rows: max-content max-content max-content;
	gap: 10px 10px;
	color:#303030;
	font-size:0.9rem;
}
.visitorCardPage img.avatarImage {
	margin: 0 auto;
	width: 175px;
}

.visitorCardPage .cardHeader {
	grid-column: 1 / -1;
}

.visitorPersonalCards {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 grid-template-rows: auto;
	 gap: 15px 5px;
}
.visitorPersonalCards .visitorBalanceTable_grid {
	grid-column: 1 / span 2;
}
.visitorPersonalCards > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
	padding: 0;
}
.visitorPersonalCards > div > div.title {
	border-bottom: 1px solid #f4f4f4;
	font-weight: bold;
	font-size: 1rem;
}
.visitorPersonalCards > div > div {
	padding: 5px;
}

.profilePersonalCards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 5px;
}
.profilePersonalCards > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
	padding: 0;
}
.profilePersonalCards > div > div.title {
	border-bottom: 1px solid #f4f4f4;
	font-weight: bold;
	font-size: 1rem;
}
.profilePersonalCards > div > div {
	padding: 5px;
}

.createOrderForm {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	gap: 15px 5px;
}
.createOrderForm > div {
	grid-column: span 2;
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
	padding: 0;
}
.createOrderForm > div.photoArea {
	grid-column: span 1;
}
.createOrderForm > div.ticketBlock {
	grid-column: span 1;
}
.createOrderForm > div.servicesColumn, .createOrderForm > div.individualServices {
	 grid-column: span 1;
}
.createOrderForm > div > div.title {
	border-bottom: 1px solid #f4f4f4;
	font-weight: bold;
	font-size: 1rem;
}
.createOrderForm > div > div {
	padding: 5px;
}
.createOrderForm > div > div.hidden {
	display: none;
}

@media (max-width: 800px) {
	.orderCardPage, .visitorCardPage {
		grid-template-columns: 1fr;
	}
	.orderCardPage>div:nth-child(2), .visitorCardPage>div:nth-child(2){
		display: none;
	}
	.orderCardPage .printDocColumn {
		grid-template-columns: repeat(6, 1fr);
	}
	.orderCardPage .breadcrumbButtons {
		display: block;
	}
	.orderCardPage .printDocColumnMore {
		display: block;
	}
	.orderCardPage .printDocColumn.hiddenDoc {
		overflow: hidden;
		position: relative;
		height: 162px;
	}
	.orderCardPage .printDocColumn.hiddenDoc:after {
		content: "";
		text-align: right;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		height: 1.2em;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
		pointer-events: none;
	}
	.visitorPersonalCards {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
	.profilePersonalCards {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
	.createOrderForm {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
	.createOrderForm > div {
		grid-column: span 1;
	}
}

@media (max-width: 600px) {
	.orderCardPage .printDocColumn {
		grid-template-columns: repeat(4, 1fr);
	}
}
div#show_online_users {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: max-content;
	gap: 2px 2px;
}

.invoceItemPage {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 2px 5px;
}
.invoceItemPage .grid_row_1_3{
	grid-row: 1/3;
}
.invoceItemPage .grid_row_2_3{
	grid-row: 2/3;
}
.invoceItemPage>div{
	box-shadow: 0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}

.offerItemPage {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 2px 5px;
}
.offerItemPage .grid_row_1_3{
	grid-row: 1/3;
}
.offerItemPage .grid_row_2_3{
	grid-row: 2/3;
}
.offerItemPage>div{
	box-shadow: 0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.offerItemPage div.title {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #f4f4f4;
}

.offerContractPreviewPage {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 15px;
}
.offerContractPreviewPage>div{
	box-shadow: 0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.offerContractPreviewPage div.title {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #f4f4f4;
}
.offerPreviewPage .iconsOfferTemplate {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 5px 5px;
}
.offerPreviewPage .iconsOfferTemplate>div{
	box-shadow: 0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.offerPreviewPage .iconsOfferTemplate img {
	width: 100%;
	cursor: pointer;
}
.offerPreviewPage {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 15px;
}
.offerPreviewPage>div{
	box-shadow: 0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.offerPreviewPage div.title {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #f4f4f4;
}

.mainPage_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 10px;
}
.mainPage_grid .grid_row_span_2 {
	grid-row: 1 / 3;
}
.mainPage_grid .balanceTable_grid {
	grid-column: 1 / span 2;
}
.mainPage_grid .balanceTable_grid_row {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: 15px;
}
.mainPage_grid .balanceTable_grid_row>div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.mainPage_grid > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
	background: #ffffff;
}
.mainPage_grid .mainPage_grid_titles {
	padding: 6px;
	font-weight: bold;
	border-bottom: 1px solid #f4f4f4;
}
.mainPage_grid .mainPage_grid_titles {
	display: grid;
	grid-template-columns: 1fr 22px;
	padding: 6px;
	font-weight: bold;
	border-bottom: 1px solid #f4f4f4;
}
.mainPage_grid .mainPage_grid_titles.with_date {
	grid-template-columns: 1fr 135px!important;
}
.mainPage_grid .mainPage_grid_titles div.setting {
	border-left: 1px solid #f4f4f4;
	text-align: right;
}
.mainPage_grid .mainPage_grid_titles div.setting > span > svg {
	width: 16px;
	height: 16px;
	float: right;
	fill: rgba(0, 23, 55, 0.08);
	display: block;
	cursor: pointer;
}
.mainPage_grid .mainPage_grid_titles.with_date div.setting select {
	width: 100%;
}

/*
 * Chart Boards
 */

.chartBoards_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 10px;
}
.chartBoards_grid .grid_row_span_2 {
	grid-row: 1 / 3;
}
.chartBoards_grid .one_line {
	grid-column: 1 / span 2;
}
.chartBoards_grid > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.chartBoards_grid .chartBoards_grid_titles {
	padding: 6px;
	font-weight: bold;
	border-bottom: 1px solid #f4f4f4;
}
.chartBoards_grid .chartBoards_grid_titles {
	display: grid;
	grid-template-columns: 1fr 22px;
	padding: 6px;
	font-weight: bold;
	border-bottom: 1px solid #f4f4f4;
}
.chartBoards_grid .chartBoards_grid_titles div.setting {
	border-left: 1px solid #f4f4f4;
	text-align: right;
}
.chartBoards_grid .chartBoards_grid_titles div.setting svg {
	width: 16px;
	height: 16px;
	float: right;
	fill: rgba(0, 23, 55, 0.08);
	display: block;
	cursor: pointer;
}

@media (max-width: 1200px) {
	.chartBoards_grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
	.chartBoards_grid .one_line {
		grid-column: 1;
	}
}

.usersMain {
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-gap: 5px 5px;
	margin-bottom: 10px;
}
.usersMain>div:first-child {
	text-align: center;
}
.usersMain .avatarImage {
	display: block;
	margin: 0 auto !important;
	width: 160px;
	height: 160px;
	object-fit: cover;
	border-radius: 50% !important;
	padding: 3px;
	background-color: #f5f6fa;
}

.staffList .avatar {

}

#usersBreadcrumbUniqe .usersBubble{
	margin: 0px 10px;
}
.helpDescContainer{
	display: grid;
	grid-template-columns: 1fr 330px;
	grid-column-gap: 15px;
}

.helpDescContainer .mainContentBase .ck-content{
	display: flow-root;
}
.helpDescContainer .cDelete.red,
.helpDescContainer .helpDescDeleteFileC.red,
.helpDescNewDialogForm .helpDescDeleteFileC.red{
	width: 16px;
}

@media (max-width: 1200px) {
	.mainPage_grid{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
	.mainPage_grid .balanceTable_grid{
		grid-column: 1;
	}
}

.grid-container .sidebar .notificationSubscribe .dropdown {
	display: grid;
	grid-template-columns: 1fr 30px;
	grid-template-rows: auto;
	gap: 2px 2px;
}
.grid-container .sidebar .postsLeftBlock .media-body>span {
	word-break: break-word;
}
@media (max-width: 1200px) {
	.grid-container .sidebar  {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 5px 10px;
	}

	.grid-container .sidebar .barCodeLeftBlock {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 4px;
	}
	.grid-container .sidebar .barCodeLeftBlockColumn2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 4px;
	}
	.actualSidebarInfo {
		display: none;
	}
	div#show_online_users {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-container .sidebar .leftPanelBirthday{
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.grid-container .sidebar .leftPanelBirthday .dropdown-item{
		display: inline-block;
	}
	.grid-container .sidebar .leftPanelBirthday .dropdown {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		gap: 2px 2px;
	}
	.grid-container .sidebar .leftPanelBirthday .media-body{
		max-width: fit-content !important;
	}

	.invoceItemPage, .offerPreviewPage , .offerContractPreviewPage {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 10px 10px;
	}
	.invoceItemPage>div{
		box-shadow:0 0 10px #f4f4f4;
	}
	.invoceItemPage {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 2px 5px;
	}

	.invoceItemPage .grid_row_1_3{
		grid-row: auto;
	}
	.invoceItemPage .grid_row_2_3{
		grid-row: auto;
	}
}
@media (max-width: 900px) {
	.grid-container .sidebar .leftPanelBirthday .dropdown{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		gap: 2px 2px;
	}
	.grid-container .sidebar .leftPanelBirthday .media-body{
		max-width: fit-content !important;
	}
	.invoceItemPage{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 10px 0px;
	}
	.invoceItemPage>div{
		box-shadow:0 0 10px #f4f4f4;
	}
	.offerItemPage{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 10px 0px;
	}
	.offerItemPage>div{
		box-shadow:0 0 10px #f4f4f4;
	}
	.helpDescContainer{
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 15px;
	}
}

@media (max-width: 750px) {
	.grid-container .sidebar .leftPanelBirthday .dropdown{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
		gap: 2px 2px;
	}
	.grid-container .sidebar .leftPanelBirthday .media-body{
		max-width: fit-content !important;
	}

	.contentArea .table-responsive, .jconfirm-content {
		display: block;
		width: 100%;
		max-width: calc(100vw - 20px);
		overflow-y: hidden;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}

	.jconfirm-content {
		max-width: calc(100vw - 40px);
	}
}
@media (max-width: 792px) {
	.grid-container .sidebar .leftPanelBirthday .dropdown{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 2px 2px;
	}
	.grid-container .sidebar .leftPanelBirthday .media-body{
		max-width: fit-content !important;
	}
	div#show_online_users {
		grid-template-columns: 1fr 1fr;
	}
	.grid-container .sidebar  {
		grid-template-columns: 1fr;
		gap: 5px 10px;
	}
	.grid-container .sidebar .barCodeLeftBlock {
		grid-template-columns: 1fr;
	}
	.grid-container .sidebar .barCodeLeftBlockColumn2 {
		grid-template-columns: 1fr 1fr;
	}
	.grid-container .sidebar .leftPanelBirthday {
		grid-column-start: 1;
		grid-column-end: 1;
	}
}

@media (max-width: 500px) {
	.usersMain {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 5px 5px;
	}
	#usersShowTasksTbody .parentAddMoreTasks{
		text-align: left !important;
	}
}
@media (max-width: 350px) {
	div#show_online_users {
		grid-template-columns: 1fr;
	}
}

.grid-container .contentArea {

}

.grid-container .contentArea.contentAreaFill {
	/*
	background-color:#FFF;
	border-radius: 3px;
	color:#2a2a2a;
	padding:15px 10px 5px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	*/

	background-color: #FFFFFF;
	box-shadow: 0 2px 10px rgb(0 0 0 / 8%);
}

.grid-container .contentArea h1, .grid-container .contentArea h2 {
	background-color:inherit;
	color:#606060;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 15px;
	padding:0;
}

.grid-container .footer {
	clear:both;
	color:#d0d0d0;
	font-size:0.9rem;
	font-weight:bold;
	margin:0;
	padding:10px 0;
	text-align:center;
	width:100%;
}

.grid-container .contentArea h2 {
	font-size:1.6rem;
	margin-bottom:10px;
}

.grid-container .contentArea img {
	margin:3px 5px;
	border: 0;
}

.hide {display:none;}

/*** Text format ***/

.small {font-size:0.8rem;}
.large {font-size:1.4rem;}
.center {text-align:center;}
.right {text-align:right;}

.UPG {
	border: 1px solid #EAEAEA;
	border: solid #ccc 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0px 3px #ccc;
	-moz-box-shadow: 0 0px 3px #ccc;
	box-shadow: 0 0px 3px #ccc;
	padding: 3px;
}
.UPG td{
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}

.UPG tr:last-child td {
	height: 30px;
	border-bottom-width:0px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}

.exit {
	position: absolute;
	height: 15px;
	width: 59px;
	left: auto;
	top: 5px;
	right: 20px;
}

.headerTable td {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
	background-image:    -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image:     -ms-linear-gradient(top, #ffffff, #dbdbdb);
	background-image:      -o-linear-gradient(top, #ffffff, #dbdbdb);
	background-image:         linear-gradient(top, #ffffff, #dbdbdb);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.headerTable td svg {
	width: 15px;
	height: 15px;
	stroke-width: 2.5px;
}

.headerTable {
	text-align:center;
	height:20px;
	font-weight: bold;
}
.headerTable td {
	height: 30px;
}

.headerTable .none{
	height:20px;
	text-align:center;
	background-image: none;
}

.headerTable td a{
	text-decoration: none;
}

#shadow{
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	background: #666;
}


/*** End of file ***/

#debug{
	text-align: center;
	padding: .35rem 0.55rem;
	border-radius: .25rem;
	color: #856404;
	background-color: #fff3cd;
	border: 1px solid transparent;
	border-color: #ffeeba;
	position: fixed;
	right: 10px;
	width: 200px;
	min-height: 35px;
	height: auto;
	display: none;
	z-index: 2000000;
}

#cancel{
	display:block;
	float:right;
	width:15px;
	height:15px;
	background:url(/img/close.gif) no-repeat;
	cursor:pointer;
	position:absolute;
	top:4px;
	right:4px;
}
#obj{display:none;}
.sample{padding:20px;}


jqplot-table-legend{
	z-index: 100;
}

jqplot-table-legend tr{
	cursor: pointer;
}

#navigationPages div.activePage{
	background: #999;
	color: #fff;
	font-weight: bold;
	border: 1px solid #999;
	cursor: default;
}

#navigationPages div.disabl{
	cursor: default;
	font-size: 16px;
	background: #ccc;
	color: #aaa;
}

.nowrap {
	white-space: nowrap;
}

.switches_active {
	font-size: 14px;
	background-color: #CCC;
	border: 1px solid #999;
	line-height: 30px;
	margin-right: 5px;
	padding-right: 2px;
	padding-left: 2px;

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
}

.switches {
	font-size: 14px;
	line-height: 30px;
	margin-right: 5px;
}

.hover_text:hover {
	cursor: pointer;
	color: #0C0C0C;
}

/* ModalDialog */

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0.5rem 0.5rem;
}
.modal-header .close {
	cursor: pointer;
	font-weight: 300;
	font-size: 1.8rem;
	line-height: 0.67;
	color: #1b2e4b;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	float: right;
	transition: 0.3s;
}
.modal-header .close:hover {
	color: #1b2e4b;
	opacity: 1;
	text-decoration: none;
}

#big_bg_fon{
	background-color: rgba(15, 21, 32, 0.7);
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	z-index: 1000;
	margin: 0%;
	padding-top: 3%;
	overflow: auto;
	min-height: 480px;
	display: none;
}
#fix_box_1000_header {
	text-align: right;
	padding: 3px;
	cursor: move;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}

#fix_box_title {
	margin-right:5px;
	margin-right: 1.5rem;
	font-weight:bold;
	text-shadow: 1px 1px 0 #fff;
}
#fix_box_1000 #fix_box_content {
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	overflow-y: auto;
	margin-bottom:5px;

	display: block;
	/*width: 100%;*/
	max-width: calc(100vw - 60px);
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}

#fix_box_content {
	border-radius: 5px;
}

#fix_box_1000 {
	max-width: 1500px;
	width: auto;
	min-width:200px;
	height: auto;
	position: fixed;
	z-index: 10000;
	min-height: 50px;
	display: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

hr {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

.window_filter, .window_choosed {
	width:auto;
	min-width:130px;
	max-width: 250px;
	max-height: 350px;
	overflow: auto;
	background: white;
	border-radius: 3px;
	/*border: 1px solid #CCC;*/
	position: absolute;
	margin-top: 4px;
	padding: 0;
	z-index: 1000;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.35);
}


.filter_width_300 .window_filter{
	width: 300px !important;
	max-width: 300px !important;
}

.window_choosed {
	min-width:250px;
}

.window_choosed {
	overflow: unset;
}

.window_choosed .window_choosed_content {
	overflow: auto;
}

.window_filter div, .window_filter table {
	margin: 5px;
}

.window_choosed div, .window_choosed table {
	margin: 5px;
}

.window_filter p, .window_choosed p {
	text-align: left;
	overflow-wrap: break-word;
	margin: 9px 0;
	padding: 0px 4px;
	border-bottom: 1px solid #dedede;

}
.window_filter p input[type=checkbox], .window_choosed p input[type=checkbox] {
	vertical-align: middle;
}

.window_filter label, .window_choosed label {
	cursor: pointer;
}

.window_filter .searchStringField {min-width:180px;}
.window_filter #find_contora_button {min-width:200px;}
.window_filter #find_objectId_button {min-width:200px;}
.window_filter #find_medcentr_button {min-width:160px;}
.window_filter #find_users_button {min-width:180px;}
.window_filter #find_manager_button {min-width:180px;}
.window_filter #find_managerService_button {min-width:180px;}
.window_filter #find_statusId_button {min-width:150px;}
.window_filter #find_servicesPart_button {min-width:200px;}
.window_filter #find_services_button {min-width:200px;}
.window_filter #find_procedureId_button {min-width:200px;}

.controll{position: relative; float: left; }
.cButton {position: absolute; width: 165px; height: 25px; border-radius: 4px; border: 1px solid #666; display: none; background: #FFF; z-index: 200000;}
.cButton img {cursor: pointer; float: left}

.controll img {
	margin: 3px 5px;
	border: 0;
}

.my_border{
	border-radius: 4px;
	padding: 3px;
}

.mini_border {
	border-radius: 3px;
	/*border: 1px solid #CCC;*/
}

.white_border{
	border-radius: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	background-color: #FFF;

}

.white_border input[type="checkbox"] {
	margin:0px;
	margin-bottom:1px;
	vertical-align: middle;
}

.window_filter p, .window_filter td {
	font-weight: normal;
}

.window_choosed p, .window_choosed td {
	font-weight: normal;
}

.status_width_date {
	padding: 0;
}

.liteGreen{
	background:#CFF;
	cursor: pointer;
}

#fio_result {
	width: 250px;
	position: absolute;
	z-index: 4000;
	display: none;
	background: white;
	left: 1px;

}

.bold {
	font-weight: bold;
}

div.movable {
	position: absolute;
	display: table;
}

div.movable input {
	background-color: transparent;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	display: table-cell;
}

div.movable div.widthCtrl,
div.movable div.delCtrl {
	display: table-cell;
	font-size: 10px;
	color: white;
	background: gray;
	padding: 0 4px 0 4px;
}

div.movable div.delCtrl {
	background: red;
}

div.movable div.widthCtrl:hover,
div.movable div.delCtrl:hover {
	cursor: pointer;
}

.isActive {
	font-style: italic;
}

div#scanArea {
	position: relative;

}


/*CROP __________*/

.cropPhotoControls button {
	cursor: pointer;
}

.copyDocDialogControls {
	margin: 5px;
}

.copyDocDialogControls img,
.copyDocDialogControls input {
	margin: 0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.colorRed{
	color: #0C0C0C;
}

#imageViewerContainer img {
	max-width: 100%;
	max-height: 900px;
	margin: 0 !important;
	padding: 0 !important;
}

#imageViewerContainer button {
	padding: 5px !important;
	min-width: 30px !important;
}

#imageViewerContainer {
	min-width: 400px;
	max-width: 900px;
	position: absolute;
	margin: 0 auto;
	z-index: 100005;
	left: 0;
	right: 0;
	top: 3%;
}

#imageViewerInner {
	position: relative;
	background-color: white;
}

#imageViewerControls {
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 5px;
}

#imageViewerControls button {
	cursor: pointer;
}

#imageViewerNav {
	position: absolute;
	left: 0;
	right: 0;
	top: 47%;
	z-index: 2;
}

#imageViewerNav #imageViewerLeftArrow {
	left: -15%;
	position: absolute;
	cursor: pointer;
}

#imageViewerNav #imageViewerRightArrow {
	position: absolute;
	right: -15%;
	cursor: pointer;
}

#imageViewerTitle {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%;
	font-weight: bold;
	background-color: white;
}

#closeViewer {
	position: absolute;
	right: 5px;
	top: 5px;
	color: white;
	text-decoration: none;
	background-color: #CCC;
	font-family: "Arial Black", Gadget, sans-serif;
	padding: 5px;
	border-radius: 3px;
	cursor: pointer;
	z-index: 100006;
}

#fix_box_content .clientsBlock {
	margin-top: 10px;
	min-width: 740px;
	max-width: 900px;
}

#fix_box_content .clientsOwner {
	display: block;
	font-weight: bold;
	cursor: pointer;
}

#fix_box_content .clientsChild {
	display: block;
	cursor: pointer;
}

#fix_box_content .clientsChildBox {
	display: inline-block;
}

#fix_box_content .clientsChildBox:hover {

}

#insertFilter .scrollFix {

}

#scrollArea {
	position: absolute;
	background-color: #FFF;
	z-index: 100;
	display: none;
}

#scrollArea tr {

}

.medOrderForm {
	padding: 10px 0px;
}

.medOrderForm .orderFormColumn {
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
}

.buttonsPanel {
	padding: 15px 0px;
}

.navPanel a {
	text-decoration: none;
	cursor: pointer;
}

.hazardName {
	max-width: 250px;
	/*display: inline-block;*/
}

.hazardChBox {
	vertical-align: top;
}

.serviceInfoItem {
	border-bottom: 1px solid black;
	display: inline-block;
}

.orderFormColumn.hidden {
	display: none;
}

#medCardForm textarea, #procedureCardForm textarea {
	width: 100%;
	/*max-width: 440px;
	min-width: 98%;*/
	height: 85px;
	max-height: 85px;
	min-height: 85px;
}

#medCardForm .medCardBlock {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

.medCardBlock #avatar {
	max-width: 200px;
}

.medCardBlock .hazardDetails {
	cursor: pointer;
}

#visitorCard .blockArea {
	display: inline-block;
	vertical-align: top;
}

.orderBox h4 {
	cursor: pointer;
}

.orderBox table {
	display: none;
}
.panelMultiUser {
	padding: 0;
}
.panelMultiUser .user_list {
	background:#f9f9f9eb;
	padding: 4px 6px;
	cursor: pointer;
	border-top: 1px solid #ececec;
}
.panelMultiUser .user_list img {
	float: right;
	margin-top:5px;
}
.panelMultiUser .user_list.toggle, .panelMultiUser .user_list.toggle:hover {
	background:white;
	border: 0px;
}

.panelMultiUser .user_list:hover {
	background:#ffffff;
}

.palletBlock {
	display: inline-block;
	min-width: 400px;
	max-width: 550px;
	vertical-align: top;
	border: 1px gray dashed;
	padding: 0 15px 10px 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}

.palletBlock ul {
	padding-left: 15px;
}

.divHazardClassOrange {
	background: #FC9 !important;
	border-radius: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 3px;
	margin-bottom: 3px;
}

.divHazardClassYellow {
	background: #FFC !important;
	border-radius: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 3px;
	margin-bottom: 3px;
}

.divHazardClassGreen {
	background: rgb(187, 255, 187) !important;
	border-radius: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 3px;
	margin-bottom: 3px;
}

.divHazardClassBlue {
	background: rgb(162, 225, 255) !important;
	border-radius: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 3px;
	margin-bottom: 3px;
}

.divHazardClassWhite {
	background: #ffffff !important;
	border-radius: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 3px;
	margin-bottom: 3px;
}

#printButtonBlock {
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.55);
	display: block;
	/*border-radius: 7px;*/
	padding: 2px;
	height: 70px;
	float: left;
	width: 48px;
	margin:2px;
	cursor:pointer;
}
ul.timeline {
	list-style-type: none;
	position: relative;
	padding-left: 25px;
	margin: 0;
}
ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 13px;
	width: 3px;
	height: 100%;
	z-index: 400;
	margin: 0;
	margin-top: 2px;
}
ul.timeline > li {
	margin: 10px 0 12px 0;
	padding-left: 10px;
}
ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 1.1pt solid #22c0e8;
	left: 7px;
	width: 13px;
	height: 13px;
	z-index: 400;
	margin-top: 2px;
}
ul.timeline > li small {
	border-bottom: 1px dashed green;
}
ul.timeline > li.new:before {
	border-color: #dddddd;
}
ul.timeline > li.run:before {
	border-color: #a2dbea;
}
ul.timeline > li.wait:before {
	border-color: #22c0e8;
}
ul.timeline > li.cansel:before {
	border-color: #0C0C0C;
}
ul.timeline > li.finish:before {
	border-color: green;
}

.background_td_yellow {
	background-color: #FFFFCC
}
.background_td_gray {
	background-color: #eeeeee;
}
.background_td_purpl {
	background-color: #f2ccff;
}
.background_td_ponos {
	background-color: #ffb7a7 !important;
}
.medCardForm .headerTable {
	height: 30px;
}

.hazardConclusionBtn {
	width: 100px;
}
.notificationCountForButton {
	position: absolute;
	bottom: -7px;
	right: -7px;
	background: #0C0C0C;
	border-radius: 7px;
	font-size: 7pt;
	width: 10px;
	height: 9px;
	color: #fff;
	z-index: 11;
	line-height: 12px;
}

.notification {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 0.5rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.notification-success {
	color: #155724;
	background-color: #d4edda !important;
	border-color: #c3e6cb !important;
}
.notification-warning {
	color: #856404;
	background-color: #fff3cd !important;
	border-color: #ffeeba !important;
}
.notification-danger {
	color: #721c24;
	background-color: #f8d7da !important;
	border-color: #f5c6cb !important;
}
.notification-blue {
	color: #368dfd;
	background-color: #d1ecf3 !important;
	border-color: #bcf1f8 !important;
}

.bubble {
	display: inline-block;
	position: relative;
	padding: .20rem 0.40rem;
	margin: 0.1rem;
	/*margin-bottom: 0.5rem;*/
	border: 1px solid transparent;
	border-radius: .25rem;
}
.bubble a {
	text-decoration: none;
}
.bubble-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #e1e1e2;
}
.bubble-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}
.bubble-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}
.bubble-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}
.bubble-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.bubble-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.bubble-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
.bubble-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}

.bange a, .badge-pill a {
	text-decoration: none !important;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}

.badge-secondary {
	color: #fff;
	background-color: #6c757d;
}

.badge-success {
	color: #fff;
	background-color: #28a745;
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
	border: 1px solid #dedede;
}

.historyChangeStatusDialog {
	cursor: pointer;
}

.menuButton {
	position: relative;
}

.menuButton .submenu {
	background: #f2f2f2;
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	left: -14px;
	list-style: none;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	top: 18px;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	visibility: hidden;
	width: 150px;
	z-index: 99;
}

.menuButton-hover:hover .submenu,
.menuButton-click.menuButton-active .submenu {
	opacity: 1;
	/*top: 100%;*/
	visibility: visible;
}

.menuButton .submenu:before,
.menuButton .submenu::before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #f2f2f2;
	content: "";
	height: 0;
	left: 20px;
	position: absolute;
	top: -6px;
	width: 0;
}

.menuButton .submenu li {
	border-bottom: 1px solid #cbcbcb;
	padding: 3px 4px;
}

.menuButton .submenu li:hover {
	background: #e5e5e5;
}

.menuButton .submenu li:last-child {
	border-bottom: none;
}

.menuButton .submenu span {
	color: #777;
	display: inline-block;
	line-height: 1.2em;
	padding: 3px 0;
	text-decoration: none;
	cursor:pointer;
}

.menuButton .submenu a:hover {
	color: #3F5883;
}

.menuButton-right .submenu {
	left: auto;
	right: -12px;
	text-align: right;
}

.menuButton-right .submenu:before,
.menuButton-right .submenu::before {
	left: auto;
	right: 24px;
}
.border-none {
	border:0px !important;
}

input.priceInput {
	border: 1px solid #cccccc;
	border-radius: 5px;
	height: 17px;
	vertical-align: 3px;
	text-align: center;
}

.stepper-widget {
	text-align: center;
}

.sticky-wrap {
	position: relative;
	margin-bottom: 1.5em;
	width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto;
	visibility: hidden;
}
.sticky-wrap .sticky-thead {
	box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
	z-index: 100;
	width: 100%;
}
.sticky-wrap .sticky-thead {
	margin-top: 70px;
}
@media (max-width: 1200px) {
	.sticky-wrap .sticky-thead {
		margin-top: 0px;
	}
}
.sticky-wrap .sticky-intersect {
	opacity: 1;
	z-index: 150;
}
.sticky-wrap .sticky-intersect th, .sticky-wrap .sticky-intersect td {
	background-color: #666;
	color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

#ui-datepicker-div {
	z-index: 999999999 !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
	font-size: 16px !important;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
	display: block !important;
}

.select2-container--open {
	z-index: 999999999 !important;
}

.cursor_pointer {
	cursor: pointer;
}

table.medCardDoctorForm {
	border-collapse: collapse;
	border-spacing: 5px;
	border-radius: 20px;
}
table.medCardDoctorForm td {
	border-bottom: 1px solid #dedede;
}

.tabsDoctor {
	margin: 0;
	max-width:800px;
}
.tabsDoctor__caption {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	position: relative;
	margin: -1px 0 0 -1px;
	padding-inline-start: 10px;
}
.tabsDoctor__caption li:last-child:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: -2px;
	z-index: -1;
	height: 5px;
	background: #7DCA86;
}
.tabsDoctor__caption:after {
	content: '';
	display: table;
	clear: both;
}
.tabsDoctor__caption li {
	padding: 2px 5px;
	margin: 1px 0 0 1px;
	background: #f0f0f0;
	color: #000;
	position: relative;
	border: solid #cdcdcd;
	border-width: 1px 1px 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
}
.tabsDoctor__caption li:not(.active) {
	cursor: pointer;
}
.tabsDoctor__caption li:not(.active):hover {
	background: #d5d5d5;
	border-color: #a7a7a7;
}
.tabsDoctor__caption .active {
	background: #FFF;
	color: #000;
	border-color: #5a5a5a;
}
.tabsDoctor__caption .active:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 5px;
	background: #FFF;
}
.tabsDoctor__content {
	display: none;
	background: #FFF;
	border: 1px solid #5a5a5a;
	border-radius: 0 5px 5px 5px;
	padding: 3px 5px;
}
.tabsDoctor__content.active {
	display: block;
	min-height: 400px;
}

.vertical .tabsDoctor__caption {
	float: left;
	display: block;
	margin-left: 0;
	padding-left: 0;

	width: 180px;
}
.vertical .tabsDoctor__caption li {
	float: none;
	border-width: 1px 0 1px 1px;
	border-radius: 5px 0 0 5px;
}
.vertical .tabsDoctor__caption li:last-child:before {
	display: none;
}
.vertical .tabsDoctor__caption.active:after {
	left: auto;
	top: 0;
	right: -2px;
	bottom: 0;
	width: 2px;
	height: auto;
}
.vertical .tabsDoctor__content {
	overflow: hidden;
	width:600px;
}

@media screen and (max-width: 650px) {
	.tabsDoctor__caption li {
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
	}
	.vertical .tabsDoctor__caption {
		float: none;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.vertical .tabsDoctor__caption li {
		border-width: 2px 2px 0;
		border-radius: 5px 5px 0 0;
	}
	.vertical .tabsDoctor__caption li:last-child:before {
		display: block;
	}
	.vertical .tabsDoctor__caption.active:after {
		top: auto;
		bottom: -5px;
		left: 0;
		right: 0;
		width: auto;
		height: 5px;
		background: #FFF;
	}
}

table.newtable {width: 100%; border-collapse: collapse;}
table.newtable thead tr {color: #ffffff; font-size:1.1rem; font-weight: bold; background: #dcb76a;}
table.newtable thead tr.minimalFont {color: #ffffff; font-size:0.9rem; font-weight: normal; background: #dcb76a;}
table.newtable thead tr td {border: 1px solid #dedede;}
table.newtable tbody tr td {border: 1px solid #e8e9eb;}
table.newtable tbody tr:nth-child(2n) {background: #f4f4f4;}
table.newtable tbody tr:hover {background: #e8efff;}
table.newtable tbody tr.nothover:hover {background: none;}
table.newtable tbody tr.nothover:nth-child(2n):hover {background: #f4f4f4;}
table.newtable thead tr.nothover:hover {background: #dcb76a;}
table.notBackground tr, table.notBackground td {background: none !important;border:none !important;}

table.cardTable {width: 100%; border-collapse: collapse;}
table.cardTable > thead > tr {color: #ffffff; font-size:1.1rem; font-weight: bold; background: #dcb76a;}
table.cardTable > thead > tr.minimalFont {color: #ffffff; font-size:0.9rem; font-weight: normal; background: #dcb76a;}
table.cardTable > thead > tr > td {border: 1px solid #dedede;}
table.cardTable > tbody > tr > td {border: 1px solid #e8e9eb;}
table.cardTable > tbody > tr:nth-child(2n) {background: #f4f4f4;}

table.cardTable > tbody > tr audio::-webkit-media-controls-panel {
	background-color: #ffffff;
	padding: 0
}

table.cardTable > tbody > tr:nth-child(2n) audio::-webkit-media-controls-panel {
	background-color: #f4f4f4;
	padding: 0
}

table.cardTable td svg {
	width: 15px;
	height: 15px;
	stroke-width: 2.5px;
}

table.cardTableInner {width: 100%; border-collapse: collapse;}
/*
table.cardTableInner > thead > tr {color: #ffffff; font-size:1.1rem; font-weight: bold; background: #dcb76a;}*/
table.cardTableInner > thead > tr.minimalFont {color: #ffffff; font-size:0.9rem; font-weight: normal; background: #dcb76a;}

table.cardTableInner > thead > tr > td {border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;}
table.cardTableInner > thead > tr > td:nth-last-child(1) {border-right: none;}
table.cardTableInner > tbody > tr > td {border-bottom: 1px solid #e8e9eb;border-right: 1px solid #e8e9eb;}
table.cardTableInner > tbody > tr > td:nth-last-child(1) {border-right: none;}
table.cardTableInner > tbody > tr:nth-child(2n) {background: #f4f4f4;}
table.cardTableInner > tbody > tr:nth-last-child(1) > td {border-bottom: none;}
table.cardTableInner .headerTable {
	text-align:center;
	height:30px;
	font-weight: bold;
}

table.cardTableInner > tbody > tr audio::-webkit-media-controls-panel {
	background-color: #ffffff;
	padding: 0
}

table.cardTableInner > tbody > tr:nth-child(2n) audio::-webkit-media-controls-panel {
	background-color: #f4f4f4;
	padding: 0
}

.tabsCard {
	display:block;
}
.tabsCard > div{
	padding-top:10px;
}
.tabsCard>ul{
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #dedede;
}
@media screen and (max-width: 650px) {
	.tabsCard>ul{
		background:#e9eaeb;
	}
}
.tabsCard>ul:after{
	content:"";
	display:block;
	clear:both;
	height:5px;
	background: #0C0C0C;
	border: 0px;
}
.tabsCard>ul>li{
	margin:0px;
	padding:0px;
	cursor:pointer;
	display:block;
	float:left;
	padding:10px 15px;
	background:#e9eaeb;
	color:#707070;
	font-size: 0.9rem;
}
@media screen and (max-width: 650px) {
	.tabsCard>ul>li{
		padding:5px;
	}
}
.tabsCard>ul>li.active, .tabsCard>ul>li.active:hover{
	background:#0C0C0C;
	color:#fff;
	border: 0px;
}
.tabsCard>ul>li.active .pathologyCount, .tabsCard ul li.active:hover .pathologyCount {
	color:white;
}
.tabsCard>ul>li:hover{
	background:#d6d6d7;
}

.navCard {
	display:block;
	/*
	margin-bottom: 10px;
    height: 25px;
	height: 35px;
	 */
}
.navCard ul{
	margin: 0px;
	padding: 0px;
	word-spacing: -.36em;
	display: table;
}

.bottomRedLine {
	height:3px;
	background: #0C0C0C;
	border: 0px;
}

@media screen and (max-width: 650px) {
	.navCard ul{
		background:#e9eaeb;
	}
}

.navCard ul li {
	margin:0px;
	padding:0px;
	cursor:pointer;
	display:inline-block;
	/* float:left; */
	padding:10px 15px;
	background:#e9eaeb;
	color:#707070;
	font-size: 0.9rem;
	word-spacing: 0em;
}
@media screen and (max-width: 650px) {
	.navCard ul li {
		padding:5px;
	}
}
.navCard ul li.active, .navCard ul li.active:hover {
	background:#0C0C0C;
	color:#fff;
	border: 0px;
}
.navCard ul li.progres, .navCard ul li.progres:hover {
	background:#27478f;
	color:#fff;
	border: 0px;
}
.navCard ul li:hover{
	background:#d6d6d7;
}

.labButton {
	cursor: pointer;
	width: 25px;
	height: 25px;
	text-align: center;
	display: inline-block;
	float:left;
	padding: 0px;
	border: 0px;
	color: #3E5988;
	background-color: #fefefe;
	border-color: #fefefe;
	background-image: -moz-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background-image: -o-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background-image: -ms-linear-gradient(top, #fefefe 0% ,#dcdcdc 100%);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(28, 28, 28,0.75);
	-moz-box-shadow: 0px 0px 1px 0px rgba(28, 28, 28,0.75);
	box-shadow: 0px 0px 1px 0px rgba(28, 28, 28,0.75);
}

.labButton.accept {
	background: #5cb85c;
	border-color: #5cb85c;

	background-image: -moz-linear-gradient(top, #5cb85c 0%, #72cc72 100%);
	background-image: -webkit-linear-gradient(top, #5cb85c 0%, #72cc72 100%);
	background-image: -o-linear-gradient(top, #5cb85c 0%, #72cc72 100%);
	background-image: -ms-linear-gradient(top, #5cb85c 0% ,#72cc72 100%);
}

.labButton.warning {
	background: #d9534f;
	border-color: #d9534f;

	background-image: -moz-linear-gradient(top, #d9534f 0%, #e9726f 100%);
	background-image: -webkit-linear-gradient(top, #d9534f 0%, #e9726f 100%);
	background-image: -o-linear-gradient(top, #d9534f 0%, #e9726f 100%);
	background-image: -ms-linear-gradient(top, #d9534f 0% ,#e9726f 100%);
}

.labButton.danger {
	background: #ddc550;
	border-color: #ddc550;

	background-image: -moz-linear-gradient(top, #ddc550 0%, #edd769 100%);
	background-image: -webkit-linear-gradient(top, #ddc550 0%, #edd769 100%);
	background-image: -o-linear-gradient(top, #ddc550 0%, #edd769 100%);
	background-image: -ms-linear-gradient(top, #ddc550 0% ,#edd769 100%);
}

.inputField {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	min-height: 20px;
}

.suggestions-promo, .suggestions-promo-desktop{
	visibility: hidden;
}
.score_result {
	border-color: #bce8f1;
	color: white !important;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
}

.score_square {
	display: inline-block;
	float: left;
	width:55px;
	text-align: center;
}

.score_color_square {
	width: 30px; height: 30px;
	display: inline-block;
	margin-right: 5px;
	background: black;
}

.score_color_1{
	background:#00b050;
}

.score_color_2{
	background:#92d050;
	color: #333;
}

.score_color_3{
	background:#ffff00;
	color: #333 !important;
}

.score_color_4{
	background:#ffc000;
	color: #333;
}

.score_color_5{
	background:#ff0000;
}

.score_color_6{
	background:#e20000;
}

.score_color_7{
	background:#c00000;
}

.theadTrBlue {
	background-color: #cce0ff !important;
}

.file-drop-area {
	position: relative;
	align-items: center;
	max-width: 100%;
	padding: 15px;
	border: 1px dashed rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	transition: 0.2s;
}

.file-drop-area-contract {
	position: relative;
	align-items: center;
	max-width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px dashed rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	transition: 0.2s;
}

.fake-btn {
	flex-shrink: 0;
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	margin-right: 10px;
	font-size: 0.9rem;
	text-transform: uppercase;
}

.file-msg {
	font-size: small;
	font-weight: 300;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
}

#filesAvatar,#filesCover, #inputProfessionFile {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0;
	margin: 0;
}

/*
 * highcharts-figure
 */
.highcharts-figure, .highcharts-data-table table {
	min-width: 360px;
	max-width: 800px;
	margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2rem;
	color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
	padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}
.highcharts-data-table tr:hover {
	background: #f1f7ff;
}

#ismedOrderForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: red;
}

.shadowBox {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
}

/*
 * Breadcrumb
 */

ul.breadcrumb {
	padding: 10px 16px;
	list-style: none;
	margin: 10px;
}
ul.breadcrumb>div {
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-template-rows: max-content;
}
@media (max-width: 600px) {
	ul.breadcrumb > div.one-column {
		grid-template-columns: 1fr;
	}
}
ul.breadcrumb>div>div a {
	text-decoration: none;
}
ul.breadcrumb li {
	display: inline;
	font-size: 1.3rem;
	line-height: 30px;
}

ul.breadcrumb li+li:before {
	padding: 8px;
	color: #575757;
	content: "/\00a0";
}
@media (max-width: 800px) {
	ul.breadcrumb li {
		display: block;
	}
	ul.breadcrumb li + li:before {
		padding: 0px;
		color: #575757;
		content: normal;
	}
	ul.breadcrumb li + li {
		margin-top:2px;
	}
}
ul.breadcrumb li a {
	color: #0275d8;
	text-decoration: none;
}

ul.breadcrumb li.active a {
	color: #0C0C0C;
	text-decoration: none;
}

ul.breadcrumb li a:hover {
	color: #0C0C0C;
	text-decoration: underline;
}

ul.breadcrumb {
	border-radius: 0;
	background-color: transparent;
	padding: 0;
	vertical-align: middle;
}

ul.breadcrumb li {
	font-size: 11px;
	font-weight: 500;
	font-family: -apple-system, Roboto, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}

ul.breadcrumb li a {
	font-size: 11px;
	font-weight: 500;
	font-family: -apple-system, Roboto, sans-serif;
}

ul.breadcrumb li a {
	color: #1c273c;
}

ul.breadcrumb li a:hover, .breadcrumb li a:focus {
	color: #0073c0;
}

ul.breadcrumb li.active {
	color: #0073c0;
}

ul.breadcrumb li + li::before {
	color: #97a3b9;
}

ul.pagination {
	display: inline-block;
	padding: 0;
	margin: 5px 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
	color: black;
	float: left;
	padding: 8px 12px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #cdd4e0;
}

.pagination li:first-child a {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.pagination li:last-child a {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

ul.pagination li a.active {
	background-color: #dcb76a;
	color: white;
	border: 1px solid #dcb76a;
}

ul.pagination li a:hover:not(.active) {background-color: #f1f2f6;}

.simpleButton {
	font-size:0.9rem;
	font-weight: bold;
	background: white;
	margin: 0;
	color: black;
	padding: 8px 10px;
	transition: background-color .3s;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-decoration: none !important;
	display: inline-block;
	cursor: pointer;
	outline: none;
}
.simpleButton:hover {
	color: #0C0C0C !important;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
}

.simpleMiniButton {
	background:linear-gradient(to bottom, #FFFFFF, #E6E6E6) #F5F5F5 repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #777777 !important;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	display:inline-block;
	margin: 0px auto;
	font-size: 1rem;
	text-align:center;
	min-height: 18px;
	line-height: 18px;
	padding: 3px 4px;
	vertical-align: middle;
	text-decoration:none;
	cursor: pointer;
	outline: none;
	font-weight: normal;
}

.simpleMiniButton.red {
	background:linear-gradient(to bottom, #ffdbdb, #ff8b8b) #fff0f0 repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	color: #757575 !important;
}

.simpleMiniButton.green {
	background: linear-gradient(to bottom, #ddffdd, #5dd45d) #dcffdc repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	color: #757575 !important;
}

.simpleMiniButton:hover {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	color: #2e2e2e !important;
	text-decoration: none;
}

ul.groupButton {
	/*display: inline-block;*/
	padding: 0;
	margin: 5px 0;
	min-width: 60px;
	display: flex;
	white-space: nowrap;
}
ul.groupButton.mini {
	min-width: 50px;
}

ul.groupButton li {display: inline;float: left;}
ul.groupButton.vertical li {display: block;}

ul.groupButton li a {
	/*float: left;
	display:inline-block;

	 */
	background:linear-gradient(to bottom, #FFFFFF, #E6E6E6) #F5F5F5 repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #777777 !important;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	cursor: pointer;
	margin: 0px auto;
	font-size: 1rem;
	text-align:center;
	min-height: 16px;
	line-height: 16px;
	padding: 3px 4px;
	vertical-align: middle;
	text-decoration:none;
}

ul.groupButton.vertical li a {
	float: none;
	display:block;
}

ul.groupButton.mini li a {
	font-size: 0.9rem;
	min-height: 14px;
	line-height: 14px;
	padding: 3px 4px;
}

ul.groupButton li a.red {
	background:linear-gradient(to bottom, #ffdbdb, #ff8b8b) #fff0f0 repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	color: #757575 !important;
}

ul.groupButton li a.green {
	background: linear-gradient(to bottom, #ddffdd, #5dd45d) #dcffdc repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	color: #757575 !important;
}

ul.groupButtonIcon li a {
	padding: 4px 6px;
}

.groupButton li:first-child a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.groupButton.vertical li:first-child a {
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
}

.groupButton li:last-child a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.groupButton.vertical li:last-child a {
	border-top-right-radius: 0px;
	border-bottom-left-radius: 5px;
}

ul.groupButton li a.active {
	background-color: #0C0C0C;
	color: white;
	border: 1px solid #0C0C0C;
}

ul.groupButton li a:hover:not(.active) {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	color: #666666 !important;
	text-decoration: none;
}

/*
 * HelpDesc
 */

.comment-module .comment_text{
	margin-top:5px ;
	margin-bottom:5px ;
	-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
	text-align: justify;
	font-size: 0.9rem;
}
.comment-module .tasks_content_comment,#messageForm{
	min-width: 200px;
	width: auto;
	height: auto;
	padding-right:0 ;
	padding-left:0 ;
}
.comment-module .tasks_content_comment, .comment-module .comment_footer{
	max-width: 700px;
}
.comment-module #buttonsForAddCommentMain{
	max-width: 700px;
	text-align: right;
}
#buttonsForAddCommentMain>ul,#buttonsForAddComment>ul{
	display: inline-block;margin: revert;
}
.comment-module #buttonsForAddComment{
	max-width: 700px;
	text-align: right;
}
.comment-module .generalComment{
	padding-top: 10px;
}
.comment-module .tasks_content_comment{
	display: grid;
	grid-template-columns: 80px 1fr;
	grid-template-rows: auto;
	gap: 5px 10px;
}
.comment-module .tasks_content_comment.highlightComment {
	background-color: #fff3cd!important;
	border-color: #ffeeba!important;
}

.comment-module .tasks_content_edit_comment {
	overflow: auto;
	max-width: 700px;
}

.comment-module .comment_footer {
	font-size: 0.7rem;
	text-align: right;
}
.comment-module .comment_edited_data{
	font-size: 0.7rem;
	color: #666666;
}
.comment-module .comment_text p {
	margin-bottom: 0;
	max-width: 600px;
}
.comment-module .comment_text {
	display: grid;
}
.helpDescContainer #DocTables a, .comment-module .photoToComments a {
	word-break: break-all;
}
.comment-module #messageForm .tasks_content_comment{
	display: block;
	height: 50px;
}
.comment-module [contentEditable=true]:empty:not(:focus):before{
	content:attr(data-text)
}
.helpDescContainer .helpDescPlug {
	margin-bottom: 15px;
}
.comment-module .tasks_content_comment,#messageForm{
	padding-top: 10px;
	clear: both;
}
.comment-module .divComments .input-wrapper, input[type=file], .btn-save {
	background-color: white;
	height: 30px;
	float: left;
	border: 1px solid #EBF1F3;
}

.comment-module .divComments input[type=file] {
	opacity: .0;
	position: absolute;
	z-index: 1;
}
.helpDescContainer .helpDescInputWrapper,.helpDescInputWrapperNotComment{
	clear: both;
	float: left;
}

.helpDescContainer .upload-file__input {
	opacity: 0;
	position: absolute;
	z-index: -1;
	overflow: hidden;
	width: 0.4px;
	height: 0.4px;
}

.helpDescContainer .upload-file__label {
	display: flex;
	padding: 5px;
}
.helpDescNewDialogForm p {
	margin-bottom: 5px;
}
.helpDescNewDialogForm input[type="radio"]:checked,
.helpDescNewDialogForm input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
.helpDescNewDialogForm input[type="radio"]:checked + label,
.helpDescNewDialogForm input[type="radio"]:not(:checked) + label
{
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}
.helpDescNewDialogForm input[type="radio"]:checked + label:before,
.helpDescNewDialogForm input[type="radio"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}
.helpDescNewDialogForm input[type="radio"]:checked + label:after,
.helpDescNewDialogForm input[type="radio"]:not(:checked) + label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #0C0C0C;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.helpDescNewDialogForm input[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.helpDescNewDialogForm input[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* UserDialogCard */
.user-dialog-link {
	cursor: pointer;
}

.userDialogCard {
	display: inline-flex;
	position: relative;
	padding: .10rem .20rem;
	margin: 0.1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	cursor: pointer;
	align-items: center;
	overflow: hidden;
	vertical-align: middle;
	color: #818182;
}

.userDialogCard:hover {
	background-color: rgba(222, 222, 222, 0.11);
	background-color: #fefefe;
	border-color: #fdfdfe;

	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	color: #2e2e2e !important;
	text-decoration: none;
}

.userDialogCard div {
	display: inline-block;
	white-space: nowrap;
}

.userDialogCard .avatar {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
	border: 1px solid #eeeeee;
	padding: 1px;
	margin-right: 2px;
}

/*
 * Online status
 */
.onlinebubble {
	display: inline-block;
	position: absolute;
	margin: 2px 3px;
}

.onlinebubble:hover:after {
	background-color: #6ede3e
}

.onlinebubble:after {
	content: "";
	background-color: #6ede3e;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
}

.onlinebubble .onlinebubble-outer-dot {
	margin: 1px;
	display: block;
	text-align: center;
	opacity: 1;
	background-color: rgba(110, 222, 62, 0.4);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-webkit-animation: onlinebubble-pulse 1.5s linear infinite;
	-moz-animation: onlinebubble-pulse 1.5s linear infinite;
	-o-animation: onlinebubble-pulse 1.5s linear infinite;
	animation: onlinebubble-pulse 1.5s linear infinite
}

.onlinebubble .onlinebubble-inner-dot {

	display: block;
	text-align: center;
	opacity: 1;
	background-color: rgba(110, 222, 62, 0.4);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-webkit-animation: onlinebubble-pulse 1.5s linear infinite;
	-moz-animation: onlinebubble-pulse 1.5s linear infinite;
	-o-animation: onlinebubble-pulse 1.5s linear infinite;
	animation: onlinebubble-pulse 1.5s linear infinite
}

.onlinebubble .onlinebubble-inner-dot:after {
	content: "";
	display: block;
	text-align: center;
	opacity: 1;
	background-color: rgba(255, 0, 0, 0.4);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-webkit-animation: onlinebubble-pulse 1.5s linear infinite;
	-moz-animation: onlinebubble-pulse 1.5s linear infinite;
	-o-animation: onlinebubble-pulse 1.5s linear infinite;
	animation: onlinebubble-pulse 1.5s linear infinite
}

@-webkit-keyframes onlinebubble-pulse {
	0% {
		transform: scale(1);
		opacity: .75
	}
	25% {
		transform: scale(1);
		opacity: .75
	}
	100% {
		transform: scale(2.5);
		opacity: 0
	}
}

@keyframes onlinebubble-pulse {
	0% {
		transform: scale(1);
		opacity: .75
	}
	25% {
		transform: scale(1);
		opacity: .75
	}
	100% {
		transform: scale(2.5);
		opacity: 0
	}
}

@-moz-keyframes onlinebubble-pulse {
	0% {
		transform: scale(1);
		opacity: .75
	}
	25% {
		transform: scale(1);
		opacity: .75
	}
	100% {
		transform: scale(2.5);
		opacity: 0
	}
}

@-o-keyframes onlinebubble-pulse {
	0% {
		transform: scale(1);
		opacity: .75
	}
	25% {
		transform: scale(1);
		opacity: .75
	}
	100% {
		transform: scale(2.5);
		opacity: 0
	}
}

.but_gray {
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	padding:3px 6px;
	border:solid 1px #cccccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	color:#3E5988;
	background-color:#fefefe;
	background-image: -moz-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background-image: -o-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background-image: -ms-linear-gradient(top, #fefefe 0% ,#dcdcdc 100%);
}

.but_gray:hover{
	padding:3px 6px;
	border:solid 1px #cccccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	color:#222222;
	background-color:#fefefe;
	background-image: -moz-linear-gradient(top, #fefefe 0%, #d9d8d8 100%);
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #d9d8d8 100%);
	background-image: -o-linear-gradient(top, #fefefe 0%, #d9d8d8 100%);
	background-image: -ms-linear-gradient(top, #fefefe 0% ,#d9d8d8 100%);
}

.hover_table tr:hover {
	background: #0C0C0C;
}

.cool_header {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ffffff, #FFFFCC);
	background-image:    -moz-linear-gradient(top, #ffffff, #FFFFCC);
	background-image:     -ms-linear-gradient(top, #ffffff, #FFFFCC);
	background-image:      -o-linear-gradient(top, #ffffff, #FFFFCC);
	background-image:         linear-gradient(top, #ffffff, #FFFFCC);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-weight: bold;
	padding: 3px;

	border-radius: 4px;
	border: 1px solid #CCC;
}

.green_header {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#66FF66));
	background-image: -webkit-linear-gradient(top, #ffffff, #66FF66);
	background-image:    -moz-linear-gradient(top, #ffffff, #66FF66);
	background-image:     -ms-linear-gradient(top, #ffffff, #66FF66);
	background-image:      -o-linear-gradient(top, #ffffff, #66FF66);
	background-image:         linear-gradient(top, #ffffff, #66FF66);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-weight: bold;
	padding: 3px;

	border-radius: 4px;
	border: 1px solid #CCC;
}

.my_shadow{
	box-shadow: 1px 1px 3px 0px #666;
	-webkit-box-shadow: 1px 1px 3px 0px #666;
	-moz-box-shadow: 1px 1px 3px 0px #666;
}

.red_header {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FF9F9F));
	background-image: -webkit-linear-gradient(top, #ffffff, #FF9F9F);
	background-image:    -moz-linear-gradient(top, #ffffff, #FF9F9F);
	background-image:     -ms-linear-gradient(top, #ffffff, #FF9F9F);
	background-image:      -o-linear-gradient(top, #ffffff, #FF9F9F);
	background-image:         linear-gradient(top, #ffffff, #FF9F9F);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-weight: bold;
	padding: 3px;

	border-radius: 4px;
	border: 1px solid #CCC;
}

/*
 *	Логин page
 */

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
	width: 335px;
	padding: 8% 0 0;
	margin: auto;
}
.login-page .logo {
	margin-bottom: 10px;
}
.login-page .form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 335px;
	margin: 0 auto 100px;
	padding: 45px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	border-radius:5px;
}
.login-page .form input {
	font-family: "Roboto", sans-serif;
	outline: 0;
	background: #f2f2f2;
	width: 100%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 1.1rem;
}
.login-page .form button {
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	outline: 0;
	background: #0C0C0C;
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 1.1rem;
	-webkit-transition: all 0.3 ease;
	transition: 0.3s;
	cursor: pointer;
}
.login-page .form button:hover, .login-page .form button:active, .login-page .form button:focus {
	background: #dcb76a;
	transition: 0.3s;
}
.login-page .form .message {
	margin: 15px 0 0;
	color: #b3b3b3;
	font-size: 0.9rem;
}
.login-page .form .message a {
	color: #4CAF50;
	text-decoration: none;
}
.login-page .form .register-form {
	display: none;
}
body.login-page-body {
	background: #dcb76a;
}

/*    */
.letterPosts .letterInputWrapper{
	display:flex ;
	float: left;
}
.letterPostsContainer .letterInputWrapper{
	display:flex ;
	float: left;
}
.letterPosts .letterInputWrapperNotComment{
	margin-top: 5px;
}

.letterPosts .upload-file__input {
	opacity: 0;
	position: absolute;
	z-index: -1;
	overflow: hidden;
	width: 0.4px;
	height: 0.4px;
}

.letterPosts .upload-file__label {
	padding: 5px;
}
.letterPosts #messageForm .tasks_content_comment{
	height: 50px;
	clear: none;
}
.letterPosts #messageForm{
	clear: none;
}

#letterTextInTable img {
	width: 100%;
}

.cke_dialog, .ck-balloon-panel
{
	z-index: 9999999999 !important;
}

.ck-content .text-big {
	line-height: normal !important;
}

/*
	NavBar
 */

.navbar  *,
.navbar *::before,
.navbar *::after {
	box-sizing: border-box;
}
.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}
.navbar-header {
	align-items: stretch;
	height: 55px;
	padding: 0;
	justify-content: flex-start;
	background-color: #fff;
	border-bottom: 4px solid #dcb76a;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
}
@media (min-width: 792px) {
	.navbar-header {
		height: 60px;
	}
}
@media (min-width: 1200px) {
	.navbar-header-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}

	.grid-container .footer {
		min-height: 55px;
	}
}

.navbar-header .navbar-right {
	padding: 0 5px;
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	order: 2;
}

@media (min-width: 576px){
	.navbar-header .navbar-right {
		padding-right: 20px;
	}
}

@media (min-width: 792px){
	.navbar-header .navbar-right {
		order: 3;
		padding: 0 20px 0 0;
	}
}
@media (min-width: 1200px){
	.navbar-header .navbar-right {
		width: 170px;
	}
}

@media (min-width: 1200px) {
	.navbar-header .navbar-right {
		width: 240px;
	}
}
.navbar-header .navbar-right .search-link {
	color: #001737;
}
.navbar-header .navbar-right .search-link:hover, .navbar-header .navbar-right .search-link:focus {
	color: rgba(0, 23, 55, 0.8);
}
.navbar-header .navbar-right .search-link svg {
	width: 16px;
	height: 16px;
	stroke-width: 3px;
}
.arrowCell svg  {
	width: 16px;
	height: 16px;
}
@media (max-width: 730px) {
	.progressBarInner svg  {
		width: 16px;
		height: 16px;
	}
}
@media (min-width: 576px) {
	.navbar-header .navbar-right .search-link svg {
		width: 20px;
		height: 20px;
		stroke-width: 2.8px;
	}
}
.navbar-header .burger-menu {
	margin-left: 10px;
	color: #8392a5;
	display: flex;
	align-items: center;
}
@media (min-width: 576px) {
	.navbar-header .burger-menu {
		margin-left: 20px;
	}
}
@media (min-width: 792px) {
	.navbar-header .burger-menu {
		display: none;
	}
}
.navbar-header .burger-menu svg {
	width: 20px;
	height: 20px;
	stroke-width: 2.5px;
}
.navbar-header .burger-menu:hover {
	color: #0168fa;
}

@media (max-width: 791.98px) {
	.navbar-nav-show {
		overflow: hidden;
	}
	.navbar-nav-show .navbar-menu-wrapper {
		transform: translateX(0);
	}
	.navbar-nav-show .backdrop {
		opacity: 1;
		visibility: visible;
		left: 260px;
	}
}

.navbar-menu-header {
	height: 55px;
	padding: 0 15px 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}
@media (min-width: 791.92px) {
	.navbar-menu-header {
		display: none;
	}
}
.navbar-menu-header .feather-x {
	width: 20px;
	height: 20px;
	stroke-width: 2.5px;
}
.navbar-menu-header a:last-child {
	color: #7987a1;
}
.navbar-menu-header a:last-child:hover, .navbar-menu-header a:last-child:focus {
	color: #1c273c;
}

.navbar-search {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease-in-out;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}

@media (prefers-reduced-motion: reduce) {
	.navbar-search {
		transition: none;
	}
}

.navbar-search.visible {
	visibility: visible;
	opacity: 1;
}

.navbar-search-header {
	height: 55px;
	background-color: #fff;
	padding: 0 15px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}

@media (min-width: 576px) {
	.navbar-search-header {
		padding: 0 20px;
		height: 60px;
	}
}

@media (min-width: 992px) {
	.navbar-search-header {
		padding: 0 25px;
	}
}

.navbar-search-header .search-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.9375rem + 2px);
	padding: 0.46875rem 0.625rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #596882;
	background-color: #fff;
	background-clip: padding-box;
	border: 0;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	outline: 0;

	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: #001737;
	border-width: 0;
	background-color: transparent;
}

@media (min-width: 992px) {
	.navbar-search-header .search-control {
		font-size: 16px;
	}
}

.navbar-search-header .search-control::placeholder {
	font-weight: 400;
}

.navbar-search-header .search-control:focus, .navbar-search-header .search-control:active {
	box-shadow: none !important;
}

.navbar-search-header span {
	padding: 0;
}

.navbar-search-header .searchBtn {
	margin: 5px;
}

.navbar-search-header span svg {
	width: 20px;
	height: 20px;
	stroke-width: 2.8px;
	cursor: pointer;
}

.navbar-search-body {
	padding: 15px 15px 20px;
	background-color: #fff;
	font-size: 13px;
}

@media (min-width: 992px) {
	.navbar-search-body {
		padding: 25px 25px 30px;
	}
}

.navbar-search-body .search-result .search-result-by-category>div {
	color: #1b2e4b;
	border-radius: 0.25rem;
}

.navbar-search-body .search-result .search-result-by-category>div {
	border: 1px solid rgba(72, 94, 144, 0.16);
}

.navbar-search-body .search-result .search-result-by-category>div:hover, .navbar-search-body .search-result .search-result-by-category>div:focus {
	background-color: rgba(229, 233, 242, 0.5);
}

@media (min-width: 562px) {
	.navbar-search-body .search-result .search-result-by-category>div:hover, .navbar-search-body .search-result .search-result-by-category>div:focus {
		background-color: rgba(229, 233, 242, 0.5);
		border-color: transparent;
	}
}
.navbar-search-body .search-result {
	overflow-y: auto;
	height: fit-content;
	max-height: 500px;
}
.navbar-search-body .search-result .search-result-by-category {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: max-content;
	gap: 10px 10px;
}
.navbar-search-body .search-result .search-category .search-category-count {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	background-color: #0C0C0C;
	padding: 0px 4px;
}
.navbar-search-body .search-result .search-category {
	grid-column: 1 / -1;
	text-transform: uppercase;
	color: #2a394c;
	font-weight: 500;
}
@media (max-width: 992px) {
	.navbar-search-body .search-result .search-result-by-category {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 562px) {
	.navbar-search-body .search-result .search-result-by-category {
		grid-template-columns: 1fr;
	}
}

.navbar-search-body .search-result-by-category .search-item {
	transition: none;
	border-radius: 0.25rem;
	white-space: normal;
	width: auto;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 40px;
}

.navbar-search-body .search-result-by-category .search-item .search-header-item {
	padding: 8px 10px;
	text-align: right;
	border-bottom: 1px solid rgba(72,94,144,.16);
	text-transform: uppercase;
}

.navbar-search-body .search-result-by-category .search-item .search-content-item {
	padding: 8px 10px;
}

.navbar-search-body .search-result-by-category .search-item .search-footer-item {
	border-top: 1px solid rgba(72,94,144,.16);
	padding: 8px 10px;
	display: flex;
	justify-content: space-between;
}

.navbar-search-body .search-result-by-category .search-item .media {
	display: flex;
	align-items: flex-start;
}

.navbar-search-body .search-result-by-category .search-item .media-body {
	flex: 1;
}

.navbar-search-body .search-result-by-category .search-item a {
	text-decoration: none;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
	position: relative; }

.dropdown-toggle {
	white-space: nowrap; }
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
	margin-left: 0; }

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	color: #001737;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem; }
.dropdown-menu a {
	cursor: pointer;
}
.dropdown-menu-left {
	right: auto;
	left: 0; }

.dropdown-menu-right {
	right: 0;
	left: auto; }

@media (min-width: 576px) {
	.dropdown-menu-sm-left {
		right: auto;
		left: 0; }
	.dropdown-menu-sm-right {
		right: 0;
		left: auto; } }

@media (min-width: 768px) {
	.dropdown-menu-md-left {
		right: auto;
		left: 0; }
	.dropdown-menu-md-right {
		right: 0;
		left: auto; } }

@media (min-width: 952px) {
	.dropdown-menu-lg-left {
		right: auto;
		left: 0; }
	.dropdown-menu-lg-right {
		right: 0;
		left: auto; } }

@media (min-width: 1200px) {
	.dropdown-menu-xl-left {
		right: auto;
		left: 0; }
	.dropdown-menu-xl-right {
		right: 0;
		left: auto; } }

.dropup .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0;
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid;
	border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
	margin-left: 0; }

.dropright .dropdown-menu {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid transparent;
	border-right: 0;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
	margin-left: 0; }

.dropright .dropdown-toggle::after {
	vertical-align: 0; }

.dropleft .dropdown-menu {
	top: 0;
	right: 100%;
	left: auto;
	margin-top: 0;
	margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: ""; }

.dropleft .dropdown-toggle::after {
	display: none; }

.dropleft .dropdown-toggle::before {
	display: inline-block;
	margin-right: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid transparent;
	border-right: 0.3em solid;
	border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
	margin-left: 0;
}

.dropleft .dropdown-toggle::before {
	vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
	right: auto;
	bottom: auto;
}

.dropdown-divider {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px solid #e3e7ed;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #1c273c;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #141c2b !important;
	text-decoration: none;
	background-color: #f4f5f8 !important;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #679dea;
}

.dropdown-item.disabled, .dropdown-item:disabled {
	color: #7987a1;
	pointer-events: none;
	background-color: transparent;
}

.dropdown-item.warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.dropdown-menu.show {
	display: block;
}

.dropdown-menu .dropdown-menu-alternative{
	display: none;
}

.dropdown-header {
	display: block;
	padding: 0.5rem 1.5rem;
	margin-bottom: 0;
	font-size: 0.76562rem;
	color: #7987a1;
	white-space: nowrap;
}

.dropdown-notification .dropdown-header-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.dropdown-notification #clearAllNotifications{
	text-align: right;
}

.dropdown-item-text {
	display: block;
	padding: 0.25rem 1.5rem;
	color: #1c273c; }

.dropdown-menu {
	border-color: rgba(131, 146, 165, 0.27);
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	padding: 5px; }

.dropdown-item {
	padding: 6px 15px;
	border-radius: 0.25rem;
	transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
	.dropdown-item {
		transition: none; } }
.dropdown-item:hover, .dropdown-item:focus {
	background-color: #e5e9f2; }
.dropdown-item.active {
	background-color: #0168fa; }

.dropdown-header {
	padding-left: 15px;
	padding-right: 15px; }

.dropdown-divider {
	margin: 2px 15px; }

.dropdown-message .dropdown-link,
.dropdown-notification .dropdown-link,
.dropdown-favorite .dropdown-link,
.dropdown-posts .dropdown-link {
	position: relative;
	color: #8392a5;
}
.dropdown-message .dropdown-link svg,
.dropdown-notification .dropdown-link svg,
.dropdown-favorite .dropdown-link svg,
.dropdown-posts .dropdown-link svg {
	width: 16px;
	height: 16px;
	stroke-width: 3px;
}
@media (min-width: 576px) {
	.dropdown-message .dropdown-link svg,
	.dropdown-notification .dropdown-link svg,
	.dropdown-favorite .dropdown-link svg,
	.dropdown-posts .dropdown-link svg {
		width: 20px;
		height: 20px;
		stroke-width: 2.25px;
	}
}
@media (max-width: 576px) {
	.dropdown-favorite {
		display: none;
	}
}
.dropdown-message .dropdown-link.new-indicator,
.dropdown-notification .dropdown-link.new-indicator,
.dropdown-favorite .dropdown-link.new-indicator,
.dropdown-posts .dropdown-link.new-indicator {
	color: #1b2e4b; }
.dropdown-message .dropdown-link.new-indicator span,
.dropdown-notification .dropdown-link.new-indicator span,
.dropdown-favorite .dropdown-link.new-indicator span,
.dropdown-posts .dropdown-link.new-indicator span,
.dropdown-profile .dropdown-item.new-indicator span {
	display: flex;
	width: 15px;
	height: 15px;
	justify-content: center;
	position: absolute;
	top: -12px;
	right: -2px;
	background-color: #0C0C0C;
	color: #fff;
	font-size: 8px;
	font-weight: 400;
	font-family: sans-serif;
	line-height: 2;
	border-radius: 100%; }
.dropdown-profile .dropdown-item.new-indicator {
	position: relative;
}
.dropdown-profile .dropdown-item.new-indicator span {
	top: 0px;
}
.dropdown-message .dropdown-link:hover, .dropdown-message .dropdown-link:focus,
.dropdown-notification .dropdown-link:hover,
.dropdown-notification .dropdown-link:focus,
.dropdown-favorite .dropdown-link:hover,
.dropdown-favorite .dropdown-link:focus,
.dropdown-posts .dropdown-link:hover,
.dropdown-posts .dropdown-link:focus {
	color: #001737; }

.dropdown-message .dropdown-menu,
.dropdown-notification .dropdown-menu,
.dropdown-favorite .dropdown-menu,
.dropdown-posts .dropdown-menu {
	width: 300px;
	padding: 0;
	margin-right: -20px;
}
.dropdown-message .dropdown-menu::before,
.dropdown-notification .dropdown-menu::before,
.dropdown-favorite .dropdown-menu::before,
.dropdown-posts .dropdown-menu::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 25px;
	border-bottom: 10px solid rgba(72, 94, 144, 0.16);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; }
.dropdown-message .dropdown-menu::after,
.dropdown-notification .dropdown-menu::after,
.dropdown-favorite .dropdown-menu::after,
.dropdown-posts .dropdown-menu::after {
	content: '';
	position: absolute;
	top: -8.5px;
	left: 26px;
	border-bottom: 9px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent; }
.dropdown-message .dropdown-menu.dropdown-menu-right,
.dropdown-notification .dropdown-menu.dropdown-menu-right,
.dropdown-favorite .dropdown-menu.dropdown-menu-right,
.dropdown-posts .dropdown-menu.dropdown-menu-right {
	margin-right: -20px; }
.dropdown-message .dropdown-menu.dropdown-menu-right::before,
.dropdown-notification .dropdown-menu.dropdown-menu-right::before,
.dropdown-favorite .dropdown-menu.dropdown-menu-right::before,
.dropdown-posts .dropdown-menu.dropdown-menu-right::before {
	left: auto;
	right: 20px; }
.dropdown-message .dropdown-menu.dropdown-menu-right::after,
.dropdown-notification .dropdown-menu.dropdown-menu-right::after,
.dropdown-favorite .dropdown-menu.dropdown-menu-right::after,
.dropdown-posts .dropdown-menu.dropdown-menu-right::after {
	left: auto;
	right: 21px; }

.dropdown-message .dropdown-header,
.dropdown-notification .dropdown-header,
.dropdown-favorite .dropdown-header,
.dropdown-posts .dropdown-header {
	padding: 12px 15px;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: .5px;
	color: #1b2e4b;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
	margin-bottom: 5px; }

.dropdown-message .dropdown-item,
.dropdown-notification .dropdown-item,
.dropdown-favorite .dropdown-item,
.dropdown-posts .dropdown-item {
	transition: none;
	border-radius: 0.25rem;
	white-space: normal;
	padding: 8px 10px;
	margin: 0 5px;
	width: auto; }
@media (prefers-reduced-motion: reduce) {
	.dropdown-message .dropdown-item,
	.dropdown-notification .dropdown-item,
	.dropdown-favorite .dropdown-item,
	.dropdown-posts .dropdown-item {
		transition: none; } }
.dropdown-message .dropdown-item:hover, .dropdown-message .dropdown-item:focus,
.dropdown-notification .dropdown-item:hover,
.dropdown-notification .dropdown-item:focus,
.dropdown-favorite .dropdown-item:hover,
.dropdown-favorite .dropdown-item:focus,
.dropdown-posts .dropdown-item:hover,
.dropdown-posts .dropdown-item:focus {
	background-color: rgba(229, 233, 242, 0.5); }
.dropdown-message .dropdown-item:hover .avatar-online::after,
.dropdown-message .dropdown-item:hover .avatar-offline::after, .dropdown-message .dropdown-item:focus .avatar-online::after,
.dropdown-message .dropdown-item:focus .avatar-offline::after,
.dropdown-notification .dropdown-item:hover .avatar-online::after,
.dropdown-notification .dropdown-item:hover .avatar-offline::after,
.dropdown-notification .dropdown-item:focus .avatar-online::after,
.dropdown-notification .dropdown-item:focus .avatar-offline::after,
.dropdown-favorite .dropdown-item:hover .avatar-online::after,
.dropdown-favorite .dropdown-item:hover .avatar-offline::after,
.dropdown-favorite .dropdown-item:focus .avatar-online::after,
.dropdown-favorite .dropdown-item:focus .avatar-offline::after,
.dropdown-posts .dropdown-item:hover .avatar-online::after,
.dropdown-posts .dropdown-item:hover .avatar-offline::after,
.dropdown-posts .dropdown-item:focus .avatar-online::after,
.dropdown-posts .dropdown-item:focus .avatar-offline::after {
	box-shadow: 0 0 0 2px #f2f4f8; }

.dropdown-message .avatar,
.dropdown-notification .avatar,
.dropdown-favorite .avatar,
.dropdown-posts .avatar {
	flex-shrink: 0;
	margin-top: 2px; }

.dropdown-message .media-body,
.dropdown-notification .media-body,
.dropdown-favorite .media-body,
.dropdown-posts .media-body {
	font-size: 1rem;
	color: rgba(27, 46, 75, 0.85); }
.dropdown-message .media-body p,
.dropdown-notification .media-body p,
.dropdown-favorite .media-body p,
.dropdown-posts .media-body p {
	margin-bottom: 2px; }
.dropdown-message .media-body span,
.dropdown-notification .media-body span,
.dropdown-favorite .media-body span,
.dropdown-posts .media-body span {
	color: #8392a5;
	font-size: 0.8rem;
	font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif; }
.dropdown-message .media-body strong,
.dropdown-notification .media-body strong,
.dropdown-favorite .media-body strong,
.dropdown-posts .media-body strong {
	font-weight: 500;
	color: #1b2e4b; }
.dropdown-notification .media-body .media-title {
	display: grid;
	grid-template-columns: 1fr 20px;
	gap: 2px 2px;
}
.dropdown-notification .media-body .media-title .title {

}
.dropdown-notification .media-body .media-title .icon-close {
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
	height: fit-content;
	cursor: pointer;
	vertical-align: center;
}
.dropdown-notification .media-body .media-title .icon-close:hover, .dropdown-notification .media-body .media-title .icon-close:focus {
	 background: #fefefe;
	border-radius: 3px;
 }
.dropdown-message .dropdown-footer,
.dropdown-notification .dropdown-footer,
.dropdown-favorite .dropdown-footer,
.dropdown-posts .dropdown-footer {
	margin-top: 5px;
	border-top: 1px solid rgba(72, 94, 144, 0.16);
	padding: 10px;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase; }
.dropdown-message .dropdown-footer a,
.dropdown-notification .dropdown-footer a,
.dropdown-favorite .dropdown-footer a,
.dropdown-posts .dropdown-footer a {
	color: #8392a5;
	transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
	.dropdown-message .dropdown-footer a,
	.dropdown-notification .dropdown-footer a,
	.dropdown-favorite .dropdown-footer a,
	.dropdown-posts .dropdown-footer a {
		transition: none; } }
.dropdown-message .dropdown-footer a:hover, .dropdown-message .dropdown-footer a:focus,
.dropdown-notification .dropdown-footer a:hover,
.dropdown-notification .dropdown-footer a:focus,
.dropdown-favorite .dropdown-footer a:hover,
.dropdown-favorite .dropdown-footer a:focus,
.dropdown-posts .dropdown-footer a:hover,
.dropdown-posts .dropdown-footer a:focus {
	color: #1b2e4b; }

.dropdown-profile .dropdown-link {
	display: flex;
	align-items: center; }
.dropdown-profile .dropdown-link:hover .avatar img, .dropdown-profile .dropdown-link:focus .avatar img {
	transform: scale(1.23, 1.23);
	padding: 3px;
	background-color: #f5f6fa; }

.dropdown-profile .dropdown-menu {
	border-color: rgba(72, 94, 144, 0.16);
	width: 230px;
	padding: 15px;
	margin-top: 14.5px;
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
}
.dropdown-profile .dropdown-menu::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 25px;
	border-bottom: 10px solid rgba(72, 94, 144, 0.16);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; }
.dropdown-profile .dropdown-menu::after {
	content: '';
	position: absolute;
	top: -8.5px;
	left: 26px;
	border-bottom: 9px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent; }
.dropdown-profile .dropdown-menu.dropdown-menu-right {
	margin-right: -10px; }
.dropdown-profile .dropdown-menu.dropdown-menu-right::before {
	left: auto;
	right: 15px; }
.dropdown-profile .dropdown-menu.dropdown-menu-right::after {
	left: auto;
	right: 16px; }
.dropdown-profile .dropdown-menu .userInfo {
	margin-left:10px;
}
.dropdown-profile .dropdown-menu .userInfo h6 {
	line-height: 1.25;
	color: #001737;
	font-size: 0.9rem;
	margin-bottom: 0px;
}
.dropdown-profile .dropdown-divider {
	margin: 15px 0; }

.dropdown-profile .dropdown-item {
	padding: 0;
	display: flex;
	align-items: center;
	color: #1b2e4b;
	background: none !important;
}
.dropdown-profile .dropdown-item + .dropdown-item {
	margin-top: 10px; }
.dropdown-profile .dropdown-item svg {
	width: 16px;
	height: 16px;
	margin-right: 15px; }
.dropdown-profile .dropdown-item:hover, .dropdown-profile .dropdown-item:focus {
	background-color: transparent;
	color: #0168fa; }

.dropdown-icon .dropdown-item {
	display: flex;
	align-items: center;
	padding: 5px 10px; }
.dropdown-icon .dropdown-item svg {
	width: 16px;
	height: 16px;
	margin-right: 10px; }
.dropdown-icon .dropdown-item span {
	display: block;
	position: relative;
	top: 1.5px; }

.dropdown-icon .dropdown-divider {
	margin: 10px 15px; }



.avatar {
	position: relative;
	width: 38px;
	height: 38px;
}

.avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.avatar-initial {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #8392a5;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center; }

.avatar-offline::after,
.avatar-online::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 2px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	box-shadow: 0 0 0 2px #fff; }

.avatar-offline::after {
	background-color: #c0ccda; }

.avatar-online::after {
	background-color: #10b759; }

.avatar-xs {
	width: 26px;
	height: 26px; }
.avatar-xs .avatar-initial {
	font-size: 10px; }
.avatar-xs.avatar-offline::after, .avatar-xs.avatar-online::after {
	width: 5px;
	height: 5px; }

.avatar-sm {
	width: 32px;
	height: 32px; }
.avatar-sm .avatar-initial {
	font-size: 13px; }
.avatar-sm.avatar-offline::after, .avatar-sm.avatar-online::after {
	width: 7px;
	height: 7px; }

.avatar-md {
	width: 48px;
	height: 48px; }
.avatar-md .avatar-initial {
	font-size: 18px; }
.avatar-md.avatar-offline::after, .avatar-md.avatar-online::after {
	width: 9px;
	height: 9px;
	right: 2px;
	bottom: 2px; }

.avatar-lg {
	width: 64px;
	height: 64px; }
.avatar-lg .avatar-initial {
	font-size: 24px; }
.avatar-lg.avatar-offline::after, .avatar-lg.avatar-online::after {
	width: 10px;
	height: 10px;
	bottom: 3px;
	right: 4px; }

.avatar-xl {
	width: 72px;
	height: 72px; }
.avatar-xl .avatar-initial {
	font-size: 30px; }
.avatar-xl.avatar-offline::after, .avatar-xl.avatar-online::after {
	width: 11px;
	height: 11px;
	bottom: 4px;
	right: 5px;
	box-shadow: 0 0 0 2.5px #fff; }

.avatar-xxl {
	width: 100px;
	height: 100px; }
.avatar-xxl .avatar-initial {
	font-size: 45px; }
.avatar-xxl.avatar-offline::after, .avatar-xxl.avatar-online::after {
	width: 13px;
	height: 13px;
	bottom: 6px;
	right: 7px;
	box-shadow: 0 0 0 3px #fff; }

.rounded-circle {
	border-radius: 50% !important;
}

.avatar .rounded-circle {
	object-fit: cover;
	border-radius: 50% !important;
	padding: 3px;
	background-color: #f5f6fa;
}

.navbar-header .navbar-right .dropdown {
	margin-left: 5px;
}
@media (min-width: 576px){
	.navbar-header .navbar-right .dropdown {
		margin-left: 15px;
	}
}
.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.navbar-menu-wrapper {
	order: 3;
	width: 260px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	overflow: hidden;
	z-index: 1060;
	transform: translateX(-260px);
	transition: all 0.4s;
}
@media (prefers-reduced-motion: reduce) {
	.navbar-menu-wrapper {
		transition: none;
	}
}
@media (min-width: 792px) {
	.navbar-menu-wrapper {
		width: auto;
		padding: 0 25px;
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		background-color: transparent;
		overflow: visible;
		display: flex;
		justify-content: center;
		order: 2;
		transform: none;
		z-index: auto;
		flex: 1; }
}
@media (min-width: 1200px) {
	.navbar-menu-wrapper {
		padding: 0 30px;
	}
}
.navbar-menu-wrapper > .ps__rail-y {
	display: none;
}
.navbar-menu {
	flex-direction: column;
	padding: 25px 0;
}
@media (min-width: 792px) {
	.navbar-menu {
		align-items: center;
		flex-direction: row;
		padding: 0;
		width: 100%;
		/*max-width: 980px;*/
		margin-top: -3px; }
}
.navbar-menu .nav-item + .nav-item {
	margin-top: 10px; }
@media (min-width: 792px) {
	.navbar-menu .nav-item + .nav-item {
		margin-top: 0;
		margin-left: 10px;
	}
}
@media (min-width: 1200px) {
	.navbar-menu .nav-item + .nav-item {
		margin-left: 15px; }
}
.navbar-menu .nav-item.active .nav-link {
	position: relative;
	color: #0168fa;
}
.navbar-menu .nav-item .nav-link span.counts {
	width: 16px;
	height: 16px;
	justify-content: center;
	position: absolute;
	top: -12px;
	right: 1px;
	background-color: #0C0C0C;
	color: #fff;
	font-size: 7.5pt;
	font-weight: 400;
	font-family: sans-serif;
	line-height: 1.8;
	border-radius: 100%;
	text-align: center;
}

.countsForItem {
	width: 16px;
	height: 16px;
	background-color: #0C0C0C;
	color: #fff;
	font-size: 7.5pt;
	font-weight: 400;
	font-family: sans-serif;
	line-height: 1.8;
	border-radius: 100%;
	text-align: center;
}

.navbar-menu .nav-item.active .nav-link::before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 10px;
	height: 2px;
	background-color: #0168fa; }
@media (min-width: 792px) {
	.navbar-menu .nav-item.active .nav-link::before {
		display: none;
	}
}
.navbar-menu .nav-item.active .nav-link svg {
	color: #0168fa;
	fill: rgba(1, 104, 250, 0.2);
}
.navbar-menu .nav-item.active.with-sub .nav-link::after {
	border-color: #0168fa;
}
.navbar-menu .nav-item.with-sub {
	position: relative;
}
.navbar-menu .nav-item.with-sub .nav-link::after {
	content: '';
	width: 6px;
	height: 6px;
	border-right: 1.5px solid #8392a5;
	border-bottom: 1.5px solid #8392a5;
	display: inline-block;
	transform: rotate(45deg);
	margin-left: auto;
	transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.navbar-menu .nav-item.with-sub .nav-link::after {
		transition: none;
	}
}
@media (min-width: 792px) {
	.navbar-menu .nav-item.with-sub .nav-link::after {
		margin-left: 6px;
	}
}
.navbar-menu .nav-item.show .navbar-menu-sub {
	display: block;
	text-align: left;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
}
.navbar-nav-show .navbar-menu .nav-item.show .navbar-menu-sub {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.navbar-menu .nav-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.1rem;
	font-weight: 500;
	padding: 0 20px;
	color: #001737;
	transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.navbar-menu .nav-link {
		transition: none;
	}
}
@media (min-width: 792px) {
	.navbar-menu .nav-link {
		font-weight: 500;
		padding: 0; }
}
.navbar-menu .nav-link:hover {
	color: #0168fa;
}
.navbar-menu .nav-link:hover svg {
	color: #0168fa;
	fill: rgba(1, 104, 250, 0.2);
}
.navbar-menu .nav-link svg {
	width: 18px;
	height: 18px;
	stroke-width: 2.2px;
	fill: rgba(27, 46, 75, 0.1);
	margin-right: 15px;
	color: #7987a1;
	transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
	.navbar-menu .nav-link svg {
		transition: none;
	}
}
@media (min-width: 792px) {
	.navbar-menu .nav-link svg {
		display: none;
	}
}
.navbar-menu .nav-label {
	font-size: 0.8rem;
	font-weight: 600;
	font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
	letter-spacing: .7px;
	color: #8392a5;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}
.navbar-menu-sub {
	position: relative;
	min-width: 200px;
	list-style: none;
	padding: 0 15px 3px 24px;
	border-left: 1px solid rgba(72, 94, 144, 0.16);
	margin-top: 10px;
	margin-left: 28px;
	z-index: 1000;
	display: none; }
@media (min-width: 792px) {
	.navbar-menu-sub {
		position: absolute;
		top: 41.5px;
		left: -25px;
		background-color: #fff;
		padding: 10px 15px;
		border: 1px solid rgba(192, 204, 218, 0.53);
		margin-top: 0;
		margin-left: 0;
		border-bottom-right-radius: 0.25rem;
		border-bottom-left-radius: 0.25rem;
	}
}
.navbar-menu-sub::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 25px;
	border-bottom: 10px solid rgba(192, 204, 218, 0.53);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.navbar-menu-sub::after {
	content: '';
	position: absolute;
	top: -8.5px;
	left: 26px;
	border-bottom: 9px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
}
.navbar-menu-sub.right{
	right: -25px;
	left: unset;
}
.navbar-menu-sub.right::before {
	right: 25px;
	left: unset;
}
.navbar-menu-sub.right::after {
	right: 26px;
	left: unset;
}

.navbar-menu-sub::before, .navbar-menu-sub::after {
	display: none;
}
@media (min-width: 792px) {
	.navbar-menu-sub::before, .navbar-menu-sub::after {
		display: block;
	}
}
.navbar-menu-sub ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	min-width: 150px;
}
.navbar-menu-sub ul + ul {
	margin-top: 25px;
}
@media (min-width: 792px) {
	.navbar-menu-sub ul + ul {
		margin-top: 0;
		margin-left: 25px;
		padding-left: 25px;
		border-left: 1px solid rgba(72, 94, 144, 0.16);
	}
}
.navbar-menu-sub .nav-sub-item + .nav-sub-item {
	margin-top: 5px;
}
.navbar-menu-sub .nav-sub-link {
	color: #1b2e4b;
	white-space: nowrap;
	font-size: 1rem;
	display: flex;
	align-items: center;
	transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.navbar-menu-sub .nav-sub-link {
		transition: none;
	}
}
.navbar-menu-sub .nav-sub-link svg {
	width: 16px;
	height: 16px;
	margin-right: 15px;
	fill: rgba(0, 23, 55, 0.08);
	display: none;
}
@media (min-width: 792px) {
	.navbar-menu-sub .nav-sub-link svg {
		display: block;
	}
}
.navbar-menu-sub .nav-sub-link:hover {
	color: #0168fa;
}
.navbar-menu-sub .nav-sub-link:hover svg {
	fill: rgba(1, 104, 250, 0.2);
}
.navbar-menu-sub.navbar-inverse {
	background-color: #141c2b;
	border-width: 0;
}
.navbar-menu-sub.navbar-inverse::before {
	border-bottom-color: #141c2b;
}
.navbar-menu-sub.navbar-inverse::after {
	display: none;
}
.navbar-menu-sub.navbar-inverse .nav-label {
	color: rgba(255, 255, 255, 0.3);
	font-weight: 500;
}
.navbar-menu-sub.navbar-inverse ul + ul {
	border-left-color: rgba(255, 255, 255, 0.05);
}
.navbar-menu-sub.navbar-inverse .nav-sub-link {
	color: rgba(255, 255, 255, 0.5);
	font-weight: 400;
}
.navbar-menu-sub.navbar-inverse .nav-sub-link:hover, .navbar-menu-sub.navbar-inverse .nav-sub-link:focus {
	color: #fff;
}
.navbar-menu-sub.navbar-inverse .nav-sub-link:hover .feather, .navbar-menu-sub.navbar-inverse .nav-sub-link:focus .feather {
	color: #fff;
}
.navbar-brand {
	display: inline-block;
	padding-top: 0.33594rem;
	padding-bottom: 0.33594rem;
	margin-right: 1rem;
	font-size: 1.09375rem;
	line-height: inherit;
	white-space: nowrap;
}
.navbar-header .navbar-brand {
	display: flex;
	align-items: center;
	padding-left: 10px;
	margin-right: 0;
	order: 1;
}
@media (min-width: 792px){
	.navbar-header .navbar-brand {
		width: 220px;
		padding: 0 0 0 20px;
	}
}
@media (min-width: 792px){
	.d-lg-flex {
		display: flex !important;
	}
}
.d-flex{
	display: flex !important;
}
.mg-0{
	margin: 0px !important;
}
.mg-2{
	margin: 2px !important;
}
.mg-5{
	margin: 5px !important;
}
.mg-10{
	margin: 10px !important;
}
.mg-t-20 {
	margin-top: 20px !important;
}
.mg-t-15 {
	margin-top: 15px !important;
}
.mg-t-10 {
	margin-top: 10px !important;
}
.mg-t-5 {
	margin-top: 5px !important;
}
.mg-t-05-rem {
	margin-top: .5rem !important;
}
.mg-b-0 {
	margin-bottom: 0px !important;
}
.mg-b-5 {
	margin-bottom: 5px !important;
}
.mg-b-10 {
	margin-bottom: 10px !important;
}
.mg-b-15 {
	margin-bottom: 15px !important;
}
.mg-b-20 {
	margin-bottom: 20px !important;
}
.mg-l-50 {
	margin-left: 50px !important;
}
.mg-l-15 {
	margin-left: 15px !important;
}
.mg-l-10 {
	margin-left: 10px !important;
}
.mg-l-5 {
	margin-left: 5px !important;
}
.mg-r-5 {
	margin-right: 5px !important;
}
.mg-r-10 {
	margin-right: 10px !important;
}
.mg-r-35 {
	margin-right: 35px !important;
}
.pd-0 {
	padding: 0px !important;
}
.pd-5 {
	padding: 5px !important;
}
.pd-10 {
	padding: 10px !important;
}
.pd-t-5 {
	padding-top: 5px !important;
}
.pd-t-10 {
	padding-top: 10px !important;
}
.pd-t-15 {
	padding-top: 15px !important;
}
.pd-b-5 {
	padding-bottom: 5px !important;
}
.pd-b-10 {
	padding-bottom: 10px !important;
}
.pd-b-15 {
	padding-bottom: 15px !important;
}
.pd-b-20 {
	padding-bottom: 20px !important;
}
.pd-b-25 {
	padding-bottom: 25px !important;
}
.pd-r-5 {
	padding-right: 5px !important;
}
.pd-r-10 {
	padding-right: 10px !important;
}
.pd-r-15 {
	padding-right: 15px !important;
}
.pd-l-5 {
	padding-left: 5px !important;
}
.pd-l-10 {
	padding-left: 10px !important;
}
.pd-l-15 {
	padding-left: 15px !important;
}
.r-15 {
	right: 15px !important;
}
.t-15 {
	top: 15px !important;
}
.r-10 {
	right: 10px !important;
}
.b-10 {
	bottom: 10px !important;
}
.t-10 {
	top: 10px !important;
}
.t-10 {
	top: 10px !important;
}
.r-5 {
	right: 5px !important;
}
.t-5 {
	top: 5px !important;
}
.align-items-center {
	align-items: center !important; }
.pos-absolute {
	position: absolute;
}
.dropdown .media {
	display: flex;
	align-items: flex-start;
}
.dropdown .media-body {
	flex: 1;
}
.dropdown-message .media-body, .dropdown-notification .media-body, .dropdown-posts .media-body, .dropdown-favorite .media-body {
	font-size: 1rem;
	color: rgba(27, 46, 75, 0.85);
}
.dropdown-message .dropdown-footer a:hover, .dropdown-message .dropdown-footer a:focus, .dropdown-favorite .dropdown-footer a:hover, .dropdown-favorite .dropdown-footer a:focus, .dropdown-notification .dropdown-footer a:hover, .dropdown-notification .dropdown-footer a:focus, .dropdown-posts .dropdown-footer a:hover, .dropdown-posts .dropdown-footer a:focus{
	color: #1b2e4b;
}
.dropdown-message .dropdown-footer a, .dropdown-favorite .dropdown-footer a, .dropdown-notification .dropdown-footer a, .dropdown-posts .dropdown-footer a {
	color: #8392a5;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}

/* Progres bar */


.progress progress[value="0"] + .progress-value:before {
	content: "0%"; }

.progress progress[value="0"] ~ .progress-bg .progress-bar {
	width: 0%; }

.progress progress[value="1"] + .progress-value:before {
	content: "1%"; }

.progress progress[value="1"] ~ .progress-bg .progress-bar {
	width: 1%; }

.progress progress[value="2"] + .progress-value:before {
	content: "2%"; }

.progress progress[value="2"] ~ .progress-bg .progress-bar {
	width: 2%; }

.progress progress[value="3"] + .progress-value:before {
	content: "3%"; }

.progress progress[value="3"] ~ .progress-bg .progress-bar {
	width: 3%; }

.progress progress[value="4"] + .progress-value:before {
	content: "4%"; }

.progress progress[value="4"] ~ .progress-bg .progress-bar {
	width: 4%; }

.progress progress[value="5"] + .progress-value:before {
	content: "5%"; }

.progress progress[value="5"] ~ .progress-bg .progress-bar {
	width: 5%; }

.progress progress[value="6"] + .progress-value:before {
	content: "6%"; }

.progress progress[value="6"] ~ .progress-bg .progress-bar {
	width: 6%; }

.progress progress[value="7"] + .progress-value:before {
	content: "7%"; }

.progress progress[value="7"] ~ .progress-bg .progress-bar {
	width: 7%; }

.progress progress[value="8"] + .progress-value:before {
	content: "8%"; }

.progress progress[value="8"] ~ .progress-bg .progress-bar {
	width: 8%; }

.progress progress[value="9"] + .progress-value:before {
	content: "9%"; }

.progress progress[value="9"] ~ .progress-bg .progress-bar {
	width: 9%; }

.progress progress[value="10"] + .progress-value:before {
	content: "10%"; }

.progress progress[value="10"] ~ .progress-bg .progress-bar {
	width: 10%; }

.progress progress[value="11"] + .progress-value:before {
	content: "11%"; }

.progress progress[value="11"] ~ .progress-bg .progress-bar {
	width: 11%; }

.progress progress[value="12"] + .progress-value:before {
	content: "12%"; }

.progress progress[value="12"] ~ .progress-bg .progress-bar {
	width: 12%; }

.progress progress[value="13"] + .progress-value:before {
	content: "13%"; }

.progress progress[value="13"] ~ .progress-bg .progress-bar {
	width: 13%; }

.progress progress[value="14"] + .progress-value:before {
	content: "14%"; }

.progress progress[value="14"] ~ .progress-bg .progress-bar {
	width: 14%; }

.progress progress[value="15"] + .progress-value:before {
	content: "15%"; }

.progress progress[value="15"] ~ .progress-bg .progress-bar {
	width: 15%; }

.progress progress[value="16"] + .progress-value:before {
	content: "16%"; }

.progress progress[value="16"] ~ .progress-bg .progress-bar {
	width: 16%; }

.progress progress[value="17"] + .progress-value:before {
	content: "17%"; }

.progress progress[value="17"] ~ .progress-bg .progress-bar {
	width: 17%; }

.progress progress[value="18"] + .progress-value:before {
	content: "18%"; }

.progress progress[value="18"] ~ .progress-bg .progress-bar {
	width: 18%; }

.progress progress[value="19"] + .progress-value:before {
	content: "19%"; }

.progress progress[value="19"] ~ .progress-bg .progress-bar {
	width: 19%; }

.progress progress[value="20"] + .progress-value:before {
	content: "20%"; }

.progress progress[value="20"] ~ .progress-bg .progress-bar {
	width: 20%; }

.progress progress[value="21"] + .progress-value:before {
	content: "21%"; }

.progress progress[value="21"] ~ .progress-bg .progress-bar {
	width: 21%; }

.progress progress[value="22"] + .progress-value:before {
	content: "22%"; }

.progress progress[value="22"] ~ .progress-bg .progress-bar {
	width: 22%; }

.progress progress[value="23"] + .progress-value:before {
	content: "23%"; }

.progress progress[value="23"] ~ .progress-bg .progress-bar {
	width: 23%; }

.progress progress[value="24"] + .progress-value:before {
	content: "24%"; }

.progress progress[value="24"] ~ .progress-bg .progress-bar {
	width: 24%; }

.progress progress[value="25"] + .progress-value:before {
	content: "25%"; }

.progress progress[value="25"] ~ .progress-bg .progress-bar {
	width: 25%; }

.progress progress[value="26"] + .progress-value:before {
	content: "26%"; }

.progress progress[value="26"] ~ .progress-bg .progress-bar {
	width: 26%; }

.progress progress[value="27"] + .progress-value:before {
	content: "27%"; }

.progress progress[value="27"] ~ .progress-bg .progress-bar {
	width: 27%; }

.progress progress[value="28"] + .progress-value:before {
	content: "28%"; }

.progress progress[value="28"] ~ .progress-bg .progress-bar {
	width: 28%; }

.progress progress[value="29"] + .progress-value:before {
	content: "29%"; }

.progress progress[value="29"] ~ .progress-bg .progress-bar {
	width: 29%; }

.progress progress[value="30"] + .progress-value:before {
	content: "30%"; }

.progress progress[value="30"] ~ .progress-bg .progress-bar {
	width: 30%; }

.progress progress[value="31"] + .progress-value:before {
	content: "31%"; }

.progress progress[value="31"] ~ .progress-bg .progress-bar {
	width: 31%; }

.progress progress[value="32"] + .progress-value:before {
	content: "32%"; }

.progress progress[value="32"] ~ .progress-bg .progress-bar {
	width: 32%; }

.progress progress[value="33"] + .progress-value:before {
	content: "33%"; }

.progress progress[value="33"] ~ .progress-bg .progress-bar {
	width: 33%; }

.progress progress[value="34"] + .progress-value:before {
	content: "34%"; }

.progress progress[value="34"] ~ .progress-bg .progress-bar {
	width: 34%; }

.progress progress[value="35"] + .progress-value:before {
	content: "35%"; }

.progress progress[value="35"] ~ .progress-bg .progress-bar {
	width: 35%; }

.progress progress[value="36"] + .progress-value:before {
	content: "36%"; }

.progress progress[value="36"] ~ .progress-bg .progress-bar {
	width: 36%; }

.progress progress[value="37"] + .progress-value:before {
	content: "37%"; }

.progress progress[value="37"] ~ .progress-bg .progress-bar {
	width: 37%; }

.progress progress[value="38"] + .progress-value:before {
	content: "38%"; }

.progress progress[value="38"] ~ .progress-bg .progress-bar {
	width: 38%; }

.progress progress[value="39"] + .progress-value:before {
	content: "39%"; }

.progress progress[value="39"] ~ .progress-bg .progress-bar {
	width: 39%; }

.progress progress[value="40"] + .progress-value:before {
	content: "40%"; }

.progress progress[value="40"] ~ .progress-bg .progress-bar {
	width: 40%; }

.progress progress[value="41"] + .progress-value:before {
	content: "41%"; }

.progress progress[value="41"] ~ .progress-bg .progress-bar {
	width: 41%; }

.progress progress[value="42"] + .progress-value:before {
	content: "42%"; }

.progress progress[value="42"] ~ .progress-bg .progress-bar {
	width: 42%; }

.progress progress[value="43"] + .progress-value:before {
	content: "43%"; }

.progress progress[value="43"] ~ .progress-bg .progress-bar {
	width: 43%; }

.progress progress[value="44"] + .progress-value:before {
	content: "44%"; }

.progress progress[value="44"] ~ .progress-bg .progress-bar {
	width: 44%; }

.progress progress[value="45"] + .progress-value:before {
	content: "45%"; }

.progress progress[value="45"] ~ .progress-bg .progress-bar {
	width: 45%; }

.progress progress[value="46"] + .progress-value:before {
	content: "46%"; }

.progress progress[value="46"] ~ .progress-bg .progress-bar {
	width: 46%; }

.progress progress[value="47"] + .progress-value:before {
	content: "47%"; }

.progress progress[value="47"] ~ .progress-bg .progress-bar {
	width: 47%; }

.progress progress[value="48"] + .progress-value:before {
	content: "48%"; }

.progress progress[value="48"] ~ .progress-bg .progress-bar {
	width: 48%; }

.progress progress[value="49"] + .progress-value:before {
	content: "49%"; }

.progress progress[value="49"] ~ .progress-bg .progress-bar {
	width: 49%; }

.progress progress[value="50"] + .progress-value:before {
	content: "50%"; }

.progress progress[value="50"] ~ .progress-bg .progress-bar {
	width: 50%; }

.progress progress[value="51"] + .progress-value:before {
	content: "51%"; }

.progress progress[value="51"] ~ .progress-bg .progress-bar {
	width: 51%; }

.progress progress[value="52"] + .progress-value:before {
	content: "52%"; }

.progress progress[value="52"] ~ .progress-bg .progress-bar {
	width: 52%; }

.progress progress[value="53"] + .progress-value:before {
	content: "53%"; }

.progress progress[value="53"] ~ .progress-bg .progress-bar {
	width: 53%; }

.progress progress[value="54"] + .progress-value:before {
	content: "54%"; }

.progress progress[value="54"] ~ .progress-bg .progress-bar {
	width: 54%; }

.progress progress[value="55"] + .progress-value:before {
	content: "55%"; }

.progress progress[value="55"] ~ .progress-bg .progress-bar {
	width: 55%; }

.progress progress[value="56"] + .progress-value:before {
	content: "56%"; }

.progress progress[value="56"] ~ .progress-bg .progress-bar {
	width: 56%; }

.progress progress[value="57"] + .progress-value:before {
	content: "57%"; }

.progress progress[value="57"] ~ .progress-bg .progress-bar {
	width: 57%; }

.progress progress[value="58"] + .progress-value:before {
	content: "58%"; }

.progress progress[value="58"] ~ .progress-bg .progress-bar {
	width: 58%; }

.progress progress[value="59"] + .progress-value:before {
	content: "59%"; }

.progress progress[value="59"] ~ .progress-bg .progress-bar {
	width: 59%; }

.progress progress[value="60"] + .progress-value:before {
	content: "60%"; }

.progress progress[value="60"] ~ .progress-bg .progress-bar {
	width: 60%; }

.progress progress[value="61"] + .progress-value:before {
	content: "61%"; }

.progress progress[value="61"] ~ .progress-bg .progress-bar {
	width: 61%; }

.progress progress[value="62"] + .progress-value:before {
	content: "62%"; }

.progress progress[value="62"] ~ .progress-bg .progress-bar {
	width: 62%; }

.progress progress[value="63"] + .progress-value:before {
	content: "63%"; }

.progress progress[value="63"] ~ .progress-bg .progress-bar {
	width: 63%; }

.progress progress[value="64"] + .progress-value:before {
	content: "64%"; }

.progress progress[value="64"] ~ .progress-bg .progress-bar {
	width: 64%; }

.progress progress[value="65"] + .progress-value:before {
	content: "65%"; }

.progress progress[value="65"] ~ .progress-bg .progress-bar {
	width: 65%; }

.progress progress[value="66"] + .progress-value:before {
	content: "66%"; }

.progress progress[value="66"] ~ .progress-bg .progress-bar {
	width: 66%; }

.progress progress[value="67"] + .progress-value:before {
	content: "67%"; }

.progress progress[value="67"] ~ .progress-bg .progress-bar {
	width: 67%; }

.progress progress[value="68"] + .progress-value:before {
	content: "68%"; }

.progress progress[value="68"] ~ .progress-bg .progress-bar {
	width: 68%; }

.progress progress[value="69"] + .progress-value:before {
	content: "69%"; }

.progress progress[value="69"] ~ .progress-bg .progress-bar {
	width: 69%; }

.progress progress[value="70"] + .progress-value:before {
	content: "70%"; }

.progress progress[value="70"] ~ .progress-bg .progress-bar {
	width: 70%; }

.progress progress[value="71"] + .progress-value:before {
	content: "71%"; }

.progress progress[value="71"] ~ .progress-bg .progress-bar {
	width: 71%; }

.progress progress[value="72"] + .progress-value:before {
	content: "72%"; }

.progress progress[value="72"] ~ .progress-bg .progress-bar {
	width: 72%; }

.progress progress[value="73"] + .progress-value:before {
	content: "73%"; }

.progress progress[value="73"] ~ .progress-bg .progress-bar {
	width: 73%; }

.progress progress[value="74"] + .progress-value:before {
	content: "74%"; }

.progress progress[value="74"] ~ .progress-bg .progress-bar {
	width: 74%; }

.progress progress[value="75"] + .progress-value:before {
	content: "75%"; }

.progress progress[value="75"] ~ .progress-bg .progress-bar {
	width: 75%; }

.progress progress[value="76"] + .progress-value:before {
	content: "76%"; }

.progress progress[value="76"] ~ .progress-bg .progress-bar {
	width: 76%; }

.progress progress[value="77"] + .progress-value:before {
	content: "77%"; }

.progress progress[value="77"] ~ .progress-bg .progress-bar {
	width: 77%; }

.progress progress[value="78"] + .progress-value:before {
	content: "78%"; }

.progress progress[value="78"] ~ .progress-bg .progress-bar {
	width: 78%; }

.progress progress[value="79"] + .progress-value:before {
	content: "79%"; }

.progress progress[value="79"] ~ .progress-bg .progress-bar {
	width: 79%; }

.progress progress[value="80"] + .progress-value:before {
	content: "80%"; }

.progress progress[value="80"] ~ .progress-bg .progress-bar {
	width: 80%; }

.progress progress[value="81"] + .progress-value:before {
	content: "81%"; }

.progress progress[value="81"] ~ .progress-bg .progress-bar {
	width: 81%; }

.progress progress[value="82"] + .progress-value:before {
	content: "82%"; }

.progress progress[value="82"] ~ .progress-bg .progress-bar {
	width: 82%; }

.progress progress[value="83"] + .progress-value:before {
	content: "83%"; }

.progress progress[value="83"] ~ .progress-bg .progress-bar {
	width: 83%; }

.progress progress[value="84"] + .progress-value:before {
	content: "84%"; }

.progress progress[value="84"] ~ .progress-bg .progress-bar {
	width: 84%; }

.progress progress[value="85"] + .progress-value:before {
	content: "85%"; }

.progress progress[value="85"] ~ .progress-bg .progress-bar {
	width: 85%; }

.progress progress[value="86"] + .progress-value:before {
	content: "86%"; }

.progress progress[value="86"] ~ .progress-bg .progress-bar {
	width: 86%; }

.progress progress[value="87"] + .progress-value:before {
	content: "87%"; }

.progress progress[value="87"] ~ .progress-bg .progress-bar {
	width: 87%; }

.progress progress[value="88"] + .progress-value:before {
	content: "88%"; }

.progress progress[value="88"] ~ .progress-bg .progress-bar {
	width: 88%; }

.progress progress[value="89"] + .progress-value:before {
	content: "89%"; }

.progress progress[value="89"] ~ .progress-bg .progress-bar {
	width: 89%; }

.progress progress[value="90"] + .progress-value:before {
	content: "90%"; }

.progress progress[value="90"] ~ .progress-bg .progress-bar {
	width: 90%; }

.progress progress[value="91"] + .progress-value:before {
	content: "91%"; }

.progress progress[value="91"] ~ .progress-bg .progress-bar {
	width: 91%; }

.progress progress[value="92"] + .progress-value:before {
	content: "92%"; }

.progress progress[value="92"] ~ .progress-bg .progress-bar {
	width: 92%; }

.progress progress[value="93"] + .progress-value:before {
	content: "93%"; }

.progress progress[value="93"] ~ .progress-bg .progress-bar {
	width: 93%; }

.progress progress[value="94"] + .progress-value:before {
	content: "94%"; }

.progress progress[value="94"] ~ .progress-bg .progress-bar {
	width: 94%; }

.progress progress[value="95"] + .progress-value:before {
	content: "95%"; }

.progress progress[value="95"] ~ .progress-bg .progress-bar {
	width: 95%; }

.progress progress[value="96"] + .progress-value:before {
	content: "96%"; }

.progress progress[value="96"] ~ .progress-bg .progress-bar {
	width: 96%; }

.progress progress[value="97"] + .progress-value:before {
	content: "97%"; }

.progress progress[value="97"] ~ .progress-bg .progress-bar {
	width: 97%; }

.progress progress[value="98"] + .progress-value:before {
	content: "98%"; }

.progress progress[value="98"] ~ .progress-bg .progress-bar {
	width: 98%; }

.progress progress[value="99"] + .progress-value:before {
	content: "99%"; }

.progress progress[value="99"] ~ .progress-bg .progress-bar {
	width: 99%; }

.progress progress[value="100"] + .progress-value:before {
	content: "100%"; }

.progress progress[value="100"] ~ .progress-bg .progress-bar {
	width: 100%; }

.progress {
	font: 0.9rem Arial, Tahoma, sans-serif;
	position: relative;
	overflow: hidden; }
.progress progress {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -777px; }

.progress-bg {
	background: #e6e9ed;
	position: relative;
	height: 18px;
	border-radius: 5px;
	overflow: hidden; }

@-webkit-keyframes progress_bar {
	0% {
		background-position: 0 0; }
	100% {
		background-position: -40px 0; } }

@-moz-keyframes progress_bar {
	0% {
		background-position: 0 0; }
	100% {
		background-position: -40px 0; } }

@keyframes progress_bar {
	0% {
		background-position: 0 0; }
	100% {
		background-position: -40px 0; } }

.progress-bar {
	overflow: hidden;
	background: #0C0C0C;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	-webkit-transition: width 1s linear;
	-moz-transition: width 1s linear;
	-ms-transition: width 1s linear;
	transition: width 1s linear; }
.progress-bar:after {
	-webkit-animation: progress_bar 0.8s linear infinite;
	-moz-animation: progress_bar 0.8s linear infinite;
	-ms-animation: progress_bar 0.8s linear infinite;
	-o-animation: progress_bar 0.8s linear infinite;
	animation: progress_bar 0.8s linear infinite;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }


/* Online users */

.ustat-online-box {
	position: relative;
	display: flex;
	align-items: center;
	height: 40px;
	background-color: #fff;
	box-sizing: border-box;
}
.ustat-online-badge {
	position: absolute;
	top: 1px;
	left: -6px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 13px;
	font-size: 9px;
	color: #fff;
	text-transform: uppercase;
	background-color: #0C0C0C;
	z-index: 1;
}
.ustat-online-icon-box {
	display: flex;
	align-items: center;
	width: 174px;
	height: 32px;
	transition: 0.2s;
	overflow: hidden;
	margin-top: 8px;
}
.ustat-online-icon-inner {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	transition: 0.2s;
}
.ustat-online-icon-inner:hover {
	cursor: pointer;
}
.ustat-online-icon {
	text-indent: -99999px;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	margin-left: -7.5px;
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	border: 0px;
	padding: 2px;
	background-color: #f5f6fa;
	border-radius: 100%;
	transition: opacity 0.3s;
	opacity: 1;
	overflow: hidden;
}
.ustat-online-icon > i {
	position: relative;
	display: block;
	padding-top: 100%;
	width: 100%;
	border-radius: 50%;
	background-color: #ebeff2;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.ustat-online-icon:first-child {
	animation: none;
	opacity: 1;
}
.ustat-online-icon:last-child {
	margin-left: 0;
}

#showRecipientsInPostShow {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: max-content;
	gap: 2px 2px;
}
@media (max-width: 650px) {
	#showRecipientsInPostShow {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: max-content;
		gap: 2px 2px;
	}
}
@media (max-width: 400px) {
	#showRecipientsInPostShow {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: max-content;
		gap: 2px 2px;
	}
}
.gridUserEventsDialog {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: max-content;
	gap: 2px 2px;
}

/* User dialog card */

.userCardDialog {
	max-width: 350px;
	width: 100%;
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 15px;
}

.userCardDialog img.avatarUserImage {
	width: 100%;
}
.userCardDialog p {
	border-bottom: 1px solid #e8e9eb;
	padding: 2px 4px;
	margin: 0;
}
.userCardDialog p:nth-child(2n) {background: #f4f4f4;}
.userCardDialog p:nth-last-child(1) > td {border-bottom: none;}

/* Toast */

.toast {
	display: none;
	z-index: 99999;
	position: fixed;
	max-width: 350px;
	overflow: hidden;
	font-size: 0.875rem;
	background-color: #fff3cd;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	opacity: 0;
	border-radius: 0.25rem;
}
.toast.showing {
	background-color: rgba(255, 255, 255, 0.85) !important;
}
.toast-header {
	display: flex;
	align-items: center;
	padding: 0.45rem 0.45rem;
	color: #7987a1;
	background-color: rgba(255, 255, 255, 0.85);
	background-clip: padding-box;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
	padding: 0.75rem;
	min-width: 220px;
	text-align: left;
}
.tx-inverse {
	color: #001737;
}
.tx-13 {
	font-size: 1rem;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

/*
	Calendar
 */

.calendar {
	background-color: white;
	border: 1px solid #e1e1e1;
}

.calendar__week,
.calendar__header {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}
.calendar__top {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	border-bottom: 1px solid #e1e1e1;
}
.calendar__top > div {
	text-align: center;
	font-weight: bold;
	padding: 3px;
	font-size: 10.5pt;
	align-self:center;
}
.calendar__top > div:first-child {
	text-align: left;
}
.calendar__top > div:last-child {
	text-align: right;
}
.calendar__week {
	grid-auto-rows: minmax(100px, auto);
}

.calendar__header {
	grid-auto-rows: 30px;
	align-items: center;
	text-align: center;
}

.calendar__day {
	padding: 10px;
	text-align: right;
}
.calendar__day.currday {
	background: #f6f6f6;
}

.calendar__day .media {
	min-height: 45px;
}

.calendar__header > div {
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: bold;
}

.calendar__day {
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}

.calendar__day:last-child {
	border-right: 0;
}

.calendar .showOutInspectionDialogCardBtn{
	display: block;
	text-align: left;
	margin-bottom: 10px;
}

.calendar .managerSideBadge{
	position: absolute;
	top: 5px;
	left: -1px;
	display: flex;
	align-items: center;
	justify-content: left;
	padding: 5px 5px 5px 10px;
	font-size: 9.5px;
	color: #fff;
	text-transform: uppercase;
	background-color: #0C0C0C;
	z-index: 1;
}
.calendar .managerMainContentPlanned{
	margin-top: 19px;
	border-bottom: 1px solid #dedede;
}

@media (max-width: 1020px) {
	.calendar .managerSideBadge{
		position: absolute;
		top: 5px;
		left: -1px;
		display: flex;
		align-items: center;
		justify-content: left;
		padding: 5px 5px 5px 10px;
		font-size: 10px;
		color: #fff;
		text-transform: uppercase;
		background-color: #0C0C0C;
		z-index: 1;
	}
	.calendar .managerMainContentPlanned{
		margin-top: 35px;
		border-bottom: 1px solid #dedede;
	}
}

@media (max-width: 700px){
	.calendar__header {
		display: none;
	}
	.calendar__week {
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(30px, auto);
	}
	.calendar__day {
		border-right: 0;
	}
	.calendar__day.no-day {
		display: none;
	}
	.calendar .managerSideBadge{
		position: absolute;
		top: 5px;
		left: -1px;
		display: flex;
		align-items: center;
		justify-content: left;
		padding: 5px 5px 5px 10px;
		font-size: 10px;
		color: #fff;
		text-transform: uppercase;
		background-color: #0C0C0C;
		z-index: 1;
	}
	.calendar .managerMainContentPlanned{
		margin-top: 19px;
		border-bottom: 1px solid #dedede;
	}
}

/* Leads */

.leadPage_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 5px;
}
.leadPage_grid .grid_row_span_2 {
	grid-row: 1 / 3;
}
.leadPage_grid .oneline {
	grid-column: 1 / span 2;
}
.leadPage_grid > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.leadPage_grid .colTitle {
	font-weight: bold;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px;
	font-size: 1.1rem;
}
.leadPage_grid .tabsMenu ul {
	font-weight: bold;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px;
	font-size: 1.1rem;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #dedede;
}
@media screen and (max-width: 650px) {
	.leadPage_grid .tabsMenu ul{
		background:#e9eaeb;
	}
}
.leadPage_grid .tabsMenu ul:after{
	content:"";
	display:block;
	clear:both;
	height:5px;
	background: #0C0C0C;
	border: 0px;
}
.leadPage_grid .tabsMenu ul li{
	margin:0px;
	padding:0px;
	cursor:pointer;
	display:block;
	float:left;
	padding:10px 15px;
	background:#e9eaeb;
	color:#707070;
	font-size: 0.9rem;
}
.leadPage_grid .tabsMenu ul li a {
	text-decoration: none;
}
@media screen and (max-width: 650px) {
	.leadPage_grid .tabsMenu ul li{
		padding:5px;
	}
}
.leadPage_grid .tabsMenu ul li.active, .leadPage_grid .tabsMenu ul li.active:hover{
	background:#0C0C0C;
	color:#fff;
	border: 0px;
}
.leadPage_grid .tabsMenu ul li:hover{
	background:#d6d6d7;
}

.leadPage_grid .orderCards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 5px 5px;
}
.leadPage_grid .leadPage_grid > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
}
.leadPage_grid .orderCards .notification {
	grid-column: 1 / span 2;
}

@media (max-width: 700px){
	.leadPage_grid {
		grid-template-columns: 1fr;
	}
	.leadPage_grid .grid_row_span_2 {
		grid-row: 1;
	}
	.leadPage_grid .oneline {
		grid-column: 1;
	}
	.leadPage_grid .colTitle {
		font-size: 1rem;
	}
	.leadPage_grid .orderCards {
		grid-template-columns: 1fr;
	}
}

.leadPage_grid .requestDetailsItem a.marketTelephone {
	font-weight: 600;
	text-decoration: none;
}

.leadPage_grid .requestDetailsItem svg {
	vertical-align: -5px;
}

@media (max-width: 500px) {
	.palletClassGrid{
		max-width: 300px;
	}
}
@media (min-width: 500px) {
	.palletClassGrid{
		max-width: 350px;
	}
}
@media (min-width: 900px) {
	.palletClassGrid{
		max-width: 600px;
	}
}
@media (min-width: 1200px) {
	.palletClassGrid{
		max-width: 850px;
	}
}
.palletHeaderTableDiv{
	height: 30px;
	text-align: center;
	background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
}


/* Posts */
.posts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 10px;
	text-align: left;
	color:#303030;
	font-size:13px;
}

.posts .media {
	display: flex;
	align-items: flex-start; }

.posts .media-body {
	flex: 1;
}

@media (max-width: 900px) {
	.posts {
		display: block;
	}
	.posts>div:not(:first-child){
		margin-top: 10px;
	}
}
@media (min-width: 1800px) {
	.posts {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 10px 10px;
		text-align: left;
		color:#303030;
		font-size:13px;
	}
}

.posts .post-item {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content 1fr max-content;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(72, 94, 144, 0.16);
	border-radius: 0.25rem;
	font-size: 0.875rem;
}

.posts .post-item .post-header {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
	background-color: transparent;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
	padding:10px;
}

.posts .post-item a {
	text-decoration: none;
}

.posts .post-item .post-title {
	font-size: 1.2rem;
	padding:10px;
	font-weight: 500;
	color: #1b2e4b;
}

.posts .post-item .post-header strong, .posts .post-item .post-header strong div {
	font-weight: 500;
	color: #1b2e4b;
}

.posts .post-item .post-header .media-body p {
	margin-bottom: 2px;
}

.posts .post-item .post-header span {
	color: #8392a5;
	font-size: 11px;
}

.posts .post-item .post-content {
	padding:10px;
}
.posts .notification-warning-users-posts {
	grid-column: span 4;
}

.posts .post-item .post-footer {
	border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
	border-top: 1px solid rgba(72, 94, 144, 0.16);
	padding:10px;
	height: 100%;
	max-height: 60px;
	display: flex;
	justify-content: space-between;
}

.posts .letter_viewed_block{
	font-size: 1rem;
}

.posts .post-item .post-footer .postsCounters svg{
	width: 15px;
	vertical-align: -7px;
	margin: 0 5px;
}
.letterPostsContainer .editCoverToLetter{
	cursor:pointer;
	position: absolute;
	top: 10px;right: 10px;
}
.letterPostsContainer .editCoverToLetter svg{
	color: white;
}

.letterPostsContainer .post-footer {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.letterPostsContainer .post-footer>div:nth-child(even) {
	text-align: right;
}
.letterPostsContainer .post-footer svg {
	width: 14px;
	height: 14px;
	margin: 0 5px;
	vertical-align: -2px;
}

@media (max-width: 500px) {
	.letterPostsContainer .post-footer {
		grid-template-columns: 1fr;
	}
	.letterPostsContainer .post-footer>div:nth-child(even) {
		text-align: left;
	}
}
	/*
     * Grid
     */
.grid-simple-container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
.grid-simple-container .col {
	grid-column: span 1;
}
.grid-simple-container .col-2 {
	grid-column: span 2;
}
.grid-simple-container .col-3 {
	grid-column: span 3;
}
.grid-simple-container .col-4 {
	grid-column: span 4;
}
.grid-simple-container .col-5 {
	grid-column: span 5;
}
.grid-simple-container .col-6 {
	grid-column: span 6;
}
.grid-simple-container .col-7 {
	grid-column: span 7;
}
.grid-simple-container .col-8 {
	grid-column: span 8;
}
.grid-simple-container .col-12 {
	grid-column: span 12;
}
@media (max-width: 500px) {
	.grid-simple-container .col, .grid-simple-container .col-2, .grid-simple-container .col-3, .grid-simple-container .col-4, .grid-simple-container .col-5, .grid-simple-container .col-6, .grid-simple-container .col-7, .grid-simple-container .col-8, .grid-simple-container .col-9, .grid-simple-container .col-10, .grid-simple-container .col-11, .grid-simple-container .col-12 {
		grid-column: span 12;
	}
}

.medMedCardCopyDocs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 5px;
}
@media (max-width: 500px) {
	.medMedCardCopyDocs{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
}
#showImageContent{
	clear: both;
}
.orderCardCopyDocs .controll{
	height: 220px;
}

/* Firefox (любой) */
@supports (-moz-appearance:none) {
	.jconfirm-box {
		width: -moz-fit-content;
	}
}

.editOrder, #editOrderTop,#editOrderHistoryTop{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	gap: 15px 5px;
}
.twoColumns{
	grid-column: span 2;
}
#editOrderTop{
	margin-top:5px;
	margin-bottom:5px;
	font-weight: bold;
	font-size: 1.1rem;
}
#editOrderHistoryTop .titleTopHistory{
	font-weight: bold;
	font-size: 1.1rem;
	display: grid;
	grid-template-columns: 25px 1fr;
}

#editOrderHistoryTop .titleTopHistory img{
	width: 16px;
	margin: 0;
}

.editOrder div.title {
	border-bottom: 1px solid #f4f4f4;
	font-weight: bold;
	font-size: 1rem;
}
.editOrder > div > div {
	padding: 5px;
}
.editOrder > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
	padding: 0;
}
.editOrder .columnName {
	width: 100px;
}
.editOrder .before-btn-bottom{
	position: relative;
	padding-bottom: 35px;
}
.editOrder .div-bottom{
	position: absolute;
	bottom: 0;
	margin-top: 40px;
}
.orderHistoryPage .rowName{
	margin: 15px 5px 5px 5px;
	font-weight: bold;
	font-size: 1.1rem;
	text-decoration: underline;
}

@media (max-width: 800px) {
	.editOrder, #editOrderTop {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
	.editOrder > div {
		grid-column: span 1;
	}
}
.managerPlannedLoad{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
}

.managerPlannedLoad .notificationManagerNotCountPlanned{
	display: grid;
	grid-column: 4 span;
}
.managerPlannedLoad .bubble{
	padding: 10px;
	margin: 10px;
}
.calendar .bubble{
	padding: 10px;
}
.managerPlannedLoad>div.bubble:hover,.calendar .calendar__day>div.bubble:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.25);
}
.managerPlannedLoad #addMorePlanned {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}
.managerPlannedLoad #addMorePlanned:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.25);
}
.managerPlannedLoad #addMorePlanned,.calendar #addMorePlanned{
	display: flex;
}
.managerPlannedLoad #addMorePlanned>div,.calendar #addMorePlanned>div{
	margin: auto;
}
.managerPlannedLoad .loadMoreManagerPlanned,.calendar .loadMoreManagerPlanned{
	font-size: 18px;
}
.managerPlannedLoad .managerSideBadge{
	position: absolute;
	top: 5px;
	left: -1px;
	display: flex;
	align-items: center;
	justify-content: left;
	padding: 5px 10px 5px 10px;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	background-color: #0C0C0C;
	z-index: 1;
}
.managerPlannedLoad .managerMainContentPlanned{
	margin-top: 19px;
	border-bottom: 1px solid #dedede;
}

@media (max-width: 800px) {
	.managerPlannedLoad{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
}

/*
 * Knowledge Base
 */
.knowledge-base-widget-button,.chat-widget-button {
	right: 20px;
	bottom: 20px;
	line-height: 0;
	z-index: 9999;
	position: fixed;
}
.knowledge-base-widget-button>div,.chat-widget-button>div {
	background-color: #fff !important;
	line-height: 0;
	-webkit-box-shadow: 0px 4px 10px 0px rgb(50 50 50 / 35%);
	-moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 4px 10px 0px rgb(50 50 50 / 35%);
	border: 1px solid rgba(72, 94, 144, 0.16);
	border-radius: 100px;
	transition: box-shadow .3s ease-in-out;
	font-size: 24px;
	box-sizing: border-box;
	cursor: pointer;
	padding:13px;
}
.knowledge-base-widget-button>div span.icon,.chat-widget-button>div span.icon {
	vertical-align: middle;
}
.knowledge-base-widget-button>div span.icon svg,.chat-widget-button>div span.icon svg {
	width: 24px;
	height: 24px;
	fill: rgba(0, 23, 55, 0.08);
}
.knowledge-base-widget-button>div span.title, .chat-widget-button>div span.title {
	display: none;
	font-size: 1.1rem;
	line-height: 24px;
	vertical-align: middle;
}
.knowledge-base-widget-button>div:hover span.title, .chat-widget-button>div:hover span.title {
	display: inline-block;
}

.knowledge-base-widget {
	display: none;
	width: 100%;
	max-width: 400px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	overflow: hidden;
	z-index: 1060;
	transform: translateX(0);
	transition: all 0.4s;
	border-color: rgba(131, 146, 165, 0.27);
	-webkit-box-shadow: 0px 0px 7px 0px rgb(50 50 50 / 35%);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgb(50 50 50 / 35%);
	z-index: 99999;
}
@media (prefers-reduced-motion: reduce) {
	.knowledge-base-widget {
		transition: none;
	}
}

.knowledge-base-widget-header {
	height: 55px;
	padding: 0 15px 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}
.knowledge-base-widget-header .feather-x {
	width: 20px;
	height: 20px;
	stroke-width: 2.5px;
}
.knowledge-base-widget-header a.widget-title {
	font-size: 1.3rem;
	text-decoration: none;
}
.knowledge-base-widget-header a:last-child {
	color: #7987a1;
}
.knowledge-base-widget-header a:last-child:hover, .navbar-menu-header a:last-child:focus {
	color: #1c273c;
}
.knowledge-base-widget-content {
	overflow-y: scroll;
	height: 100%;
}
.knowledge-base-widget .knowledge-base-block,.knowledge-base-widget .knowledge-base-related-articles{
	padding: 15px;
}
.knowledge-base-widget-content .title {
	font-size: 14pt;
	margin: 10px;
	text-align: center;
	display: block;
}

.knowledge-base-widget-content .loading {
	margin: 20px auto;
	text-align: center;
}
.knowledge-base-widget .knowledge-base-widget-content{
	display: flow-root;
	font-size: 1.1rem;
}
.knowledge-base-widget .knowledge-instruction-page ul{
	margin: 10px 25px 0;
	padding: 0;
}
.knowledge-base-widget .knowledge-instruction-page>ul.infoShow{
	padding-left: 10px;
	margin: 0;
}
.knowledge-base-widget .knowledge-instruction-page>ul.infoShow>li{
	margin-bottom: 15px;
}
.knowledge-base-widget .knowledge-instruction-page>ul li,.knowledge-base-widget .knowledge-article-block li{
	list-style: none;
	font-size: 14px;
	font-weight: 400;
}
.knowledge-base-widget .a-click{
	display: grid;
	grid-template-columns: 24px 1fr;
}
.knowledge-base-widget .a-click:hover{
	color: #4a90e2;
}
.knowledge-base-widget .a-click>div{
	margin: auto 0;
}
.knowledge-base-widget .knowledge-instruction-page li a:hover{
	text-decoration: none;
}
.knowledge-base-widget .knowledge-base-block-minus li{
	margin-bottom: 10px;
}

.knowledge-base-widget .knowledge-instruction-page li.li-nav-underline{
	text-decoration: underline;
}

.knowledge-base-widget .knowledge-instruction-page li.knowledge-base-block-minus>a{
	font-weight: bold;
}
.knowledge-base-widget .knowledge-icons>svg{
	width: 16px;
	vertical-align: middle;
}
.knowledge-base-widget .knowledge-base-back{
	display: none;
}
.knowledge-base-widget .knowledge-base-back>img{
	width: 16px;
}
.knowledge-base-widget .knowledge-transition-to-page{
	cursor: pointer;
	color: #4a90e2;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	display: inline;
	text-decoration: underline;
}
.knowledge-base-widget .knowledge-transition-to-page:hover{
	color: #2777d4;
}
.knowledge-base-widget li .ui-icon{
	display: inline-block;
}
.knowledge-base-widget-content .knowledge-base-related-articles{
	border-top: 1px double rgba(72, 94, 144, 0.16);
	margin-bottom: 80px;
}
.knowledge-base-widget .knowledge-article-block{
	padding: 0;
	margin: 10px 0 0;
}
.knowledge-base-widget .knowledge-article-block>li{
	margin-bottom: 10px;
}
.knowledge-base-widget .knowledge-article-top{
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	text-align: left;
}
.knowledge-base-widget .ck-content{
	margin-top: 15px;
}
.knowledge-base-widget .image img{
	cursor: pointer;
}

.knowledge-base-widget .knowledge-top-container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	text-align: center;
	gap: 15px 15px;
	background-color: #f3f5f7;
	padding: 30px 30px 30px;
	height: auto;
	overflow-x: hidden;
}
.knowledge-base-widget .knowledge-container-part div:first-child{
	padding: 15px;
	background-color: white;
	width: min-content;
	margin: 0 auto;
	border-radius: 3px;
	display: inline-block;
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
}
.knowledge-base-widget .knowledge-container-part:hover{
	cursor: pointer;
}
.knowledge-base-widget .knowledge-container-part:hover div:first-child{
	background-color: #4a90e2;
}
.knowledge-base-widget .knowledge-container-part:hover div:first-child>svg{
	color: white;
}
.knowledge-base-widget .knowledge-container-part div svg{
	width: 20px;
}
.knowledge-base-widget .knowledge-container-part-name{
	padding: 10px;
}
.knowledge-base-widget .knowledge-container-breadcrumb{
	background-color: #f8f8f8;
	padding: 5px 10px;
}
.knowledge-base-widget .knowledge-container-breadcrumb-inner{
	padding-bottom: 10px;
}
.knowledge-base-widget .knowledge-breadcrumb-item-active{
	color: #0C0C0C;
}
.knowledge-base-widget table.knowledge-files-table > tbody > tr > td,
.knowledge-base-widget .knowledge-tasks-table  > tbody > tr > td{
	border-right: none;
	border-bottom: 1px solid #e8e9eb;
}
.knowledge-base-widget table.knowledge-files-table > tbody > tr:nth-last-child(1) > td,
.knowledge-base-widget .knowledge-tasks-table  > tbody > tr:nth-last-child(1){
	border-bottom: none;
}
.knowledge-base-widget table.knowledge-files-table a:hover,
.knowledge-base-widget .knowledge-tasks-table a:hover{
	text-decoration: none;
}
.knowledge-base-widget table.knowledge-files-table > tbody > tr:hover,
.knowledge-base-widget .knowledge-files-block-grid>div:hover{
	background: #ECF3F7;
}
.knowledge-base-widget table.knowledge-files-table,
.knowledge-base-widget .knowledge-tasks-table{
	border-spacing: 0;
}
.knowledge-base-widget .knowledge-files-header-table{
	background: #f4f4f4;
}
.knowledge-base-widget .knowledge-tasks-table .knowledge-tbody-tasks{
	word-break: break-word;
}
.knowledge-base-widget .knowledge-tasks-table .knowledge-tbody-tasks tr>td:first-child{
	width: 130px;
}
.knowledge-base-widget .knowledge-tasks-header-table{
	background: #f4f4f4;
	font-weight: bolder;
	text-align: center;
}
.knowledge-base-widget .knowledge-files-block-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.knowledge-base-widget .knowledge-files-item-block a:hover{
	text-decoration: none;
}


.knowledge-base-widget .knowledge-files-block-grid>div{
	word-break: break-word;
	text-align: center;
	padding: 10px;
}
.knowledge-base-widget .knowledge-container-files-system .it-is-clicked-block{
	background: #ecf0f3;
}
.knowledge-base-widget .knowledge-files-block-name{
	margin-top: 5px;
}
.knowledge-base-widget .knowledge-container-breadcrumb{
	display: grid;
	grid-template-columns: 1fr 70px;
}
.knowledge-base-widget .knowledge-container-breadcrumb>div:last-child{
	text-align: right;
}
.knowledge-base-widget .knowledge-container-breadcrumb .knowledge-files-download>svg{
	height: 18px;
}
.knowledge-base-widget .knowledge-icons-files span{
	cursor: pointer;
}
.knowledge-base-widget .knowledge-icons-files span>svg:hover{
	color: #4a90e2;
}
.knowledge-base-widget .knowledge-icons-files span>svg{
	width: 20px;
}
.knowledge-base-widget .knowledge-icons-grid>svg{
	width: 16px !important;
}
.knowledge-base-widget .knowledge-icons-arrow-right>svg{
	vertical-align: -8px;
	width: 15px;
}
.knowledge-base-widget .knowledge-part-table-icons{
	padding: 0;
}
.knowledge-base-widget .knowledge-part-table-icons>img,.knowledge-base-widget .knowledge-part-table-icons svg{
	width:18px;
	vertical-align: middle;
}
.knowledge-base-widget .knowledge-files-list-mini-menu{
	padding: 0;
	width: 16px;
}
.knowledge-base-widget .knowledge-files-list-mini-menu svg{
	width: 18px;
}
.knowledge-base-widget .knowledge-files-list-mini-menu{
	padding: 0;
}
.knowledge-base-widget .knowledge-files-dir-top{
	display: grid;
	grid-template-columns: 20px 1fr;
	height: 24px;
}
.knowledge-base-widget .knowledge-files-dir-top>div:first-child{
	margin-top: 4px;
	text-align: left;
}
.knowledge-base-widget .knowledge-files-dir-top>div:last-child{
	text-align: right;
}
.knowledge-base-widget .knowledge-files-dir-inner-menu svg{
	width: 18px;
}

.knowledge-base-widget .knowledgeCheckoutArea{
	cursor: pointer;
}

.knowledge-base-widget .knowledge-task-item>div{
	margin-bottom: 5px;
}
.knowledge-base-widget .knowledge-task-item {
	display: inline-block;
	position: relative;
	padding: .20rem 0.40rem;
	margin: 0.1rem;
	/*margin-bottom: 0.5rem;*/
	border: 1px solid transparent;
	border-radius: .25rem;
	margin-bottom: 10px;
}
.knowledge-base-widget .knowledge-task-item>div{
	display: grid;
	grid-template-columns: 100px 1fr;
}
.knowledge-base-widget .knowledge-task-item>div:last-child{
	grid-template-columns: 1fr 140px !important;
}
.knowledge-base-widget .knowledge-task-item>div:last-child > div:last-child {
	text-align: right;
}
.knowledge-base-widget .knowledge-1-fr-75{
	display: grid;
	grid-template-columns: 1fr 75px;
}
.knowledge-base-widget .knowledge-task-item a{
	font-weight: bold;
}
.knowledge-base-widget .knowledge-tasks{
	display: grid;
}
.knowledge-base-widget .knowledge-tasks>div{
	border-bottom: 1px solid #e8e9eb;
}
.knowledge-base-widget .knowledge-tasks>div:last-child{
	border-bottom: none;
}
.knowledge-base-widget .parentCreateTaskKnowledge{
	text-align: right;
	margin-right: 15px;
}
.knowledge-base-widget .knowledgeCreateTaskLoadImg{
	text-align: center;
	display: none;
}
.knowledge-base-widget .knowledge-base-send-to-celestial{
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #e8e9eb;
	margin-left: 15px;
	display: none;
	position: relative;
}

.knowledge-base-widget .knowledge-base-send-to-celestial::after {
	content: '';
	position: absolute;
	right: 288px; top: 65px;
	border: 10px solid transparent;
	border-right: 10px solid #fff3cd;
}
.knowledge-base-widget .knowledge-base-send-to-celestial>div:first-child{
	font-weight: 500;
	margin-bottom: 15px;
}
.knowledge-base-widget .send-to-celestial-text-block{
	width: 100%;
}
.knowledge-base-widget .send-to-celestial-text-block>div{
	margin-bottom: 5px;
	font-style: italic;
}
.knowledge-base-widget .send-to-celestial-text-block>div:last-child{
	text-align: right;
}
.knowledge-base-widget .send-to-celestial-my-name{
	font-weight: bolder;
}
.knowledge-base-widget .parent-knowledge-create-task{
	text-align: right;
}
.knowledge-base-widget .knowledge-tasks-comments{
	margin: auto 0;
}
.knowledge-base-widget .knowledge-content-menu-div.active,
.knowledge-base-widget .knowledge-content-menu-div.active-bottom{
	position: relative;
}
.knowledge-base-widget .knowledge-content-menu-div.active .knowledge-dropdown-content,
.knowledge-base-widget .knowledge-content-menu-div.active-bottom .knowledge-dropdown-content {
	visibility: visible;
	opacity: 1;
}
.knowledge-base-widget .knowledge-content-menu-div.active-bottom .knowledge-dropdown-content {
	bottom: 40px;
	top: unset;
}
.knowledge-base-widget .knowledge-content-menu-div.active-bottom .knowledge-dropdown-content::after {
	right: 121px;
	top: unset;
	border: 10px solid transparent;
	border-top: 10px solid #ffffff;
}
.knowledge-base-widget .knowledge-dropdown-content {
	visibility: hidden;
	opacity: 0;
}
.knowledge-content-menu-div.active .knowledge-dropdown-content,
.knowledge-content-menu-div.active-bottom .knowledge-dropdown-content {
	transition: all .1s;
}
.knowledge-base-widget .knowledge-dropdown-content {
	position: absolute;
	background-color: white;
	box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 35%);
	z-index: 1;
	text-align: left;
	margin-top: 5px;
	width: 142px;
}

.knowledge-base-widget .knowledge-files-table  .knowledge-dropdown-content::after {
	content: '';
	position: absolute;
	right: 121px;
	top: -20px;
	border: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
}

.knowledge-base-widget .knowledge-files-block-grid .knowledge-content-menu-div.active .knowledge-dropdown-content::after {
	content: '';
	position: absolute;
	right: 62px;
	top: -20px;
	border: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
}
.knowledge-base-widget .knowledge-files-block-grid .knowledge-content-menu-div.active-bottom .knowledge-dropdown-content::after {
	content: '';
	position: absolute;
	right: 64px;
	top: unset;
	border: 10px solid transparent;
	border-top: 10px solid #ffffff;
}

.knowledge-base-widget .knowledge-dropdown-content a {
	color: black;
	padding: 8px 16px;
	text-decoration: none;
	display: block;
}
.knowledge-base-widget .knowledge-dropdown-content a:hover {
	background-color: #ECF3F7;
}
.knowledgeShareToPeopleTableTbody tr td:nth-child(2n){
	overflow: auto;
	max-width: 220px;
}
.knowledge-properties-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
@media (max-width: 600px) {
	.knowledge-properties-grid{
		grid-template-columns: 1fr;
	}
}
@media (max-width: 400px) {
	.knowledgeShareToPeopleTableTbody tr td:nth-child(2n){
		max-width: 140px;
	}
}
#knowledgeShareToPeopleTable .simpleMiniButton.red{
	min-width: 16px;
}
#postToPeopleTable .simpleMiniButton.red,
#showRecipientsInPostShow .simpleMiniButton.red{
	min-width: 16px;
}
/*
setting page
*/
#knowledgeSettingShow li{
	list-style: none;
	padding-top: 5px;
}
#knowledgeSettingShow>ul.settingInfoShow >li{
	margin-bottom: 20px;
}
#knowledgeSettingShow .knowledge-instruction-page li.li-nav-underline{
	text-decoration: underline;
}
#knowledgeSettingShow li.li-nav-label::before{
	content: '+';
	font-size: medium;
	padding-right: 5px;
}
#knowledgeSettingShow li.knowledge-base-block-minus::before{
	content: '\2012';
	font-size: medium;
	padding-right: 5px;
}
#knowledgeSettingShow li{
	font-size: medium;
}
#knowledgeSettingShow .knowledge-base-a-name{
	margin-right: 10px;
}
#knowledgeSettingShow>ul.settingInfoShow{
	padding-left: 10px;
	margin: 0;
}
#knowledgeSettingShow  li.li-simple a.knowledge-base-a-name{
	text-decoration: underline;
}

.jconfirm-box {
	max-width: calc(100vw - 40px);
}

.jconfirm-content-pane::-webkit-scrollbar {
	width: 15px !important;
}

#inputFlgPage button{
	margin-bottom: 4px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	white-space: normal !important;
}

.grid-two-equal-parts{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
}
.grid-two-parts-one-100{
	display: grid;
	grid-template-columns: 1fr 100px;
}
.floorAndRoomMedCentre .routeSheetSelect{
	display: grid;
	grid-template-columns: 1fr 100px;
}
.floorAndRoomMedCentre .routeSheetTdButtons span.red{
	width: 16px;
}
.floorAndRoomMedCentre .routeSheetTdButtons{
	text-align: center;
}

.floorAndRoomMedCentre .routeSheetBorderBottom{
	border-bottom: 1px solid #f8eabf;
}
.floorAndRoomMedCentre .routeSheetBorderBottomRoom{
	border-bottom: 1px solid #f3f3f3;
}
.floorAndRoomMedCentre .routeTitleNamesFloor{
	font-weight: bolder;
	line-height: 25px;
	font-size: 1.1rem;
	color: #484848;
}
.floorAndRoomMedCentre .routeTitleNames{
	font-weight: bolder;
	line-height: 25px;
	font-size: 1rem;
	color: #484848;
}
.floorAndRoomMedCentre .routeSheetSaveConfig,.routeSheetSaveConfigFloors,.routeSheetSaveConfigRooms{
	display: none;
}
.floorAndRoomMedCentre .routeSheetSaveConfigFloors {
	margin: 2px 2px 15px !important;
}
.floorAndRoomMedCentre .routeSheetAddingFloor {
	margin: 2px;
}
.floorAndRoomMedCentre .routeSheetSpanWithIcons svg{
	width: 20px;
	height: 20px;
}
.floorAndRoomMedCentre .routeSheetAllRooms{
	margin: 4px;
}
.floorAndRoomMedCentre .routeSheetAddingRoom{
	margin: 5px;
}
.floorAndRoomMedCentre .routeSheetSort{
	vertical-align: middle;
	cursor: pointer;
}
.floorAndRoomMedCentre .routeSheetSort svg{
	height: 20px;
	width: 20px;
}
.floorAndRoomMedCentre .routeSheetEditName svg{
	height: 16px;
	width: 16px;
}
.floorAndRoomMedCentre .routeSheetEditName{
	vertical-align: sub;
	cursor: pointer;
	margin-left: 5px;
}
.floorAndRoomMedCentre .routeSheetSelect .select2-container{
	overflow: hidden;
}
.floorAndRoomMedCentre .routeSheetSelect .select2-selection__rendered{
	white-space: normal !important;
}
.floorAndRoomMedCentre .routeSheetArr img{
	width: 16px;
	cursor: pointer;
}
.medClientTTServices .medClientCheckAll,.medClientTTServices .medClientClearAll{
	font-size: 9px;
	cursor: pointer;
}

/*
Мед.центр / основная информация
*/
#medCentrCardGeneralInfo #deleteLegalEntitie.red,
#medCentrCardGeneralInfo #deleteGroup.red{
	width: 16px;
}

#chartBoardLoadGifAnyTime{
	text-align:center;
	display: none;
}
#chartBoardLoadGifAnyTime img{
	width: 90px;
	vertical-align: middle;
}

@media (max-width: 580px) {
	.reportBoardSwitchArea{
		display: grid;
	}
}
.trumbowyg-modal{
	z-index: 99999999 !important;
}

.invocesReconciliation #invocesReconciliationMiniClientTable tr td{
	border-right: none;
}

/*
 * chat
 */
.chat-widget-button {
	right: 20px;
	bottom: 80px;
	line-height: 0;
	z-index: 9999;
	position: fixed;
}
.chat-widget {
	display: none;
	width: 100%;
	max-width: 400px;
	position: fixed;
	height: 400px;
	bottom: 0;
	right: 0;
	background-color: #fff;
	overflow: hidden;
	z-index: 1060;
	transform: translateX(0);
	transition: all 0.4s;
	border-color: rgba(131, 146, 165, 0.27);
	-webkit-box-shadow: 0px 0px 7px 0px rgb(50 50 50 / 35%);
	-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 7px 0px rgb(50 50 50 / 35%);
	z-index: 99999;
}
.chat-widget .chat-widget-header {
	height: 55px;
	padding: 0 15px 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}
.chat-widget .chat-widget-header .feather-x {
	width: 20px;
	height: 20px;
	stroke-width: 2.5px;
}
.chat-widget .chat-widget-header a.chat-title {
	font-size: 1.3rem;
	text-decoration: none;
}
.chat-widget .chat-widget-header a:last-child {
	color: #7987a1;
}
.chat-widget .chat-widget-header a:last-child:hover, .navbar-menu-header a:last-child:focus {
	color: #1c273c;
}
.chat-widget .chat-widget-header .chat-back>img{
	display: none;
	width: 16px;
}
.chat-widget .chat-content>div{
	padding: 15px;
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);

	display: grid;
	grid-template-columns: 1fr 120px;
}
.chat-widget .chat-content>div:hover{
	padding: 15px;
	background: rgba(72, 94, 144, 0.16);
	cursor: pointer;
}
.chat-widget .chat-content{
	overflow-y: scroll;
	height: 300px;
}
.chat-widget .chat-search{
	border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}
.chat-widget .chat-search>input{
	height: 35px;
	width: 100%;
}
.chat-widget .chat-content-main{
}

/*
chat popup
*/
.chat-widget .chat-popup{
	display: none;
}
.chat-widget .chat-popup-messages{
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 5px auto;
	display: flex;
	flex-direction: column;
	height: 300px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}


.chat-widget .chat-popup-messages p{
	max-width: 400px;
	word-wrap: break-word;
	margin-bottom: 12px;
	line-height: 24px;
	position: relative;
	padding: 10px 20px;
	border-radius: 25px;
}
.chat-widget .chat-popup-messages p:before,p:after{
	content: "";
	position: absolute;
	bottom: 0;
	height: 20px;
}

.chat-widget .chat-popup-messages .from-me {
	color: white;
	background: #0B93F6;
	align-self: flex-end;
}

.chat-widget .chat-popup-messages .from-me:before{
	right: -7px;
	width: 20px;
	background-color: #0B93F6;
	border-bottom-left-radius: 16px 14px;
}
.chat-widget .chat-popup-messages .from-me:after{
	right: -26px;
	width: 26px;
	background-color: white;
	border-bottom-left-radius: 10px;
}
.chat-widget .chat-popup-messages .from-them {
	background: #E5E5EA;
	color: black;
	align-self: flex-start;
}
.chat-widget .chat-popup-messages .from-them:before{
	left: -7px;
	width: 20px;
	background-color: #E5E5EA;
	border-bottom-right-radius: 16px 14px;
}
.chat-widget .chat-popup-messages .from-them:after{
	left: -26px;
	width: 26px;
	background-color: white;
	border-bottom-right-radius: 10px;
}
.chat-widget .chat-input{
	display: grid;
	grid-template-columns: 1fr 40px;
}

/*
	SIP
 */


.sipAsterisk {
	padding: 0 !important;
}
.sipAsterisk .setting {
	padding: 5px 6px 5px 6px;
	position: relative;
}
.sipAsterisk .setting .sip {
	display: grid;
	grid-template-columns: 30px 1fr 30px;
	grid-template-rows: max-content;
	gap: 0px 0px;
	border: 1px solid #dedede
}
.sipAsterisk .setting .sip > div:first-child {
	padding: 3px 3px 1px 3px;
}
.sipAsterisk .setting .sip > div {
	padding: 6px;
	border-right: 1px solid #dedede;
	font-size: 15px;
	font-weight: 500;
	font-family: Arial,sans-serif;
}
.sipAsterisk .setting .sip > div:first-child {
	border-right: 0px;
	padding: 5px 0px 0px 4px;
}
.sipAsterisk .setting .sip > div:last-child {
	border-right: 0px;
	padding: 0;
	text-align: center;
}
.sipAsterisk .calling {
	position: relative;
	display: none;
}
.sipAsterisk .calling .sipBody {
	margin: 5px 6px 5px 6px;
	margin-bottom: 10px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content;
	gap: 10px 10px;background: white;
}
.sipAsterisk .calling .sipBadge, .sipAsterisk .queues .sipBadge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 16px;
	font-size: 9.5px;
	color: #fff;
	text-transform: uppercase;
	background-color: #0C0C0C;
	z-index: 1;
}

.sipAsterisk .queues .inline {
	display: inline-block;
}
.sipAsterisk .calling .sipBadge.blue {
	background-color: #52b7ff;
}
.sipAsterisk .calling .sipVisitors {
	padding: 5px;
}
.sipAsterisk .calling .sipVisitors > div {
	border-bottom: 1px solid #dedede;
	padding: 2px;
}
.sipAsterisk .calling .sipVisitors div.visitorItem {
	display: grid;
	grid-template-columns: 1fr 22px;
	grid-template-rows: max-content;
	gap: 0px 0px;
	border-bottom: 1px solid #dedede;
	padding: 2px;
}
.sipAsterisk .calling .sipVisitors div.visitorItem a {
	font-weight: 600;
}
.sipAsterisk .calling .sipFooter {
	margin: 5px 6px 5px 6px;
	margin-top: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: max-content;
	gap: 0px 0px;
	background: white;
}

.sipAsterisk .calling .sipFooter > div {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	text-align: center;
	padding: 4px 2px;
}
.sipAsterisk .calling .sipFooter > div:first-child {
	border-right: 1px solid #dedede;
}

.sipAsterisk .calling .sipFooter > div.inline {
	grid-column: 1 / span 2;
	border-right: 0;
}

.sipAsterisk .calling .sipFooter .error {
	color: #0C0C0C;
}

.sipAsterisk .calling.ringing {
	display: block;
}

.sipAsterisk .calling.up {
	display: block;
}

.sipAsterisk .calling.hangup {
	display: block;
}

.sipAsterisk .historyBox {
	background: #ececec;
	opacity: 0.8;
	margin: 5px;
	padding: 4px 2px;
	text-align: center;
}
.sipAsterisk .historyBox:hover {
	background: #dedede;
	opacity: 1;
}
.sipChangeDialog {
	text-align: left;
}
.sipChangeDialog > label {
	display: block;
	padding: 10px;
	cursor: pointer;
	font-size: 14px;
}

.sipAsterisk .blueButton {
	opacity: 0.8;
	margin: 5px;
	padding: 4px 4px;
	text-align: center;
	background: #0073c0;
	display: block;
	color: white;
	text-decoration: none;
}

.sipAsterisk .blueButton:hover {
	background: #0073c0;
	opacity: 1;
}

.cdrQueuesControl .blueButton {
	opacity: 0.8;
	margin: 5px;
	padding: 4px 4px;
	text-align: center;
	background: #0073c0;
	display: block;
	color: white;
	text-decoration: none;
}

.cdrQueuesControl .blueButton:hover {
	background: #0073c0;
	opacity: 1;
}


.planSalesTable .planSalesTitleTopCity{
	font-weight: bold;
	font-size: 1.1rem;
	display: grid;
	grid-template-columns: 25px 1fr;
}

.planSalesTable .planSalesTitleTopCity img{
	width: 16px;
	margin: 0;
}
.planSalesTable .planSalesTableSum{
	white-space: nowrap;
}
.planFactSalesTable .spoiler :nth-child(3n+1){
	border-right-width: 1px;
	border-right-color: lightblue;
}
.planFactSalesTable .spoiler-text :nth-child(3n+1){
	border-right-width: 1px;
	border-right-color: lightblue;
}
.planFactSalesTable .spoiler :last-child, .planSalesTable .spoiler-text :last-child{
	border-right-width: 0;
}
.planFactSalesTable .planSalesOver100Percent{
	color: darkgreen;
}
.planFactSalesTable .planSalesDown100Percent{
	color: darkred;
}
.planFactSalesTable .planSales100Percent{
	color: black;
}

/*
 * Карточка организации
 */

.clientCard {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px 5px;
}
.clientCard > div {
	box-shadow:0 0 5px #f4f4f4;
	border: 1px solid #f4f4f4;
	padding: 0;
}
.clientCard > div > div.title, .clientCard > div > form > div.title {
	border-bottom: 1px solid #f4f4f4;
	font-weight: bold;
	font-size: 1rem;
}
.clientCard > div > div, .clientCard > div > form > div.title {
	padding: 5px;
}
.clientCard .fullWidth, .leadPage_grid .fullWidth {
	grid-column: 1 / span 2;
}

@media (max-width: 800px) {
	.clientCard {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 15px 5px;
	}
	.clientCard .fullWidth , .leadPage_grid .fullWidth {
		grid-column: 1;
	}
}

.leadPage_grid .createOrderFromMarket.notActive {
	background: green;
	color: white !important;
}
.leadPage_grid .createOrderFromMarket.notActive:hover {
	background: darkgreen;
	color: white !important;
}
.leadPage_grid .marketTelephone svg {
	height: 18px;
	margin-top: -15px;
}

.queueBox {
	padding: 10px 0 0 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	padding-right: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #FFFFFF !important;
	background-color: #0073c0 !important;
	border-color: #00568f !important;
}


.upper-div-file-drop-area-contract {
	padding-right: 7px !important;
}

.contractorsContactsTbody .feather-x {
	cursor: pointer;
	width: 18px;
	height: 18px;
	stroke-width: 2.5px;
}

/*
 * btn
 */

.btn {
	display: inline-block;
	font-weight: 400;
	color: #001737;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.46875rem 0.9375rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		transition: none;
	}
}

.btn:hover {
	color: #001737;
	text-decoration: none;
}

.btn:focus {
	outline: 0;
	box-shadow: none;
}

.btn.disabled, .btn:disabled {
	opacity: 0.65;
}

a.btn.disabled {
	pointer-events: none;
}

.btn-primary {
	color: #fff;
	background-color: #0168fa;
	border-color: #0168fa;
}

.btn-primary:hover {
	color: #fff;
	background-color: #0158d4;
	border-color: #0153c7;
}

.btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #0158d4;
	border-color: #0153c7;
	box-shadow: 0 0 0 0.2rem rgba(39, 127, 251, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #0168fa;
	border-color: #0168fa;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #0153c7;
	border-color: #014ebb;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(39, 127, 251, 0.5);
}

.btn-secondary {
	color: #fff;
	background-color: #7987a1;
	border-color: #7987a1;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #64738f;
	border-color: #5f6d88;
}

.btn-secondary:focus {
	color: #fff;
	background-color: #64738f;
	border-color: #5f6d88;
	box-shadow: 0 0 0 0.2rem rgba(141, 153, 175, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #7987a1;
	border-color: #7987a1;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #5f6d88;
	border-color: #5a6780;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(141, 153, 175, 0.5);
}

.btn-success {
	color: #fff;
	background-color: #10b759;
	border-color: #10b759;
}

.btn-success:hover {
	color: #fff;
	background-color: #0d9448;
	border-color: #0c8842;
}

.btn-success:focus, .btn-success.focus {
	color: #fff;
	background-color: #0d9448;
	border-color: #0c8842;
	box-shadow: 0 0 0 0.2rem rgba(52, 194, 114, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
	color: #fff;
	background-color: #10b759;
	border-color: #10b759;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #0c8842;
	border-color: #0b7c3c;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 194, 114, 0.5);
}

.btn-info {
	color: #fff;
	background-color: #00b8d4;
	border-color: #00b8d4;
}

.btn-info:hover {
	color: #fff;
	background-color: #0097ae;
	border-color: #008ca1;
}

.btn-info:focus, .btn-info.focus {
	color: #fff;
	background-color: #0097ae;
	border-color: #008ca1;
	box-shadow: 0 0 0 0.2rem rgba(38, 195, 218, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
	color: #fff;
	background-color: #00b8d4;
	border-color: #00b8d4;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #008ca1;
	border-color: #008194;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(38, 195, 218, 0.5);
}

.btn-warning {
	color: #1c273c;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:hover {
	color: #1c273c;
	background-color: #e0a800;
	border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
	color: #1c273c;
	background-color: #e0a800;
	border-color: #d39e00;
	box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #1c273c;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
	color: #1c273c;
	background-color: #d39e00;
	border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
	box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
	color: #fff;
	background-color: #0C0C0C;
	border-color: #0C0C0C;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
	color: #1c273c;
	background-color: #f4f5f8;
	border-color: #f4f5f8;
}

.btn-light:hover {
	color: #1c273c;
	background-color: #dde0e9;
	border-color: #d5d9e4;
}

.btn-light:focus, .btn-light.focus {
	color: #1c273c;
	background-color: #dde0e9;
	border-color: #d5d9e4;
	box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
	color: #1c273c;
	background-color: #f4f5f8;
	border-color: #f4f5f8;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
	color: #1c273c;
	background-color: #d5d9e4;
	border-color: #cdd2df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
}

.btn-dark {
	color: #fff;
	background-color: #3b4863;
	border-color: #3b4863;
}

.btn-dark:hover {
	color: #fff;
	background-color: #2d374b;
	border-color: #283143;
}

.btn-dark:focus, .btn-dark.focus {
	color: #fff;
	background-color: #2d374b;
	border-color: #283143;
	box-shadow: 0 0 0 0.2rem rgba(88, 99, 122, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
	color: #fff;
	background-color: #3b4863;
	border-color: #3b4863;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #283143;
	border-color: #232b3b;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(88, 99, 122, 0.5);
}

.btn-outline-primary {
	color: #0168fa;
	border-color: #0168fa;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #0168fa;
	border-color: #0168fa;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(1, 104, 250, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #0168fa;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #0168fa;
	border-color: #0168fa;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(1, 104, 250, 0.5);
}

.btn-outline-secondary {
	color: #7987a1;
	border-color: #7987a1;
}

.btn-outline-secondary:hover {
	color: #fff;
	background-color: #7987a1;
	border-color: #7987a1;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgba(121, 135, 161, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color: #7987a1;
	background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #7987a1;
	border-color: #7987a1;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(121, 135, 161, 0.5);
}

.btn-outline-success {
	color: #10b759;
	border-color: #10b759;
}

.btn-outline-success:hover {
	color: #fff;
	background-color: #10b759;
	border-color: #10b759;
}

.btn-outline-success:focus, .btn-outline-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(16, 183, 89, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #10b759;
	background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #10b759;
	border-color: #10b759;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(16, 183, 89, 0.5);
}

.btn-outline-info {
	color: #00b8d4;
	border-color: #00b8d4;
}

.btn-outline-info:hover {
	color: #fff;
	background-color: #00b8d4;
	border-color: #00b8d4;
}

.btn-outline-info:focus, .btn-outline-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 184, 212, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
	color: #00b8d4;
	background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #00b8d4;
	border-color: #00b8d4;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 184, 212, 0.5);
}

.btn-outline-warning {
	color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-warning:hover {
	color: #1c273c;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	color: #ffc107;
	background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active {
	color: #1c273c;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
	color: #0C0C0C;
	border-color: #0C0C0C;
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #0C0C0C;
	border-color: #0C0C0C;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	color: #0C0C0C;
	background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #0C0C0C;
	border-color: #0C0C0C;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
	color: #f4f5f8;
	border-color: #f4f5f8;
}

.btn-outline-light:hover {
	color: #1c273c;
	background-color: #f4f5f8;
	border-color: #f4f5f8;
}

.btn-outline-light:focus, .btn-outline-light.focus {
	box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
	color: #f4f5f8;
	background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active {
	color: #1c273c;
	background-color: #f4f5f8;
	border-color: #f4f5f8;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}

.btn-outline-dark {
	color: #3b4863;
	border-color: #3b4863;
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #3b4863;
	border-color: #3b4863;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
	box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
	color: #3b4863;
	background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #3b4863;
	border-color: #3b4863;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}

.btn-link {
	font-weight: 400;
	color: #0168fa;
	text-decoration: none;
	cursor: pointer;
}

.btn-link:hover {
	color: #0148ae;
	text-decoration: none;
}

.btn-link:focus, .btn-link.focus {
	text-decoration: none;
	box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
	color: #7987a1;
	pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
	padding: 0.6rem 1rem;
	font-size: 1.09375rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 0.391rem 0.5rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.btn-super-sm {
	line-height: 0.7;
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-block + .btn-block {
	margin-top: 0.5rem;
}

.btn {
	font-size: inherit;
}

.btn:focus, .btn:active {
	box-shadow: none;
}

.btn svg {
	width: 14px;
	height: 14px;
	stroke-width: 2.5px;
	margin-top: -2px;
	vertical-align: middle;
}

.btn.active-primary, .btn.active-primary:hover, .btn.active-primary:focus {
	background-color: #fff;
	border-color: #0073c0;
	color: #0073c0;
}

.btn-white {
	background-color: #fff;
	border-color: #c0ccda;
	color: rgba(27, 46, 75, 0.7);
}

.btn-white:hover, .btn-white:focus {
	border-color: #8392a5;
	color: #1b2e4b;
}

.btn-white:active, .btn-white.active {
	background-color: #f5f6fa;
}

.btn-uppercase {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 1.75;
}

.btn-uppercase.btn-sm, .btn-group-sm > .btn-uppercase.btn {
	font-size: 11px;
	line-height: 1.773;
}

.btn-uppercase.btn-xs {
	font-size: 10px;
	line-height: 1.8;
}

/*
 * btn-group
 */

.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
	position: relative;
	flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
	z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
	z-index: 1;
}

.btn-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.btn-toolbar .input-group {
	width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
	margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .btn-group > .btn {
	border-radius: 0 !important;
}

.btn-group > .btn:first-child,
.btn-group > .btn-group > .btn:first-child,
.btn-group > .btn:first-child[style*="display: none"] + .btn:not(.dropdown-toggle):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]),
.btn-group > .btn-group > .btn:first-child[style*="display: none"] + .btn:not(.dropdown-toggle):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]),
.btn-group > .btn:first-child[style*="display:none"] + .btn:not(.dropdown-toggle):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]),
.btn-group > .btn-group > .btn:first-child[style*="display:none"] + .btn:not(.dropdown-toggle):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]) {
	border-top-left-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important;
}

.btn-group > .btn:last-child,
.btn-group > .btn-group > .btn:last-child,
.btn-group > .btn:last-child[style*="display: none"] ~ .btn:not(.dropdown-toggle):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]),
.btn-group > .btn:last-child[style*="display:none"] ~ .btn:not(.dropdown-toggle):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]) {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
}

.btn-group>.btn:not(:first-child):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]), .btn-group>.btn-group:not(:first-child):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]):not([style*="display: none"]):not([style*="display:none"]) {
	margin-left: -1px;
}

.btn-group-vertical {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
	width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
	margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
	margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
}

.btn-xs {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 0.25rem;
}

.btn-lg, .btn-group-lg > .btn {
	font-size: 0.875rem;
	border-radius: 0.25rem;
}

.btn-icon {
	padding-left: 10px;
	padding-right: 10px;
}

.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
	padding-left: 8px;
	padding-right: 8px;
}

.btn-icon.btn-xs {
	padding-left: 6px;
	padding-right: 6px;
}

.btn-icon svg {
	margin: 0;
}

.btn-bottom-cancel, .btn-bottom-save{
	display: none;
}

.header-table-pagination-button {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
	margin: 10px;
}

.header-table-pagination-button>div:nth-child(2n) {
	text-align: right;
}

@media (max-width: 592px) {
	.header-table-pagination-button {
		grid-template-columns: 1fr;
	}
	.header-table-pagination-button div:nth-child(2n) {
		text-align: left;
	}
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.9375rem + 2px);
	padding: 0.46875rem 0.625rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #596882;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #c0ccda;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.form-control {
		transition: none;
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #596882;
}

.form-control:focus {
	color: #596882;
	background-color: #fff;
	border-color: #7cb2fe;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(1, 104, 250, 0.25);
}

.form-control::placeholder {
	color: #7987a1;
	opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #e3e7ed;
	opacity: 1;
}

select.form-control:focus::-ms-value {
	color: #596882;
	background-color: #fff;
}

.form-control-file,
.form-control-range {
	display: block;
	width: 100%;
}

.col-form-label {
	padding-top: calc(0.46875rem + 1px);
	padding-bottom: calc(0.46875rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
}

.col-form-label-lg {
	padding-top: calc(0.6rem + 1px);
	padding-bottom: calc(0.6rem + 1px);
	font-size: 1.09375rem;
	line-height: 1.5;
}

.col-form-label-sm {
	padding-top: calc(0.391rem + 1px);
	padding-bottom: calc(0.391rem + 1px);
	font-size: 0.8125rem;
	line-height: 1.5;
}

.form-control-plaintext {
	display: block;
	width: 100%;
	padding: 0.46875rem 0;
	margin-bottom: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #001737;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
	padding-right: 0;
	padding-left: 0;
}

.form-control-sm {
	height: calc(1.5em + 0.782rem + 2px);
	padding: 0.391rem 0.5rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.form-control-lg {
	height: calc(1.5em + 1.2rem + 2px);
	padding: 0.6rem 1rem;
	font-size: 1.09375rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
	height: auto;
}

textarea.form-control {
	height: auto;
}

.form-control {
	color: #1b2e4b;
	font-size: inherit;
}

.form-control::placeholder {
	color: #c0ccda;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #f5f6fa;
}

textarea.form-control {
	min-height: 38px;
}

.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.form-inline-block {
	display: inline-block;
}

.form-inline .form-check {
	width: 100%;
}

@media (min-width: 576px) {
	.form-inline label {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
	}

	.form-inline .form-group {
		display: flex;
		flex: 0 0 auto;
		flex-flow: row wrap;
		align-items: center;
		margin-bottom: 0;
	}

	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}

	.form-inline .form-control-plaintext {
		display: inline-block;
	}

	.form-inline .input-group,
	.form-inline .custom-select {
		width: auto;
	}

	.form-inline .form-check {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		padding-left: 0;
	}

	.form-inline .form-check-input {
		position: relative;
		flex-shrink: 0;
		margin-top: 0;
		margin-right: 0.25rem;
		margin-left: 0;
	}

	.form-inline .custom-control {
		align-items: center;
		justify-content: center;
	}

	.form-inline .custom-control-label {
		margin-bottom: 0;
	}
}

/* ###### 4.10 Select2 ###### */
.select2-results__option {
	border-radius: 0;
	margin-bottom: 1px;
	font-size: inherit;
}

.select2-container--default .select2-selection--single {
	color: #596882;
	background-color: #fff !important;
	background-clip: padding-box;
	border: 1px solid #c0ccda !important;
	border-radius: 0.25rem !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height: 32px !important;
	outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #596882;
	line-height: calc(1.5em + 0.9375rem + 2px);
	padding-left: 0.625rem;
	height: 100%;
	display: flex;
	align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #7987a1;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 30px;
	height: 32px;
	line-height: calc(1.5em + 0.9375rem + 2px);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: -3px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	font-size: 20px;
	font-weight: 400;
	order: 2;
	margin-left: auto;
	margin-right: 5px;
	color: #8392a5;
	position: relative;
	z-index: 100;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover {
	color: #1b2e4b;
}

.select2-container--default .select2-selection--multiple {
	background-color: #fff;
	border-color: #c0ccda;
	border-radius: 0.25rem;
	min-height: 38px;
	outline: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0 4px;
	display: block;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	position: relative;
	margin-top: 4px;
	margin-right: 4px;
	padding: 3px 10px 3px 20px;
	border-color: transparent;
	border-radius: 0.1875rem;
	background-color: #0073c0;
	color: #fff;
	font-size: 13px;
	line-height: 1.45;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
	opacity: 1;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 7px;
	line-height: 1.2;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	opacity: .9;
	color: #fff;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #c0ccda;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #c0ccda;
	border-radius: 0;
	padding: 5px 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
	color: #8392a5;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #0073c0;
}

.select2-container--default .select2-results > .select2-results__options {
	margin: 4px;
}

.select2-container--default .select2-search--inline .select2-search__field {
	margin-top: 6px;
	line-height: 26px;
	padding-left: 10px;
	opacity: 1;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
	color: #8392a5;
	font-weight: 400;
	opacity: 1;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #f5f6fa;
}

.select2-container--default.select2-container--disabled .select2-selection__choice {
	padding-left: 10px;
	background-color: #97a3b9;
}

.select2-container--default.select2-container--disabled .select2-selection__choice .select2-selection__choice__remove {
	display: none;
}

.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple {
	background-color: #fff;
	border-color: #c0ccda;
}

.select2-container--open .select2-dropdown--above {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	top: 0;
}

.select2-dropdown {
	border-color: #c0ccda;
	z-index: 200;
}

.select2-search--dropdown {
	padding-bottom: 0;
}

.select2-results__option {
	padding: 6px 10px;
	font-size: inherit;
}

.has-success .select2-container--default .select2-selection--single {
	border-color: #10b759;
}

.has-warning .select2-container--default .select2-selection--single {
	border-color: #ffc107;
}

.has-danger .select2-container--default .select2-selection--single {
	border-color: #0C0C0C;
}

.select2-xs + .select2-container {
	font-size: 12px;
}

.select2-dropdown-xs .select2-results__option {
	font-size: 12px;
}

.select2-sm + .select2-container {
	font-size: 14px;
}

.select2-dropdown-sm .select2-results__option {
	font-size: 14px;
}

.select2-bd-0 + .select2-container--default .select2-selection--single {
	border-width: 0;
}

.select2-selection__choice .userDialogCard {
	color: #ffffff !important;
}

.select2-results__option.select2-results__option--highlighted .userDialogCard {
	color: #ffffff !important;
}

.select2-selection__choice .avatar {
	border-сolor: #000000;
}

.select2-results__option[aria-selected=true] {
	display: none;
}

/*
 * Datapicker
 */

.ui-datepicker-buttonpane button {
	display: inline-block;
	font-weight: 400;
	color: #001737;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.46875rem 0.9375rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.btn, .ui-datepicker-buttonpane button {
		transition: none;
	}
}

.ui-datepicker-buttonpane button:hover {
	color: #001737;
	text-decoration: none;
}

.ui-datepicker-buttonpane button:focus, .ui-datepicker-buttonpane button.focus {
	outline: 0;
	box-shadow: none;
}

.ui-datepicker-buttonpane button.disabled, .ui-datepicker-buttonpane button:disabled {
	opacity: 0.65;
}

.ui-datepicker {
	background-color: #fff;
	border: 1px solid rgba(72, 94, 144, 0.16);
	font-family: inherit;
	font-size: inherit;
	padding: 10px;
	margin: 1px 0 0;
	display: none;
	width: auto !important;
	z-index: 5 !important;
	border-radius: 0.25rem;
}

.ui-datepicker .ui-datepicker-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	color: #001737;
	padding: 0 0 5px;
	letter-spacing: 1px;
	border: 0;
	background-color: transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	text-indent: -99999px;
	color: #8392a5;
	top: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
	font-size: 16px;
	position: absolute;
	top: -1px;
	text-indent: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
	color: #1b2e4b;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	order: 3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
	right: 5px;
	content: '>';
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2rem;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
	left: 5px;
	content: '<';
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2rem;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
	color: #1b2e4b;
	cursor: pointer;
	top: 1px;
	border: 0;
	background-color: transparent;
}

.ui-datepicker .ui-datepicker-title {
	color: #001737;
	font-weight: 700;
	font-size: 13px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	font-size: 11px;
	border: 1px solid #c0ccda;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 2px 20px 2px 5px;
	border-radius: 0.25rem;
	position: relative;
	margin-top: -3px;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 5px center/8px 8px;
}

.ui-datepicker .ui-datepicker-year {
	margin-left: 5px;
}

.ui-widget-content {
	background: #fff !important;
}

.ui-datepicker .ui-datepicker-calendar {
	margin: 0;
	background-color: transparent;
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.ui-datepicker .ui-datepicker-calendar th {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 6px 9px;
	color: #1b2e4b;
}

@media (max-width: 320px) {
	.ui-datepicker .ui-datepicker-calendar th {
		padding: 4px 0;
		letter-spacing: normal;
	}
}

.ui-datepicker .ui-datepicker-calendar td {
	border: 1px solid #fff;
	padding: 0;
	background-color: #fff;
	text-align: right;
}

.ui-datepicker .ui-datepicker-calendar td:last-child {
	border-right: 0;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
	color: #c0ccda;
}

.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
	transition: all 0.2s ease-in-out;
	padding: 5px;
	color: #1b2e4b;
	padding: 6px 10px;
	display: block;
	font-weight: 400;
	font-size: 12px;
	border: 0;
	border-radius: 1px;
}

@media (prefers-reduced-motion: reduce) {
	.ui-datepicker .ui-datepicker-calendar td span,
	.ui-datepicker .ui-datepicker-calendar td a {
		transition: none;
	}
}

.ui-datepicker .ui-datepicker-calendar td a:hover {
	background-color: #f5f5f5;
	color: #001737;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
	background-color: #0168fa;
	color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	color: #c0ccda;
	background-color: #f5f6fa;
}

.ui-datepicker-multi .ui-datepicker-group {
	padding-right: 15px;
	width: auto;
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
	margin: auto;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
	left: 10px;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
	right: 10px;
}

.ui-datepicker-multi .ui-datepicker-group table {
	margin: 0;
}

.ui-datepicker-multi .ui-datepicker-group-last {
	padding-right: 0;
}

.ui-datepicker-inline {
	border-color: #c0ccda;
}

@media (min-width: 576px) {
	.ui-datepicker-inline {
		max-width: 270px;
	}
}

.ui-datepicker-buttonpane {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	border-top: 1px solid #e5e9f2;
	padding-top: 10px;
}

.ui-datepicker-buttonpane button {
	min-height: inherit;
	border-radius: 0.25rem;
}

/* ###### 4.1 Datatables ###### */
table.dataTable {
	border-bottom: 1px solid #e8e9eb;
}
table.dataTable.no-footer {
	border-bottom: 1px solid #e8e9eb;
}

table.dataTable thead th,
table.dataTable thead td {
	border-top-width: 0;
	border-bottom-width: 1px;
	border-bottom: 1px solid #e8e9eb;
	border-right: 1px solid #e8e9eb;
	padding: 8px 10px;
	font-weight: 500;
	font-size: inherit;
}

table.dataTable thead th:nth-last-child(1) {
	border-right: none;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	background-image: none;
	background-color: #eceff3;
	position: relative;
}

table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
	font-size: 11px;
	position: absolute;
	line-height: 0;
	top: 50%;
	right: 10px;
}

table.dataTable thead .sorting {
	background-image: none;
	position: relative;
}

table.dataTable thead .sorting::before, table.dataTable thead .sorting::after {
	font-size: 11px;
	position: absolute;
	line-height: 0;
	right: 10px;
}

table.dataTable tbody td.sorting_1 {
	background-color: #f3f4f7;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
	top: 9.5px;
	left: 7px;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-width: 0;
	box-shadow: none;
	background-color: #cdd4e0;
	font-size: 14px;
	font-weight: 700;
	color: #97a3b9;
}

table.dataTable > tbody > tr.child ul.dtr-details {
	display: block;
}

table.dataTable > tbody > tr.child span.dtr-title {
	font-weight: 500;
}

.dataTables_wrapper .dataTables_length {
	text-align: left;
}

@media (min-width: 576px) {
	.dataTables_wrapper .dataTables_length {
		float: left;
	}
}

.dataTables_wrapper .dataTables_length label {
	display: block;
	margin-bottom: 15px;
}

.dataTables_wrapper .dataTables_length .select2-container--default {
	margin-right: 5px;
}

.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single {
	height: 32px;
	border-color: rgba(72, 94, 144, 0.16);
	border-radius: 0.25rem;
}

.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 32px;
}

.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
}

.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-top-color: #97a3b9;
}

.dataTables_wrapper .dataTables_filter {
	text-align: left;
}

@media (min-width: 576px) {
	.dataTables_wrapper .dataTables_filter {
		float: right;
		margin-top: 0;
	}
}

.dataTables_wrapper .dataTables_filter label {
	display: block;
	margin-bottom: 15px;
}

.dataTables_wrapper .dataTables_filter input {
	margin-left: 0;
	border: 1px solid rgba(72, 94, 144, 0.16);
	padding: 5px 10px;
	line-height: 1.539;
	color: #001737;
	border-radius: 0.25rem;
	width: 100%;
}

@media (min-width: 576px) {
	.dataTables_wrapper .dataTables_filter input {
		width: auto;
	}
}

.dataTables_wrapper .dataTables_filter input::placeholder {
	color: #97a3b9;
}

.dataTables_wrapper .dataTables_info {
	margin-top: 15px;
	padding: 5px 0;
	text-align: left;
}

@media (min-width: 576px) {
	.dataTables_wrapper .dataTables_info {
		float: left;
	}
}

.dataTables_wrapper .dataTables_paginate {
	padding-top: 0;
	margin-top: 15px;
	text-align: left;
}

@media (min-width: 576px) {
	.dataTables_wrapper .dataTables_paginate {
		float: right;
	}
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #e3e7ed;
	padding: 5px 10px;
	margin: 0;
	border: 0;
	border-radius: 1px;
	transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		transition: none;
	}
}

.dataTables_wrapper .dataTables_paginate .paginate_button + .paginate_button {
	margin-left: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
	background-color: #eceff3;
	color: #b4bdce !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	margin-right: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
	margin-left: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
	border: 0;
	background-image: none;
	background-color: #b4bdce;
	color: #001737 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
	border: 0;
	background-image: none;
	background-color: #0168fa;
	color: #fff !important;
}

.textAboutLoyalty {
	color: red;
	margin-top: 10px;
}

.rating-star {
	display: inline-block;
	height: 100%;
	cursor: pointer;
}

.rating-star .rating-star-svg {
	fill: rgba(0, 0, 0, 0.25);
	width: 24px;
	height: 24px;
}

.rating-star.active .rating-star-svg {
	fill: rgba(255, 215, 0, 0.85);
}

.lose_filters {
	float: left;
	display: none;
	cursor: pointer;
	margin: 5px 0px;
}

.orderCardPage .iconPhoneOtherMedCard svg {
	margin-top: -5px;
}

.profilePersonalCards .user-setting-password svg{
	width: 16px;
	height: 16px;
	cursor: pointer;
}


.profilePersonalCards .user-setting-password .hide{
	display: none !important;
}

tr.headerTableSticky {
	position: sticky;
	top: 0;
	z-index: 9;
}

@media (min-width: 1200px) {
	tr.headerTableSticky {
		position: sticky;
		top: 59px;
		z-index: 10;
	}
}

.groupsHideDialog {
	max-height: 400px;
}