html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {
    margin: 0;
    padding: 0;
}
html {
    background:#f0f0f0;
}

html, body, #page_wrapper {
    height: 100%;
}

#page_wrapper {
    display: flex;
    flex-direction: column;
}

#body {
    height: 100%;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    overflow-y: auto;
}

.block { display: block; }

.hidden { display: none; }

.h1 {
    text-align:center;
    font-size:1.5em;
    background-color: #333;
    margin:0px;
    padding:10px;
    color: #FFAA00;
    border-right: 1px solid #000000;
    border-left:1px solid #000000;
    border-top:1px solid #000000;
}

strong {
    font-size: 1.5em;
    color: red;
}

.inline-block {
    display: inline-block !important;
}

.red {
    color: red;
    font-weight: bold;
}

.margin5 {
    margin: 5px !important;
}

.red-border {
    border: 1px solid red !important;
    background: #ffb2b2 !important
}

.green { color: green; }

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

h5 {
    background-color: #333;
    margin:0px;
    padding:10px;
    color: #FFFFFF;
    margin-top: 650px;
    opacity: 0.8;
}

hr {
    background-color: #000000;
    height: 2px;
}

span.customStyleSelectBox { 
    font-size:10px; 
    background-color: #f5f0de; 
    color:#7c7c7c; 
    padding:0px 0px; 
    border:1px solid #e7dab0; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px 5px; 
    line-height: 10px; 
    overflow: auto;
}
span.customStyleSelectBox.changed { 
    background-color: #f0dea4; 
} 
.customStyleSelectBoxInner {
    background:url(images/arrow.gif) no-repeat center right;
 }

#tabs {
/*    overflow: visible; */
    font-family:Arial,Helvetica,sans-serif;
    clear:both;
}
#tab-links {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #333; /* 3964c3; */
    border-bottom: 1px solid #000000;
    display: table;
    margin: auto;
}
#tab-links li {
    float: left;
    background-color: #333;
    font:12px normal Arial,Helvetica,sans-serif;
}
#tab-links li:last-child { border-left: 0px solid #000000; }
#tab-links li {
    display: block;
    color: #fff;;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    background-color: #333; /* #3964c3;*/
}
#tab-links li:hover:not(.active) {    background-color: #ccc; color:#000; } /* #FFAA00 */
#tab-links .active {     background-color: #333; } /* FFAA00 */

#lside {
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lside-box {
    display: flex;
    flex-direction: column;
    height: 48%;
}

#rside {
    width: 60%;
    height: 98%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.lbox {
	list-style-type: none;
    border: 1px solid #000000;
    border-radius: 25px;
    background: #FFFFFF;
    padding: 10px;
    margin: 10px;
    height: 225px;
    font-size: 14px;
    overflow: hidden;
    opacity: 0.9;
	
}


#newindex {
/*
    float: center;
    margin-left: 275px;
    width: 70%;
*/
}

.rbox {
/*
    border-radius: 25px;
    background: #FFFFFF;
    padding: 20px;
    height: 700px;
    margin-top:10px;
    opacity: 0.9;
    overflow:scroll;
*/
}

#gamesetPath {
	float:left;
}

.different {
    background: #ffb2b2 !important;
    color: #000 !important;
}

.tab-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

label {
	padding: 0px 0px;
	text-align: left;
}

::-webkit-scrollbar-track {
  background: none;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
}

#game_machine {
	display: inline-block;
}
/*
#extras {
	display: inline-block;
	padding: 15px;
}
#user_select {
	display: inline-block;
	padding-right: 15px;
}
#service_status {
	display: inline-block;
	padding-left: 10px;
}
*/
.selected_tablink {
    background-color: #FFAA00 !important;
}

.btns { margin: 5px; } 

.popped {
    position: fixed !important;
    z-index: 888    !important;
    top: 10%        !important;
    left: 10%       !important;
    height: 80%     !important;
    width: 80%      !important;
    overflow: auto  !important;
} 
    
