@font-face {
  font-family: 'db_heavent';
  src: url('../fonts/dbheavent/db_heavent_bd_v3.2-dbheavent.eot');
  src: url('../fonts/dbheavent/db_heavent_bd_v3.2-dbheavent.eot?#iefix') format('embedded-opentype'),
       url('../fonts/dbheavent/db_heavent_bd_v3.2-dbheavent.woff2') format('woff2'),
       url('../fonts/dbheavent/db_heavent_bd_v3.2-dbheavent.woff') format('woff'),
       url('../fonts/dbheavent/db_heavent_bd_v3.2-dbheavent.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'db_heavent';
  src: url('../fonts/dbheavent/db_heavent_med_v3.2-dbheavent.eot');
  src: url('../fonts/dbheavent/db_heavent_med_v3.2-dbheavent.eot?#iefix') format('embedded-opentype'),
       url('../fonts/dbheavent/db_heavent_med_v3.2-dbheavent.woff2') format('woff2'),
       url('../fonts/dbheavent/db_heavent_med_v3.2-dbheavent.woff') format('woff'),
       url('../fonts/dbheavent/db_heavent_med_v3.2-dbheavent.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'db_heavent';
  src: url('../fonts/dbheavent/db_heavent_v3.2-dbheavent.eot');
  src: url('../fonts/dbheavent/db_heavent_v3.2-dbheavent.eot?#iefix') format('embedded-opentype'),
       url('../fonts/dbheavent/db_heavent_v3.2-dbheavent.woff2') format('woff2'),
       url('../fonts/dbheavent/db_heavent_v3.2-dbheavent.woff') format('woff'),
       url('../fonts/dbheavent/db_heavent_v3.2-dbheavent.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
* {
/*  font-family: 'mmc', 'db_heavent', sans-serif;*/
  font-family: sans-serif;
}

/*.f-dbh { font-family: 'db_heavent', sans-serif !important; }
.f-mmc { font-family: 'mmc', sans-serif !important; }*/

.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }

.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }

.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-36 { font-size: 36px; }

.fs-48 { font-size: 48px; }
.fs-54 { font-size: 54px; }
.fs-60 { font-size: 60px; }

.text-gradient {
  background: #FFFFFF;
  background: linear-gradient(to left, #FFFFFF 0%, #FF0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
/*  background-image: linear-gradient(to right, #870000 0%, #190A05  51%, #870000  100%);*/
}


/* Select2 */
/*
.select2-results__option.select2-results__option--highlighted {
  background-color: #fddddd !important;
}
.select2-results__option.select2-results__option--highlighted:active,
.select2-results__option[aria-selected=true]
{
  background-color: #B42225 !important;
  color: white;
}
.select2-selection__arrow {
  color: white !important;
}
span.selection > span {
  background-color: #B42225;
  color: white;
  border-color: white;
  background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%);
}
.select2-selection__placeholder{ color: white !important; }
.select2-selection { font-size: 12px !important; }
*/

/* Bootstrap Multiselect */
.multiselect-search{
  padding-left: 40px !important;
}
/*.multiselect.btn{
  background-color: #B42225 !important;
  color: white;
}*/

/* Based */
.card-body .bg-white {
  overflow: auto;
}

@media only screen and (max-width: 1440px) {
  .box_nationwide {
    flex-direction: column !important;
  }

  .box_nationwide .media-body {
    width: 100%;
    text-align: center !important;
  }
}

.overlay { opacity: 0.3; }

.modal-backdrop { display: none !important; }

.chartsGroups { white-space: nowrap; overflow-x: auto; display:block; }
.chartsGroups div.col-md-4 { display:inline-block; float:none; }

.ck-editor__editable_inline:not(.ck-comment__input *) {
    height: 300px;
    overflow-y: auto;
}


.table-hover>tbody>tr:hover>* {
    --table-accent-bg: rgba(92,107,192, 0.2);
    color: #1F2937;
}

.bg-grad-pink { background-image: linear-gradient(to right, #DD5E89 0%, #F7BB97  51%, #DD5E89  100%); }
.bg-grad-blue { background-image: linear-gradient(to right, #000046 0%, #1CB5E0  51%, #000046  100%); }
.bg-grad-red  { background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%); }
/*.bg-grad-red  { background: rgb(25,10,5); background: linear-gradient(135deg, rgba(25,10,5,1) 0%, rgba(106,0,0,1) 50%, rgba(135,0,0,1) 100%); }*/

.btn-grad-pink {
  background-image: linear-gradient(to right, #DD5E89 0%, #F7BB97  51%, #DD5E89  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
}
.btn-grad-pink:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}
.btn-grad-blue {
  background-image: linear-gradient(to right, #000046 0%, #1CB5E0  51%, #000046  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
}
.btn-grad-blue:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}
.btn-grad-red {
  background-image: linear-gradient(to right, #870000 0%, #190A05  51%, #870000  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
}
.btn-grad-red:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

/*  */
.map-marker{
  position: relative;
  z-index: 1;
}
.map-marker .background_map{
  position: absolute;
  z-index: 1;
}
.map-marker .marker{
  position: absolute;
  z-index: 3;
/*  background: #FFF;*/
  border: 1px solid #000;
  text-align: center;
  padding: 1px;
  font-size: 9px;
}

.map-marker .mactive{
  border: 2px solid #F00 !important;
}




/* From https://css.glass */
.bg-graphmorphic {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);*/
/*  border: 1px solid rgba(255, 255, 255, 0.3);*/
}

/* NIQ */
.box-shadow-22 {
  border-radius: 5px;
  background: rgba( 255, 255, 255, 0.1 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 3px );
  -webkit-backdrop-filter: blur( 3px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
}

/* CSS */
.button-38 {
  background-color: #FFFFFF;
  border: 0;
  border-radius: .5rem;
  box-sizing: border-box;
  color: #fff;
  font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: .75rem 1rem;
  text-align: left;
  text-decoration: none #D1D5DB solid;
  text-decoration-thickness: auto;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-38:hover {
  background-color: rgb(249,250,251);
}

.button-38:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.button-38:focus-visible {
  box-shadow: none;
}