/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/base.css ***!
  \********************************************************************/
:root {
  --color1 : #303A4A; 
  --color2 :#48b692;
  --color1-hover : #222934; 
  --color2-hover :#409f7f;;
  --link-color : #0072C7;
}

#base-div {
  min-height: 100vh;
  position: relative;
}

#mainNavbar .dropdown-item{
  color :var(--color1);
  display: flex;
  align-items: center;
  gap : 0.5rem;
  padding : 0.5rem 2rem 0.5rem 1rem;
}

#mainNavbar .dropdown-item:hover , #mainNavbar .dropdown-item:focus{
  background-color :rgba(0, 0, 0, 0.05);
}

#mainNavbar .material-symbols-outlined {
  color : grey;
}
/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/main.css ***!
  \********************************************************************/
:root {
  /* midnight-blue */
  --color1 : #354552; 
  /* red */
  --color2 : #C51D25;
  --color3 : #6C7E9B;
  /* grey */
  --color4 : #9EA9B0;
  /* timberwolf */
  --color5 : #D9D4C8;
  --color6 : #F5F5F5;
  /*  scarlet */
  --color7 : #dc4633;
  --color1-hover : rgb(52, 63, 79); 
  --color2-hover :#a31b22;
  --background : #F5F5F5;
}

*::after,
*::before,
* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

p,h1,h2,h3,h4,h5,h6 {
  margin : 0
}


.ecosystems-text-primary {
  color: #a5a7cd;
}

.navbar-brand .text {
 font-size: 0.9rem;
 margin-left: 0.5rem;
 font-weight: bold;
}

.bg-color1 {
  background-color: var(--color1);
}

.bg-color2 {
  background-color: var(--color2);
}

.bg-color3 {
  background-color: var(--color3);
}

.bg-color4 {
  background-color: var(--color4);
}

.bg-color6 {
  background-color: var(--color6);
}

.btn-custom-1 {
  background-color: var(--color1);
  color : white;
}

.btn-custom-1:hover {
  background-color: var(--color1-hover);
  color : white;
}

.btn-custom-2 {
  background-color: var(--color2);
  color : white;
}

.btn-custom-2:hover {
  color : white;
  background-color: var(--color2-hover);
}

.text-color1 {
  color : var(--color1);
}

.text-color2 {
  color : var(--color2);
}

.text-color3 {
  color : var(--color3);
}

.text-color4 {
  color : var(--color4);
}


#notifications-count {
  position: absolute;
  top: -10px;
  right : 8px;
  font-size: 0.6rem;
}

#index-page #globe-container {
  width: 75vw;
  height: calc( 100vh - 100px );
  max-height: 800px;
  position: absolute;
  right: -25vw;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: contain;
}

.my-nav .nav-link {
  color : grey;
  font-weight: 600;
  border-bottom: 2px  transparent solid;
  transition: border  0.3s;
}

.my-nav .nav-link.active {
  color : var(--color2);
  border-bottom: 2px var(--color2) solid;
}

.btn-outline-color2 {
  --bs-btn-color:  var(--color2);
  --bs-btn-border-color:  var(--color2-hover);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color2);
  --bs-btn-hover-border-color:var(--color2-hover);
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color2);
  --bs-btn-active-border-color:var(--color2);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color2);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color:var(--color2);
  --bs-gradient: none;
}

.btn-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color2);
  --bs-btn-border-color:var(--color2);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:var(--color2-hover);
  --bs-btn-hover-border-color:var(--color2-hover);
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color2);
  --bs-btn-active-border-color: var(--color2);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg:var(--color2);
  --bs-btn-disabled-border-color:var(--color2);
}

.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color1);
  --bs-btn-border-color:var(--color1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:var(--color1-hover);
  --bs-btn-hover-border-color:var(--color1-hover);
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color1);
  --bs-btn-active-border-color: var(--color1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg:var(--color1);
  --bs-btn-disabled-border-color:var(--color1);
}


.box-outline-grey{
  background-color: #EBEBEB;
  padding : 0.2rem 1rem;
  border-radius : 5px;
  color : #a1a1a1;
  width: auto;
  font-size : 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.two-line-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}