.ui-form label, .ui-form input { display:block; }
.ui-form label { white-space: pre-wrap; }
.ui-form input { background-color: #FFF; }
.ui-form input.text { margin-bottom:8px; width:95%; padding: .4em; }
.ui-form select { margin-bottom:8px; }
.ui-form fieldset { padding:0; border:0; margin-top:15px; }
.ui-form h1 { font-size: 1.2em; margin: .6em 0; }
.ui-form div#users-contain { width: 350px; margin: 20px 0; }
.ui-form div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
.ui-form div#users-contain table td, .ui-form div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-form .ui-dialog .ui-state-error { padding: .3em; }
.ui-form .validateTips { border: 1px solid transparent; padding: 0.3em; }

form#login {
    margin-top: 250px;
    text-align:center;
}

form#login input {
    display:block;
    margin: 15px auto;
    text-align:center;
}

.popable {
    cursor: pointer;
}

.nav_menu {
    flex: 0 1 auto;
    list-style-type:none;
    font:normal 14px 'Arial Narrow',Arial,Helvetica,sans-serif;
    padding:0px 20px;
    background:#46494F;
    border-bottom:2px solid #000;
}
.nav_menu li {
    display:inline-block;
    position:relative;
}
.nav_menu li a {
    padding:20px 15px;
}
.nav_menu li a:hover {
    color:#fff;
}

.nav_menu li:hover a {

}
.nav_menu li .logoText {
    color:#FFF;
    font-size:24px;
/*    letter-spacing: -1px;*/
}
.nav_menu li .logoVersion {
    font-size:20px;
    color:#FFF;
    position:absolute;
    right:0px;
    top:20px;
    opacity:.4;
}
.nav_menu li:hover ul {
    display:block;
    background:#46494F;
}
.nav_menu li a, .nav_menu li ul li a {
    color:#CCC;
    text-decoration:none;
    display:block;
}
.nav_menu li ul {
    display:none;
    position:absolute;
    width:170px;
    top:55px;
    z-index:20;
}
#user-menu {
    left:-95px;
}
.nav_menu li ul li {
    display:block;
}
.nav_menu li ul li:hover {
    background:#FFAA00;
}
.nav_menu li ul li a {
    padding:7px 10px;
}
.config_notice {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    text-align:center;
}
.lgr {
    font-family:'Arial Narrow',Arial,Helvetica,sans-serif;
    margin:0px auto 10px auto;
    padding:0px;
    background:#ccc;
/*    width:500px; */
}
.lgr .lgr_title {
    font-size:20px;
    color:#46494F;
    padding:10px 0px 0px 0px;
    text-align:center;
}
.lgr .lgr_results {
    /*
    font-size:80px;
    line-height:80px;
    */
    color:#46494F;
    margin:10px 20px 20px 20px;
    text-align:center;
}
.lgr .lgr_results span {
    display:inline-block;
    /*
    font-size:80px;
    line-height:80px;
    color:#46494F;
    margin: 0px 5px;
    text-align:center;
    background:rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    padding:10px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border:1px solid #bbb;
  */
}
.lgr .lgr_date {
    font-size:20px;
    background:#333;
    color:#ccc;
    padding:10px;
    text-align:center;
}

.control_panel2 {
    border-radius:3px;
    list-style-type: none;
    text-align:left;
    vertical-align:middle;
    width:100%;
}

.machine-controls-table {
    table-layout: fixed;
}

.nowrap {
    white-space: nowrap;
}

.h1divide {
    background-color:#ccc;
    text-align:center;
    padding:1px;
    font-size: 1.3em;
}

.table-center {
  display: table;
  margin: auto;
}

.side-margins {
  margin: 0px 10px;
}

.smart-status {
    background-color: #FFFFFF;
    border:1px solid #ADADAD;
    padding:7px;
    
}

.gem-status {
    display: inline-block;
    width: 46%;
}

.panelplate {
    background-color: #4B4B4B;
    margin:0px auto 25px;
    width:60%;
    max-width:550px;
}


.gameselect {
    text-align:center;
    padding:20px;
}

.control_panel {
    list-style-type: none;
}
.control_panel li {
    display:inline-block;
}
.but {
    border-style:solid;
    border-width:1px;
    box-shadow:rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.0470588) 0 1px 2px;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    line-height:20px;
    margin-bottom:0px;
    padding:4px 12px;
    text-align:center;
    vertical-align:middle;
    border-radius: 2px;

}

