#textField {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: lighter;
	color: #004D8D;
	border-width: 2px;
	border-color: #004D8D;
	background-color: #ffffff;
	border-style: solid;
	border-radius: 5px;
	text-align: left;
	font-family: Arial, sans-serif;
}

#textField:hover {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: lighter;
	color: #004D8D;
	border-width: 2px;
	border-color: #004D8D;
	background-color: #ffffff;
	box-shadow: 0px 1px 2px 1px rgba(39, 145, 238,0.2);
	border-style: solid;
	border-radius: 5px;
	text-align: left;
	font-family: Arial, sans-serif;
}

#textArea {
	padding:10px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: lighter;
	color: #004D8D;
	border-width: 2px;
	border-color: #004D8D;
	background-color: #ffffff;
	border-style: solid;
	border-radius: 5px;
	text-align: left;
	font-family: Arial, sans-serif;
}

#textArea:hover {
	padding: 10px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: lighter;
	color: #004D8D;
	border-width: 2px;
	border-color: #004D8D;
	background-color: #ffffff;
	box-shadow: 0px 1px 2px 1px rgba(39, 145, 238,0.2);
	border-style: solid;
	border-radius: 5px;
	text-align: left;
	font-family: Arial, sans-serif;
}

#primaryButton {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: 1px;
	border-color: #7DBE31;
	background-color: #7DBE31;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#primaryButton:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: 2px;
	border-color: #0b3A6d;
	background-color: #7DBE31;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#textButton {
	padding-left: 20px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(14px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: 0px;
	border-color: none;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: right;
}


#textButton:hover {
	padding-left: 20px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(14px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: 0px;
	border-color: none;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: right;
}

#deleteButton {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #c93322;
	border-width: 0px;
	border-color: none;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}


#deleteButton:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #c93322;
	border-width: 0px;
	border-color: none;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#textButtonLeft {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(14px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: 0px;
	border-color: none;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: left;
}


#textButtonLeft:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(14px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: 0px;
	border-color: none;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: left;
}

#loginButton {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #7DBE31;
	border-width: 1px;
	border-color: #0b3A6d;
	background-color: #0b3A6d;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#loginButton:hover {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #7DBE31;
	border-width: 1px;
	border-color: #0b3A6d;
	background-color: #0b3A6d;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#secondaryButton {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #7DBE31;
	border-width: 1px;
	border-color: #7DBE31;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#secondaryButton:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #7DBE31;
	border-width: 1px;
	border-color: #66992b;
	background-color: transparent;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#secondaryAccentButton {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #004D8D;
	border-width: 3px;
	border-color: #004D8D;
	background-color: #7DBE31;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#secondaryAccentButton:hover {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: px;
	border-color: #0b3A6d;
	background-color: #66992b;
	border-style: solid;
	border-radius: 5px;
	
}

#tertiaryButton {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #004D8D;
	border-width: 1px;
	border-color: #004D8D;
	background-color: #ffffff;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}
#tertiaryButton:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: min(16px, 2.5vw);
	font-weight: bold;
	color: #0b3A6d;
	border-width: 2px;
	border-color: #0b3A6d;
	background-color: #ffffff;
	border-style: solid;
	border-radius: 5px;
	text-align: center;
}

#transparentButton {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	font-size: small;
	font-weight: bold;
	color: transparent;
	border-width: 1px;
	border-color: transparent;
	background-color: transparent;
	border-style: none;
}

#link {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #004D8D;
	border-width: 0px;
	background-color: transparent;
	border-style: none;
	text-align: center;
}

#link:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #0b3A6d;
	border-width: 0px;
	background-color:transparent;
	border-style: none;
	text-align: center;
}

#secondaryLink {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #2791ee;
	border-width: 0px;
	background-color: #ffffff;
	border-style: none;
	text-align: left;
}
#secondaryLink:hover {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #0b3A6d;
	border-width: 0px;
	background-color: #ffffff;
	border-style: none;
	text-align: left;
}

#needsmenu {
	background-color:#0d388f;
	border-radius: 5px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:10px;
	text-decoration:none;
}

#needsmenu:disabled {
	-webkit-appearance: none;
  -moz-appearance: none;
	background-color:#0d388f;
	border-radius: 5px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding: 10px;
	text-decoration:none;
	opacity:100%;

}

#sumneedsmenu {
	-webkit-appearance: none;
  -moz-appearance: none;
	background-color:#0d388f;
	border-radius: 5px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	align-items: flex-start;
	font-family:Arial;
	font-size:12px;
	padding:10px;
	text-decoration:none;
}

#sumneedsmenu:disabled {
	-webkit-appearance: none;
  -moz-appearance: none;
	background-color:#0d388f;
	border-radius: 5px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	align-items: flex-start;
	font-size:12px;
	padding: 10px;
	text-decoration:none;
	opacity:100%;

}

