:root {
	--main-color-grey: #f0f0f0;
	--main-color-red: #ff0000;
	--main-color-white: #ffffff;
	--main-color: #dc3546;
	--secondary-color: #e09e9b;
	
	--body-color: #ffffff;
	--box-body-color: #ffffff;
	
	--head-text-color: #000000;
	--menu-text-color: #000000;
	--menu-text-font-size: 14px;
	--shadow-color: #efefef;
	---content-text-color: #544d4d;
	---content-header-font: 20px;
	---grid-font-size: 15px;
	
	--scroll-bar-color: #155252;
	--hrbutton: #dc3546;
	--hrbutton-hover: #e8685f;
	--side-menu-width : 220px;
	--side-menu-width-min : -190px;
	--menu-top : 100px;
	
	--side-menu-bgcolor : #f2e1e1;
	--side-menu-bgcolor-hover : #e6d8d8;
	
	--main-color-foot :#fafafa
}
@font-face{
	font-family: Gotham;
	src:url('/fonts/Gotham/GothamHTF-Light.otf');
}
@font-face{
	font-family: GothamBook;
	src:url('/fonts/Gotham/GothamHTF-Book.otf');
}
@font-face{
	font-family: Montserrat;
	src:url('/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');;
}
@font-face{
	font-family: MontserratExtrabold;
	src:url('/fonts/Montserrat/static/Montserrat-ExtraBold.ttf') format('truetype');;
}

body {
	background-color: var(--body-color);
	font-family: Montserrat, Gotham, Brownlight, Arial;
}

.reg-button {
	background:linear-gradient(to bottom, var(--main-color), var(--hrbutton));
	color: #ffffff;
	padding: 6px 16px;
	border: 1px solid;
	font-weight: bolder;
	border-radius: 5px;
}
.reg-button:hover{
	opacity : 1;
	background: var(--hrbutton-hover);
}
.reg-button:focus {
	border: 1px solid red;
	box-shadow: 0 0 3px #FF0000;
}

.main-button {
	background:linear-gradient(to bottom, var(--main-color), var(--hrbutton));
	color: #ffffff;
	padding: 8px 12px 8px 8px;
	border: 1px solid;
	font-weight: bolder;
}
.main-button:hover,
.main-button:focus{
	opacity : 1;
	background: var(--hrbutton-hover);
}

.main-button-s {
	background:linear-gradient(to bottom, var(--main-color), var(--hrbutton));
	color: #ffffff;
	padding: 3px 12px 3px 8px;
	border: 1px solid;
	font-weight: bolder;
}
.main-button-s:hover,
.main-button-s:focus{
	opacity : 1;
	background: var(--hrbutton-hover);
}

.jwhite {
	color: #ffffff;
}



#divfoot{
	font-family: Gotham;
	font-size:10px;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
	background-color:#ffffff;
	z-index:50;
	border-top: 1px solid var(--border-menu-color);
}

.off-pad {
	padding : 12px;
	cursor: pointer;
	color: #0384fc;
	font-size: 5px;
}
.menu-off-pad {
	cursor: pointer;
	color: #0384fc;
	font-size: 12px;
	background: transparent;
	border: none;
}
.head-icon {
	font-size: 20px;
	cursor: pointer;
}
.jcenter {
	margin: auto;
	text-align: center;
}
.jcenter a {
	font-size: 12px;
}
.jcenter-text {
	margin: auto;
	color: var(--head-text-color);
}
.jleft-text {
	color: var(--head-text-color);
	font-weight: bolder;
}

.dropdown-menu1 {
	position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: var(--side-dropdown-bg-color);
    box-shadow: none;
}
.dropdown-menu1 li {
	padding: 0 15px;
}

.dropdown-menu1 li a {
	display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 15px 10px 30px;
}

.dropdown-menu1 li a:hover{
	text-decoration: none;
    background-color: #ffffff;
}

.dropdown-menu {
	max-width: 370px;
	z-index:2000;
}
.dropdown-item {
	white-space: normal;
	min-width: 370px;
}


