body {
				max-width: 100vw;
				margin: 0;
				padding: 0;
				height: 100vh;
				background-color: var(--grey-off-white);
}

* {
				font-family: Arial, Helvetica, sans-serif;
				box-sizing: border-box;
				font-size: 16px;
				color: var(--grey-dark);
}

.eyeimg {
				width: 25px;
}

.inp:hover {
				border: 1px solid var(--primary-light);
}

.input_info:hover {
				border: 1px solid var(--primary-light);
}

.pswinv:hover {
				border: none;

}

.container_custom_dropdown .input_info:hover {
				border: none;
}

.container_custom_dropdown {
				width: 100%;
				position: relative;
				border: 1px solid var(--grey-light);
				margin-bottom: 5px;
				border-radius: 5px;
}

.container_custom_dropdown:hover {
				border: 1px solid var(--primary-light)
}

.container_inp input:hover {
				border: none;
}

:root {
				/* Colors: */
				--white: #FFFFFF;
				--black: #000000;
				--success: #069569;
				--warning: #FFEDD1;
				--danger: #D90000;
				--off-black: #152723;
				--grey-dark: #535353;
				--grey: #B5B5B5;
				--grey-light: #E3E3E3;
				--grey-off-white: #F2F2F2;
				--accent-light: #FCFFDD;
				--accent: #E9F848;
				--accent-dark: #C6D243;
				--primary-off-white: #F5FFFF;
				--primary-xlight: #E1F4F4;
				--primary-light: #D3FDFD;
				--primary: #009B96;
				--primary-dark: #068080;
}

a .green_txt_light:hover {
				text-decoration: underline;
}

.overflowhidden {
				overflow: hidden;
}

#loader {
				width: 70px;
				height: 70px;
				border-radius: 50%;
				display: inline-block;
				position: relative;
				border: 4px solid;
				border-color: var(--accent-light) transparent;
				box-sizing: border-box;
				animation: rotateouter 1s linear infinite;
}

#loader::after {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				transform-origin: center center;
				margin: auto;
				border: 3px solid;
				border-color: transparent var(--primary);
				animation: rotateinner 0.5s linear infinite;
				width: 36px;
				height: 36px;
				border-radius: 50%;
}

@keyframes rotateinner {
				0% {
								transform: rotate(0deg);
				}

				100% {
								transform: rotate(-360deg);
				}
}

@keyframes rotateouter {
				0% {
								transform: rotate(0deg);
				}

				100% {
								transform: rotate(360deg);
				}
}

#load_overlay {
				z-index: 100000;
				position: fixed;
				height: 100vh;
				width: 100vw;
				background-color: black;
				opacity: 0.7;
				display: none;
				align-items: center;
				justify-content: center;
}

#overlay {
				display: none;
				position: fixed;
				width: 100vw;
				height: 100vh;
				background-color: rgba(0, 0, 0, 0.233);
				z-index: 100;
}

#accountsloader {
				display: none;
				width: 100vw;
				height: 100vh;
				position: absolute;
				top: 0;
				left: 0;
				background-color: transparent;

}

.popupclose {
				position: absolute;
				top: 10px;
				right: 10px;
				background-color: transparent;
				border: none;
				outline: none;
}

.loadingcursor {
				cursor: wait !important;
}

input::placeholder {
				/* Chrome, Firefox, Opera, Safari 10.1+ */
				color: var(--grey-light);
				opacity: 1;
				/* Firefox */
}

.general_badge_min > div:hover {
				cursor: pointer;
}

input:-ms-input-placeholder {
				/* Internet Explorer 10-11 */
				color: var(--grey-light);
}

input::-ms-input-placeholder {
				/* Microsoft Edge */
				color: var(--grey-light);
}

a.btn_general {
				text-decoration: none;
				text-align: center;
}

a.btn_general:hover {
				cursor: pointer;
}

/* width */
/*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}*/

