:root {
            --light-gray: #f5f5f5;
            --gray: #343e48;
            --active-gray: #737373;
            --text-black: #808080;
            --green: #74b72a;
            --blue: #0081c2;
            --yellow: #ffdf3d;
            --red: #990050;
        }

body{
	font-family:Verdana,sans-serif;
	background-color: var(--light-gray);
}

button{
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-size: 16;
	color: #fff;
	background-color: #0180C3;
	border-radius: 5px 5px 5px 5px;
}

button:hover{
	font-weight: bold;
}

table.hoverTable{
	font-family:Verdana,sans-serif;
	border-spacing: 0px;
    background: var(--gray);
}

table.edit{
	border: solid 1px #a00;
}


th.hoverTable{
	padding-left: 10px;
	border-bottom: solid 3px #aaa;
	border-spacing: 0px;
	height: 50px;
	text-align: left;
	background: #444446;
	color: #f5f5f5;
}

th.edit{
	padding-left: 10px;
	border-bottom: solid 3px #aaa;
	border-spacing: 0px;
	height: 50px;
	text-align: left;
	background: #ea6153;
	color: #f5f5f5;
}
tr.header{
	background-color: var(--gray);
	color: var(--light-gray);
}
tr.hoverTable{
	background-color: var(--gray);
	color: #f5f5f5;
}
tr.hoverTable1{
	background-color: #eee;
	color: #555;
}

tr.hoverTable2{
	background-color:var(--gray);
	color: var(--light-gray);
}

tr.hoverTable:hover{
	background-color: #ccc;
	color: #000;
	cursor: pointer;
}

tr.hoverTable1:hover{
	background-color: #ccc;
	color: #000;
	cursor: pointer;
}

td.hoverTable{
	padding-left: 10px;
	height: 40px;
	border-spacing: 0px;
	text-align: left;
}

td.hoverTable2{
	border-radius: 5px 5px 5px 5px;
	padding-left: 10px;
	height: 30px;
	border-spacing: 0px;
	text-align: center;
	color: #f5f5f5;
	background-color: #343436;
	border: solid 2px black;
}

td.hoverTable2:hover{
	font-weight: bold;
	background-color: #444446;
}

#last{
	border-left: solid 1px #aaa;
}
#first{
	border-right: solid 1px #aaa;
}

#row{
	border-bottom: solid 1px #aaa;
}

tr.nav{
	background: linear-gradient(to top, #ddf, #bbd);
}

a.button {
    display: inline-block;
    padding: 15px 32px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    background-color: #0180C3;
    color: #fff;
    border-radius: 5px 5px 5px 5px;
}

a.button1 {
	display: inline-block;
    padding: 15px 32px;
    width: 200px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #0180C3;
    color: #fff;
    border-radius: 5px 5px 5px 5px;
}
a.button2 {
	display: inline-block;
    padding: 0px 0px;
    width: 70px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #0180C3;
    color: #fff;
    border-radius: 5px 5px 5px 5px;
}

a.button.disabled {
	pointer-events: none;
	color: #ddd;
}

a.tab{
	color: #eee;
	text-decoration: none;
}

a.tab:hover{
	color: #eee;
}

a.tab:visited{
	color: #eee;
}

a.tab:active{
	color: #eee;
}

#wrapper{
	z-index: 0;
	width: 100%;
	height: 100%;
	margin:0px auto 0px auto;
	background-color: var(--light-gray);
}
#header{
	z-index: 1;
	width: 90%;
	height: 80px;
	margin: 0px auto;
	display: block;
    background-color: var(--gray);
}

#content{
	z-index: 1;
	width: 90%;
	height: 90%;
	margin: 0px auto;
	margin-top: 50px;
	vertical-align: middle;
	display: block;
	overflow: visible;
}

#overlay{
	width: 89%;
	height: 86%;
	z-index: 10;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
}