@media screen and  (min-width:769px)  {

    
    
  body{
      width: 100%;
      margin: 0px;
      padding: 0px;
      overflow-y: scroll;
      -ms-scrollbar-base-color:transparent;
      scroll-behavior: smooth;
      overflow-x:hidden;
  
    }
    hr{
        width:100%;
        border: 3px solid #6495ED;
        margin-top: 20px;
    }
    .addusersearchhr{
      width:100%;
      border: 3px solid #6495ED;
      margin-top:0px;
  }
  
  .successdivs p{
      font-size:21px;
      text-align: center;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.4;
  }
  .adminheadercontent1{
      display: flex;
      justify-content:flex-start;
      align-items: center;
      width:37%;
      height:100px;
  }
  
  .adminheadercontent2{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40%;
      height: 100px;
  }
  
  .adminheadercontent3{
         display: flex;
         justify-content: flex-end;
      align-items: center;
    width:20%;
    height:100px;
  
  }
  
  .loginadminheadercontent3{
      display: flex;
      
   align-items: center;
  width:20%;
  height:100px;
  
  }
  
  .hamberger{
      display:none;
  }
  
  
  .adduserlabelhead{
              font-size: 30px;
          font-weight: 700;
          font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
          color: #333;
      }
  
  
  .mainboxdiv{
      width:100%;
      display:flex;
      justify-content: space-around;
      margin-top:10px;
      margin-bottom: 30px;
  }
  
  .usersurveyfooter{
      background: url('Images/footer.png') center -40px no-repeat;
      width: 100%;
      height: 70px;;
      overflow: hidden"
  }
  
  .mainsubdiv{
    width:20%;
    height:300px;
    border:1px solid #808080;
    border-top: 1px solid white;
    margin-top:30px;
    margin-bottom: 10px;
  }
  .mainsubdivconfig{
      width:20%;
      height:460px;
      border:1px solid #808080;
      border-top: 1px solid white;
      margin-top:30px;
      line-height: 1;
    }
  .mainsubparent{
  display:flex;
  width:100%;
  margin-top: -19px;
  align-items: center;
  }
  .mainsubparentconfig{
      display:flex;
      width:100%;
      margin-top: -16px;
      align-items: center;
      }
      
  
  .child1{
      width:50%;
      padding:0px;
      border-top:1px solid #808080;
  }
  
  .spanhead{
     font-size:31px !important;
     font-weight:700;
     color:#808080;
     padding-left:10px;   
     padding-right:10px;
  }
  
  .child2{
     width:50%;
     padding:0px;
     border-top:1px solid #808080;
  }
  
  .paras{
    font-size:14px;
    text-align: left;
    margin:0px;
    line-height:0.3px;
    /*text-decoration: underline;*/
    font-weight:400;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  }
  
  .dropdown-content a:hover{
      color:green;
  }
  
  .paras a{
      color:blue;
  }
  .adminheading{
      width:100%;
      height:75px;
      display:flex;
      justify-content:center;
      align-items: center;
  }
  
  
  
  .adminheader{
      width: 100%;
      height: 80px;
      display: flex;
      justify-content: center;
  }
  
  .page-footer footer,.adpage-footer footer{
      padding: 90px 0 0;
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
      display: block;
  }
  
  .adpage-footer {
      background: url('Images/footer.png') center -40px no-repeat;
      width: 100%;
      height: 50;
       position: absolute;
      bottom: 0;
      left: 0;
      zoom: 1;
      -webkit-transition: padding 1s;
      transition: padding 1s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }
  
  html{
      overflow-y: overlay;
  }
  
  .page-footer footer {
      padding: 90px 0 0;
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
      display: block;
  }
  
  .page-footer {
      background: url('Images/bgfooter.png') center -40px no-repeat;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      zoom: 1;
      -webkit-transition: padding 1s;
      transition: padding 1s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }
  
  .mainlogindiv{
      width: 100%;
      height:auto;
      display: flex;
      justify-content: center;
      
  }
  
  .adduserheader {
          width: 100%;
          height: 100px;
          display: flex;
          justify-content: center;
      }
  
  .addusercurrent1{
          color: #545c67 !important;
          font-family: arial,helvetica,sans-serif;
          font-size: 14px;
          text-transform: uppercase;
          text-decoration: none;
          cursor: pointer !important;
      }
  
      .loginaddusercurrent{
          color: #545c67 !important;
          font-family: arial,helvetica,sans-serif;
          font-size: 14px;
          text-transform: uppercase;
          cursor: pointer !important;
      }
  
      .loginaddusercurrent:hover{
          text-decoration:underline;
      }
  
      .adduserhr1{
              width: 100%;
              border: 3px solid #6495ED;
              margin-top: 20px; 
      }
  
  
  .page-header .header-wrap {
      padding: 85px 25px;
  
  }
  
  .page-bg{
      background: url('Images/homepage.jpg');
      width:100%;background-repeat: no-repeat; 
      background-size: cover;
  }
  
  .page-header .header-wrap {
      padding: 32px 25px;
  }
  
  .page-header {
      background: url('https://www.addc.ae/Style%20Library/ADDC/img/bg/header.svg') center bottom no-repeat;
      width: 100%;
      padding-bottom: 30px;
      position: absolute;
      top: 0;
      left: 0;
      zoom: 1;
      -webkit-transition: padding 1s;
      transition: padding 1s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      z-index: 999;
      margin-top:82px;
      border-bottom:0px;
  }
  
  .addusercontent{
      min-height: calc(100vh - 70px);
      margin-left: 10px;
      margin-right: 10px;
  }
  .login-box, .register-box {
      width: 360px;
      border: black;
      border-width: 1px;
      border-style: solid;
      margin: 9.5% auto;
  }
  .login-box-body, .register-box-body {
      background: #fff;
      padding: 20px;
      border-top: 0;
      color: #666;
  }
  
  .adduserlogin-box {
      width: 360px;
      border: black;
      border-width: 1px;
      border-style: solid;
      margin: 0px auto;
  }
  
  * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .login-logo, .register-logo {
      font-size: 35px;
      text-align: center;
      margin-bottom: 25px;
      font-weight: 300;
      text-align: left;
  }
  .login-box-body, .register-box-body {
      background: #fff;
      padding: 20px;
      border-top: 0;
      color: #666;
  }
  
  
  .form-control {
      border-radius: 0 !important;
      box-shadow: none;
      border-color: #d2d6de;
  }
  
  .adduserheading{
      font-size: 20px; 
      color: #000;
      white-space: nowrap;
      text-align:center;
  }
  
  .addresetuserheading{
      font-size: 20px; 
      color: #000;
      white-space: nowrap;
      text-align:center;
      line-height: 1;
  }
  .adduserhr{
  border: 1px solid #eee;
  }
  .addusercselect{
      width:100%;
      height:34px;
      border-color:#d2d6de;
      background: white;
  }
  
  /* add User styles */
  
      
      body{
       overflow-x: hidden;
      
       }
       
    .ulis{
    list-style-type:none;
     display:inline-flex;
     /*width: 95%;*/
     justify-content: flex-end;
    }
    
    
    
    .ulis1{
    
      list-style-type: none;
        display: inline-flex;
        width: 95%;
    }
    
    .ulis li, .ulis1 li{
    padding:1px;
    white-space:nowrap;
    align-items:center;
    }
    .header1{
    width:100%;
    background-color:white;
    font-size:14px;
    height:100px;
    display:flex;
    position:relative;
    justify-content: space-between;
    align-items: center;
    }
    
    
    .navbar{
        
        display:inline-flex;
        width:85%;
        
    }
    
    nav ul li a{
        color: #545c67;
        font-family: arial,helvetica,sans-serif;
        text-transform: uppercase;
        text-decoration: none;
    
    }
    
    nav ul li.current a,nav ul li a:hover {
        border-bottom: 3px solid #545c67;
        cursor: pointer;
    }
    
    .imgdiv{
        width:15%;
        display:flex;
        justify-content:center;
    }
    
    
    .lshowdiv{
        height:100px;
        width:100%;
        background-color: black;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      
    }
    .page-bg {
       
        direction: ltr;
    }
  
    .surveycontent{
      height: 100%;
      margin-left:10px;
      margin-right:10px;
      margin-bottom: 30px;
    }
    .adminsurveycontent{
        height: auto;
        margin-left:10px;
        margin-right:10px;
        margin-bottom: 30px;
      }
    
    .content, .content-wrapper, .master, .overlay, .page-bg, .pika-button, body, html, svg {
        width: 100%;
    }
    .master, .overlay, .page-bg, .page-bg .overlay, body, html, svg {
        height: 100%;
    }
    .overlay, .page-bg, .page-bg .overlay {
        position: fixed;
        top: 90px;
        left: 0;
    }
    
    .llabel{
        display:flex;
        justify-content: flex-start;
    }
    
    #curve{
        background-image: url("startcurve.png");
        width: 100%;
        height: 55px;
        background-size: cover;
        position:relative;
        top:93px;
        left:56px;
    }
    
    
    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
        display: block;
    }
    
    
    
    
    #mainbd{
    
      background-image: url("body1.png");
      width:100%;
      height:380px;
      background-repeat:repeat;
      background-size: cover;
      
      display: flex;
        align-items: center;
        position: relative;
        margin-top: 93px;
        margin-left:50px;
    }
    
    .midbody,.midbodys
    {
      width: 100%;
      height:400px;
      cursor: pointer;
    }
    
    .brcontent :hover{
     background:red;
     display: block;
    }
    
    .footerlabel{color: #545c67;
        font-size: 12px;;
        text-transform: uppercase;
        float: left;
     
    
    }
    
    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        background-color: rgb(250, 255, 189) !important;
        background-image: none !important;
        color: rgb(0, 0, 0) !important;
    }
    .footerdivbefore{
      width:100%;
      background: url('Images/footer.png');
      display: flex;
      background-repeat: no-repeat;
      margin-top:-20px;
      height:100px;
    }
    
    }
    
    .Box {
    display: flex;
    align-items: center;
    }
    .img {
    padding: 3px;
    }
    .FollowUs {
    padding: 5px;
    }
    
  
  
    table tbody tr td a{
      color:blue;
      
    }
  
    table {
    border-collapse: collapse; 
    width: 100%;
      margin-left: 0px;
     /* border: 1px solid rgb(51, 51, 51);*/
      font-size: 14px;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 300;
  }
  
  .mainsearchdiv{
     width: 80%;
      margin: 0 auto;
      color: #fff;
      display: flex;
      justify-content: center;   
       flex-wrap: wrap;
  }
  .mainsearchsubdiv{
      display:flex;
      margin-top: 10px;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      margin-right:15%;
      margin-left: 15%;
      padding-left:1%;
  }
  
  .formsearchdiv{
      display:flex;
      margin-top: 20px;
      justify-content: flex-end;
      flex-wrap: wrap;
      width: 100%;
      margin-right:19%;
      margin-left: 15%;
      padding-left:1%;
  }
  .searchsubdiv{
      width:50%;
  }
  .searchsubdivhide{
      width:50%;
      visibility: hidden;
  }
  .searchtwodivsinput1{
      margin-top: 5px;
      border: 1px solid rgb(169, 169, 169);
      width: 90%;
      padding: 1px;
      display: flex;
      justify-content: space-between;
      font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
      font-size: 14px;
      height: 34px;
      align-items: center;
  }
  
  .searchsurveyselect{
      height: 34px;
      width:90%;
      border-color:1px solid rgb(169, 169, 169);
      background: white;
      margin-top: 5px;
  }
  
  #ssearchbar{
      border:1px solid #ccc;
      width:50%;
      height:34px;
  }
  .ssurveybut{
      cursor:pointer;
      font-weight:300;
      margin-left:10px;
      color:white;
      height: 34px;
      margin-left:10px;
  }
  
  .surveydtable{
      display: block;
      font-size: 14px;
      margin-left:30px;
      margin-right:30px;
      margin-top:50px;
      width:auto;
  }
  #example{
      width:100%;
      margin-left:0px ; 
      font-size:14px; 
      font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
      font-weight: 300;
      border:1px solid #ddd;
      /*text-align:center;*/
  }
  #ssubicon{
      height:34px;
  }
  .surveyreportmaindiv{
      width: 80%; 
      margin: 0 auto;
      color: #fff;
      height: 250px;
      display: flex;
      justify-content: center;
  }
  .surveyreportsubdiv{
      display:flex;
      margin-top: 20px;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      margin-right:15%;
      margin-left: 15%;
  }
  .surveyreportchilddiv{
     width:100%;
     height: 20px;
  }
  .surveyreportselect{
     width:60%;
     margin-left:38px;
     height: 34px;
     background: white;
  }
  
  
  .surveyreportselect1{
      width:60%;
      height: 34px;
      margin-left: 22px;
      background: white;
   }
  .exceldtable1{
     display:flex;
     width:100%;
     justify-content: flex-end;
     height: 3px;
     margin-top: -33px;
  }
  
  .exceldtable1 img{
      width: 8%;
      height: 50px;
      cursor: pointer;
  }
  
  .adduserbutdiv{
   margin-left: 30px;
   margin-right: 30px;
   width: 100%;
  }
  
  .adduserbutton{
      cursor:pointer;
      color:white;
      font-weight:300;
      cursor: pointer;
  }
  .hambergardatadiv{  display:none; }
  
  

  
  
  @media screen and (max-width: 768px){
    
    .tooltip .tooltiptext::after{
        margin-left:0px !important;
    }
      .tooltip  {
           margin-left: 25% !important;
           margin-top: -20px !important;
           pointer-events: none;
       }
       
       .tooltip1 {
       margin-left: -100% !important;
       margin-top: 14px !important;
       pointer-events: none;
       }
  
       .tooltip1 .tooltiptext {
         width: 200px;
           text-align: center;
           border-radius: 6px;
           padding: 5px 0;
           position: absolute;
           z-index: 1;
           top: -63px;
           left: 115%;
           
         background-color:white !important;
         font-size:14px;
           font-weight:700;
           font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
          color:#333;
          opacity:1 !important;
         border: 2px solid #00a65a;
       }
       
       .tooltip1 .tooltiptext::after {
         content: "";
           position: absolute;
           top: 45%;
           right: 100%;
           margin-top: -7px;
           border-width: 10px;
           border-style: solid;
           border-color: transparent #00a65a transparent transparent;
       }
       .tooltip1:hover .tooltiptext {
         visibility: visible;
       }
       
       .tooltip2 {
         position: relative;
           display: inline-block;
           width: 200px;
           margin-left: 3%;
           pointer-events: none;
       }
       
       .tooltip2 .tooltiptext {
         width: 200px;
           text-align: center;
           border-radius: 6px;
           padding: 5px 0;
           position: absolute;
           z-index: 1;
           top: -101px;
           left: 60%;
           
         background-color:white !important;
         font-size:14px;
           font-weight:700;
           font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
          color:#333;
          opacity:1 !important;
         border: 2px solid #00a65a;
       }
       
       .tooltip2 .tooltiptext::after {
         content: "";
           position: absolute;
           top: 61%;
           right: 100%;
           margin-top: -14px;
           border-width: 10px;
           border-style: solid;
           border-color: transparent #00a65a transparent transparent;
       }
       .tooltip2:hover .tooltiptext {
         visibility: visible;
       }
       
      
  
      .mobeff{
          display:block !important;
      }
      .mainsearchsubdiv{
          margin-top:0px;
          margin-bottom:0px;
      }
      .newcblock{
          margin-top: 180px;
      }
     
      body{
          width: 100%;
          margin: 0px;
          padding: 0px;
          overflow-y: scroll;
          -ms-scrollbar-base-color:lightgray;
          scroll-behavior: smooth;
      
        }
      .mobeff{
          display: inline-flex;
      justify-content: inherit;
      align-items: flex-end;
      }
      
      .addresetuserheading{
          text-align: center;
      }
       .question{
           display:flex;
      } 
  
      .tcblock{
          align-items: flex-end;
      margin-top: 40px;
      }
  
      .tooltip{
          pointer-events: none;
      }
      /* .question1{
          position: absolute;
          margin-top: -8px;
          margin-left: 11px;
      } */
      .successdivs p{
          font-size:16px;
          text-align: center;
      }
  
      .exceldtable1 img{
          width: 100;
          height: 50px;
          cursor: pointer;
      }
  
      .surveyreportselect1{
          width:92%;
          height: 34px;
          margin-left:-4px;
          background: white;
       }
   
      .surveyreportchilddiv{
     width:100%;
     height:20px;
     display:flex;
     justify-content:center;
     flex-wrap:wrap;
  }
  
      .paras a{
      color:blue;
  }
  
  .paras{
      line-height:1;
  }
  
  .paras a:hover{
      text-decoration:underline;
      color:blue;
  }
      .mainsubparentconfig{
      display:flex;
      width:100%;
      margin-top: -16px;
      align-items: center;
      }
      .spanhead{
     font-size:31px !important;
     font-weight:700;
     color:#808080;
     padding-left:10px;
     padding-right:10px;
  }
  
  .child2{
     width:50%;
     padding:0px;
     border-top:1px solid #808080;
  }
  
  .paras{
    font-size:14px;
   
    text-align: left;
    margin-left: 10px;
    font-weight:400;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  }
  
  
      .child1{
      width:50%;
      padding:0px;
      border-top:1px solid #808080;
  }
      .mainsubparent{
  display:flex;
  width:100%;
  margin-top: -19px;
  align-items: center;
  }
      .mainsubdiv{
    width:100%;
    height:auto;
    border:1px solid #808080;
    border-top: 1px solid white;
    margin-top:30px;
    margin-bottom: 10px;
  }
      .mainsubdivconfig{
      width:100%;
      height:460px;
      border:1px solid #808080;
      border-top: 1px solid white;
      margin-top:30px;
      line-height: 1;
    }
      
  .mainboxdiv{
      width:100%;
      display:flex;
      justify-content: space-around;
      margin-top:10px;
      margin-bottom: 30px;
      flex-wrap:wrap;
  }
      .adduserbutdiv{
          display:flex;
          justify-content:flex-start;
      }
      
  .adminheading{
      width:100%;
      height:75px;
      display:flex;
      justify-content:center;
      align-items: center;
  }
      .searchsubdiv{
          white-space:nowrap;
          width:100%;
          margin-bottom:10px;
      }
  .formsearchdiv{
      justify-content:center;
  }
      .addusersearchhr, .hbr{
          width:100%;
          border: 3px solid #6495ED;
          margin-top:0px;
      }
    table tbody tr td a{
      color:blue;
      
    }
  
    table tbody tr td {
      color:black;
      
    }
    table thead tr th{
        color:black;
    }
    
    table tbody tr th td{
      border-bottom: 1px solid #111;
      color:1px solid #111;
      font-size: 14px;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 300;
  
  }
      
    table {
      border-collapse: collapse; 
      width: 100%;
        margin-left: 0px;
        /*border: 1px solid rgb(51, 51, 51);*/
        font-size: 14px;
        font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
      #example{
          width:100%;
          margin-left:0px ; 
          font-size:14px; 
          font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
          font-weight: 300;
      }
      .surveydtable{
          display: block;
          font-size: 14px;
          margin-left:30px;
          margin-right:30px;
          margin-top:50px;
          width:auto;
          color:black;
          overflow:auto;
      }
      .addusercurrent1{
          color: #545c67 !important;
          font-family: arial,helvetica,sans-serif;
          font-size: 14px;
          text-transform: uppercase;
          text-decoration: none;
          cursor: pointer !important;
      }
      .loginadminheadercontent3{
          display: flex;
          justify-content: flex-end;
       align-items: center;
      width:20%;
      height:100px;
      
      }
      .ulis{
          list-style-type:none;
           display:inline-flex;
           width: 95%;
           justify-content: flex-end;
          }
          
      .addusercselect{
          width:100%;
          height:34px;
          border-color:#d2d6de;
          background: white;
      }
      .adduserheading{
          font-size: 20px; 
          color: #000;
          white-space: nowrap;
          text-align:center;
      }
      
      .adduserlogin-box {
          width: 360px;
          border: black;
          border-width: 1px;
          border-style: solid;
          margin: 0px auto;
      }
      .ulis{
          list-style-type:none;
           display:inline-flex;
           width: 95%;
           justify-content: flex-end;
          }
          .loginaddusercurrent {
              color: #545c67 !important;
              font-family: arial,helvetica,sans-serif;
              font-size: 14px;
              text-transform: uppercase;
              cursor: pointer !important;
          }
  .adduserheader {
      width: 100%;
      height: 100px;
      display: flex;
      justify-content: center;
  }
  
  .adminheadercontent1{
      display: flex;
      justify-content:flex-start;
      align-items: center;
      width:40%;;
      height:100px;
  }
  
  .adminheadercontent2{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40%;
      height: 100px;
  }
  
  .adminheadercontent3{
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width:20%;
      height:100px;
  
  }
  
  .adminheadercontent3 .ulis{
      display:none;
  }
  
  .hamberger{
      display:block;
  }
  
      .surveycontent{
          height: 100%;
          margin-left:20px;
          margin-right:20px;
          margin-bottom: 20px;
        }
  
        .searchsubdivhide {
            display:none;
        }
        
      .adduserlabelhead{
          font-size: 1.8rem;
          font-weight: 700;
          font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
          color: #333;
          line-height: 1;
       	  margin-left:40px;
        }
  
        .loginaddusercurrent:hover{
            text-decoration: underline;
            list-style-type:  none;
        }
  
        .ulis{
          list-style-type:  none;
        }
  
        .adduserheader {
          padding-left:5px;
          padding-right:5px;
          justify-content: space-around;
      }
  
          .hambergardiv{    
              top: 20px;
              width: 20%;
              height: 100px;
              display: inline-block;
              justify-content: center;
              align-items: center;
              position: absolute;
              right: -71px;
              cursor:pointer;
       }
  
          .hambergardatadiv{
              width: 22%;
      height: 110px;
      background: red;
      position: absolute;
      top: 56px;
      right: 50px;
      z-index: 10;
      padding: 10px;
      border: 1px solid #545c67;
      background: white;
  display:none;
  pointer-events: NONE
          }
  
          body
  {
    margin: 0;
    padding: 0;
    
    color: #cdcdcd;
    font-family: "Avenir Next", "Avenir", sans-serif;
    
    overflow-x: hidden;
  }
  
  a
  {
    text-decoration: none;
    color: #232323;
    
    transition: color 0.3s ease;
  }
  
  a:hover
  {
    color: tomato;
  }
  
  #menuToggle
  {
    display: block;
    position: absolute;
    top: 50px;
    right: 20px;
    
    z-index: 1;
    
    -webkit-user-select: none;
    user-select: none;
  }
  
  #menuToggle input
  {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -26px;
    left: -5px;
    
    cursor: pointer;
    
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
    
    -webkit-touch-callout: none;
  }
  
  /*
   * Just a quick hamburger
   */
  #menuToggle span
  {
      top: -12px;
      display: block;
      width: 26px;
      height: 2px;
      margin-bottom: 5px;
      position: relative;
      background: #545c67;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
   background :0.5s cubic-bezier(0.77,0.2,0.05,1.0),
   opacity 0.55s ease;
  }
  
  #menuToggle span:first-child
  {
    transform-origin: 0% 0%;
  }
  
  #menuToggle span:nth-last-child(2)
  {
    transform-origin: 0% 100%;
  }
  
  .hamerhr{
      margin:7px -50px;
      border:1px solid white !important;
  }
  /* 
   * Transform all the slices of hamburger
   * into a crossmark.
   */
   .rpasswordlink:hover{
       color:#4d7a18;
   }
  #menuToggle input:checked ~ span
  {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background:white;
  }
  
  /*
   * But let's hide the middle one.
   */
  #menuToggle input:checked ~ span:nth-last-child(3)
  {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  
  /*
   * Ohyeah and the last one should go the other direction
   */
  #menuToggle input:checked ~ span:nth-last-child(2)
  {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
  }
  
  /*
   * Make this absolute positioned
   * at the top left of the screen
   */
  
   .searchsurveyselect{
      border:1px solid rgb(169, 169, 169)
   }
   #menu a li:hover{
       text-decoration: underline;
   }
  #menu
  {
      display:block;
    position: absolute;
    width: 240px;
    margin: -110px 0 0 0;
    padding: 50px;
    padding-top: 100px;
    right: -100px;
    
    background: white;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  }
  
  #menu li
  {
    padding: 3px 0;
    font-size: 22px;
    color: white !important;
      font-family: arial,helvetica,sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer !important;
      font-weight:bold;
  }
  
  /*
   * And let's fade it in from the left
   */
  #menuToggle input:checked ~ ul
  {
    transform: scale(1.0, 1.0);
    opacity: 1;
    background:#545c67
  }
    
  .surveyreportselect{
      width: 100%;
      margin: 10px;
  }
  
  .surveyreportselect:focus{
      min-width: 100%;
      width: auto;
  }