.description-banner-text {
	text-align: left;
	font: normal normal 500 18px/40px 'Poppins';
	letter-spacing: 0px;
	opacity: 1;
	margin: 0;
}

@media only screen and (max-width: 1366px) {
	.description-banner-label {
		top: 51vh;
	}
}

@media only screen and (min-width: 1367px) {
	.description-banner-label {
		top: 46vh;
	}
}

.description-banner-label {
	display: flex;
	justify-content: center;
	position: absolute;
	border-radius: 0px 8px 8px 0px;
	opacity: 1;
	width: 26.6vw;
	height: 4.62vh;
	left: 0px;
	display: flex;
	align-items: center;
	z-index: 1;
}

.login-title {
	text-align: left;
	font: normal normal 500 18px/27px Poppins;
	opacity: 1;
}

.reg-title {
	font: normal normal 18px/27px Poppins;
}

.email-label {
	padding-top: 0px;
	text-align: left;
	font: normal normal normal 16px/25px Poppins;
	letter-spacing: 0px;
	opacity: 1;
	margin-left: 0;
}

.div-form-group {
	display: inline-grid;
	width: 100%;
}

.email-textfield {
	height: 35px;
}

input[type="text"], input[type="text"]:focus {
	border: 0;
	border-bottom: 1px solid #FC7500;
	outline: 0;
	background: rgba(220, 243, 253, 0.5);
	height: 4.3vh;
	border-radius: 8px 8px 0px 0px;
}

.password-label {
	text-align: left;
	font: normal normal normal 16px/25px Poppins;
	letter-spacing: 0px;
	opacity: 1;
	margin-left: 0;
}

.password-text {
	height: 35px;
}

input[type="password"], input[type="password"]:focus {
	border: 0;
	border-bottom: 1px solid #FC7500;
	outline: 0;
	background: rgba(220, 243, 253, 0.5);
	height: 4.3vh;
	border-radius: 8px 8px 0px 0px;
}

.password-help {
	position: relative;
	top: 69%;
	left: 95%;
	height: 14px;
	width: 14px;
}

.remusrname-label {
	position: absolute;
	padding-left: 10px;
	text-align: left;
	letter-spacing: 0px;
	opacity: 1;
}

.forgotpswd {
	height: 35px;
	position: absolute;
	width: max-content;
	text-align: left;
	letter-spacing: 0px;
	opacity: 1;
}

.signup-div {
	margin-bottom: 5px;
}

body, html {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

.text-center {
	text-align: center;
}

.signupCSS {
	height: 35px;
	font: normal normal 500 16px/24px Poppins;
}

.login-div {
	margin-top: 2%;
	border: none;
}

.login-submit {
	position: relative;
	right: -100px;
	height: 45px;
	width: 135px;
	border-radius: 8px;
	border: none;
	letter-spacing: 0px;
	opacity: 1;
}

.btn-submit {
	height: 45px;
	width: 135px;
	border-radius: 8px;
	border: none;
	letter-spacing: 0px;
	opacity: 1;
	font: normal normal 600 16px/24px Poppins;
}

.paragh {
	letter-spacing: 0px;
	opacity: 1;
}

.privacyPolicyCss {
	font: normal normal 300 14px/21px Poppins;
	color: #707070;
}

.no-outline:focus {
	outline: none;
}

#td2 {
	padding-bottom: 25px;
	padding-left: 290px;
}

#td4 {
	padding-left: 125px;
	padding-top: 10px;
}

.dropdown {
	height: 20%;
	float: right;
	margin-right: 2%;
	margin-left: 4%;
}


.leftImageCss {
	
	position: absolute;
	left: 1.5vw;
	height: 6.5vh;
	top: 0vh;
}

img {
	max-width: 100%;
}

.leftimgspan {
	margin-top: 2%;
	position: relative;
	left: 120px;
	top: 33px;
}

.rightimgspan {
	margin-top: 2%;
	position: relative;
	left: 120px;
	top: 33px;
}

.rightImageCss {
	height: 6.5vh;
	top: 0vh;
}

.rowCss {
	margin-bottom: 0px;
}

.outer-div {
	margin-bottom: 0px;
	margin-top: 180px;
	margin-left: 600px;
}

.inner-div-reg-form {
	position: relative;
	left: 48%;
	position: absolute;
	width: 100%;
	left: 0;
	border-bottom: 6.5vh solid #F1F2F6;
	background: #fff url("../../images/Hands.svg") 0% 3.51vh no-repeat
		padding-box;
	background-size: contain;
	min-height: 89vh;
}

.radius-logo img {
	margin: 0 0 0 0;
}

.row {
	margin-left: unset;
	margin-right: unset;
	float: unset;
	width: 100%;
}

.login-formN {
	padding: 0 0 10px 0;
	box-sizing: border-box;
	border-top: none;
	border-bottom: none;
	min-height: 150px;
	margin-top: 12%;
}

h1, h2 {
	margin-top: 10px;
}

.errormessage {
	color: #FF0000;
	margin-top: 4%;
}

