/*
кастомные стили для HESK 3.x. Включаются через
@import url("/tpl/css/helpdesk_custom.css");
*/

/*добавлено для стилей базы знаний HESK 3.x 01.03.2020*/

table {
border-collapse: initial;
}

.browser-default table {
border: dashed 1px #F35924;
    border-left: solid #CA3A09 5px;
	margin: auto;
}

.browser-default table td {
border: 0;
vertical-align: middle;
	text-align: center;
	padding: 13px 0;
}

.contr {
	background-color: #f6f6f6;
	color: black;
	font-family: Open Sans, Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1rem;
    font-weight: 400;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	line-height: 20px;
}

a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

.header__inner, .breadcrumbs__inner, .ticket__body_block h1, h2, h3, h4, h5 {
  	font-family: Segoe UI, Oswald, Tahoma, Arial, Sans-serif, Open Sans !important;
	font-weight: 200 !important;
  	color: #A02900 !important;
	}
.cust-help .header__logo {
	font-weight: 400;
}

.breadcrumbs__inner {padding: 6px 0;}

.breadcrumbs {
     margin-bottom: 0px;
}
.ticket__body_block .rate { padding-top:10px;}

.ticket__body_block h1 {
  	font-size: 40px;
	line-height: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.search__title, .ticket__body_block h2 {  
  	font-size: 30px;
	line-height: 33px;
	padding-top:15px;
	margin: 50px 20px 35px;
}

.article__heading, .ticket__body_block h3 {
  	font-size: 25px;
	line-height: 28px;
	padding-top:13px;
	margin: 30px 20px 25px;
}

.navlink .navlink__title, .topics__title, .ticket__body_block h5 {
	font-size: 1rem;
	line-height: 23px;
	padding-top:13px;
	margin: 10px;
	font-weight: 400;
  	color: #A02900;
}

.preview .preview__title {
	font-size: 1.3rem;
	line-height: 23px;
	font-weight: 400;
  	color: #A02900;
}

.cust-help .lightgrey, .cust-help .ml-1 {
	font-size: .8rem;
}

.preview:hover .icon-in-circle .icon, .navlink:hover .icon-in-circle .icon, .article__heading:hover a .icon-in-circle .icon {
    fill: #A02900;}

.ticket {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ticket__body_block .block--description {
    margin: 16px 22px;
    font-family: Open Sans, Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: .1px;
}

.ticket__body_block .block--description ul{
    margin-left: 2rem;
	list-style: disc;
	}

.ticket__body_block .block--description li a:hover, a:hover{
	color : #F35924;
	text-decoration : none;
}

.ticket--article .ticket__body {
    -ms-flex-order: 1;
    order: 1;
}
.ticket__body {
    margin-right: 0;
}
.ticket--article .ticket__params {
    -ms-flex-order: 2;
    order: 2;
}
.ticket__params {
    flex-grow: 1;
}

.ticket__block-footer>* {
    margin: 20px 20px;
	font-size: 1rem;
	}

.ticket__params .params--block .list {
    font-size: 1rem;
}

.ticket--article {
  margin-top: 0px;
}

/*....добавлено для стилей базы знаний HESK 3.x 01.03.2020.....*/



/*добавлено для картинок 20.02.2018*/
	.blokimg {
	position: relative;
	font-size:80%;
	text-align:center;
	padding-bottom: 20px;
	}
	.blokimg figure{
	text-align:center;
	}
	.blokimg figcaption{
	font-size:80%;
	}
	.blokimg img {
	padding: 10px 0px 10px 0px;
	max-width: 60%;
	}
	.overlay{
	display: none;
	height: auto;
	position: absolute;
	width: auto;
	z-index: 999;
	}
	.overlay .overlay_container{
	display: table-cell;
	margin: auto;
	vertical-align: text-top;
	}
	.overlay_container img{
	background-color: #000;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	.overlay:target {
	display: table;
	}

/*конец от 20.02.2018*/

/*добавлено для кнопки download 02.11.2018*/

.button { position:relative; text-align:center; margin-bottom:30px; margin-top:30px;}
.button a:hover { text-decoration: none; }
.btn_download { text-align: left; background-image: url(/img/buttons/windows.png); background-repeat: no-repeat; background-position:10px 10px;background-color:#E46B41; !important;}
.btn_download_mac_b span, .btn_download_win_b span { font-size:50%;}
.btn_download:hover,.btn_download:focus { background-color: #CA3A09 !important;}
.btn { display:inline-block;  padding: 6px 18px;  margin: 3px 0; color: #fff !important; font-weight:700;  line-height: 18px;  text-align: center;  text-transform:capitalize; vertical-align: middle;  cursor: pointer; border: 0;  *margin-left: .3em;  -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear;  transition: all 0.3s linear; border-radius:4px;}
.btn_download_win_b, .btn_download_mac_b { width:222px; height:62px; padding-top:10px; padding-left:25px;  margin-right:10px;   font-size:1.2rem; font-weight:700; }

/*конец 02.11.2018*/




li {	line-height: 2.0;
}

.browser-default p {	line-height: 1.8;
    margin: 0 0 2em!important;
}

  img.enlarge {cursor: pointer; max-width: 300px;}
  img.enlarge:hover {max-width: 90%;}

.popup {width: 150px; cursor:pointer;}
.popup:focus {width: auto;}

/*блок заметок*/
.note { font-size:90%;border: dashed 1px #F35924;border-left:solid #CA3A09 5px;margin:40px 40px 60px;padding:15px;background-color:#FFFAF6;}
/*буквица*/
p.firstcap::first-letter {font: 30px Segoe UI, Oswald, Tahoma, Arial, Sans-serif, Open Sans;font-weight: 200;color: #A02900;float: left;margin: 0 20px;}
/*courierfont*/
.courier {font: 1.3rem Courier New;}
.space-left30 {margin-left: 30px;}
.font110 {font-size: 1.1rem; font-weight:600;}

img {max-width:900px;}

.youtube {width:560px;height:315px; }

@media screen and (max-width: 1020px) {
table.enclosing { width: 900px;}
img {max-width:660px;}
.youtube {width:420px;height:230px; }
}

@media screen and (min-width:480px) and (max-width:800px) {
table.enclosing {width: 690px;}
img {max-width:270px;}
.youtube {width:340px;height:180px;}
}

@media screen and (max-width:479px) {
table.enclosing { width: 450px;}
img {max-width:270px;}
.youtube {width:340px;height:180px; }
}

	table.data-table {
		border: 1px solid #EEE;
		margin-bottom: 2em;
		width: 90%;
	}
	table.data-table th {
		background: #EEE;
		border: 1px solid #DDD;
		color: #555;
		text-align: left;
	}
	table.data-table tr {border-bottom: 1px solid #EEE;}
	table.data-table td, table th {padding: 8px 10px;}
	table.data-table td {
		background: #F6F6F6;
		border: 1px solid #E6E6E6;
	}
	table.data-table tr.event td {background: #FCFCFC;}
	tbody{
		border: 1px solid #59727F;
	}

  img.enlarge {cursor: pointer; max-width: 500px;}
  img.enlarge:hover {max-width: none;}

.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;margin:0px auto;}
.tg td{padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg .tg-yw4l{vertical-align:top}

p.note {
	border-left:solid #CA3A09 5px;
	margin:10px 30px;
	padding:10px;
	font-size:0.9rem;}



/*++++++++++++зумин для картинок*/
figure {
	text-align:center;
	padding-bottom: 33px;
	padding-top: 13px;
}

figure img {
	max-width: 60%;
	padding: 10px 0px 5px 0px;
	max-width: 60%;
}
figure.shot {
	display: block;
    margin-top: 0;
    margin-bottom: 25px;
	}
.shot figcaption{
	font-size:80%;
	}

.shot img{
    margin-top: 2px;
    margin-right: auto;
    margin-left: auto;
    max-width: 500px;
    height: auto;
    cursor: hand;
}
img[tabindex="0"] {
	cursor: zoom-in;
}

img[tabindex="0"]:focus {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 99%;
	max-height: 99%;
	margin: auto;
	padding: 0;
	box-shadow: 0 0 20px #fff, 0 0 0 1200px rgba(100, 100, 100, .7);
}

img[tabindex="0"]:focus,
img[tabindex="0"]:focus~* {
	pointer-events: none;
	cursor: zoom-out;
}
/*----------зумин для картинок*/

/*------------аккордеон для FAQ после статьи------------*/
   .dropout input, .dropout-content { display: none; }
   .dropout {
    border: 1px solid #e9eaec;
    border-radius: 3px;
    margin-bottom: 10px;
   }
   .dropout-title {
    padding: 10px;
    display: block;
    cursor: pointer;
	text-decoration: underline;
	color: #1776ea;
   }
   .dropout-title::after {
    content: '+';
    float: right;
   }
   .dropout-content {
    padding: 10px 20px;
   }
   .dropout :checked + .dropout-title {
    background-color: #e9eaec;
    border-radius: 3px 3px 0 0;
   }
   .dropout :checked + .dropout-title::after {
    content: '−';
   }
   .dropout :checked ~ .dropout-content {
    display: block;
   }
   .dropout :checked ~ .dropout-title {
	color: #002D73;
   }
/*------------аккордеон для FAQ после статьи------------*/