/* Spinning Loader CSS */
/* Spinning Loader CSS */
.loading {
  position: fixed;
  z-index: 999999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 30px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em var(--main-color), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.5), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.7), 1.8em -1.8em 0 0em var(--main-color), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.5), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.7), 2.5em 0em 0 0em var(--main-color), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.5), 2.5em 0em 0 0em rgba(255, 178, 174, 0.7), 1.75em 1.75em 0 0em var(--main-color), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.5), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.7), 0em 2.5em 0 0em var(--main-color), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.5), 0em 2.5em 0 0em rgba(255, 178, 174, 0.7), -1.8em 1.8em 0 0em var(--main-color), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.5), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.7), -2.6em 0em 0 0em var(--main-color), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.5), -2.6em 0em 0 0em rgba(255, 178, 174, 0.7), -1.8em -1.8em 0 0em var(--main-color);
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em var(--main-color), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.5), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.7), 1.8em -1.8em 0 0em var(--main-color), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.5), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.7), 2.5em 0em 0 0em var(--main-color), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.5), 2.5em 0em 0 0em rgba(255, 178, 174, 0.7), 1.75em 1.75em 0 0em var(--main-color), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.5), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.7), 0em 2.5em 0 0em var(--main-color), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.2), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.5), 0em 2.5em 0 0em rgba(255, 178, 174, 0.7), -1.8em 1.8em 0 0em var(--main-color), -2.6em 0em 0 0em rgba(255, 178, 174, 0.2), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.5), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.7), -2.6em 0em 0 0em var(--main-color), -1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 178, 174, 0.2), 1.8em -1.8em 0 0em rgba(255, 178, 174, 0.2), 2.5em 0em 0 0em rgba(255, 178, 174, 0.2), 1.75em 1.75em 0 0em rgba(255, 178, 174, 0.2), 0em 2.5em 0 0em rgba(255, 178, 174, 0.2), -1.8em 1.8em 0 0em rgba(255, 178, 174, 0.5), -2.6em 0em 0 0em rgba(255, 178, 174, 0.7), -1.8em -1.8em 0 0em var(--main-color);
  }
}
/* End Spinning Loader CSS */
/* End Spinning Loader CSS */

.footerBtnGoToTop {
	border : none;
	opacity : 0.5;
	background-color: var(--main-color);
	padding : 5px;
	position: fixed;
	bottom: 60px;
  	right: 5px;
	cursor: pointer;
	display:none;
	z-index:10;
}
.footerBtnGoToTop:hover {
	border : 1px solid var(--hr-button-hover);
	opacity : 1;
}
.footerBtnHide{
	display:none;
}
.footerBtnShow{
	display:inline;
}

.chead {
	color : var(---content-text-color);
	font-size: var(---content-header-font);
	font-weight: bolder;
	border-bottom : 1px solid #bfbfbf;
	width: 100%;
	display: inline-block;
	margin: 5px;
}

div.scrollgrid {
  overflow: auto;
  white-space: nowrap;
  border:1px solid var(--main-color);
}
div.scrollgrid-noborder {
	overflow: auto;
	white-space: nowrap;
}

div.scrollgrid table {
	font-size : var(---grid-font-size);
}
div.scrollgrid table select {
	font-size : var(---grid-font-size);
}
div.scrollgrid table input {
	font-size : var(---grid-font-size);
}

/*
.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}
*/

.headLabel{
	font-weight:bolder;
	text-transform:uppercase;
	font-size:18px;
}
.jmyclass:required:focus {
	border: 2px solid red;
}
.reqfld {
	color: red;
}

.lbl-center {
	color : var(---content-text-color);
	font-size: var(---content-header-font);
	font-weight: bolder;
}
.home-header {
	color : var(---content-text-color);
	font-size: 25px;
	font-weight: bolder;
}
.home-header-nbold {
	color : var(---content-text-color);
	font-size: 25px;
}

/* CSS for Home page tiles */
/* CSS for Home page tiles */
.jbox-menu-items {
	display: flex;
	flex-wrap: wrap;
} 
.jbox-menu-items .item {
	min-width: 250px;
	max-width: 300px;
	flex: 1 0 30%;
	box-sizing: border-box;
	color: #171e42;
	margin: 10px 10px 10px 0px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
	transition: transform .5s; /* Animation */
	background-color: var(--box-body-color);
}

.item:hover {
	cursor: pointer;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), 0 0 12px 0 rgba(252, 19, 3, 0.19);
}

.jcustom-card-head {
	font-size: 20px;
	font-weight: bolder;
	word-break: break-word;
	padding-left: 10px;
}
.jcustom-card-body {
	padding : 15pt 15pt 0pt 15pt ;
	border: 0;
	width: 100%;
	text-align: left;
	word-break: break-word;
}
.jcustom-card-body .jcustom-body-list {
	font-size: 15px;
	text-align: right;
}
.jcustom-card-footer {
	padding-left: 10px;
	font-size: 12px;
	width: 100%;
	background-color: #ff7369;
	font-color: #fffff;
	color: white;
}
.jview-icon {
	padding-top: 2pt;
	padding-right:15pt;
}
/* End CSS for Home page tiles */
/* End CSS for Home page tiles */

