/* Start:/bitrix/templates/g-rain-help/template_styles.css?176615533313801*/
body { background-color: white; padding: 0; margin: 0 }

.cursorlink { cursor: pointer; cursor: hand }
div.gclear, div.gclearl { clear: left; *font-size: 0 }
div.gclearr { clear: right; *font-size: 0 }

a * { *cursor: hand } /* ie cursor hack */

div.main-container {  }

div.main-footer-bottom { padding-bottom: 5px; text-align: center; font: 11px Arial; color:#555555 }
div.main-footer-bottom a { color:#888888 }

/* main page frame */
div.main { background: white ; min-width: 800px; zoom: 1 }

div.main-header { height: 30px; background: #DADADA }

div.main-header div.auth-block { font: 12px Arial; float: right; padding: 10px 12px 0 0; line-height: 1.0; color: #555555 }
div.main-header div.auth-block a { color: #888888 }
div.main-header div.auth-block img { vertical-align: top }

div.main-header div.main-header-logo { float: left; font: 16px Tahoma; line-height: 1.0; padding: 6px 20px 0 12px; font-weight: bold }
div.main-header div.main-header-logo a { color: #A0A0A0; text-decoration: none; letter-spacing: 1px }

a.site-switch-selected { font-weight: bold }

#login-form-window
{
	display:none;
	border:1px solid #888888;
	background:#F3F3F3;
	padding:10px;
	z-index:10000;
	position:absolute;
	top:10%;
	left:45%;
	width:200px;
	color: #888888;
	font: 12px Arial;
}

#login-form-window a
{
	color: #777777;
}

#login-form-window table td
{
	padding: 2px;
}


div.content { min-height: 500px; padding: 20px 30px; }


div.content div.page-content h1 { font: 24px Arial; color: #777777; margin: 35px 0 25px 0; padding: 0; border-bottom: 2px solid #888888 }
div.content div.page-content h2 { font: 20px Arial; color: #777777; margin: 35px 0 20px 0; padding: 0; border-bottom: 1px solid #888888 }
div.content div.page-content h3 { font: 17px Arial; color: #777777; margin: 30px 0 15px 0; padding: 0; border-bottom: 1px dashed #888888 }
div.content div.page-content h4 { font: 15px Arial; color: #555555; margin: 22px 0 15px 0; padding: 0; border-bottom: 1px dashed #888888 }
div.content div.page-content p { font: 14px Arial; color: #555555; margin: 10px 0 10px 0; padding: 0; line-height: 1.5 }
div.content div.page-content pre { font: 14px Courier; color: #555555; margin: 10px 0 10px 0; padding: 4px 12px; line-height: 1.5; overflow-x: auto; background: #F2F2F2; border: 1px solid #888888; }
div.content div.page-content pre.syntax-highlight { line-height: 0.75 }


div.content div.page-content ul { list-style-type: disc; margin-top: 5px; color: #888888; margin-left: 15px }
div.content div.page-content ul li { margin-left: 15px; line-height: 1.5; color: #555555; font: 14px Arial; margin-bottom: 6px; margin-top: 6px }
div.content div.page-content ol { list-style-type: decimal; margin-top: 5px; color: #888888; margin-left: 15px }
div.content div.page-content ol li { margin-left: 15px; line-height: 1.5; color: #555555; font: 14px Arial; margin-bottom: 6px; margin-top: 6px }
div.content div.page-content table.page-table { width: 100%; border: 2px solid #BBBBBB; border-collapse: collapse }
div.content div.page-content table.page-table td { padding: 20px 10px; border: 1px dashed #888888 }
div.content div.page-content p.illustration-no-border { text-align: center }
div.content div.page-content p.illustration { text-align: center }
div.content div.page-content p.illustration img {
	-webkit-box-shadow: 3px 3px 3px 3px #AAAAAA;
	-moz-box-shadow: 3px 3px 3px 3px #AAAAAA;
	box-shadow: 3px 3px 3px 3px #AAAAAA; 
}

div.page-header { display: block; border-bottom: 2px solid #BBBBBB; color: #888888; margin-bottom: 20px; padding-bottom: 5px  }
h1.page-header, h4.page-header { display: block; margin: 0 183px 0 0; padding: 0; font: 25px Times New Roman; color: #888888; letter-spacing: 3px; word-spacing: 6px; line-height: 1.1 }
div.page-social { float: right; padding-top: 30px }

h1.page-header:first-letter, h4.page-header:first-letter { font-size: 50px; color: #969696; }

div.page-nav-chain { position: absolute; margin-left: 50px; margin-top: 3px; font: 12px Arial; color: #888888 }
div.page-nav-chain a { font: 12px Arial; color: #888888 }

div.main-menu-list { font: 12px Arial; line-height: 1.0; float: left; padding: 10px 0 0 12px }
div.main-menu-list a { color: #888888; margin-right: 10px }
div.main-menu-list a.selected { text-decoration: none; font-weight: bold }
div.main-menu-list a.local { text-decoration: none; border-bottom: 1px dashed #888888 }

div.left-menu-block { padding-bottom: 10px; margin-bottom: 15px; margin-top: -10px; border-bottom: 1px solid #888888; color: #888888; font: 13px Arial }
div.left-menu-block a { font: 13px Arial; color: #888888 }
div.left-menu-block a.selected { text-decoration: none; font-weight: bold }

div.bottom-menu-block { padding: 12px 0; margin: 0 40px; text-align: center; border-top: 1px dashed #888888; color: #888888; font: 13px Arial }
div.bottom-menu-block a { font: 13px Arial; color: #888888 }
div.bottom-menu-block a.selected { text-decoration: none; font-weight: bold }
div.bottom-menu-block a.local { text-decoration: none; border-bottom: 1px dashed #888888 }

div.bottom-menu { position: relative }
div.bottom-menu div.bottom-menu-left-social { position: absolute; left: 0px; top: -8px }
div.bottom-menu div.bottom-menu-right-social { position: absolute; right: 0px; top: -8px }

div.content { font: 15px Arial; color: #5F5F5F }
div.content a { color: #777777 }


/* components list */

div.component-list { padding: 0 0 20px 0 }

div.component-list div.component-list-price {
	float: left;
	border: 1px solid #888888;
	padding: 4px 8px;
	margin: 12px 0;
	font: 14px Times New Roman;
	line-height: 1.0;
	letter-spacing: 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* background: #EAEAEA; */
}

/* Adversting banners */

div.adv-top-banner { padding-bottom: 15px; text-align: center }
div.adv-bottom-banner { padding-top: 15px; text-align: center }

/* Forms */

div.webform { }
div.webform div.webform-caption { padding: 5px 0; font: 15px/1.2 Arial; }
div.webform div.webform-buttons { padding: 15px 0 5px 0; }
div.webform select, div.webform input[type=text], div.webform textarea { 
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}
div.webform .webform-req { color: #D40000 }
div.webform .errortext { color: #D40000 }
div.webform .webform-ok-text { color: green }

/* tables (from bootstrap) */

  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/* End */
/* /bitrix/templates/g-rain-help/template_styles.css?176615533313801 */