 
 .forum_post_avatar_mini { display:none; color:black !important; font-size: 16px !important; }
 .forum_post_avatar_long { display:inline;  }
 
 
 .forum_post_avatar_mini a:link           { color: black; } 
 .forum_post_avatar_long a:link           { color: black; } 
 .forum_post_avatar_mini a:visited        { color: black; } 
 .forum_post_avatar_long a:visited        { color: black; } 
 .forum_post_avatar_mini a:hover          { color: brown;  } 
 .forum_post_avatar_long a:hover          { color: brown;  } 
 
 .forum_function_button {
                    vertical-align: sub !important;
 }
 .forum_function_text {
                    font-size: 10px !important; display:inline; padding:0px;
 }
 
 .forum_function_text a:link           { color: green !important; } 
 .forum_function_text a:visited        { color: green !important; }  
 .forum_function_text a:hover          { color: yellow !important;  } 
 

 
 .forum_margin {    margin:10px;}
 .forum_important {
                    background-image: url('img/main2_im.jpg'); 
                    background-position: center top;
                    background-repeat: repeat-y;
                    background-size: cover;
                    color:gray;
                    padding:5px !important;
                    border: 1px solid orange !important;
 
  }
  
 .forum_quote {    
                    background-image: url('img/main2_bw.jpg'); 
                    background-position: center top;
                    background-repeat: repeat-y;
                    background-size: cover;
                    color:gray;
                    padding:5px !important;
                    border: 1px solid white !important;
 
  }
  
 .forum_post_image {
                    position:relative;
                    border: 1px solid #0000007d;
        
                    padding: 0px !important;
                    
                    margin: 10px !important;
                    margin-left: -30px !important;
                    margin-right: -30px !important;
                    width: calc(100% + 60px); 
                    height:auto;
                    z-index:9998;
  }
  
 
  
 .forum_post_avatar {
                    
                    position: absolute;
                    height:100%;  
                    width:100%;
                    max-width:215px;
                    max-height: 261px;
                    top:0px; 
                    left:-216px;
                    overflow: hidden;
                     
                    
                      }
  
 .forum_post_avatar_img  {
 
                    position: absolute;
                    height:100%;  
                    width:auto;
                    top:0px; 
                    right:0px; 
                    display: inline-block;
                    
  }
  
  

 .hand_online {
                    position: absolute;
                    left:0px; 
                    /*height: calc(100% + 30%); */
                    height: 100%; 
                    width:100%;
                    display: inline-block; }
.hand_buja_ani {
  position:absolute;
                      
  height:100%;  
  width:auto;
 
  display: inline-block;
  right:-11%;

  transform-origin: bottom right;
  animation: hand_buja;
  animation-duration: 2s;
  animation-timing-function:  ease;
  animation-iteration-count: infinite; 
  animation-fill-mode: forwards;
  
  }
 
 @keyframes hand_buja {

        0% {  bottom: 6%;   transform: rotate(-7deg);  }
       50% {  bottom: 7%;  transform: rotate(3deg); }
      100% {  bottom: 6%;   transform: rotate(-7deg); }
      
 } 
                    
