/* admin css page */
      body {
          margin: 0;
         /* font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; */
          font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
          color: #444;
          overflow-x: hidden;
          overflow-y: scroll;
      }  
      #head {
          background-color: #e7eddd;
          border-bottom: 3px solid #014866; /* Navbar bottom color*/
          width: auto;
      }     
      #head, #tab {              
          margin: 0 auto;
          position: relative;
          padding: 20px 10px 0 10px;
      }                  
      /* site map tag line css */
      #sitename {
          font-size: 140%;
          font-weight: bold;
          padding-top: 10px;
      }
      #sitename a {
          text-decoration: none;
          color: #517714;  
      }
      a{
          color: #64871e;
          text-decoration: none;
      }  
      a:-webkit-any-link {            
        /*  cursor: auto; */
          text-decoration: none;
      }
      #mobileNavButton {
          display: none;
      }
      #tagline {
          font-size: 90%;
          color: #517714;
      }  
      /* end site map tag line */

      /* nav tabs */
      .nav-tabs li {
          display: inline-block;
          position: relative;
          list-style-type: none;
          margin: 0;
          padding: 5px 0 5px 0;
          bottom: -7px;
      }
      li {
          display: list-item;
          text-align: -webkit-match-parent;
      } 
      .nav-tabs a {
          display: inline-block;
          background-color: #014866; /*Epita Bg Color*/
          border-bottom: 3px solid #64871e; 
          text-decoration: none;
          color: #fff;
          padding: 5px 10px 4px 10px;
      }
      .nav-tabs li a.active {
          background-color: #fff;
          border-color: #ebb02c;
          color: #e28f36;
      } 
      h1 {
          color: #64871e;
          font-size: 160%;
      }
      a{
          color: #64871e;               
      }
      .tab-content a{
          text-decoration: none;
          color: #64871e;
      }
      .tab-content a:hover {
          color: #64871e;
          text-decoration: underline;
      } 

      /* end nav tabs */
      /*top navigation*/
      #topnav {
          position: absolute;
          background-color: #d3d9c9;
          color: #8c918c;
          top: 0;
          right: 0;
          padding: 5px 10px;
          font-size: 80%;
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          overflow: hidden;
          margin-top:-20px;
      }
      #topnav a {
          color: #8c918c;
          margin: 0 5px;
          text-decoration: none;
      }
      #topnav a:hover {
          color: #64871e;
          text-decoration: none;
      } 
      /*end topnavigation*/
     /* nav tabs width and height */
      .nav-tabs>li>a {
          margin-right: 7px;
          padding: 3px 10px 4px 10px;
          line-height: 1.42857143;
          border: 1px solid transparent;
          border-radius: 4px 4px 0 0;
      }   
      .nav-tabs>li>a:hover{
         background-color:#FFF;
         color:#000;
      }