#id, #id2, #id3, #id4, #id5 {position: absolute; opacity: 0;}
.one, .one2, .one3, .one4, .one5 { visibility: hidden; position: absolute; } 
input:checked ~ .one { visibility: visible; position: relative; }
input:checked ~ .one2 { visibility: visible; position: relative; }
input:checked ~ .one3 { visibility: visible; position: relative; }
input:checked ~ .one4 { visibility: visible; position: relative; }
input:checked ~ .one5 { visibility: visible; position: relative; }


.bold {font-weight: 500;line-height: 2;}
.img-icon-ts {display: inline-block;width: auto;vertical-align: text-top;}

input:checked ~ .btn-dop-info {background: #fff; }		
input:checked ~ .btn-dop-info3 {background: #eff2f5; }	


input:checked ~ .btn-dop-info:after {content: "Свернуть \25B4"; }
input:checked ~ .btn-dop-info2:after { content: "Свернуть \25B4";}
input:checked ~ .btn-dop-info3:after { content: "Свернуть \25B4";}

.btn-dop-info:after {content: "Подробнее \25BE"; font-size:15px;}
.btn-dop-info2:after {content: "Подробнее \25BE"; font-size:15px;}
.btn-dop-info3:after {content: "Подробнее \25BE"; font-size:15px;}

.btn-dop-info { display: block; cursor: pointer; margin: 0 auto; text-align: center; font-weight: 400;  line-height: 2; background: #eff2f5;  border-radius: 0px 0px 4px 4px; color: #1865a7;text-decoration: none}		
.btn-dop-info2 { display: block; cursor: pointer; margin: 0 auto; text-align: center; font-weight: 400;  line-height: 2; background: #eff2f5; color: #1865a7; text-decoration: none}		
.btn-dop-info3 { display: block; cursor: pointer; margin: 0 auto; text-align: center; font-weight: 400;  line-height: 2; background: #eff2f5; color: #1865a7; text-decoration: none}		
		
	
	
.btn-dop-info:hover {color: #ef0808;} 	
.btn-dop-info2:hover {color: #ef0808;} 	
.btn-dop-info3:hover {color: #ef0808;} 	

input:checked ~ .Asia {background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%);  }
input:checked ~ .America {background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%);  }
input:checked ~ .f-n { border-radius: 0px; background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%); }	
input:checked ~ .f { background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%); }		
input:checked ~ .f5-n { border-radius: 0px; background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%);  }
input:checked ~ .f5 { border-radius: 0px; background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%);  }



.dop-info{display: flex; flex-direction: column-reverse; font-size: 15px; padding: 10px 20px; background: #fff; text-align: center;}

.text-info {padding-right: 10px;padding-bottom: 6px;}
.img-info {max-width: 128px; height: auto; border-radius: 4px; margin: 10px auto; border: 1px solid #d1dae7; }

.content-text-time {padding:30px; min-width: 252px; min-height: 600px;background: #fff; border: 1px solid #fff; border-radius: 4px; display: block; margin: 20px 10px 10px 10px;}
.vertical-align{min-width:252px;box-sizing:border-box;width:100%;}
#map{min-width:252px;position:relative}
.img-map{width:100%;vertical-align:bottom; border-radius: 8px 8px 0px 0px; opacity:1; max-height:460px; border: 1px solid #eff2f5; overflow: hidden;}




.mytable1{ min-width:250px; padding:0; border-spacing:0; border-radius: 0px 0px 8px 8px; border: 1px solid #eff2f5; overflow: hidden;}
.mytable { min-width:250px;padding:0;border-spacing:0;border-radius: 0px 0px 8px 8px; border: 1px solid #eff2f5;overflow: hidden;}


.mytable .opened .name{color:#333}
.mytable .closed .name{color:#333}
.mytable .opened [role="timer"]{color:red}
.mytable .closed [role="timer"]{color:#333}
.mytable .opened [role="document"]{color:red}
.mytable .closed [role="document"]{color:#333}
.mytable .opened [role="marquee"]{color:red}
.mytable .closed [role="marquee"]{color:#333}
.mytable .opened [role="note"]{color:red}
.mytable .closed [role="note"]{color:#333}

.mytable1 .opened .name{color:#333}
.mytable1 .closed .name{color:#333}
.mytable1 .opened [role="timer"]{color:red}
.mytable1 .closed [role="timer"]{color:#333}
.mytable1 .opened [role="document"]{color:red}
.mytable1 .closed [role="document"]{color:#333}
.mytable1 .opened [role="marquee"]{color:red}
.mytable1 .closed [role="marquee"]{color:#333}
.mytable1 .opened [role="note"]{color:red}
.mytable1 .closed [role="note"]{color:#333}


.Pacific{width:auto;padding:12px 20px;overflow:hidden;background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%); }
.Asia{width:auto;padding:12px 20px;overflow:hidden;background:#fff;}
.Europe{width:auto;padding:12px 20px;overflow:hidden;background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%);}
.America{width:auto;padding:12px 20px;overflow:hidden;background:#fff;}
.f5{width:auto;padding:14px 20px;overflow:hidden;background:#fff;}
.f5-n {width:auto;padding:14px 20px;overflow:hidden;background:#fff;}
.f{width:auto;padding:14px 20px;overflow:hidden;background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%); }
.f-n {width:auto;padding:14px 20px;overflow:hidden;background:#eff2f5; background: linear-gradient(45deg, #eff2f5 10%, #f7f9fa 90%);}
.name{width:48%;text-align:left;float:left}
.time{text-align:right;width:48%;float:right}
.indicator{position:absolute; box-shadow:0 0 0; height:auto; background-size:100%!important; overflow:hidden}
.indicator.opened{overflow:hidden}
.indicator.closed{ opacity:0.4;overflow:hidden;border-radius:6px}
.indicator.open-pacific-session{background:#1d9305;border-radius:6px;width:36%;overflow:hidden;box-shadow:1px 3px 12px 1px #25556a}
.indicator.open-asia-session{background:#ff7c09;width:36%;border-radius:6px;overflow:hidden;box-shadow:1px 3px 12px 1px #25556a}
.indicator.open-europe-session{background:#dd2b2b;width:36%;border-radius:6px;overflow:hidden;box-shadow:1px 3px 12px 1px #25556a}
.indicator.open-american-session{background:#248cd9;width:36%;border-radius:6px;overflow:hidden;box-shadow:1px 3px 12px 1px #25556a}
.text-Pacific{color:#fff;text-align:center;font-size:110%;padding:3%;overflow:hidden}
.text-Asia{color:#fff;text-align:center;font-size:110%;padding:3%;overflow:hidden}
.text-Europe{color:#fff;text-align:center;font-size:110%;padding:3%;overflow:hidden}
.text-America{color:#fff;text-align:center;font-size:110%;padding:3%;overflow:hidden}
.inform-bottom{font-size:13px;text-align:center;padding:6px;font-weight:400;min-height:20px;min-width:250px;box-sizing:border-box;background: #eaeef6;border-radius: 6px 6px 0px 0px;}
.inform-bottom-two{font-family:"roboto",Tahoma,Arial,sans-serif;font-size:15px;text-align:center;color:#565656;padding:8px;font-weight:500;min-height:20px;border-radius:0 0 12px 12px;min-width:252px;box-sizing:border-box;border-bottom:1px solid #d1dae7;border-left:1px solid #d1dae7;border-right:1px solid #d1dae7;background:#eaeef6;}
.text-block{ margin-bottom: 14px; }
.text-block-two{margin-bottom: 40px;}
.inform-two-eur{text-align:center;background:#ff5d5d;color:#fff;padding:10px;border-radius: 0;min-width:252px;box-sizing:border-box;border-radius: 8px 8px 0px 0px;}
.inform-two-asia{text-align:center;background:#ff8921;color:#fff;padding:10px;min-width:252px;box-sizing:border-box;border-radius: 8px 8px 0px 0px;}
.inform-two-usa{text-align:center;background:#409bde;color:#fff;padding:10px;min-width:252px;box-sizing:border-box;border-radius: 8px 8px 0px 0px;}
.inform-two-nzd{text-align:center;background:#4fab3c;color:#fff;padding:10px;min-width:252px;box-sizing:border-box;border-radius: 8px 8px 0px 0px;}

#block-content {display: flex;  max-width: 1220px;}

#content-section-sessions { border-radius: 12px; width: 100%; box-sizing: border-box; box-shadow: 0 2px 8px rgb(220 227 236), 0 0 0px rgb(209 218 231);}


.wrapper-sessions {display: flex; flex-direction: column; min-height: 100vh; margin: 0px 70px 10px 70px;}
.content-text-sessions { padding: 20px 40px 10px 40px; background: #fff; border-radius: 12px; display: block;}
	
.h1-sessions {font-size: 28px;font-weight: 500;line-height: 1.3;text-align: center; padding-bottom: 10px;}
.h-trading-sessions {padding: 30px 0px 30px 0px; font-size: 24px; font-weight: 500; text-align: center;}
.h3-torg-sessions {font-weight: 400; font-size: 16px; padding: 6px 0px; display: inline-block;}

.div-block-clock {width: auto; margin: 0 auto; text-align: center; margin-bottom: 14px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgb(220 227 236), 0 0 0px rgb(209 218 231);}

.name-clock {font-size: 15px; font-weight: 500; color: #000; background: #f4f7f8; background: linear-gradient(45deg, #f4f7f8 6%, #fdfdfd 94%); border-bottom: #f4f7f8 solid 1px;  padding: 6px;}

.Tokyo, .Kolkata, .Sao, .Berlin, .london, .HongKong, .NewZealand, .us, .Sydney, .Moscow { margin: 0 auto; font-size: 16px; padding: 12px; background: #ffffff; color: #555; }

.right-block-clock {width: 130px; flex: 0 0 auto; border-radius: 12px; margin-left: 14px; height: 456px; float: right;}

.left-block-clock {width: 130px; flex: 0 0 auto; border-radius: 12px; margin-right: 14px; height: 456px; float: left;}

.i-c {display: inline-block;}



body.dark-mode .btn-dop-info {color: #91a3b9;}
body.dark-mode .btn-dop-info:hover {color: #ccc;}
body.dark-mode .btn-dop-info2 {color: #91a3b9;}
body.dark-mode .btn-dop-info2:hover {color: #ccc;}
body.dark-mode .btn-dop-info3 {color: #91a3b9;}
body.dark-mode .btn-dop-info3:hover {color: #ccc;}

body.dark-mode .dop-info {border: none; background: #293741;}
body.dark-mode input:checked ~ .btn-dop-info {background: #38474e;}

body.dark-mode input:checked ~ .Asia { background: #34434a;}
body.dark-mode input:checked ~ .America { background: #34434a;}
body.dark-mode input:checked ~ .f5-n { background: #34434a;}
body.dark-mode input:checked ~ .f5 { background: #34434a;}
body.dark-mode input:checked ~ .btn-dop-info3 { background: #34434a;}

body.dark-mode .img-info {border: 1px solid #23313b; }

body.dark-mode .btn-dop-info { background: #34434a; border: none;}
body.dark-mode .btn-dop-info2 { background: #34434a; border: none;}
body.dark-mode .btn-dop-info3 { background: #34434a; border: none;}
body.dark-mode .img-map { border: 1px solid #34434a; }


body.dark-mode .mytable1 { border: 1px solid #34434a;}

body.dark-mode #clock {color: #c5c5c5;background: #1f2c35;}	
body.dark-mode .Pacific {background: #34434a;}	
body.dark-mode .Asia {background: #23313b;}	
body.dark-mode .Europe {background: #34434a;}	
body.dark-mode .America {background: #23313b;}
body.dark-mode .inform-bottom {background: #34434a;}
body.dark-mode .f5 {background: #23313b;}
body.dark-mode .f5-n {background: #23313b;}
body.dark-mode .f {background: #34434a;}
body.dark-mode .f-n {background: #23313b;}	
body.dark-mode .content-text-sessions {background: #23313b; border: 1px solid #2f3941;}
body.dark-mode .name-clock {color: #888;}



body.dark-mode .Tokyo { background: #23313b; color: #b7bdc4;}
body.dark-mode .Kolkata { background: #23313b; color: #b7bdc4;}
body.dark-mode .Sao { background: #23313b; color: #b7bdc4;}
body.dark-mode .Berlin { background: #23313b; color: #b7bdc4;}
body.dark-mode .london { background: #23313b; color: #b7bdc4;}
body.dark-mode .HongKong { background: #23313b; color: #b7bdc4;}
body.dark-mode .NewZealand { background: #23313b; color: #b7bdc4;}
body.dark-mode .us { background: #23313b; color: #b7bdc4;}
body.dark-mode .Sydney { background: #23313b; color: #b7bdc4;}
body.dark-mode .Moscow { background: #23313b; color: #b7bdc4;}

body.dark-mode .name-clock { background: #283641; border-bottom: #1f2c35 solid 1px;}

body.dark-mode .div-block-clock {box-shadow: none;}
body.dark-mode #content-section-sessions {box-shadow: none;}


body.dark-mode .mytable {border: 1px solid #38474e;}
body.dark-mode .mytable .closed [role="timer"] {color: #b7bdc4;}	
body.dark-mode .mytable .closed .name { color: #bcc1c5;}	
body.dark-mode .mytable .opened .name { color: #bcc1c5;}	
body.dark-mode .mytable .opened [role="timer"] { color: #d5be0e;}
body.dark-mode .mytable .closed [role="document"] {color: #b7bdc4;}	
body.dark-mode .mytable .opened [role="document"] {color: #d5be0e;}
body.dark-mode .mytable .closed [role="marquee"] {color: #b7bdc4;}	
body.dark-mode .mytable .opened [role="marquee"] {color: #d5be0e;}
body.dark-mode .mytable .closed [role="note"] {color: #b7bdc4;}	
body.dark-mode .mytable .opened [role="note"] {color: #d5be0e;}

body.dark-mode .mytable1 .closed [role="timer"] {color: #b7bdc4;}	
body.dark-mode .mytable1 .closed .name { color: #bcc1c5;}	
body.dark-mode .mytable1 .opened .name { color: #bcc1c5;}	
body.dark-mode .mytable1 .opened [role="timer"] { color: #d5be0e;}
body.dark-mode .mytable1 .closed [role="document"] {color: #b7bdc4;}	
body.dark-mode .mytable1 .opened [role="document"] {color: #d5be0e;}
body.dark-mode .mytable1 .closed [role="marquee"] {color: #b7bdc4;}	
body.dark-mode .mytable1 .opened [role="marquee"] {color: #d5be0e;}
body.dark-mode .mytable1 .closed [role="note"] {color: #b7bdc4;}	
body.dark-mode .mytable1 .opened [role="note"] {color: #d5be0e;}

body.dark-mode .inform-two-nzd { background: #3b5c4a; color: #c5c5c5;}
body.dark-mode .inform-two-asia { background: #635640; color: #c5c5c5;}		
body.dark-mode .inform-two-eur {background: #533d3a; color: #c5c5c5;}	
body.dark-mode .inform-two-usa {background: #2a3e58; color: #c5c5c5;}		






@media screen and (max-width:1024px){.content-text-time {padding: 30px 16px;margin: 10px 10px 10px 10px;}}

@media screen and (max-width:980px){.content-text-sessions {padding: 20px 20px 10px 20px;} .dop-info {padding: 10px 10px;} .f-n {padding: 10px 10px;} .f5-n {padding: 10px 10px;} .Pacific{width:auto;padding: 10px 10px;}.Asia{width:auto;padding: 10px 10px;}.Europe{width:auto;padding: 10px 10px;}.America{width:auto;padding: 10px 10px;}.f5{width:auto;padding: 10px 10px;}.f{width:auto;padding: 10px 10px;}}







@media screen and (max-width:980px){ 
    
  .mytable { font-size:15px;}   .mytable1 { font-size:15px;} 
    
.left-block-clock { width: auto; margin-right: 0px; height: auto; position: absolute; display: flex; left: 65px; right: 65px; }
.right-block-clock { width: auto; margin-top: 90px; margin-left: 0px; height: auto; position: absolute; display: flex; left: 65px; right: 65px; } 
.div-block-clock { width: 100%; margin: 0px 5px; }  
#content-section-sessions { margin-top: 180px; }  

.Tokyo, .Kolkata, .Sao, .Berlin, .london, .HongKong, .NewZealand, .us, .Sydney, .Moscow { margin: 0 auto; font-size: 15px; padding: 8px 12px;}

}



@media screen and (max-width:700px){ .right-block-clock {display: none;} .left-block-clock {display: none;} #content-section-sessions { margin-top: 0px; }}








@media screen and (max-width:700px){
 .h1-sessions { line-height: 1.2; font-size: 22px;  font-weight: 500; margin: 14px 0px 14px 0px; }
.h-trading-sessions {line-height: 1.2;font-size: 21px; font-weight: 500;}
.wrapper-sessions { margin: 0px 0px;}
.data-text {font-size: 12px;}
.content-text-sessions {padding: 1px 15px 10px 15px; border-radius: 12px;}
.h1-sessions { padding: 4px 0px;}
.mytable1 {font-size: 15px;}
.mytable {font-size: 15px; font-weight: 500;}

#map {font-weight: 500;}

.h3-torg-sessions {font-weight: 400; font-size: 14px;}
.Pacific, .Asia, .Europe, .America { font-weight: 500; }
    .dop-info { font-weight: 400; font-size: 14px; }
}

@media screen and (max-width:650px){.text-Europe{font-size:100%}
.text-America{font-size:100%}
.text-Asia{font-size:100%}
.text-Pacific{font-size:100%}
}



@media screen and (max-width:450px){.mytable td{padding:16px 20px;border:none}
.mytable td{text-align:left}
 .inform-bottom{font-size:90%}
 .inform-two{font-size:90%}
 .inform{font-size:90%}
 body{font-size:100%}
.text-Europe{font-size:80%}
.text-America{font-size:80%}
.text-Asia{font-size:80%}
.text-Pacific{font-size:80%}
 #clock{min-height: 35px;font-size:90%}
}
@media screen and (max-width:320px){body{font-size:13px}
 .text-Europe{font-size:76%;padding:3%}
.text-America{font-size:76%;padding:3%}
.text-Asia{font-size:76%;padding:3%}
.text-Pacific{font-size:76%;padding:3%}
 #clock{min-height: 32px;}
}