html, body  { height: 100%;}            
             
/* Base Styles  skeleton
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {font-size: 62.5%;}

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');   */
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.65;
  font-weight: 400;
  /* font-family: 'Georgia', serif;  
    color: #222;     */
  font-family: 'Roboto', sans-serif; 
  color: #646464;
  position: relative;
  overflow-x: hidden;
  margin:10px;
}

/* Typography skeleton     
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 3.0rem; line-height: 1.3;}
h2 { font-size: 2.6rem; line-height: 1.35;}
h3 { font-size: 2.2rem; line-height: 1.4;}
h4 { font-size: 1.8rem; line-height: 1.5;}
h5 { font-size: 1.5rem; line-height: 1.6;}  
a {color: #025391;text-decoration: none;} a:hover {text-decoration:underline;} 
/*brending*/
.overheader {background: url(/templates/agrid/_adv/branding_overheader.png) repeat fixed;background-size: 350px;line-height:0;} 
/*grid*/
.overheader {grid-area:oh;text-align:center;}
header {grid-area:h;background:#b5b5b5;text-align:center;}
.breadcrumbs {grid-area:bc;}
.social {grid-area:s;text-align:center;}
.search {grid-area:sch;display:flex;align-items:center;}  
/*only for google search*/
.search form, .search input{width: 100%;}     
main {grid-area:m;align-self:start;border:1px solid #A9A9A9;padding: 0 10px;}
.bottom {grid-area:b;}
footer {grid-area:f;background:#b5b5b5;}
.wrapper {margin: 0 auto;min-width: 320px;max-width: 1800px;}
.wrapper {
    display: grid;
    grid-gap: 1.2rem;
    justify-content: center;
    grid-template-rows: auto auto minmax(25px, max-content) 35px;
    grid-template-areas: "h" "oh" "bc" "sch" "s" "m" "b" "f";
}

.sticky{position:-webkit-sticky;position:sticky;top:0;}
.above1 {z-index:1;}
.above2 {z-index:2;}
.sidebarR, .sidebarL /*, .gapR, .gapL */{display:none;}
.sm, .md, .lg, .xl {display:none;}
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){}
/* sm Extra Small Devices, Phones */
@media only screen and (min-width : 480px){
    .sm {display:block;}
    .wrapper {         
        grid-template-columns: auto 190px;
        grid-template-areas: "oh oh" "h h" "bc bc" "sch s" "m m" "b b" "f f";
    }   
}
/* md Small Devices, Tablets */
@media only screen and (min-width : 768px){
    .md {display:block;} 
    .sidebarR {grid-area:sbr;display:block;}
     main {min-width: 385px}  
    .wrapper {                      
        grid-template-columns: auto 190px 330px; 
        grid-template-areas: "oh oh oh" "h h h" "bc bc sbr" "sch s sbr" "m m sbr" "b b sbr" "f f f";
    }   
}
/* lg Medium Devices, Desktops */
@media only screen and (min-width : 992px){
    .lg{display:block;}
   /* .sticky.R300x600 {top:97px;} not cutted overheader ad*/
}
/* xl Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
  .xl{display:block;} 
 /* .gapR,.gapL {display:block;}  
  .gapR {grid-area:gr;}
  .gapL {grid-area:gl;}     
  .wrapper {                      
        grid-template-columns: 160px auto 190px 300px 160px; 
        grid-template-areas: "oh oh oh oh oh" "h h h h h" "gl bc bc sbr gr" "gl sch s sbr gr" "gl m m sbr gr" "gl b b sbr gr" "f f f f f";
  }  */
  .sidebarL {display:block;}  
  .sidebarL {grid-area:sbl;}  
  .wrapper {                      
        grid-template-columns: 300px auto 190px 330px;
        grid-template-areas: "oh oh oh oh" "h h h h" "sbr bc bc sbl" "sbr sch s sbl" "sbr m m sbl" "sbr b b sbl" "f f f f";
  }
    
}
/* Print page */                  
@media print { 
    .wrapper {grid-template-columns: calc(100% - 1.5cm); grid-template-areas: "h" "bc" "m"; color: #000; background: #fff;} 
    
    /* âûðàâíèâíèå ïî âåðòèêàëè #logoprint ïîñëå ïîÿâëåíèÿ qrcode   */
    header{ position: relative;}
    #logoprint {float: left; margin: 0;position: absolute; top: 50%;transform: translate(0, -50%);}  
    #qrcode  {float: right;}
    #qrcode, #logoprint, #print_adv {display:block!important;}    
    #copyright, #logoimg, .search, .social, .bottom, #beforecont1, #beforecont2, #aftercont, .share42init, div[id^="div-"] {display:none!important;} 
    #rel_bot, .advconts, .edu_18j4tqk {display: none!important;}          
    .breadcrumbs {font-size:1.2em;}
    main {font-size: 1.2em; text-align: justify;}    
    main p {text-indent:1em;} 
    @page {margin-left: 1cm; margin-right: 0.5cm;}   
    h1, h2, h3 {page-break-after: avoid;}  

}  
 
/* innercontent ñîäåðæàíèå ìàòåðèàëîâ*/ 
.innercontent a:link, .innercontent a:visited{color:#333333;text-decoration:none;}
a.contlk_lev1, a.contlk_lev1:link, a.contlk_lev1:visited{color:#003399;font-weight:bold;font-size:1.6rem;padding:1px 0px 1px 20px;margin:3px 0px 3px 0px;display:block;text-indent:0px;}
a.contlk_lev1:hover{color:#003399;text-decoration:underline;}
a.contlk_lev2, a.contlk_lev2:link, a.contlk_lev2:visited{padding:1px 0px 1px 40px;margin:3px 0px 3px 0px;color:#000000;font-size:1.4rem;font-weight:bold;display:block;text-indent:0px;}
a.contlk_lev2:hover{color:#000000;text-decoration:underline;}
a.contlk_lev3, a.contlk_lev3:link, a.contlk_lev3:visited{padding:1px 0px 1px 60px;margin:3px 0px 3px 0px;text-indent:0px;font-size:1.4rem;color:#000000;display:block;}
a.contlk_lev3:hover{color:#000000;text-decoration:underline;}
a.contlk_lev4, a.contlk_lev4:link, a.contlk_lev4:visited{padding:1px 0px 1px 80px;margin:3px 0px 3px 0px;font-size:1.4rem;color:#000000;display:block;}
a.contlk_lev4:hover{color:#000000;text-decoration:underline;}
a.contlk_lev5, a.contlk_lev5:link, a.contlk_lev5:visited{padding:1px 0px 1px 100px;margin:3px 0px 3px 0px;font-size:1.4rem;color:#000000;display:block;}
a.contlk_lev5:hover{color:#000000;text-decoration:underline;}
/* img autowidth */  
.smtb img{max-width:97%} 
/* table autowidth */  
#cont2 {table-layout: fixed;width: 100%;}
#cont2 td#cont2td {width: 100%;}     
/* table Zebra striping */  
.smtb table  {display: inline-block;max-width: 100%;overflow-x: auto;border-collapse: collapse;border-spacing: 0;}
.smtb table {border: none; }
.smtb tr:nth-of-type(even) {background: #C0C0C0;}
.smtb tr:nth-of-type(odd) {background: #A9A9A9;}
.smtb th {background: #A9A9A9; color: white;font-weight: bold;}
.smtb td, .smtb th {padding: 10px; border: 1px solid #ccc; text-align: left;}
.jdtbl tr, .jdtbl td {background:transparent!important;}  
/* social icons */  
#share42 a {opacity: 0.7}
#share42 a:hover {opacity: 1}
/* adv 300x250*/ 
.gads_lt {float:left; margin: 0 10px 10px 10px;/*border-style: outset; box-shadow: 15px 15px 40px rgba(0,0,0,0.8); */background-color:white;}
/* watch original button*/ 
.ml-button-5 {background-color: #E2E5EC; border: 1px solid #8E98A9; -moz-box-shadow: inset 0px 0px 1px rgba(160,170,184,1); -webkit-box-shadow: inset 0px 0px 1px rgba(160,170,184,1); box-shadow: inset 0px 0px 1px rgba(160,170,184,1); background-image: -o-linear-gradient(90deg , rgb(214,219,223) 0%, rgb(244,244,248) 100%); background-image: -moz-linear-gradient(90deg , rgb(214,219,223) 0%, rgb(244,244,248) 100%); background-image: -webkit-linear-gradient(90deg , rgb(214,219,223) 0%, rgb(244,244,248) 100%); background-image: -ms-linear-gradient(90deg , rgb(214,219,223) 0%, rgb(244,244,248) 100%); background-image: linear-gradient(90deg , rgb(214,219,223) 0%, rgb(244,244,248) 100%); color: #444D59; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;}
a.ml-button-5 {display: block; width: 180px; height: 50px; border-radius: 4px; text-align: center; line-height: 50px; text-decoration: none; font-family: 'Helvetica'; font-weight: bold; font-size: 12pt; float: right; margin: 10px 20px;}
#imgSrcLink {float:none;  padding: 0 10px; font-weight:normal; margin: 0 0 10px 0; height: 40px; line-height: 42px; cursor: pointer;}
/* book cover align on content page*/ 
#book_cover{position:relative;float:left;width:270px;padding:15px 10px 13px 20px;background-size:cover}
#book_cover img{box-shadow:.4em .4em 5px rgba(122,122,122,0.5)}
#book_cover #book_cover_title{position:absolute;top:110px;left:10px;width:250px;font-size:16px;font-family:Roboto,"Trebuchet MS",Helvetica,sans-serif;color:#000;text-align:center;font-weight:700;max-height:400px;line-height:2;overflow:hidden;padding:0 70px 0 30px}

img{margin-right:10px;image-rendering: -webkit-optimize-contrast;}
p.contt{font-size:Large;text-align:center;}
/* section at blogsection*/ 
div#intrtext p{font-size:14px;font-style:italic;padding: 10px 0 0 0;}
.blog .contentpaneopen img{float:left;position:relative;top:0px;/*z-index:5;*/max-width: 100px;/*box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);*/}
.blog .contentpagetitle{padding-left:110px;position:relative;top:15px;z-index:5;}
.blog #intrtext p{font-size:12px;font-style:italic;}  
div#intrtext img{max-width:300px;}   

p, li{margin-block-start:1rem;}
li{list-style:none;}
/* text lists*/
.smtb ul{padding:0; margin-left:4rem;}
.smtb li{text-indent:-2rem;}
/* footnote links*/
.smtb ul.footnote {border-top: 1px solid #eeeeee;}
.smtb ul.footnote li {color: #4F4F4F;padding-top: 10px;font-size:1.2rem;margin: 0 0 0 20px;text-indent: 0;}
a.annot, a.srcannot {color:#1fa2d6;}
  /* mambot pagecontent*/
.table_pagecontent {background: #f2f5f9;border-radius: 5px;/*width: 50%; float:right;*/margin-left: 10px;}
.table_pagecontent_header {cursor:pointer; padding: 5px 20px 5px 40px;font-weight: 700;font-size: 1.1em;}
.table_pagecontent_header {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-square' viewBox='0 0 16 16'><path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>") 15px center  no-repeat;}
.active_toc_hide {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-square' viewBox='0 0 16 16'> <path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/> <path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>") 15px center  no-repeat;}
.table-of-contents_list li a:hover{color: #0d1288;text-decoration: none;}
.table_pagecontent ul{list-style-type: disc;margin: 0;padding: 5px 0 15px 4rem;}
.table_pagecontent li {padding:5px 10px 5px 5px;margin:3px 0px 3px 0px;display:block;text-indent:0px;line-height: 1;}
.table_pagecontent li.lev1{padding-left: 15px;}
.table_pagecontent li.lev2{padding-left: 30px;}
.table_pagecontent li.lev3{padding-left: 45px;}
.table_pagecontent li.lev4{padding-left: 60px;}
.table_pagecontent li.lev5{padding-left: 75px;}
.table_pagecontent li a{color: #0C72B6;font-family: verdana,arial,helvetica,sans serif;font-size: 12px;} 
 
.burg-menu{z-index: 3;float: right;width:7rem;position:relative;color:#fff;text-align:center;height:7.5rem;}
.burg-menu #check-menu{display:none}
.burg-menu label{display:block;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;line-height:4rem}
.burg-menu .burger-line{position:absolute;top:15px;left:10px;width:4.5rem;height:3px;background-color:#fff;transition:.5s all}
.burg-menu .second,.third{top:3.5rem}
.burg-menu .fourth{top:5.5rem}
.burg-menu .main-menu{display:block;position:absolute;width:100%;bottom:0;right:0;transform:translateY(100%);max-height:0;overflow:hidden;transition:.5s all}
.burg-menu a{display:block;width:100%;padding:3px 3px 3px 10px;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.3);background-color:#b5b5b5;text-shadow: 6px 4px 10px black;}
.burg-menu a:hover{background-color:#8a8a8a;}
.burg-menu #check-menu:checked ~ .main-menu{width:25rem;max-height:150rem;/*font-size:1.4rem;*/}
.burg-menu #check-menu:checked ~ .first{display:none}
.burg-menu #check-menu:checked ~ .second{transform:rotate(45deg)}
.burg-menu #check-menu:checked ~ .third{top: 35px;transform:rotate(-45deg)}
.burg-menu #check-menu:checked ~ .fourth{display:none}
.burg-menu .moduletable {width:100%;}
/* blogsection*/
.blogKindTitle a{font-size: 1.4rem;color: #22638f;font-weight: 700;}
/*adverts in content*/
.advconts:nth-of-type(odd) {float:left;}
.advconts:nth-of-type(even) {float:right;}  
/*.advconts:nth-of-type(3n) {text-align: center;}
.advconts:nth-of-type(3n-1) {float:right;}  
.advconts:nth-of-type(3n-2)  {float:left;}*/

/* sphinx related items*/
.moduletablerelbot {font-family:Verdana;line-height: 1.2;}
.moduletablerelbot li:hover{cursor: pointer;}
.mod_rel h5 {color:#00548b;font-size: 1.4rem;font-weight: bold;margin:30px 0 0 0;}
/*.moduletablerelbot li:nth-child(odd) .mod_rel h5 {color:#3a3a3a;}  */
a.mod_rel{text-decoration:none;font-size: 1.1rem;}
a.mod_rel:visited, a.mod_rel:link{color:#999999;}
a.mod_rel + span {font-size: 1.1rem;color: #464646;}