.collapser a:after {
  font-family: 'Font Awesome\ 5 Free';
  content: "\f068";
  float: right;
}
.collapser a.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f067";
}
a.black-link {
  color: #000;
}
.hide {
  display: none;
}
.bold {
  font-weight: bold;
}
.f-big {
  font-size: larger;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background: -webkit-linear-gradient(top, rgba(0, 123, 255, 0.18) 0%, #ffffff 100%);
  background: -moz-linear-gradient(top, rgba(0, 123, 255, 0.18) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(0, 123, 255, 0.18) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(0, 123, 255, 0.18) 0%, #ffffff 100%);
  background: linear-gradient(top, rgba(0, 123, 255, 0.18) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e007bff', endColorstr='#ffffffff', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e007bff',endColorstr='#ffffffff',GradientType=0);
}
.bg-darkgrey {
  background-color: #333333 !important;
}
.mw-30 {
  min-width: 30px;
}
.mw-60 {
  min-width: 60px;
}
.w-4rem {
  width: 4rem;
}
.bg-warning-area {
  border-color: #dc3545;
  background-color: #dc35451f;
}
.mh-53 {
  min-height: 53px;
}
.max-h-100 {
  max-height: 100px;
}
.max-h-200 {
  max-height: 200px;
}
.max-w-100 {
  max-width: 100px;
}
.max-w-300 {
  max-width: 300px;
}
.pr-6,
.px-6 {
  padding-right: 6rem !important;
}
.display-5 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footer {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
  background-color: #e6e6e6;
  padding: 15px;
  color: #616161;
}
.bottomnav {
  margin-top: 15px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  /* Vertically center the text there */
  background-color: #e6e6e6;
}
.bottomnav a {
  color: #333333;
  padding-right: 10px;
}
.navbar-toggler-icon {
  width: 1em;
  height: 1em;
}
.nav-link {
  display: block;
  padding: 0.3rem 1rem;
  color: rgba(255, 255, 255, 0.8);
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
a {
  position: relative;
  color: #000;
  text-decoration: none;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.9);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #ffffff;
}
.navbar {
  z-index: 10;
}
@media (max-width: 768px) {
  .navbar-brand > img {
    height: auto;
    padding: 2px;
    width: 80%;
  }
}
.navbar-light .navbar-toggler {
  border: none;
  padding: 0;
}
.navbar-brand {
  padding-top: 10px;
}
.navbar-brand img {
  margin-top: -15px;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm.navbar-light .navbar-nav .nav-link {
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
  margin-right: 1px;
  font-weight: 700;
  font-size: 0.7rem;
  color: #fff;
  background: #6aabe3;
  border-bottom: none;
  border-top: 1px solid #3b91da;
  border-left: 1px solid #3b91da;
  border-right: 1px solid #3b91da;
}
.yamm.navbar-light .navbar-nav .nav-link .fa,
.yamm.navbar-light .navbar-nav .nav-link .svg-inline--fa {
  color: #fff;
}
.yamm.navbar-light .navbar-nav .dropdown {
  color: #fff;
  font-weight: 400;
  border-radius: 3px 3px 0 0;
  margin-bottom: -8px;
}
.yamm.navbar-light .navbar-nav .dropdown .dropdown-toggle::after {
  display: none;
}
.yamm.navbar-light .navbar-nav .dropdown.alternative .nav-link {
  background: #3b91da;
  border-bottom: none;
  border-top: 1px solid #3b91da;
  border-left: 1px solid #3b91da;
  border-right: 1px solid #3b91da;
}
.yamm.navbar-light .navbar-nav .dropdown .nav-link {
  background: #2477be;
  border-top: 1px solid #2885d3;
  border-left: 1px solid #2885d3;
  border-right: 1px solid #2885d3;
}
.yamm.navbar-light .navbar-nav .dropdown .nav-link {
  color: #fff;
}
.yamm.navbar-light .navbar-nav .dropdown.show .fa,
.yamm.navbar-light .navbar-nav .dropdown.show .svg-inline--fa {
  color: #444;
}
.yamm.navbar-light .navbar-nav .dropdown.show .nav-link {
  color: #222;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background: #ffffff;
  border-bottom: none;
}
.yamm.navbar-light .navbar-nav .dropdown-menu {
  margin-top: 8px;
  left: auto;
}
.yamm.navbar-light .navbar-nav .yamm-content {
  padding: 20px 30px;
  font-size: 0.8rem;
  font-weight: 500;
  border: 1px solid #efefef;
  border-top: none;
}
.yamm.navbar-light .navbar-nav .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.yamm.navbar-light .navbar-nav .nav-link {
  padding-right: 0.1rem;
  padding-left: 0.1rem;
  margin-right: 1px;
}
@media (min-width: 1124px) {
  .yamm.navbar-light .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-right: 1px;
  }
}
@media (max-width: 768px) {
  .yamm .nav,
  .yamm .collapse,
  .yamm .dropup,
  .yamm .dropdown {
    position: static;
  }
  .yamm .container {
    position: relative;
  }
  .yamm.navbar-light .navbar-nav .dropdown-menu {
    margin-top: -11px;
    left: auto;
    padding: 10px;
    border-radius: 4px;
  }
  .yamm.navbar-light .navbar-nav .nav-link {
    padding-left: 0.3rem;
    border-radius: 0;
    margin-bottom: 0;
    margin-right: 0;
  }
  .yamm.navbar-light .navbar-nav .yamm-content {
    padding: 6px;
  }
  .yamm.navbar-light .navbar-nav .dropdown {
    color: #fff;
    font-weight: 400;
    border-radius: 0;
    margin-bottom: 0;
    margin-right: 0;
  }
  .yamm.navbar-light .navbar-nav .dropdown .dropdown-toggle::after {
    display: none;
  }
  .yamm.navbar-light .navbar-nav .dropdown.alternative .nav-link {
    background-color: #fff;
    border: none;
  }
  .yamm.navbar-light .navbar-nav .dropdown.show .fa,
  .yamm.navbar-light .navbar-nav .dropdown.show .svg-inline--fa {
    color: #444;
  }
  .yamm.navbar-light .navbar-nav .dropdown.show .nav-link {
    color: #fff;
    background-color: #1c5c93;
    border: none;
  }
  .yamm.navbar-light .navbar-nav .dropdown .nav-link {
    color: #fefeef;
    background-color: #2477be;
    border: none;
    border-radius: 4px;
    margin-top: 1px;
    letter-spacing: 1px;
    padding-left: 8px;
  }
}
#cookie-bar {
  background: #fff;
  height: auto;
  line-height: 14px;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  text-align: center;
  padding: 20px 0;
  z-index: 1000;
}
#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
}
#cookie-bar p {
  margin: 0;
  padding: 10px;
  font-weight: 300;
}
#cookie-bar a {
  color: #222;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  padding: 0 6px;
  margin-left: 8px;
}
#cookie-bar .cb-enable {
  background: #66a9e2;
  padding: 6px;
  color: #fff;
}
#cookie-bar .cb-enable:hover {
  background: #2477be;
}
#cookie-bar .cb-disable {
  background: #990000;
}
#cookie-bar .cb-disable:hover {
  background: #bb0000;
}
#cookie-bar .cb-policy {
  background: #0033bb;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #66a9e2;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  background-color: #fff !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.field-validation-valid {
  display: none;
}
.valid {
  border: 1px solid #4f922b;
}
.field-validation-error {
  color: #9a1e1e;
}
.input-validation-error {
  color: #9a1e1e;
  border: 1px solid #9a1e1e;
}
.radio label {
  display: inline;
}
.autocomplete-no-suggestion {
  padding: 10px;
}
.autocomplete-suggestions {
  border: 1px solid #eee;
  background: #fff;
  overflow: auto;
  padding: 10px;
  -webkit-overflow-scrolling: touch;
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.autocomplete-selected {
  background: #fff;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3b91da;
}
.autocomplete-group {
  padding: 5px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
.card {
  background-color: #fbfbf9;
}
.overlay {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
}
.div-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader {
  text-align: center;
  color: #fff;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.8) !important;
  border-radius: 30px;
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}
.table .thead-dark th {
  color: #fff;
  background-color: #2477be;
  border-color: #2477be;
}
.table.table-noborder th,
.table.table-noborder td {
  border-top: none;
}
b,
strong {
  font-weight: bold;
}
.fa,
.svg-inline--fa {
  color: #3b91da;
}
.btn {
  font-size: 0.8rem;
  border-radius: 25px;
  font-weight: 700;
  -webkit-transition: color 0.25s ease, background 0.25s ease, border 0.25s ease, opacity 0.25s ease;
  transition: color 0.25s ease, background 0.25s ease, border 0.25s ease, opacity 0.25s ease;
}
.btn .fa,
.btn .svg-inline--fa {
  color: inherit;
}
.btn-sm {
  font-weight: normal;
}
.btn-primary {
  background-color: #3b91da;
  border-color: #3b91da;
}
.btn-primary:hover {
  background-color: #1c5c93;
  border-color: #2885d3;
}
.burger-container {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 30px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  margin-top: 3px;
}
.burger {
  width: 18px;
  height: 8px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.burger.open .bar.top {
  -webkit-transform: translateY(5px) rotate(45deg);
  transform: translateY(5px) rotate(45deg);
  background: #2477be;
}
.burger.open .bar.btm {
  -webkit-transform: translateY(3px) rotate(-45deg);
  transform: translateY(3px) rotate(-45deg);
  background: #2477be;
}
.burger .bar {
  width: 100%;
  height: 2px;
  display: block;
  position: relative;
  background: #3b91da;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.burger .bar.top {
  -webkit-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
}
.burger .bar.btm {
  -webkit-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.dropdown-menu {
  position: absolute;
  background-color: #ffffff;
  border-radius: 0;
  border: none;
}
a {
  color: #66a9e2;
}
a:hover,
a:active {
  color: #2477be;
}
.btn-sm {
  font-size: 0.7rem;
  border-radius: 10px;
}
.card {
  border-radius: 6px;
}
.card .card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.menu-fade {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
#welcome {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
}
@keyframes lds-double-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-double-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lds-double-ring_reverse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes lds-double-ring_reverse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.lds-double-ring {
  position: relative;
}
.lds-double-ring div {
  position: absolute;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  border: 8px solid #000;
  border-color: #337ab7 transparent #337ab7 transparent;
  -webkit-animation: lds-double-ring 1.9s linear infinite;
  animation: lds-double-ring 1.9s linear infinite;
}
.lds-double-ring div:nth-child(2) {
  width: 140px;
  height: 140px;
  top: 30px;
  left: 30px;
  border-color: transparent #5bc0de transparent #5bc0de;
  -webkit-animation: lds-double-ring_reverse 1.9s linear infinite;
  animation: lds-double-ring_reverse 1.9s linear infinite;
}
.lds-double-ring {
  width: 70px !important;
  height: 70px !important;
  -webkit-transform: translate(-35px, -35px) scale(0.35) translate(35px, 35px);
  transform: translate(-35px, -35px) scale(0.35) translate(35px, 35px);
}
.nav .nav-link {
  color: #66a9e2;
}