#trifecta-toast-error {
	position: fixed;
	top: 33.5vh;
	width: 26vw;
	padding: 1%;
	background: #FFEDEE;
	border: 1px solid #FB7A80;
	border-radius: 8px;
	font: normal normal medium 16px/23px Poppins;
}

.toast-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.reg-error {
	color: #FA4D56;
	margin: 0;
}

.trifecta-error-img {
	width: 11px;
	height: 11px;
	cursor: pointer;
}

.errmsg {
	position: absolute;
	margin-top: 4%;
	top: 20px;
}

.dropdownCss {
	width: 175px;
	height: 3.9vh;
	overflow: auto;
	margin-top: 1.7vh;
	padding-right: 0px;
	border: none;
	border-radius: 6px;
	padding-left: 1.6vw;
}

.dropDownLanguageCss {
	height: 20%;
	float: right;
	margin-right: 2%;
	margin-left: 4%;
}

#firstNameDiv, #supplierId-tp-Div {
	display: flex;
	flex-direction: column;
	padding-right: 0.9vw;
	width: 50%;
}

#lastNameDiv, #companyName-tp-Div {
	display: flex;
	flex-direction: column;
	padding-left: 0.9vw;
	width: 50%;
}

.paramount-container {
	width: 79.5vw;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4vh;
	margin-bottom: 6vh;
	background-size: contain;
}

.restrict-scroll {
	overflow: inherit;
}

.login-btn-div {
	width: 27vw;
}

.main-container-trifecta {
	height: 100%;
	margin-bottom: 6vh;
}

.dummy-comp {
	height: 100px;
	width: 374px;
	position: absolute;
	background: #fff;
	top: 21vh;
	z-index: 10;
	display: none;
}

.hands-svg {
	display: none;
	z-index: 32;
	position: absolute;
	margin-top: 3.51vh;
}

.sup-form-trifecta {
	width: 28vw;
	margin-left: 52%; 
	margin-top: 0;
}

.powered-hrc {
	position: absolute;
	height: 6vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font: normal normal normal 16px/25px Poppins;
}

.group-checkbox {
	display: inline-block;
	width: 28vw;
}

.power-hrc-img {
	height: 2.35vh;
	padding-left: 0.4vw;
}

.separated-childrens {
	display: flex;
	justify-content: space-between;
}

.trifecta-Header {
	height: 6.5vh;
}

.stick-to-bottom {
	bottom: -6vh;
}

.checkbox-tri {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox-fieldset {
	position: relative;
}

.checkmark {
	position: absolute;
	top: 9%;
	left: 0;
	height: 2.22vh;
	width: 2.22vh;
	border: 1.5px solid #FC7500;
	border-radius: 20%;
}

.checkbox-tri:checked ~ .checkmark {
	background-color: #FC7500;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-tri:checked ~ .checkmark:after {
	display: block;
}

.checkmark:after {
	left: 4px;
	top: 1px;
	width: 2.5px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkbox-label {
	padding-left: 0vh;
	font: normal normal normal 14px/24px Poppins;
}
.regform .checkbox-label, .inner-div-reg-form .checkbox-label {
	padding-left: 2.7vh;
}

#loadingId {
	position: absolute;
	left: 49%;
	top: 2%;
	z-index: 1;
}

.fade {
	opacity: 1;
	transition: opacity .15s linear
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: .5
}

.modal.show .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-dialog {
	margin-top: 14%;
	width: auto;
	max-width: 600px;
	position: relative;
}

.modal-title {
	font: normal normal 550 18px/24px Poppins;
	opacity: 1;
}

.modal-body {
	font: normal normal normal 16px/25px Poppins;
	opacity: 1
}

.model-label {
	font: normal normal normal 16px/24px Poppins;
	opacity: 1;
}

.modal-width-center {
	width: 35vw;
	top: 18%;
	left: 5%;
}

.modal-header {
	padding: 0;
	color: #000;
	background: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin: 10px 15px;
	margin-bottom: 0;
	padding-bottom: 1.3vh;
	border-bottom: 1px solid rgba(252, 117, 0, 0.5);
	display: flex;
	justify-content: space-between;
}

.modal-body {
	background: #fff;
}

.btn-popup {
	height: 4vh;
}

.btn-popup-trifecta {
	border-radius: 6px;
	font: normal normal normal 16px/25px Poppins;
	border: none;
}

.btn-popup-trifecta-cancel {
	background: #fff;
	border: none;
	font: normal normal 500 14px/24px Poppins;
}

.trifecta-model-buttons {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

.trifecta-otac-button-grp {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 0 !important;
}
.container-confirm-conn {
	width: inherit;
    padding: 0;
}

#otpForm, #unlockForm, #resetFormIdForPwdExpire, #connectionConfirmation, #connectionConfirmation2 {
	width: 100% !important;
}

.close-icon {
	cursor: pointer;
}

#unlockAccountSupplier {
	color: #14AFF1;
}

#forgotPwdLinkId {
	font: normal normal 500 14px/24px Poppins;
}

.div-form-group .password-help, #dummy-a {
	position: absolute;
	left: 94%;
	top: 63%;
}

