body {
				overflow: hidden;
}

input::-ms-reveal,
input::-ms-clear {
				display: none;
}

.popup_action {
				position: absolute;
				top: 20%;
				width: 350px;
				background-color: var(--white);
				padding: 40px 10px 30px 10px;
				display: none;
				flex-wrap: wrap;
				left: calc(50% - 175px);
				border-radius: 5px;
				z-index: 101;
}

.header_popup_action {
				width: 100%;
				text-align: center;
				margin-bottom: 30px;
}

.yes_no_action_btn {
				display: flex;
				width: 100%;
				justify-content: space-evenly;
}

.width100 {
				width: 100%;
}

.page_container {
				display: flex;
				width: 100vw;
				height: 100vh;
				max-width: 100vw;
				overflow: hidden;
}

/* Accounts css */
.linked_to_store {
				margin: auto 0px auto auto;
}

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

.btn_accounts_right {
				display: flex;
				margin: auto 0px auto auto;
				position: relative;
				align-items: center;
}

.txtpill {
				padding: 0px 5px;
				font-size: 12px;
				font-weight: 100;
				border-radius: 10px;
}

.account_options_menu {
				display: block;
				position: absolute;
				background-color: var(--white);
				border: 1px solid var(--grey-light);
				top: 40px;
				left: -40px;
				display: none;
}

.linked_to_store:hover {
				cursor: pointer;
}

.container_accounts {
				width: 100%;
				max-width: 35vw;
				margin: 150px auto auto auto;
}

.accounts_header_navto {
				font-size: 50px;
				color: var(--primary-dark);
}

.container_accounts_left {
				width: 80%;
				padding-right: 10px;
}

.left_container_accounts_headers {
				width: 80%;
				max-width: 430px;
				min-width: 429px;
				text-align: left;
}

.right_container_accounts_headers {
				width: 50%;
				display: flex;
				align-items: center;
				justify-content: right;
}

.account_selection_container {
				display: block;
				gap: 15px;
				margin-top: 20px;
}

.search_options_container {
				margin-bottom: 50px;
}

.account_options {
				width: 100%;
				padding: 15px;
				background-color: var(--grey-off-white);
				display: flex;
				align-items: center;
}

.header_comp_name {
				color: var(--primary-dark);
				font-size: 14px;
				font-weight: 600;
}

.block_container {
				display: block;
}

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

.fontsize14 {
				font-size: 14px;
}

.comp_name {
				margin-top: 5px;
				font-size: 16px;
}

.alignright_notlinked {
				margin: auto 0px auto auto;
}

.align_btn_right {
				margin: auto 0px auto 20px;
}

.user_profile {
				border-radius: 50%;
				height: 50px;
				width: 50px;
				margin-right: 15px;
}

.imgheight70 {
				max-height: 70vh;
}

.txt_accounts {
				color: var(--grey);
				margin-bottom: 15px;
}

.account_headers {
				display: flex;
				margin-bottom: 5px;
}

/* #container_leftacc {
    width: 50vw;
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#container_rightacc {
    width: 50vw;
    background-color: var(--grey-off-white);
    height: 100vh;
    max-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
} */

/* end */

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

.container_left {
				width: 45vw;
				height: 100vh;
				max-height: 100vh;
				min-height: 100vh;
				background-color: var(--white);
				display: flex;
				justify-content: center;
				align-items: center;
				overflow: auto;
}

.container_right {
				width: 55vw;
				background-color: var(--grey-off-white);
				height: 100vh;
				max-height: 100vh;
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
}

.right_images {
				text-align: center;
				display: flex;
				justify-content: center;
}

#forgot_psw_href {
				margin: auto 5px auto auto;
				text-align: right;
}

.placeholder_image {
				width: 35vw;
}

.logo_image {
				width: 30vw;
				margin-top: 20px;
}

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

.Slogan {
				margin-top: 20px;
}

#password_container {
				width: 100%;
}

#PageData_password {
				width: 90%;
}

#eye_btn_psw {
				width: 10%;
				min-width: 35px;
}

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

