/* demo table styles */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
#pnOverlay{
    padding: 20px;
    height:100%;
    width:100%;
    /* background-color: rgb(33,42,39); */
    background-color: rgb(34,38,37);
  font-family: 'Roboto', sans-serif;
   overflow-x:scroll!important;
   -webkit-overflow-scrolling: touch!important;
   -webkit-overflow-scrolling-x: touch!important;
}
.overMain{
    display: table;
    width: calc(100% + 1px)!important;
    height:100%;
    min-height:340px;
}
.overLeft{
   height:100%!important;
    width:100%;
    border: 1px solid rgba(255,255,255,0.3);
    border-right:none;
}
.overRight{
    display:table-cell;
    min-height:100%;
    width:250px;
    min-width:250px;
    max-width:250px;
    border: 1px solid #656867; 
}
#pnOverlay h1{
  font-size: 30px;
  color: /*#fff*/#9ec0c3;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  margin-bottom: 5px;
}
#pnOverlay table{
  width:100%;
  table-layout: fixed;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
  /*font-family: Verdana,Geneva,Arial,sans-serif;*/
  -webkit-font-smoothing: antialiased;
}
.tbl-header{
  /*min-width:500px;*/
  overflow:hidden;
  background-color: rgba(255,255,255,0.3);
  padding-right:6px;
 }
.tbl-header2{
  overflow:hidden;
  background-color: rgb(101, 104, 103);
  padding-top:2px;
 }
.tbl-content{
  /*display:table-cell;*/
  width:100%;
  max-height:600px;
  /*min-height:300px;*/
  overflow-x:auto;
  
  margin-top: 0px;
  /*border: 1px solid rgba(255,255,255,0.3);*/
}

.tbl-content tr:hover{background-color:rgba(228, 253, 247, 0.03)}
.tbl-content .active, .tbl-content .active:hover{background-color:rgba(228, 253, 247, 0.04)}
.headline {
        font-weight: 400;
    line-height: 1.25;
        margin-bottom: 20px;
        
        text-align:center;
        color:#ffffff;
        font-size:30px;
        border-bottom: 1px solid #d1d1d1;
        
}
.pntb {
    max-height:438px;
    overflow-y:auto;
     margin-bottom:50px;
}
.newtb {
    border-collapse: collapse;
    min-width:1000px;
   
}
.newtb th{
  padding: 10px 8px!important;
  text-align: left!important;
  vertical-align:middle;
  font-weight: 800;
  font-size: 12px;
  line-height:14px;
  color: #eaf7f8;
  text-transform: uppercase;
  cursor:default;
  
}
.newtb td{
   padding: 10px 8px!important;
  height:40px;
  text-align: left;
  vertical-align:top;
  font-weight: 300;
  font-size: 12px;
  color: #dbdbdb;
  
  cursor:default;
}
.cote {color: #bcbcbc !important;
    font-size: 12px;
}
.cote :last-child {
    border-bottom: none !important;
}
.cote li {
    border-bottom: 1px solid #303131;
    padding:3px 0;
    }
.botbor {
        border-bottom: 1px solid #393c3b!important;
}
.newtb .col-1 {
    width: 12%;
}
.newtb .col-2 {
    width: 16%;
}
.newtb .col-3 {
    width: 25%;
}
.newtb .col-4 {
    width: 33%;
}
.newtb .col-5 {
    width: 50%;
}
.newtb .col-6 {
    width: 66%;
}


