/*  default settings */
#tlinks, .scp h3, .str h3 { display:none !important; }
.m .site-content .ezoic-ad, .m .site-content .ads { min-height: 270px !important; }       
.d .site-content .ezoic-ad, .d .site-content .ads { min-height: 310px !important; }
#ezoic-pub-ad-placeholder-100 .ezoic-ad { min-height:unset !important; }

.green { background-color:#74c947;  } .green2 { background-color:#5fa624 }  html { scrollbar-width:thin; }
h1,h2,h3 { text-align:center; font-weight:500; margin-bottom:10px; } h1 { font-size: 19px; } h2 { font-size:18px; } h3 { font-size:17px; text-align:left; }
h1,h2,h3,h4,.slinks,input[type="submit"] { text-transform: capitalize; }
b,strong { font-weight:500 } .menu-toggle { line-height:30px;  } p { margin-bottom:10px; margin-top:7px; }  br+a { text-align:center; }
body, button, input, select, textarea { font-size: 16px; }
.fimg { display: block; min-height: 240px; border-radius: 100%; margin-bottom:16px; object-fit: cover; }  .d .fimg { float: left; max-width: 38%; margin-right: 40px; }

.inside-header { padding-top:10px; padding-bottom:0px; }
.m #content { padding:0 } 

/* custom train pages */
.site-content>div, .sec, section { box-shadow: 0 1px 2px rgba(0,0,0,.05); background-color: white; margin: 5px 0px; } .sec, section { padding: 8px 10px; } section>.sec { padding:5px 8px; } section>* .sec { border: 1px solid rgba(0, 0, 0, 0.15); }

/* form specific */
form>*, .eform>* { width: 98%; display:block; margin-bottom:10px; } #msg { text-align:center; color:red; }
.fdt { overflow-x:overlay; display: flex; column-gap: 2px; justify-content: space-between; } .fdt input {  display: none; }
.fdt label { padding: 8px 20px; cursor: pointer; background: #f5f5f5; transition: 0.3s; }  .fdt> input:disabled + label {  display: none; }
.slinks>div { display: flex; overflow-x: overlay; } .slinks a { min-width:60px; margin:0 10px; text-align: center; } .slinks img { display:block; width:110px; }

/* loading progress */
.active, button, .fdt input:checked + label, input[type="submit"] { color:white; background-color:var(--accent); font-weight:500; }
.loading { pointer-events: none; background-image: linear-gradient(90deg, teal 0%,  #209dd5 100%) !important;background-repeat: no-repeat  !important; background-color:teal !important; animation-timing-function: ease-out; }
button.loading, input[type="submit"].loading { animation: hLoading 7s infinite; } li.loading { animation: vLoading 3s infinite;  }
@keyframes hLoading { 0% { background-size:0% 100%; }  100% { background-size:100% 100%; } }
@keyframes vLoading { 0% { background-size:0% 100%; }  100% { background-size:100% 100%; } }

/* train html render */
#content ol {list-style: none;margin: 0 10px 10px;}
.scp, .str {display:flex; align-items:center; overflow-x:overlay; padding-top:10px; gap:5px; scrollbar-width: thin; } 

.scp h3 { max-width:68px; }
.scp ol, .str ol {display: flex;flex-direction: row;line-height: 1.8;}
.str li {min-width: 101px;}
.scp li {padding: 5px 10px;border: 1px solid lightgray;cursor: pointer;white-space: nowrap;}

.sts{padding: 8px 5px; overflow:overlay; }.sts .tbL{order:1;} .sts .tbM{order:2;} .sts .tbU{order:3;} .sts .tbR{order:4;} .sts .tbP{order:5;}
.sts ol { display: grid; grid-template-rows: repeat(2, auto); grid-auto-flow: column; justify-content: space-evenly; border-bottom: 1px solid lightgray; }

.sts li { margin:0 auto; position:relative; }
.sts li span {display:block;background-color: #eee; width: 74px;  padding: 5px 0px;  text-align: center; margin: 5px; }
.sts .to0 { background-color:green } .sts .to1 { background-color:#008080b8 } .sts .to2 { background-color:#E0F7FA } .sts .to3 { background-color:#ccc } .sts .tf { background-color:#eeeeee70 } 

.sts li p { display: none; margin-left: 20px; margin-top:-15px; position: absolute;  
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05); background-color: white; padding: 0.7em; border: 1px solid rgba(0, 0, 0, 0.15);
}  .sts li:hover p { display: block; z-index:100; white-space: nowrap; left: 0px; }
.sts .tbU p, .sts .tbR p, .sts .tbP p { margin-left: -120px; }
.sts ol:last-child p {  margin-top: -120px;  }

.sts { max-height: 80vh; padding:0; overflow:scroll; }
.sts td:first-child {  position:sticky; left:-0;  }
.sts tr:first-child {  position:sticky; top:-0; z-index:10; background-color:white; }

.tc { text-align:center; }

.m .spnr table { display: block; overflow: overlay; white-space: nowrap; }

.trs { line-height:30px; position:relative; }  .trs ol  {margin:0 !important; }   .trs li { display: flex; }  .trs span{ min-width:80px }  .trs span:last-child { flex: 1; }
.trs span:nth-child(2){ background: linear-gradient(#f3f3f3, #f2f0f0, #e7e7e7) no-repeat left / 10px 100%; }
.is { background-image: url(/media/svg/tlive.gif);  background-repeat: no-repeat;  background-size: 40px; background-position: 65px 40px; }
.trs>li:nth-child(2n) { display:none; } .is,.isShow { display:block !important; }
.m .is { background-position-x:38px; }
.m .trs span { min-width:67px; white-space:nowrap; }
.m .trs {max-height:45vh;min-height: 400px; overflow: overlay; scrollbar-width: thin; }
.nsStart { background-image: url(/favicon.ico); background-repeat: no-repeat; background-size: 20px; background-position: 45px 5px; } .nsStart>span:nth-child(2) { background:none; color2:#2b66a6;}
.psi span:nth-child(1){ transform: rotate(270deg); }

/* --------------- Desktop tablet overwrite ----------------- */

@media (min-width: 767px) {
  .site-content { flex-wrap: wrap; } .site-content>* { order:10; overflow:hidden; } .sts { padding:10px }
  .stitle,.sform {width: 49.8%;} .site-content>.ad {display:none}  
  .sform { order:-1 } #about { order:30 }  /* until ads */ #about { width:67% } .sts { width:32.8% }
}

/* --------------- Youtube player ----------------- */

.vids { display: flex; flex-wrap: wrap; gap: 1%; }  .vid4>div { flex-basis: 24.25%; } .vid3>div { flex-basis: 32.6%; } .vid2>div { flex-basis: 49.5%; }
@media screen and (max-width: 520px) { .vids>div { flex-basis: unset; }  .yt2, .yt3 { min-width: 100%; } }

.yt, .youtube { /*min-height:180px;*/ position: relative;text-align: center; }  .youtube iframe { min-height: 196px; }
.yt video { height: auto; max-width: 100%;} .yt img:hover, .yt video:hover,  { -webkit-filter:brightness(75%); cursor:pointer; }
.yt:before { height:64px; width:64px; position:absolute; background:url(/dist/train/yt.png) no-repeat center center; cursor:pointer; content: '';z-index: 10;top: 34%;left: 42.5%; opacity: 60%;}

.yt2, .yt3 { position: relative; display: grid; margin-bottom: 1em; }
.yt3:before { content: ''; display: block; padding-bottom: 56.25%; }
.yt3 iframe { position: absolute; height: 100%; width:100%; }
.yt2:before { display:none }


.m .mhide,.d .dhide, .hide { display:none; }