.Remember_me label {
				font-size: 14px;
}

.Remember_me {
				display: flex;
				margin-top: 5px;
				align-items: center;
}

#img_placeholder {
				display: none;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center
}

#logo_img {
				display: none;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
}

.slogan_top {
				display: none;
}

.help_min_login {
				font-size: 14px;
				float: right;
				margin: 20px;
				color: var(--primary-dark);
				text-decoration: none;
				position: absolute;
				top: 0;
				left: calc(45vw - 80px);
}

.container_content {
				width: 70%;
				height: auto;
				max-width: 400px;
				padding: 5px;
}

.accounts_header {
				text-align: left;
				font-size: 35px;
				color: var(--primary-dark);
				margin-bottom: 4px;
}

.txt_header {
				color: var(--grey);
				text-align: left;
				margin-bottom: 25px;
}

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

.accounts_input {
				width: 100%;
				padding: 7px;
				outline: none;
				border: 1px solid var(--grey-light);
				border-radius: 4px;
}

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

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

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

#login_password {
				margin-top: 20px;
}

#btn_create_account {
				width: 100%;
				margin-top: 30px;
				padding: 9px;
}

.txt_align_center {
				text-align: center;
}

#container_fancy_or {
				margin-top: 20px;
				display: flex;
				align-items: center;
				width: 100%;
}

.line {
				border-bottom: 1px solid var(--grey);
				width: 40%;
}

#txt_or {
				width: 20%;
				text-align: center;
				color: var(--grey);
				min-width: 50px;
}

#btn_google {
				width: 100%;
				margin-top: 20px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--grey-dark);
				margin-bottom: 10px;
}

#goggle_icon {
				height: 22px;
				margin-right: 10px;
}

.txt_termsandconditions {
				color: var(--grey);
				margin-top: 15px;
				font-size: 14px;
				width: 80%;
				margin-left: 10%;
				text-align: center;
}

.placeholder_35vw {
				width: 30vw;
}

.txt_header_slogan {
				font-size: 16px;
				color: var(--grey);
				margin-bottom: 20px;
}

.green_txt_light {
				color: var(--primary-dark);
				text-decoration: none;
				font-size: 14px;
}

.go_to_login {
				margin-top: 20px;
				width: 100%;
				text-align: center;
}

#img_mobile {
				display: none;
				background-repeat: no-repeat;

}

#alert_user {
				width: 25vw;
				min-width: 300px;
				top: 60px;
				position: fixed;
				left: 50%;
				display: none;
				transform: translate(-50%, 0);
				z-index: 1000;
				padding-right: 40px;
}

#alert_user label {
				padding-right: 10px;
}

#alert_user button {
				font-weight: 600;
}

.inp {
				width: 90%;
}

.mobile_container {
				display: none;
				position: relative;
				width: 100%;
				margin-top: 30px;
				background-color: var(--grey-off-white);
}

.btn_search_inp:hover {
				cursor: pointer;
}

#logoutnavigateto {
				position: absolute;
				right: 15px;
				top: 15px;
				color: var(--white);
				background-color: var(--primary-dark);
				border: 0;
				border-radius: 5px;
				padding: 4px 8px;
				z-index: 1;
				font-size: 13px;
				text-decoration: none;
}

#logoutnavigateto:hover {
				text-decoration: underline;
}

@media (max-width: 1550px) {
				.container_accounts {
								max-width: calc(45vw - 60px);
				}

				.left_container_accounts_headers {
								max-width: 360px;
								min-width: 300px;
				}

				.right_container_accounts_headers {
								min-width: 91px;
				}

				.accounts_header_navto {
								font-size: 35px;
				}

				.txt_accounts {
								font-size: 14px;
				}

				.account_headers {
								gap: 10px;
				}

				.comp_name {
								font-size: 14px;
				}
}

