:root, [data-bs-theme=light] {
	--vz-border-color: #d3d2d2;
}
::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #ff965a; 
}
::-webkit-scrollbar-thumb:hover {
  background: #ff965a; 
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
	height: 50px;
     min-height: 50px;
    line-height: 1.25;
}
.form-floating>label {
	padding: 0.8rem .9rem;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext {
    padding: 0rem .9rem;
}
.form-floating>.form-select {
    padding-top: 1.3rem;
    padding-bottom: .125rem;
}
.remove {
  display: none;
}

.repeat-display1-append .remove {
  display: block;
}
.repeat-display2-append .remove {
  display: block;
}
.repeat-display3-append .remove {
  display: block;
}
.repeat-display4-append .remove {
  display: block;
}
.repeat-display5-append .remove {
  display: block;
}
.repeat-display6-append .remove {
  display: block;
}
.repeat-display7-append .remove {
  display: block;
}
.repeat-display8-append .remove {
  display: block;
}
.repeat-display9-append .remove {
  display: block;
}
.repeat-display10-append .remove {
  display: block;
}
.typeahead {
	border: 2px solid #FFF;border-radius: 4px;padding: 5px 5px;max-width: 100%;min-width: 290px;background: #f3f3f3;color: #000000;
}
.tt-menu {
	width:100%;
}
ul.typeahead{
	margin:0px;padding:5px 0px;
}
ul.typeahead.dropdown-menu li a {
	padding: 5px !important;border-bottom:#CCC 1px solid;color:#000;
}
ul.typeahead.dropdown-menu li:last-child a {
	border-bottom:0px !important;
}
.bgcolor {
	max-width: 550px;min-width: 290px;max-height:540px;padding: 100px 10px 130px;border-radius:4px;text-align:center;margin:10px;
}
.demo-label {
	font-size:13px;color: #686868;font-weight: 500;color:#000000;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	text-decoration: none;
	background-color: #cbcbcc;
	outline: 0;
}
.loading-state {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #ddd;
  border-top-color: orange;
  animation: loading 1s linear infinite;
}
@keyframes loading {
  to {
	transform: rotate(360deg);
  }
}