/*
font-family: 'Roboto', sans-serif;
font-family: 'Aref Ruqaa', serif;
font-family: 'Gloria Hallelujah', cursive;
*/
body, HTML {
font-family: 'Roboto', sans-serif;
margin:0;
padding:0;
background:#EFEFEF;
}
td {
    font-size:14px;
}
a {
    text-decoration: none;
}
.headerWrapper {
height:57px;
background:#1f9bc4;
}
.menuWrapper {
height:33px;
background:#4A4A49;
}
.screenWidth {
background: none repeat scroll 0 0 rgba(255,255,255,0);
width:1000px; 
margin:0 auto;
position: relative;
/*box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.45), -10px 0px 10px -5px rgba(0,0,0,0.45);*/
}
.menuLink {
Display:inline-block;
text-align:center;
margin:0;
width:160px;
height:33px;
padding-top:8px;
color:white;
background:#4A4A49;
text-decoration:none;
}
.menuLink:hover {
color:#4A4A49;
background:white;
}
.linkSelected {
color:#4A4A49;
background:white;
}
input[type="text"] {
outline:0;
border:0px none;
width:100%;
}
input[type="date"] {
outline:0;
border:0px none;
}
input[type="submit"] {
    width:100%;
    font-weight: bold;
    font-size: 16px;
padding:10px;
margin:0px 5px 0px 0px;
outline:0;
border:1px solid #ccb284;
border-bottom:6px solid #9e8253;
font-size:16px;
background:#ccb284;
border-radius:2px;
display:block;
}
input[type="submit"]:hover {
    margin-top:3px;
    border-bottom:3px solid #9e8253;
}
input[type="submit"]:active {
    margin-top:5px;
    border-bottom:1px solid #9e8253;
}
.filterButton {
    font-weight: bold;
    font-size: 16px;
padding:5px;
margin:5px 5px 10px 0px;
outline:0;
border:1px solid #0C2D4E;
border-bottom:6px solid #000;
font-size:16px;
background:#0C2D4E;
border-radius:2px;
display:block;
float:left;
color:white;
text-decoration: none;
cursor:pointer;
}
.filterButton:hover {
    margin-top:8px;
    border-bottom:3px solid #000;
}
.filterButton:active {
    margin-top:10px;
    border-bottom:1px solid #000;
}
input[type="datetime-local"]{
    border:0px none;
    outline:none;
}
select {
    outline:none;
}
.formTable {
    width:100%;
    padding:5px;
}
.formTable td {
    padding:5px;
}
.fieldName {
    text-align: right;
    width:180px;
}
.dottedField {
    border-bottom:2px dotted black;
}
.remainingDays {
    border: 5px solid black;
    padding: 10px;
    text-align: center;
    font-size:32px;
}
.hover:hover {
    background:#a0f0ff;
    cursor:pointer;
}
.divBox {
    border:1px solid black;
    text-align: right;
}
.divBoxTitle {
    float:left;
    width:33%;
    height:40px;
    background:#ccc;
    border-right:1px solid black;
    padding:3px;
}
.circBox {
    float:left;
    width:50%;
    border:1px solid black;
    margin:1px;
    margin-left:2px;
}
.circWidth {
    width:710px !important;
}
.clear {
    clear: both;
    /*line-height: 0;
    padding: 0;
    margin: 0;*/
}
.small {
    font-size: 10px;
}
.tableList tr:hover {
    background:#a0f0ff;
}
.bug {
    animation: wiggle 1s linear infinite;
    animation-play-state: paused;
}
.bug:hover {
    animation-play-state: running;
}
@keyframes wiggle {
    0%   {transform: rotate(0deg);}
    25%  {transform: rotate(-20deg);}
    50%  {transform: rotate(0deg);}
    75%  {transform: rotate(20deg);}
    100% {transform: rotate(0deg);}
}
.optionDiv {
	padding:5px;
	border-right:1px solid black;
	border-bottom:1px solid black;
	text-align:center;
	width:50px;
	cursor:pointer;
}
.optionDiv:hover {
	background:aqua;
}