/* Track */
/*::-webkit-scrollbar-track {
    background: var(--grey-off-white);
    border-radius: 5px;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
    background: var(--grey-light);
    border-radius: 5px;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
    background: var(--grey);
    cursor: pointer;
}*/

button:hover {
				cursor: pointer;
}

.btn_menu_option {
				padding: 5px 15px;
				width: 100%;
				background-color: var(--white);
				border: 1px solid var(--white);
				outline: none;
				text-align: left;
}

.btn_general {
				padding: 6px 30px;
				border-radius: 5px;
				outline: none;
				font-weight: 100;
				font-size: 14px;
}

.btn_primary {
				border: 1px solid var(--primary);
				background-color: var(--primary);
				color: var(--white);
}

.btn_accent {
				border: 1px solid var(--accent);
				background-color: var(--accent);
				color: var(--grey-dark);
}

.btn_secondary {
				border: 1px solid var(--secondary);
				background-color: var(--secondary);
				color: var(--white);
}

.btn_darkgray {
				border: 1px solid var(--grey-dark);
				background-color: var(--grey-dark);
				color: var(--white);
}

.btn_primarylight {
				border: 1px solid var(--primary-xlight);
				background-color: var(--primary-xlight);
				color: var(--primary-dark);
}

.btn_accentlight {
				border: 1px solid var(--accent-light);
				background-color: var(--accent-light);
				color: var(--accent-dark);
}

.btn_secondarylight {
				border: 1px solid var(--secondary-light);
				background-color: var(--secondary-light);
				color: var(--secondary-dark);
}

.btn_offwhite {
				border: 1px solid var(--grey-off-white);
				background-color: var(--grey-off-white);
				color: var(--grey);
}

.btn_primaryinv {
				border: 1px solid var(--primary);
				background-color: var(--white);
				color: var(--primary);
}

.btn_accentinv {
				border: 1px solid var(--accent-dark);
				background-color: var(--white);
				color: var(--accent-dark);
}

.btn_secondaryinv {
				border: 1px solid var(--secondary);
				background-color: var(--white);
				color: var(--secondary);
}

.btn_darkgrayinv {
				border: 1px solid var(--grey);
				background-color: var(--white);
				color: var(--grey);
}

.btn_danger {
				border: 1px solid var(--danger);
				background-color: var(--danger);
				color: var(--white);
}

.btn_warning {
				border: 1px solid var(--warning);
				background-color: var(--warning);
				color: var(--danger);
}

.btn_dangerinv {
				border: 1px solid var(--danger);
				background-color: var(--white);
				color: var(--danger);
}


.alert_general {
				width: auto;
				min-width: 300px;
				padding: 10px 15px;
				border-radius: 5px;
}

.alert_warn {
				width: auto;
				min-width: 300px;
				border-radius: 5px;
				border: 1px solid var(--warning);
				background-color: var(--warning);
				color: var(--danger);
				margin-top: 10px;
				padding: 16px 24px;
				text-align: center
}

.alert_line_error {
				width: auto;
				min-width: 300px;
				padding: 10px 15px;
				border-radius: 5px;
				margin-top: 10px;
				text-align: center
				border: 1px solid var(--warning);
				background-color: var(--warning);
				color: var(--danger);
}

.alert_primary {
				border: 1px solid var(--primary-xlight);
				background-color: var(--primary-xlight);
				color: var(--primary);
}

.alert_grey {
				border: 1px solid var(--grey-off-white);
				background-color: var(--grey-off-white);
				color: var(--grey-dark);
}

.alert_grey label {
				color: var(--grey-dark);
}

.alert_grey button {
				color: var(--grey-dark);
}

.alert_success {
				border: 1px solid var(--success);
				background-color: var(--success);
				color: var(--white);
}

.alert_success label {
				color: var(--white);
}

.alert_success button {
				color: var(--white);
}

