@media all and (min-width:768px) {
	.exb_my_account_menu_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 113;
		top: 0px;
		left: 0px;
		display: none;
	}

	.helpLayers {
		position: fixed;
		top: 50%;
		left: 50%;
		background-color: var(--white-color);
		padding: 30px 0 30px;
		z-index: 105;
		transition: transform 0.2s;
		height: 600px;
	}

	.mac .helpLayers {
		padding: 30px 0 40px !important;
	}

	.helpLayers .closeHelp {
		position: absolute;
		top: 25px;
		right: 20px;
		width: 40px;
		height: 40px;
		z-index: 1;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.helpLayers .closeHelp>img {
		height: 100%;
	}

	.helpLayers .closeHelp:hover {
		background-color: #d9d9d9;
	}

	.helpLayers .helpLayerTitle {
		font-size: 22px;
		margin: 0px 40px;
		text-align: left;
	}

	.helpLayers .helpInfoText {
		font-size: 18px;
		margin: 30px 0 30px 60px;
		text-align: left;
		width: 560px;
	}

	.helpLayers .helpTitles {
		color: #000000;
		color: var(--blackColor1);
		font-size: 23px;
		margin: 0px 0 15px 0px;
		text-align: left;
		line-height: 1.2em;
	}

	.helpLayers .helpTitles>span {
		font-weight: bold;
	}

	.helpLayers .helpNowViewBox {
		width: 680px;
		height: auto;
	}

	.helpLayers .helpNowViewBox.helpInputViewBox {
		padding: 0 40px;
	}

	.helpLayers .helpNowViewBox.helpOkViewBox {
		position: relative;
		height: auto;
		margin-top: -67px;
	}

	.helpLayers .helpNowViewBox.helpOkViewBox .helpOkTextBox {
		height: 200px;
		background-color: var(--white-color);
		font-size: 26px;
		text-align: center;
		line-height: 1.5em;
	}

	.helpLayers .helpNowViewBox.helpOkViewBox>img {
		position: absolute;
		top: 53px;
		right: 60px;
		height: 170px;
	}

	.helpLayers .helpFirstBox {
		float: left;
		background-color: #f6f6f6;
		background-color: var(--grayColor4);
	}

	.helpLayers .helpFirstBox.leftHelpBox {
		margin-right: 10px;
		padding: 15px 20px 20px 60px;
	}

	.helpLayers .helpFirstBox.rightHelpBox {
		padding: 15px 45px 20px 20px;
	}

	.helpLayers .helpInfoDiv {
		text-align: left;
	}

	.helpLayers .helpInfoBox {
		width: 106px;
		text-align: left;
		padding: 10px 10px 25px;
		margin-right: 19px;
		float: left;
		cursor: pointer;
		background-color: var(--white-color);
		overflow: hidden;
		position: relative;
	}

	.helpLayers .helpInfoBox.exacoolaInfoBtn,
	.helpLayers .helpInfoBox.trafficInfoBtn {
		margin-right: 0;
	}

	.helpLayers .helpInfoBox:before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		border: 1px solid #000;
	}

	.helpLayers .helpInfoBox:after {
		content: '';
		position: absolute;
		top: -47px;
		left: -200px;
		z-index: 2;
		background-color: var(--white-color);
		width: 500px;
		height: 460px;
		transform: rotate(40deg) translate(0%, 0%);
		transition: transform 0.2s linear;
	}

	.helpLayers .helpInfoBox .helpInfoBlueBorder {
		position: absolute;
		top: -47px;
		left: -200px;
		z-index: 3;
		background-color: #175688;
		width: 500px;
		height: 460px;
		transform: rotate(40deg) translate(-100%, 0%);
		transition: transform 0.2s linear;
	}

	.helpLayers .helpInfoBox .helpInfoBoxMask {
		position: absolute;
		top: 2px;
		left: 2px;
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		background-color: var(--white-color);
		z-index: 4;
	}

	.helpLayers .helpInfoBox:hover:after {
		transform: rotate(40deg) translate(100%, 0%);
	}

	.helpLayers .helpInfoBox.selectHelp .helpInfoBlueBorder {
		transform: rotate(40deg) translate(0%, 0%);
	}

	.helpLayers .helpInfoTitle {
		font-size: 18px;
		margin-bottom: 15px;
		height: 29px;
		position: relative;
		z-index: 5;
	}

	.helpLayers .helpInfoImgBox {
		margin-bottom: 10px;
		height: 50px;
		position: relative;
		z-index: 5;
	}

	.helpLayers .helpInfoImgBox>img {
		/* height:100%; */
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.helpLayers .helpBtnStyle {
		font-size: 18px;
		width: 95px;
		text-align: center;
		line-height: 2.8em;
		margin: 20px 0 0 0px !important;
	}

	.helpLayers .helpBtnStyle.helpInputSendBtn {
		margin-left: 0px;
		margin-top: 24px;
		float: left;
		/* border-radius: 6px; */
	}

	.helpLayers .helpBtnStyle.helpOkBtn {
		margin: 25px auto 0px !important;
		height: 43px;
		line-height: 40px;
	}

	.helpLayers .helpBtnStyle.desabledBtn {
		background: #aaa;
		border: 1px solid transparent !important;
		color: #ddd !important;
	}

	.helpLayers .helpInputInfoBox {
		float: left;
		width: 100%;
	}

	.helpLayers .helpInputBox {
		text-align: left;
	}

	.helpLayers .helpInputBox input[type=text],
	.helpLayers .helpInputBox input[type=email],
	.helpLayers .helpInputBox input[type=tel],
	.helpLayers .helpInputBox input[type=url],
	.helpLayers .helpInputBox input[type=number] {
		width: 100%;
		height: 43px;
		color: #000000;
		float: right;
		outline: none;
		position: relative;
		border: 1px solid #d9d9d9;
		font-size: 16px;
		padding: 10px 10px 0px;
		background: none;
		z-index: 1;
		/* margin-bottom:5px; */
		/* border-radius: 6px; */
	}

	.helpLayers .helpInputBox input[type=text]:focus,
	.helpLayers .helpInputBox input[type=email]:focus,
	.helpLayers .helpInputBox input[type=tel]:focus,
	.helpLayers .helpInputBox input[type=url]:focus,
	.helpLayers .helpInputBox input[type=number]:focus {
		border: 1px solid #1B89FF !important;
		outline: none !important;
	}

	.helpLayers .helpInputBox textarea {
		width: 100%;
		height: 67px;
		color: #000000;
		float: left;
		outline: none;
		position: relative;
		border: 1px solid #d9d9d9;
		font-size: 16px;
		padding: 15px 10px 0px;
		background: none;
		z-index: 1;
		resize: none;
		/* border-radius: 6px; */
	}

	.helpLayers .helpInputBox textarea:focus {
		border: 1px solid #1B89FF !important;
		outline: none !important;
	}

	.helpLayers .helpLangeBox {
		width: 120px;
		color: #000000;
		font-size: 16px;
		padding: 10px 10px 10px 10px;
		position: relative;
		float: right;
		;
		cursor: pointer;
		border: 1px solid #d9d9d9;
		transition: border 0.3s ease-in-out;
		height: 43px;
		text-align: left;
		margin-top: 24px;
		border-radius: 6px;
	}

	.helpLayers .helpLangeBox.focusSelectBox {
		border: 1px solid #888 !important;
	}

	.helpLayers .helpLangeBox.focusSelectBox .helpLangeBoxList {
		transition: border 0.3s ease-in-out;
		border: 1px solid #888 !important;
	}

	.helpLayers .helpLangeBoxName {
		display: inline-block;
	}

	.helpLayers .helpLangeBox>img {
		float: right;
		height: 5px;
		margin-top: 8px;
		margin-right: 5px;
	}

	.helpLayers .helpLangeBoxList {
		position: absolute;
		top: 38px;
		left: -1px;
		width: 120px;
		height: 180px;
		background-color: var(--white-color);
		z-index: 3;
		display: none;
		border: 1px solid #d9d9d9;
		overflow: auto;
	}

	.helpLayers .helpLangeBoxList>li {
		color: #000000;
		font-size: 16px;
		padding: 3px 10px 5px;
	}

	.helpLayers .helpLangeBoxList li:hover {
		background-color: #ccc;
	}

	.helpLayers .helpCountryBox {
		width: 280px;
		color: #000000;
		font-size: 16px;
		position: relative;
		float: right;
		cursor: pointer;
		transition: border 0.3s ease-in-out;
		height: 43px;
		text-align: left;
		margin-top: 24px;
		margin-right: 15px;
	}

	.helpLayers .helpCountryBox.focusSelectBox {
		border: 1px solid #888 !important;
	}

	.helpLayers .helpCountryBox.focusSelectBox .helpCountryBoxList {
		transition: border 0.3s ease-in-out;
		border: 1px solid #888 !important;
	}

	.helpLayers .helpCountryBoxName {
		display: inline-block;
	}

	.helpLayers .helpCountryBox>img {
		float: right;
		height: 5px;
		margin-top: 8px;
		margin-right: 5px;
	}

	.helpLayers .helpCountryBoxList {
		position: absolute;
		top: 38px;
		left: -1px;
		width: 140px;
		height: 204px;
		background-color: var(--white-color);
		z-index: 3;
		display: none;
		border: 1px solid #d9d9d9;
		overflow: auto;
	}

	.helpLayers .helpCountryBoxList.livedemoLangeBox {


		height: 64px;

	}

	.helpLayers .helpCountryBoxList>li {
		color: #000000;
		font-size: 16px;
		padding: 3px 10px 5px;
	}

	.helpLayers .helpCountryBoxList li:hover {
		background-color: #ccc;
	}

	.helpLayers .helpLayerMask {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 20;
		display: none;
	}

	.helpOkTitle {
		text-align: center;
		font-size: 25px;
		padding: 30px 0 30px;
	}


	.videoLayer {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: scale(0);
		transition: transform 0.15s linear;
		z-index: 123;
		background-color: var(--white-color);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		padding: 40px;
		border-radius: 10px;
	}

	.videoLayer .closeNotifi {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		z-index: 2;
	}

	.videoLayer .closeNotifi>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.videoLayer .closeNotifi:hover {
		background-color: #d9d9d9;
	}

	.videoLayer .videoIframeBox {
		width: 924px;
		height: 520px;
	}

	.videoLayer .videoIframeBox>iframe {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
	}

	.videoLayer .notConnectText {
		position: absolute;
		bottom: 10px;
		left: 40px;
		font-size: 16px;
		text-decoration: underline;
		cursor: pointer;
		text-align: left;
		white-space: nowrap;
	}

	.videoloadingAnisAll {
		overflow: hidden;
		position: relative;
		background-color: #eee;
	}

	.videoloadingAnisAll:after {
		content: "";
		position: absolute;
		top: 0px;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: #ddd;
		z-index: 0;
		-webkit-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-animation: videoloaderAll 2s ease-in-out infinite;
		animation: videoloaderAll 2s ease-in-out infinite;
	}

	.notificationLayer {
		position: absolute;
		top: 100px;
		left: 200px;
		padding: 0 3px 3px;
		transform: scale(0);
		transition: transform 0.15s linear;
		z-index: 122;
		background-color: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
		font-family: 'LatoWeb', 'Malgun Gothic' !important;
	}

	.notificationLayer .layerHeader {
		width: 100%;
		color: var(--white-color);
		padding: 10px 50px 10px 20px;
		font-size: 20px;
		position: relative;
		margin-bottom: 40px;
		display: none;
	}

	.notificationLayer .layerHeader .closeNotification {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		transition: background-color 0.1s linear;
	}

	.notificationLayer .layerHeader .closeNotification .btnHoverText {
		padding: 3px 5px 4px;
		color: var(--white-color);
		font-size: 16px;
		background-color: #707070;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%) scale(0);
		transition: transform 0.1s linear, bottom 0.1s linear, opacity 0.1s linear;
		opacity: 0;
		z-index: 10;
		white-space: nowrap;
	}

	.notificationLayer .layerHeader .closeNotification:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}

	.notificationLayer .layerHeader .closeNotification:hover .btnHoverText {
		bottom: -30px;
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}

	.notificationLayer .layerHeader .closeNotification>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.notificationLayer .layerHeader .closeNotifi {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		transition: background-color 0.1s linear;
	}

	.notificationLayer .layerHeader .closeNotifi .btnHoverText {
		padding: 3px 5px 4px;
		color: var(--white-color);
		font-size: 16px;
		background-color: #707070;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%) scale(0);
		transition: transform 0.1s linear, bottom 0.1s linear, opacity 0.1s linear;
		opacity: 0;
		z-index: 10;
		white-space: nowrap;
	}

	.notificationLayer .layerHeader .closeNotifi:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}

	.notificationLayer .layerHeader .closeNotifi:hover .btnHoverText {
		bottom: -30px;
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}

	.notificationLayer .layerHeader .closeNotifi>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.notificationLayer .layeyMain {
		width: 100%;
		padding: 20px 50px 20px;
		color: var(--white-color);
		text-align: center;
	}

	.notificationLayer .notifiBtns {
		color: #000000;
		font-size: 16px;
		padding: 0px 30px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		background-color: var(--white-color);
		z-index: 1;
		margin-top: 25px;
	}

	.notificationLayer .notifiBtns:hover {
		background-color: #ddd;
	}

	.notificationLayer .goConnect {
		text-decoration: underline;
		cursor: pointer;
	}

	.notificationLayer {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: scale(0);
		transition: transform 0.15s linear;
		z-index: 122;
		background-color: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
		font-family: 'LatoWeb', 'Malgun Gothic' !important;
	}

	.notificationLayer .closeNotifi {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		z-index: 2;
	}

	.notificationLayer .closeNotifi>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.notificationLayer .closeNotifi:hover {
		background-color: #666;
	}

	.notificationLayer .layeyMain {
		width: 100%;
		padding: 30px 50px 30px;
		color: var(--white-color) !important;
		text-align: center;
		position: relative;
		min-width: 200px;
		min-height: 90px;
		white-space: nowrap;
	}

	.notificationLayer .notifiLoading {
		position: absolute;
		top: calc(50% - 15px);
		left: calc(50% - 15px);
		width: 30px;
		height: 30px;
		border-radius: 100%;
		border-top: 3px solid #f6f6f6;
		border-right: 3px solid #f6f6f6;
		border-left: 3px solid transparent;
		border-bottom: 3px solid transparent;
		animation: notifiLoading 1s linear infinite;
	}

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

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

	.notificationLayer .notifiBtns {
		color: #000000;
		font-size: 16px;
		padding: 0px 30px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		z-index: 1;
		margin-top: 25px;
		height: 42px;
	}





	.my_account_menu {
		width: 300px;
		height: 100%;
		position: fixed;
		top: 0;
		right: -300px;
		border-left: 1px solid #d9d9d9;
		background: white;
		z-index: 113;
		padding: 20px 40px;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	.my_account_menu .my_account_menu_close_btn {
		position: absolute;
		top: 10px;
		right: 28px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.my_account_menu .my_account_menu_close_btn img {
		width: 100%;
	}

	.my_account_menu .my_account_menu_close_btn:hover {
		background-color: #d9d9d9;
	}

	.my_account_menu .my_account_menu_title {
		width: 100%;
		font-size: 20px;
		padding-bottom: 30px;
		border-bottom: 1px solid #E6E6E6;
	}

	.my_account_menu .exb_account_my_profile {
		position: relative;
		width: fit-content;
		padding-top: 30px;
		cursor: pointer;
		padding-bottom: 20px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_my_profile::after {
		content: '';
		position: absolute;
		bottom: 14px;
		left: 0px;
		width: 0%;
		height: 2px;
		background-color: #000;
		transition: all 0.3s ease;
	}


	.my_account_menu .exb_account_change_password {
		position: relative;
		width: fit-content;
		padding-top: 0px;
		padding-bottom: 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_change_password::after {
		content: '';
		position: absolute;
		bottom: 14px;
		left: 0px;
		width: 0%;
		height: 2px;
		background-color: #000;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_Manage_license {
		padding-top: 30px;
		padding-bottom: 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_Inquiry_history {
		padding-top: 0px;
		padding-bottom: 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}


	.my_account_menu .exb_account_my_profile:hover::after {
		width: 100%;
	}

	.my_account_menu .exb_account_change_password:hover::after {
		width: 100%;
	}

	.my_account_menu .exb_account_Manage_license:hover {
		color: #1B89FF;
	}

	.my_account_menu .exb_account_Inquiry_history:hover {
		color: #1B89FF;
	}

	.my_account_menu .exb_account_logout {
		position: relative;
		width: fit-content;
		cursor: pointer;
		padding-bottom: 20px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_logout::after {
		content: '';
		position: absolute;
		bottom: 14px;
		left: 0px;
		width: 0%;
		height: 2px;
		background-color: #000;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_logout:hover::after {
		width: 100%;
	}

	.title_modify {
		width: 40px;
		height: 40px;
		padding: 9px;
		border-radius: 100%;
		box-sizing: border-box;
		display: inline-block;
		background-image: url(/images/innorix_homepage/black_edit.png);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: center;
		position: absolute;
		top: 30px;
		margin-left: 8px;
	}

	.title_modify::after {
		position: absolute;
		top: 10px;
		left: 42px;
		content: 'Modify';
		width: fit-content;
		height: 22px;
		line-height: 12px;
		box-sizing: border-box;
		display: none;
		background-color: #404040;
		color: var(--white-color);
		padding: 4px 12px;
		border-radius: 6px;
		font-size: 14px;
	}

	.title_modify:hover {
		background-color: #D9D9D9;
		cursor: pointer;
	}

	.title_modify:hover::after {
		display: inline-block;
	}



	.my_account_menu_modal {
		width: 400px;
		height: auto;
		position: fixed;
		z-index: 999;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: -200px;
		padding: 30px;
		background-color: var(--white-color);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		overflow: hidden;
		/* border-radius: 10px; */
	}

	.my_account_menu_passowrd_modal {
		width: 400px;
		height: auto;
		position: fixed;
		z-index: 999;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: -200px;
		padding: 30px;
		background-color: var(--white-color);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.my_account_menu_passowrd_okay_modal {
		width: 400px;
		height: auto;
		position: fixed;
		z-index: 999;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -200px;
		padding: 30px 28px;
		background-color: rgba(0, 0, 0, 0.8);
		color: var(--white-color);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		overflow: hidden;
		border-radius: 10px;
		text-align: center;
	}

	.my_account_menu_modal .my_account_menu_modal_close_btn {
		position: absolute;
		top: 28px;
		right: 28px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.my_account_menu_modal .my_account_menu_modal_close_btn img {
		width: 100%;
	}

	.my_account_menu_modal .my_account_menu_modal_close_btn:hover {
		background-color: #d9d9d9;
	}

	.my_account_menu_modal .my_account_menu_modal_title {
		width: 100%;
		height: auto;
		font-size: 28px;
		text-align: left;
		margin-bottom: 30px;
	}

	.my_account_menu_modal .my_account_menu_modal_info {
		position: relative;
		width: 100%;
		height: auto;
	}

	.my_account_menu_modal .my_account_menu_modal_info .my_account_menu_modal_info_title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_input_box {
		width: 100%;
		height: auto;
		display: none;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_input_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_view_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
		border-radius: 6px;
		border: 0px !important;
		outline: 0px !important;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_view_box {
		width: 100%;
		height: 203px;
		display: block;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_view_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .change_password_input_box {
		width: 80%;
	}

	.my_account_menu_modal .my_account_menu_modal_info .change_password_input_box input {
		width: 100%;
		height: 40px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .change_password_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .my_account_menu_modal_modify_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
		margin-right: 20px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .my_account_menu_modal_change_password_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
	}

	.my_account_menu_modal .my_account_menu_modal_info .account_modal_btn {
		position: relative;
		bottom: 0px;
		left: 0px;
		margin-top: 10px;
		padding: 12px 21px;
		font-size: 18px;
		line-height: 1;
		height: 40px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_close_btn {
		position: absolute;
		top: 28px;
		right: 28px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_close_btn img {
		width: 100%;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_close_btn:hover {
		background-color: #d9d9d9;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_title {
		width: 100%;
		height: auto;
		font-size: 28px;
		text-align: left;
		margin-bottom: 30px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info {
		position: relative;
		width: 100%;
		height: auto;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .my_account_menu_modal_info_title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_input_box {
		width: 100%;
		height: auto;
		display: none;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_input_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_view_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
		border: 0px !important;
		outline: 0px !important;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_view_box {
		width: 100%;
		height: 203px;
		display: block;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_view_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}


	.my_account_menu_passowrd_modal .my_account_menu_modal_info .change_password_input_box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-around;
		flex-direction: column;
		align-items: flex-start;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .change_password_input_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .change_password_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .my_account_menu_modal_modify_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
		margin-right: 20px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .my_account_menu_modal_change_password_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .account_modal_btn {
		position: relative;
		bottom: 0px;
		left: 0px;
		margin-top: 20px;
		padding: 12px 21px;
		font-size: 20px;
		line-height: 1;
		height: 40px;
	}

	.password_strength_check_box {
		display: none;
		position: absolute;
		top: 54px;
		left: 50%;
		z-index: 100;
		width: 280px;
		height: 180px;
		margin-left: -140px;
		padding: 20px;
		background-color: #F2F2F2;
		color: #404040;
		border: 2px solid #DEDEDE;
		border-radius: 10px;
	}

	.password_strength_check_box::after {
		content: '';
		position: absolute;
		top: -8px;
		left: 50%;
		width: 10px;
		height: 10px;
		border-top: 2px solid #DEDEDE;
		border-left: 2px solid #DEDEDE;
		background-color: #F2F2F2;
		transform: rotate(45deg);
	}

	.password_confirm_alert_box {
		display: none;
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 100;
		width: 280px;
		height: auto;
	}


	.close_password_strength_check_box {
		position: absolute;
		top: 6px;
		right: 6px;
		width: 25px;
		height: 25px;
		cursor: pointer;
		border-radius: 100%;
		padding: 5px;
	}

	.close_password_strength_check_box:hover {
		background-color: #d9d9d9;
	}

	.close_password_strength_check_box>img {
		width: 15px;
	}

	.password_condition_text_box {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		margin-bottom: 10px;
	}

	.password_condition_icon {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		border: 1px solid #404040;
		margin-right: 10px;
	}

	.password_condition_icon::after {
		content: '';
		position: absolute;
		top: 3px;
		left: 6px;
		width: 5px;
		height: 8px;
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
		transform: rotate(45deg);
	}

	.password_strength_gage_wrapper {
		width: 100%;
		height: auto;
		margin-top: 20px;
	}

	.password_strength_gage {
		position: relative;
		width: 100%;
		height: 6px;
		background-color: #BBBBBB;
		margin-top: 10px;
	}

	.password_strength_gage>div {
		transition: all 0.3s ease;
	}

	.password_strength_check_box>.active {
		border-color: #18B760;
		color: #18B760;
	}

	.password_strength_check_box>.active>.password_condition_icon {
		border-color: #18B760;
		color: #18B760;
	}

	.password_strength_check_box>.active>.password_condition_icon::after {
		border-color: #18B760;
		color: #18B760;
	}





	.download_package_teststorage_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: 200px;
		margin-top: -100px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 40px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.download_package_themonitortrack_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: 200px;
		margin-top: -100px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 40px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.download_package_modal_title {
		font-size: 30px;
	}

	.download_package_modal_content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.2em;
	}

	.get_license_key_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: auto;
		margin-top: -270px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		border-radius: 10px;
	}

	.get_license_key_modal_title {
		font-size: 30px;
	}

	.get_license_key_modal_content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.2em;
	}

	.download_package_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: auto;
		margin-top: -270px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		border-radius: 10px;
	}

	.download_package_modal_title {
		font-size: 30px;
	}

	.download_package_modal_content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.2em;
	}



	.support_center_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: #000000;
		opacity: 0.3;
		display: none;
		z-index: 103;
	}

	.support_center_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 103;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%) scale(0);
		background-color: var(--white-color);
		padding: 40px;
		transition: all 0.3s ease;
	}

	.support_center_layer_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		font-size: 22px;
	}

	.close_support_center_layer {
		position: absolute;
		top: 34px;
		right: 30px;
		width: 40px;
		height: 40px;
		z-index: 1;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.close_support_center_layer>img {
		position: absolute;
		width: 20px;
		height: 20px;
	}

	.close_support_center_layer:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.support_center_layer_body {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		min-width: 524px;
	}

	.support_center_layer_body_enter_inquiry {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		min-width: 524px;
	}

	.support_center_layer_body_enter_inquiry>p {
		font-size: 20px;
		text-align: center;
		width: 470px;
		margin: 50px auto;
	}

	.support_center_layer_body_enter_inquiry>.blueBtn {
		width: fit-content;
		display: table;
		padding: 10px 20px;
		font-size: 18px;
		margin-top: 20px;
		cursor: pointer;
	}

	.support_center_layer_body .inputOutBox {
		margin-top: 10px;
	}

	.flex_support_box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
	}

	.support_center_layer_body input[type='text'],
	.support_center_layer_body input[type='url'],
	.support_center_layer_body input[type='email'],
	.support_center_layer_body input[type='tel'],
	.support_center_layer_body input[type='number'] {
		border-radius: 6px;
		height: 44px;
		padding: 10px 10px 0px;
	}

	.support_center_layer_body input[type='date'] {
		appearance: none;
		width: 100%;
		height: 100%;
		border: 0px;
		padding: 0px;
		margin: 0px;
		outline: none;
	}

	.support_center_layer_body .blueBtn {
		margin-top: 20px;
		cursor: pointer;

	}

	.select_support_box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		margin-top: 10px;
	}

	.select_box_support {
		position: relative;
		width: 290px;
		height: 44px;
		padding: 10px;
		border: 1px solid var(--light-grey-color);
	}

	.select_box_support>span {
		position: absolute;
		top: 13px;
		right: 12px;
		width: 10px;
		height: 10px;
		display: inline-block;
		transform: rotate(45deg);
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
	}

	.select_box_support_option {
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 10;
		width: 100%;
		height: 146px;
		background-color: var(--white-color);
		border: 1px solid var(--light-grey-color);
		overflow: auto;
		display: none;
	}

	.select_box_support_option>div {
		width: 100%;
		padding: 10px;
		cursor: pointer;
	}

	.select_box_support_option>div:hover {
		background-color: #d9d9d9;
	}

	.select_datebox_time_option {
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 10;
		width: 100%;
		max-height: 218px;
		background-color: var(--white-color);
		border: 1px solid var(--light-grey-color);
		overflow: overlay;
		display: none;
	}

	.select_datebox_time_option>div {
		width: 100%;
		padding: 10px;
		cursor: pointer;
	}

	.select_datebox_time_option>div:hover {
		background-color: #d9d9d9;
	}

	.select_support_email_box,
	.select_support_video_box,
	.select_support_remote_box,
	.select_support_messenger_box {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-top: 20px;
	}

	.select_sns_box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}

	.select_sns {
		position: relative;
		width: 48%;
		height: 44px;
		padding: 10px 13px 13px;
		border: 1px solid var(--light-grey-color);
	}

	.select_sns>span {
		position: absolute;
		top: 13px;
		right: 12px;
		width: 10px;
		height: 10px;
		display: inline-block;
		transform: rotate(45deg);
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
	}

	.select_sns_account {
		position: relative;
		width: 48%;
	}

	.select_sns_option {
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 10;
		width: 100%;
		height: 146px;
		background-color: var(--white-color);
		border: 1px solid var(--light-grey-color);
		overflow: overlay;
		display: none;
	}

	.select_sns_option>div {
		width: 100%;
		padding: 10px;
		cursor: pointer;
	}

	.select_sns_option>div:hover {
		background-color: #d9d9d9;
	}



	.select_date_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		width: 290px;
	}

	.select_datebox_date {
		position: relative;
		width: 170px;
		height: 44px;
		padding: 13px;
		border: 1px solid #d9d9d9;
		border-radius: 6px;
	}

	.select_datebox_time {
		position: relative;
		width: 110px;
		height: 44px;
		padding: 11px 13px 13px;
		border: 1px solid #d9d9d9;
		border-radius: 6px;
	}

	.select_datebox_time>span {
		position: absolute;
		top: 13px;
		right: 12px;
		width: 10px;
		height: 10px;
		display: inline-block;
		transform: rotate(45deg);
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
	}

	.select_support_messenger_box .select_date_box {
		width: 100%;
	}

	.select_support_messenger_box .select_datebox_date {
		width: 49%;
		height: 44px;
		padding: 13px;
		border: 1px solid #d9d9d9;
		border-radius: 6px;
	}

	.select_support_messenger_box .select_datebox_time {
		width: 49%;
		height: 44px;
		padding: 13px;
		border: 1px solid #d9d9d9;
		border-radius: 6px;
	}

	.support_center_layer_body_text {
		width: 310px;
		margin-top: 20px;
	}

	.technical_q {
		display: none;
	}

	.underline_text {
		text-decoration: underline;
		color: #1B89FF;
	}

	.befor_finishe,
	.after_finishe {
		width: 100%;
	}

	.cheking_result_box {
		width: 100%;
		height: 44px;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		padding: 13px;
		margin-top: 10px;
		border-radius: 6px;
	}

	.error_result {
		background-color: #FFCCCC;
		color: #FF0000;
	}

	.success_result {
		background-color: #E9F6DC;
		color: #2EBD6B;
	}

	.success_icon {
		position: relative;
		width: 30px;
		height: 30px;
		background-color: #00B050;
		border-radius: 100%;
	}

	.success_icon::after {
		content: '';
		position: absolute;
		top: 4px;
		left: 9px;
		width: 10px;
		height: 15px;
		border-bottom: 3px solid var(--white-color);
		border-right: 3px solid var(--white-color);
		transform: rotate(45deg);
	}

	.checking_now_gage_wrapper {
		width: 100%;
	}

	.checking_now_gage {
		width: 100%;
		height: 8px;
		background-color: #A6A6A6;
		margin-top: 10px;
	}

	.checking_now_gage>div {
		width: 0%;
		height: 100%;
		background-color: #1B89FF;
	}

	.report_wrapper {
		width: 104%;
		height: 160px;
		overflow-y: overlay;
		padding-right: 21px;
	}


	.copy_clip_text {
		margin-top: 20px;
		color: #1B89FF;
		font-size: 20px;
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		align-items: center;
	}

	.copy_clip_text_icon {
		position: relative;
		width: 30px;
		height: 30px;
		display: inline-block;
		padding: 5px;
		margin-left: 10px;
		border-radius: 100%;
		background-image: url('/images/innorix_exabyter/black_edit.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	.copy_clip_text_icon_tooltip {
		position: absolute;
		top: 0px;
		left: 30px;
		width: 120px;
		font-size: 12px;
		display: inline-block;
		padding: 2px 12px;
		border-radius: 4px;
		color: var(--white-color);
		background-color: #404040;
		transform: scale(0);
		display: none;
	}

	.copy_clip_text_icon:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.copy_clip_text_icon:hover .copy_clip_text_icon_tooltip {
		transform: scale(1);
		display: block;
	}

	.Copied_okay {
		transform: scale(1) !important;
		padding: 2px 8px !important;
		font-size: 16px !important;
	}

	.support_center_layer_real_close_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: var(--black-color);
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.support_center_layer_real_close {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 370px;
		z-index: 1000;
		font-size: 16px;
		display: inline-block;
		padding: 37px 42px;
		color: var(--white-color);
		background-color: rgba(0, 0, 0, 0.8);
		transition: all 0.3s ease;
		transform: translate(-50%, -50%) scale(0);
	}

	.support_center_layer_real_close>.btn_wrapper {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		margin: 0px auto;
	}

	.support_center_layer_real_close>.btn_wrapper>div {
		color: #000000;
		font-size: 16px;
		padding: 0px 30px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		z-index: 1;
		margin-top: 25px;
		height: 42px;
	}

	.support_center_layer_real_close>.text_wrapper {
		text-align: center;
	}

	.close_real_support_center_layer {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		z-index: 2;
	}

	.close_real_support_center_layer>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.close_real_support_center_layer:hover {
		background-color: #666;
	}

	.expired_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: #000000;
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.expired_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 370px;
		z-index: 1000;
		font-size: 16px;
		display: inline-block;
		padding: 37px 42px;
		border-radius: 4px;
		color: var(--white-color);
		background-color: rgba(0, 0, 0, 0.8);
		transition: all 0.3s ease;
		transform: translate(-50%, -50%) scale(0);
	}

	.expired_layer>.btn_wrapper {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		margin: 0px auto;
	}

	.expired_layer>.btn_wrapper>div {
		color: #000000;
		font-size: 16px;
		padding: 0px 30px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		z-index: 1;
		margin-top: 25px;
		height: 42px;
	}

	.expired_layer>.text_wrapper {
		text-align: center;
	}



	.mylicense_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: #000000;
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.mylicense_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%) scale(0);
		background-color: var(--white-color);
		border-radius: 10px;
		padding: 30px;
		transition: all 0.3s ease;
	}

	.mylicense_layer_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		font-size: 26px;
	}

	.close_mylicense_layer {
		position: absolute;
		top: 29px;
		right: 21px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.close_mylicense_layer>img {
		position: absolute;
		width: 20px;
		height: 20px;
	}

	.close_mylicense_layer:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.mylicense_layer_body {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		min-width: 324px;
		margin-top: 20px;

		overflow: auto;
		padding-right: 10px;
	}

	.mylicense_layer_body>.title_info {
		color: #7F7F7F;
		margin-top: 20px;
		font-size: 20px;
	}

	.website_address_info,
	.mrt_info {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		color: #000;
		font-size: 20px;
	}

	.license_key_value {
		width: 100%;
		height: 100%;
		word-break: break-all;
	}

	.copy_clipboard_to_license {
		width: fit-content;
		display: table;
		margin-top: 20px;
		padding: 10px 20px !important;
	}



	.inquiry_history_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: #000000;
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.inquiry_history_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%) scale(0);
		background-color: var(--white-color);
		border-radius: 10px;
		padding: 30px 30px 50px;
		transition: all 0.3s ease;
	}

	.inquiry_history_layer_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		font-size: 26px;
		min-width: 510px;
	}

	.close_inquiry_history_layer {
		position: absolute;
		top: 29px;
		right: 21px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.close_inquiry_history_layer>img {
		position: absolute;
		width: 20px;
		height: 20px;
	}

	.close_inquiry_history_layer:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.inquiry_history_layer_body {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		width: 510px;
	}

	.inquiry_info {
		width: auto;
		height: auto;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 20px;
		font-size: 18px;
	}

	.inquiry_info>p {
		color: #AFABAB;
	}

	.inquiry_info>p:last-child {
		color: #000;
		word-break: break-word;
		width: 100%;
		margin-top: 4px;
	}

	.content_info_p {
		max-height: 110px;
		overflow: overlay;
		padding-right: 30px;
	}

	.status_box {
		position: relative;
		top: 4px;
		width: auto;
		font-size: 16px;
		height: 26px;
		line-height: 14px;
		padding: 5px 10px;
		background: var(--light-grey-color);
		display: none;
		overflow: hidden;
		border-radius: 6px;
		color: var(--white-color);
	}

	.complete_green {
		background-color: #00B050;
	}

	.wait_blue {
		background-color: #1B89FF;
	}

	.wait_red {
		background-color: #FF0000;
	}


	.inputOutBox {
		position: relative;
		float: left;
		width: 49%;
		margin-bottom: 5px;
	}

	.inputOutBox>.inputWrapper_placeholder {
		position: absolute;
		top: 0px;
		font-size: 16px;
		padding: 13px 10px;
		transition: all 0.3s ease;
		border: 0px !important;
	}

	input[type='text'],
	input[type='email'],
	input[type='tel'],
	input[type='url'],
	input[type='number'] input[type='password'] {
		appearance: none;
		width: 100%;
		height: 43px;
		color: #000000;
		float: right;
		outline: none;
		position: relative;
		border: 1px solid #d9d9d9;
		font-size: 16px;
		padding: 10px 10px 0px;
		background: none;
		z-index: 1;
		box-sizing: border-box;
	}

	input[type='text']:focus,
	input[type='email']:focus,
	input[type='tel']:focus,
	input[type='url']:focus,
	input[type='number']:focus,
	input[type='password']:focus {
		border: 1px solid #1B89FF;
	}

	textarea {
		box-sizing: border-box;
	}
}