/* CSS for LNC Card Details */
/* CSS for LNC Card Details */
.j-details-box {
	display: flex;
	flex-wrap: wrap;
}
.j-details-box .items {
	padding-left: 10px;
	border-right: 5px solid #fc1303;
	flex: 1 0 30%;
	box-sizing: border-box;
	color: #171e42;
	margin: 10px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
	transition: transform .5s; /* Animation */
	background-color: var(--box-body-color);
}
.jcustom-card-foot {
	padding-bottom: 4px;
}
/* End CSS for LNC Card Details */
/* End CSS for LNC Card Details */

/* Autocomplete Custom CSS*/
.ui-autocomplete-loading { background:url('/images/loading.gif') no-repeat right center }
.ui-autocomplete { z-index: 10000; }
/* End Autocomplete Custom CSS*/

.notification .badge {
	position: absolute;
	top: -7px;
	right: -10px;
	padding: 2px 5px;
	border-radius: 50%;
	background: red;
	color: white;
	cursor: pointer;
}
.notification:hover .head-icon {
	color : red;
}
.white-background{
	background-color: var(--box-body-color);
}
a{
  color: var(--main-color-red);
  text-decoration: none;
}
.unread-notif {
	background-color: var(--side-menu-bgcolor);
}
.lblItalic {
	font-style: italic;
	font-size: 10px;
}




/* Slider CSS */
/* Slider CSS */
.j-img-slider {
	margin:auto;
	position: relative;
}
.j-item-slides {
	display: none;
	margin:auto;
	width: 100%;
}
.j-slider-bottom {
	position:absolute;
	bottom:0;
	font-size:20px;
	margin-bottom:16px;
	padding:0.01em 16px;
	display:inline-block;
	width:100%;
	text-align:center
}
.j-slider-left {
	cursor:pointer;
	float:left;
	border-radius:50%;
	height: 30px;
  	width: 30px;
  	text-align: center;
  	background-color: #755959;
  	color: #fff;
  	opacity: 0.5;
}
.j-slider-right {
	cursor:pointer;
	float:right;
	border-radius:50%;
	height: 30px;
  	width: 30px;
  	text-align: center;
  	background-color: #755959;
  	color: #fff;
  	opacity: 0.5;
}
.j-slider-left:hover {
	opacity: 1;
}
.j-slider-right:hover {
	opacity: 1;
}

.j-badge {
	cursor:pointer;
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding:5px;
	text-align:center;
	border-radius:50%;
	border:1px solid #755959;
}

.j-fading{
	animation:fading 5s;
}
@keyframes fading{
	0% {
		opacity:0
	}
	50% {
		opacity:1
	}
}
/* End Slider CSS */
/* End Slider CSS */


/* New CSS 2022 */
.home-label{
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
}
.new-mycontent-left {
  border-right: 2px solid #d9d9d9;
}
.new-home-logo-images {
	height : 40px;
}

.jright-align{
	text-align: right;
}
.jleft-align{
	text-align: left;
}
.jcenter-align{
	text-align: center;
	width:100%;
	margin: auto;
}
.jbolder{
	font-weight: bolder;
	padding-left:2px;
}
.jtablefont{
	font-size: 12px;
	color: #434343;
}

.new-main-button {
	background:linear-gradient(to bottom, var(--main-color), var(--hrbutton));
	color: #ffffff;
	padding: 8px 20px 8px 20px;
	border: 1px solid;
	font-weight: bolder;
	border-radius: 5px;
}

.new-main-button-inactive {
	background-color: #bdbdbd;
	padding: 8px 20px 8px 20px;
	border: 1px solid #d9d9d9;
	font-weight: bolder;
	font-color: #ffffff;
	color: #ffffff;
	border-radius: 5px;
}
.jtab {
	color: #000000;
	text-align: right;
	padding-right: 30px;
}

.nav-pills .nav-link.active {
	color: var(--main-color-red);
	background-color: #ffffff;
}
.jboxcolor{
	border: 2px solid var(--shadow-color);
}
.jpad2{
	padding:2px;
}
.jtablepadtop{
	padding-top: 12px;
}
.jtablebottomborder{
	border-bottom: 1px solid #a7a7a7;
}

