html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body {
  overflow-x: none;
  height: 100%;
  margin: 0;
  padding: 0;
  /* font: 400 15px/1.8 "Lato", sans-serif; */
  /* color: #777; */
  /* background-color: #f1f1f1; */
  /* font-family: Arial, Helvetica, sans-serif; */
}

.starter-template-1 { padding: 3rem 1.5rem; }

#navbar {
  background-color: #333;
  position: fixed;
  top: 0;
  /* width: 100%; */
  /* display: block; */
  transition: top 0.3s;
  font-weight: bold;
}

#update_account{ display:none; }
#order{ display:none; }
#listorder{ display:none; }
#invoice{ display:none; }
#logout{ display:none; }
#msg {
    /* display:none; */
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 5px;
    margin-top: 0px;
}

#msg div {
    /* padding: 10px 35px; */
    font-size: 14px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    /* left: -35px; */
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    /* left: -35px; */
    content: "✖";
}

.modal-dialog {
    width: 360px;
}
/*
.progress-bar {
    height: 150px;
    width: 150px;
    color: #fff;
    top: 0px;
    left: -150px;
    position: relative;
    border-radius: 75px;
    background-color: #337ab7;
    transition: width .6s ease;
}

.progress {
    height: 150px;
    width: 150px;
    background-color: #f5f5f5;
    border-radius: 75px;
    position: relative;
    left: 25%;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
*/