@media all and (max-width:767px) {
	.exb_my_account_menu_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 103;
		top: 0px;
		left: 0px;
		display: none;
	}

	.helpLayers {
		position: fixed;
		top: 50%;
		left: 50%;
		background-color: var(--white-color);
		padding: 20px 0 40px;
		z-index: 105;
		transition: transform 0.2s;
		height: 600px;
		/* border-radius: 10px; */
	}

	.mac .helpLayers {
		padding: 30px 0 40px !important;
	}

	.helpLayers .closeHelp {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.helpLayers .closeHelp>img {
		height: 100%;
	}

	.helpLayers .closeHelp:hover {
		background-color: #d9d9d9;
	}

	.helpLayers .helpLayerTitle {
		font-size: 25px;
		margin: -8px 0 15px 15px;
		text-align: left;
		width: 75%;
	}

	.helpLayers .helpInfoText {
		font-size: 18px;
		margin: 30px 0 30px 60px;
		text-align: left;
		width: 560px;
	}

	.helpLayers .helpTitles {
		color: var(--black-color);
		color: var(--blackColor1);
		font-size: 23px;
		margin: 0px 0 15px 0px;
		text-align: left;
		line-height: 1.2em;
	}

	.helpLayers .helpTitles>span {
		font-weight: bold;
	}

	.helpLayers .helpNowViewBox {
		width: 100%;
		height: auto;
	}

	.helpLayers .helpNowViewBox.helpInputViewBox {
		padding: 0 15px;
	}

	.helpLayers .helpNowViewBox.helpOkViewBox {
		position: relative;
		height: 296px;
		margin-top: -57px;
	}

	.helpLayers .helpNowViewBox.helpOkViewBox .helpOkTextBox {
		height: 200px;
		background-color: var(--white-color);
		font-size: 26px;
		text-align: center;
		line-height: 1.5em;
	}

	.helpLayers .helpNowViewBox.helpOkViewBox>img {
		position: absolute;
		top: 53px;
		right: 60px;
		height: 170px;
	}

	.helpLayers .helpFirstBox {
		float: left;
		background-color: #f6f6f6;
		background-color: var(--grayColor4);
	}

	.helpLayers .helpFirstBox.leftHelpBox {
		margin-right: 10px;
		padding: 15px 20px 20px 60px;
	}

	.helpLayers .helpFirstBox.rightHelpBox {
		padding: 15px 45px 20px 20px;
	}

	.helpLayers .helpInfoDiv {
		text-align: left;
	}

	.helpLayers .helpInfoBox {
		width: 106px;
		text-align: left;
		padding: 10px 10px 25px;
		margin-right: 19px;
		float: left;
		cursor: pointer;
		background-color: var(--white-color);
		overflow: hidden;
		position: relative;
	}

	.helpLayers .helpInfoBox.exacoolaInfoBtn,
	.helpLayers .helpInfoBox.trafficInfoBtn {
		margin-right: 0;
	}

	.helpLayers .helpInfoBox:before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		border: 1px solid #000;
	}

	.helpLayers .helpInfoBox:after {
		content: '';
		position: absolute;
		top: -47px;
		left: -200px;
		z-index: 2;
		background-color: var(--white-color);
		width: 500px;
		height: 460px;
		transform: rotate(40deg) translate(0%, 0%);
		transition: transform 0.2s linear;
	}

	.helpLayers .helpInfoBox .helpInfoBlueBorder {
		position: absolute;
		top: -47px;
		left: -200px;
		z-index: 3;
		background-color: #175688;
		width: 500px;
		height: 460px;
		transform: rotate(40deg) translate(-100%, 0%);
		transition: transform 0.2s linear;
	}

	.helpLayers .helpInfoBox .helpInfoBoxMask {
		position: absolute;
		top: 2px;
		left: 2px;
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		background-color: var(--white-color);
		z-index: 4;
	}

	.helpLayers .helpInfoBox:hover:after {
		transform: rotate(40deg) translate(100%, 0%);
	}

	.helpLayers .helpInfoBox.selectHelp .helpInfoBlueBorder {
		transform: rotate(40deg) translate(0%, 0%);
	}

	.helpLayers .helpInfoTitle {
		font-size: 18px;
		margin-bottom: 15px;
		height: 29px;
		position: relative;
		z-index: 5;
	}

	.helpLayers .helpInfoImgBox {
		margin-bottom: 10px;
		height: 50px;
		position: relative;
		z-index: 5;
	}

	.helpLayers .helpInfoImgBox>img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.helpLayers .helpBtnStyle {
		font-size: 16px;
		width: 95px;
		text-align: center;
		line-height: 2.8em;
		margin: 22px 0 0 60px;
	}

	.helpLayers .helpBtnStyle.helpInputSendBtn {
		margin-left: 0px;
		margin-top: 24px;
		float: left;
		/* border-radius: 6px; */
	}

	.helpLayers .helpBtnStyle.helpOkBtn {
		margin: 25px auto 0px;
		height: 43px;
		line-height: 40px;
	}

	.helpLayers .helpBtnStyle.desabledBtn {
		background: #aaa;
		border: 1px solid transparent !important;
		color: #ddd !important;
	}

	.helpLayers .helpInputInfoBox {
		float: left;
		width: 100%;
	}

	.helpLayers .helpInputBox {
		text-align: left;
	}

	.helpLayers .helpInputBox input[type=text],
	.helpLayers .helpInputBox input[type=email],
	.helpLayers .helpInputBox input[type=tel],
	.helpLayers .helpInputBox input[type=url],
	.helpLayers .helpInputBox input[type=number] {
		width: 100%;
		height: 43px;
		color: #000000;
		float: right;
		outline: none;
		position: relative;
		border: 1px solid #d9d9d9;
		font-size: 16px;
		padding: 10px 10px 0px;
		background: none;
		z-index: 1;
		/* margin-bottom:5px; */
		/* border-radius: 6px; */
	}

	.helpLayers .helpInputBox input[type=text]:focus,
	.helpLayers .helpInputBox input[type=email]:focus,
	.helpLayers .helpInputBox input[type=tel]:focus,
	.helpLayers .helpInputBox input[type=url]:focus,
	.helpLayers .helpInputBox input[type=number]:focus {
		outline: 2px solid #1B89FF !important;
	}

	.helpLayers .helpInputBox textarea {
		width: 100%;
		height: 67px;
		color: #000000;
		float: left;
		outline: none;
		position: relative;
		border: 1px solid #d9d9d9;
		font-size: 16px;
		padding: 15px 10px 0px;
		background: none;
		z-index: 1;
		resize: none;
		/* border-radius: 6px; */
	}

	.helpLayers .helpInputBox textarea:focus {
		outline: 2px solid #1B89FF !important;
	}

	.helpLayers .helpLangeBox {
		width: 120px;
		color: var(--black-color);
		font-size: 16px;
		padding: 10px 10px 10px 10px;
		position: relative;
		float: right;
		;
		cursor: pointer;
		border: 1px solid #d9d9d9;
		transition: border 0.3s ease-in-out;
		height: 43px;
		text-align: left;
		margin-top: 24px;
		border-radius: 6px;
	}

	.helpLayers .helpLangeBox.focusSelectBox {
		border: 1px solid #888 !important;
	}

	.helpLayers .helpLangeBox.focusSelectBox .helpLangeBoxList {
		transition: border 0.3s ease-in-out;
		border: 1px solid #888 !important;
	}

	.helpLayers .helpLangeBoxName {
		display: inline-block;
	}

	.helpLayers .helpLangeBox>img {
		float: right;
		height: 5px;
		margin-top: 8px;
		margin-right: 5px;
	}

	.helpLayers .helpLangeBoxList {
		position: absolute;
		top: 38px;
		left: -1px;
		width: 120px;
		height: 180px;
		background-color: var(--white-color);
		z-index: 3;
		display: none;
		border: 1px solid #d9d9d9;
		overflow: auto;
	}

	.helpLayers .helpLangeBoxList>li {
		color: var(--black-color);
		font-size: 16px;
		padding: 3px 10px 5px;
	}

	.helpLayers .helpLangeBoxList li:hover {
		background-color: #ccc;
	}

	.helpLayers .helpCountryBox {
		width: 280px;
		color: var(--black-color);
		font-size: 16px;
		position: relative;
		float: right;
		cursor: pointer;
		transition: border 0.3s ease-in-out;
		height: 43px;
		text-align: left;
		margin-top: 24px;
		margin-right: 15px;
	}

	.helpLayers .helpCountryBox.focusSelectBox {
		border: 1px solid #888 !important;
	}

	.helpLayers .helpCountryBox.focusSelectBox .helpCountryBoxList {
		transition: border 0.3s ease-in-out;
		border: 1px solid #888 !important;
	}

	.helpLayers .helpCountryBoxName {
		display: inline-block;
	}

	.helpLayers .helpCountryBox>img {
		float: right;
		height: 5px;
		margin-top: 8px;
		margin-right: 5px;
	}

	.helpLayers .helpCountryBoxList {
		position: absolute;
		top: 38px;
		left: -1px;
		width: 140px;
		height: 204px;
		background-color: var(--white-color);
		z-index: 3;
		display: none;
		border: 1px solid #d9d9d9;
		overflow: auto;
	}

	.helpLayers .helpCountryBoxList.livedemoLangeBox {


		height: 64px;

	}

	.helpLayers .helpCountryBoxList>li {
		color: var(--black-color);
		font-size: 16px;
		padding: 3px 10px 5px;
	}

	.helpLayers .helpCountryBoxList li:hover {
		background-color: #ccc;
	}

	.helpLayers .helpLayerMask {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 20;
		display: none;
	}

	.helpOkTitle {
		text-align: center;
		font-size: 25px;
		padding: 30px 0 30px;
	}


	.videoLayer {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: scale(0);
		transition: transform 0.15s linear;
		z-index: 123;
		background-color: var(--white-color);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		padding: 40px;
	}

	.videoLayer .closeNotifi {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		z-index: 2;
	}

	.videoLayer .closeNotifi>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.videoLayer .closeNotifi:hover {
		background-color: #d9d9d9;
	}

	.videoLayer .videoIframeBox {
		width: 100%;
		height: 420px
	}

	.videoLayer .videoIframeBox>iframe {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
	}

	.videoLayer .notConnectText {
		position: absolute;
		bottom: 10px;
		left: 40px;
		font-size: 16px;
		text-decoration: underline;
		cursor: pointer;
		text-align: left;
		white-space: nowrap;
	}

	.videoloadingAnisAll {
		overflow: hidden;
		position: relative;
		background-color: #eee;
	}

	.videoloadingAnisAll:after {
		content: "";
		position: absolute;
		top: 0px;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: #ddd;
		z-index: 0;
		-webkit-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-animation: videoloaderAll 2s ease-in-out infinite;
		animation: videoloaderAll 2s ease-in-out infinite;
	}

	.notificationLayer {
		position: absolute;
		top: 100px;
		left: 200px;
		padding: 0 3px 3px;
		transform: scale(0);
		transition: transform 0.15s linear;
		z-index: 122;
		background-color: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
		font-family: 'LatoWeb', 'Malgun Gothic' !important;
	}

	.notificationLayer .layerHeader {
		width: 100%;
		color: var(--white-color);
		padding: 10px 50px 10px 20px;
		font-size: 20px;
		position: relative;
		margin-bottom: 40px;
		display: none;
	}

	.notificationLayer .layerHeader .closeNotification {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		transition: background-color 0.1s linear;
	}

	.notificationLayer .layerHeader .closeNotification .btnHoverText {
		padding: 3px 5px 4px;
		color: var(--white-color);
		font-size: 16px;
		background-color: #707070;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%) scale(0);
		transition: transform 0.1s linear, bottom 0.1s linear, opacity 0.1s linear;
		opacity: 0;
		z-index: 10;
		white-space: nowrap;
	}

	.notificationLayer .layerHeader .closeNotification:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}

	.notificationLayer .layerHeader .closeNotification:hover .btnHoverText {
		bottom: -30px;
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}

	.notificationLayer .layerHeader .closeNotification>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.notificationLayer .layerHeader .closeNotifi {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		transition: background-color 0.1s linear;
	}

	.notificationLayer .layerHeader .closeNotifi .btnHoverText {
		padding: 3px 5px 4px;
		color: var(--white-color);
		font-size: 16px;
		background-color: #707070;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%) scale(0);
		transition: transform 0.1s linear, bottom 0.1s linear, opacity 0.1s linear;
		opacity: 0;
		z-index: 10;
		white-space: nowrap;
	}

	.notificationLayer .layerHeader .closeNotifi:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}

	.notificationLayer .layerHeader .closeNotifi:hover .btnHoverText {
		bottom: -30px;
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}

	.notificationLayer .layerHeader .closeNotifi>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.notificationLayer .layeyMain {
		width: 100%;
		padding: 20px 50px 20px;
		color: var(--white-color);
		text-align: center;
	}

	.notificationLayer .notifiBtns {
		color: var(--black-color);
		font-size: 16px;
		padding: 0px 30px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		background-color: var(--white-color);
		z-index: 1;
		margin-top: 25px;
	}

	.notificationLayer .notifiBtns:hover {
		background-color: #ddd;
	}

	.notificationLayer .goConnect {
		text-decoration: underline;
		cursor: pointer;
	}

	.notificationLayer {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: scale(0);
		transition: transform 0.15s linear;
		z-index: 122;
		background-color: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
		font-family: 'LatoWeb', 'Malgun Gothic' !important;
	}

	.notificationLayer .closeNotifi {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		z-index: 2;
	}

	.notificationLayer .closeNotifi>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.notificationLayer .closeNotifi:hover {
		background-color: #666;
	}

	.notificationLayer .layeyMain {
		width: 100%;
		padding: 30px 50px 30px;
		color: var(--white-color) !important;
		text-align: center;
		position: relative;
		min-width: 200px;
		min-height: 90px;
		white-space: nowrap;
	}

	.notificationLayer .notifiLoading {
		position: absolute;
		top: calc(50% - 15px);
		left: calc(50% - 15px);
		width: 30px;
		height: 30px;
		border-radius: 100%;
		border-top: 3px solid #f6f6f6;
		border-right: 3px solid #f6f6f6;
		border-left: 3px solid transparent;
		border-bottom: 3px solid transparent;
		animation: notifiLoading 1s linear infinite;
	}

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

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

	.notificationLayer .notifiBtns {
		color: #000000;
		font-size: 16px;
		padding: 0px 30px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		z-index: 1;
		margin-top: 25px;
		height: 42px;
	}





	.my_account_menu {
		width: 300px;
		height: 100%;
		position: fixed;
		top: 0;
		right: -300px;
		border-left: 1px solid #d9d9d9;
		background: white;
		z-index: 103;
		padding: 20px 40px;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	.my_account_menu .my_account_menu_close_btn {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 20px;
		right: 20px;
		border-radius: 100%;
		padding: 5px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
	}

	.my_account_menu .my_account_menu_close_btn img {
		width: 100%;
	}

	.my_account_menu .my_account_menu_close_btn:hover {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.my_account_menu .my_account_menu_title {
		width: 100%;
		font-size: 20px;
		padding-bottom: 30px;
		border-bottom: 1px solid #E6E6E6;
	}

	.my_account_menu .exb_account_my_profile {
		position: relative;
		width: fit-content;
		padding-top: 30px;
		cursor: pointer;
		padding-bottom: 20px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_my_profile::after {
		content: '';
		position: absolute;
		bottom: 14px;
		left: 0px;
		width: 0%;
		height: 2px;
		background-color: var(--black-color);;
		transition: all 0.3s ease;
	}


	.my_account_menu .exb_account_change_password {
		position: relative;
		width: fit-content;
		padding-top: 0px;
		padding-bottom: 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_change_password::after {
		content: '';
		position: absolute;
		bottom: 14px;
		left: 0px;
		width: 0%;
		height: 2px;
		background-color: var(--black-color);;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_Manage_license {
		padding-top: 30px;
		padding-bottom: 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_Inquiry_history {
		padding-top: 0px;
		padding-bottom: 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}


	.my_account_menu .exb_account_my_profile:hover::after {
		width: 100%;
	}

	.my_account_menu .exb_account_change_password:hover::after {
		width: 100%;
	}

	.my_account_menu .exb_account_Manage_license:hover {
		color: #1B89FF;
	}

	.my_account_menu .exb_account_Inquiry_history:hover {
		color: #1B89FF;
	}

	.my_account_menu .exb_account_logout {
		position: relative;
		width: fit-content;
		cursor: pointer;
		padding-bottom: 20px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_logout::after {
		content: '';
		position: absolute;
		bottom: 14px;
		left: 0px;
		width: 0%;
		height: 2px;
		background-color: var(--black-color);;
		transition: all 0.3s ease;
	}

	.my_account_menu .exb_account_logout:hover::after {
		width: 100%;
	}

	.title_modify {
		width: 40px;
		height: 40px;
		padding: 9px;
		border-radius: 100%;
		box-sizing: border-box;
		display: inline-block;
		background-image: url(/images/innorix_exacoola/black_edit.png);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: center;
		position: absolute;
		margin-left: 8px;
	}

	.title_modify::after {
		position: absolute;
		top: 10px;
		left: 42px;
		content: 'Modify';
		width: fit-content;
		height: 22px;
		line-height: 12px;
		box-sizing: border-box;
		display: none;
		background-color: #404040;
		color: var(--white-color);
		padding: 4px 12px;
		border-radius: 6px;
		font-size: 14px;
	}

	.title_modify:hover {
		background-color: #D9D9D9;
		cursor: pointer;
	}

	.title_modify:hover::after {
		display: inline-block;
	}



	.my_account_menu_modal {
		width: 400px;
		height: auto;
		position: fixed;
		z-index: 999;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: -200px;
		padding: 40px;
		background-color: var(--white-color);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		overflow: hidden;
	}

	.my_account_menu_passowrd_modal {
		width: 400px;
		height: auto;
		position: fixed;
		z-index: 999;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: -200px;
		padding: 40px;
		background-color: var(--white-color);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.my_account_menu_passowrd_okay_modal {
		width: 400px;
		height: auto;
		position: fixed;
		z-index: 999;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -200px;
		padding: 30px 28px;
		background-color: rgba(0, 0, 0, 0.8);
		color: var(--white-color);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		overflow: hidden;
		border-radius: 10px;
		text-align: center;
	}

	.my_account_menu_modal .my_account_menu_modal_close_btn {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 40px;
		right: 33px;
		border-radius: 100%;
		padding: 5px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
	}

	.my_account_menu_modal .my_account_menu_modal_close_btn img {
		width: 100%;
	}

	.my_account_menu_modal .my_account_menu_modal_close_btn:hover {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.my_account_menu_modal .my_account_menu_modal_title {
		width: 100%;
		height: auto;
		font-size: 30px;
		text-align: left;
		margin-bottom: 50px;
	}

	.my_account_menu_modal .my_account_menu_modal_info {
		position: relative;
		width: 100%;
		height: auto;
	}

	.my_account_menu_modal .my_account_menu_modal_info .my_account_menu_modal_info_title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_input_box {
		width: 100%;
		height: auto;
		display: none;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_input_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_view_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
		border-radius: 6px;
		border: 0px !important;
		outline: 0px !important;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_view_box {
		width: 100%;
		height: 203px;
		display: block;
	}

	.my_account_menu_modal .my_account_menu_modal_info .profile_view_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}


	.my_account_menu_modal .my_account_menu_modal_info .change_password_input_box {
		width: 80%;
	}

	.my_account_menu_modal .my_account_menu_modal_info .change_password_input_box input {
		width: 100%;
		height: 40px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .change_password_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .my_account_menu_modal_modify_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
		margin-right: 20px;
	}

	.my_account_menu_modal .my_account_menu_modal_info .my_account_menu_modal_change_password_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
	}

	.my_account_menu_modal .my_account_menu_modal_info .account_modal_btn {
		position: relative;
		bottom: 0px;
		left: 0px;
		margin-top: 20px;
		padding: 12px 21px;
		font-size: 20px;
		line-height: 1;
		height: 40px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_close_btn {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 40px;
		right: 33px;
		border-radius: 100%;
		padding: 5px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_close_btn img {
		width: 100%;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_close_btn:hover {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_title {
		width: 100%;
		height: auto;
		font-size: 30px;
		text-align: left;
		margin-bottom: 50px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info {
		position: relative;
		width: 100%;
		height: auto;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .my_account_menu_modal_info_title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_input_box {
		width: 100%;
		height: auto;
		display: none;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_input_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_view_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
		border: 0px !important;
		outline: 0px !important;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_view_box {
		width: 100%;
		height: 203px;
		display: block;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .profile_view_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}


	.my_account_menu_passowrd_modal .my_account_menu_modal_info .change_password_input_box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-around;
		flex-direction: column;
		align-items: flex-start;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .change_password_input_box input {
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .change_password_input_box p {
		width: 100%;
		color: var(--light-grey-color);
		margin-bottom: 5px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .my_account_menu_modal_modify_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
		margin-right: 20px;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .my_account_menu_modal_change_password_btn {
		display: table;
		text-decoration: underline;
		color: #1B89FF;
		margin-top: 20px;
		cursor: pointer;
	}

	.my_account_menu_passowrd_modal .my_account_menu_modal_info .account_modal_btn {
		position: relative;
		bottom: 0px;
		left: 0px;
		margin-top: 20px;
		padding: 12px 21px;
		font-size: 20px;
		line-height: 1;
		height: 40px;
	}

	.password_strength_check_box {
		display: none;
		position: absolute;
		top: 54px;
		left: 50%;
		z-index: 100;
		width: 280px;
		height: 180px;
		margin-left: -140px;
		padding: 20px;
		background-color: #F2F2F2;
		color: #404040;
		border: 2px solid #DEDEDE;
		border-radius: 10px;
	}

	.password_strength_check_box::after {
		content: '';
		position: absolute;
		top: -8px;
		left: 50%;
		width: 10px;
		height: 10px;
		border-top: 2px solid #DEDEDE;
		border-left: 2px solid #DEDEDE;
		background-color: #F2F2F2;
		transform: rotate(45deg);
	}

	.password_confirm_alert_box {
		display: none;
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 100;
		width: 280px;
		height: auto;
	}


	.close_password_strength_check_box {
		position: absolute;
		top: 6px;
		right: 6px;
		width: 25px;
		height: 25px;
		cursor: pointer;
		border-radius: 100%;
		padding: 5px;
	}

	.close_password_strength_check_box:hover {
		background-color: #d9d9d9;
	}

	.close_password_strength_check_box>img {
		width: 15px;
	}

	.password_condition_text_box {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		margin-bottom: 10px;
	}

	.password_condition_icon {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		border: 1px solid #404040;
		margin-right: 10px;
	}

	.password_condition_icon::after {
		content: '';
		position: absolute;
		top: 3px;
		left: 6px;
		width: 5px;
		height: 8px;
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
		transform: rotate(45deg);
	}

	.password_strength_gage_wrapper {
		width: 100%;
		height: auto;
		margin-top: 20px;
	}

	.password_strength_gage {
		position: relative;
		width: 100%;
		height: 6px;
		background-color: #BBBBBB;
		margin-top: 10px;
	}

	.password_strength_gage>div {
		transition: all 0.3s ease;
	}

	.password_strength_check_box>.active {
		border-color: #18B760;
		color: #18B760;
	}

	.password_strength_check_box>.active>.password_condition_icon {
		border-color: #18B760;
		color: #18B760;
	}

	.password_strength_check_box>.active>.password_condition_icon::after {
		border-color: #18B760;
		color: #18B760;
	}





	.download_package_teststorage_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: 200px;
		margin-top: -100px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 40px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.download_package_themonitortrack_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: 200px;
		margin-top: -100px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 40px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	.download_package_modal_title {
		font-size: 30px;
	}

	.download_package_modal_content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.2em;
	}

	.get_license_key_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: auto;
		margin-top: -270px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		border-radius: 10px;
	}

	.get_license_key_modal_title {
		font-size: 30px;
	}

	.get_license_key_modal_content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.2em;
	}

	.download_package_modal {
		position: fixed;
		z-index: 501;
		top: 50%;
		left: 50%;
		width: 480px;
		height: auto;
		margin-top: -270px;
		margin-left: -240px;
		background-color: var(--white-color);
		padding: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: scale(0);
		transform: scale(0);
		border-radius: 10px;
	}

	.download_package_modal_title {
		font-size: 30px;
	}

	.download_package_modal_content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.2em;
	}

	.support_center_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: var(--black-color);;
		opacity: 0.3;
		display: none;
		z-index: 103;
	}

	.support_center_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 103;
		width: 100%;
		height: auto;
		transform: translate(-50%, -50%) scale(0);
		background-color: var(--white-color);
		padding: 30px;
		transition: all 0.3s ease;
	}

	.support_center_layer_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		font-size: 28px;
	}

	.close_support_center_layer {
		position: absolute;
		top: 29px;
		right: 21px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.close_support_center_layer>img {
		position: absolute;
		width: 20px;
		height: 20px;
	}

	.close_support_center_layer:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.support_center_layer_body {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		min-width: 100%;
	}

	.date_picker {
		width: 100% !important;
		margin-right: 2%;
	}

	.support_center_layer_body_enter_inquiry {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		min-width: 100%;
	}

	.support_center_layer_body_enter_inquiry>p {
		font-size: 20px;
		text-align: center;
		width: 100%;
		margin: 30px auto;
	}

	.support_center_layer_body_enter_inquiry>.blueBtn {
		width: fit-content;
		display: table;
		padding: 15px 20px;
		font-size: 18px;
		margin-top: 20px;
		cursor: pointer;
	}

	.flex_support_box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
	}

	.flex_support_box:nth-child(2) .inputOutBox:first-child {
		min-width: 60px;
	}

	.flex_support_box:nth-child(2) .inputOutBox:last-child {
		margin-left: 2%;
	}

	.support_center_layer_body input[type='text'],
	.support_center_layer_body input[type='url'],
	.support_center_layer_body input[type='email'],
	.support_center_layer_body input[type='tel'],
	.support_center_layer_body input[type='number'] {
		border-radius: 6px;
		height: 44px;
		padding: 10px 10px 0px;
	}

	.support_center_layer_body input[type='date'] {
		appearance: none;
		width: 100%;
		height: 100%;
		border: 0px;
		padding: 0px;
		margin: 0px;
		outline: none;
	}

	.support_center_layer_body .blueBtn {
		margin-top: 20px;
		cursor: pointer;

	}

	.select_support_box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		margin-top: 10px;
	}

	.select_box_support {
		position: relative;
		width: 290px;
		height: 44px;
		padding: 10px;
		border: 1px solid var(--light-grey-color);
	}

	.select_box_support>span {
		position: absolute;
		top: 13px;
		right: 12px;
		width: 10px;
		height: 10px;
		display: inline-block;
		transform: rotate(45deg);
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
	}

	.select_box_support_option {
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 10;
		width: 100%;
		height: 146px;
		background-color: var(--white-color);
		border: 1px solid var(--light-grey-color);
		overflow: auto;
		display: none;
	}

	.select_box_support_option>div {
		width: 100%;
		padding: 10px;
		cursor: pointer;
	}

	.select_box_support_option>div:hover {
		background-color: #d9d9d9;
	}

	.select_datebox_time_option {
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 10;
		width: 100%;
		max-height: 85px;
		background-color: var(--white-color);
		border: 1px solid var(--light-grey-color);
		overflow: overlay;
		display: none;
	}

	.select_datebox_time_option>div {
		width: 100%;
		padding: 10px;
		cursor: pointer;
	}

	.select_datebox_time_option>div:hover {
		background-color: #d9d9d9;
	}

	.select_support_email_box,
	.select_support_video_box,
	.select_support_remote_box,
	.select_support_messenger_box {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: 20px;
	}

	.select_support_email_box>p,
	.select_support_video_box>p,
	.select_support_remote_box>p,
	.select_support_messenger_box>p {
		margin-bottom: 10px;
	}

	.select_sns_box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	.select_sns {
		position: relative;
		width: 100%;
		height: 44px;
		padding: 10px 13px 13px;
		border: 1px solid var(--light-grey-color);
	}

	.select_sns>span {
		position: absolute;
		top: 13px;
		right: 12px;
		width: 10px;
		height: 10px;
		display: inline-block;
		transform: rotate(45deg);
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
	}

	.select_sns_account {
		position: relative;
		width: 100%;
		margin-top: 10px;
	}

	.select_sns_option {
		position: absolute;
		top: 44px;
		left: 0px;
		z-index: 10;
		width: 100%;
		height: 146px;
		background-color: var(--white-color);
		border: 1px solid var(--light-grey-color);
		overflow: overlay;
		display: none;
	}

	.select_sns_option>div {
		width: 100%;
		padding: 10px;
		cursor: pointer;
	}

	.select_sns_option>div:hover {
		background-color: #d9d9d9;
	}



	.select_date_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		width: 100%;
	}

	.select_datebox_date {
		position: relative;
		width: 170px;
		height: 44px;
		padding: 13px;
		border: 1px solid var(--light-grey-color);
	}

	.select_datebox_time {
		position: relative;
		width: 110px;
		min-width: 110px;
		height: 44px;
		padding: 11px 13px 13px;
		border: 1px solid var(--light-grey-color);
	}

	.select_datebox_time>span {
		position: absolute;
		top: 13px;
		right: 12px;
		width: 10px;
		height: 10px;
		display: inline-block;
		transform: rotate(45deg);
		border-bottom: 1px solid #404040;
		border-right: 1px solid #404040;
	}

	.select_support_messenger_box .select_date_box {
		width: 100%;
	}

	.select_support_messenger_box .select_datebox_date {
		width: 49%;
		height: 44px;
		padding: 13px;
		border: 1px solid var(--light-grey-color);
	}

	.select_support_messenger_box .select_datebox_time {
		width: 49%;
		height: 44px;
		padding: 13px;
		border: 1px solid var(--light-grey-color);
	}

	.support_center_layer_body_text {
		width: 310px;
		margin-top: 20px;
	}

	.technical_q {
		display: none;
	}

	.underline_text {
		text-decoration: underline;
		color: #1B89FF;
	}

	.befor_finishe,
	.after_finishe {
		width: 100%;
	}

	.cheking_result_box {
		width: 100%;
		height: 44px;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		padding: 13px;
		margin-top: 10px;
		border-radius: 6px;
	}

	.error_result {
		background-color: #FFCCCC;
		color: #FF0000;
	}

	.success_result {
		background-color: #E9F6DC;
		color: #2EBD6B;
	}

	.success_icon {
		position: relative;
		width: 30px;
		height: 30px;
		background-color: #00B050;
		border-radius: 100%;
	}

	.success_icon::after {
		content: '';
		position: absolute;
		top: 4px;
		left: 9px;
		width: 10px;
		height: 15px;
		border-bottom: 3px solid var(--white-color);
		border-right: 3px solid var(--white-color);
		transform: rotate(45deg);
	}

	.checking_now_gage_wrapper {
		width: 100%;
	}

	.checking_now_gage {
		width: 100%;
		height: 8px;
		background-color: #A6A6A6;
		margin-top: 10px;
	}

	.checking_now_gage>div {
		width: 0%;
		height: 100%;
		background-color: #1B89FF;
	}

	.report_wrapper {
		width: 104%;
		height: 160px;
		overflow-y: overlay;
		padding-right: 21px;
	}


	.copy_clip_text {
		margin-top: 20px;
		color: #1B89FF;
		font-size: 20px;
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		align-items: center;
	}

	.copy_clip_text_icon {
		position: relative;
		width: 30px;
		height: 30px;
		display: inline-block;
		padding: 5px;
		margin-left: 10px;
		border-radius: 100%;
		background-image: url('/images/innorix_exabyter/black_edit.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	.copy_clip_text_icon_tooltip {
		position: absolute;
		top: 0px;
		left: 30px;
		width: 120px;
		font-size: 12px;
		display: inline-block;
		padding: 2px 12px;
		border-radius: 4px;
		color: var(--white-color);
		background-color: #404040;
		transform: scale(0);
		display: none;
	}

	.copy_clip_text_icon:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.copy_clip_text_icon:hover .copy_clip_text_icon_tooltip {
		transform: scale(1);
		display: block;
	}

	.Copied_okay {
		transform: scale(1) !important;
		padding: 2px 8px !important;
		font-size: 16px !important;
	}

	.support_center_layer_real_close_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: #000000;
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.support_center_layer_real_close {
		position: fixed;
		top: 50%;
		left: 50%;
		width: fit-content;
		z-index: 1000;
		font-size: 16px;
		display: inline-block;
		padding: 37px 13px;
		color: var(--white-color);
		background-color: rgba(0, 0, 0, 0.8);
		transition: all 0.3s ease;
		transform: translate(-50%, -50%) scale(0);
	}

	.support_center_layer_real_close>.btn_wrapper {
		display: flex;
		justify-content: center;
		flex-direction: row;
		align-items: center;
		margin: 0px auto;
	}

	.support_center_layer_real_close>.btn_wrapper>div {
		color: #000000;
		font-size: 16px;
		padding: 0px 22px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		z-index: 1;
		margin-top: 25px;
		height: 42px;
	}

	.support_center_layer_real_close>.btn_wrapper>div:first-child {
		margin-right: 8px;
		min-width: 69px;
	}

	.support_center_layer_real_close>.btn_wrapper>div:last-child {
		min-width: 177px;
	}

	.support_center_layer_real_close>.text_wrapper {
		text-align: center;
	}

	.close_real_support_center_layer {
		position: absolute;
		right: 5px;
		top: 8px;
		width: 35px;
		height: 35px;
		text-align: center;
		cursor: pointer;
		border-radius: 100%;
		z-index: 2;
	}

	.close_real_support_center_layer>img {
		height: 14px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.close_real_support_center_layer:hover {
		background-color: #666;
	}

	.expired_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: #000000;
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.expired_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 370px;
		z-index: 1000;
		font-size: 16px;
		display: inline-block;
		padding: 37px 42px;
		border-radius: 4px;
		color: var(--white-color);
		background-color: rgba(0, 0, 0, 0.8);
		transition: all 0.3s ease;
		transform: translate(-50%, -50%) scale(0);
	}

	.expired_layer>.btn_wrapper {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		margin: 0px auto;
	}

	.expired_layer>.btn_wrapper>div {
		color: #000000;
		font-size: 16px;
		padding: 0px 30px 0px;
		line-height: 2.5em;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		z-index: 1;
		margin-top: 25px;
		height: 42px;
	}

	.expired_layer>.text_wrapper {
		text-align: center;
	}



	.mylicense_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: var(--black-color);;
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.mylicense_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%) scale(0);
		background-color: var(--white-color);
		border-radius: 10px;
		padding: 30px;
		transition: all 0.3s ease;
	}

	.mylicense_layer_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		font-size: 26px;
	}

	.close_mylicense_layer {
		position: absolute;
		top: 29px;
		right: 21px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.close_mylicense_layer>img {
		position: absolute;
		width: 20px;
		height: 20px;
	}

	.close_mylicense_layer:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.mylicense_layer_body {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		min-width: 324px;
		margin-top: 20px;

		overflow: auto;
		padding-right: 10px;
	}

	.mylicense_layer_body>.title_info {
		color: #7F7F7F;
		margin-top: 20px;
		font-size: 20px;
	}

	.website_address_info,
	.mrt_info {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		color: #000;
		font-size: 20px;
	}

	.license_key_value {
		width: 100%;
		height: 100%;
		word-break: break-all;
	}

	.copy_clipboard_to_license {
		width: fit-content;
		display: table;
		margin-top: 20px;
		padding: 10px 20px !important;
	}

	.daterangepicker {
		width: 100% !important;
	}

	.inquiry_history_layer_bg {
		position: fixed;
		top: -100px;
		left: -100px;
		right: -100px;
		bottom: -100px;
		background-color: #000000;
		opacity: 0.3;
		display: none;
		z-index: 999;
	}

	.inquiry_history_layer {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%) scale(0);
		background-color: var(--white-color);
		border-radius: 10px;
		padding: 30px 30px 50px;
		transition: all 0.3s ease;
	}

	.inquiry_history_layer_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		font-size: 26px;
		min-width: 510px;
	}

	.close_inquiry_history_layer {
		position: absolute;
		top: 29px;
		right: 21px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border-radius: 100%;
		padding: 10px;
	}

	.close_inquiry_history_layer>img {
		position: absolute;
		width: 20px;
		height: 20px;
	}

	.close_inquiry_history_layer:hover {
		background-color: #d9d9d9;
		cursor: pointer;
	}

	.inquiry_history_layer_body {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		width: 510px;
	}

	.inquiry_info {
		width: auto;
		height: auto;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 20px;
		font-size: 18px;
	}

	.inquiry_info>p {
		color: #AFABAB;
	}

	.inquiry_info>p:last-child {
		color: #000;
		word-break: break-word;
		width: 100%;
		margin-top: 4px;
	}

	.content_info_p {
		max-height: 110px;
		overflow: overlay;
		padding-right: 30px;
	}

	.status_box {
		position: relative;
		top: 4px;
		width: auto;
		font-size: 16px;
		height: 26px;
		line-height: 14px;
		padding: 5px 10px;
		background: var(--light-grey-color);
		display: none;
		overflow: hidden;
		border-radius: 6px;
		color: var(--white-color);
	}

	.complete_green {
		background-color: #00B050;
	}

	.wait_blue {
		background-color: #1B89FF;
	}

	.wait_red {
		background-color: #FF0000;
	}


	.inputOutBox {
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 5px;
	}

	.inputOutBox>.inputWrapper_placeholder {
		position: absolute;
		top: 0px;
		font-size: 16px;
		padding: 13px 10px;
		transition: all 0.3s ease;
		border: 0px !important;
	}

	input[type='text'],
	input[type='email'],
	input[type='tel'],
	input[type='url'],
	input[type='number'] input[type='password'] {
		appearance: none;
		width: 100%;
		height: 43px;
		color: #000000;
		float: right;
		outline: none;
		position: relative;
		border: 1px solid #d9d9d9;
		font-size: 16px;
		padding: 10px 10px 0px;
		background: none;
		z-index: 1;
		box-sizing: border-box;
	}

	input[type='text']:focus,
	input[type='email']:focus,
	input[type='tel']:focus,
	input[type='url']:focus,
	input[type='number']:focus,
	input[type='password']:focus {
		border: 1px solid #1B89FF;
	}

	textarea {
		box-sizing: border-box;
	}

	.location_num_for_layer {
		margin-left: 0px !important;
		width: 20% !important;
	}

	.phone_num_for_layer {
		width: 78% !important;
	}

	.text_box_for_layer {
		height: 100px !important;
	}
}