@import url(https://fonts.googleapis.com/css?family=Inter);

#hicx-navbar-logo{
	width:120px;height:40px;
}


#portal-login-logo{
	padding-top: 20px;
	padding-left:30px;
}

#wrapper{
	height:100%;
}

#hicx-global-container-bs{
		
}

.hicx-col{
	margin-top: 10px;
}

#hicx-page-header{
    padding-top: 20px;    
    height: calc(var(--hicx-page-header-height) + 20px);
}

.bg-blue-1{
	background: rgb(0,123,255);
}

#dashboard-cards .card-columns{
	column-count: 3;
}

.login-right {
	position: absolute;
    right: 5.2vw;
    top: 29px;
}

@media (max-width: 1071px) {
	.login-slogan-box {
		transform: scale(0.5);
		position: absolute;
		left: 1vw;
		top: 37vh;
	}
}

@media (min-width: 1071px) {
	.login-slogan-box {
		position: absolute;
		left: 4vw;
		top: 37vh;
	}
}

@media (min-width: 1210px) {
	.login-slogan-box {
		position: absolute;
		left: 15vw;
		top: 37vh;
	}
}

@media (min-width: 1378px) {
	.login-slogan-box {
		position: absolute;
		left: 26vw;
		top: 37vh;
	}
}

.inter {
}

.login-slogan-box-line1 {
	font-style: normal;
	font-weight: 400;
	font-size: 3.38rem;
	line-height: 4.08rem;
	display: flex;
	color: rgba(3, 3, 56, 0.71);
	justify-content: flex-end;
}

.login-slogan-box-line2 {
	font-style: normal;
	font-weight: 400;
	font-size: 3.54rem;
	line-height: 4.31rem;
	display: flex;
	color: #4C4C72;
	justify-content: flex-end;
}

.login-slogan-box-line3 {
	font-style: normal;
	font-weight: 400;
	font-size: 5.39rem;
	line-height: 6.54rem;
	display: flex;
	color: #4C4C72;
	justify-content: flex-end;
}

.lsb-orchid {
	color: #9c44c0;
	font-weight: 600;
}

.lsb-pink {
	color: #f752c7;
	font-weight: 600;
}

.login-topleftlogo {
	position: absolute;
	top:75px;
	left: 65px;
}

.tlll-wrapper {
	background: rgba(255, 255, 255, 0.5);
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: inset 40px 40px 40px rgba(214, 214, 214, 0.185), inset -40.5667px 40.5667px 40.5667px rgba(255, 255, 255, 0.185);
	backdrop-filter: blur(50px);
	border-radius: 6px;
	padding: 46px;
	height: 700px;
}

.tlll-header {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	color: #010101;
}

.tlll-label {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;
	color: #4A5568;
	margin-bottom: 7px;
	margin-top: 20px;
}

.tlll-input {	
	background-color: #FFFFFF;
	box-sizing: border-box;
	border-radius: 4px;
	color: #000;
}

.tlll-input:placeholder-shown {
	border: 1px solid #C2C2C2;
}

.tlll-input:not(.tlll-input:placeholder-shown) {
	border: 2px solid #1F36C7;
}

.tlll-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	margin-bottom: 15px;
}


.tlll-checkmark {
	background-color: #fff;
	border: 3px solid #000;
	margin-right: 0.8rem;
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	border-radius: 3px;
	margin-top: 3px;
}

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

.tlll-checkbox-container {
	cursor: pointer;
	display: block;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px;
	padding-left: 23px;
}

.tlll-checkbox-container input {
	position: absolute;
	  opacity: 0;
	  height: 0;
	  width: 0;
	cursor: pointer;
}

.tlll-checkbox-container input:checked ~ .tlll-checkmark:after {
	display: block;
  }

.tlll-checkbox-container .tlll-checkmark:after {
	left: 4px;
	top: 0px;
	width: 6px;
	height: 10px;
	border: 3px solid #1F37C9;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .tlll-sbc {
	margin-top: 50px;
  }

  .login-page-link-color-hicx {
	  color: #47c8ff !important;
  }

  button.tlll-letsgo:hover {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right;
  }

  .liveChatbox {
	display:flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 36px;
	right: 10px;
	width: 78px;
	height: 79px;
	background: linear-gradient(135.73deg, #FF66C9 0%, #586EF8 100%);
	border-radius: 6px;
  }

.w-325px {
	width: 325px;
}
#supplierContextChangeForm{
	padding-right:10px
}

#selectSupplierLabel{
  	padding-right:10px
}