body {
    background-color: #a3a3a3;
    font-family: sans-serif;
    font-size: 16px;
    color:#ffffff;
    margin:0;
    padding:0;
    
    }
     
    #wrapper {
    width:100%;
    background-color:#171A21;
    margin:0 ;
    
    
    }
    
    
#header {
    width:50%;
    height:60px;
    margin:0 ;
    background-color: #17adb4;
    color: #eeeeee;
    top: 0;
    position: fixed;
    
    }

#headerright {
    width:50%;
    height:60px;
    margin:0 ;
    background-color: #17adb4;
    color: #333;
    top: 0;
    left: 50%;
    position: fixed;
    
    }
    
    
    #header h2 {
    
    vertical-align: middle;
    }
    
    #header h3 {
    padding:10px;
    }
    
    #header td
     {
     height:50px;
     vertical-align:middle;
     font-size: 12pt;
    
     }

#nav {
width:100%;
height:40px;
top: 60px;

}

#nav a {
display:inline;
padding:10px;
text-decoration:none;
background-color:#f1f1f1;
}

#nav a:hover {
background-color:#bababa;
height:60px;
}
    
    #content {
    width: 100%;
    float:left;
    padding:10px;
    margin-top: 95px;
    overflow-y: scroll;
    
    }
    
    #sidebar {
    width:100px;
    float:left;
    margin-bottom:25px;
    }
    
    #sidebar a {
    text-decoration:none;
    }
    
    #sidebar li {
    list-style:none;
    }
    
    #footer {
    clear:both;
    width:100%;
    height:135px;
    border-top:1px solid #ccc;
    }
    
    #footer p {
    padding:10px;
    }
    
    
    
    .datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
    .datagrid { overflow: hidden; border: 1px solid #646464; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .datagrid table td, .datagrid table th { padding: 3px 10px; }
    .datagrid table thead th {
        
        background-color:#ffffff; 
        color:#000047; 
        font-size: 18px; 
        font-weight: normal; 
        border-left: 1px solid #FFFFFF; } 
    .datagrid table thead th:first-child { border: none; }
    .datagrid table tbody td { color: #FFFFFF; border-left: 1px solid #646464;font-size: 16px;font-weight: normal; }
    .datagrid table tbody td:first-child { border-left: none; }
    .datagrid table tbody tr td { border-bottom: 1px solid #646464 }
    .datagrid table tfoot tr { border-top: 1px solid #000047;background: #ffffff;} 
    .datagrid table tfoot td { padding: 0; font-size: 12px } 
    .datagrid table tfoot td { padding: 2px; }
    .datagrid table tfoot td { margin: 0; padding:0; list-style: none; text-align: right; color: #000047;}
    
    div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
    
    
  /* this section deals with the nav menu */
#cssmenu {
    border: none;
    border: 0px;
    
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 30px;
    background:#1d2022;
        
    }


#cssmenu ul {
    background: #1d2022;
    height: 37px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: #005082;
    border-bottom-width: 4px;
    border-bottom-style: solid;    
}
#cssmenu li {
    float: left;
    padding: 0px;
    }
#cssmenu li a {
    background:#1d2022 ;
    display: block;
    font-weight: normal;
    line-height: 33px;
    margin: 0px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
    }
#cssmenu > ul > li > a {
    color: #eeeeee;
    }
#cssmenu ul ul a {
    color: #eeeeee;
    }
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
    background: #018ae3 ;
    color: #FFFFFF;
    text-decoration: none;
    }
#cssmenu li ul {
    background: #003e66;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 2px;
    border-style: solid;
    border-color: #018ae3;
    position: absolute;
    width: 225px;
    z-index: 200;
    /*top:1em;
        /*left:0;*/
    
    }
#cssmenu li:hover ul {
    display: block;
    }
#cssmenu li li {
    
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 225px;
    }
#cssmenu li:hover li a {
    background: none;
    }
#cssmenu li ul a {
    display: block;
    height: 35px;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    text-align: left;
    }
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
    background: #018ae3 ;
    border: 0px;
    color: #ffffff;
    text-decoration: none;
    padding: 0px 10px 0px 15px;
    }
