body {
    font: 14px/1.85em 'HELVETICA', Arial, Helvetice Neue, sans-serif;
    color: lightslategrey;
    font-weight: 300;
    font-style: normal;
    background-color: #f8f9fa;
}

/*.sidenavmenu a{
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #000000;
    display: block;
    transition: 0.3s
}*/

.sidenavmenu {
    height: 100%;
    width: 100%;
    /*position: fixed; */
   /*  z-index: 1; */
    top: 0;
    left: 0;
    padding-top: 60px;
}

.sidenavmenu a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}



.button {
    display: inline-block;
    margin-top:5px;
    height:40px;
    padding: 0.35em 1.2em;
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #000;
    text-align: center;
    transition: all 0.2s;
    border-radius: 0.55em;
}

    .button:hover {
        color: #606B80;
        background-color: #fefefe;
    }

/*@media all and (max-width:30em) {
     .button {
        display: block;
        margin: 0.4em auto;
    }
}*/


/* Dropdown Button */


.dropbtn-content a {
    color: #FFFFFF;
    background-color: #606B80;
    text-align: center;
    
    text-decoration: none;
    display: block;
}

.dropbtn-content a:visited {
    color: red;
    background-color: red;
}  

.dropbtn-content a:hover {
        color: #313131;
        background-color: #606B80;
    }




.dropdown {
    position: relative;
    display: inline-block;
    width:100%;
    z-index: 9999999;
}

.dropbtn {
    display: inline-block;
    width: 100%;
    padding: 15px;
    
    font-size:50px;
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #606B80;
    text-align: center;
    transition: all 0.2s;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    padding:15px;
    position: absolute;
    color: #FFFFFF;
    background-color: #606B80;
    text-align: center;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999999;
    font-size: 42px;
    width:100%;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: #FFFFFF;
        background-color: #606B80;
        text-align: center;
        /*padding: 12px 16px;*/
        text-decoration: none;
        display: block;
        padding:50px;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            color: #606B80;
            background-color: #fefefe;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    color: #606B80;
    background-color: #fefefe;
}
.dropbtn a {
    transition: all 0.2s;
    text-decoration: none;
    color: #fefefe;
    background-color: #606B80;
}
.dropdown:hover .dropbtn a {
    text-decoration: none;
    color: #606B80;
    background-color: #fefefe;
}

.tbl_key {
    border-collapse: collapse;
}

.tbl_key th {
    font-size: 24px;
    height: 10px;
    padding: 10px;
    border: 1px solid;
    border-color: #606B80;
}

.previousTable {
    background-color: #dadce0;
    border-collapse: collapse;
}

    .previousTable tr {
        color: black;
        background-color: #dadce0;
    }
    .previousTable th {
        font-size: 24px;
        height: 10px;
        padding: 10px;
        border: 1px solid;
        border-color:#606B80;
        color: #FFFFFF;
        background-color: #606B80;
        
    }

    .previousTable td {
        padding: 10px;
        border: 1px solid;
        color: #606B80;
        background-color: #606B80;
        color: #606B80;
        background-color: #dadce0;
    }

.previousTable a {
    color: #165600;
    font-weight: bold;
}



.blacklistedDatesTable {
    background-color: #dadce0;
    border-collapse: collapse;
}

    .blacklistedDatesTable tr {
        color: black;
        background-color: #dadce0;
    }

    .blacklistedDatesTable th {
        font-size: 24px;
        height: 10px;
        width: 26.65%;
        padding: 10px;
        border: 1px solid;
        border-color: #606B80;
        color: #FFFFFF;
        background-color: #606B80;
        text-align: left;
    }

    .blacklistedDatesTable td {
        padding: 10px;
        border: 1px solid;
        color: #606B80;
        background-color: #606B80;
        color: #606B80;
        background-color: #dadce0;
    }

    .blacklistedDatesTable a {
        color: #606B80;
        font-weight: bold;
    }

.ApprovalTable {
    background-color: #dadce0;
    border-collapse: collapse;
}

    .ApprovalTable tr {
        color: black;
        background-color: #dadce0;
    }

    .ApprovalTable th {
        font-size: 24px;
        height: 10px;
        width: 10%;
        padding: 10px;
        border: 1px solid;
        border-color: #606B80;
        color: #FFFFFF;
        background-color: #606B80;
        text-align: left;
    }

    .ApprovalTable td {
        padding: 10px;
        border: 1px solid;
        color: #606B80;
        background-color: #606B80;
        color: #606B80;
        background-color: #dadce0;
    }

    .ApprovalTable a {
        color: #606B80;
        font-weight: bold;
    }

.textbox {

    width:30.4%; 
    Height:40px;
}



.label{
    Height:40px;
}

#footer {
    left: 0;
    bottom: 0;
    height: 65px;
    width: 100%;
    overflow: hidden;
    background: #252525;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #21252c;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
}

#footer div {
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 768px;
}

#footer div p {
color: #fff;
float: left;
line-height: 18px;
margin: 0 0 0 10px;
margin-top: 20px;
padding: 0;
}

#footer div ul {
color: #fff;
float: right;
line-height: 18px;
margin: 0 0 0 10px;
padding: 0;
margin-top: 20px;
}

#footer div ul li {
display: block;
float: left;
list-style: none;
margin: 0 10px;
padding: 0;
width: 44px;
}

#footer div ul li a {
    background: url(../images/icons.jpg) no-repeat 0 0;
    display: block;
    height: 44px;
    margin: 0;
    padding: 0;
    text-indent: -99999px;
    width: 44px;
}



.rulesCell {
    width:50%;
    background-color: #dadce0;
    padding: 20px 20px;
    border: 1px solid;
    color: #606B80;
}

@media only screen and  (min-width:1080px) { /*Desktop - small fixed nav*/
    .dropdown {
        width:25%!important;
    }
    .dropdown-content {
        font-size: 30px!important;
    }
    .dropbtn {
        font-size:30px!important;
        padding-top: 15px!important; 
        padding-bottom: 15px!important;
    }
    .dropdown-content a {
        padding:20px;
    }
}