body {
    width: 280px;
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 5px 3px;
    font-family: arial, sans-serif;
  -webkit-user-select: none;
  }

  .disabled {
    color: #bbbbbb;
    cursor: default;
  }
  ul{
    padding: 0;
    margin: 0;
    list-style: none;
  }
  input.textbox{
  width: 4em;
  margin:2px 0px; 
  border: 2px solid #a8a8f8;
  border-radius: 4px;
  background:#f8f8ff;
  padding: 1px 2px;
  font-size: inherit;
  }
  li{
    padding: 0 5px 0 23px;
    margin: 0;
    list-style: none;
    line-height: 25px;
    text-align: left;
    border: 1px #ffffff solid;
    height: 24px;
    clear: both;
    cursor: pointer;
    overflow: hidden;
  }
  li:hover {
    border-radius: 3px 3px;
        background: -webkit-gradient(linear, left top, left bottom,
                color-stop(0, #fff),  color-stop(0.4, hsl(214, 66%, 96%)), color-stop(0.41, hsl(212, 47%, 94%)));
        border: solid 1px #c5cdd3;
  }

li#mnuSave:hover{
    border-radius: 3px 3px;
  background: -webkit-linear-gradient(top, rgba(230,162,152,1) 0%, rgba(214,207,206,0.85) 63%, rgba(222,139,133,0.84) 65%, rgba(224,80,67,0.76) 100%);
  border: solid 1px #dc827a;
  }
  .disabled:hover {
    border: 1px #ffffff solid;
    background: #ffffff;
  }

  .left {
    float: left;
    overflow: hidden;
  }
  .left img {
    position: absolute;
    margin-top: 4px;
    left: 8px;

  }
  .center {
    float: center;  
    overflow: hidden;
  }
  .right {
    color: #a1a192;
    float: right;
  }

  .separator {
    border-top: 1px solid #dddddd;
    height: 0px;
    margin: 3px 2px;
  }

  .messagetext {
    text-align: left; 
    margin:20px;
    font-size: 14px
  }

  .submenu {
    display:none; 
    position:absolute; 
    top:0; 
    padding:2px; 
    background:#fff; 
    border-radius: 5px 5px; 
    border:1px #b2b2b2 solid
  }

  a {
    color: #08c;
    text-decoration: none;
  }

  a:hover {
    color: #005580;
    text-decoration: underline;
  }

  a:hover, a:active {
    outline: 0;
  }
  .form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .4rem;
  width: 35px;
  height: 20px;
  background-color: #e6e6e6;
  border-radius: 19px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 32px;
  height: 17px;
  background-color: #fff;
  border-radius: 8.5px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: #fff;
  border-radius: 8.5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width: 22px;
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(13px, 1.5px, 0); }

.form-switch input { display: none; }

.form-switch input:checked + i { background-color: #4BD763; }

.form-switch input:checked + i::before { transform: translate3d(16px, 1.5px, 0) scale3d(0, 0, 0); }

.form-switch input:checked + i::after { transform: translate3d(17px, 1.5px, 0); }

.slide{
  transition: height 2s;
  display:none; 
}

select:focus {
  
  box-shadow: 0 3px 4px rgba(0, 91, 166, 0.3) inset;
    outline: 2px solid #005BA6;
    outline-offset: -3px;
}