.but:disabled {
    color: #b7b7b7;
    background-color: #929292;
    border-color: unset;
    cursor: not-allowed;
}

.butt{
   width:100%; 
   height:139%;
   
}
.but-green {
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}
.but-green:hover:enabled {
    background-color:#71C371;
}

.but-orange {
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ff8c00;
  background-repeat: repeat-x;
  border-color: #C96F00 #C96F00 #B57221;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}
.but-orange:hover:enabled {
    background-color:#BA3800;
}

.but-red {
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
/*  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); */
}
.but-red:hover:enabled {
    background-color:#942a25;
}

.but-blue {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2D9AF9;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
}
.but-blue:hover:enabled {
    background-color:#3074FC;
}

.but-gray {
    color: #333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#c5c5c5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
}
.but-gray:hover:enabled {
    background-color:#AAA;
}

h2.page_header {
    color:#333;
    font:bold 22px Arial,Helvetica,sans-serif;
    margin:20px 0px;
    text-align:center;
}
h2.page_header2 {
    color:#333;
    font:bold 22px Arial,Helvetica,sans-serif;
    text-align:center;
    margin-top: 20px;
    margin-bottom: 5px;
}
.game_status {
    font:normal 14px Arial,Helvetica,sans-serif;
    text-align:center;
}
.resultsrow:nth-child(even) { background-color:#f0f0f0; }
.resultsrow:nth-child(odd) { background-color:#f9f9f9; }
.resultsTable { width: 100%; border: 1px solid #CCC; margin:0px auto; font:normal 12px Arial,Helvetica,sans-serif;}
.resultsTable th, .resultsTable td { padding:2px; margin:3px; }
.resultsTable th {
  background: #CCC; /* old browsers */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.08, #b2b2b2),color-stop(0.39, #C6C6C6),color-stop(0.77, #E8E8E8));
  background-image: -moz-linear-gradient(center bottom,#b2b2b2 8%,#C6C6C6 39%,#E8E8E8 77%);
  padding-left:  4px; padding-right: 4px; font: bold 12px arial, helvetica, sans-serif; color: #444;
}
.resultsTable .subHead { 
  background-color: #EFEBE0;
  border:4px solid #666;
  padding: 0 4px 0 4px;
  color: #000;
}
.resultsTable th a       { color:#0046d5; text-decoration: underline; }
.resultsTable th a:hover { color:#0046d5; text-decoration: underline; }
.resultsTable a          { color:#0046d5;text-decoration: underline;  }
.resultsTable a:hover    { color: #0046d5;text-decoration: underline; }
.resultsTable tr td input[type=text],.resultsTable tr td select {font-size:10px;}

#results td:nth-child(2) {
    word-wrap: anywhere;
}

.results_header {
    font-family:'Arial Narrow',Arial,Helvetica,sans-serif;
    font-size:16px;
    margin:5px;
    padding:0px;
    text-align:left;
}

.debuglog_header, .machine_header {
    width: 95%;
    margin: 0 auto;
}

#results, #events {
    height: 100%;
    overflow:auto;
    margin-bottom:20px;
    border-bottom:1px solid #ccc;
}

#debuglog, #machinelog {
    width: 95%;
    height: 100%;
    overflow:auto;
    margin: 0 auto;
    border:2px solid #ccc;
}

.floatLeft  { float:left; }
.floatRight { float:right; }


.cronbox {
    height:220px;
    width:130px;
}

input[type="text"],input[type="password"],input[type="file"],select,textarea {
    border:1px solid #333;
    border-radius:4px;
    font-size:12px;
    padding:4px;
}

/*
select:enabled {
    background-color: #f7f7f7;
}
*/

.cfg table {
    font:normal 12px Arial,Helvetica,sans-serif;
    font-size:12px;
    margin:0px auto;
    min-width:400px;
    max-width:600px;
}

/*
.cfg input[type="text"], .cfg input[type="password"], .cfg input[type="file"],textarea {
    width: 90%;
}
*/

.net-cfg {
    display: table;
    margin: 0 auto;
}

.bu-cfg {
    max-width: 80%;
    margin: 0 auto;
}

h2.link_headers {
    font:normal 18px 'Arial Narrow',Arial,Helvetica,sans-serif;
    margin:10px;
    text-align: center;
}
.tablerow_hover {
    #ccc;
}

#home_buttonlayout table {
    margin:0px auto;
    font:normal 14px Arial,Helvetica,sans-serif;
}
#home_buttonlayout table tr td a {
    text-decoration:none;
    color:#333;
}
#home_buttonlayout table tr td a:hover {
    text-decoration:underline;
}

#message {
    font-size:18px;
    text-align:center;
    font-style:italic;
}

/*.gamepanel {
    
    border-radius:25px solid #000000;
}

*/

#login-msg {
    padding:5px;
    margin:0px auto;
    height:5px;
    text-align:center;
    vertical-align:bottom;
    color:red;
}

.cu-logs {
    float: left;
    width: 45%;
    height: 15em;
    margin:15px;
}

.cu-logs-content {
    overflow: auto;
    width: 100%;
    height: 90%;
}


.rbox {
    margin: 15px;
}

.logs {
    width: 100%;
    padding: 0 5%;
    flex: 1 1 auto;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}

.logs table {
    max-height: 500px;
    overflow: auto;
}

.backups {
    display: block;
    width: 50%;
    max-height:500px;
    overflow:auto;
    margin:auto;
}

.sortable th {
    cursor: pointer;
}

.sortable th.sorttable_nosort {
    cursor: default;
}

#calcmsg {
    display: inline-block;
    
}

