/*
HOOFDKLEUREN

#003e71  donkerblauw
#194973  blauw
#009cc4  lichtblauw

#133B50  donker grijs


SPRAAKBALLONNETJES TINKLEUR
#f5f6ff  lspraakballon blauw

TINTKLEUR ACHTERGROND
#f6f7fa  heel licht grijzig

TINTKLEUR VOOR ACHTERGRONDVLAKKEN
#bce4fa  cyaanblauw

ONDERSTEUNENDE KLEUREN

#fab900  geel-oranje
#b41d1c  rood
#aec905  groen



*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
    --vz-vertical-menu-bg: #fff;
    --vz-header-bg: #003e71;
    --vz-header-bg-dark: #012956;
    --vz-topbar-search-bg: #ffffff;
    --vz-topbar-user-bg: #ffffff;
    --vz-topbar-user-bg-dark: #ffffff1d;
    /* --vz-heading-color: #003e71; */

    --vz-vertical-menu-item-hover-color: #009cc4 !important;
    --vz-vertical-menu-item-active-color: #009cc4 !important;
    --vz-vertical-menu-sub-item-hover-color: #009cc4 !important;
    --vz-vertical-menu-sub-item-active-color: #009cc4 !important;
    --vz-link-hover-color: #009cc4 !important;
    --vz-link-color: #009cc4 !important;

    --vz-font-sans-serif: "Montserrat", sans-serif;
}

