body
{
    margin: 0;
    padding: 0;
    line-height:1.5em;
    font-size:80%;
    color:#000;
    font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;
    background-color: #fff;
}
.nav-link
{
    color: #fff !important;
}

.navbar-toggler:active, .navbar-toggler:focus
{
    outline: none;
    box-shadow: none;
}

.navbar a:active, .navbar a:focus
{
    outline: none;
    box-shadow: none;
}

@media (max-width: 500px) 
{
   .fixed-top .navbar-collapse 
   {
       max-height: 340px;
       overflow-y: auto;
   }
    
}

 div.panel-heading
{
    background-color: #006;
    color: #fff;
    text-align: center;
}
div.panel-heading h4
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size:medium;
}

div.panel-body
{
    padding: 3px;
    background-color: #fff;
}

.dataTables_filter
{
   display: none;
}
#data .dataTables_wrapper .ui-toolbar,#data2 .dataTables_wrapper .ui-toolbar
{
    display: none;
}
#data tr.dtrg-group,#data2 tr.dtrg-group
{
    color: #fff;
}

#data tr.dtrg-group td,#data2 tr.dtrg-group td
{
    background:#333 url("img/menu_bg3.png") 0 50% repeat-x; 
    font-weight:normal; 
    border:none;
    padding: 0;
    padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}
#data2 th
{
    font-weight: 500;
}

button.bet, button.expand
{
    background-color: #036;
    border: 1px solid #036; 
    border-radius:2px;
    color: #fff;
    cursor: pointer;
}

button.btn_disabled
{
    border: 1px solid #aaa;
    background-color: #aaa;
    color: #555;
}

button.bet:hover, button.expand:hover
{
    border: 1px solid #03b;
    background-color: #03b;
    cursor: pointer;
}

button.selected
{
    border: 1px solid #090;
    background-color: #090;
    color: #fff;
}

button.bet_slip
{
	background-color: #008;
}

button.selected:hover
{
    border: 1px solid #3c0;
    background-color: #3c0;
}

#processing 
{
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 20000; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    text-align: center;
    padding-top: 250px;
    color: #fff;
}

#bet_slip h3
{
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
    text-align: center;
    font-size: 105%;
    font-weight: normal;
    background: #006;
    border: 1px solid #006;
    color:  #fff !important; 
}

.modal
{
    width: 100%;
    border-radius:0;
    background-color: rgba(0,0,0,.0001) !important;
}

table.data
{
    width:100% !important;
    border-collapse: collapse;
}

table.data td, table.data th
{
   padding: 2px; 
   text-align: left;
}
table#data
{
    font-size: 95%; 
}

table#data tr.odd
{
    background-color: #eee !important;
}
#bets_m tr
{
    border-bottom: 1px solid #666;
}

#bets_m tr.even
{
    background-color: #eee;
}

#bets_m table
{
    border-collapse: collapse; 
}

#bets_m table tr
{
    border-bottom: 1px solid #ddd;
}
#bets_m td.header
{
    font-weight: 500; 
}

#bet_m_summary
{
    border-collapse: collapse;
}
#bet_m_summary tr
{
    border-bottom: 1px solid #666;
}
td.summary_header
{
    padding-left: 25px;
    width: 125px;
}

.btn:active,.btn:focus
{
    outline:none !important;
    box-shadow: none;
}

#footer
{
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #036;
    border-radius:0 0 5px 5px;
    color: #fff;
    font-size: 90%;
}
#footer a
{
    text-decoration: none;
    color: #fff;
}
#footer a:hover
{
    color: #f90;
}

#footer h5
{
    padding-left: 10px; 
    display: block; 
    border-bottom: 1px dotted #fff;
    font-size: 120%;
}