body {
font-size: 1.0em;
font-family: 'Open Sans', 'arial', sans-serif;
background-color: #f5f5f5; }

#logo {
height: auto;
max-width: 90%; }

.navbar {
color: white;
z-index: 300;
position: sticky;
top: 0;
background-color: #115d85; }

.navbar-nav > li {
padding-right: 1.5em; }

.navbar-nav  li  a {
text-transform: uppercase;
color: white; }

.nav-link:hover,
.nav-link:hover i {
color: #ddd; }

.navbar-nav  li a i {
margin-right: 0.2em; }

.navbar-nav li a.nav-link-admin,
.navbar-nav li a.nav-link-admin i
.nav-link-admin:hover i {
color: yellow !important; }

.navbar-toggler {
color: white; }

.navbar-toggler-icon {
display: inline;
font-size: 1.5em; }

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none; }

.filter {
background-color: white;
border-radius: 20px; }

._block {
padding: 1em 2em;
background-color: #efefef;
border-radius: 5px; }

.range-short {
max-width: 50%; }

/* common */
h4 {
color: #115d85;
font-weight: bold; }

/* form */
.required label {
font-weight: bold; }


/* spinner */
.yw_spinner {
text-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
transition: opacity 0.2s;
display: none; }

.yw_spinner_animation {
display: inline-block;
margin: 0 auto;
width: 80px
height: 80px; }

.yw_spinner_animation:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #fff;
border-color: #fff transparent #fff transparent;
animation: yw_spinner 1.2s linear infinite; }

.page {
font-size: 0.9em;
width: 22px;
height: 22px;
line-height: 22px;
background-color: #0D6EFD;
color: white;
text-align: center;
margin-right: 0px;
display: inline-block;
text-decoration: none; }

.page_active {
color: #0D6EFD;
border: 1px solid #0D6EFD;
background-color: white; }

/* modal */
#crmModal label {
font-weight: bold;
display: inline-block;
width: 120px; }

@keyframes yw_spinner {
0% {
    transform: rotate(0deg);
  }
100% {
    transform: rotate(360deg);
  }
}



.form-floating > .form-control:focus::placeholder,
.form-floating > .form-control-plaintext:focus::placeholder {
    color: var(--bs-secondary-color);
    opacity: 0.5;
  }
}