  /*********************PARAM**style****************************/
  .b_action {
    border: solid 0px #fff;
    background: #75d470;
    border-radius:40px;
  }

  body, html {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; 
  }

  body {
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
    min-height: 100%;
                
    font-family: Ariag, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.64;
    font-size: 90%;
    font-size: 0.9rem;
    font-size: 9pt;
    /*  font: normal small-caps 600 14pt/1.2 Ariag, Arial, 'Helvetica Neue', Helvetica, sans-serif;  Р¶РёСЂРЅС‹Р№ */
    font: normal 12pt/1.4 Ariag, Arial, 'Helvetica Neue', Helvetica, sans-serif;  
    color: #414042;
  }
 
  a, address, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, dl, dt, em, embed, fieldset, form, h1, h2, h3, h4, h5, h6, i, iframe, img, ins, kbd, label, legend, li, object, p, pre, q, s, samp, small, span, strike, strong, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 5;
   /* font: inherit; */
    vertical-align: middle;
  }
  span {
    /* color:#777; */
    font-family:Georgia;
    font-size:15px;
  }
  
  span.entry-time, 
  span.entry-date {
    color:#777;
    font-family:Georgia;
    font-size:15px;
  }
  
  .header-categories {
    float: left;
    margin: 20px 10px 5px; 
  }
  
  .item-view-page-layout_content {
    padding-top: 10px;
  }

  .item-view-page-layout {
    margin: 0 auto;
    padding: 0 20px;
    width: 964px;
  }
  h1.xs_h1 {
    font: bold small-caps 1.0rem/1.0 Ariag, 'Helvetica Neue', Helvetica, sans-serif;
	  /*font: bold small-caps 1.31rem/1.5 Ariag, 'Helvetica Neue', Helvetica, sans-serif;*/
    color: #290028;
    opacity: 0.8;
  }
    
  h2.xs_h2 {
    font: 1.1rem/1.5 Ariag,'Helvetica Neue', Helvetica, sans-serif;
    color: #4981a9;
    padding: 20px 5px 5px 5px;
    text-align: center;
  }
    
  .center{
    text-align: center; 
  }
  #dragable {
    margin: 0 auto;
  }
  /*********************PARAM** contents ****************************/
  .item-view-content, .item-view-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex; 
    margin: 4px 2px;
    padding: 2px;
    border: 0px solid #dadada; 
    border-top: 0px solid #dadada;
  }

  .item-view-left {
	  max-width: auto;
    padding: 5px 30px 5px 0px;
    margin-left: 0px;

  }
  
  .sticky-block {
    padding-top: 5px;
  }
 
  .b_gamepanel {
    display: inline-block;
    width:135px;
    height: auto;
    margin : auto;
    padding: 2px;
  }

  div.b_gamepanel_matches {
    display: inline-block;
    width:  35px;
    height: 35px;
    text-align: center;
  }
      
  p.gpm {
      font-size: 12px;
      margin-top: 0px;
      color: #383838;
      font-weight: 600;
      justify-content: right;
      align-items: flex-end;
      align-self: right;
  }

  a {
    color: #1683c6;
    font-weight: 400;
  }

  
    
  .item-view-page-layout_content {
    padding-top: 10px;
  }

  .item-view-page-layout {
    margin: 0 auto;
    padding: 0 20px;
    width: 964px;
  }

  .item-view-content, .item-view-header {
    display: -ms-flexbox;
    display: flex; 
    margin: 4px 2px;
    padding: 2px;
    max-width: 170px;
    /*border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada; */
  }
    
  .font_block_title {
    /* min-height: 28px; */
    min-width: 170px;
    padding: 3px;
    border-radius: 6px;
    box-sizing: border-box;
    /* border-right: 2px solid #fff;
    border-left: 2px solid #fff; */
    border: 2px solid transparent;
    transition: all .3s ease;
  }
  /*********************PARAM** Color balls ****************************/  
  .color_5x36 { background: #75d470; } 
  .color_6x45 { background: #ffd925; }
  .color_7x49 { background: #ef404a; }
  .color_5x50 { background: #b1ea01; }

  .ball_t {
    width: 35px;
    height: 25px;
    line-height: 9px;
    font-size: 0.9em;
    margin: 1px 2px 1px 1px;  
    border-radius: 30%;
    box-shadow: inset 2px -8px 10px rgba(0,0,0,.2), 1px 1px 2px rgba(0,0,0,.65);
    display: inline-block;
    color: #fff;
    overflow: hidden;
    text-align: center;
    vertical-align: 5px;
    padding: 2px;
  
  } 
  
  .ball, .buttonNUM, .buttonNUM6 {
    width: 25px;
    height: 25px;
    line-height: -5px;
    font-size: 1.25em;
    margin: 1px 2px 1px 1px;  
    border-radius: 50%;
    box-shadow: inset 2px -8px 10px rgba(0,0,0,.2), 1px 1px 2px rgba(0,0,0,.65);
    display: inline-block;
    color: #fff;
    overflow: hidden;
    text-align: left;
    vertical-align: 5px;
    /*font-weight: 700;*/
    padding: 3px;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;*/
  }  

  .ball.red {
      background-color: #ef404a;
      background-image: linear-gradient(180deg,#ef404a,#dc2b2b 80%);
  }
  .ball.green, .ball_t.green {
    background: linear-gradient(to right,  #b1e7ae 3%, #2a8025 97%);
      /*background-color: #75d470;
      background-image: linear-gradient(180deg,#75d470,#0aca00 80%);*/
  }
  .ball.lgreen, .ball_t.lgreen {
    background: linear-gradient(to right,  #b1e7ae 3%, #b1ea01 97%);
      /*background-color: #75d470;
      background-image: linear-gradient(180deg,#75d470,#0aca00 80%);*/
  }
  .ball.yellow, .ball_t.yellow {
    background: linear-gradient(to right,  #e4d89f 5%, #8f7e27 95%);
    /*background-color: #75d470;
    background-image: linear-gradient(180deg,#75d470,#0aca00 80%);*/
  }
  .ball.pink, .ball_t.pink{
      background: linear-gradient(to right,  #eed1f1 5%, #602268 95%);
      /*background-color: #d383e1;
      background-image: linear-gradient(180deg,#f3b0ff,#d383e1 80%);*/
  }
  .ball.brown {
      background-color: #ff8d00;
      background-image: linear-gradient(180deg,#ff8d00,#ca7c1f 80%);
  }
  
  /*********************PARAM**table****************************/
     
 
  td.t, th.t tr.t {
    padding: 0px; 
    border: 0px solid #e4e4e4;
    border-radius: 0;
  }

  th.t {
    text-align: center; 
    color: #464646; 
    border: 0px solid #464646;
  }
 
  td.td-br {
    /*border-right: 1px solid #e4e4e4;*/
    text-align: right;
  }

  td.td-bl {
    /*border-left: 1px solid #e4e4e4;*/
    text-align: left;
  }

  :focus {
    outline: none; 
  }
  td.c000 {
    font-weight: 600;
    background: #fff;
    border-radius: 50%;
    /*box-shadow: inset 2px -8px 8px rgba(0,0,0,.2), 1px 1px 2px rgba(0,0,0,.65);*/
    color:white;
  }
  td.c536 {
    font-weight: 600;
    background: #75d470;
    border-radius: 50%;
    /*box-shadow: inset 2px -8px 8px rgba(0,0,0,.2), 1px 1px 2px rgba(0,0,0,.65);*/
    color:white;
  }
  td.c645 {
    font-weight: 600;
    background:#d8b920;
    border-radius: 50%;
    /*box-shadow: inset 2px -8px 8px rgba(0,0,0,.2), 1px 1px 2px rgba(0,0,0,.65);*/
    color:white;
  }
  td.c749 {
    font-weight: 600;
    background:#cd79da; /*background-color: rgba(184, 50, 184, 0.575);*/
    border-radius: 50%;
    /*box-shadow: inset 2px -8px 10px rgba(0,0,0,.2), 1px 1px 1px rgba(0,0,0,.65);*/
    color:white;
  }
  
  /*********************PARAM** Buttons ****************************/
  .buttonNUM, .buttonNUM6 { 
    width:  24px;
    height: 24px;
    border: solid 1px #fff;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, leftbottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top,  #ffffff, #ffffff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    color: #000;
    padding: 3px;
    -webkit-border-radius:0px;
    border-radius:50px;
    cursor: pointer;
    text-align: left;
    margin:0px;
    border-bottom: 1px solid #cacaca;
    font-size:  1.2em;
    box-shadow: inset 2px -8px 10px rgba(0,0,0,.2), 2px 2px 3px rgba(0,0,0,.65);
    -webkit-box-shadow:0 0 13px 0 rgba(255,255,255,0.0) inset;
    -moz-box-shadow:0 0 13px 0 rgba(255,255,255,0.0) inset;
    
    
    /*-webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    -ms-transition: All 0.3s ease;
    transition: All 0.3s ease;*/
  }

  /* Наведение мышки на Buttons */
  .buttonNUM:hover {
    /*background: #27002b;
      background: -webkit-gradient(linear, left top, leftbottom, from(#27002b), to(#27002b));
      background: -moz-linear-gradient(top,  #27002b, #27002b);*/
    /*border: solid 1px #602268;*/
    border: 1px solid #676767;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#27002b', endColorstr='#27002b');
    box-shadow: inset 2px -8px 10px rgba(0,0,0,.2), 2px 2px 3px rgba(0,0,0,.65);
    -webkit-box-shadow:0 0 0px 0 rgba(255,255,255,0.0) inset;
    -moz-box-shadow:0 0 0px 0 rgba(255,255,255,0.0) inset;
 
    border-radius:50px;
    /*border: 1px solid #676767;*/

  }

  .buttonNUM:active{
    outline: none;
  }

  .buttonNUM:focus {
    outline: none;
  }

  .buttonNUM::-moz-focus-inner {
    border: 0;
  }

  .buttonClasic{
    border: solid 1px #000;
    background: #ececec;
    background: -webkit-gradient(linear, left top, leftbottom, from(#ececec), to(#ececec));
    background: -moz-linear-gradient(top,  #ececec, #ececec);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ececec');
    color: #000;
    padding: 0px 0px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    /*//float: right;*/
    cursor: pointer;
  }

  .buttonClasic:hover{
    background: #dce0e2;
    background: -webkit-gradient(linear, left top, leftbottom, from(#dce0e2), to(#dce0e2));
    background: -moz-linear-gradient(top,  #dce0e2, #dce0e2);
    border: solid 1px #dce0e2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce0e2', endColorstr='#dce0e2');
  }

  .buttonClasic:active{
    outline: none;
    box-shadow:1px 1px 1px rgba(255,255,255,0.9) inset;
  }

  .buttonClasic:focus {
    outline: none;
  }

  .buttonClasic::-moz-focus-inner {
    border: 0;
  }

  /*   buttons  */  
  .button{
    border: solid 1px #a7a7a7;
    background: #2a0028;
    background: -webkit-linear-gradient(top,  #5a2c59, #2a0028);
    background: -moz-linear-gradient(top,  #5a2c59, #2a0028);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    color: #fff;
    padding: 7px 12px;
    -webkit-border-radius:4px;
    border-radius:4px;
    float: right; 
    cursor: pointer;
    margin-top: 10px;

  }
      
  .button:hover{
    background: #5a2c59;
    background: -webkit-linear-gradient(top,  #5a2c59, #5a2c59);
    background: -moz-linear-gradient(top,  #5a2c59, #5a2c59);
    border: solid 1px #a7a7a7;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a2c59', endColorstr='#5a2c59');
    /*transition: .5s linear; */
  }