.jheaderfont20{
	font-size: 20px;
}
.jheaderfont16{
	font-size: 16px;
}

.jitalic {
	font-style: italic;
}
.jitalic-color{
	color: #434343;
}

.jfoot-appstore{
	height:40px;
}
.jfootsocial{
	height:35px;
	padding: 2px;		
}
.jdivfoot-upper{
	background-color:var(--main-color-foot);
}
.jdivfoot-upper-pad{
	padding-top: 35px;
	padding-bottom: 35px;
}
.jcopyright{
	color: #999999;
	font-size: 15px;
}
.jterms{
	color: #999999;
	font-size: 15px;
}
.jdivhead-upper-pad{
	padding-top: 25px;
}
.jstorelogo-pad{
	padding-left: 290px;
	padding-right: 290px;
}
.jdiv-footlr{
	padding-left: 50px;
	padding-right: 50px;
}
.jlogin-side-pad{
	padding-left: 40px;
	padding-right: 40px;
}


/* Tabular CSS */
/* Modify brand and text color */

/* End Tabular CSS */
/* End new CSS 2022 */

.trxhist-header {
	color : var(---content-text-color);
	font-size: 15px;
	font-weight: bolder;
}

.trxhist-showmore {
	color: #3992dd;
	font-weight: bolder;
	cursor: pointer;
}
.trxhist-earn {
	color: #7bc09b;
	font-weight: bolder;
}
.trxhist-redeem {
	color: #e28895;
	font-weight: bolder;
}

.lblNote {
	color:var(--main-color);
} 
.left-align{
	text-align: left;
}

.add-padding {
	padding-bottom: 15px;
}
.header-reg {
	font-size: 25px;
	text-align: center;
	margin:auto;
	font-weight:bolder;
}
.txt-how-to {
	padding-left: 30px;
	padding-right: 30px;
}
.menu-how-to-upgrade-media {
	display: none;
}
.menu-img-desktop {
	display: inline;
}
.menu-img-mobile {
	display: none;
}

@media (max-width: 850px){
	.txt-how-to {
		padding-left: 5px;
		padding-right: 5px;
	}
	.header-reg {
		font-size: 18px;
		text-align: left;
		font-weight:bolder;
	}
	
	.menu-how-to-upgrade{
		display: none;
	}
	.menu-how-to-upgrade-media{
		display: inline;
	}
	.menu-img-mobile {
		display: inline;
	}
	.menu-img-desktop {
		display: none;
	}
}

.new-banner {
	background-size: cover;
    background-size: 100% 100%;
	position: relative;
    width: 100%;
    height: auto;
	min-height: 600px;
}
.new-banner:after {
	background: rgba(153, 153, 153, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}
.new-banner div {
    z-index: 1;
}
.inpage-login {
	background-color: transparent;
	border: 2px solid #ffffff;
}
.inpage-centered-text-mainhead {
	font-weight: bolder;
	color: #ffffff;
	font-size: 25px;
	z-index: 1;
	padding: 30px 100px;
}
.inpage-left-text-mainhead {
	font-family: MontserratExtrabold;
	font-weight: bolder;
	color: #ffffff;
	font-size: 25px;
	z-index: 1;
	padding: 30px 70px;
	text-align: left;
}
.inpage-centered-text-head {
	font-weight: bolder;
	color: #ffffff;
	font-size: 20px;
	z-index: 1;
}
.inpage-centered-text {
	font-weight: bolder;
	color: #ffffff;
	font-size: 15px;
	z-index: 1;
}
@media (max-width: 950px){
    .inpage-left-text-mainhead {
    	font-size: 20px;
    	padding: 15px 10px;
    }
    
    .new-banner {
    	background-size: cover;
    	background-repeat: no-repeat;
    	position: relative;
        width: 100%;
        background-position: center;
    }
}
@media (max-width: 768px){
    .inpage-left-text-mainhead {
    	font-size: 18px;
    	padding: 5px 50px;
    }
    
    .new-banner {
    	background-size: cover;
    	background-repeat: no-repeat;
    	position: relative;
        width: 100%;
        background-position: center;
    }
}
@media (max-width: 600px){
    .inpage-left-text-mainhead {
    	font-size: 20px;
    	padding: 5px 5px;
    }
    
    .new-banner {
    	background-size: cover;
    	background-repeat: no-repeat;
    	position: relative;
        width: 100%;
        background-position: center;
    }
}