/* Body settings ====================*/
html {
  overflow: hidden;
}
html, body {
  width: 100%;
  max-width:100%;
  min-height:100%;
  padding:0;
  margin:0;
  overflow-x: hidden;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}
#container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  min-height:100vh;
  max-height:100%;
  position: relative;
}
/* header ====================*/

header.multistep {
  background: rgb(131, 131, 131);
  padding: 20px;
  margin: 0 auto;
  text-align: center;
}
header.multistep .logo img {
  max-height: 50px;
  width: 250px;
  margin: 0 auto;
}

.btn-primary, .primary-color, .btn-primary:not(:disabled):not(.disabled):active,
.picker__box .picker__header .picker__date-display, .picker__box .picker__table .picker__day--selected,
.stepper-bar{
  background-color: #10A2FF !important;
  background-color: var(--primary) !important;
  /* background-color: #777 !important; */
}
.secondary-color, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.focus, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:focus, .btn-primary:hover, .btn-primary.active:hover, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.picker__box .picker__header .picker__date-display .picker__weekday-display,
.md-progress  {
  background: #003c94 !important;
  background: var(--secondary) !important;
}
.md-form .prefix.active,
.md-form .prefix~label.active,
.dropdown-content li>a, .dropdown-content li>span {
  color: #10A2FF !important;
  color: var(--primary) !important;
}
.checkbox-primary-filled [type="checkbox"][class*='filled-in']:checked+label:after {
  border-color: #10A2FF;
  border-color: var(--primary);
  background-color: #10A2FF;
  background-color: var(--primary) !important;
  /* background-color: #777 !important; */
}
.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
  -webkit-box-shadow: 0 1px 0 0 #10A2FF;
  -webkit-box-shadow: 0 1px 0 0 var(--primary);
  box-shadow: 0 1px 0 0 #10A2FF;
  box-shadow: 0 1px 0 0 var(--primary);
  border-bottom: 1px solid #10A2FF;
  border-bottom: 1px solid var(--primary);
}

.btn-success, .stepper li.active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background: #00c851 !important;
  background: var(--success) !important;
}

@media screen and (max-width: 480px) {
  header.multistep .logo img {
    max-height: 40px;
  }
}
@media screen and (max-width: 375px) {
  header.multistep {
    padding: 10px 15px;
  }
  header .multistep .logo img {
    max-height: 35px;
  }
}