@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


body {
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings:
        "wdth" 100,
        "YTLC" 500;
}
/************* FONT DECLARATION *************/
.nunito-sans-regular {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.nunito-sans-semi {
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "wdth" 100,
      "YTLC" 500;
}

.nunito-sans-bold {
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings:
      "wdth" 100,
      "YTLC" 500;
}

.noto-sans-regular {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.noto-sans-semi {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.noto-sans-bold {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/************* ICONS *************/

.sidebar-icons {
    margin-right: 10px;
}

/************* LINKS *************/

a.nav-link {
    color: rgb(160, 160, 160);
}

a.nav-link:hover, a.nav-link:focus {
    color: #FFF;
}

.opportunity-btn {
    text-decoration: none;
}

/************* NAVIGATION *************/

.navigation {
    width: 100%;
    margin: 15px auto;
}

/* .col {
    border: 1px fuchsia solid;
} */

.horizontal-ruler {
    width: 100%;
    height: 1px;
    border-bottom: 1px #666 solid;
    margin: 5px auto;
}

.vertical-ruler {
    width: 1px;
    height: 100vh;
    border-color: #ccc;
}

.menu {
    font-family: "Nunito Sans", sans-serif;
}

.brand-logo {
    height: 75px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

main {
    background-color: #ededed;
}

.content {
    box-sizing: border-box;
}

.page-title {
    color: #444;
    font-family: "Nunito Sans", sans-serif;
}

.data {
    width: 100%;
    box-sizing: border-box;
}


/************* PANELS *************/
.panel {
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 9pt;
    box-shadow: 3px 3px #CCC;
}

.panel-body {
    padding: 5px;
}

/************* NOTES *************/

.notes {
    font-size: 11pt;
}