@font-face {
  font-family: 'Rockwell';
  src: url('../fonts/Rockwell.eot');
  src: url('../fonts/Rockwell.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Rockwell.woff2') format('woff2'),
  url('../fonts/Rockwell.woff') format('woff'),
  url('../fonts/Rockwell.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body
{
  background-image: url(../img/bg.jpg); /* Путь к фоновому рисунку */
  background-repeat: repeat;
  background-size: 30px 30px;
  color:white!important;
  font-family: Rockwell!important;
  user-select: none;
}

.edge
{
  padding: 60px;
  text-align:center;
  font-size: 24px;
}

.logo-font{
  font-size: 28px;
  line-height: 30px;
  margin-left: 15px;
}
.l_payment_introtext{
  white-space: pre-line;
}
.cancel_balance_text
{
  color:red!important;
}
.cancel_pay
{
  color:red!important;
  cursor:pointer;
  font-size: 1rem!important;
}
#modal_balance_error
{
  font-weight: bold;
  color:red;
}
.create_champ{
  border: none;
  border-radius: 5px;
  background: #e1ad70;
  padding: 5px 25px;
  margin-top: 10px;
  transition: .5s all ease-in-out;
}
.create_champ:focus{
  outline: none;
}
.create_champ:hover{
  background: #907049;
  transition: .5s all ease-in-out;
}
.icon_box
{
  cursor:pointer;
}
.l_modal_balance_export
{
  width: 200px;
}
.l_modal_balance_import
{
  width: 200px;
}
.red_admin
{
  color:red;
}
.nav-pills .nav-link
{
  word-break: break-all;
}
#flag_choice{
  display: inline-block;
}
.user_name{
  margin-left: 5px;
}
.user_flag{
  margin: 0 5px;
  font-size: 26px;
}
.user_str{
  position: relative;
}
.user_str:hover .country{
  display: block;
}
.user_str .country{
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  background: #fff;
  padding: 0 5px;
  border-radius: 6px;
  pointer-events: none;
  z-index: 1000;
  font-size: 15px;
  font-weight: 400;
}
.user_str .country:before{
  display: block;
  content: '';
  width: 10px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  top: -5px;
  left: 7px;
}
.champion_logo
{
  width:100%;
  padding:20px;
  height:100%;
}
.ch_c_layer .row
{
  height:100%;
}
.champion_logo img
{
width:100%;
}
.champ_description
{
  border:2px solid #cc9e66;
  text-align:center;
  color:white;
  padding:10px;
  width:100%;
  margin:10px;
  border-radius: 15px;
}
.main_body
{
  height:100%;
}
.disconnection
{
  text-align:center;
  padding-top:130px;
}
.disconnection .material-icons
{
font-size:107px!important;
}
.language_select
{
  position:absolute;
  bottom:5px;
  right:5px;
  height:20px;
  line-height:20px;
}
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background:none;
}
input[type=range]:focus {
  outline: none;
}
input[type=radio] {
    display: none;
}
input[type=checkbox] {
    display: none;
}
#check_politics{
  display: inline-block;
}
#oldme{
  display: inline-block;
}
.timer
{

  color:white;
  border-radius:50%;
  width:40px;
  height:40px;
  color:white;
  font-size:20px;
  text-align:center;
  padding-top:5px;
  position:absolute;
  top:10px;
  right:10px;
}
.timer .svg_cont
{
  transform:scale(0.25);
  position:absolute;
  top:-60px;
  right:-60px;
}
.timer svg
{
      transform: rotate(-90deg);
}
.timer .circle
{
  stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 0;
}