label[for="startlive"] {
    display: block;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.but2 {
    display: block;
    margin: 20px auto;
}

#deleteconfig {
    margin: 0 0 0 5%;
}

/*
#catchup-log {
    height: 10em;
    overflow: auto;
    width: 50%;
}
*/

.catchup_table, .catchup_table th, .catchup_table td {
    border:1px solid #ccc;
    border-collapse: collapse;
    margin: auto;
}

.catchup_table input {
    width: 4em;
}

.catchup_info {
    text-align: center;
    margin:0px auto;
}

.catchup_live {
    padding:5px;
}

.catchup_start {
    margin: 0 auto 30px;
}

#cu-range {
    max-height: 300px;
    overflow: auto;
}

.ui-form input[type="checkbox"] {
    margin-bottom:15px;
}

#systime {
    position: fixed;
    bottom: 0;
    background-color: #f0f0f0;
}

#servername {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3em;
}

#select-machine:hover { cursor: crosshair; }

#cumsg {
    margin-bottom: 20px;
}

.extrainfo {
    display: table;
    margin: 20px auto;
}

.cb-weekday-label {
    margin: 2px;
}

#startdrawnum {
  width: 12em;
}

.filterspan {
  float: right;
}

.jalert, .jconfirm {
    white-space: pre-wrap;
}

#sqltable-div {
    width: 98%;
    font-size: 75%;
    margin: 0 auto;
}

#sqltable {
    width: 100%;
}

#livernsheader {
    margin: 0 3%;
}

#livernsdata {
    height: 88%;
    margin: 1% 3% 3% 3%;
    overflow: auto;
    border: 1px solid grey;
}

#myform {
    padding: 10px 50px;
}

#myform div {
    margin: 10px;
}

#myform input[type="text"] {
    margin-left: 10px;
}

#myform td:first-child {
    text-align: right;
}

#submitreport {
    font-size: 1.2em;
}

.datetimepickerdiv {
    display: inline-block;
    vertical-align: top;
}

#datatable_filter button, #datatable_filter label {
    margin: 0 5px;
}

#about-table {
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

#about-table th {
    text-align: right;
    white-space: nowrap;
    padding-bottom: 15px;
}

#about-table td {
    white-space: pre-wrap;
    word-break: break-word;
    padding-bottom: 15px;
}

#pg-extra-info {
    white-space: pre-wrap;
}

#scheduletable td {
    padding: 2px 10px;
    text-align: center;
}

#scheduletable td:first-child {
    padding: 2px;
}

#scheduletable td:last-child {
    text-align: left;
}