#needsmenu2 {
	-webkit-appearance: none;
  	-moz-appearance: none;
	border-radius: 5px;
	display:inline-block;
	background-color:#0d388f;
	align-items: flex-start;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:10px;
	text-decoration:none;
}

#needsmenu2:disabled {
	-webkit-appearance: none;
  	-moz-appearance: none;
	border-radius: 5px;
	display:inline-block;
	background-color:#0d388f;
	align-items: flex-start;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:10px;
	text-decoration:none;
	opacity:100%;
}

#starbutton {
	background-image: url("star-white.svg");
	background-size: auto 50%;
	background-position: center right 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}

#starbutton:disabled {
	background-size:contain;
	background-size: auto 50%;
	background-position: center right 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}

#starbutton2 {
	background-image: url("star-gold.svg");
	background-size: auto 45%;
	background-position: top 10px right 5px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}

#starbutton2:disabled {
	background-size:contain;
	background-size: auto 45%;
	background-position: top 10px right 5px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}

#sumstarbutton {
	background-image: url("star-gold.svg");
	background-size: contain;
	background-position: top right;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}

#sumstarbutton:disabled {
	background-image: url("star-gold.svg");
	background-size: contain;
	background-position: top right;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}


#insightButton {
	background-image: url("lightbulb-on-solid.svg");
	background-size:contain;
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}

#shareButton {
	background-image: url("share-nodes-solid.svg");
	background-size:contain;
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 5px;
	border: 0px;
	display:inline-block;
	cursor:pointer;
	color: rgba(0,0,0,0);
	font-family:Arial;
	font-size:20px;
	text-decoration:none;
	opacity: 100%;
}

#scrollable {
	color: #0b3a6d;
	border-width: 2px;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	font-family: Arial;
	border-color: #0b3a6d;
	background-color: transparent;
}

#scrollable:disabled {
	color: #0b3a6d;
	border-width: 2px;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	font-family: Arial;
	border-color: #0b3a6d;
	background-color: transparent;
}

#addMemberButton {
    background-color: white;
    border: 1px solid green;
    border-radius: 1px;
    padding: 1px 1px;
    font-size: 10px;
    cursor: pointer;
    color: green;
}

#removeMemberButton {
    background-color: white;
    border: 1px solid red;
    border-radius: 1px;
    padding: 1px 1px;
    font-size: 10px;
    cursor: pointer;
    color: red;
}

#whiteBlockButton {
    background-color: white;
    border: none;
    color: white;
    position: relative;
    z-index: 0;
}

#review-textbox {
    width: 90%;
    max-width: 400px;
    margin: 20px auto;
    padding: 15px;
    background-color: #f1f1f1;
    border: 2px solid #3c6f9c;
    border-radius: 10px;
    color: #333;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    resize: vertical;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

#review-textbox:focus {
    outline: none;
    border-color: #65c350;
    box-shadow: 0 0 5px rgba(101, 195, 80, 0.5);
}

.roundedElement {
    border-radius: 30px;
}

#signOutButton {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #0b3A6d;
	border-width: 0.5px;
	border-color: #7DBE31;
	background-color: #7DBE31;
	border-style: solid;
	border-radius: 10px;
	text-align: center;
	width: 50px;
	white-space: normal;
}


#signOutButton:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #0b3A6d;
	border-width: 2px;
	border-color: #0b3A6d;
	background-color: #7DBE31;
	border-style: solid;
	border-radius: 10px;
	text-align: center;
}

#backButton {
	font-size: 12px;
	font-weight: bold;
	color: #7DBE31;
	border-width: 0px;
	background-color: transparent;
	text-align: center;
}


#backButton:hover {
	font-size: 12px;
	font-weight: bold;
	color: #7DBE31;
	border-width: 0px;
	background-color: transparent;
	text-align: center;
}

#arrow {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #0b3A6d;
	border-width: 0.5px;
	border-color: #7DBE31;
	background-color: #7DBE31;
	border-style: solid;
	border-radius: 10px;
	text-align: center;
	width: 50px;
	white-space: normal;
}


#arrow:hover {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #0b3A6d;
	border-width: 2px;
	border-color: #0b3A6d;
	background-color: #7DBE31;
	border-style: solid;
	border-radius: 10px;
	text-align: center;
}

#custom-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 200px;
    height: 30px;
    background: #8bc53f;
    border-radius: 20px;
    outline: none;
}

#custom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    background: #0b3a6d;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ccc;
}

#custom-slider::-moz-range-thumb {
    width: 22px;
    height: 22px;
    background: #0b3a6d;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ccc;
}

#custom-slider::-webkit-slider-thumb:hover {
    background: #0b3a6d;
    opacity: 0.9;
}