.non             { display: none !important; }
 
 .cur             { cursor: pointer; }
 .bor             { border: 1px solid #00000066; }
 
 .mob_on          { display: none; }
 .mob_off         { display: inline; }
 .pc_on           { display: inline; }
 .pc_off          { display: none; }
 
 .mob_out_pc_in   { display: inline; }
 .mob_in_pc_out   { display: none; }
 
 @keyframes anishow_a {
  from { 
                    left:-200px;
                    transform: rotate(-50deg);  }
    to { 
                    left:0px;  
                    transform: rotate(0deg); }
}
 
 .anishow         { position:absolute;
                    transform: rotate(0deg);
                    animation-name: anishow_a;
                    animation-duration: 1s;
 
 }
 
 .opa             { opacity:0.3; }

 a                { text-decoration:none;}

 
 .link_without_href        { color: #ffdec4;  }
 .link_without_href:hover  { color: brown;    } 
 

 a:link           { color: #ffdec4; } 
 a:visited        { color: #ffdec4; } 
 a:hover          { color: brown;} 
 
 img              { vertical-align: revert; }
 
 .img_pixel_ico   { cursor:pointer;  width:15px; height:auto; margin-bottom:-3px;
                    image-rendering: pixelated;
                    image-rendering: -moz-crisp-edges;
                    image-rendering: crisp-edges; }
 
 .fulldiv         { width:100%;     padding-top:65px; padding-bottom:65px;   }
 .fulldivSM       { width:100%;     padding-top:35px; padding-bottom:35px;  }
 
 /*
 .full            { width:100%;  height:100%; }

 */
 
 .wrong_data      { background-color:maroon; color:red; }
 .alert_data      { background-color:gray;   color:silver; }
 .poke_data       { background-color:#ffa0008f !important; }
 .good_data       { background-color:green !important; color:yellowgreen !important;}
 
 .user_online     { 
 

  
  animation: change_border_online;
  animation-duration: 2s;
  animation-timing-function:  ease;
  animation-iteration-count:  infinite;
 
 }
  
 
 @keyframes change_border_online {
    0% {  border-color: black;}
    
    96% {  border-color: black;}
   98% {  border-color: #ccffff;}
  100% {  border-color: black; }
}
 
 .tran_bg {
 
 
    -webkit-transition: background-color 3s ease, color 3s ease;
    -moz-transition: background-color 3s ease, color 3s ease;
    -o-transition: background-color 3s ease, color 3s ease;
    transition: background-color 3s ease, color 3s ease;
 
 }


 body,html        {
                     
                    margin:0px; padding:0px; 
                    min-height:100%; min-width:100%;
                     
                    color:black;
                    
                    background-color:black;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-attachment: fixed;
                    background-position: center;
                    background-image: url('img/bg.jpg');
                    
                  }
                  
 
 .font_titl       { font-family: 'Bree Serif', serif;  
                    font-size:32px;                    
                    padding:5px;
                    padding-top:10px; 
                    text-align:center;
                    }
 
 .font_cont       { font-family: 'Open Sans', sans-serif;
                    font-size:12px;
                    padding:5px;
                     }

 .font_cont_small { font-family: 'Open Sans', sans-serif;
                    font-size:10px;
                    padding:5px;
                     }
                    
 .font_center     { text-align:center; }
 .font_justify    { text-align:justify; }
 
 
 
 
 
  .td_cal {
                    text-align:center;
                    vertical-align:middle;
                    width: 13%;
                    height: 30px;
    
                    background-color: #795548;
                    color: #dcbca2;
                    border: solid 1px black;
    
                    background-position:center; 
                    background-position: top; 
                    border-style:solid;
                    border-width:1px;
                    -moz-border-radius: 7px;
                    -webkit-border-radius: 7px;
                    -khtml-border-radius: 7px;                               
                    border-radius: 7px;
  
 }
 
 
 
 
 
 
 .centerwrapper {
  
                    position:absolute;
                    overflow: visible;
                    width:100%;
                    min-height:100%;
                    display:block;
                    top:0px;
                    left:0px;
                    right:0px;
                    bottom:0px;
                      
                  }
 
  .content_pixel {
 
 
                    opacity:0.8;
                    position: fixed;
                    width:50%;
                    height:100%;
                    display: block;
                    top:0px;
                    bottom:0px; 
                    
                    background-image: url('img/pixel_black.png');
 
 }

  .r_pixel {        right:0px;   }
  .l_pixel {        left:0px;    }
 
 @media all and (max-height:800px)  {  .content_pixel { opacity:0.5; }  }
 @media all and (max-height:600px)  {  .content_pixel { opacity:0.2; }  }
 @media all and (max-height:480px)  {  .content_pixel { opacity:0.0; }  }
 
 hr {               border-color:#dcbca2; 
                    opacity:0.3;}
                    
 .menu_up_slot {    
                    display:inline-block;
                    background-color:black; 
                    width:80px; 
                    padding:3px;
                    margin-left:1px; 
                    text-align:center;
                    color: #dcbca2;
                    border: solid 1px black; 
                    
                     }
 .menu_left_slot_upgr {    
                
                    width:150px !important; 
 
                    }
                     
 .menu_up_slot:hover { 
 
                    background-color: #dcbca2 !important;  
                    color: black !important;
                    border: solid 1px black; }                     
                    
 .menu_profile_slot {    
                    display:inline-block;
                    background-color:#795548;
                    width:120px; 
                    padding:3px;
                    
                    margin:3px; 
                    margin-left:3px; 
                    
                    text-align:center;
                    color: #dcbca2;
                    border: solid 1px black; 
                    
                     }
                     
 .menu_profile_slot:hover { 
 
                    background-color: #dcbca2 !important;  
                    color: black !important;
                    border: solid 1px black; }      
                    

 .main_mob_menu_table { 
                    width:100%;
                    min-height:100%;  }
                    
 .main_mob_menu_td {
                  
                    vertical-align:middle;
                    width:100%;  }
                    
 .menu_mob { 
                    display:inline;
                    position:absolute;
                    top:0px;
                    right:0px;
                    left:0px;
                    text-align:center;
                    color:black;
                    background-color:black;
                    line-height: 95%;
                    width:100%; 
                    min-height:100%;
   }

 
 .rounded_5px  {    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    -khtml-border-radius: 5px;                               
                    border-radius: 5px; }

 .rounded_25px  {    -moz-border-radius: 25px;
                    -webkit-border-radius: 25px;
                    -khtml-border-radius: 25px;                               
                    border-radius: 25px; }

 .rounded_100px  {    -moz-border-radius: 100px;
                    -webkit-border-radius: 100px;
                    -khtml-border-radius: 100px;                               
                    border-radius: 100px; }
 
 .video_cover {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
                    position:absolute;
                    left:50%;
                    transform: translate(-50%, 0);

}
 /*
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;

 .video_cover  {    
                    
                    
                    
                    
                    position:absolute;
                    left:50%;
                    transform: translate(-50%, 0);
                    
                    margin-left: auto;
                    margin-right: auto;
                    display:block;
                    
                    min-width: 100% !important; 
                    min-height: 100% !important;
                    width: auto !important; 
                    height: auto !important; 

    
 } */

 .left_image_contener {  
 
                    position:absolute;
                    background-position: center, center;
                    background-size: cover;
                    left:0px;
                    opacity:0.0;
                    width:100%;
                    height:100%;
 
 } 
 
 .right_image_contener {  
 
                    position:absolute;
                    background-position: center, center;
                    background-size: cover;
                    right:0px;
                    opacity:0.0;
                    width:100%;
                    height:100%;
 
 } 
 
 .micro     { width:150px; height:150px; background-size:cover;  background-position:center center;  margin:10px; border-style:dotted; border-width:1px; }
 
  .tri     { width:168px; height:80px; background-size:cover;  background-position:center center;  margin:10px; border-style:dotted; border-width:1px; }
  .hex     { width:160px; height:100px; background-size:cover;  background-position:center center;  margin:10px; border-style:dotted; border-width:1px; }
  .card    { width:220px; height:220px; background-size:cover;  background-position:center center;  margin:10px; border-style:dotted; border-width:1px; }

 .refresher {       
                    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
                    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
                    animation-name: slow_hide;
                    animation-duration: 5s;
                    animation-iteration-count: 1;
 }

 @-webkit-keyframes slow_hide {    from { opacity: 0.3;}    to { opacity: 0.0;  }  }
 @keyframes slow_hide         {    from { opacity: 0.3;}    to { opacity: 0.0;  }  }



 .settings_files   { 
 
  position:absolute; bottom:0px; top: 0px;  background-position:center center; background-repeat: no-repeat; 
  
 }
  
 .settings_files:hover   { 
  
  
  animation: settings_files_ani;
  animation-duration: 0.5s;
  animation-timing-function:  ease;
  animation-iteration-count:  infinite;
 
  }
 
 @keyframes settings_files_ani {
 
    0% {  background-position: center center;   }
   50% {  background-position: center 40%;  }
  100% {  background-position: center center;   }
}
 



 input, button, textarea, file, select {
  
                    background-color:#e0bfa5; color:black; 
                    border-style:solid; 
                    border-width:1px; 
                    border-color: black; 
                    padding:6px;
                    margin:3px;
                    max-width:85%;
                    
                    font-family: 'Courier', sans-serif;
                    font-size:12px; 
                    
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    -khtml-border-radius: 5px;                               
                    border-radius: 5px;
          
           }
           
 textarea {
 width:100%;
 
 }
 
 .form_sqr_img {
 
    position: relative;
    display: inline-block;
    
    margin-right: 6px;
    width: 31px;
    height: 22px;
    background-position: center bottom;
 }
 
 .label_mapbuilder { 

    font-size: 10px !important;
    margin-left: 5px;
    display: inline-block;
    min-width: 120px;
 
 }
 
 .button_users {
                    font-family: 'Open Sans', sans-serif !important;
                    font-size:10px !important; 
                    font-weight: bold;
 
 }
 
 .room_minimap  {   position:relative; 
                    width:130px; 
                    height:150px; 
                    background-position:center center; 
                    background-repeat: no-repeat; 
                    
                    }
 
 .room_minimap_full  {
 
                    position:fixed;
                    top:0px;
                    bottom:0px;
                    left:0px;
                    right:0px;
                    width:100%;
                    height:100%;    
                    background-color:#022323;
                    z-index:9999;
                    }

.room_minimap_fullBG  {


                    position:fixed;
                    top: 0px; bottom: 0px; left:0px; right: 0px;
                    background-color:#022323;
                    background-size:contain;
                    background-position:center center; 
                    background-repeat: no-repeat; 
                    image-rendering: pixelated;
                    image-rendering: -moz-crisp-edges;
                    image-rendering: crisp-edges;
                    opacity:1.0;
                    width: 80%;
                    margin: auto;
                    height: 80%; }

 .pixel_sharp {
 
                     image-rendering: pixelated;
                    image-rendering: -moz-crisp-edges;
                    image-rendering: crisp-edges;
 
 }
 .chat_conteiner {

  position:                 relative;  
  padding:                       0px !important;
  margin-left:                        5px!important;
  font-family:               verdana;
  font-size:                    10px;
  height:                      60px;

  overflow-y:                 scroll;
  width:                        100%;
  
 } 
 

.chat_conteiner::-webkit-scrollbar {  width: 5px; }
.chat_conteiner::-webkit-scrollbar-track {  background: transparent; }
.chat_conteiner::-webkit-scrollbar-thumb {  background: #773c3c;   border-radius: 10px; }
.chat_conteiner::-webkit-scrollbar-thumb:hover {  background: #773c3c;  border-radius: 10px; }

 .chat_conteinerBIG {


position:fixed;
                    top: 0px; bottom: 0px; left:0px; right: 0px;
                    background-color:#022323;
                    opacity:1.0;
                    width: 80%;
                    margin: auto;
                    height: 80%;

 
  font-family:               verdana;
  font-size:                    10px;
 

  overflow-y:                 scroll;
 
  
 } 
.chat_conteinerBIG::-webkit-scrollbar {  width: 5px; }
.chat_conteinerBIG::-webkit-scrollbar-track {  background: #ffffff0d; border-radius: 10px; }
.chat_conteinerBIG::-webkit-scrollbar-thumb {  background: white;   border-radius: 10px; }
.chat_conteinerBIG::-webkit-scrollbar-thumb:hover {  background: white;  border-radius: 10px; }





.game_title_button {
 
                    position: relative;
                    border: 1px solid #0000007d;
                    background-color: #ffc7b34d;
                    color: black;
                    padding-left:0px;
                    padding-right:0px;
                    margin:2px;
                    margin-bottom:2px;
                    
                    }  
 
 .miga_ani_good_css {
  
  transform-origin: bottom right;
  animation: miga_ani_good;
  animation-duration: 2s;
  animation-timing-function:  ease;
  animation-iteration-count: infinite; 
  animation-fill-mode: forwards;
  
  }
 
 @keyframes miga_ani_good {

        0% {  opacity: 0.0;    }
       50% {  opacity: 1.0;    }
      100% {  opacity: 0.0;    }
      
 } 
 
 
 
  .show_photo_cont {
                    position:fixed;
                    top:0px;
                    bottom:0px;
                    left:0px;
                    right:0px;
                    width:100%;
                    height:100%;      
                             
 
 }
 
  .show_photoBG {
                    position:fixed;
                    background-color:black;
           
                    width:100%;
                    height:100%;                 
 }
 
 .show_photoBGimg {
                    position:fixed;
                    background-color:black;
                    opacity:0.2;
                    width:100%;
                    height:100%;                
                    background-size:cover; background-position: center center; background-repeat: no-repeat;  
 }
 
 .photo_main  {     position:absolute;   top:0px; bottom:0px; left:0px; right:0px; height:auto; width:auto; max-width:95%; max-height:95%; margin:auto; border: 2px solid black;               }
 
 .photo_next     {     position:fixed;  opacity: 0.0; top:0px; bottom:0px; left:75%; right:0px; height:100%;   background-size:  contain ; background-position:  center right; background-repeat: no-repeat; background-image: url('../img/arr_R.png'); }
 .photo_prev     {     position:fixed;  opacity: 0.0; top:0px; bottom:0px; right:75%; left:0px; height:100%;  background-size:  contain; background-position:  center left; background-repeat: no-repeat; background-image: url('../img/arr_L.png');}
 .photo_close    {     position:fixed;  opacity: 0.0; top:0px;  right:0px; left:0px; height:25%;  background-size:  contain ; background-position:  bottom center; background-repeat: no-repeat; background-image: url('../img/arr_U.png'); }
 .photo_nav      {     position:fixed;  opacity: 0.3; top:0px;  right:0px; height:94px; width:130px;  background-size:  contain ; background-position:  bottom center; background-repeat: no-repeat; background-image: url('../img/photo_nav.png'); }
 .photo_nav_mob  {     position:fixed;  opacity: 0.3; top:0px;  right:0px; height:78px; width:64px ;  background-size:  contain ; background-position:  bottom center; background-repeat: no-repeat; background-image: url('../img/photo_nav_mob.png'); }
 
 
 .photo_close:hover {   opacity: 0.7;   }
 .photo_next:hover  {   opacity: 0.7;   }
 .photo_prev:hover  {   opacity: 0.7;   }
 
 
 
  .blog_button:link {  color:black;  }
      .blog_button {   
       
        color:black;
       position:relative;
       width: 100%;
       margin-top:3px;
       margin-bottom:3px;
       
       border: 1px solid black;
       right: 0px;
       height: 50px;
       transition: width 0.05s, height 0.2s, margin 0.05s, transform 0.05s;
       overflow: hidden;
        }
        
      .blog_button:hover > .blog_image { width: 300px; } 
      .blog_button:hover {   
       
       color:black; 
       width: calc(100% + 200px); 
       height: 120px;
       margin-left: -200px;
       
       }
       
        
        
      .blog_image {   
      
       position: absolute;
       top:0px;
       bottom: 0px;
       left:0px;
       width: 100px;
       background-position: center center;
       background-size:cover;
       background-color:black;
       
        }
      
      .blog_title {   
       position: absolute;
       top:0px;
       bottom: 0px;
       width: 250px;
       right: 0px; 
       background-repeat: repeat-y;
       background-image: url('../img/main.png');
        }
        
      .blog_title_td { 
       text-align: left !important;
       vertical-align: middle;
       }
       
      .blog_title_tab {
       
       position: absolute;
       top: 0px;
       bottom: 0px;
       right: 40px;
       margin-top: auto;
       margin-bottom: auto;
       width: 120px;
       height: 100%;
       
       }
       
     .blog_bg_pos1 {  background-position: left 0px top 0px;    } 
     .blog_bg_pos2 {  background-position: left 0px top 150px;  } 
     .blog_bg_pos3 {  background-position: left 0px top 300px;  } 
     .blog_bg_pos4 {  background-position: left 0px top 450px;  } 
     .blog_bg_pos5 {  background-position: left 0px top 600px;  } 
     .blog_bg_pos6 {  background-position: left 0px top 750px;  } 
      
     .blog_icon_img { 
      
       position: absolute;
       top:0px;
       bottom: 0px;
       right:0px;
       left: 0px;
       margin: auto;
       width: 31px;
       height: 31px;
      
       }
       
     .blog_icon {   
      
       background-image: linear-gradient(to right, #00000000,   #400000a1);
      
       position: absolute;
       top:0px;
       bottom: 0px;
       right:0px;
       width: 40px;
       height: 100%;
     
      }
 
                  
 
 
 
 
 /*
.photo_main  {     position:absolute;   top:0px; bottom:0px; left:0px; right:0px; height:100%; width:100%;  background-size:contain; background-position: center center; background-repeat: no-repeat; }


 .dragon_alert {
                    position:fixed;
                    top:0px;
                    bottom:0px;
                    left:0px;
                    right:0px;
                    width:100%;
                    height:100%;                
 
 }
 
  .dragon_alertBG {
                    position:fixed;
                    background-color:black;
                    opacity:0.8;
                    width:100%;
                    height:100%;                
 
 }
 
 */