.blackTimer_temp .circle
{
stroke:black;
}
.whiteTimer_temp .circle
{
stroke:white;
}
.blackTimer_const .circle
{
stroke:black;
}
.whiteTimer_const .circle
{
stroke:white;
}
.autothrow
{
  top:10px;
  left:10px;
  cursor:pointer;
  position:absolute;
}
.exit_game
{
  bottom:10px;
  left:10px;
  position:absolute;
}
.room_activate
{
 bottom:5px;
 right:10px;
 position:absolute;
 opacity:0.6;
 pointer-events:none;
 z-index:999;
}
.chat_body
{
  position:relative;
  width: 100%;
  display:inline-block;
}
.room_description
{
  position:absolute;
  bottom:10px;
  color:black;
  left:10px;
  z-index:999;
}
.room_activate.active
{
opacity:1;
cursor:pointer;
pointer-events: all;
animation: shadow  1s infinite ease-in-out;
}
.room_activate.active.clicked
{
animation:none;
}
.room_activate .material-icons
{
color:#4c322b;
}
.user_item{
  display: block;
}
.blackTimer_temp
{
  top:auto;
  display:none;
  bottom:60px;
  right:10px;
}
.blackTimer_const
{
  top:auto;
  display:none;
  bottom:10px;
  right:10px;
}
.whiteTimer_temp
{
  top:60px;
  right:10px;
  display:none;
}
.whiteTimer_const
{
  top:10px;
  display:none;
  right:10px;
}
.load_block_btn{
  display: flex;
}
.l_support_file{
  margin-right: 30px;
}
.load_files{
  margin-right: 30px;
}
.l_load_file{
  max-width: 150px;
}
div#v-pills-tabContent {
  max-height: 50vh;
  overflow-y: scroll;
}
div#v-archive {
  max-height: 75vh;
  overflow-y: scroll;
}
.l_politic
{
  cursor: pointer;
  color:red;
}
[data-layers="support_layer"]{
  float: left;
}
.l_support{
  margin-right: 20px;
}
.nav-tabs .nav-link{
  color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #e8b374!important;
}
.tab-content>.tab-pane{
  padding: 20px!important;
}
.nav-pills .nav-link{
  color: #fff;
}
.tab-content>.active{
  display: flex!important;
}
.support_title{
  position: relative;
}
#Politic_modal .l_politic
{
cursor: none;
pointer-events: none;
color:white;
}
#bg_image {
  width:99%;
  position: absolute;
  top: 0;
}
.user_avatar{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}
.admin_avatar{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}
@keyframes bgMoveTop{
  from{
    top: 0;
    left: 0;
    transform: scale(1.5);
  }
  to{
    top: 10%;
    left: 30%;
    transform: scale(2);
  }
}

@keyframes bgMoveBottom{
  from{
    bottom: 0;
    right: 0;
    transform: scale(1.5);
  }
  to{
    bottom: 10%;
    right: 30%;
    transform: scale(2);
  }
}
select{
  max-width: 80%;
}
.opacity_important{
  opacity: 1!important;
}

.img_animate_bg{
  visibility: hidden;
  position: absolute;
}
.img_animate_bg.first{
  animation: bgMoveTop 15s infinite;
}
.img_animate_bg.second{
  animation: bgMoveBottom 15s infinite;
}
.new_game_modal label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
}
.new_game_modal input[type=radio]:checked + label:before {
background-color: #871404;
}
.new_game_modal input[type=checkbox]:checked + label:before {
background-color: #871404;
}
#chat_block{
  position: absolute;
  right: 50px;
  bottom: 8px;
  font-size: 30px!important;
  cursor: pointer;
}
.typing{
  position: absolute;
  bottom: 20px;
  left: 0;
  display: none;
}
.new_game_modal label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top:10px;
    bottom: 1px;
    background-color: #aaa;
}
.ranges
{
  position:relative;

}

.popover-header {
background-image: url(../img/bg.jpg);
color:white;
}