.alert_warning {
				border: 1px solid var(--warning);
				background-color: var(--warning);
				color: var(--danger);
}

.alert_danger {
				border: 1px solid var(--danger);
				background-color: var(--danger);
				color: var(--white);
}

.alert_danger label {
				color: var(--white);
}

.alert_danger button {
				color: var(--white);
}

.alert_darkgrey {
				border: 1px solid var(--grey);
				background-color: var(--grey);
				columns: var(--off-black);
}

.alert_darkgrey label {
				color: var(--white);
}

.alert_darkgrey button {
				color: var(--white);
}

.inp::placeholder {
				/* Chrome, Firefox, Opera, Safari 10.1+ */
				color: var(--grey-light);
				opacity: 1;
				/* Firefox */
}

.inp:-ms-input-placeholder {
				/* Internet Explorer 10-11 */
				color: var(--grey-light);
}

.inp::-ms-input-placeholder {
				/* Microsoft Edge */
				color: var(--grey-light);
}

.container_inp {
				display: flex;
				flex-wrap: nowrap;
				background-color: var(--white);
				border: 1px solid var(--grey-light);
				border-radius: 5px;
				padding: 1px;
				width: 100%;
}

.inp {
				height: fit-content;
				border: none;
				background-color: white;
				padding: 7px 14px;
				outline: none;
				width: 100%;
}

.container_inp:focus-within {
				border: 1px solid var(--primary-xlight);
}

.btn_clear_inp {
				border: none;
				background-color: white;
				outline: none;
				min-width: 10px;
				font-size: 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--grey-light);
}

.btn_clear_inp_disabled i {
				color: var(--grey-light);
}

.btn_clear_inp_enabled i {
				color: var(--primary);
}

.btn_dropdown_search {
				background-color: var(--white);
				border: none;
				border-right: 1px solid var(--grey-light);
				font-size: 14px;
				color: var(--grey);
				outline: none;
}

.btn_search_inp i {
				color: var(--primary);
}

.btn_search_inp {
				border: none;
				background-color: white;
				outline: none;
				min-width: 10px;
				color: var(--primary);
				display: flex;
				align-items: center;
}

.textarea_merchitnow {
				padding: 10px;
				min-width: 200px;
				border: 1px solid var(--grey-light);
				border-radius: 5px;
				outline: none;
}

.order_badge_min {
				background-color: var(--primary-light);
				border: 1px var(--primary-light);
				color: var(--primary-dark);
				padding: 7px 14px;
				border-radius: 5px;
}

.Urgent_badge_min {
				border: 1px solid var(--danger);
				background-color: var(--danger);
				color: var(--white);
				border-radius: 5px;
				padding: 7px 14px;
}

.general_badge_min {
				padding: 2px 10px;
				text-align: center;
				border-radius: 10px;
				align-items: center;
				display: flex;
}

.small_pill_label {
				font-size: 13px;
				color: inherit;
}

.info_badge {
				background-color: var(--primary);
				border: 1px solid var(--primary);
				color: var(--white);
}

.secondary_badge {
				color: var(--off-black);
				border: 1px solid var(--grey-ligth);
				background-color: var(--grey-light);
}

.success_badge {
				border: 1px solid var(--success);
				background-color: var(--success);
				color: var(--white);
}

.danger_badge {
				background-color: var(--danger);
				border: 1px solid var(--danger);
				color: var(--white);
}

.warning_badge {
				background-color: var(--warning);
				border: 1px solid var(--warning);
				color: var(--grey-dark);
}

.light_badge {
				background-color: var(--primary-off-white);
				border: 1px solid var(--primary-off-white);
				color: var(--grey-dark);
}

.dark_badge {
				background-color: var(--grey-dark);
				border: 1px solid var(--grey-dark);
				color: var(--white);
}

.primary_badge {
				background-color: var(--primary-xlight);
				border: 1px solid var(--primary-xlight);
				color: var(--primary);
}

