/* css_01 */
.tgmdev_body{background-image:url("images/crepis.gif");background-repeat:repeat}
/* css_02 */
.tgmdev_content{display:flex;min-height:auto;gap:0}
.tgmdev_content_side{display:flex;flex-direction:column;width:var(--w,15%);padding:10px;container-type:inline-size}
.tgmdev_content_main{width:var(--w,70%);flex:1;min-width:0;overflow:visible;padding:10px}
.tgmdev_content_separator{flex:0 0 var(--w,10px);background:var(--c,#ffefd5)}
.tgmdev_content_side hr{align-self:stretch;border:0;border-top:1px solid #000;margin:.5em 0}
.tgmdev_content_side_img{width:var(--w,200px);height:var(--h,400px);padding-left:calc((100% - var(--w,200px))/ 2)}
/* css_03 */
.tgmdev_menu{position:sticky;top:10px;align-self:flex-start}
.tgmdev_menu_title{display:block;margin-bottom:15px;font-weight:700;font-size:24px;color:#8b0000}
.tgmdev_menu_subtitle{display:block;margin-bottom:10px;font-weight:700;font-size:20px;color:#00f}
.tgmdev_menu_item a{display:block;margin-bottom:var(--mb,5px);font-size:18px;padding-left:10px}
/* css_04 */
.tgmdev_content_sticky{position:sticky;top:10px;align-self:flex-start}
/* css_05 */
.tgmdev_hr{border:none;height:5px;background:gray;width:95%;margin:20px auto}
/* css_06 */
.tgmdev_line_nowrap{white-space:nowrap}
@container (max-width:250px){.tgmdev_line_nowrap{white-space:normal}}
/* css_07 */
.tgmdev_text{text-align:var(--a,left);color:var(--c,#000);font-weight:var(--b,normal);font-size:var(--s, 12px);margin-bottom:var(--mb,2px);10px;margin-right:var(--mr,2px)}
.tgmdev_main_title{color:green;font-weight:bold;font-size:32px;text-align:left;}
.tgmdev_blue_chapter{color:#00f;font-weight:700;font-size:24px}
.tgmdev_text_18_orange{color:#982226;font-weight:bold;font-size:18px;text-align:left;}
.tgmdev_text_20_green{color:green;font-weight:bold;font-size:20px;text-align:left;}
.tgmdev_sub_title {color: blue; font-weight: bold; font-size:18px; text-align: left;}
.tgmdev_text_24_blue {color: royalblue; font-weight: bold; font-size:24px; text-align: left; margin-bottom: 10px;}
/* css_08 */
.tgmdev_vspacer{display:block;height:var(--h,16px)}
.tgmdev_hspacer{margin-left:var(--w,10px)}
/* css_09 */
.tgm_grid{display:grid;grid-template-columns:var(--gtc,1fr);grid-auto-rows:var(--grh,auto);width:var(--gw,100%);box-sizing:border-box;background-color:var(--gbc,transparent);border-top:var(--glw,1px) solid var(--glc,red);border-left:var(--glw,1px) solid var(--glc,red);}
.tgm_grid_cell,.tgm_grid_head{box-sizing:border-box;padding:var(--gcp,.6rem);color:var(--gctc,black);min-width:0;overflow-wrap:break-word;background-color:var(--gcbc,transparent);border-right:var(--glw,1px) solid var(--glc,red);border-bottom:var(--glw,1px) solid var(--glc,red);}
.tgm_grid_head{background-color:var(--ghbc,var(--gcbc,transparent));font-weight:700;text-align:center;}
.tgm_center{text-align:center}
.tgm_img_center{display:grid;place-items:center;}
.tgm_grid_img{display:grid;place-items:var(--pi,center);}
.tgm_img_center img{display:block;max-width:100%;height:auto;}
.tgm_span_all{grid-column:1/-1;}
.tgm_content_center{display:flex;justify-content:center;align-items:flex-start;}
.tgm_grid_top{align-items:start;align-content: start;}
.tgm_grid_compact{align-self:start;align-content:start;height:fit-content;}
.tgm_row_even{background-color:var(--grebc,#fefefe);}
.tgm_row_odd {background-color:var(--grobc,#f4f7fb);}	
.tgm_grid_hover img {transition:transform 0.3s ease,box-shadow 0.3s ease;}
.tgm_grid_hover img:hover {transform:scale(1.10);box-shadow:0 6px 12px rgba(0,0,0,0.8);}
/* css_10 */
.tgm_slideshow {position: relative; width: var(--w, 200px); height: var(--h, 400px); --imgcount: 4; --period: 4s; padding-left: 20px;}
.tgm_slideshow a {opacity: 0; pointer-events: none; animation: tgm_slideshow_fade calc(var(--imgcount) * var(--period)) infinite; will-change: opacity, pointer-events; animation-delay: calc(var(--index) * var(--period)); } 
.tgm_slideshow:hover a { animation-play-state: paused; }
.tgm_slideshow a img { position: absolute; width: var(--w, 200px); height: var(--h, 400px); }
@keyframes tgm_slideshow_fade 
{
  0%   {opacity:0;}
  5%   {opacity:1;}
  25%  {opacity:1;}
  30%  {opacity:0;}
  100% {opacity:0;}
}
/* css_11 */
.tgmdev_overlay{position:relative;display:block}
.tgmdev_overlay img{width:var(--w,500px);max-width:var(--mw,100%);height:var(--h,50px);display:block;object-fit:cover}
.tgmdev_overlay_autoimg{width:var(--w,500px);max-width:var(--mw,100%);height:auto;display:block;object-fit:cover}
.tgmdev_overlay .caption{position:absolute;left:1px;top:1px;right:1px;bottom:1px;color:var(--cc,#fff);font-size:var(--cs, 20px);font-weight:var(--cb,700);line-height:1.2;padding:8px 8px}
.tgmdev_overlay .shadowed-caption{position:absolute;left:1px;top:1px;right:1px;bottom:1px;color:#fff;font-size:20px;font-weight:700;line-height:1.2;padding:8px 16px 12px;border-radius:4px;background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.05));z-index:1;pointer-events:none}
/* css_12 */
.tgmdev_img_center {display: block; display: block; margin-left: auto; margin-right: auto; width: var(--w, 200px); height: var(--h, 400px);}
/* css_13 */
.tgmdev_ol > li::marker {color: var(--c, #000000); font-weight:var(--b, normal); font-size:  var(--s, 12px); }
/* css_14 */
.tgmdev_pre {display: block; font-family: monospace,"courier new"; white-space: pre; color: var(--c: black); background: var(--bc, #f4f4f4); padding: 10px; overflow-x: auto; }
/* css_15 */		
.tgmdev_listbox {width:min(100%,var(--lbw,500px));margin: 0 auto;}
.tgmdev_listbox ul {list-style-type:none;margin:0;}
.tgmdev_list_text {padding:5px;min-width:0;overflow-wrap:anywhere;}
.tgmdev_listbox a {text-decoration:none;color:#333;display:block;left-padding:25px;padding:2px;border:1px solid #8f8989;border-radius:4px;transition:background-color 0.3s;}
.tgmdev_listbox a:hover {background-color:#f0f0f0;}
/* css_16 */
.sliding_container{width:100%;height:6px;background:#d3d3d3;position:relative;overflow:hidden}
.slider{width:60px;height:6px;top:0;position:absolute}
.slider1{animation:slide1 5s linear infinite alternate}
.slider2{animation:slide2 5s linear infinite alternate}
.slider3{animation:slide3 5s linear infinite alternate}
.slider4{animation:slide4 5s linear infinite alternate}
@keyframes slide1{0%{transform:translateX(0);background:red}100%{transform:translateX(calc(35vw - 50px));background:#00f}}
@keyframes slide2{0%{transform:translateX(calc(70vw - 100px));background:#00f}100%{transform:translateX(35vw);background:red}}
@keyframes slide3{0%{transform:translateX(calc(35vw - 50px));background:#00f}100%{transform:translateX(0);background:red}}
@keyframes slide4{0%{transform:translateX(35vw);background:red}100%{transform:translateX(calc(70vw - 100px));background:#00f}}
/* css_17 */
.tgmdev_img_slide{display:inline-block;max-width:100%;border:thin silver solid;position:relative;overflow:visible;z-index:0;--TransformScale:1.5;--TransitionDuration:2.0s;--TransitionDelay:0.5s;transition: z-index 0s calc(var(--TransitionDuration) + var(--TransitionDelay));}
.tgmdev_img_slide:hover{z-index: 1;transition-delay: 0s;}
.tgmdev_img_slide img{display:block;max-width:100%;height:auto;transform-origin: var(--TransformOrigin, center center);transition:transform var(--TransitionDuration) ease var(--TransitionDelay);will-change:transform;}
.tgmdev_img_slide:hover img{transform:scale(var(--TransformScale));}
@media (max-width:700px){.tgmdev_table_col{flex-basis:100%}.tgmdev_img_slide:hover img{transform:none}}
/* css_18 */
.tgm_chart{ width:var(--cw,100%);margin-left:auto;margin-right:auto;}
/* css_19 */
.tgm_tooltip {position: relative;display: inline-block;}
.tgm_tooltip_text {visibility:hidden;opacity: 0;position:absolute;left:50%;top:100%;transform: translateX(-50%);width: max-content;max-width: 260px;background-color: rgba(194, 233, 255, 0.85);color: black;
      text-align: center;font-size: 0.85rem;padding: 0.1rem 0.1rem;border-radius:2px;z-index:20;transition:opacity 0.25s ease;pointer-events:none;}
.tgm_tooltip:hover .tgm_tooltip_text {visibility:visible;opacity:1;}
/* css_20 */
.tgm_gif_box {position:relative;display: inline-block;z-index:100;overflow:visible;}
.tgm_attribution {position:absolute;width: max-content;max-width:var(--amw,500px);bottom:var(--ab,-10px);font-size:var(--afs,8px);padding:0px 0px;background-color:rgba(255, 255, 255,0.85);color:var(--atc,darkgreen);text-decoration: none;
    border-radius:0.25rem;opacity:0;transition:opacity 0.25s ease;}
.tgm_attr_right{right:0;left:auto;}
.tgm_attr_left{left:0;right:auto;}
.tgm_attr_center{left:50%;right:auto;transform:translateX(-50%);}
.tgm_gif_box:hover .tgm_attribution {opacity:1;}
/* css_21 */
.highlight_menu input[type="radio"] {display:none;}
.highlight_img_box {position:relative;display:inline-block;}
.highlight_img_box img {display:block;}
.highlight_rect {display:none;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:4px solid blue;border-radius:8px;box-sizing:border-box;pointer-events:none;}
.highlight_list label {cursor:pointer;color:blue;text-decoration:underline;}
#highlight_1:checked ~ .highlight_img_box .highlight_rect_1 {display:block;}
#highlight_2:checked ~ .highlight_img_box .highlight_rect_2 {display:block;}
#highlight_3:checked ~ .highlight_img_box .highlight_rect_3 {display:block;}
#highlight_4:checked ~ .highlight_img_box .highlight_rect_4 {display:block;}
#highlight_5:checked ~ .highlight_img_box .highlight_rect_5 {display:block;}
#highlight_6:checked ~ .highlight_img_box .highlight_rect_6 {display:block;}
#highlight_7:checked ~ .highlight_img_box .highlight_rect_7 {display:block;}
#highlight_8:checked ~ .highlight_img_box .highlight_rect_8 {display:block;}
#highlight_9:checked ~ .highlight_img_box .highlight_rect_9 {display:block;}