#game_fr{display: none}
#tips{display: none}

#vertical{display: block}
body{background-color: #26313d !important}

html{width: 100%; height: 100%}
body{background-color: #26313d; max-width: 100%; height: 100%; margin: 0; padding: 14px 7px 0 7px; min-width: 560px; 
    box-sizing: border-box;}
#vertical{height: 100%; position: relative}
#vertical > div{}
#vertical > div:nth-child(1){width: 100%; height: 135px; border-radius: 20px 20px 0 0;  border:1px solid  #4b9dc6; position: relative}
#vertical > div:nth-child(2){ position: absolute; top:142px; left: 0px; right: 0px; bottom: 0px;}
	
#vertical > div:nth-child(1) > div:nth-child(1){position: absolute; top:-16px; width: 100%; text-align: center}
#vertical > div:nth-child(1) > div:nth-child(1) > span {font-family: LCD; font-size: 24px; text-align: left; color: #4c9fc9; background-color: #26313d; padding: 0 7px}
	
#vertical > div:nth-child(1) > div:nth-child(2){margin-top: 14px; padding: 0 7px; position: relative}
#vertical > div:nth-child(1) > div:nth-child(3), #vertical > div:nth-child(1) > div:nth-child(4){margin-top: 7px; padding: 0 7px; position: relative}
	
#vertical > div:nth-child(1) > div:nth-child(2) > span, #vertical > div:nth-child(1) > div:nth-child(3) > span{text-align: right; display: inline-block; width: 84px; font-family: AgencyFBCyrillic; font-size: 24px; font-weight: bold; color: #4c9fc9;}
	
#vertical > div:nth-child(1) > div:nth-child(2) > div{position: absolute; left: 100px; right: 7px; top: 0; text-align: center; font-family: LCD; font-size: 27px; color: #7ed321;}
	
#vertical > div:nth-child(1) > div:nth-child(3) > div{position: absolute; left: 100px; right: 7px; top: 0; text-align: center; font-family: LCD; font-size: 27px}
#vd_profit > span{margin-right: 10px; position: absolute; left: 7px;}


#vertical > div:nth-child(1) > div:nth-child(4) > div {position: absolute; font-family: LCD; font-size: 27px}
#vertical > div:nth-child(1) > div:nth-child(4) > div:nth-child(1){text-align: right; left: 70px; background: url(../img/vert_im/one_blue_people.png) center right no-repeat; width: 24px; height: 28px}
	
#vertical > div:nth-child(1) > div:nth-child(4) > div:nth-child(2){text-align: right; left: 100px; width: 150px; height: 28px;  color: #7ed321; line-height: 1em;}
	
#vertical > div:nth-child(1) > div:nth-child(4) > div:nth-child(3){text-align: right; left: 270px; background: url(../img/vert_im/green_people.png) center right no-repeat; width: 30px; height: 28px}
	
#vertical > div:nth-child(1) > div:nth-child(4) > div:nth-child(4){text-align: right; left: 310px; width: 150px; height: 28px;  color: #7ed321; line-height: 1em;}
	
#vertical > div:nth-child(1) > div:nth-child(4) > div:nth-child(5){text-align: right; left: 480px; height: 28px; right: 7px;  color: #b91b41; line-height: 1em;}
	
.asinput{background-color: #1e2833; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5); padding: 0 7px}

#vertical > div:nth-child(2) > div:nth-child(1), #vertical > div:nth-child(2) > div:nth-child(1) div{max-height: 14px; min-height: 14px; height: 14px; border: none; padding: 0}
#vertical > div:nth-child(2) > div:nth-child(1){position: absolute; height: 14px; top: -10px; z-index: 10; text-align: center; left:88px; right: 0; border: none}
#v_timer{ width: 252px; background:#26313d url(../img/vert_im/v_bg_progress.png) left center no-repeat; margin: 0 auto}
#v_timer > div{ width: 252px; background: url(../img/vert_im/v_progress.png) left center no-repeat;}
	
#vertical > div:nth-child(2) > div:nth-child(2){position: absolute; left: 0px; top:0px; bottom: 7px; width: 81px; border: 1px solid #4b9dc6; overflow: hidden; border-radius:0 0 0 20px}
	
#vertical > div:nth-child(2) > div:nth-child(3){position: absolute; left: 88px; top: 0px; bottom: 7px; right: -2px; border: 1px solid #4b9dc6; padding: 7px; border-radius:0 0 20px 0; overflow: hidden}
	
#vertical > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){text-align: center; margin: 7px 0}
#vertical > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){border-bottom: 1px solid #4b9dc6; text-align: center; padding-bottom: 7px}
#vertical > div:nth-child(2) > div:nth-child(2) > div:nth-child(3){padding-top: 7px}
	
.afb24{font-family: AgencyFBCyrillic; font-size: 24px; font-weight: bold; color: #4c9fc9;}
.LCD27{font-family: LCD; font-size: 27px;}
	
.vd_btn, #vd_hist_log > div{width: 60px; height: 60px; box-sizing: border-box; box-shadow: inset 1px 2px 4px 0 rgba(19, 19, 19, 0.5), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 1px 2px 4px 0 rgba(19, 19, 19, 0.5), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 1px 2px 4px 0 rgba(19, 19, 19, 0.5), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.5); cursor: pointer}
.to_center_marg, #vd_hist_log > div{margin: 0 auto}
	
.gr_up{background: url(../img/vert_im/up.png) center center no-repeat}
.gr_down{background: url(../img/vert_im/down.png) center center no-repeat}
.ta_center, #vd_pole > div{text-align: center}
#vd_curr_lvl, #vd_wnd_curr_win{font-family: Impact; font-size: 54px; line-height: 1.1em; }
#vd_curr_lvl, #vd_curr_lvl_num{color: #acb0b5;}

/* Уровень: одна цифра (ширина как у .vd_btn — 60px, не расширяем колонку). */
#vd_curr_lvl {
	overflow: hidden;
	height: 64px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
#vd_curr_lvl_num {
	display: block;
	line-height: 1;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

#vd_wnd_curr_win{background-color: #455566; text-align: center; color: #6b767d}

#vd_hist_log > div{font-family: Impact; font-size: 54px; color:#6b767d; text-align: center; background-color: #303d4b; text-shadow: 0 2px 3px #000000; line-height: 1.1em}
#vd_curr_bet{color:#7ed321; text-align: center}
#vd_action{width: 317px;height: auto; margin: 7px auto; text-align: center;}
#vd_pole{width: 317px;height: auto; margin: 7px auto; text-align: center;}
#vd_pole > div{width: 101px; border-radius: 6px; background-color: #26313d; box-sizing: border-box;  border:1px solid #3c97c6; display: inline-block; margin-bottom: 7px; cursor: pointer; font-family: Impact; font-size: 60px; color: #4c9fc9; text-shadow: 0 2px 3px #000000; line-height: 1.7em; position: relative}

#vd_pole > div:not(:nth-child(3n+1)){margin-left: 7px}

#vd_pole > div > div{position: absolute; top:6px; left:6px; bottom: 6px; right: 6px; border:1px solid #3c97c6; border-radius: 50%; opacity: 0}

#vd_pole[mybet="0"]:hover:not([win_num]) > div:not(:hover) > div{opacity: 0.5}

#vd_pole[mybet="1"]:not([win_num]) > div:not(:nth-child(1)) > div,
#vd_pole[mybet="2"]:not([win_num]) > div:not(:nth-child(2)) > div,
#vd_pole[mybet="3"]:not([win_num]) > div:not(:nth-child(3)) > div,
#vd_pole[mybet="4"]:not([win_num]) > div:not(:nth-child(4)) > div,
#vd_pole[mybet="5"]:not([win_num]) > div:not(:nth-child(5)) > div,
#vd_pole[mybet="6"]:not([win_num]) > div:not(:nth-child(6)) > div,
#vd_pole[mybet="7"]:not([win_num]) > div:not(:nth-child(7)) > div,
#vd_pole[mybet="8"]:not([win_num]) > div:not(:nth-child(8)) > div,
#vd_pole[mybet="9"]:not([win_num]) > div:not(:nth-child(9)) > div {opacity: 1}

#vd_pole[mybet="1"][win_num="1"] > div:nth-child(1) > div,
#vd_pole[mybet="2"][win_num="2"] > div:nth-child(2) > div,
#vd_pole[mybet="3"][win_num="3"] > div:nth-child(3) > div,
#vd_pole[mybet="4"][win_num="4"] > div:nth-child(4) > div,
#vd_pole[mybet="5"][win_num="5"] > div:nth-child(5) > div,
#vd_pole[mybet="6"][win_num="6"] > div:nth-child(6) > div,
#vd_pole[mybet="7"][win_num="7"] > div:nth-child(7) > div,
#vd_pole[mybet="8"][win_num="8"] > div:nth-child(8) > div,
#vd_pole[mybet="9"][win_num="9"] > div:nth-child(9) > div {opacity: 1; border-color: #b91b41}

#vd_pole[mybet="1"][win_num="1"] > div:nth-child(1),
#vd_pole[mybet="2"][win_num="2"] > div:nth-child(2),
#vd_pole[mybet="3"][win_num="3"] > div:nth-child(3),
#vd_pole[mybet="4"][win_num="4"] > div:nth-child(4),
#vd_pole[mybet="5"][win_num="5"] > div:nth-child(5),
#vd_pole[mybet="6"][win_num="6"] > div:nth-child(6),
#vd_pole[mybet="7"][win_num="7"] > div:nth-child(7),
#vd_pole[mybet="8"][win_num="8"] > div:nth-child(8),
#vd_pole[mybet="9"][win_num="9"] > div:nth-child(9) {color: #b91b41}

#vd_pole[win_num="1"]:not([mybet="1"]) > div:nth-child(1) > div,
#vd_pole[win_num="2"]:not([mybet="2"]) > div:nth-child(2) > div,
#vd_pole[win_num="3"]:not([mybet="3"]) > div:nth-child(3) > div,
#vd_pole[win_num="4"]:not([mybet="4"]) > div:nth-child(4) > div,
#vd_pole[win_num="5"]:not([mybet="5"]) > div:nth-child(5) > div,
#vd_pole[win_num="6"]:not([mybet="6"]) > div:nth-child(6) > div,
#vd_pole[win_num="7"]:not([mybet="7"]) > div:nth-child(7) > div,
#vd_pole[win_num="8"]:not([mybet="8"]) > div:nth-child(8) > div,
#vd_pole[win_num="9"]:not([mybet="9"]) > div:nth-child(9) > div {opacity: 1; border-color: #7ed321}

#vd_pole[win_num="1"]:not([mybet="1"]) > div:nth-child(1),
#vd_pole[win_num="2"]:not([mybet="2"]) > div:nth-child(2),
#vd_pole[win_num="3"]:not([mybet="3"]) > div:nth-child(3),
#vd_pole[win_num="4"]:not([mybet="4"]) > div:nth-child(4),
#vd_pole[win_num="5"]:not([mybet="5"]) > div:nth-child(5),
#vd_pole[win_num="6"]:not([mybet="6"]) > div:nth-child(6),
#vd_pole[win_num="7"]:not([mybet="7"]) > div:nth-child(7),
#vd_pole[win_num="8"]:not([mybet="8"]) > div:nth-child(8),
#vd_pole[win_num="9"]:not([mybet="9"]) > div:nth-child(9) {color: #7ed321}

	
#vd_pole > div:hover, #vd_action > #vd_cancel:hover, #vd_action > #vd_send:hover{box-shadow: inset -4px -4px 5px 0 rgba(0, 0, 0, 0.5), inset 4px 4px 3px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset -4px -4px 5px 0 rgba(0, 0, 0, 0.5), inset 4px 4px 3px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:inset -4px -4px 5px 0 rgba(0, 0, 0, 0.5), inset 4px 4px 3px 0 rgba(0, 0, 0, 0.5)}
	
#vd_action > #vd_cancel, #vd_action > #vd_send{height: 83px; border-radius: 6px; box-sizing: border-box;  border:1px solid #3c97c6; display: inline-block;  cursor: pointer; }
#vd_action > #vd_cancel{width: 100px;background: #26313d url(../img/vert_im/cancel.png) center center no-repeat; margin: 0 7px 7px 0;} 
#vd_action > #vd_send{width: 207px; background: #26313d url(../img/vert_im/apply.png) center center no-repeat; margin: 0 0 7px 0;}
	
#vd_win_summ{color:#4c9fc9; text-align: center}
	
#par_1, #par_2, #par_3, #par_4{margin: 7px 0 0 0}
#par_1 > div, #par_2 > div, #par_3 > div, #par_4 > div{margin-left: 45px; color:#7bd324; text-align: right}
#par_1{background: url(../img/vert_im/blue_people.png) 5px center no-repeat}
#par_2{background: url(../img/vert_im/green_people.png) 6px center no-repeat}
#par_3{background: url(../img/vert_im/red_people.png) 6px center no-repeat}
#par_4{background: url(../img/vert_im/one_gray_people.png) 8px center no-repeat}

#par_3 > div{position: relative}
#par_3 > div > span{position: absolute; color:#7bd324; left:7px}
	
#vd_btn_bar{position: absolute; bottom: 7px; left:0}
#vd_btn_bar > div{display: inline-block; border-radius: 7px; background-color: #26313d; box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.5), -2px 2px 4px 0 rgba(34, 34, 34, 0.5); -webkit-box-shadow:px 4px 8px 0 rgba(0, 0, 0, 0.5), -2px 2px 4px 0 rgba(34, 34, 34, 0.5); -moz-box-shadow:px 4px 8px 0 rgba(0, 0, 0, 0.5), -2px 2px 4px 0 rgba(34, 34, 34, 0.5); border: solid 1px #4c9fc9;font-family: AgencyFBCyrillic; font-size: 16px; font-weight: bold; text-align: center; color: #4c9fc9; text-transform: uppercase; line-height: 1.5em; padding: 0 7px; margin-left: 7px; cursor: pointer}
#vd_btn_bar > div:hover{background-color: #4c9fc9; color: #26313d}


.rtxt, .rtxt > span{color: #b91b41 !important}
.gtxt, .gtxt > span{color: #7ed321 !important}