.auth-bg-cover {
    background: linear-gradient(-45deg, #003e71 50%, #133B50) !important;
  }
  .auth-one-bg {
    width: 100%;
    margin-left: auto;
  }  
.auth-one-bg .bg-overlay {
    background: #003e71;
    opacity: 0.85;
  }


.blurry {
    -webkit-filter: blur(10px) !important;
    -moz-filter: blur(10px) !important;
    -o-filter: blur(10px) !important;
    -ms-filter: blur(10px) !important;
    filter: blur(10px) !important;
}

.text-primary {
    color: #012956 !important;
}

.text-secondary {
    color: #009cc4 !important;
}



.nav-pills {
    --vz-nav-pills-link-active-bg: transparent;
    --vz-nav-pills-bg: transparent;
}

.list-group {
    --vz-list-group-active-bg: transparent !important;
    border: var(--vz-list-group-border-width) solid var(--vz-list-group-border-color);
    background-color: white;
    border-radius: 15px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
:root::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
:root {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.noscroll::-webkit-scrollbar {
    display: none;
  }

.noscroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.list-group-item {
    color: #878a99;
}

.list-group-item.active {
    color: black !important;
    background-color: #f6f7fa !important;;
    border: var(--vz-list-group-border-width) solid var(--vz-list-group-border-color);
}

.list-group-item-action:hover, .list-group-item-action:focus {
    background-color: transparent;
    color: #878a99;
  }


.custom-hover-nav-tabs .nav-item .nav-link.active .nav-tab-position {
    color: #009cc4;
    
}

.custom-hover-nav-tabs .nav-item .nav-link {
    width: 120px;
    height: 70px;
    position: relative;
    border-radius: 0px;
    --vz-nav-pills-link-bg: transparent;
  }
  .custom-hover-nav-tabs .nav-item .nav-link .nav-icon {
    font-size: 40px;
  }
  .custom-hover-nav-tabs .nav-item .nav-link .nav-titl {
    font-size: 18px;
  }

  
.nav-link:hover {
    background-color: transparent;
  }

.nav-link.active {
    font-weight: 1000 !important;
}

.navbar-menu .navbar-nav .nav-link {
    color: #424a52;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 13px;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 0.55rem 1.5rem!important;
    color: #424a52;
    white-space: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 11px;
    font-family: "Open Sans",sans-serif;
}

.table-dark {
    --vz-table-bg: #133b50;
}


.bg-dark-2 {
    --vz-bg-opacity: 1;
    background-color: #133b50;
}

.bg-dark {
    --vz-bg-opacity: 1;
    background-color: #133b50 !important;
}

.bg-primary {
    --vz-bg-opacity: 1;
    background-color: #003e71;
}

.bg-secondary {
    --vz-bg-opacity: 1;
    background-color: #009cc4 !important;
}

.btn-dark {
    --vz-btn-bg: #133b50;
}

.text-dark {
    color: #133b50;
}

.text-pink {
    color: #ff00ff;
}

.btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark:active {
    background-color: #133b50 !important;
  }

.btn-primary {
    --vz-btn-bg: #012956;;
    --vz-btn-border-color: #012956;;
}

.btn-outline-primary {
    --vz-btn-bg: #012956;;
    --vz-btn-border-color: #012956;;
}

.btn-soft-primary {
    --vz-btn-bg: #012956;
    --vz-btn-border-color: #012956;
}

.btn-dark {
    background-color: #133B50 !important;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    background-color: #133B50 !important;
    color: white !important;
    
  }

.btn-outline-dark {
    --vz-btn-border-color: #133B50 !important;
}
    

.btn-ghost-primary {
    --vz-btn-bg: #012956;
    --vz-btn-border-color: #012956;
}

.badge-primary {
    --vz-btn-bg: #012956;
    --vz-btn-border-color: #012956;
}

.badge-soft-primary {
    --vz-btn-bg: #012956;
    --vz-btn-border-color: #012956;
}

.badge-outline-primary {
    --vz-btn-bg: #012956;
    --vz-btn-border-color: #012956;
}

.form-switch-primary .form-check-input:checked {
    background-color: #012956;
    border-color: #012956;
}

.form-switch-secondary .form-check-input:checked {
    background-color: #009cc4;
    border-color: #009cc4;
}

.bg-primary {
    background-color: #003e71 !important;
}


.badge-gradient-light-multi-2 {
    background: linear-gradient(135deg,#eef0fb 0%,#ffffff 50%, #fde8fa 100%);
}


.badge-gradient-dark-multi-4 {
    background: linear-gradient(135deg,#003e71 20%, #bce4fa 80%);
}

.badge-gradient-light-radial {
    background: radial-gradient(circle at center, #ffffff4b 70%, #3b7e853d 100%);
}

.popover {
    border-radius: 30px;
    -webkit-box-shadow: 0 10px 10px rgba(30, 32, 37, 0.298);
          box-shadow: 0 10px 10px rgba(30, 32, 37, 0.295);
}

.text-gradient-light {
    background: -webkit-linear-gradient(0deg, #297fd5 0%, #accbf9 60%, #ff00ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-light-2 {
    background: -webkit-linear-gradient(0deg, #3e83a8 10%, #14fad4 50%, #0c401d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-dark {
    background: -webkit-linear-gradient(0deg, #133b50 0%, #31629d 50%, #741474 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 1000;
}


.border-light {
    border-color: #D9DBDE !important;
}

.border-primary {
    border-color: #012956 !important;
}

.border-secondary {
    border-color: #009cc4 !important;
}

.border-blue {
    border-color: #cde0f4 !important;
}

.border-purple {
    border-color: #edd6f5 !important;
}

body {
    background: linear-gradient(0deg,#92dae641, #9a9b9b0a 20%) !important;
}

body > .bg-overlay {
    background-image: url("../images/cover-pattern.png");
    background-position: center;
    background-size: cover;
    background-color: transparent;
  }

.profile-wid-bg::before {
    opacity: 0.9;
    background: #133B50;
  }

.name-link{
    color: #424a52;
}
.name-link:hover{
    color: #009cc4;
}

.conversation-link{
    color: rgb(150,150,150);
}

.conversation-link:hover {
    background-color: #f6f7fa !important;
    color: #009cc4;
}

.highlight {
    background-color: #009cc4; /* Highlight color */
}

/* Custom keyframes for glowing animation */
@keyframes glow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

/* Button style with glowing effect */
.glow-button {
  animation: glow 1.5s infinite alternate;
}


/* 
PINK: #cb79fa rgba(203,121,250, 1)
L-BLUE: #2f7bd0 rgba(47,123,208, 1)
BLUE: #703276 rgba(112,50,118, 1)
D-GREY: #375170 rgba(55,81,112, 1)
L-GREY: #64748a rgba(100,116,138, 1)
PURPLE: #94248c rgba(148,36,140, 1)
*/