body {
                font-family: Arial;
                font-size: 8pt;
            }

            table {
                font-family: Arial;
                font-size: 8pt;
            }

            input {
                font-family: Arial;
                font-size: 8pt;
            }

            a {
                font-family: Arial;
                font-size: 8pt;
                color: #1565C0;
            }

          

            /*Form Box CSS*/

                .form-box {
                    padding: 0px;
                    background-color: white;
                    display: inline-block;
                    border-style: solid;
                    border-width: 1px;
                    border-color: grey;
                    box-shadow: 0 1px 3px #999;
                    position: relative;
                }

                .form-box:before,
                .form-box:after { content:""; position:absolute; bottom:15px; left:10px; height:20%; width:50%; box-shadow:0 15px 10px rgba(0,0,0,0.3); z-index:-2; }

                .form-box:before {
                    -webkit-transform:rotate(-3deg); 
                    -moz-transform:rotate(-3deg); 
	                -ms-transform:rotate(-3deg); 
	                -o-transform:rotate(-3deg); 
                    transform:rotate(-3deg); 
                }
                .form-box:after {
                    right:10px; 
                    left:auto; 
                    -webkit-transform:rotate(3deg); 
	                -moz-transform:rotate(3deg); 
	                -ms-transform:rotate(3deg); 
	                -o-transform:rotate(3deg); 
	                transform:rotate(3deg); 
                }


                .form-header {
                    border-bottom: 1px solid #b9b9b9;
                    background-color: none;
                    width: 100%;
                    height: 35px;
                }

                .form-header h2 {
                    font-family: 'proximanova_bold', sans-serif;
                    font-size: 16px;
                    color: #272f32;
                    float: left;
                    padding: 0px;
                }

                .form-header a {
                    float: right;
                    margin-top: 15px;
                }

                .form-content {
                    background-color: none;
                    text-align: left;
                    width: 100%;
                    margin-top: 10px;
                    font-family: 'proximanova_regular', Helvetica, Arial, sans-serif;
                    font-size: 11px;
                    line-height: 1.3;
                    color: #5d5d5d;
                }
        
            /*Data Tables CSS*/
         
                .table-data {
                    padding: 0px;
                    background-color: #FFFFFF;
                    box-shadow: 0px 0px 5px #888888;
                    
                }

                .table-data table {
                    font-size: 8pt; 
                    font-family: Arial; 
                    padding: 4px;
                    border: none;
                    border-spacing: 0px;
                    border-collapse: collapse;
                }
      
                .table-data tr {
                    height: 30px;
                }

                .table-data tr:nth-child(even) {
                    background-color: #E3F2FD;
                    background-color: #E8EAF6;
                    background-color: #F1F8E9;
                    background-color: #f4f4f5;
                }

                .table-data tr:nth-child(odd) {
                    background-color: #BBDEFB;
                    background-color: #C5CAE9;
                    background-color: #DCEDC8;
                    background-color: #FFFFFF;
                }

                 .table-data tr:first-child {
                    
                    background-color: #283593;
                    background-color: #558B2F;
                    background-color: #1565C0;
                    height: 35px;
                    color: white;
                }

        /*Buttons CSS*/
                button {
                     border-radius: 4px; 
                     padding: 5px 20px; 
                     text-align: center; 
                     text-decoration: none; 
                    
                     font-size: 12px; 
            
                     cursor: pointer; 
                     border: none; 
                }

                 button.orange {
                     background-color: #EF6C00; 
                     color: white; 
                 }

                  button.green {
                     background-color: #558B2F; 
                     color: white; 
                 }
         
                   button.red {
                     background-color: #C62828; 
                     color: white; 
                 }

                 button.purple {
                     background-color: #6A1B9A; 
                     color: white; 
                 }

                  button.indigo {
                     background-color: #283593; 
                     color: white; 
                 }
        
                   button.blue {
                     background-color: #1565C0; 
                     color: white; 
                 }
          
       
                   /* The sidebar menu */
.sidenav {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 155px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #f4f4f5;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px;
    border-right: 1px solid lightgray;
}

/* The navigation menu links */
.sidenav a {
    padding: 6px 8px 6px 10px;
    text-decoration: none;
    font-family: Arial;
    font-size: 9pt;
    color: black;
    display: block;
    cursor: pointer;
}

.sidenav li {
	width: 100%;
    cursor: pointer;
}

.sidenav i {
    color: black;
    vertical-align: middle;
    font-size: 15px;
    cursor: pointer;
}

.sidenav label {
		display: inline-block; 
        padding: 5px;
        cursor: pointer;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    background-color: lightgray;
}

/* Style page content */
.main {
    margin-left: 155px; /* Same as the width of the sidebar */
    padding: 0px 10px;
   
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-width: 600px) {
 
    body {
        font-size: 12pt;
        }

    table {
        font-size: 12pt;
        color: aqua;
    }

    input {
        font-size: 12pt;
    }

    a {
        font-size: 12pt;
    }

   .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* Handle class for sorting lists*/
.handle {
    cursor: grab;
}