@media (max-width: 1023px) {
				.accounts_header {
								text-align: center;
				}

				.txt_header {
								text-align: center;
				}

				.imgheight70 {
								max-height: none;
								min-width: 310px;
								width: 80%;
				}

				.container_accounts {
								max-width: calc(95vw - 80px);
								margin-top: 30px;
				}

				.txt_header_slogan {
								text-align: center;
				}

				.txt_header {
								text-align: center;
				}

				.account_headers {
								text-align: center;
								display: flex !important;
								flex-wrap: wrap !important;
				}

				.left_container_accounts_headers {
								width: 100% !important;
				}

				.right_container_accounts_headers {
								width: 100% !important;
				}

				.center_txt_header {
								text-align: center;
				}

				.page_container {
								flex-wrap: wrap;
				}

				.container_right {
								width: 100vw;
								height: 30vh;
								position: relative;
								overflow: visible;
				}

				/*     #container_rightacc {
								width: 100vw;
								height: 30vh;
								position: relative;
								overflow: visible;
				}

				#container_leftacc {
								width: 100vw;
								height: 70vh;
								border-bottom-left-radius: 55px;
								border-bottom-right-radius: 55px;
								overflow: auto;
								min-height: auto;
								position: relative;
								padding-bottom: 50px;
				} */
				.container_left {
								width: 100vw;
								height: 70vh;
								border-bottom-left-radius: 55px;
								border-bottom-right-radius: 55px;
								overflow: auto;
								min-height: auto;
								position: relative;
								padding-bottom: 120px;
				}

				.placeholder_image {
								position: absolute;
								width: 54vw;
								max-width: 310px;
								top: -140px;
				}

				.container_content {
								position: absolute;
								top: 10%;
								padding-bottom: 50px;
				}

				.help_min_login {
								display: none;
				}

}

.small_pill_label {
				text-decoration: none;
}

@media (max-width: 650px) {
				body {
								overflow: auto;
				}

				.accounts_header {
								font-size: 30px;
				}

				.accounts_header_navto {
								font-size: 30px;
				}

				.page_container {
								max-height: none;
								height: fit-content;
								overflow: visible;
				}

				.left_container_accounts_headers {
								width: 100%;
				}

				.container_accounts {
								max-width: calc(100vw - 15px);
								margin: 60px auto auto auto;
				}

				.mobile_container {
								display: block;
								background-color: var(--white);
				}

				.container_content {
								height: auto;
								width: 100%;
								padding-top: 20px;
								overflow: hidden;
								position: initial;
								padding-bottom: 10px;
								padding-right: 20px;
								padding-left: 20px;
				}

				.txt_header_slogan {
								text-align: center;
				}

				#img_mobile {
								position: absolute;
								display: block;
								width: 100vw;
								margin: auto;
								background: var(--white);
								background-color: var(--white);
								min-width: 100vw;
				}

				.go_to_login {
								margin-top: 15px;
				}

				.help_min_login {
								display: none;
				}


				.txt_header {
								text-align: center;
				}


				.container_right {
								display: none;
				}

				/* 
				#container_rightacc {
								display: none;
				}
								*/
				#container_leftacc {
								overflow: visible;
				}

				.container_left {
								width: 100vw;
								height: 100vh;
								display: flex;
								flex-wrap: wrap;
								margin-top: 100px;
								border-bottom-left-radius: 0;
								border-bottom-right-radius: 0;
								border-top-left-radius: 55px;
								border-top-right-radius: 55px;
								align-content: baseline;
								padding-bottom: 50px;
				}

				#logo_img {
								display: block;
								width: 60vw;
								height: 65px;
								position: absolute;
								top: calc(0% + 15px);
								left: 20%;
								background-position: bottom;
				}

				#img_placeholder {
								display: none;
				}

				.slogan_top {
								display: block;
								width: 70vw;
								height: 20px;
								position: absolute;
								top: calc(0% + 65px);
								left: 15%;
								font-size: 14px;
								text-align: center;
				}
}

@media (max-width: 600px) {
				#logo_img {
								width: 80vw;
								left: 10%;
				}

				.btn_accounts_right {
								flex-wrap: wrap;
								gap: 10px;
								width: min-content;
				}

				.btn_accounts_right a {
								padding: 8px 12px !important;
								margin-left: 10px;
				}
}