@charset "UTF-8";

:root {
  /* Colors: */
  ---fcfcfc: #fcfcfc;
  ---f0f8f4: #f0f8f4;
  ---cacaca: #cacaca;
  --info: #1d9898;
  --success: #64981d;
  ---c6dfc4: #c6dfc4;
  ---569080: #569080;
  ---808080: #808080;
  --warning: #c79113;
  --error: #a34513;
  ---4d4c4c: #4d4c4c;
  --unnamed-color-569079: #569079;
  ---386a66: #386a66;
  ---4e835c: #4e835c;
  ---f5f5f5: #f5f5f5;
  --unnamed-color-c1e6d4: #c1e6d4;
  --unnamed-color-5d9b95: #5d9b95;
  --unnamed-color-3a8558: #3a8558;
  --unnamed-color-2e1212: #2e1212;

  /* Font/text values */
  --unnamed-font-family-manrope: Manrope;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-600: 600px;
  --unnamed-font-weight-800: 800px;
  --unnamed-font-weight-bold: bold;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-size-12: 12px;
  --unnamed-font-size-14: 14px;
  --unnamed-font-size-16: 16px;
  --unnamed-font-size-19: 19px;
  --unnamed-font-size-20: 20px;
  --unnamed-font-size-24: 24px;
  --unnamed-font-size-30: 30px;
  --unnamed-font-size-34: 34px;
  --unnamed-font-size-43: 43px;
  --unnamed-font-size-60: 60px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-character-spacing-0-3: 0.3px;
  --unnamed-character-spacing-0-6: 0.6px;
  --unnamed-character-spacing-0-62: 0.62px;
  --unnamed-character-spacing-1-32: 1.32px;
  --unnamed-character-spacing-1-2: 1.2px;
  --unnamed-character-spacing-1-04: 1.04px;
  --unnamed-line-spacing-17: 17px;
  --unnamed-line-spacing-22: 22px;
  --unnamed-line-spacing-24: 24px;
  --unnamed-line-spacing-25: 25px;
  --unnamed-line-spacing-36: 36px;
  --unnamed-line-spacing-59: 59px;
  --unnamed-line-spacing-72: 72px;
  --unnamed-text-transform-uppercase: uppercase;

  --primary-color: #386a66;
  --primary-color-trans: rgba(86, 144, 128, 0.5);

  --inputborder: #e5e5e5;
  --primary-button-bg: #386a66;
  --primary-button-text: white;

  --link-color: #3a8558;
  --nav-bg: #569080;
  --nav-fg: #cdded9;
  
  --include: #64981D;
	--maybe: #C79113;
	--exclude: #A34513;
	--not_voted: #EFF0F3;
}

/* Character Styles */
.manrope-—-20pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0-6);
  color: var(---4d4c4c);
}
.manrope-—-60pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-800);
  font-size: var(--unnamed-font-size-60);
  line-height: var(--unnamed-line-spacing-72);
  letter-spacing: var(--unnamed-character-spacing-1-2);
  color: var(--unnamed-color-2e1212);
}
.manrope-—-12pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-12);
  line-height: var(--unnamed-line-spacing-17);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---808080);
}
.manrope-—-16pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-16);
  line-height: var(--unnamed-line-spacing-22);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---4d4c4c);
}
.manrope-—-14pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-14);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---808080);
}
.manrope-—-19pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-600);
  font-size: var(--unnamed-font-size-19);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-1-04);
  color: var(---4d4c4c);
  text-transform: var(--unnamed-text-transform-uppercase);
}
.manrope-—-20pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0-62);
  color: var(---4d4c4c);
}
.manrope-—-43pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-43);
  line-height: var(--unnamed-line-spacing-59);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---4d4c4c);
}
.manrope-—-16pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-800);
  font-size: var(--unnamed-font-size-16);
  line-height: var(--unnamed-line-spacing-22);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-3a8558);
}
.manrope-—-34pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-34);
  line-height: var(--unnamed-line-spacing-36);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---4d4c4c);
}
.manrope-—-30pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-30);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0-3);
  color: var(---4d4c4c);
}
.manrope-—-24pt {
  font-family: var(--unnamed-font-family-manrope);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-800);
  font-size: var(--unnamed-font-size-24);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-1-32);
  color: var(---4d4c4c);
  text-transform: var(--unnamed-text-transform-uppercase);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body,
html {
  padding: 0px;
  margin: 0px;
  font-family: Manrope;
}

#main {
  display: flex;
  padding: 0px;
  margin: 0px;
}

#navbar {
  margin: 0px;
  /* width: 100px; */
  height: 100vh;
  background-color: var(--nav-bg);
  /* padding-left: 5px; */
  position: sticky;
  top: 0px;
  z-index: 9999;
}

.navlogo {
  padding: 10px;
  margin-bottom: 100px;
}

.nav_link {
  text-align: center;
  background-color: none;
  width: 100%;
  color: var(--nav-fg);
  padding: 10px;
  height: 100px;
}

.nav_link a {
  color: var(--nav-fg);
}

