body{
    margin:0px;
    font-family:arial;
    font-size:12px;
}

table{
    font-size:12px;
}

a{
    text-decoration:none;
    color:inherit;
    cursor:pointer;
}

input{
    padding-left:5px;
    padding-right:5px;
    width:100%;
    height:30px;
    border-style:solid;
    border-radius:0px;
    border-width:1px;
    border-color: #666666;
}

select{
    height:30px;
}
textarea{
    width:100%;
    border-style:solid;
    border-width:1px;
    border-color: #666666;
}

th{
    font-style:bold;
    text-align:left;
}

.edit_button{
    border-style:none;
    background-color:orange;
    color:white;
    border-radius:5px;
    padding:5px;
    font-size:10px;
    cursor:pointer;
}


.delete_button{
    border-style:none;
    background-color:grey;
    color:white;
    border-radius:5px;
    padding:5px;
    font-size:10px;
    cursor:pointer;
}

.wrapper{
    width:100%;
}

.header{
    color:whitesmoke;
    width:100%;
    border-radius:0px;
}

.logo{
    height:70px;  
}

.current_user{
    color:whitesmoke;
    padding:5px;
    font-style:italic;
}

.logout{
    background-color: gray;
    color:whitesmoke;
    padding:5px;
    border-radius:5px;
    border-style:none;
}

.menu{
    width:18%;
    height:500px;
    background-color:darkslategray;
}

.menu_bar{
    width:100%;
    background-color:darkslategray;
}

.icon_box{
    width:40px;
}

.menu_icon{
    width:30px;
    border-radius:0px;
}

.icon_box_small{
    width:30px;
}

.menu_icon_small{
    width:25px;
    border-radius:0px;
}


.menu_item{
    text-align:left;
    width:100%;
    border-radius:0px;
    padding:5px;
    font-size: 14px;
    font-weight:bold;
    color:whitesmoke;
    background-color:darkslategray;
}


.menu_item:hover{
    background-color:darkgray;    
}

.menu_item_small{
    text-align:left;
    width:100%;
    border-radius:0px;
    padding:0px;
    font-size: 14px;
    font-weight:bold;
    color:whitesmoke;
    background-color:darkslategray;
}

.menu_item_small:hover{
    background-color:darkgray;    
}

.content{
    width:100%;
    border-top-style:solid;
    border-width:1px;
    border-radius:0px;
    padding:10px;
}

.footer{
    background-color:darkslategray;
    width:100%;
    font-size:12px;
    text-align:center;
    color:whitesmoke;
    border-radius:0px;
}

.new_button{
    background-color: orangered;
    color:whitesmoke;
    border-radius:5px;
    padding:5px;
    border-style:none;
    cursor:pointer;
}

.list_table{
    width:100%;
    border-style:solid;
    border-width:1px;
}

.detail_label{
    width:40%;
    padding-left:5px;
    background-color:#ECECEC;
    color:darkslateblue;
    font-weight: bold;
    height:40px;
}

.detail_content{
    border-top-style:solid;
    border-bottom-style:solid;
    border-color:#ECECEC;
    border-width:1px;
    height:40px;
    font-size:14px;
    font-weight:bold;
    padding-left:10px;
}

.detail_table{
    padding:0px;
    width:100%; 
    border-style:solid; 
    border-width:1px; 
    border-color:#ECECEC;
}

.activity_comment{
    width:100%;
    padding:10px;
}

.activity_comment:hover{
    background-color: #dddddd;
}

.activity_comment_date{
    font-style:italic;
    font-size: small;
    color:darkslateblue;
}

.site_evaluation_button{
    border-radius:5px;
    border-style:none;
    padding:3px;
    background-color:orange;
    color:white;
}


.demographics_button{
    border-radius:5px;
    border-style:none;
    padding:3px;
    background-color: olivedrab;
    color:white;
}

.orientation{
    width:150px;

}

.component_row:hover{
    background-color: #f6f6f6;
}

.filter_text{
    width:150px;
}

.filter_button{
    background-color:orange;
    border-style:none;
    width:100px;
}

.page_nav{
    width:30px;
    border-style:solid;
    border-width:1px;
    padding-left:8px;
    padding-right:8px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:15px;
    font-weight:bold;
    border-radius:3px;
}

.page_nav_select{

    border-radius:3px;
    border-style:solid;
    border-width:1px;
    border-color:whitesmoke;
    padding:3px;
}

.denied_back{
    border-style:solid;
    border-width:1px;
    border-color:red;
    border-radius:5px;
    padding:10px;
}

.export_icon{
    width:25px;
}

.calender_day{
    width:25px;
    height:20px;
    text-align:center;
}