/*
 .hand_off_ani {
  
 
  animation: hand_off;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
  } 
 
 .hand_on_ani {
   
 
  animation: hand_on;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
  }
  
 
 @keyframes hand_off {

        0% {  left: 0px;  }
      100% {  left: 250px; }
 }
 
 
 @keyframes hand_on {

        0% {  left: 250px; }      
      100% {  left: 0px;  }
 }  
  
  
  */
  
   
  
 .forum {      
                    display:table;
                    width:100%;
                    
                     }  
   
 .title_topic       {
                    font-size:20px !important; }
                    
 .forum_title_button {
 
                    position: relative;
                    border: 1px solid #0000007d;
                    background-color: #ffc7b34d;
                    color: black;
                    padding-left:20px !important;
                    padding-right:20px !important;
                    margin:1px;
                    margin-bottom:2px;
                    
                    }            
                                        
                    

 .forum_link_button {
                     
                    position: relative;
                    border: 1px solid #0000007d !important; 
                    background-color: #7955484d !important; 
                    color: #000000 !important;                 
                    padding-left:20px !important;               
                    padding-right:20px !important;     
                    margin:1px;
                    margin-bottom:2px; 
                    
                    }            
                                        
 .forum_link_button:hover { 

                    background-color: #dcbca2 !important;  
                    color: black !important;
                    border: solid 1px black !important;  }       
                    
 .forum_green_button {
                     
                    position: relative;
                    border: 1px solid yellowgreen !important; 
                    background-color: #3a52009c !important; 
                    color: yellowgreen !important;                 
                    padding-left:20px !important;               
                    padding-right:20px !important;     
                    margin:1px;
                    margin-bottom:2px; 
                    
                    background-image: url('../img/solved_bg_ico.png'), url('../img/solved_bg.png');  
                    background-repeat: no-repeat,  repeat-y; 
                    background-position:  right bottom, right top; 
                    background-size: 20% auto, auto auto ;
                    
                    }            
                                        
 .forum_green_button:hover { 

                    background-color: yellowgreen !important;  
                    color: black !important;
                    border: solid 1px black !important;  }  


 .forum_column {
    
    height:auto;
    display: flex;
    flex-flow: row ;
 
 }
 
 .forum_row_must {
    
    height:auto;
    display: flex;
    flex-flow: row ;
 
 }
 
 .forum_column_must {
    
    height:auto;
    display: flex;
    flex-flow: column ;
 
 }
 
 .forum_page_column_1of16 {                    flex: 1 2 20px; text-align:center; } 
 .forum_page_column_2of16 {                    flex: 2 2 50%;  text-align:center; } 
 

 .forum_page_title {
                    position: relative;
                    border: 1px solid #0000007d;
                    background-color: #ffc7b34d;
                    color: black!important; 
                    padding-left:3px !important;
                    padding-right:3px !important;
                    padding:4px !important;
                    margin:1px;
                    margin-bottom:20px;
                    font-size:10px !important;
                    }
                    
 .forum_page_button {
 
                    position: relative;
                    border: 1px solid #0000007d !important; 
                    background-color: #7955484d !important; 
                    color: black!important;
                    padding-left:3px !important;
                    padding-right:3px !important;
                    padding:4px !important;
                    margin:1px;
                    margin-bottom:20px;
                    font-size:10px !important;
 
 }

 .forum_page_button:hover { 

                 background-color: #dcbca2 !important;  
                    color: black !important;
                    border: solid 1px black !important; } 
                    
                    
                    
 
 .topic_background {
                    background-size: auto 100%;
                    background-repeat: no-repeat;
                    background-position: right top;                    }
                    
 .topic_closed {    background-image: url('img/topic_closed.png');     }
 .topic_important { background-image: url('img/topic_important.png');     }
 .topic_all       { background-image: url('img/topic_closed_important.png');     }
 
 
 
 .topic_background_solved {
                    background-size: auto 100%, auto auto;
                    background-repeat: no-repeat, repeat-y;
                    background-position: right top,  right bottom;                    }
                    
 .topic_closed_solved {    background-image: url('img/topic_closed.png'), url('img/solved_bg.png');     }
 .topic_important_solved { background-image: url('img/topic_important.png'), url('img/solved_bg.png');     }
 .topic_all_solved       { background-image: url('img/topic_closed_important.png'), url('img/solved_bg.png');     }
 .topic_solved           { background-image: url('img/zero.gif'), url('img/solved_bg.png');     }
 
 
 
 .forum_column_5of5 {                    flex: 1 1 100%; }                    
 .forum_column_4of5 {                    flex: 4 5 80%; }                    
 .forum_column_3of5 {                    flex: 3 5 60%; }
 .forum_column_2of5 {                    flex: 2 5 40%; } 
 .forum_column_1of5 {                    flex: 1 5 20%; } 

.forum_button           { width:auto;   }
                  
 @media all and (max-width:880px)  { 
  
   .forum_post_avatar_long { display:none;   }
   .forum_post_avatar      { display:none;   }
   .forum_post_avatar_mini { display:inline; }
  
   .forum_button           { width:35px;   }
  
  
  
  
  .title_topic       {
                    font-size:12px !important; }
 
  .forum_column {
     
    height:auto;
    display: flex;
    flex-flow: row wrap; 
    
 }


 
 .forum_column_4of5 {                    flex: 4 5 0%; }                    
 .forum_column_3of5 {                    flex: 3 5 0%; }
 .forum_column_2of5 {                    flex: 2 5 0%; } 
 .forum_column_1of5 {                    flex: 1 5 0%; } 
 
  .forum_title_button {
 
                    
                    padding-left:8px !important;  
                    padding-right:8px !important;  
                    
                    }            
                                        


 .forum_link_button {
                                    
                    padding-left:8px !important;                    
                    padding-right:8px !important;
                    
                    }      
                    
 .forum_post_image {
                          
                    margin-left: -16px !important;
                    margin-right: -16px !important;
                    width: calc(100% + 30px); 
                    height:auto;
  }
                    
 
 }
                    