.primary_badge_inv {
				background-color: var(--white);
				border: 1px solid var(--primary-dark);
				color: var(--primary-dark);
}

.primary_badge_inv label {
				color: var(--primary-dark);
}

.primary_badge label {
				color: var(--primary-dark);
}

.primary_badge div {
				color: var(--primary);
}

.close_badge {
				border-radius: 10px;
				display: flex;
				flex-wrap: nowrap;
				padding: 4px 8px;
				align-items: center;
}

.close_pill_label {
				font-size: 14px;
}

.pill_close_btn {
				font-size: 14px;
				padding: 0px 2px;
				margin-left: 15px;
				border: none;
				background-color: transparent;
}

.close_white {
				color: var(--white);
}

.close_primary {
				color: var(--primary);
}

.close_badge_dark {
				border: 1px solid var(--primary);
				background-color: var(--primary);
				color: var(--white);
}

.close_badge_primary {
				border: 1px solid var(--primary-xlight);
				background-color: var(--primary-xlight);
				color: var(--primary);
}

.modal_container {
				min-width: 300px;
				width: 500px;
				border: 1px solid var(--grey-light);
				border-radius: 5px;
}

.modal_header_container {
				padding: 15px;
				display: flex;
				width: 100%;
				align-items: center;
				border-bottom: 1px solid var(--grey-light);
}

.modal_body {
				height: 150px;
				padding: 20px 15px;
				border-bottom: 1px solid var(--grey-light);
}

.modal_body label {
				color: var(--grey-dark);
}

.modal_title {
				font-size: 20px;
				color: var(--primary);
}

.modal_close_btn {
				margin: auto 0 auto auto;
				background-color: transparent;
				border: none;
				outline: none;
				color: var(--grey);
				font-size: 19px;
}

.modal_btn_container {
				display: flex;
				align-items: center;
				justify-content: right;
				gap: 10px;
				padding: 15px;
}

.menu_container {
				width: 200px;
				border: 1px solid var(--grey-light);
}

.menu_options_container {
				width: 100%;
}

.menu_option {
				width: 100%;
				padding: 8px;
				padding-left: 15px;
				display: flex;
				align-items: center;
}

/* .menu_option:hover {
    background-color: var(--primary-off-white);
} */
.menu_general {
				color: var(--grey-dark);
				color: var(--grey-dark);
}

.menu_hover {
				background-color: var(--primary-off-white);
				color: var(--primary);
}

.disabled_menu {
				background-color: var(--white);
				color: var(--grey-light);
}

.menu_header {
				color: var(--white);
				background-color: var(--primary);
}

.card_container {
				width: 310px;
				min-width: 280px;
				border: 1px solid var(--grey-light);
				border-radius: 5px;
}

.card_image_container {
				background-color: var(--primary-xlight);
				height: 180px;
				width: 100%;
				background-image: url(../MerchItNow/MINSVG/image.svg);
				background-size: 50px;
				background-repeat: no-repeat;
				background-position: center;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
}

.card_text_container {
				width: 100%;
				padding: 20px 20px 0 20px;
				color: var(--grey-dark);
}

.card_main_txt {
				padding-top: 15px;
				padding-bottom: 15px;
				color: var(--grey-dark);
}

.container_card_btn {
				display: flex;
				justify-content: right;
				padding: 20px 20px 20px 0;
}

.card_list_container {
				width: 100%;
}

.card_list_item {
				border-bottom: 1px solid var(--grey-light);
				padding: 15px 20px 10px 20px;
				color: var(--grey-dark);
}

.card_links_container {
				padding: 20px 20px 20px 20px;
				display: flex;
				gap: 20px;
}

.card_links_container a {
				color: var(--primary);
				font-size: 15px;
}


.label {
				display: block;
				color: var(--grey-dark);
				margin-bottom: 5px;
}


@media (max-width: 650px) {
				.modal_container {
								width: 330px;
				}
}