.popover-body
{
  color:white!important;
  background-image: url(../img/bg.jpg);
}
.notifications.rings
{
  color:red!important;
}
.notifications.rings .material-icons
{
  color:red!important;
  animation: shadow  1s infinite ease-in-out;
}
@keyframes shadow_box {
from {box-shadow: 0 0 3px black;}
50% {box-shadow: 0 0 30px black;}
to {box-shadow: 0 0 3px black;}
}
@keyframes shadow_green {
from {text-shadow: 0 0 3px green;}
50% {text-shadow: 0 0 14px green;}
to {text-shadow: 0 0 3px green;}
}
@keyframes shadow {
from {text-shadow: 0 0 3px black;}
50% {text-shadow: 0 0 30px black;}
to {text-shadow: 0 0 3px black;}
}
.notifications .notif
{
  display:none;
}
.notifications.rings .notif
{
  display:inline-block;
}
.range_container{
  margin-top: 15px!important;
}
#name_champ{
  font-size: 16px;
  line-height: 22px;
  width: 100%;
}
#time_champ, #max_ball{
  line-height: 10px;
}
.range_pseudo_pr
{
  position:absolute;
  width:50%;
  background:#871404;
  height:20px;
  top:10px;
  left:0px;
  border-radius:8px;
  z-index:2;
}
.range_pseudo_pr_champ{
  position:absolute;
  width:1%;
  background:#871404;
  height:20px;
  top:10px;
  left:0px;
  border-radius:8px;
  z-index:2;
}
.range_pseudo_slider
{
  position:absolute;
  width:100%;
  top:0px;
  left:0px;
  z-index:3;

  margin-right:10px;
}
.range_pseudo
{
  position:absolute;
  width:100%;
  background:#ebb97e;
  height:20px;
  border-radius:8px;
  top:10px;
  left:0px;
  z-index:1;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  border-radius:5px;
  /* animate: 0.2s; */
  background: none;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #000000;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #7f6240;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}


input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #000000;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #7f6240;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}

.new_game_modal .row
{
margin-top:10px;
margin-bottom:10px;

}
.range_input
{
  position:absolute;
  left:50%;
  top:-25px;
}
.new_game_modal .hbody
{
text-align:center;
font-size:20px;
}
.new_game_modal
{
  font-size:18px;
  line-height:35px;

}
.modal-content
{
  background-image: url(../img/bg.jpg);
}

#confirm_code .material-icons
{
  font-size:40px!important;
  animation: shadow_green  1s infinite ease-in-out;
}
.conf_inactive .material-icons
{
animation: none;
}
.play_button:hover .material-icons
{
transform: scale(0.9);
}
.play_button
{
  position:absolute;
  top:50%;
  cursor:pointer;
  left:50%;
  width:200px;
  height:200px;
  z-index:2;
  line-height:200px;
  margin-left:-100px;
  margin-top:-100px;
  text-shadow: 1px 1px 2px black;
}

.menu_open
{
  position:fixed;
  cursor:pointer;
  transition: all 0.5s ease;
  left:-30px;
  background-repeat: repeat;
  background-size: 30px 30px;
  background-image: url(../img/bg.jpg);
  top:50%;
  z-index:9;
  height:60px;
  width:60px;
  text-align:right;
  padding-top:10px;
  margin-top:-30px;
  border-radius:100%;
  box-shadow: 0 0 2px 0 black;
}
.black_deactivate
{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0px;
  z-index:99;
  left:0px;
  background:rgba(0,0,0,0.8);

}
.menu_open .mobile_menu
{
  display:none;
  text-align:left;
  padding:10px;
}
.open_active
{
  left:0px;
  border-radius:0px;
  width:250px;
  height:100%;
  z-index:999;
  top:0px;
  margin-top:0px;
}
.menu_open.open_active .mobile_menu
{
  display:block;
}
.menu_open .ficon
{
position:absolute;
top:50%;
height:40px;
margin-top:-20px;
transform: scaleX(1);
right:0px;
}
.menu_open.open_active .ficon
{
  transform: scaleX(-1);

}
.chat_open .block_chat_mobile
{
  display:none;
}
.chat_open .ficon
{
position:absolute;
top:50%;
height:40px;
margin-top:-20px;
transform: scaleX(-1);
left:0px;
}
.chat_open
{
  position:fixed;
  transition: all 0.5s ease;
  right:-30px;
  top:50%;
  height:60px;
  width:60px;
  text-align:left;
  cursor:pointer;
  z-index:9;
  padding-top:10px;
  margin-top:-30px;
  border-radius:100%;
  box-shadow: 0 0 2px 0 black;
  background-repeat: repeat;
  background-size: 30px 30px;
  background-image: url(../img/bg.jpg);
}
.chat_open.chat_active .block_chat_mobile
{
  display:block;
}
.chat_active
{
  right:0px;
  border-radius:0px;
  width:100%;
  height:100%;
  z-index:999;
  top:0px;
  margin-top:0px;
}

.chat_open.chat_active .ficon
{
  transform: scaleX(1);
}
.l_champ_join
{
  max-width:200px;
}
.main_layer
{
  height:calc(100% - 85px);
}
.table_body
{
  padding-left:10px;
  padding-right:10px;
}
.play_button .material-icons
{
font-size:208px!important;
}
.message_mobile_box
{
  position:fixed;
  top:5px;
  cursor:pointer;
  right:0px;
  z-index:99;
  transform: scaleX(-1);
}
.mobile_login
{
cursor:pointer;
}
.button_help .material-icons
{
  font-size:34px!important;
  color: black!important;

}
.pseudo_link:hover
{
color:red;
}
.pseudo_link
{
  display:inline-block;
  line-height:40px;
  height:40px;
  cursor:pointer;
  margin-left:15px;
}
.head_left
{
  float:left;
  user-select: none;
}
.head_right
{
  float:right;
  user-select: none;
}
.material-icons
{
  font-size:36px;
  color: rgba(232,179,116,1);
}
.inactive
{
  opacity: 0.3;
  pointer-events: none;
}
.inactive_block
{
  opacity:0;
  display:none;
  transition: all 0.5s ease;
}

.block_right
{
  text-align:right;
}

.active_anim
{
  box-shadow: 0 0 10px 0 rgba(0,0,0,1);
}
.block_chat
{
  background-image: url(../img/bg.jpg);
  padding-top:10px;
}
.action_button
{
  box-shadow: 0 0 8px 0 rgba(0,0,0,1);
  width:180px;
  transition: all 1s ease-out 0.5s;
}
#message_box
{
  position:absolute;
  top:50%;
  left:50%;
  width:300px;
  height:60px;
  line-height:60px;
  text-align:center;
  border-radius: 10px;
  background:rgba(0,0,0,0.8);
  margin-top:-30px;
  margin-left:-150px;
}
.active_mobile_chat
{

  right:0px!important;
  position:absolute!important;
  top:0px!important;
  z-index:999!important;
}
.icon_box
{
  float:right;
  padding-right:5px;
  position: relative;
}

.icon_num
{
  position: absolute;
  bottom:-17px;
  right:0px;
  text-shadow: 1px 1px 1px black;
  color:white;
}
.auto_panel .material-icons
{
  font-size:30px;
  padding-top:5px;
  cursor:pointer;
}

.ebutton
{
  float:right;
}
.auto_panel
{
  display:none;
  line-height:40px;
}
.regin, .recover
{
  color:red;
  display:inline;
  cursor:pointer;
}
.close
{
  color:white!important;
}
.text-danger.active
{
display:block!important;
}
.text-danger
{
display:none!important;
}
.auto_box
{
  position:fixed;
  left:5px;
  top:5px;
  z-index:999;
}
.modal-title
{
  font-size:22px;
}
#main_buttons
{
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-19px;
  margin-left:-90px;
}
#confirm_cube
{
  cursor:pointer;
}
#cancel_cube
{
  cursor:pointer;
}
#confirm_code
{
position:absolute;
bottom:15px;
left:50%;
display:none;
width:320px;
text-align:center;
margin-left: -160px;
}

.conf_inactive
{
opacity:0.2;
pointer-events:  none;
}
#confirm_code button
{
  margin:5px;
  width:120px!important;
}
.hide_start
{
  opacity:0;
  transition: all 0.5s ease;
}

.icon_message
{
  /* float:right; */
  cursor:pointer;
  display:inline-block;
}
.icon_message:hover .material-icons
{
color: black!important;
}
.messages_send
{
  margin-top:5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.messages_send input
{
  padding-left:10px;
}
.icon_message .material-icons
{
color: #871404!important;
}
.input_message
{
resize: none;
width:calc(100% - 45px);
line-height:35px;
border:1px solid gray;
margin-bottom:5px;
  margin-right: 8px;
}

.left_chat
{
margin-top:15px;
position:relative;
height: calc(100% - 165px);
}


.left_bottom
{
  margin-top:15px;
  height:120px;
}
.button_help:hover
{
  padding:2px;
}
.button_help
{
cursor:pointer;
width:30px;
height:30px;
display:inline-block;
}
.buttons_box
{
  height:74px;
}
.exit_game
{
  cursor:pointer;
}
.pt_notactive .left_chat
{
  height: calc(100% - 90px);
}

.pt_notactive .buttons_box
{
  display:none;
}

.button_help img
{
  width:100%;
}
.right_head
{
height:50px;
color: #000;
width:50%;
text-align:center;
font-weight: 600;
font-size:18px;
display:inline-block;
}
.left_head
{
height:50px;
/* float:left; */
color:white;
width:50%;
text-align:center;
border-right:1px dashed black;
font-weight: 600;
font-size:18px;
display:inline-block;
}
.message {
  color:#4c322b;
  margin:10px;
  position: relative;
}
.message:hover .time{
  display: block;
}
.message .time{
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  padding: 0 5px;
  border-radius: 6px;
  display: none;
}
.message.flag{
  position: relative;
}
.message .flag .country{
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  background: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  pointer-events: none;
  z-index: 1000;
}
.write_nick{
  position: absolute;
  bottom: 15px;
  left: 50px;
  width: 200px;
}
.message .flag .country:before{
  display: block;
  content: '';
  width: 10px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  top: -5px;
  left: 7px;
}
.message .flag:hover .country{
  display: block;
}
.messages
{
width:100%;
height:98%;

}
.message_row
{
width:100%;
height:calc(100% - 40px);
max-height:calc(100vh - 200px);
overflow:auto;
}
.game_button
{
      box-shadow: 0 0 2px 0 rgba(255,255,255,1)!important;
      border-radius:10px!important;
      display:inline-block;
      border:none!important;
}
.game_header
{
  font-size:30px;
  color:#593420!important;
  text-decoration: underline;
  margin-bottom:40px;
}
.game_left
{
  float:left;
  color:#871404;
  font-weight: 600!important;
}
.header_row
{
  height:40px;
  border-bottom:1px solid #593420;
}
.game_right
{
  float:right;
  color:#871404;
  font-weight: 600!important;
}
.select
{
  background:none;
  color:white;
  width:100px;
  border:none;
  outline: none;
}
.select option {
  color: black;
}
.language_select .material-icons
{
  font-size:18px;
  color:white;
}
.footer
{
  border-top:1px solid #593420;
  height:40px;
  text-align:center;
  position:relative;
  line-height:20px;
}
.game_status
{
  margin-top:10px;
  display:inline-block;
}
.online_users
{
  color:black;
  text-align:left;
  font-size:18px;
  font-weight: 600!important;
}
.online_box
{
  height: 100%;
  overflow-y:auto;
  user-select: none;
}
.game-cont
{
  margin-bottom:15px;
}
.online_box p
{
  text-align:center;
  font-size:18px;
  color:#871404;
  font-weight: 600!important;
}
.game_box
{
  border:2px solid #744d00;
  text-align:center;
  padding:10px;
  min-height:190px;
  background:#cc9e66;
}
.hidden{
  display: none;
}
.table_games
{
  height:calc(100vh - 92px);
  margin-top:0px;
  overflow-x:hidden;
  overflow-y:auto;
}
.in_login .table_games
{
  height:calc(100vh - 140px);
  margin-top: 10px;
}

.table_box
{
  text-align:center;
  width:100%;
  margin-top:5px;
}
.game_box_input
{
  text-align:center;
}
.gray_box_button
{
border-radius:5px;
padding:10px;
color:#593420!important;
font-weight: 600!important;
display:inline-block;
width:100%;
background: linear-gradient(0deg, rgba(127,98,64,1) 0%, rgba(232,179,116,1) 100%);
}
.red_box_button{
  border-radius:5px;
  padding:10px;
  color:#593420!important;
  font-weight: 600!important;
  background: linear-gradient(0deg, rgb(255 0 0) 0%, rgb(169 63 63) 100%);
}

.gray_box
{

border-radius:5px;
padding:10px;
width:100%;
background: linear-gradient(0deg, rgba(127,98,64,1) 0%, rgba(232,179,116,1) 100%);
}
.gray_box.buttons_box{
  display: flex;
}
.header
{
transition: all 0.5s ease;
height: 50px;
display:none!important;
opacity:0;
padding-top:5px;
}
.bg_c_layer
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  opacity:0.9;
}
.hide_champ
{
  display:none;
}
.d-flex{
  display: flex;
}
.ch_c_layer
{
  background-repeat: repeat;
  background-size: 30px 30px;
  background-image: url(../img/bg.jpg);
  position:absolute;
  width:100%;
  height:260px;
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  top:50%;
  left:0;
  margin-top:-130px;
}
.player_c_box
{
  text-align:center;
  display:inline-block;
  padding:10px;
}
.players_champ
{
text-align:center;
height:calc(50vh);
}
.game_body
{
height: calc(100% - 100px);
}

.main_layer
{
padding:5px;

}
.active_block
{
  opacity:1!important;
  display:block;
}
.arrow_dismiss .material-icons
{
color:#2a2a2a;
}
.arrow_dismiss
{
  position:absolute;
  height:60px;
  cursor:pointer;
  width:60px;
  top:50%;
  line-height:60px;
  margin-top:-20px;
  left:5px;
}
.block_chat_mobile
{
  padding-left:50px;
}

.in_game .game_box
{
  animation: shadow_box  1s infinite ease-in-out;
}
.l_delete
{
  margin-top:15px!important;
  border: 1px solid red!important;
}
@media (max-width: 992px) {
  .table_games
  {
    height:100vh;

  }
  .in_login .table_games
  {
    height:calc(100vh - 60px);
    margin-top: 10px;
  }
  .message_row
  {
  max-height:calc(100vh - 40px);
  }

  .range_box
  {
    height:60px;
  }


  .left_bottom
  {
    margin-top:15px;
    height:60px;
  }

  .main_layer
{
  min-height:100%;
}
  .game_body
  {
  height: calc(100% - 5px);
  }


}


@media (max-width: 992px) and (orientation : portrait)
{
#confirm_cube
{
transform: rotate(90deg);
}
#cancel_cube
{
transform: rotate(-90deg);
}
.autothrow
{
  transform: rotate(90deg);
}
.exit_game
{
    transform: rotate(90deg);
}
.timer
{
transform: rotate(90deg);
background:rgba(0,0,0,0.3);
}
.play_button
{
transform: rotate(-90deg);
}
.message_mobile_box
{
  transform: rotate(-90deg);
}
.auto_box
{
  transform: rotate(-90deg);
  top:auto;
  bottom:5px;
}
.message_box
{
  transform: rotate(-90deg);
}
.action_button
{
  transform: rotate(90deg);
}
}