#trifecta-password-help {
	background: url("../img/trifectaPasswordHelp.svg");
}

#trifecta-password-help:hover:after {
	content: attr(alt);
	background: #fff;
	padding: 1.1vw;
	width: 28vw;
	white-space: pre-wrap;
	border: 1px solid #4FC4F780;
	position: absolute;
	bottom: 257%;
	right: -19vw;
}
/* Lang dropdown */
#btn-language-dropdown, #btn-language-dropdown:active, #btn-language-dropdown:hover {
	height: 4.3vh;
	align-items: center;
	display: flex;
	background: rgba(220, 243, 253, 0.5) url(../../images/globe-icon.svg)
		no-repeat 0.5vw center;
	color: #14AFF1;
	margin-top: 2.7vh;
	font: normal normal normal 16px/25px Poppins;
	padding-left: 2.3vw;
    align-items: center;
    z-index: 1;
    opacity: 1;
}
#dropDownLanguage .dropdown-menu {
	min-width: 11vw;
}
#caret-langauge, #caret-langauge:hover {
	width: fit-content;
	height: 4.3vh;
	background: rgba(220, 243, 253, 0.5) 0% 0% no-repeat padding-box;
	color: #5A5A5A;
	margin-top: 2.7vh;
	opacity: 1;
	z-index: 1;
	display: flex;
    align-items: center;
}

#caret-langauge:active {
	background: rgba(220, 243, 253, 0.5);
	box-shadow: none;
}

.dropdown-menu {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	min-width: 26.8vw;
	box-shadow: 0px 0px 20px #0000000D;
	border: 1px solid #F6720080;
	border-radius: 8px;
	font-size: 13px;
	padding: 0;
}

.dropdown-toggle span {
	font: normal normal normal 16px/25px Poppins;
}

.dropdown-menu .clicked {
	background-color: #F67200 !important;
	color: #fff !important;
}

.dropdown-menu .clicked:hover {
	background-color: rgba(246, 114, 0, 0.3) !important;
	color: #F67200 !important;
}

.dropdown-menu option:hover {
	background-color: #F67200 !important;
	color: #fff !important;
	cursor: pointer;
}
.dropdown-menu li {
	width: 100%;
}

/* Toast */

.upper-div-toast {
	width: 28vw;
    margin-left: 52%;
    margin-top: 18%;
    padding: 2%;
    background: #FFEDEE 0% 0% no-repeat padding-box;
    border: 1px solid #FB7A80;
    border-radius: 8px;
    color: #FA4D56;
    font: normal normal 450 16px/23px Poppins;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hide-element {
	line-height: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
	border: none;
}
.close-icon-toast { 
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#confirmConnectionDynamicId .model-label, #connectionConfirmation2 .model-label {
	float: left;
}
#registrationLinkExpiryVerificationUsingOTAC {
	float: right;
 	cursor: pointer;
}
a {
	cursor: pointer;
}

#otacAuthenticationPopUp{
	margin-top: 20px;
}

#cancelOtacVerification{
	margin-left: 10px;
}
#enterOTAC{
	height: 30px;
}
.pay-now-gp {
	position: absolute;
	z-index: 1;
    left: 18.5vw;
    width: 8vw;
}
.company-code-dropdown {
	display: flex !important;
	width: 100%;
}
.companyCode-togggle {
	width: 20%;
	padding: 0 2vw;
}
#companyCode-language-dropdown, #companyCode-language-dropdown:active, 
				#companyCode-language-dropdown:hover {
	height: 4.3vh;
	align-items: center;
	display: flex;
	background: rgba(220, 243, 253, 0.5)
		no-repeat 0.5vw center;
	color: #14AFF1;
	margin-top: 2.7vh;
	font: normal normal normal 16px/25px Poppins;
	padding-left: 2.3vw;
    align-items: center;
    z-index: 1;
    opacity: 1;
    width: 100%;
}
#companyCodeDropdown {
	transform: translate3d(530px, 666px, 0px) !important;
	width: 28vw;
}
#companyCodeDropdown li option {
	padding: 2%;
}

.customer-type-dropdown {
	display: flex !important;
	width: 100%;
}
.customerType-togggle {
	width: 20%;
	padding: 0 2vw;
}
#customerType-language-dropdown, #customerType-language-dropdown:active, 
				#customerType-language-dropdown:hover {
	height: 4.3vh;
	align-items: center;
	display: flex;
	background: rgba(220, 243, 253, 0.5)
		no-repeat 0.5vw center;
	color: #14AFF1;
	margin-top: 2.7vh;
	font: normal normal normal 16px/25px Poppins;
	padding-left: 2.3vw;
    align-items: center;
    z-index: 1;
    opacity: 1;
    width: 100%;
}
#customerTypeDropdown {
	transform: translate3d(530px, 666px, 0px) !important;
	width: 28vw;
}
#customerTypeDropdown li option {
	padding: 2%;
}

@media only screen and (max-width: 1366px) {
	.pay-now-gp {
		top: 58vh;
	}
}
@media only screen and (min-width: 1367px) {
	.pay-now-gp {
		top: 53vh;
	}
}