/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html,
body {
	height: 100%;
	font-size: 10px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


a {
  text-decoration: none;
}
* {
  margin: 0;
  padding: 0;
  outline: none;

  box-sizing: border-box;
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: ' ';
}
.clearfix:after {
  clear: both;
}

/**********************************************/
/**********************************************/

*
{
	font-family: Roboto, sans-serif; /* Необходимо устанавливать как в "body" так и в "*", так как не все элементы наследуют */
	line-height: 1; /* Если указать в "body", то заменяется стилями браузера */
}

body
{
	min-width: 1366px;
	font-family: Roboto, sans-serif; /* Необходимо устанавливать как в "body" так и в "*", так как не все элементы наследуют */
	background-color: #ECF0F5;
	color: #333333;
	overflow-y: scroll;
	/*line-height: 1.55;*/
}
body.popup-show
{
	overflow: hidden;
}


p {
	font-size: 1.3rem;
	line-height: 1.42857143;
	color: #333333;
	margin-top: 10px;
}
p:first-of-type
{
	margin-top: 0;
}
pre
{
	font-size: 1.3rem;
	line-height: 1.5;
	white-space: pre-wrap;
}

td {
	padding: 0;
	margin: 0;
	color: #333333;
}

a {
	color: #333333;
}

small
{
	font-size: 85%;
}

h1 {font-size: 3.6rem;}
h2 {font-size: 3.0rem;}
h3 {font-size: 2.4rem;}
h4 {font-size: 1.8rem;}
h5 {font-size: 1.4rem;}
h6 {font-size: 1.2rem;}

h1, h2, h3
{
	margin-top: 20px;
	margin-bottom: 10px;
}
h4, h5, h6
{
	margin-top: 10px;
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6
{
	font-weight: 500;
	line-height: 1.1;
}
strong
{
	font-weight: 700;
}
hr
{
	border: 0;
	border-top: 1px solid #DDDDDD;

	border-image: none;
	border-style: solid none none;
	margin-bottom: 20px;
	margin-top: 20px;
}
em
{
	font-style: italic;
}
.hidden
{
	display: none !important;
}
.hover
{
	text-decoration: none;
}
.hover:hover
{
	text-decoration: underline !important;
}
.underline {
	text-decoration: underline !important;
}

.tac
{
	text-align: center !important;
}
.tal
{
	text-align: left !important;
}
.tar
{
	text-align: right !important;
}
.vat
{
	vertical-align: top !important;
}
.vam
{
	vertical-align: middle !important;
}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}

.wsnw {white-space: nowrap;}

.centerBlock
{
	margin-left: auto;
	margin-right: auto;
	width: 60% !important;
}

@media screen and (max-width: 1024px){.centerBlock{width: 100% !important;}}
@media screen and (min-width: 1025px) and (max-width: 1280px){.centerBlock{width: 100% !important;}}
@media screen and (min-width: 1281px) and (max-width: 1440px){.centerBlock{width: 90% !important;}}
@media screen and (min-width: 1441px) and (max-width: 1600px){.centerBlock{width: 80% !important;}}
@media screen and (min-width: 1601px) and (max-width: 1920px){.centerBlock{width: 70% !important;}}

.centerBlockSmall
{
	margin-left: auto;
	margin-right: auto;
	width: 40% !important;
}

@media screen and (max-width: 800px){.centerBlockSmall{width: 100% !important;}}
@media screen and (min-width: 801px) and (max-width: 1024px){.centerBlockSmall{width: 80% !important;}}
@media screen and (min-width: 1025px) and (max-width: 1280px){.centerBlockSmall{width: 70% !important;}}
@media screen and (min-width: 1281px) and (max-width: 1440px){.centerBlockSmall{width: 60% !important;}}
@media screen and (min-width: 1441px) and (max-width: 1600px){.centerBlockSmall{width: 50% !important;}}
@media screen and (min-width: 1601px) and (max-width: 1920px){.centerBlockSmall{width: 40% !important;}}

mark
{
	background-color: #E3F0F6;
	color: #333333;
	padding: 0 2px;
}
code
{
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace;

	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}

.truncate-inline-block
{
	display: inline-block;
	max-width: 100%;/*ВНИМАНИЕ! В некоторых случая это ограничение ширины все равно ничего не ограничит, так что нужно ограничивать другими способами. Помогает overflow: hidden; у родительского элемента*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}
.truncate-block
{
	display: block;
	max-width: 100%;/*ВНИМАНИЕ! В некоторых случая это ограничение ширины все равно ничего не ограничит, так что нужно ограничивать другими способами. Помогает overflow: hidden; у родительского элемента*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}
.mirrorX
{
	display: inline-block;
	-moz-transform: scale(-1, 1);    /* Gecko */
	-o-transform: scale(-1, 1);      /* Opera */
	-webkit-transform: scale(-1, 1); /* Webkit */
	transform: scale(-1, 1);         /* Standard */
	filter: FlipH;                 /* IE 6/7/8 */
}
.mirrorY
{
	display: inline-block;
	-moz-transform: scale(1, -1);    /* Gecko */
	-o-transform: scale(1, -1);      /* Opera */
	-webkit-transform: scale(1, -1); /* Webkit */
	transform: scale(1, -1);         /* Standard */
	filter: FlipV;                 /* IE 6/7/8 */
}
.mirrorXY
{
	display: inline-block;
	-moz-transform: scale(-1, -1);    /* Gecko */
	-o-transform: scale(-1, -1);      /* Opera */
	-webkit-transform: scale(-1, -1); /* Webkit */
	transform: scale(-1, -1);         /* Standard */
	filter: FlipX FlipV;                 /* IE 6/7/8 */
}
.rotate90
{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.relative{position: relative;}
.absolute{position: absolute;}

.colorPrimary{color: #3C8DBC !important;}
.colorWhite{color: #FFFFFF !important;}
.colorRed{color: #DD4B39 !important;}
.colorGreen{color: #00A65A !important;}
.colorDarkGray{color: #444444 !important;}
.colorGray{color: #777777 !important;}
.colorLightGray{color: #b7b7b7 !important;}
.colorBlack{color: #333333 !important;}

.bgColorPrimary{background-color: #3C8DBC !important;}
.bgColorGray{background-color: #F4F4F4 !important;}
.bgColorError{background-color: #DA930F !important;}
.bgColorOk{background-color: #00A65A !important;}
.bgColorRed{background-color: #DD4B39 !important;}
.bgColorAqua{background-color: #00C0EF !important;}
.bgColorAttention{background-color: #F39C12 !important;}

.f-s {font-size: 1.1rem !important}
.f-m {font-size: 1.3rem !important}
.f-l {font-size: 1.8rem !important}
.f-xl {font-size: 2.4rem !important}

.lh { line-height: 1.42857143; }

/*****************************************/
/* margins and paddings */
/*****************************************/

.m-0 {margin: 0 !important;}

.m-xs {margin: 2px !important;}
.m-s {margin: 5px !important;}
.m-m {margin: 10px !important;}
.m-l {margin: 15px !important;}
.m-xl {margin: 20px !important;}

.m-l-0 {margin-left: 0 !important;}
.m-l-xs {margin-left: 2px !important;}
.m-l-s {margin-left: 5px !important;}
.m-l-m {margin-left: 10px !important;}
.m-l-l {margin-left: 15px !important;}
.m-l-xl {margin-left: 20px !important;}

.m-r-0 {margin-right: 0 !important;}
.m-r-xs {margin-right: 2px !important;}
.m-r-s {margin-right: 5px !important;}
.m-r-m {margin-right: 10px !important;}
.m-r-l {margin-right: 15px !important;}
.m-r-xl {margin-right: 20px !important;}

.m-t-0 {margin-top: 0 !important;}
.m-t-xs {margin-top: 2px !important;}
.m-t-s {margin-top: 5px !important;}
.m-t-m {margin-top: 10px !important;}
.m-t-l {margin-top: 15px !important;}
.m-t-xl {margin-top: 20px !important;}

.m-b-0 {margin-bottom: 0 !important;}
.m-b-xs {margin-bottom: 2px !important;}
.m-b-s {margin-bottom: 5px !important;}
.m-b-m {margin-bottom: 10px !important;}
.m-b-l {margin-bottom: 15px !important;}
.m-b-xl {margin-bottom: 20px !important;}

.p-0 {padding: 0 !important;}
.p-xs {padding: 2px !important;}
.p-s {padding: 5px !important;}
.p-m {padding: 10px !important;}
.p-l {padding: 15px !important;}
.p-xl {padding: 20px !important;}

.p-l-0 {padding-left: 0 !important;}
.p-l-xs {padding-left: 2px !important;}
.p-l-s {padding-left: 5px !important;}
.p-l-m {padding-left: 10px !important;}
.p-l-l {padding-left: 15px !important;}
.p-l-xl {padding-left: 20px !important;}

.p-r-0 {padding-right: 0 !important;}
.p-r-xs {padding-right: 2px !important;}
.p-r-s {padding-right: 5px !important;}
.p-r-m {padding-right: 10px !important;}
.p-r-l {padding-right: 15px !important;}
.p-r-xl {padding-right: 20px !important;}

.p-t-0 {padding-top: 0 !important;}
.p-t-xs {padding-top: 2px !important;}
.p-t-s {padding-top: 5px !important;}
.p-t-m {padding-top: 10px !important;}
.p-t-l {padding-top: 15px !important;}
.p-t-xl {padding-top: 20px !important;}

.p-b-0 {padding-bottom: 0 !important;}
.p-b-xs {padding-bottom: 2px !important;}
.p-b-s {padding-bottom: 5px !important;}
.p-b-m {padding-bottom: 10px !important;}
.p-b-l {padding-bottom: 15px !important;}
.p-b-xl {padding-bottom: 20px !important;}

/*****************************************/
/* tables, rows and columns */
/*****************************************/

.table
{
	display: table !important;
	width: 100%;
}
.table.table-ambient
{
	width: auto;
}
.row
{
	display: table-row !important;
	width: 100%;
}
tr.disabled td:not(.notDisabled),
.row.disabled > .col:not(.notDisabled)
{
	background-color: #D9D9D9;
	/*color: #AC2925;*/
	opacity: 0.3;
}
.col
{
	display: table-cell !important;
	vertical-align: top;
}
.col.hidden
{
	display: none !important;
}
.col-ambient {width: 1% !important; min-width: 1px !important;}
.col-auto {width: auto !important; min-width: auto !important;}
.col-1 {width: 100% !important;}
.col-2 {width: 50% !important;}
.col-3 {width: 33.33% !important;}
.col-4 {width: 25% !important;}
.col-5 {width: 20% !important;}
.col-10 {width: 10% !important;}

.col-separator,
.col-separator-s
{width: 0.1%;}
.col-separator > *
{width: 26px;}
.col-separator-s > *
{width: 13px;}

.col-marked {background-color: #CCE1ED}
.row.disabled .col.col-marked:not(.notDisabled)
{
	background-color: #E4EBEF;
}

/*****************************************/
/* lists in text */
/*****************************************/

ul li,
ol li
{
	color: #333333;
}

ul.text,
ol.text
{
	margin-top: 10px;
	padding-left: 20px;
}
ul.text
{
	list-style-position: outside;
	list-style-type: disc;
}
ol.text
{
	list-style-position: outside;
	list-style-type: decimal;
}
ul.text li,
ol.text li
{
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.42857143;
	color: #333333;
}

/*****************************************/
/* additionalContent */
/*****************************************/

.additionalContent
{
	text-align: left;
	padding: 10px;
	margin-top: 20px;
	background-color: #F3F3F3;
	font-family: System;
	font-size: 1.4rem;
	color: #000000;
	position: relative;
	z-index: 9099;
}
.additionalContent *
{
	text-align: left;
	font-size: 1.4rem;
}
.additionalContent .db-error,
.additionalContent .db-log,
.additionalContent .debug,
.additionalContent .output,
.additionalContent .statistics
{
	margin-top: 20px;
	border-left: 2px solid #A09B9D;
	padding-left: 10px;
}
.additionalContent .db-error:first-of-type,
.additionalContent .db-log:first-of-type,
.additionalContent .debug:first-of-type,
.additionalContent .output:first-of-type,
.additionalContent .statistics:first-of-type
{
	margin-top: 0;
}
.additionalContent .db-error > .title,
.additionalContent .db-log > .title,
.additionalContent .debug > .title,
.additionalContent .output > .title,
.additionalContent .statistics > .title
{
	font-weight: bold;
	margin-bottom: 10px;
}

.additionalContent .db-error .description,
.additionalContent .db-error .code,
.additionalContent .db-error .query
{
	margin-top: 10px;
}
.additionalContent .db-error .query
{
	padding: 10px;
	background-color: #EAEAEA;
}
.additionalContent .db-log .queries-total
{
	margin-top: 10px;
}
.additionalContent .db-log .queries > div
{
	margin-top: 20px;
}
.additionalContent .db-log .query
{
	padding: 10px;
	background-color: #EAEAEA;
}
.additionalContent .db-log .time
{
	margin-top: 5px;
}
.additionalContent .debug p
{
	color: #3C8DBC;
	margin-top: 20px;
}
.additionalContent .debug p i
{
	color: #000000;
}
.additionalContent .statistics .time,
.additionalContent .statistics .length,
.additionalContent .statistics .maxRam
{
	margin-top: 10px;
}

/*****************************************/
/* mainContent */
/*****************************************/

.mainContent
{
	margin-left: 220px;
	padding-top: 100px;
	transition: all 0.3s ease 0s;
	background-color: #ECF0F5;
	height: 100%;
}

.mainContent > .content
{
	position: relative;
	z-index: 10;
	padding: 0 15px 15px 15px;
	height: 100%;
	/*overflow: hidden;*/
}
.mainContent > .content .paddingBlock
{
	padding: 30px 0px;
}

body.mainMenuCollapsed .mainContent
{
	margin-left: 50px;
	transition: all 0.3s ease 0s;
}

/* Используется, например, для страниц с фильтрами */
.mainContent > .content > .panel
{
	padding: 0;
}

.mainContent .panel:last-child
{
	margin-bottom: 15px;
}

/*****************************************/
/* footer */
/*****************************************/

.footer
{
	position: fixed;
	z-index: 996;
	bottom: 0px;
	left: 0px;
	border-top: 1px solid #3C8DBC;
	background-color: #3C8DBC;
	box-shadow: 0 -2px 2px -3px rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	transition: all 0.3s ease 0s;
}
.footer *
{
	color: #FFFFFF;
}
.footer .col
{
	vertical-align: middle !important;
	height: 50px;
}
.footer .stretch
{
	width: 220px;
	transition: all 0.3s ease 0s;
}
body.mainMenuCollapsed .footer .stretch
{
	width: 50px;
	transition: all 0.3s ease 0s;
}
.footer .footerContent
{
	padding-left: 15px;
	padding-right: 15px;
}
.footer ~ .mainContent > .content
{
	padding-bottom: 50px;
}
.footer ~ .upButton
{
	bottom: 75px
}

/*****************************************/
/* badge */
/*****************************************/

.badge
{
	position: relative;
	display: inline-block;
	background-color: #DD4B39;
	border: 1px solid transparent;
	border-radius: 16px;
	min-width: 12px;
	padding: 5px 8px;
	line-height: 1;
	font-size: 1.6rem;
	font-weight: 700;
	white-space: nowrap;
	text-align: center;
	color: #FFFFFF;
}
.badge-above
{
	position: absolute;
	z-index: 3;
}

.badge-xxs
{
	border-radius: 10px;
	padding: 1px 3px;
	font-size: 1rem;
	font-weight: 400;
}
.badge-xs
{
	border-radius: 8px;
	padding: 2px 5px;
	font-size: 1.1rem;
	font-weight: 400;
}
.badge-s
{
	border-radius: 10px;
	padding: 3px 5px;
	font-size: 1.2rem;
}
.badge-l
{
	border-radius: 18px;
	padding: 7px 11px;
	font-size: 2.2rem;
}

/*****************************************/
/* badge */
/*****************************************/

.sbtn
{
	background-image: none;
	border: 1px solid transparent;
	border-radius: 18px;
	cursor: pointer;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2.5;
	margin-bottom: 0;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	transition: all 0.3s ease 0s;
	outline: none;
	position: relative;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently not supported by any browser */

}

.sbtn + .sbtn
{
	margin-left: 15px;
}

.sbtn
{
	background-color: #F4F4F4;
	border-color: #DDDDDD;
	color: #444444;
}
.sbtn:hover
{
	background-color: #E7E7E7;
	border-color: #C6C6C6;
	color: #444444;
}
.sbtn:focus
{
	background-color: #D4D4D4;
	border-color: #A0A0A0;
	color: #444444;
}
.sbtn:disabled,
.sbtn.disabled
{
	cursor: default;
	opacity: 0.3;
}
.sbtn:disabled:hover,
.sbtn.disabled:hover
{
	background-color: #F4F4F4 !important;
}
.sbtn:disabled:focus,
.sbtn.disabled:focus
{
	background-color: #F4F4F4 !important;
}

.sbtn-selected
{
	background-color: #3C8DBC;
	border-color: #3C8DBC;
	color: #FFFFFF;
}
.sbtn-selected:hover
{
	background-color: #367FA9;
	border-color: #367FA9;
	color: #FFFFFF;
}
.sbtn-selected:focus
{
	background-color: #204D74;
	border-color: #204D74;
	color: #FFFFFF;
}
.sbtn-selected:disabled:hover,
.sbtn-selected.disabled:hover
{
	background-color: #3C8DBC !important;
}
.sbtn-selected:disabled:focus,
.sbtn-selected.disabled:focus
{
	background-color: #3C8DBC !important;
}

.sbtn-xs
{
	border-radius: 10px;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 1.5;
	font-size: 1rem;
}
.sbtn-s
{
	border-radius: 13px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 2;
	font-size: 1.2rem;
}
.sbtn-l
{
	border-radius: 22px;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 2.5;
	font-size: 1.8rem;
}

/*****************************************/
/* block */
/*****************************************/

.block
{
	border: 1px solid #DDDDDD;
	padding: 20px;
	background-color: #FFFFFF;
}
.block-title
{
	font-size: 1.8rem;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

/*****************************************/
/* upButton */
/*****************************************/

.upButton
{
	position: fixed;
	display: none;
	bottom: 65px;
	right: 30px;
	z-index: 13;
	background-color: #3C8DBC;
	width: 40px;
	height: 40px;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 20px;
	box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	opacity: 0.3;
}
.upButton i
{
	position: relative;
	top: 4px;
	font-size: 2.4rem;
	color: #FFFFFF;
	font-weight: 100;
}
.upButton:hover
{
	opacity: 1;
}

/*****************************************/
/* PageSimpleView */
/*****************************************/

.pageSimpleView .contentHeader
{
	display: none !important;
}
.pageSimpleView .mainContent
{
	padding: 0;
	margin: 0;
}

/*****************************/
/*dividers*/
/*****************************/

.divider
{
	display: block;
	margin: 15px 0;
	overflow: hidden;
	text-align: center;
}
.divider-content
{
	display: inline-block;
	padding: 0 15px;
	position: relative;
}
.divider-content::after
{
	left: 100%;
}
.divider-content::after,
.divider-content::before
{
	background-color: #ddd;
	content: "";
	display: block;
	height: 1px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 2000px;
}
.divider-content::before
{
	right: 100%;
}

/*****************************/
/*underconstruction*/
/*****************************/

.underconstruction
{
	text-align: center;
}
.underconstruction div:first-child
{
	color: #3C8DBC;
}
.underconstruction.xl div:first-child
{
	font-size: 20rem;
}
.underconstruction.xl div:last-child
{
	font-size: 5rem;
}
.underconstruction.l div:first-child
{
	font-size: 10rem;
}
.underconstruction.l div:last-child
{
	font-size: 2.5rem;
}

/****************************************/

.box
{
	display: block;
	min-height: 90px;
	background: #FFFFFF;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
}
.box > .icon
{
	display: block;
	float: left;
	text-align: center;
	font-size: 5rem;
	padding-left: 20px;
	padding-top: 20px;
	color: #FFFFFF;
}
.box.box-white > .icon
{
	color: #777777;
}
.box .icon + .box-content
{
	margin-left: 90px;
}
.box .box-content
{
	padding: 20px;
}
.box .box-text
{
	text-align: right;
	display: block;
	font-size: 1.4rem;
	line-height: 1.42857143;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #FFFFFF;
}
.box.box-white .box-text
{
	color: #777777;
}
.box .box-number
{
	text-align: right;
	margin-top: 10px;
	display: block;
	font-size: 3.2rem;
	color: #FFFFFF;
}
.box.box-white .box-number
{
	color: #777777;
}

/*******************************/

.box2
{
	display: block;
	min-height: 90px;
	background: #FFFFFF;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
}

.box2 .box2-content
{
	padding: 10px;
}
.box2 .box2-title
{
	text-align: center;
	display: block;
	font-size: 1.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777777;
}
.box2 .box2-number
{
	text-align: center;
	margin-top: 10px;
	display: block;
	font-size: 3.2rem;
	color: #777777;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box2 .box2-text
{
	text-align: center;
	display: block;
	margin-top: 10px;
	font-size: 1.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777777;
}

/*******************************/
/*******************************/

.pageVideoList
{
	/*width: 750px;*/
	max-width: 750px !important;
}
.pageVideoListItem
{
	float: left;
	margin-bottom: 26px;
	width: 365px;
}
.pageVideoListItem:nth-child(odd)
{
	margin-right: 20px;
}
.pageVideoListItem .title
{
	font-size: 1.4rem;
	padding-top: 10px;
}

/************************************/
/************************************/

.justCreatedSiteForm .logo
{
	height: 29px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 30%;
}

/************************************/
/************************************/

.generalUserDataEditForm .logo
{
	height: 29px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 30%;
}

/************************************/
/************************************/

.rowImage
{
	display: flex;
	align-items: start;
	margin: 0 auto;
	text-align: center;
	width: 60px;
	height: 60px;
}
.rowImage img
{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}
.adminUserProfileLetter
{
	display: inline-block;
	border-radius: 100%;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 2.6rem;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}
.adminUserProfileImage
{
	display: inline-block;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 50px;
	height: 50px;
	line-height: 50px;
}
/************************************/
/************************************/

.progress-bar
{
	background-color: #E3F0F6;
	border-radius: 2px;
}
.progress-bar > *
{
	background-color: #3C8DBC;
	height: 4px;
	border-radius: 2px;
}

/************************************/
/************************************/

div#chatra
{
	/*right: 220px!important;*/
	right: 30px!important;
	z-index: 999 !important;
}

/************************************/
/* cmButton */
/************************************/

.cmButton
{
	display: block;
	position: fixed;
	padding: 0px 15px;
	bottom: 20px;
	right: 30px;
	z-index: 997;
	background-color: #3C8DBC;
	line-height: 38px;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px;
	/*box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.5);*/
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 3px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.3);
	cursor: pointer;
	font-size: 1.5rem;
	color: #FFFFFF;

	-webkit-transition: .2s linear;
	transition: .2s linear;
	transition-property: all;
	-webkit-transition-property: -webkit-box-shadow;
	transition-property: -webkit-box-shadow;
	transition-property: box-shadow;
	transition-property: box-shadow, -webkit-box-shadow;
}
.cmButton:hover
{
	webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1),0 0 15px rgba(0,0,0,0.4);
	box-shadow: 0 0 3px rgba(0,0,0,0.1),0 0 15px rgba(0,0,0,0.4);
}
.cmButton i
{
	position: relative;
	top: 4px;
	font-size: 2.4rem;
	color: #FFFFFF;
	font-weight: 100;
	margin-right: 10px;
}

/**********************************/
/**********************************/

.urlTitleInEditField
{
	color: #3C8DBC;
	display: inline-block;
	border-bottom: 1px dotted #3C8DBC;
}

/**********************************/
/**********************************/

.criticalMessageStretch
{
	height: 50px;
}
.criticalMessage
{
	position: fixed;
	z-index: 997;
	top: 50px;
	left: 0;
}
.criticalMessage.fancybox-margin
{
	width: calc(100% - 17px);
}
.criticalMessage > .row > .col
{
	vertical-align: middle !important;
	height: 50px;
}
.criticalMessage .stretch
{
	width: 220px;
	transition: all 0.3s ease 0s;
}
body.mainMenuCollapsed .criticalMessage .stretch
{
	width: 50px;
	transition: all 0.3s ease 0s;
}

.criticalMessage ~ .contentHeader
{
	top: 100px !important;
}

.criticalMessage .criticalMessageImageCol
{
	vertical-align: middle !important;
	width: 50px;
}
.criticalMessage .criticalMessageTextCol
{
	position: relative;
	height: 50px;
}
.criticalMessage .criticalMessageTextContainer
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.criticalMessage .criticalMessageTextContainer
{
	line-height: 50px;
}
.criticalMessage .criticalMessageButtonCol
{
	vertical-align: middle !important;
	width: 370px;
}

/**********************************/
/**********************************/

.blankMessage
{
	line-height: 50px;
	font-size: 2rem;
	text-align: center;
}