body { font-family: Arial; font-size: 11pt; line-height: 1.5em; margin: 0; background-color: #eeeeee; min-width: 640px; }
h4 { padding:0; margin:0;}
h2 { padding:0; margin:0; margin-bottom: 20px;}
input, select { background-color: #5075aa; color: white; font-weight: bold; font-size: 11pt;
    text-decoration: underline;
    margin-top: 0px;
}
select[disabled] { background-color: white; color: gray;}
.header { padding: 5px; background-color: white; height: 45px;  } 
.logo { text-align: right; }
.centr { text-align: center; }
.main_title { float: left; line-height: 40px; clear: both;  } 
.dline { width: 100%; border-bottom: 2px solid red; }
.content { padding: 10px;  }
.user_name { float: left; padding-top: 3px; } 
.evid_input { float: right; }
.left_side { width: 50%; text-align: right; float: left; margin-bottom: 10px; }
.right_side { width: 50%; text-align: left; float: right; margin-bottom: 10px; }
.error { font-size: larger; color: #d03333; font-weight: bold; }
.table300 { width: 300px; border-collapse: collapse; background-color: white; }
.table300 td { text-align: center; font-size: 9pt; border: dotted 1px gray; }
.monthname {color: Navy; font-weight: bold;}
.monthname2 { text-align: right; color: Navy; font-weight: bold; padding: 3px; }
.plantable {color: gray; min-width: 1200px; text-align: center;}
.plantable th { background-color: #eeeeee; color: navy;  }
.plantable td { width: 25px; min-width: 20px; border: dotted 1px gray; }
.plantable td:hover { background-color: yellow; color: black; }
.plantable tr.stripe { background-color: #ddeeff; }
.table450 { width: 450px; text-align: center;}
.table1000 { width: 1000px; }
.table450 td { text-align: center; }
.sunday { background-color: #99ccee; border: dashed 1px gray; }
.holiday { background-color: #e0c0c0; border: solid 1px gray; }
.current { background-color: #003090; border: solid 1px gray; text-align: center; font-size: 9pt; color: white; font-weight: bold; cursor: pointer; }
.num { text-align: center; font-size: 8pt; cursor: pointer; }
.abs_hr { background-color: green; text-align: center; font-size: 9pt; cursor: pointer; font-weight: bold; color: yellow; line-height: 1.4em; margin-left: 1px; margin-right: 1px;} 
.rq_hr { background-color: darkblue;  text-align: center; font-size: 9pt; cursor: pointer; font-weight: bold; color: yellow; line-height: 1.4em; margin-left: 1px; margin-right: 1px;}
.dn_hr { background-color: red; text-align: center; font-size: 9pt; font-weight: bold; cursor: pointer; color: yellow; line-height: 1.4em; margin-left: 1px; margin-right: 1px;}
.abs { background-color: green; text-align: center; font-size: 9pt; font-weight: bold; cursor: pointer; color: white; line-height: 1.4em; margin-left: 1px; margin-right: 1px;} 
.dn { background-color: red; text-align: center; font-size: 9pt; font-weight: bold; cursor: pointer; color: white; line-height: 1.4em; margin-left: 1px; margin-right: 1px;}
.rq { background-color: darkblue;  text-align: center; font-size: 9pt; font-weight: bold; cursor: pointer; color: white; line-height: 1.4em; margin-left: 1px; margin-right: 1px;}


.abs_box { min-height: 115px; background-color: #aacccc; padding: 10px; border: solid 2px gray; line-height: 2em; padding-top: 2px; }
.abs_box_l { float: left; margin-right: 10px; 
    height: 44px;
    width: 1009px;
    
}
.abs_box_r { width: 400px; }
.abs_box_e { clear: both;
    width: 506px;
}
.hide { display: none; }
.date {
}
.time { width: 50px; }
.absboxtitle { font-style: italic; font-weight: bold; padding-bottom: 5px; }
.agnumTitle { font-weight: bold; padding-bottom: 5px; }
.absbox_remove { background-color: #aa3333; margin-right: 50px; margin-top:2px;  }
.absbox_save { background-color: #339933; margin-right: 50px; }
.abs_state { font-weight: bold; color: blue; }
.abs_journal { margin-left:30px; font-size: smaller; font-style: italic; }
.abs_title { float: left; width: 85px; 
text-align: left; padding-right: 25px;
    margin-left: 0px;
    margin-right: 15px;
    height: 25px;
    font-weight: bold;
}



.abs_help { padding-left: 10px; padding-top: 2px; color: #3399ff; vertical-align: middle; display: table-cell; font-style: italic; }

.links, .linkb { margin-left: 20px; line-height: 30px; }
.links a { margin-right: 3px; margin-bottom: 3px; padding: 4px; padding-left: 5px; padding-right: 5px; font-size: 12pt; border: solid 1px blue; background-color: white; color: Blue; } 
.links a:hover { background-color: Yellow; }
.links_e { clear: both; margin-bottom: 5px; }
.fbold { font-weight: bold; }
  

    .dpTable {
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	text-align: center;
    	color: #333333;
    	background-color: #d8e8ff;
    	border: 2px solid black;
	}

    .dpTD {
    	border: 1px solid #ece9d8;
        width: 25px;
	}


    .dpDayHighlightTD {
    	background-color: #CCCCCC;
    	border: 1px solid #AAAAAA;
	}


    .dpTDHover {
	    background-color: white;
	    border: 1px solid #888888;
	    cursor: pointer;
	    color: black;
	}


    .dpDayTD {
	    background-color: white;
	    border: 1px solid #6666ff;
	    color: #333333;
    }


    .dpTitleText {
	    font-size: 12px;
	    color: black;
	    font-weight: bold;
	}


    .dpDayHighlight {
	    color: white;
	    font-weight: bold;
        background: #003090;
	}


    .dpButton, .dpTodayButton {
    	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: white;
    	background: #5075aa;
    	font-weight: bold;
    	padding: 4px;
	}

    #PrintPermit{
        margin-right:50px;
    }

    .no-holiday,.no-weekend{
        margin:0 1rem;
    }


@media only screen and (max-width: 600px) {
    .abs_box_l {
        z-index: 1;
        position: relative;
    }
}