 
  .checkbox-wrapper-10 .tgl {
    display: none;
  }
  .checkbox-wrapper-10 .tgl,
  .checkbox-wrapper-10 .tgl:after,
  .checkbox-wrapper-10 .tgl:before,
  .checkbox-wrapper-10 .tgl *,
  .checkbox-wrapper-10 .tgl *:after,
  .checkbox-wrapper-10 .tgl *:before,
  .checkbox-wrapper-10 .tgl + .tgl-btn {
    box-sizing: border-box;
  }
  .checkbox-wrapper-10 .tgl::-moz-selection,
  .checkbox-wrapper-10 .tgl:after::-moz-selection,
  .checkbox-wrapper-10 .tgl:before::-moz-selection,
  .checkbox-wrapper-10 .tgl *::-moz-selection,
  .checkbox-wrapper-10 .tgl *:after::-moz-selection,
  .checkbox-wrapper-10 .tgl *:before::-moz-selection,
  .checkbox-wrapper-10 .tgl + .tgl-btn::-moz-selection,
  .checkbox-wrapper-10 .tgl::selection,
  .checkbox-wrapper-10 .tgl:after::selection,
  .checkbox-wrapper-10 .tgl:before::selection,
  .checkbox-wrapper-10 .tgl *::selection,
  .checkbox-wrapper-10 .tgl *:after::selection,
  .checkbox-wrapper-10 .tgl *:before::selection,
  .checkbox-wrapper-10 .tgl + .tgl-btn::selection {
    background: none;
  }
  .checkbox-wrapper-10 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .checkbox-wrapper-10 .tgl + .tgl-btn:after,
  .checkbox-wrapper-10 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
  }
  .checkbox-wrapper-10 .tgl + .tgl-btn:after {
    left: 0;
  }
  .checkbox-wrapper-10 .tgl + .tgl-btn:before {
    display: none;
  }
  .checkbox-wrapper-10 .tgl:checked + .tgl-btn:after {
    left: 50%;
  }

  .checkbox-wrapper-10 .tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    font-family: sans-serif;
    perspective: 100px;
  }
  .checkbox-wrapper-10 .tgl-flip + .tgl-btn:after,
  .checkbox-wrapper-10 .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all 0.4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 4px;
  }
  .checkbox-wrapper-10 .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #02C66F;
    transform: rotateY(-180deg);
  }
  .checkbox-wrapper-10 .tgl-flip + .tgl-btn:before {
    background: #FF3A19;
    content: attr(data-tg-off);
  }
  .checkbox-wrapper-10 .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg);
  }
  .checkbox-wrapper-10 .tgl-flip:checked + .tgl-btn:before {
    transform: rotateY(180deg);
  }
  .checkbox-wrapper-10 .tgl-flip:checked + .tgl-btn:after {
    transform: rotateY(0);
    left: 0;
    background: #7FC6A6;
  }
  .checkbox-wrapper-10 .tgl-flip:checked + .tgl-btn:active:after {
    transform: rotateY(20deg);
  }
 
.error_message{
  padding:10px;
  border:1px solid #d24d4d;
  background-color: #d24d4d;
  text-align: center;
  color:#FFF;
  font-weight: bold;
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
  margin-left: 40px;
}
.success_messgae{
  padding:10px;
  border:1px solid #79bb61;
  background-color: #79bb61;
  text-align: center;
  color:#000;
  font-weight: bold;
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
  margin-left: 40px;
}




 .leftmenuheader{
    padding:10px;
    border:1px solid #f9f9f9;
    text-decoration: none;
    font-weight: bold;
    background-color: #f9f9f9;
   
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
  }
  .settingtab{ 
    margin-top: 20px; 
    border:1px solid #000;
  }
  .setheader{
    color:#172337;
    font-weight: bold;
    padding:5px;

    border-bottom: 1px solid #f9f9f9;
  }
  .settlink{
     margin-top: 10px;
     padding: 10px;
     cursor: pointer;
  }
  .settlink:hover{
    background-color: #ddd;
  }
  .settlink a {
     text-decoration: none;
     color:#4d4f51;
   }
   .textboxstl
    {
      border:1px solid #ddd; padding: 10px; height: 40px;  border-radius: 1px; 
    }
    .loginbtn {
      padding:7px; background-color: #e84242; border:1px solid #e84242; color:#FFF;width:100px; font-weight: bold; font-size:14px;
    }
   
    .successflash{
      padding: 10px;
        font-weight: bold;
        font-size: 14px;
        color: #a9e694;
        background-color: #a9e694;
        width: 75%;
        margin-top: 10px;
        margin-left: 200px;
        text-align: center;
    }

  

  .separator1 {
      display: flex;
      align-items: center;
      text-align: center;
    }

    .separator1::before,
    .separator1::after {
      content: '';
      flex: 1;
       
    }

    .separator {
      display: flex;
      align-items: center;
      text-align: center;
    }

    .separator::before,
    .separator::after {
      content: '';
      flex: 1;
      border-bottom: 2px solid #000;

    }

    .separator:not(:empty)::before {
      margin-right: .25em;
    }

    .separator:not(:empty)::after {
      margin-left: .25em;
    }  