#cssmenu p {
    clear: left;
    }
    
    
    
    
    
    
    .form-container {
       border: 1px solid #000000;
       background: #e0e0e0;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F5F5F5));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F5F5 100%);
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
       -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
       -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
       box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
       
       text-decoration: none;
       vertical-align: middle;
       min-width:70%;
       padding:20px;
       width:70%;
       margin-left: auto;
       margin-right: auto;
       }
     .form-field {
       border: 1px solid #000000;
       background: #dedede;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px;
       color: #000000;
       -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       padding:8px;
       margin-bottom:20px;
       margin-left: auto;
       margin-right: auto;
       width: 80%;
       
       }
    .form-field_cb {
       border: 1px solid #000000;
       background: #dedede;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px;
       color: #000000;
       -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       padding:8px;
       margin-bottom:20px;
       margin-left: auto;
       margin-right: auto;
       width: 50px;
       
       }
     .form-field:focus {
       background: #b7ffb0;
       color: #000000;
       }
     .form-container h2 {
       text-shadow: #fdf2e4 0 1px 0;
       font-size:16px;
       margin: 0 0 10px 0;
       font-weight:normal;
       text-align:center;
        }
     .form-title {
       margin-bottom:10px;
       color: #040838;
       text-shadow: #fdf2e4 0 1px 0;
       font-size: 14px;
       }
     .submit-container {
       margin:8px 0;
       text-align:right;
       }
     .submit-button {
       border: 1px solid #030303;
       background: #5e942e;
       background: -webkit-gradient(linear, left top, left bottom, from(#82b351), to(#5e942e));
       background: -webkit-linear-gradient(top, #82b351, #5e942e);
       background: -moz-linear-gradient(top, #82b351, #5e942e);
       background: -ms-linear-gradient(top, #82b351, #5e942e);
       background: -o-linear-gradient(top, #82b351, #5e942e);
       background-image: -ms-linear-gradient(top, #82b351 0%, #5e942e 100%);
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px;
       -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
       -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
       box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
       text-shadow: #1c1c1c 0 1px 0;
       color: #ffffff;
       font-family: helvetica, serif;
       padding: 8.5px 18px;
       font-size: 14px;
       text-decoration: none;
       vertical-align: middle;
       }
     .submit-button:hover {
       border: 1px solid #447314;
       text-shadow: #31540c 0 1px 0;
       background: #6aa436;
       background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
       background: -webkit-linear-gradient(top, #8dc059, #6aa436);
       background: -moz-linear-gradient(top, #8dc059, #6aa436);
       background: -ms-linear-gradient(top, #8dc059, #6aa436);
       background: -o-linear-gradient(top, #8dc059, #6aa436);
       background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
       color: #fff;
       }
     .submit-button:active {
       text-shadow: #31540c 0 1px 0;
       border: 1px solid #447314;
       background: #8dc059;
       background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
       background: -webkit-linear-gradient(top, #6aa436, #8dc059);
       background: -moz-linear-gradient(top, #6aa436, #8dc059);
       background: -ms-linear-gradient(top, #6aa436, #8dc059);
       background: -o-linear-gradient(top, #6aa436, #8dc059);
       background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
       color: #fff;
       }
    
    
    .twocoltable{
        width: 100%;
    }
    .twocoltable td {
        min-width: 50%;
        
    }
    
    .headerform-field {
       border: 1px solid #000000;
       background: #dedede;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px;
       color: #000000;
       -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
       padding:2px;
       margin-bottom:2px;
       margin-left: auto;
       margin-right: auto;
       width: 100%;
       }
    
    .datagrid2 table { border-collapse: collapse; text-align: left;  } 
    .datagrid2 { overflow: hidden; border: 1px solid #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .datagrid2 table td, .datagrid2 table th { padding: 3px 10px; }
    .datagrid2 table thead th {
        
        background-color:#ffffff; 
        color:#000047; 
        font-size: 18px; 
        font-weight: normal; 
        border-left: 1px solid #ffffff; } 
    .datagrid2 li {background-color: #f1f1f1;}
    .datagrid2 table thead th:first-child { border: none; }
    .datagrid2 table tbody td { color: #000000; border-left: 1px solid #494959;font-size: 16px;font-weight: normal;  }
    .datagrid2 table tbody td:first-child { border-left: none; }
    .datagrid2 table tbody tr td { border-bottom: 1px solid #494959 }
    .datagrid2 table tbody tr td:first-child { border-left: 1px solid #494959 }
    .datagrid2 table tbody tr td:last-child { border-right: 1px solid #494959 }
    .datagrid2 table tbody:first-child { border-top: 1px solid #494959 }
    .datagrid2 table tfoot tr { border-top: 1px solid #000047;background: #ffffff;} 
    .datagrid2 table tfoot td { padding: 0; font-size: 12px } 
    .datagrid2 table tfoot td { padding: 2px; }
    .datagrid2 table tfoot td { margin: 0; padding:0; list-style: none; text-align: right; color: #000047;}
    
    .plist ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; }
    .plist li { margin: 5px; padding: 5px; width: 50%; border: 1px solid black; }
    
    
    
    
    @media print
    {
    .noprint {display:none;}
    }
    
    .bootstrap-datetimepicker-widget .btn { padding: 0; width:30px; }


    /* override the bootsrp panel heading */
.panel  {
    background-image: none;
    background-color: #1d2022;
    color: rgb(218, 218, 218);
    border: 2px;
    border-color : #454240;

}
.panel > .panel-heading{
    background-color: #005082;
    color: white;
    font-family: 'Ubuntu';
}
.panel > .panel-footer{
    background-color:  #1d2022;
    color: white;
}