.overMain th{
  padding: 10px 8px!important;
  text-align: left!important;
  vertical-align:middle;
  font-weight: 800;
  font-size: 12px;
  line-height:14px;
  color: /*#b2d9dc*/ #aadade;
  text-transform: uppercase;
  cursor:default;
}
.overMain td{
  padding: 5px 5px;
  height:40px;
  text-align: left;
  vertical-align:middle;
  font-weight: 300;
  font-size: 12px;
  color: #dbdbdb;
  border-bottom: solid 1px rgba(255,255,255,0.1);
  cursor:default;
}
.c4{font-weight:bold!important;color:#fff!important}
#pnOverlay .win{color:#79ff4d /*#5deb2d*/ !important;}
#pnOverlay .loss{color:#f05c79!important}
#pnOverlay .push{color:#8c8c8c !important}
#pnOverlay .warn{color:#fbf020 !important}
.c3 span{color:#969696 !important;font-size:9px;}
.pointer {cursor:pointer!important}
.overMes {
   font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    width: 100%;
    height:300px;
    line-height: 300px;
    position:relative;
    padding: 0 2%;
    font-size: 22px;
    color: #a8a8a8;
    text-decoration: none;
    text-align:center;
}
.overLoad {
    background-image: url(/theme/Design/img/loader1.gif);
    background-position: center center;
    background-size:50px;
    background-repeat: no-repeat;
    cursor:pointer;
}
.otitle{
    display:block;
    float:left;
    width:100%;
    padding-bottom:10px;
}

.overheader{
    display: inline-block;
    
    position: relative;
    width:100%;
    font-size:12px !important;
    font-family:Verdana, Geneva, Tahoma, sans-serif !important;
    /*padding-bottom:5px;*/
    color:#7e93a5;
}

#hisAnalyzer{
    float:left;
    width:auto;
    text-align:right;
    padding-right:5px;
}

.wager {
    width: 100%;
    height: 96px;
    background-color:rgba(228, 253, 247, 0.04);
    border-top:1px solid #656867;
    border-bottom: 3px solid #656867;
    /*border-left: 1px solid #656867;
    border-right: 1px solid #656867;*/
    /*border-radius: 2px;*/
    font: 11px  arial, sans-serif!important;
    /*font-family:'Arial Narrow', Arial, sans-serif;*/
}
.wload {
    width:100%;
    min-height:300px;
    background-image: url(/theme/Design/img/loader1.gif);
    background-position: center center;
    background-size:50px;
    background-repeat: no-repeat;
    cursor:pointer;
}
.wmarket{padding-top:5px;padding-bottom:1px; color: #bd8484;}
.winfo{
    font: 11px  arial, sans-serif!important;
    border-bottom:1px solid #454a49;
    height:55px;
    line-height: 16px!important;
    color:#b1babb;
    white-space: nowrap;
    overflow:hidden;
    padding-left:2px;
    line-height:16px;
}
.wBlock {
   border-bottom:1px solid #454a49;
   width:100%;
    height:20px;
    display: table;
    table-layout: fixed;
    white-space: nowrap;
    overflow:hidden;
}
.wBlock2 {
   width:100%;
    height:16px;
    display: table;
    table-layout: fixed;
    white-space: nowrap;
    overflow:hidden;
}
.noBor {
   border:none!important;
}
.wpick {
    display: table-cell;
    width:200px;
    float:left;
    line-height:20px;
    height:20px;
    vertical-align:middle;
    color: #d27374;
     text-align: left;
    padding-left:3px;
    font-size:11px;
    border-right:1px solid #454a49;
     white-space: nowrap;
    overflow:hidden;
}
.wprice {
    background-color:rgba(228, 253, 247, 0.05);
   display: table-cell;
    float:right;
    width:48px;
    line-height:20px;
    height:20px;
    vertical-align:middle;
    color: #d27374;
    text-align: center;
    font-weight:600;
    font-size:12px;
     white-space: nowrap;
    overflow:hidden;
}
.wBlock2 div{
    font-family:'Arial Narrow', Arial, sans-serif;
    display: inline-grid;
    width: 25%;
    line-height:16px;
    height:16px;
    vertical-align:middle;
    color: #9d9d9d;
    text-align: center;
    font-size:11px;
    float:left;
    border-right:1px solid #454a49;
     white-space: nowrap;
    overflow:hidden;
}
.wlast{border:none!important;}


#pnOverlay::-webkit-scrollbar {
    width: 10px!important;
    height: 10px!important;
} 
#pnOverlay::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.1); 
} 
#pnOverlay::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.4); 
}
#pnOverlay::-webkit-scrollbar-corner {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
}

.pntb::-webkit-scrollbar {
    width: 10px!important;
    height: 10px!important;
} 
.pntb::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.1); 
} 
.pntb::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.4); 
}
.pntb::-webkit-scrollbar-corner {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
}