body {
	font: 14px sans-serif;
	background-color: #EEE;
}

.wrapper {
	width: 350px; 
	margin: 10% auto 10px auto;
	text-align: center;
	border: 1px solid #f78f1e;
	background-color: #FFF;
	border-radius: 10px;
}

.wrapper h2 {
	text-align: center;
	padding: 8px;
	background-color: #f78f1e;
	color: #FFF;
	margin: 0 0 10px 0 !important;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}

.wrapper form {
	margin: 20px;
}

.header {
	background-color: #f78f1e;
	color: #FFF;
	padding: 10px;
	text-align: center;
}

.header span.title {
	font-size: 24px;
	margin: 0 10px;
	font-weight: bold;
}

.header span.rbinfo {
	font-size: 12px;
	margin: 0 10px;
}

.menu {
	background-color: #333;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.menu a {
	text-decoration: none;
	border-right: 1px solid #666;
	height: 60px;
	line-height: 60px;
	padding: 8px 10px;
        border-radius: 5px;
}

.menu a:last-child {
    border-right: none;
}

.menu a:link, .menu a:visited {
	color: #FFF;
}

.menu a:hover {
	background-color: #888;
	color: #FFF;
}

.menu a.curr {
    background-color: #888;
}

table.maintbl {
    margin: 0 auto;
    background-color: #FFF;
    font-size: 16px;
}

table.maintbl tr {
    height: 38px; 
}

table.maintbl th {
    background-color: #d9534f;
    color: #FFF;
    padding: 4px 12px;
    font-weight: bold;
	text-align: center;
	font-style: italic;
}

table.maintbl th:nth-child(odd) {
    background-color: #C8423E;
}

table.maintbl th:first-child {
    background-color: #EEE;
}

table.maintbl th:last-child {
    background-color: #EEE;
}

table.maintbl .expired {
    background-color: #FFCCCC !important;
}

table.maintbl .tr1, table.maintbl #tr1 {
    background-color: #FFF;
	border-bottom: 1px dotted #C8423E;
}
table.maintbl .tr2, table.maintbl #tr2 {
    background-color: #F6F6F6;
	border-bottom: 1px dotted #C8423E;
}

table.maintbl td {
    padding: 4px 12px;
    text-align: center;
}

table.maintbl td:last-child {
    border-right: none;
}

table.maintbl td img {
    height: 30px;
    margin: 4px 8px;
}

table.maintbl th img {
    height: 40px;
    margin: 4px 8px;
}
.maintbl input[type='image'] {
    height: 40px;
    margin: 4px 8px;
}

table.maintbl input[type='checkbox'] {
    width: 20px;
    height: 20px;
}

#status {
	font-size: 16px;
	font-weight: bold;
	color: #f78f1e;
	text-align: center;
	margin: 15px 0;
	height: 20px;
}

td.empty {
    color: #AAA !important;
    padding: 10px !important;
}

div#overlay {
  position: fixed; /* Sit on top of the page content */
  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: 2; /* Specify a stack order in case you're using a different order for other elements */
  overflow: scroll;
  text-align: center;
}

.editbox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #EEE;
  border: 1px solid #f78f1e;
}

.editbox button {
    margin: 0 auto;
}

.editbox .title, .printbox .title {
    background-color: #f78f1e;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.editbox #oform {
    padding: 20px;
}

.editbox .expl {
    margin-bottom: 10px;
    color: #888;
    font-style: italic;
    font-size: 12px;
}

#oform .buttons {
    text-align: center;
}

div.confirm {
    text-align: center;
    margin-bottom: 10px;
}

a[id^="resetbtn-"] {
    visibility: hidden;
}

div[id^="datausage-"] {
    font-size: 11px;
    color: #60a450;
    font-style: italic;
}

td#profile {
    font-size: 11px;
    color: #60a450;
    font-style: italic;
}

#bwlivetbl {
    text-align: center;
}

#bwheading {
    font-size: 16px;
    font-weight: bold;
}

#bwvalue {
    color: #60a450;
    font-size: 24px;
    margin: 10px 0;
}

#bwdate {
    font-size: 14px;
}

#bwgraph {
    padding: 20px;
    height: 600px !important;
}

.dayselect {
    text-align: center;
    margin-top: 20px;
    color: #000;
}

#apstatus {
    font-weight: bold;
    font-style: italic;
    margin-left: 10px;
}

#selform {
    margin: 0px 10px;
}

.dataTables_wrapper, .dataTables_filter, #userTBL {
    margin-bottom: 10px;
}

.dataTables_wrapper select, .dataTables_wrapper input {
    background-color: #FFF !important;
}

table.dataTable thead th {
    padding: 0 5px !important;
}

.dataTables_wrapper {
    margin: 0 auto;
    width: 1300px !important;
}