@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
	CONTENT LAYOUT
	Styles for content structure blocks: framed / not framed content,
	asides, etc.
========================================================================== */

/* content block with cover image */
.l-content-cover { height: 240px; width: 100%; background-size: cover; position: relative; }
.l-content-cover .cover-gradient { display: block; height: 240px; width: 100%; position: relative; left: 0; top: 0; background: url(../img/cover-gradient.png) left bottom repeat-x transparent; }

/* content block with padding */
.l-content-frame { padding: 20px; transition: padding 0.3s; }

.l-content-cover + .l-content-frame { padding-top: 20px; }




/* ==========================================================================
	CONTENT
	Styles for content: h1, ..., h4, p, ul, ol, etc.
========================================================================== */


h1 { font-family: 'PT Serif', serif !important; font-size: 36px; line-height: 36px; color: #001534; font-weight: normal; margin: 0; padding: 0; }
h2 { font-family: 'PT Sans', sans-serif !important; font-size: 30px; line-height: 36px; color: #001534; font-weight: 400; margin: 0; padding: 0; }
h3 {font-family: 'PT Sans', sans-serif !important;font-size: 24px;line-height: 24px;color: #001534;font-weight: 300;margin: 0;padding: 0;}
h4 { font-family: 'PT Sans', sans-serif !important; font-size: 14px; line-height: 24px; font-weight: 700; margin: 0; padding: 0; }
p { font-family: 'PT Sans', sans-serif !important; font-size: 14px; line-height: 24px; color: #001534; font-weight: 400; margin: 0; padding: 0; }
ul { list-style-type: disc; list-style-position: outside; font-family: 'PT Sans', sans-serif !important; font-size: 14px; line-height: 24px; font-weight: 400; margin: 0; padding: 0 0 0 20px; }
ol { list-style-type: decimal; list-style-position: outside; font-family: 'PT Sans', sans-serif !important; font-size: 14px; line-height: 24px; font-weight: 400; margin: 0; padding: 0 0 0 20px; }
ul li, ol li { padding: 0; margin: 0; }
ul li + li, ol li + li { margin-top: 12px; }
ul ul, ol ul, ol ol, ul ol { padding-left: 20px; max-width: none; }
dl { font-family: 'PT Sans', sans-serif !important; font-size: 14px; line-height: 24px; color: #fff; font-weight: 400; margin: 0; padding: 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 20px; }
dl dd + dt { margin-top: 12px; }
aside { display: block; float: right; width: 35.9%; box-sizing: border-box; }
aside:first-child { padding-top: 6px; }

h3.uppercased {text-transform: uppercase;}

/*iframe { margin: 24px 0; }*/


/* ����� ���� ����� ������� ������ ����� ����� ����� �������� ������ - ������ ������ (���������� ����� ������� ������) */
h1 + h1, h2 + h1, h3 + h1, h4 + h1, p + h1, ul + h1, ol + h1, dl + h1 { margin-top: 36px; }
h2 + h2, h3 + h2, h4 + h2, p + h2, ul + h2, ol + h2, dl + h2 { margin-top: 36px; }
h3 + h3, h4 + h3, p + h3, ul + h3, ol + h3, dl + h3 { margin-top: 24px; }
h4 + h4, p + h4, ul + h4, ol + h4, dl + h4 { margin-top: 24px; }

h1 + aside + h1, h2 + aside + h1, h3 + aside + h1, h4 + aside + h1, p + aside + h1, ul + aside + h1, ol + aside + h1, dl + aside + h1 { margin-top: 36px; }
h2 + aside + h2, h3 + aside + h2, h4 + aside + h2, p + aside + h2, ul + aside + h2, ol + aside + h2, dl + aside + h2 { margin-top: 36px; }
h3 + aside + h3, h4 + aside + h3, p + aside + h3, ul + aside + h3, ol + aside + h3, dl + aside + h3 { margin-top: 24px; }
h4 + aside + h4, p + aside + h4, ul + aside + h4, ol + aside + h4, dl + aside + h4 { margin-top: 24px; }


/* ����� ���� ����� �������� ������ ����� ����� ����� ������� ��� ������ �� ������ - ������ ���������� (���������� ��������� ������ �������) */
h2 + h3, h2 + h4, h3 + h4 { margin-top: 12px; }
h2 + p, h3 + p, h4 + p, p + p, ul + p, ol + p, dl + p { margin-top: 12px; }
h2 + ul, h3 + ul, h4 + ul, p + ul, ul + ul, ol + ul, dl + ul { margin-top: 12px; }
h2 + ol, h3 + ol, h4 + ol, p + ol, ul + ol, ol + ol, dl + ol { margin-top: 12px; }
h2 + dl, h3 + dl, h4 + dl, p + dl, ul + dl, ol + dl, dl + dl { margin-top: 12px; }
h2 + aside, h3 + aside, h4 + aside, p + aside, ul + aside, ol + aside, dl + aside { margin-top: 12px; }

h2 + aside + h3, h2 + aside + h4, h3 + aside + h4 { margin-top: 12px; }
h2 + aside + p, h3 + aside + p, h4 + aside + p, p + aside + p, ul + aside + p, ol + aside + p, dl + aside + p { margin-top: 12px; }
h2 + aside + ul, h3 + aside + ul, h4 + aside + ul, p + aside + ul, ul + aside + ul, ol + aside + ul, dl + aside + ul { margin-top: 12px; }
h2 + aside + ol, h3 + aside + ol, h4 + aside + ol, p + aside + ol, ul + aside + ol, ol + aside + ol, dl + aside + ol { margin-top: 12px; }
h2 + aside + dl, h3 + aside + dl, h4 + aside + dl, p + aside + dl, ul + aside + dl, ol + aside + dl, dl + aside + dl { margin-top: 12px; }


/* ����� ��������� ������� ������ - ������ ����� ������� ������ */
h1 + h2, h1 + h3, h1 + h4, h1 + p, h1 + ul, h1 + ol, h1 + dl, h1 + aside { margin-top: 24px; }

h1 + aside + h2, h1 + aside + h3, h1 + aside + h4 { margin-top: 24px; }
h1 + aside + p, h1 + aside + ul, h1 + aside + ol { margin-top: 24px; }


/* ����������� �� ������ ��� ��������� ������ */
/*.l-content h1, .l-content h2, .l-content h3, .l-content h4 { max-width: 59%; }*/
/*.l-content p, .l-content ul, .l-content ol, .l-content dl { max-width: 61.5%; }*/

/* ����������� �� ������ �� �������� ������ ������� */
.col h1, .col h2, .col h3 { max-width: none; }
.col p, .col ul, .col ol, .col dl { max-width: none; }
.col h4 { max-width: none;text-transform: uppercase;}

/* ������ ����������� �� ������ ��� ���������� ��������� */
.no-width-limit { max-width: none !important; }

/* resetting size limitations for nested in lists elements */
ul h1, ul h2, ul h3, ul h4, ul p { display: inline-block; margin: 0; padding: 0; max-width: none; }
ol h1, ol h2, ol h3, ol h4, ol p { display: inline-block; margin: 0; padding: 0; max-width: none; }
aside h1, aside h2, aside h3, aside h4, aside p, aside ul, aside ol, aside dl { max-width: none; }
.l-content aside h1, .l-content aside h2, .l-content aside h3, .l-content aside h4, .l-content aside p, .l-content aside ul, .l-content aside ol, .l-content aside dl { max-width: none; }

/*ul h1 a, ul h2 a, ul h3 a, ul h4 a, ol h1 a, ol h2 a, ol h3 a, ol h4 a { color: #22c8ff; }*/
/*ul h1 a:hover, ul h2 a:hover, ul h3 a:hover, ul h4 a:hover, ol h1 a:hover, ol h2 a:hover, ol h3 a:hover, ol h4 a:hover { color: #18d6ff; }*/


ul.no-bullets, ol.no-bullets { list-style-type: none; }
ul.no-bullets li + li, ol.no-bullets li + li { margin: 0; }


/* ��������� ��� ���������� ����� article (����� ��������, ������) */
article p { font-size: 16px; line-height: 24px; }


/* ������ � ���������� */
h1 a { font-family: 'PT Serif', serif !important; }
/*h1 a, h2 a, h3 a, h4 a { color: #fff; }*/
/*h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #22c8ff; }*/


/* ������� */
/* ������� � ����������� */
table {/*border-collapse: collapse; border: 9px solid #424b50; */margin: 24px 0;box-shadow: 1px #0e3d59;/*min-width: 30%; *//*max-width: 61.5%;*//* border: 1px solid #0e3d59; */}
.ie table { outline: 1px solid #2f373b; }
table th {text-align: left;vertical-align: bottom;color: #ffcb31;background-color: rgba(14, 61, 89, 0.95);font-size: 12px;line-height: 18px;font-weight: 400;padding: 9px 5px;}
table tr th:last-of-type { padding-right: 10px; }
table td {text-align: left;vertical-align: top;font-size: 14px;line-height: 20px;padding: 6px 5px;background-color: #d4eaf7;/* border-bottom: 1px solid #0e3d59; */}
table tr td:last-of-type { padding-right: 10px; }
table tr.header th {font-size: 18px;}

table td * {max-width: none !important;}

/* ����� ����� ��� ���� ������ � ����� */
table tr.odd td { background-color: #c1d5e0; }
table tr.dark td { background-color: #c1d5e0; }
table tr.total td { font-weight: bold; }
table tr.holiday td { background-color: #407fa4; color: #c1d5e0}
table tr.past td { color: #6b6b6b }
table tr.past.holiday td { color: #c1d5e0 }
table tr.today td { border-top: 3px #0e3d59 solid; border-bottom: 3px #0e3d59 solid; background-color: #ffc20d}
table tr.today.holiday td { background-color: #ffc20d; color: #121d23}
table tr.pos-dark td {background-color: rgba(189, 225, 245, 0.9);padding-bottom: 5px;padding-right: 5px;border: 1px solid #aad2ea;}
table tr.pos-light td {background-color: #d4eaf7;padding-bottom: 5px;padding-right: 5px;border: 1px solid #bcddf1;}
table tr.pos-selected td { /*background-color: #2f373b !important;*/ padding-bottom: 5px; border-bottom: 1px solid #0e3d59; }
table tr.division-line td { background: url(../img/division-line.png) left center repeat-x transparent; padding: 0; height: 18px; line-height: 18px; }
table tr.grey td, table tr.gray td { color: #999; }
table tr.comment td { padding-top: 0; }

table td .avatar { width: 24px; height: 24px; border-radius: 12px; margin-right: 10px; vertical-align: top; }
table td .team-logo { width: 24px; height: 24px; margin-right: 5px; vertical-align: top; }

table td .avatar-overflow { float: right; position: relative; display: block; width: 10px; height: 24px; }
table td .avatar-overflow .avatar { width: 72px; height: 72px; border-radius: 36px; position: absolute; bottom: -3px; right: -10px; margin: 0; padding: 0; }

table.alternated-rows-bg {
    box-shadow: 0 0px 10px 1px #eaecec;
}
table.alternated-rows-bg tr td {padding-bottom: 5px;padding-right: 5px;/* border-bottom: 1px solid #0e3d59; */}
table.alternated-rows-bg tr:nth-child(even) td {background-color: rgba(189, 225, 245, 0.8);}
table.alternated-rows-bg tr:nth-child(odd) td {background-color: rgba(212, 234, 247, 0.8);}
table.alternated-rows-bg tr.even td {background-color: rgba(189, 225, 245, 0.8);}
table.alternated-rows-bg tr.odd td {background-color: rgba(212, 234, 247, 0.8);}
table.alternated-rows-bg.bordered-cells tr:nth-child(even) td  {border: 1px solid #aad2ea;}
table.alternated-rows-bg.bordered-cells tr:nth-child(odd) td {border: 1px solid #bcddf1;}
table.alternated-rows-bg.bordered-cells tr.even td {border: 1px solid #aad2ea;}
table.alternated-rows-bg.bordered-cells tr.odd td {border: 1px solid #bcddf1;}

table.cell-centered th,
table.cell-centered td {text-align: center; vertical-align: middle}

div.alternated-rows-bg {box-shadow: 0 0 10px 1px #eaecec;}
div.alternated-rows-bg > div {padding: 5px}
div.alternated-rows-bg > div:nth-child(even)  {background-color: rgba(189, 225, 245, 0.8);}
div.alternated-rows-bg > div:nth-child(odd) {background-color: rgba(212, 234, 247, 0.8);}
div.alternated-rows-bg > div.even {background-color: rgba(189, 225, 245, 0.8);}
div.alternated-rows-bg > div.odd {background-color: rgba(212, 234, 247, 0.8);}

table.alternated-rows-bg-dbl tr td {padding-bottom: 5px; border-bottom: 1px solid #0e3d59;}
table.alternated-rows-bg-dbl tr:nth-child(n) td,
table.alternated-rows-bg-dbl tr:nth-child(n+1) td
{background-color: #d4eaf7;}
table.alternated-rows-bg-dbl tr:nth-child(2n) td,
table.alternated-rows-bg-dbl tr:nth-child(2n+1) td
{background-color: #c1d5e0;}

/* ����� ��� ����� (�������) � ������������� ������ ������ */
table th.order, table td.order { text-align: right; padding-right: 10px; }
table th.number, table td.number { text-align: right; white-space: nowrap; }
table th.action, table td.action { text-align: right; }
table td.main, table td .main {font-weight: 700;}
table th.right, table td.right { text-align: right; }
table th.center, table td.center { text-align: center; }
table td.h3 { font-size: 18px; }
table td.manager { padding-left: 44px; }
table td.manager .avatar { position: relative; left: -34px; margin-right: -34px; float: left; }
/*table td.manager a { color: #fff; }*/
/*table td.manager a:hover { color: #22c8ff; }*/
table td.country { padding-left: 37px; }
table td.country .flag { position: relative; left: -27px; margin-right: -27px; float: left; }
table td.country .fi { position: relative; left: -27px; margin-right: -27px; float: left; }
/*table td.country a { color: #fff; }*/
/*table td.country a:hover { color: #22c8ff; }*/
table td.team { padding-left: 44px; }
table td.team .team-logo { position: relative; left: -34px; margin-right: -34px; float: left; }
/*table td.team a { color: #fff; }*/
/*table td.team a:hover { color: #22c8ff; }*/
table td.teams { }
/*table td.teams a { color: #fff; }*/
/*table td.teams a:hover { color: #22c8ff; }*/
table th.team-first, table td.team-first { text-align: right; }
table td.team-first .team-logo { margin-right: 0; margin-left: 5px; float: right; }
/*table td.team-first a { color: #fff; }*/
/*table td.team-first a:hover { color: #22c8ff; }*/
table th.team-second, table td.team-second { text-align: left; }
/*table td.team-second a { color: #fff; }*/
/*table td.team-second a:hover { color: #22c8ff; }*/
table th.score-between, table td.score-between { text-align: center; }
table td.day-off { /*color: #ff5400;*/ }
table td.best { color: #00b111; }
table td.worst { color: #f36d00; }
table td.retired { color: #cb0000; }
table td.diagonal { color: #2f373b; text-align: center; }
table td.transfer-right { padding-left: 15px; padding-right: 15px; background-image: url(../img/transfer-arrow-right.png); background-position: center center; background-repeat: no-repeat; }
table td.transfer-right + td { padding-left: 0; }
table th.transfer-right + th { padding-left: 0; }
table td.transfer-both { padding-left: 15px; padding-right: 15px; background-image: url(../img/transfer-arrow-both.png); background-position: center center; background-repeat: no-repeat; }
table td.transfer-both + td { padding-left: 0; }
table th.transfer-both + th { padding-left: 0; }
table td.exchange { text-align: right; padding-right: 24px; background-image: url(../img/exchange-arrow.png); background-position: right center; background-repeat: no-repeat; }
table th.exchange { text-align: right; padding-right: 24px; }
table td.flex-content {display: flex; flex-wrap: wrap;}

#budgetProjection tr.event-record td {text-align: right; font-size: 12px; padding-top: 0; padding-bottom: 0;}

/* ����� ��� ���������� ������� */
table.calendar td.date {width: 150px}


/* �������� */
table.chess td { line-height: 18px !important; vertical-align: middle !important; height: 36px; }
table.chess td.team .team-logo { margin-top: -6px; top: 2px; }
table.chess td.score-between { color: #999; }

/* ������� �� ��������-������� */
table.form td { vertical-align: middle; height: 42px; padding-top: 9px; padding-bottom: 9px; }
table.form td.team { padding-left: 56px; font-size: 18px; line-height: 36px; }
table.form td.team .team-logo { left: -46px; margin-right: -46px; width: 36px; height: 36px; }
table.form td label { margin: 0; }
table.form td .file-ico { float: left; }
/*table.form td input[type="file"] { float: left; position: relative; left: -9999px; margin-right: -9999px; }*/

/* ������� � ������������ ������ (�� 2 �������) */
table.exchange td { vertical-align: middle !important; height: 48px; }

/* ������� � ������� �������� (������ �������, ��������) */
table.tiny th { font-size: 12px; line-height: 12px; padding-top: 9px; padding-bottom: 6px; }
table.tiny td {font-size: 13px;line-height: 14px;letter-spacing: 0.2px;}
table.tiny td .flag { margin-top: -1px; }
table.tiny td.h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding-top: 12px; }
table.tiny td.feature-level-5 { background-image: url(../img/feature-levels.png); background-position: center 0; background-repeat: no-repeat; text-align: center}
table.tiny td.feature-level-4 { background-image: url(../img/feature-levels.png); background-position: center -224px; background-repeat: no-repeat; text-align: center}
table.tiny td.feature-level-3 { background-image: url(../img/feature-levels.png); background-position: center -448px; background-repeat: no-repeat; text-align: center}
table.tiny td.feature-level-2 { background-image: url(../img/feature-levels.png); background-position: center -672px; background-repeat: no-repeat; text-align: center}
table.tiny td.feature-level-1 { background-image: url(../img/feature-levels.png); background-position: center -896px; background-repeat: no-repeat; text-align: center}


/* ������� � ������������ (�������, ������, ����������) */
table.achievements td { font-size: 12px; line-height: 18px; }
table.achievements td .flag { margin-top: 1px; }
table.achievements td.h3 { font-size: 14px; line-height: 18px; font-weight: bold; }
table.achievements tr:not(.odd) + tr:not(.odd) td { padding-top: 0; }
table.achievements tr.odd + tr.odd td { padding-top: 0; }

table td.logo, table td.logo-large { text-align: right; }
table td.logo .avatar { width: 36px; height: 36px; border-radius: 18px; }
table td.logo .team-logo { width: 36px; height: 36px; }
table td.logo-large .avatar { width: 48px; height: 48px; border-radius: 24px; }
table td.logo-large .team-logo { width: 48px; height: 48px; }

table td.buttons { text-align:right }

table tr.highlighted td,
table tr.highlighted td a {font-weight: bold}

/* ��������� ������ � ���� � ������� ������� */
h2 + table, h3 + table, h4 + table {margin-top: 10px;}


/* ������������� ������� */

table.tabs { border-collapse: collapse; outline: none; width: auto; max-width: none; min-width: none; border: 1px solid #2f373b; box-shadow: none; }
.ie table.tabs { outline: none; }
table.tabs td { font-size: 14px; line-height: 18px; padding: 3px 10px; min-width: 100px; background: none; font-weight: 400; color: #fff; vertical-align: middle; border: 1px solid #2f373b; height: 42px; text-align: center; box-sizing: border-box; }
table.tabs td a { color: #fff; }
table.tabs td.selected { background-color: #2f373b; font-weight: 700; }



/* ����� */
.l-content form { margin: 24px 0/*; max-width: 61.5%;*/ }
input { outline: none; }
label { display: block; position: relative; width: 100%; height: 42px; margin: 6px 0; }
label span { position: absolute; z-index: 3; font-size: 14px; line-height: 18px; height: 18px; padding: 0; margin: 0; top: 12px; left: 15px; width: 30%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
label .link-substitution { position: absolute; z-index: 3; font-size: 14px; line-height: 18px; height: 18px; padding: 0; margin: 0; top: 12px; right: 15px; text-align: right; }
label .link-toggle-password { position: absolute; z-index: 3; font-size: 14px; line-height: 18px; height: 18px; padding: 0; margin: 0; top: 12px; right: 15px; text-align: right; }
input[type="text"], input[type="number"], input[type="password"], input[type="email"] { width: 100%; background: #fff; box-sizing: border-box; /*box-shadow: inset 0 0 10px rgba(0,0,0,0.2);*/ border: 1px #0e3d59 solid; outline: none; /*color: #fff; */font-size: 18px; line-height: 24px; padding: 10px 20px 8px 15px; transition: background-color 0.3s; }
input[type="number"] { width: 150px }
.nice-form select {padding: 10px 20px 8px 10px; background-color: #FFF; border: 1px #0e3d59 solid;cursor: pointer}
input.date[type="text"] { width: 150px }
label span ~ input[type="text"], label span ~ input[type="password"], label span ~ input[type="email"], label span ~ input[type="number"] { padding-left: 35%; }
label .link-substitution ~ input[type="text"], label .link-substitution ~ input[type="password"] { padding-right: 20%; }
label .link-toggle-password ~ input[type="text"], label .link-toggle-password ~ input[type="password"] { padding-right: 20%; }
/*input[type="text"]:focus, input[type="password"]:focus { background: #282e31; }*/
textarea { width: 100%; background: #fff; box-sizing: border-box; /*box-shadow: inset 0 0 10px rgba(0,0,0,0.2);*/ border: 1px #0e3d59 solid;  outline: none; font-size: 14px; line-height: 24px; padding: 10px 20px 8px 15px; transition: background-color 0.3s; resize: none; }
label span ~ textarea { padding: 10px 20px 8px 35%; }
/*textarea:focus { background: #282e31; }*/

/*form table td input[type="submit"], form table td input[type="button"] { float: right; }*/
form input[type="reset"] { float: right; display: inline-block; border: none; background: none; color: #18d6ff; text-decoration: none; border-bottom: 1px dotted #18d6ff; padding: 0; margin: 0 20px 0 0; font-size: 14px; line-height: 24px; position: relative; top: 9px; }

label.with-radio, label.with-checkbox { font-size: 18px; line-height: 24px; height: 24px; padding: 6px 0; margin: 12px 0; cursor: pointer; }
label.with-radio .iradio, label.with-checkbox .icheckbox { margin-right: 10px; top: -2px; }

h2 + form, h3 + form, h4 + form { margin-top: 12px; }

form.usual input[type=text],
form.usual input[type=number] {width: auto; font-size: inherit; margin:0;padding:0;line-height: inherit}

/* ����� � ����� ����� ��� ����� (����� ���� ������ �� ��������) */
form.single-field { background: #ffffff; box-sizing: border-box; border: 1px #0e3d59 solid; outline: none; font-size: 18px; line-height: 24px; height: 56px; padding: 10px 10px 10px 15px; transition: background-color 0.3s; }
form.single-field input[type="text"], form.single-field input[type="password"] { background: none; border: none; outline: none; padding: 6px 5px 6px 0; box-sizing: border-box; width: 73%; box-shadow: none; }
form.single-field label { width: 73%; margin: 0; padding: 0; height: auto; display: inline-block; }
form.single-field label input[type="text"], form.single-field label input[type="password"] { width: 100%; height: auto; }
form.single-field input[type="submit"], form.single-field input[type="button"] { padding: 12px 15px !important; float: right; box-sizing: border-box; width: 14%; }
form.single-field input[type="reset"] { height: 36px; width: 11%; background: url(../img/icon-btn-reset-single-field.png) center 0 no-repeat; float: right; position: static; padding: 0; margin: 0; border: none; }
form.single-field input[type="reset"]:hover { background-position: center -36px; }

/* ����� � ����� ����� textarea (����� �����-������) */
form.single-text { display: inline-block; background: #ffffff; box-sizing: border-box; box-shadow: inset 0 0 10px rgba(0,0,0,0.2); border: 1px #0e3d59 solid; outline: none; font-size: 14px; line-height: 24px; padding: 10px 10px 10px 15px; transition: background-color 0.3s; }
form.single-text textarea { height: 48px; background: none; border: none; outline: none; padding: 6px 5px 6px 0; box-sizing: border-box; width: 100%; box-shadow: none; transition: height 0.3s; }
form.single-text input[type="submit"], form.single-text input[type="button"] { display: none; padding: 12px 20px !important; float: right; box-sizing: border-box; }
form.single-text.active textarea { height: 110px; }
form.single-text.active input[type="submit"], form.single-text.active input[type="button"] { display: block; }

form.popup-form table td {background-color: transparent;}
form.popup-form input[type=text],
form.popup-form input[type=number] {padding: 2px !important}

form.single-text .smile-menu { display: none; }
form.single-text.active .smile-menu { display: block; }

input[type="text"].c2 {width: 25px !important}
input[type="number"].c2 {width: 40px !important; padding: 0 2px !important}
input[type="text"].c3,
input[type="number"].c3 {width: 45px !important; padding: 0 2px !important}
input[type="text"].c4 {width: 45px !important}
input[type="number"].c4 {width: 60px !important; padding: 0 2px !important}
input[type="text"].c5 {width: 55px !important}
input[type="number"].c5 {width: 70px !important; padding: 0 2px !important}
input[type="text"].c6 {width: 65px !important}
input[type="number"].c6 {width: 80px !important; padding: 0 2px !important}

/** Для крупных элементов */
input[type="text"].c1l {width: 60px !important}
input[type="number"].c1l {width: 80px !important}
input[type="text"].c2l {width: 70px !important}
input[type="number"].c2l {width: 90px !important}
input[type="text"].c3l {width: 80px !important}
input[type="number"].c3l {width: 100px !important}
input[type="text"].c4l {width: 90px !important}
input[type="number"].c4l {width: 110px !important}
input[type="text"].c5l {width: 100px !important}
input[type="number"].c5l {width: 120px !important}


label.error input[type="text"], label.error input[type="password"] { box-shadow: 0 0 0 1px #ff0000; }
p.error { margin: 0 0 18px 0; padding: 0; font-size: 12px; line-height: 12px; color: #ff0000; }



/* ��������� ��������� */
aside .link-prev { float: left; }
aside .link-next { float: right; }

aside h2 { font-size: 18px; line-height: 24px; font-weight: 400; margin-top: 6px; }
aside.logo h2 { font-size: 24px; text-transform: uppercase}

h3 .team-logo, h4 .team-logo, p .team-logo, ul .team-logo, ol .team-logo, dl .team-logo { width: 24px; height: 24px; margin-right: 5px; vertical-align: top; margin-top: -2px; }
h1 .team-logo, h2 .team-logo { width: 36px; height: 36px; margin-right: 5px; vertical-align: top; margin-top: -2px; }

h1 .flag, h2 .flag { margin-top: 12px; }

h1 .avatar { width: 72px; height: 72px; border-radius: 36px; margin: 0 15px -20px 0; position: relative; top: -20px; vertical-align: top; }



/* ����� ������������ */
.wide {width: 100% !important;max-width: none !important;box-sizing: border-box;}

/* ����� ����� (��� ��������� ���������� ������� � �.�.) */
.short { width: 40% !important; max-width: 280px !important; }

/* ��� ����� (�������, ��������) */
.no-frame { border: none !important; outline: none !important; }

.checkable {cursor: pointer}


/* ������� */
.l-content-cover h1 { position: absolute; left: 40px; bottom: 20px; z-index: 2; transition: left 0.3s; }
.l-content-cover .team-indicator { position: absolute; top: auto; left: auto; right: 30px; bottom: 20px; float: none; margin: 0; z-index: 2; transition: right 0.3s; }

.popup-content table td {background-color: inherit}

/* messenger styles */
.chat h2 {padding-bottom: 10px}
.chat .post {width: 900px; border: 1px solid rgba(31, 150, 210, 0.3); padding: 5px; border-radius: 5px; margin: 3px;}
.chat .post .manager {font-weight: bold;}
.chat .my-post {margin-left: 53px; background-color: rgba(31, 150, 210, 0.3); width: 850px; border-style: solid;}
.chat .new-post {width: 846px; height: 3px; background-color: rgba(31, 150, 210, 0.7); margin: 1px 30px;}
.chat label {height: auto;}
.chat textarea {width: 910px; border: 1px solid rgba(31, 150, 210, 0.3); padding: 5px; border-radius: 5px; margin: 3px;}
.chat .delete-link {display: block; width: 900px; color: #AA3333; text-align: right;}
/* read indicator styles */
.chat .read-indicator {display: inline-block; margin-left: 5px; font-size: 12px; vertical-align: bottom; opacity: 0.7;}
.chat .read-indicator.sent {color: #888888;}
.chat .read-indicator.read {color: #1f96d2; font-weight: bold; opacity: 1;}
#manager-popup-notifications a {font-style: italic}
#manager-popup-notifications .unread-block {text-align: right; font-style: italic}
#manager-popup-notifications .all-notifications {text-align: right; font-style: italic}

table.selectric-content td {background: none}
table.selectric-content label {font-size: 20px; line-height: 30px}

.block-center {margin-left:auto; margin-right:auto;}

#infrastructure-change-summary tr.summary td {font-weight: bold}