.navbar {
  overflow: hidden;
  position: fixed; 
  top: 0; 
  width:100%;
  z-index: 150;
}
.footer {
  position:fixed; 
  height: 3vh; 
  /*bottom:0.5rem; */
  width:12rem; 
  text-align: center;
}
.nav-menus {
    padding: 0.75rem;
}
.nav-item.header {
  font-weight: 600;
  font-size:0.8rem;
}
.menu.menu-nav {
  padding-top:0;
}
.off-canvas-sidebar {
  min-height: 95.5vh; 
  width: 12rem;
  overflow-y: scroll;
  height:100%;
}
.off-canvas .off-canvas-content {
  padding-left: 0;
  padding-right: 0;
}
.icon {
  box-sizing: border-box;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  vertical-align: middle;
  width: 1em;
}

.icon-lg {
  height: 1.3rem;
  width: 1.3rem;
}
.form-radio .form-icon{
  
}

.accordion .icon,
.btn .icon,
.toast .icon,
.menu .icon,
.h5 .icon {
  vertical-align: -10%;
}
.btn-lg .icon {
  vertical-align: -15%;
}
.card {
  margin-bottom: 0.4rem;
  border: none;
}
.card .menu {
  border: none;
  box-shadow: none; 
}


.weekday-selector {
  display: flex;
  justify-content: space-between;
}

.weekday-selector input {
  display: none!important;
}
.form-weekday {
  display: none!important;
}

.form-weekday + label {
  display: inline-block;
  line-height: 1.8rem;
  height:1.8rem;
  margin: 0 0.2rem 0.2rem 0;
  /*width: 12%;*/
  width: 100%;
  position: relative;
  text-align: center;
  border: 0.05rem solid var(--border-color-dark);
  color: var(--border-color-dark);
  background: var(--light-color);
  cursor: pointer;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
  background: var(--light-color);
  border-radius: .1rem;
}

.form-weekday:focus + label {
  border-color: var(--primary-color); 
  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

.form-weekday:checked + label {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--light-color);
}

.form-weekday:active + label{
  background: var(--gray-color);
}
.jscolor-picker {
  background: var(--body-bg);
}
.jscolor {
  cursor: default !important;
}

.form-input[type="time"]{
  -webkit-appearance: none;
  text-align: left;
  display: block;
}
.form-input[type="date"]{
  -webkit-appearance: none;
  text-align: left;
  display: block;
}
.form-input[type="datetime-local"]{
  -webkit-appearance: none;
  text-align: left;
  display: block;
}

.symbol {
  text-transform: uppercase;
}
.layout-select {
  text-align:-moz-center;
  margin: 1px;
  border-color: var(--border-color-light);
}

.splash {
  animation: hide 0s ease-in 3s;
  animation-fill-mode: forwards;
}

@keyframes hide {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}

.splash-text {
    animation: fade 3s;
    animation-fill-mode: forwards;
}

@keyframes fade {
    0% { opacity: 1;}
    99% { opacity: 0.01;width: 100%; height: 100%;}
    100% { opacity: 0;width: 0; height: 0;}
}