@font-face {
    font-family: myfont1;
    src: url('../Fonts/GE_SS_Two_Bold.otf') format('opentype');
}

@font-face {
    font-family: myfont2;
    src: url('../Fonts/DroidKufi-Regular.ttf') format('truetype');
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: nowrap;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.navbar-inverse {
    background-color: #fb0e0e;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #333;
}

.navbar-inverse .navbar-nav>li>a {
    color: #333;
    font-family: myfont2;
    font-size: 18px;
}
.jumbotron h1, .jumbotron .h1 {
    color:#428bca;
    font-family:myfont1
}
.nav-pills>li>a, #div-side {
    font-size: 15px;
    font-family: myfont2;
}

/*.nav-pills>li>a:hover { ,#div-side:hover {
  background-color: #d6d6d6;
  color:white;
}*/






.nav-modified { /*change was made here*/
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-modified:before,
.nav-modified:after {
  display: table;
  content: " ";
}

.nav-modified:after {
  clear: both;
}

.nav-modified:before,
.nav-modified:after {
  display: table;
  content: " ";
}

.nav-modified:after {
  clear: both;
}

.nav-modified > li {
  position: relative;
  display: block;
}

.nav-modified > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.menu ul li:hover{
  background-color: #d6d6d6;
  z-index:1000;
}

.nav-modified > li > a:hover,
.nav-modified > li > a:focus {
  text-decoration: none;
  background-color: #d6d6d6;
}

.nav-modified > li.disabled > a {
  color: #999999;
}

.nav-modified > li.disabled > a:hover,
.nav-modified > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav-modified .open > a,
.nav-modified .open > a:hover,
.nav-modified .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.nav-modified .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav-modified > li > a > img {
  max-width: none;
}

.nav-modified .caret {
  border-top-color: #428bca;
  border-bottom-color: #428bca;
}

.nav-modified a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}


 /* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {
        height: inherit;
    }

    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #f1f1f1;
      height: 100%;
    }

    .menu ul{
            list-style: none;
            margin: 0;
        }
        .menu ul li {
            padding: 2px;
            position: relative;
            width: 100%;
            vertical-align: middle;
            background-color: #f1f1f1;
            cursor: pointer;
            border-top: 1px solid #808080; /*#BDC3C7;*/
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            z-index:1000;
        }
        .menu ul ul{
            transition: all 0.3s;
            opacity: 0;
            position: absolute;
            border-right:5px solid #428bca;
            visibility: hidden;
            right: 100%;
            top: 10%;
            width: 100%;
            padding: 2px;
            font-size:18px;
            font-family: myfont2;
            border-top: 1px solid #808080; /*#BDC3C7;*/
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            
        }
        
        .menu ul ul li{
            padding: 10px;
            position: relative;
            width: 100%;
            vertical-align: middle;
            background-color: #f1f1f1;
            cursor: pointer;
            border-top: 1px solid #BDC3C7; 
            border-bottom: 1px solid #BDC3C7; 
        }
        
        .menu ul ul li:hover{
            text-decoration: none;
             background-color: #d6d6d6;
        }
       .menu ul li:hover > ul {
            opacity: 1;
            visibility: visible;
            z-index:1000;
        }

    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height: auto;}
    }
 
.TableHeader {
    background-color: floralwhite;
    font-size: 20px;
    color: steelblue;
    font-family: myfont2;
}




@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?x5770m');
  src:  url('fonts/icomoon.eot?x5770m#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?x5770m') format('truetype'),
    url('fonts/icomoon.woff?x5770m') format('woff'),
    url('fonts/icomoon.svg?x5770m#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
  content: "\e9ca";
}
.icon-wink2:before {
  content: "\e9e8";
}

@media print {
    nav{
        display:none;
    }
    /*h1{
        color:red;
    }
    body{
        
    }*/
}