.nav_link.active {
  background-color: var(--nav-fg);
  box-shadow: 0px 0px 6px #00000029;
  width: 100%;
  color: var(--nav-bg);
  font-weight: bold;
  padding: 10px;
}

.nav_link.active a {
  color: var(--nav-bg);
}

.hr {
  width: 60%;
  border-bottom: 1px solid var(--nav-fg);
  margin: 0px auto;
}

.subnav {
  background-color: rgba(43, 68, 46, 0.6);
  width: 0px;
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 100px;
  display: none;
  padding: 0px;
  z-index: 99;
}

.subnav_item {
  padding: 0px;
  font-weight: bold;
  color: var(--primary-color);
  margin: 0px;
}

.subnav_item ul li:hover {
  background-color: rgba(43, 68, 46, 0.8);
}

.subnav_item a {
  color: white !important;
  text-shadow: 0.5px 0.5px 1px black;
}

.subnav_item ul {
  list-style: none;
}

.subnav_item ul li {
  margin-left: 10px;
  text-align: left;
}

.subnav_head_item {
  margin: 0px;
  padding: 10px;
  background-color: #568f76;
}

#user_actions {
  /* margin: 20px; */
  color: #5f5f5f;
}

#user_actions:hover {
  cursor: pointer;
}

.menu {
    display: none;
    background: var(---f5f5f5) 0% 0% no-repeat padding-box;
    box-shadow: 1px 0px 6px #00000029;
    position: relative;
    z-index: 9999;
    padding: 0px;
}

.menu ul
{
	list-style: none;
	width: 100%;
	margin: 00px;
	padding: 0px;
}

.menu ul li
{
	padding: 10px;
}

#user_actions_menu
{
	
}

#user_actions_menu ul
{
	
}
#user_actions_menu ul li
{
	
}

#user_actions_menu ul li:hover
{
	display: inline-block;
	width: 100%;
	background-color: white;
}

#main_content {
  flex-grow: 1;
  padding: 0px;
  margin: 0px;
  background-color: #fcfcfc;
}

#header {
  background-color: #f5f5f5;
  height: 100px;
}

h1 {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-24) / var(--unnamed-line-spacing-24) var(--unnamed-font-family-manrope);
  letter-spacing: var(--unnamed-character-spacing-1-32);
  color: var(---386a66);
  text-align: left;
  font: normal normal 800 24px/24px Manrope;
  letter-spacing: 1.32px;
  color: var(--primary-color);
  text-transform: uppercase;
  margin: 0px;
}

h2 {
	font-family: Manrope;
	font-weight: 400;
	font-size: 1.2em;
	color: #4D4C4C;
	text-transform: uppercase;
}



input[type="text"]:not(.rounded-none),
input[type="email"],
input[type="password"],
textarea {
  border-radius: 5px;
  padding: 10px;
  border: 1px solid var(--inputborder);
}

input[type="radio"], input[type="checkbox"]
{
	border: 1px solid #4e835c;
	accent-color: #4e835c;
}

label
{
	color: rgba(107, 114, 128, 0.8);
}

.inputwithicon {
  padding-left: 30px !important;
  position: relative;
  left: -30px;
}

.inputicon {
  position: relative;
  z-index: 2;
  color: #434343;
  margin: 0px;
  padding: 0px;
}

.inputwrapper {
  padding: 0px;
  margin: 0px;
}

.pagination {
  list-style: none;
}

.page-item {
  display: inline-block;
}

.btn {
  padding: 10px 20px 10px 20px;
  border: none;
  display: inline-block;
}

button:disabled, button:disabled:hover {
  background-color: grey;
}

/* label {
  font-weight: bold;
  font-size: 0.9em;
  color: var(--primary-color);
}

table {
  width: 100%;
}

thead {
  background-color: #fcfcfc;
  border: 1px solid #f1f2f6;
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  color: #808080;
}

thead tr {
  width: 100%;
}

thead tr th {
  border: 1px solid #f1f2f6;
  border-radius: 5px;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14) / var(--unnamed-line-spacing-25) var(--unnamed-font-family-manrope);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---808080);
  text-align: left;
  font: normal normal normal 14px/25px Manrope;
  letter-spacing: 0px;
  color: #808080;
  padding: 5px;
} */

.card {
  background: white;
  box-shadow: 0px 0px 1px #00000029;
  border-radius: 5px;
  border: 1px solid var(--inputborder);
  margin: 20px;
  padding: 20px;
}

.profile_bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
}

.suggTabs {
  z-index: 1 !important;
}

.dialog {
  display: none;
}

.alert {
  /* margin: 10px auto;
  width: 70%;
  padding: 10px; */
}

.alert-success {
  border-left: 4px solid #006300;
  background-color: #edffed;
}

.alert-danger {
  border-left: 4px solid #a90b16;
  background-color: #ffedee;
}

.alert li {
  list-style: none;
}

.pointer:hover {
  cursor: pointer;
}


.spinner {
	height: 100%;
	border: 5px solid #FFF;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 

label input {
	color: black;
}