.main.js-dropdown-active {
	max-height: calc(100vh - 95px);
	/* 	overflow-y: auto; */
	display: flex !important;
	/* 	     justify-content: space-between;   */
	/*     width:35rem; */
	flex-wrap: wrap !important;
}

.main.js-dropdown-active::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.main.js-dropdown-active::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}

.main.js-dropdown-active::-webkit-scrollbar-thumb {
	background: tan;
	border: 0px none #1d1df1;
	border-radius: 0px;
}

.main.js-dropdown-active::-webkit-scrollbar-thumb:hover {
	background: orange;
}

.main.js-dropdown-active::-webkit-scrollbar-thumb:active {
	background: orange;
}

.main.js-dropdown-active::-webkit-scrollbar-track {
	background: #fdc828;
	border: 2px solid #ffffff;
	border-radius: 0px;
}

.main.js-dropdown-active::-webkit-scrollbar-track:hover {
	background: #ffff80;
}

.main.js-dropdown-active::-webkit-scrollbar-track:active {
	background: #333333;
}

.main.js-dropdown-active::-webkit-scrollbar-corner {
	background: transparent;
}

.dropdown-menu .li {
    width: 1px;
}


.fullPageWidth {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: initial;
}

.dropdownButton {
    width: 100%;
    height: 100%;
    background-color: blue;
    display: flex !important;
}

.dropdownArea {
    position: fixed;
    background-color: #afd9e3;
    width: 100%;
    height: auto;
    left: 0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    z-index: 10;
    border-bottom: 2px solid #4f9fb8;
}

.dropdownArea span {
    border-bottom: 2px solid #afd9e3;
    padding-bottom: 7px;
    padding-top: 9px;
    font-weight: bold;
    text-align: center;
}

.dropdownArea a {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.dropdownContent {
    display: flex;
    flex-wrap: wrap;
    width: 75rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.dropdownContent > div {
    width: 20%;
    margin: 0 !important;
}

.dropdownContent > div > a {
    display: flex;
}

.dropdownArea a {
    background-color: #afd9e3 !important;
}

.dropdownArea > div > div:hover span {
    border-bottom-color: white;
}

.menuLinkContainer:hover .dropdownArea {
    visibility: visible;
}

.menuLinkContainer:hover .menuArrowUp {
    visibility: visible;
}


.menuArrowContainer {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;

}

.menuArrowUp {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #afd9e3;
    margin-top: 20px;
    z-index: 11;
    position: fixed;
}

.accordion-title::before {
    content: "\f078" !important;
    font-family: FontAwesome;
    color: #a5a5a5;
    font-size: 1.1rem;
    margin-top: -0.9rem !important;
}

.is-active > .accordion-title::before {
    content: "\f077" !important;
    font-family: FontAwesome;
    color: #a5a5a5;
    font-size: 1.1rem;
    margin-top: -0.9rem !important;
}

.mobile-menu-title {
    background-color: #e6e6e6;
    color: black !important;
    line-height: 1.5 !important;
   /*   font-size: 1.2rem !important;  */
    font-weight: bold;
    padding: 0.85rem 2rem !important;
    border-bottom: 2px solid white !important;
}

.mobile-second-menu-title {
    line-height: 1.5 !important;
    padding: 0.85rem !important;
    text-align: center;
}

.mobile-menu-title:hover {
    background-color: #f5f5f5;
}

.mobile-menu-item {
    display: block;
    background-color: #afd9e3;
    color: black !important;
    line-height: 1.5 !important;
    font-size: 1.2rem !important;
    font-weight: bold;
    padding: 0.85rem 2rem !important;
}