﻿

.dx-datagrid-summary-item {
    margin: -1px 0px 0px 71px !important;
}
#inst {
   margin: -1px 3% 0px 0px !important;
   opacity: 0.7 !important;
}
@media (max-width: 768px) {
.dx-datagrid-summary-item {
    top: auto !important;
    bottom: 0px !important;
    left: 0px !important;
    margin: -1px 0px 0px 0px !important;
    background: #ffffff !important;
    color: #FF4338 !important;
}
#inst {
   margin: -1px 57% 0px 0px !important;
   opacity: 0.3 !important;
}
}



.author .img-container_item {
    width:50px !important;
}





.dx-data-row .cell-highlighted {
    color:#008A6A;
}

.dx-data-row .cell-info {
    font-size:85%;
}


/*http://forum.ru-board.com/topic.cgi?forum=31&topic=20285&start=20#16*/
/*СКРЫТИЕ ДВУХ ЯЧЕЕК*/
/*---------------------------------------------------------*/
/*
.dx-datagrid-headers {
  background: transparent;
}
.dx-datagrid-headers .dx-header-row td:not(:first-child) {
  background: #1E1E20;
}
.dx-datagrid-headers .dx-datagrid-filter-row td:not(:first-child) {
  background: white;
}
*/



.dx-datagrid-filter-row .img-style{
    background: #333; /* For browsers that don't support RGBA */
    background: rgba(0,0,0,0.0);
}



.dx-header-row .img-style{
font-size:115%;
font-weight:bold;
    color: white;
    text-shadow: 0 1px black;
    background: #333; /* For browsers that don't support RGBA */
    background: rgba(0,0,0,0.15);
    padding: 4px 8px;

}



div.img-container img {
    filter: brightness(85%);
}
div.img-container img:hover {
    filter: brightness(100%);
}



/** {
  background-color:#ffffff; *//*F5F5EA*//*
}*/
.img-container_item {
  background-color:#F2DEB9;
  width: 100%;
}
/*.img-container {
 margin: -10px -6px -10px -6px!important; 
}*/








/*    background: linear-gradient(145deg, #1f3c8e, #0000FF);*/


/* смещен фильтр из первого столбца*/
.a .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    background: #273039 !important; Xdisplay: none !important; margin:0px 0px 0px -26px !important;
}





/* ПОДСВЕТКА ВВОДА В INPUT ===================================================================
<input onkeyup='fix(this)' type='text' minlength='1' required title='' id='id_input' class='class_input' Xplaceholder='Поиск'>*/
.a input, .b input, .c input, .d input {
       background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24px' Xwidth='130px' style='padding-left: 27px !important; font-family: Segoe UI,SFUIDisplay,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;'><text x='0' y='17' fill='deeppink' font-size='15'>Фильтр…</text></svg>") !important;
       background-repeat: no-repeat !important;
}
.e input, .f input{
       background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24px' Xwidth='130px' style='padding-left: 27px !important; font-family: Segoe UI,SFUIDisplay,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;'><text x='0' y='17' fill='gray' font-size='15'>Фильтр…</text></svg>") !important;
       background-repeat: no-repeat !important;
}
.a input:focus,
.b input:focus,
.c input:focus,
.d input:focus,
.e input:focus,
.f input:focus,
.a input:valid,
.b input:valid,
.c input:valid,
.d input:valid,
.e input:valid,
.f input:valid {background-image:none !important; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24px' Xwidth='130px'><text x='0' y='17' fill='white' font-size='15'> </text></svg>") !important;
}
input:valid  {
  background-color: #FFE5EC !important;
  border: 2px solid #F44A57;  /*focus поиска!!!!!!!!!!!!!!!!!!!!!!!*/
  height: 24px;
}
/*
.dx-show-clear-button .dx-icon-clear {
  display: inline;
  z-index: 100;
}
*/



/*https://itchief.ru/html-and-css/media-queries*/

/*
@media (max-width: 55700px) {
.dx-data-row .a   {width: 50px !important;}
.dx-data-row .b   {width: 600px !important;}
.dx-data-row .c   {display:none !important;}
.dx-data-row .d   {width: 600px !important;}
.dx-data-row .e   {display:none !important;}
.dx-button-mode-contained {background-color: #EA93A0;}
}
*/


.dx-nodata {color:#444444;}
.dx-nodata .nd-code {color:#F44A57; font-size:15px;}
.dx-nodata r {color: #F44A57 !important; font-size:15px;}
.dx-nodata r2 {font-style:italic;}
.dx-nodata code {
	white-space:nowrap !important;
	padding: 0px .2em;
	background-color: #EAFFED; color: #008000;
	border-radius: 3px;
	font-size:15px;
	font-smooth: auto;
	word-wrap: break-word;
}


/*#### For the "inset" look only */
html {
    overflow: auto;
    max-width: 100%; 	/*Add*/
    overflow-x: hidden; /*Add*/
}
/*#### Let's get this party started (для определенных значений - возникает 2px border) */
::-webkit-scrollbar {
    width: 10px;
}
/*#### Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*#### Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(244,74,87,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(244,74,87,0.4);
}
/*#### Выделение верхней/левой половины трека */
/*::-webkit-scrollbar-track-piece:start {
	background: rgba(150,150,150,0.4); 
}*/
/*#### Handle on hover */
::-webkit-scrollbar-thumb:hover {
    width:20px; Xborder-radius:20px !important; 
    background-color:rgba(144,144,144,0.7);
}


/*peretekanie cveta*/
/*
.dx-data-row .b,.dx-data-row .c,.dx-data-row .d,.dx-data-row .e   {
    background: #FFF9DC;
    background: -moz-linear-gradient(-45deg, #FFFFDF 0%, #FFE9CF 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#FFFFDF), color-stop(100%,#FFE9CF));
    background: -o-linear-gradient(-45deg, #FFFFDF 0%, #FFE9CF 100%);
    background: linear-gradient(-45deg, #FFFFDF 0%, #FFE9CF 100%);
    border: solid 1px #DEC9AF;
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
*/






.dx-header-row > td {white-space:nowrap !important;} /*запрет перевода строки в верхнем фрейме*/



/*колоноки*/
.dx-data-row .a   {}
.a .dx-placeholder {color: #9EA5B4 !important;}
.a .dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon { /*знач*/
    color: #9EA5B4 !important;}
.dx-data-row .b   {font-weight:500 !important;}
.dx-data-row .c   {XXXfont-style:italic; XXXwhite-space:nowrap !important;/*!!!*/}
.c .dx-placeholder {color: #9EA5B4 !important;}
.c .dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon { /*знач*/
    color: #9EA5B4 !important;}
.dx-data-row .d b {Xfont-weight:500; font-weight:normal !important;}
/*strong---*/
.dx-data-row .d strong {font-weight:500 !important; Xfont-weight:bold !important;}
.dx-data-row .d strong > i {font-weight:500 !important; font-weight:bold !important;}
.dx-data-row .d i > strong {font-weight:500 !important; font-weight:bold !important;}
/*---strong*/
.dx-data-row .e   {font-style:italic; XXXwhite-space:nowrap !important;/*!!!*/}
.dx-data-row .f   {color:#008A6A;}
.e .dx-placeholder {color: #9EA5B4 !important;}
.e .dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon { /*знач*/
    color: #9EA5B4 !important;}







.szhivk:hover:before,
.szhrri:hover:before,
.ahr75:hover:before,
.aki:hover:before,
.arc16:hover:before,
.arc19:hover:before,
.arc21:hover:before,
.cur15:hover:before,
.gn96:hover:before,
.isk12:hover:before,
.kost:hover:before,
.oa19:hover:before,
.sag16:hover:before,
.sag19:hover:before,
.spr65:hover:before,
.spr87:hover:before,
.uzh27:hover:before,

.ham03:hover:before,
.ant17:hover:before,
.ant21:hover:before,
.dud15:hover:before,
.kod21:hover:before,
.irt16:hover:before,
.irsns:hover:before,
.kodkt:hover:before,
.raz01:hover:before,
.raz02:hover:before,
.pti09:hover:before,
.med19:hover:before,
.kod18:hover:before,
.its33:hover:before,
.uzh27:hover:before,
.selaa:hover:before,
.xayor:hover:before,
.kar95:hover:before,
.kur05:hover:before,
.nic04:hover:before {
    text-align:left !important;
    Xwidth: 200px;
    position: absolute;
    padding: 4px 4px 4px 4px;
    margin: -3px 0px 0px 35px; /*было17 (см «.a .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content»)*/
    border-radius: 3px;
    z-index:2001;
    font-size: 12px;
    pointer-events: none;
}


.szhivk:hover:after,
.szhrri:hover:after,
.ahr75:hover:after,
.aki:hover:after,
.arc16:hover:after,
.arc19:hover:after,
.arc21:hover:after,
.cur15:hover:after,
.gn96:hover:after,
.isk12:hover:after,
.kost:hover:after,
.oa19:hover:after,
.sag16:hover:after,
.sag19:hover:after,
.spr65:hover:after,
.spr87:hover:after,
.uzh27:hover:after,

.ham03:hover:after,
.ant17:hover:after,
.ant21:hover:after,
.dud15:hover:after,
.kod21:hover:after,
.irt16:hover:after,
.irsns:hover:after,
.kodkt:hover:after,
.raz01:hover:after,
.raz02:hover:after,
.pti09:hover:after,
.med19:hover:after,
.kod18:hover:after,
.its33:hover:after,
.uzh27:hover:after,
.selaa:hover:after,
.xayor:hover:after,
.kar95:hover:after,
.kur05:hover:after,
.nic04:hover:after {
    content: '';
    position: absolute;
    margin: 0px 0px 0px 3px;
    z-index:2001;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}







.szhivk:hover:before {
    content: "Частичный список жителей Ингушетии, высланных в Казахстан в 1944 году (25'546 человек)";
    background: #c2af9a; color: #8e3635;}
.szhivk:hover:after {border-right: 15px solid #c2af9a;
}
.szhrri:hover:before {
    content: "Список жертв репрессий Республики Ингушетия. Данные Министерства внутренних дел (10'402 человек)";
    background: #EBF186; color: #8e3635;}
.szhrri:hover:after {border-right: 15px solid #EBF186;
}







/*коды авторов*/

szhivk { box-shadow: 0px 0px 3px 13px #c2af9a; background-color:#c2af9a; color:#8e3635;}
szhrri { box-shadow: 0px 0px 3px 13px #EBF186; background-color:#EBF186; color:#8e3635;}


pti09 { background-color:#FDA230; color:#000000;}
jiv09 { background-color:#FDA230; color:#000000;}
ras09 { background-color:#FDA230; color:#000000;}
ast14 { background-color:#FDA230; color:#000000;}


szhivk, szhrri, ahr75, aki, arc16, arc19, arc21, cur15, gn96, isk12, 
kost, oa19, sag16, sag19, spr65, spr87, uzh27, ham03, 
ant21, ant17, dud15, kod21, irt16, irsns, kodkt, 
raz01, raz02, pti09, med19, kod18, its33, uzh27, 
selaa, xayor, kar95, kur05, nic04
{
  text-decoration: none !important; width:100;/*%*/ Xheight:18px; float:left; 
  font-size:9px !important; text-align:left !important; white-space:nowrap; 
  overflow: visible; Xfont-variant:small-caps; letter-spacing: -.04em;
  Xmargin:0px auto; margin:0px 0px 0px -5px !important;/*!!!*/


/*поворот надписи*/ /*
    display: inline-block;
    text-align: right !important;
    -webkit-transform: rotate(-90deg);*/
    /* transform: rotate(-90deg); */
}



/*
@media (max-width: 768px) {
ant21, ant17, dud15, kod21, irt16, irsns, kodkt, raz01, raz02, pti09, med19, kod18, its33  {
	bottom: 0; display: inline-block; width:30px;
	padding: 0; Xmargin: 35px 2px 0px 0px;
	text-align: center; Xposition:absolute; vertical-align:middle;

	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	white-space: nowrap;
}
}
*/




/*Для источников*/
k {font-size:9px !important;}

szhivk, szhrri, ahr75, aki, arc16, arc19, arc21, cur15, gn96, isk12, 
kost, oa19, sag16, sag19, spr65, spr87, uzh27, ham03, 
ant17, ant21, dud15, kar95, kod18, kod21, 
kodkt, kur05, med19, pti09, raz01, raz02, 
selaa, uzh27, xayor, nic04 { 
	font-size:8px !important;
}

szhivk:first-letter, szhrri:first-letter, ahr75:first-letter, aki:first-letter, arc16:first-letter, arc19:first-letter, arc21:first-letter, cur15:first-letter, gn96:first-letter, isk12:first-letter, 
kost:first-letter, oa19:first-letter, sag16:first-letter, sag19:first-letter, spr65:first-letter, spr87:first-letter, uzh27:first-letter, ham03:first-letter, 
ant17:first-letter, ant21:first-letter, 
dud15:first-letter, kar95:first-letter, 
kod18:first-letter, kod21:first-letter, 
kodkt:first-letter, kur05:first-letter, 
med19:first-letter, pti09:first-letter, 
raz01:first-letter, raz02:first-letter, 
selaa:first-letter, uzh27:first-letter, 
xayor:first-letter, nic04:first-letter { 
	font-size:9px !important;
}

selaa {box-shadow: -3px 0px 3px 13px #D300C9 !important; letter-spacing: -.08em !important;}
c1 { background-color:#7A00E5; padding:10px 0px 170px 0px; color:#FFFFFF;}
c2 { background-color:#0068FF; padding:10px 0px 170px 0px; color:#FFFFFF;}
c3 { background-color:#00BC3F; padding:10px 0px 170px 0px; color:#FFFFFF;}
c4 { background-color:#F4F400; padding:10px 0px 170px 0px; color:#FF0000;}
c5 { background-color:#FF7F00; padding:10px 0px 170px 0px; color:#FFFFFF;}
c6 { background-color:#FF0000; padding:10px 0px 170px 0px; color:#FFFFFF;}





.dx-scrollable-container { line-height:120% !important;} /*межстрочный интервал*/





/*.dx-data-row .znachenie {
    font-style: italic;
}*/



/** {
  background-color:#ffffff; *//*F5F5EA*//*
}*/
.img-container_item {
  background-color:#F2DEB9;
  width: 100%;
}
/*.img-container {
 margin: -10px -6px -10px -6px!important; 
}*/
body {
  margin-top:4.50em;
}

td b
    {Xtext-decoration : line-through;
        Xtext-decoration: overline;
    float: bottom !important;
    border: 0px solid !important;
    outline: 0 !important;
    font-size: 16px;
    line-height:-10px !important;
    /*text-shadow: 0px -1px 0px #333333;*/
    }

.zzz {
  margin-left:2.50em;
}

dd {
  margin:0px 0px 0px 1.50em;
  padding:0px 0px 0px 1.50em;
}



i sup {margin-left:0px; color:#3D3D3D;}

sup{margin-left:-3px; font-weight:normal; font-style:normal; color:#E6002D;}
sup{font-size:12px !important;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
h4 sup {font-size:120% !important; font-family:serif !important; top:-0.2em;}



em {
  Xdisplay: block;
  color:#009878;
  Xbackground-color:#F4CBCA;
  font-style:normal;
}
/*
em u:before {
	content: "\22C4\0020";
	font-style:normal !important;
	text-decoration: none !important;
	border-bottom: 0px dashed #28B47E !important;
	font-size: 18px !important;
	Xposition: absolute;
	left: 0em;
	color:#009878;
}*/






/*https://qastack.ru/programming/7698764/custom-bullet-symbol-for-li-elements-in-ul-that-is-a-regular-character-and*/
.dx-scrollable-container td li {
	position: relative;
	list-style: none;
	margin-left: -0.2em;
	padding-left: 0.6em; 
  /*background: url('li.gif') no-repeat 0 0.6em;*/
}
.dx-scrollable-container td li:before {
	content: "\2013";
	position: absolute;
	left: 0em;
	color:#888888;
}







/*антонимы LI*/
.dx-scrollable-container td li.ant {
	position: relative;
	list-style: none;
	margin-left: -0.2em;
	padding-left: 0.6em; 
  /*background: url('li.gif') no-repeat 0 0.6em;*/
}
.dx-scrollable-container td li.ant:before {
	content: "\25D1\0020"; /* Круг с черной правой половиной ◑ */
	position: absolute;
	left: -2px;
	font-size: 11px !important;
	color:#9EA5B4;
}



strong {Xfont-family:"Segoe UI Semibold";Xfont-weight:500 !important;}


hr {COLOR:#00755B; margin:0.60em 0em 0.30em 0em; text-align:left; width:18%;}




::selection { background: #273039; color:#ffffff; }
::-moz-selection { background: #273039; color:#ffffff; }
::-webkit-selection { background: #273039; color:#ffffff; }




/*<s><span>...</span></s>*/
s { 
    Xvertical-align: middle; color:#F44A57 !important;  /* цвет зачеркивающей линии */ 
} 
s span {
    color:#222222 !important;  /* цвет зачеркиваемого текста */ 
} 

/*<s>strike<span class="s1 s2"></span></s>*/
/*s { position: relative; text-decoration:none; }
span.s2 { top: -5.5ex; left: 0; width:7ex; border-bottom: 0.1ex solid red; // top: -1.2ex;font-size:16pt }
span.s1 { position:absolute; text-indent: -1000em; }*/






/*дерево*/
ul.domTree li:before {content: "";}
#domTree { margin: 15px 0px 15px 0px; line-height: 120%; }
ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
ul.domTree li li { list-style: none; }
ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ""; border-width: 0.1em; color:#C0C0C0; }
ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ""; border-width: 0.1em; color:#C0C0C0; }
ul.domTree li code, .code { Xfont-family: "Segoe UI","Helvetica Neue",helvetica,verdana,sans-serif; font-size: 90%; color:#3D3D3D;}
ul.domTree .dt1,ul.domTree .dt3,ul.domTree .dt5,ul.domTree .dt7,ul.domTree .dt9,
ul.domTree .dt2,ul.domTree .dt4,ul.domTree .dt6,ul.domTree .dt8 { color:#C0C0C0; }


/*Для списка языков в заголовках таблицы*/
v {font-size:9px !important; margin-left:-3px; bottom:-0.25em; 
   top:-0.5em; color:#CCCCCC; margin-bottom:8px;}
v {line-height:0; position:relative; vertical-align:baseline;}
v {bottom:-0.25em;}
v {top:-0.5em;}
ing:before {content: url("icons/ing+rus.png");}
rus:before {content: url("icons/rus.png");}



/*Для выделения красным*/
r {
  color: #F44A57 !important; font-weight:bold;
}

/*Для выделения классов (Николс)*/
cls {
  color: #CB00CB !important;
}


/*Для выделения эргативных форм*/
er {color:#9900CC;font-size:95%; white-space:nowrap !important;}
/*Для выделения орудийных форм*/
or {color:#9400D3;font-size:95%; white-space:nowrap !important;}
/*Для выделения множественных форм*/
m {color:#6666CC;font-size:95%; white-space:nowrap !important;}
/*Для выделения классов*/
c {color:#009933;font-size:95%; white-space:nowrap !important; letter-spacing: 1px;} /*009900*/
/*Для выделения словоформ*/
f {color:#485868;Xfont-size:95%; Xwhite-space:nowrap !important;} /*6E7B81/7B7B7B/485868/637791*/

/*Для словоформ, удаляемых после прорисовки*/
y {
  display:none !important;
}
/*Для латиницы, продублированной на кириллице*/
l {
  color:#708090; Xline-height: 130% !important;}
l b {Xfont-family:"Segoe UI Semibold"; font-weight:normal /*500*/ !important;}

/*Для транслитерации*/
ttr {color:#485868; margin: 0px 2px 0px 0px; }
em ttr {color:#009878; margin: 0px 2px 0px 0px;}
ttr b {color:#3E3E4B; Xfont-family:"Segoe UI Semibold"; font-weight:500 !important;}
em ttr:before {content: "|"; margin: 0px 5px 0px 1px; color:#32CD32;}
Xem ttr:after {content: "]"; margin: 0px 2px 0px 2px;}



/*Для переводных*/
.li_trl:before { /*отдельный окрас тире для LI (см jQuery в index.js)*/
	color:#F44A57 !important;}
trl {color:#F44A57 !important;} /*F44A57 F08080 E1567C*/
_trl:before {content: "\A"; white-space: pre;} /*\003C*/
_trl:after {content: ""; white-space: pre;} /*\003E*/
/*Для переводных второго уровня (●○♦) */
trl#a2 {color:#F44A57 !important; } /*F44A57 F08080*/
trl#a2:before {content: "\A\25CF\0020"; /*●\25CF  \2666♦*/ white-space: pre;} /*\003C*/
trl#a2:after {content: ""; white-space: pre;} /*\003E*/















/*Для блоков с частями речи и тп*/
bl {color:#586E98 !important;}
t1 {color:#CD5C5C; font-style:italic; white-space:nowrap !important; }
t2 {color:#586E98; font-style:italic; white-space:nowrap !important;}
t3 {color:#808080; font-style:normal; white-space:nowrap !important; font-size: 90%; letter-spacing: 1px;}
/*6D160A*/
a.bord_bott, add t3 {border-bottom: 1px solid #0000FF !important; Xbackground-color:#EAF4FF;}


/*Для ссылочных НЕвидимых. Вписывать в конце: \r\n<lnk>слово1\r\n<lnk>слово2*/
lnk {display:none !important;}

/*Для ссылочных Видимых. Вписывать в конце: \r\n<see>слово</see>   */
see {color:#708090; display: block; margin: 6px 0px 0px 0px;}
see:before {
	color:#F44A57;
	content: "\2194  "; /*\2194 // \2195 // \21F5*/
}

/*Для вставок, доп. поясн <add>[слово]</add>   */
add, add t3, add t4 {color:#F44A57 !important; border-bottom: 1px dashed #F44A57;}




/*Выделение переводов примеров употребления*/
u {
  color:#009878;
  text-decoration: none;
  border-bottom: 1px dashed #28B47E;
}

/*
q {
  color: #ff0000 !important;
}

z {
  font-size: 12px !important;
  color:#CC0000; *//*FF5565   29675F*//*
  margin:0px 0px 0px 3px;
}*/

/*green 1A7F37*/


span.empty { margin-left: 1em; }

/*дробь сложная*/
table.drob {
  Xmax-width: 57px;
  Xwidth: 57px;
  border-collapse: collapse;
  text-align: left;
  text-indent: 0em;
}
table.drob td {
  color:#009878;
  padding: 0px 4px;
  transition: .3s linear;
}
table.drob td.drob1 {border-bottom: 1px solid #009878; border-left: 1px solid #009878;}
table.drob td.drob2 {border-bottom: 1px solid #009878;}
table.drob td.drob3 {border-left: 1px solid #009878;}
table.drob td.drob4 {border-right: 1px solid #009878; font-size:90%;}
table.drob td.drob-no {color:#000050;}





/*l  {   Xdisplay: flex;clear: both;
  flex-direction: row-reverse;  Xposition: absolute; }*/






/*параллельн переводы*/
sep {color:#32CD32; margin-left:2px; margin-right:2px;}
num{margin-left:-3px; margin-right:4px; font-weight:normal; color:#008A6A;}
/*num{font-size:10px !important;line-height:0;position:relative;vertical-align:baseline;}
num{top:-0.5em;}*/

sep2 {color:#008868 !important; font-weight:normal !important;}
sep3 {color:#000000; font-weight:normal !important; font-size:95%; margin-left:1px; margin-right:1px;}



XXXhr {position:absolute; bottom:0; width:90%; height:70px; background:#66ccff;}
P.snoska { margin:0px 0px 0px 0px; text-align:left; font-size: 90%; line-height: 130%; text-indent:1em; }


div.epig    {width:80%; font-size:90%; float:right;}
p.epig      {margin-top: 1em; margin-bottom:1em; margin-right:1em; text-indent:0; float:right; text-align:right; line-height:122%;}
span.epig-p {width:100%; display:block; color:#009878; text-align:right; font-style:italic; margin:0.5em 1em 0 0;}


P.pcenter {text-align:center; margin: 0em; }
P.pright {text-align:right; margin: 0em; }

h4 {text-align:center; margin: 5px; width:99%; background:#66ccff;}


cc {color:#FF4500 !important;}


.zag2	{ text-align: center; margin-top: 1em; margin-bottom: 1em; font-weight:bold; font-size: 120%; }
.zag3	{ text-align: center; margin-top: 1em; margin-bottom: 1em; font-weight:500; font-size: 110%; }
.speaker   { text-align: center; letter-spacing: 0.2em; margin-top: 1em; }
.speaker i { letter-spacing: 0em; }



/* DIV // P */
.poem	{ font-size: 90%; 
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.poem {margin-left: 0;}
@media screen and (min-width: 480px) {
    .poem {margin-left: 7%;}
}	
@media screen and (min-width: 767px) {
    .poem {margin-left: 15%;}
}
@media screen and (min-width: 992px) {
    .poem {margin-left: 25%;}
}
@media screen and (min-width: 1199px) {
    .poem {margin-left: 30%;}
}
.stanza {
	margin-top: 1em;
	text-align: left;	
	text-indent: 0;
}

.letter { color:#009878; margin-left: 2em;}

.pright2em {text-align:right; margin-right:5.8em; }
.pleft2em {text-align:left; margin-left:8em; }
p.tbl	{ text-align: left; font-size: 90%; }
p.tbr	{ text-align: right; font-size: 90%; }
p.hrcenter {text-align:center; margin-top:0.7em; margin-bottom:0.5em; }





/*Highlighted Footnotes like Wikipedia*/
a {
  transition: all .8s;
}
:target {
	background: #ccc; 		/*ccc*/
	border: solid 1px #aaa; 	/*aaa*/
  transition: all .5s;
}













/*
ОБЪЕДИНЕНИЕ КОЛОНОК "b-c-d-e" (АДАПТИВНОСТЬ). Аналог фраг. скрипта "скрытие опред-ных столбцов по классу, когда экран меньше..." /index.js/
*/
@media (max-width: 500px) {

/*ant21, ant17, dud15, kod21, irt16, irsns, kodkt, 
raz01, raz02, pti09, med19, kod18, its33, uzh27, 
selaa, xayor, kar95, kur05, nic04
{
  text-decoration: none !important; width:100; Xheight:18px; float:right; 
  font-size:9px !important; text-align:left !important; white-space:nowrap; 
  overflow: visible; Xfont-variant:small-caps; letter-spacing: -.04em;
  Xmargin:0px auto; margin:9px 0px 0px 0px !important;
*//*поворот надписи*/
/*    display: inline-block;
    Xtext-align: right !important;
    -webkit-transform: rotate(-90deg);
*/    /* transform: rotate(-90deg); */
/*}*/



  .dx-data-row .b, 
  .dx-data-row .c, 
  .dx-data-row .d, 
  .dx-data-row .e, 
  .dx-data-row .f {
    display: grid;
    grid-auto-columns: 100% !important;
    width: 330px !important;
    max-width: 330px !important; /*264%*/
    white-space: normal !important;
  }
  .dx-data-row .c, 
  .dx-data-row .d, 
  .dx-data-row .e {
    background: #ffffff !important;  /*zebra*/
    padding-left: 1.1em !important;  /* 0.4em */
    padding-right: 0.4em !important;
  }
  .dx-data-row .d li {
    margin-right: 0.4em !important;
  }
  .dx-scrollable-container td li {
    padding-left: 0.7em !important; 
  }
  .dx-data-row .c {
    margin:0px 0px 0px 0px !important;
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
    XXXdisplay: inline !important;
  }
  .dx-data-row .b {
     font-weight:500 !important;
  }
  .dx-data-row .b,
  .dx-data-row .c,
  .dx-data-row .d {
    color: green;
  }
  .dx-data-row .f {
    font-size: 12px !important; text-align:right !important; line-height:85% !important;
  }
  /*.b .dx-texteditor-input,*/
  .dx-data-row .b {
    background: #EBF1FB !important;
  }  
  .dx-data-row .d {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; line-height:122% !important;
  }
   Xsep, Xsep2, Xsep3 {
    display: inline !important; position:absolute !important; margin-left: -0.5em !important;
  }
  .dx-scrollable-container {
    line-height:116% !important;
  }
  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
  .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    Xcolor: inherit !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
  }
  .dx-datagrid .dx-row > td {
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    padding-top: 2px; 
    padding-bottom: 2px;
    margin-top: 0px !important; 
    margin-bottom: 0px !important;
  }
  .dx-datagrid .dx-column-lines > td {
    /*!!! вертикальные не-фильтра ячеек !!!!!!*/
    border-left: 0px solid #ffffff !important;
    border-right: 0px solid #ffffff !important;
  }
  j { /*<j>*/
    display: none !important; 
    height: 0px !important; 
    line-height:0px !important;
    margin: 0px !important;
    padding: 0px !important;
  }
   /*.c:empty > *,
   .c:blank > *,
   .c:empty > li,
   .c:blank > li,
   .c:empty li,
   .c:blank li {
    display: none;
  }*/
  h4 {padding: 10px !important;}
}










/*
abr[ttl]:hover:after {
  content: attr(ttl);
  padding: 4px 8px;
  margin: -20px 0px 0 180px;
  color: #333;
  position: absolute !important; 
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 99999 !important; 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
*/




abr[ttl] {
  cursor: help;
  position: relative;
  /* ensure consistent styling across browsers */
  Xtext-decoration: underline dotted #0000ff;
  text-decoration: none;
  border-bottom: 1px dotted #0000ff;
}
abr[ttl]:hover::after,
abr[ttl]:focus::after {
  z-index: 99999 !important; 
  content: attr(ttl);
  /* position tooltip like the native one */
  Xopacity: 0.9;
  position: absolute;
  left: 0;
  margin: 0px 0px 0px 18px;
  bottom: -5px;
  width: auto;
  white-space: nowrap;

  /* style tooltip */
  background-color: #273039;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 14px;
  padding: 1px 5px 4px 5px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #374049;
  -webkit-box-shadow: 0px 0px 4px #374049;
  box-shadow: 0px 0px 4px #374049;
  background-image: -moz-linear-gradient(top, #000, #374049);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000),color-stop(1, #374049));
  background-image: -webkit-linear-gradient(top, #000, #374049);
  background-image: -moz-linear-gradient(top, #000, #374049);
  background-image: -ms-linear-gradient(top, #000, #374049);
  background-image: -o-linear-gradient(top, #000, #374049);
}













.im_100 {width:100%; padding:0px !important; margin:0px !important;}
.im_60 {width:60px;}