/** button css styles**/
.lsux-button {
	align-items: center;
	border: none;
	border-radius: 40px;
	box-sizing: border-box;
	display: flex;
	height: auto;
	justify-content: center;
	outline: none;
	/* padding: 8px 16px; */
	padding: 5px 12px;
	position: relative;
	width: auto;
	display: inline-block;
}

.lsux-button>.lsux-icon+span {
	margin-left: 5px;
}

.lsux-button>span+.lsux-icon {
	margin-left: 10px;
}

.lsux-button--icon-only {
	border-radius: 50%;
	padding: 8px;
}

.lsux-button--icon-only-no-pad {
	padding: 0px;
}

.lsux-button--stretch {
	width: 100%;
}

.lsux-button.lsux-button--primary {
	background-color: #000000;
	color: #ffffff;
}

.lsux-button.lsux-button--primary.lsux-button--primary--selected,
	.lsux-button.lsux-button--primary:hover {
	background-color: #545454;
	cursor: pointer;
}

body.using-key .lsux-button.lsux-button--primary:focus, .lsux-button.lsux-button--primary:active
	{
	background-color: #6f6f6f;
}

.lsux-button.lsux-button--primary:disabled, .lsux-button.lsux-button--primary:disabled:hover,
	body.using-key .lsux-button.lsux-button--primary:disabled:focus,
	.lsux-button.lsux-button--primary:disabled:active {
	background-color: #afafaf;
	color: #eeeeee;
	cursor: not-allowed;
}

.lsux-button.lsux-button--destructive {
	background-color: #b5021c;
	border: 1px solid #920217;
	color: #ffffff;
}

body.using-key .lsux-button.lsux-button--destructive:focus {
	background-color: #b5021c;
	border: 1px solid #920217;
}

.lsux-button.lsux-button--destructive:hover {
	background-color: #920217;
	border: 1px solid #920217;
	cursor: pointer;
}

.lsux-button.lsux-button--destructive:active {
	background-color: #7d0012;
	border: 1px solid #7d0012;
}

.lsux-button.lsux-button--destructive.lsux-button--destructive--selected
	{
	background-color: #545454;
	border: 1px solid #545454;
	color: #ffffff;
}

.lsux-button.lsux-button--destructive:disabled, .lsux-button.lsux-button--destructive:disabled:hover,
	body.using-key .lsux-button.lsux-button--destructive:disabled:focus,
	.lsux-button.lsux-button--destructive:disabled:active {
	background-color: #f7f7f7;
	border: 1px solid #afafaf;
	color: #afafaf;
	cursor: not-allowed;
}

.lsux-button.lsux-button--standard {
	background-color: #fafafa;
	border: 1px solid #000000;
	color: #000000;
}

.lsux-button.lsux-button--standard:hover {
	background-color: #ededed;
	cursor: pointer;
}

body.using-key .lsux-button.lsux-button--standard:focus, .lsux-button.lsux-button--standard.lsux-button--standard--selected,
	.lsux-button.lsux-button--standard:active {
	background-color: #e1e1e1;
}

.lsux-button.lsux-button--standard:disabled, .lsux-button.lsux-button--standard:disabled:hover,
	.lsux-button.lsux-button--standard:disabled:focus, .lsux-button.lsux-button--standard:disabled:active
	{
	background-color: #f7f7f7;
	border: 1px solid #afafaf;
	color: #afafaf;
	cursor: not-allowed;
}

.lsux-button.lsux-button--standard.lsux-button--icon-only {
	border: none;
}

.lsux-button.lsux-button--link {
	background-color: transparent;
	color: #1952bd;
}

.lsux-button.lsux-button--link img {
	filter: brightness(0) saturate(100%) invert(20%) sepia(95%)
		saturate(2010%) hue-rotate(212deg) brightness(97%) contrast(92%);
}

.lsux-button.lsux-button--link.lsux-button--link-no-padding {
	padding: 0;
}

.lsux-button.lsux-button--link:hover, .lsux-button.lsux-button--link:active,
	.lsux-button.lsux-button--link.lsux-button--link--selected {
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 1.5px;
}

.lsux-button.lsux-button--link:hover img, .lsux-button.lsux-button--link:active img,
	.lsux-button.lsux-button--link.lsux-button--link--selected img {
	filter: brightness(0) saturate(100%) invert(20%) sepia(95%)
		saturate(2010%) hue-rotate(212deg) brightness(97%) contrast(92%);
}

.lsux-button.lsux-button--link:disabled, .lsux-button.lsux-button--link:disabled:hover,
	body.using-key .lsux-button.lsux-button--link:disabled:focus,
	.lsux-button.lsux-button--link:disabled:active {
	color: #afafaf;
	cursor: not-allowed;
}

.lsux-button.lsux-button--link:disabled img, .lsux-button.lsux-button--link:disabled:hover img,
	body.using-key .lsux-button.lsux-button--link:disabled:focus img,
	.lsux-button.lsux-button--link:disabled:active img {
	filter: brightness(0) saturate(100%) invert(81%) sepia(0%) saturate(0%)
		hue-rotate(200deg) brightness(88%) contrast(89%);
}

.lsux-button.lsux-button--link:disabled:hover, .lsux-button.lsux-button--link:disabled:hover:hover,
	body.using-key .lsux-button.lsux-button--link:disabled:focus:hover,
	.lsux-button.lsux-button--link:disabled:active:hover {
	text-decoration: none;
}

.lsux-button.lsux-button--social img.lsux-icon {
	filter: none;
}

.lsux-button.lsux-button--standard.lsux-button--icon-only, .lsux-button.lsux-button--tertiary
	{
	background-color: #eeeeee;
	color: #000000;
}

.lsux-button.lsux-button--standard.lsux-button--icon-only--selected,
	.lsux-button.lsux-button--standard.lsux-button--icon-only:hover,
	.lsux-button.lsux-button--tertiary--selected, .lsux-button.lsux-button--tertiary:hover
	{
	background-color: #dddddd;
	cursor: pointer;
}

body.using-key .lsux-button.lsux-button--standard.lsux-button--icon-only:focus,
	.lsux-button.lsux-button--standard.lsux-button--icon-only:active, body.using-key .lsux-button.lsux-button--tertiary:focus,
	.lsux-button.lsux-button--tertiary:active {
	background-color: #c9c9c9;
}

.lsux-button.lsux-button--standard.lsux-button--icon-only:disabled,
	.lsux-button.lsux-button--standard.lsux-button--icon-only:disabled:hover,
	body.using-key .lsux-button.lsux-button--standard.lsux-button--icon-only:disabled:focus,
	.lsux-button.lsux-button--standard.lsux-button--icon-only:disabled:active,
	.lsux-button.lsux-button--tertiary:disabled, .lsux-button.lsux-button--tertiary:disabled:hover,
	body.using-key .lsux-button.lsux-button--tertiary:disabled:focus,
	.lsux-button.lsux-button--tertiary:disabled:active {
	background-color: #eeeeee;
	color: #afafaf;
	cursor: not-allowed;
}

.lsux-button.lsux-button--xlarge {
	height: 56px;
	padding: 0;
}

.lsux-button.lsux-button--xlarge img, .lsux-button.lsux-button--xlarge span
	{
	margin: 0;
}

.lsux-button.lsux-button--xlarge img.lsux-button--icon-left,
	.lsux-button.lsux-button--xlarge img.lsux-button--icon-right {
	position: absolute;
}

.lsux-button.lsux-button--xlarge img.lsux-button--icon-left {
	left: 25px;
}

.lsux-button.lsux-button--xlarge img.lsux-button--icon-right {
	right: 25px;
}

/***Tab Style***/
#navContainer9 #nav, #navContainer9 #nav ul, #navContainer9 #nav2, #navContainer9 #nav2 ul,
#navContainer8 #nav, #navContainer8 #nav ul, #navContainer8 #nav2, #navContainer8 #nav2 ul,
#navContainer7 #nav, #navContainer7 #nav ul, #navContainer7 #nav2, #navContainer7 #nav2 ul,
#navContainer6 #nav, #navContainer6 #nav ul, #navContainer6 #nav2, #navContainer6 #nav2 ul,
#navContainer5 #nav, #navContainer5 #nav ul, #navContainer5 #nav2, #navContainer5 #nav2 ul {
	background-clip: padding-box;
	border-bottom: 2px solid #eeeeee;
	color: #545454;
    text-decoration: none;
	padding: 0;
	height: 100%;
	font: normal 500 16px/24px var(--main-font-family);
}

#navContainer9 #nav li a, 
#navContainer8 #nav li a,
#navContainer7 #nav li a, 
#navContainer6 #nav li a, 
#navContainer5 #nav li a {
	color: #545454;
	height: 100%;
	padding-top: 0px;
	line-height: 40px;
}

#navContainer9 #nav li a.active, 
#navContainer8 #nav li a.active, 
#navContainer7 #nav li a.active, 
#navContainer6 #nav li a.active, 
#navContainer5 #nav li a.active   {
	border-bottom: 2px solid #000000;
	color: #000000;
}

#navContainer8 #nav a:hover, 
#navContainer9 #nav a:hover,
#navContainer7 #nav a:hover, 
#navContainer6 #nav a:hover, 
#navContainer5 #nav a:hover{
    color: #1952bd;
    outline: none;
 }

/***Input box style***/
input:not([type=radio]):not([type=checkbox]) {
	background: #ffffff;
	border-color: #afafaf;
	outline: none;
	border: 1px solid #afafaf;
	border-radius: var(--brand-border-radius);
	box-sizing: border-box;
	height: 30px;
	padding-left: 16px;
}

/***Select box style***/

select{
	border-radius: 40px;
    outline: none;
    /* padding: 8px 16px; */
    padding: 5px 12px;
    position: relative;
    border: 1px solid #afafaf;
    color: #000000;
    width: auto;
    background: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M20.2821 7.49785C20.6726 7.88837 20.6726 8.52154 20.2821 8.91206L12.7021 16.4921C12.5145 16.6797 12.26 16.785 11.9947 16.785C11.7294 16.7849 11.4749 16.6793 11.2874 16.4916L3.71744 8.9116C3.32717 8.52081 3.32759 7.88765 3.71837 7.49738C4.10915 7.10712 4.74232 7.10753 5.13259 7.49832L11.9955 14.3703L18.8679 7.49785C19.2584 7.10732 19.8916 7.10732 20.2821 7.49785Z' fill='%23545454'/></svg>") no-repeat;
    appearance: none;
    background-position: right 8px top 50%;
    /* min-width: 80px; */
    min-width: 65px;
}

/***Table Styles*****/

table{
	border-bottom: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-left: 1px solid #eeeeee !important;
    border-top: 1px solid #eeeeee !important;
    border-radius: 5px !important;
}

table thead{
	font: var(--t16);
    font-style: normal;
    font-weight: 500 !important;
    line-height: 24px;
    padding: 2px 10px 0px 10px;
    height: auto;
    min-height: 3rem;
    background-color: #eeeeee;
}

table tr th, table tr td {
    
}

table tr td {    
    height: auto;
    padding: 8px;
    text-overflow: ellipsis;
}

table tr {
   	height: auto;
    min-height: 3rem;
}
table tr td {    
    position: relative;
}

table tbody tr.odd {
    background-color: #ffffff !important;
}

table tbody tr.even {
    background-color: #f9f9f9 !important;
}

tbody tr td.sorting_1, tbody tr td.sorting_2, tbody tr td.sorting_3{
	background-color: transparent !important;
}

.dataTables_filter{
	margin-bottom: 16px !important;
}

/***common classes***/
.ls-section-mb-32{
	margin-bottom:32px;
}

.welcome-section{
	font-weight: 500;
    text-align: left;
    margin-bottom: 0;
}

.welcome-sub-section{
	text-align: left;
    font-size: 16px;
    margin-bottom: 24px;
}

.welcome-sub-section a{
	color: #13429a;
    text-decoration: underline;
    cursor: pointer;
}

/**forgot password**/

.frgt-pwd-secHead{
	width: 500px;
    margin: auto !important;
    text-align: left;
}

.frgt-pwd-content .groupLogin{
	background-color: #fff;
	margin-top: 0px;
	color: #000000;
	width: 500px;
}

.frgt-pwd-content .groupInput, .frgt-pwd-content .lsux-button{
	width: 100%;
}

.fp-email-label{
	font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

/******Login page changes*****/

.groupLogin-new{
	background-color: #fff !important;
	color: #000000 !important;
	width: 500px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100% !important;
	padding-bottom: 0px !important;
}

.groupLogin-new .groupInput{
	width: 500px !important;
	margin-bottom: 24px !important;
	height: 36px !important;
}

.groupLogin-new #submitButton button{
	width: 500px;
	height: 40px;
}

.groupLogin-new .login-input-label{
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 500;
}
.lsux-form-field-container {
    margin-top: 24px;
    position: relative;
    width: auto;
}

p.disclaimer-text {
    font-size: x-small;
    text-align: center;
}

#pageFoot{
	background-color: #fff;
}

#pageFoot #pageFootContent a:link, #pageFoot #pageFootContent a:visited{
	color: #0000ee !important;
}

.footer{
	font-weight:400 !important;
}

/*************Header menu popover****************/

#header-menu-button{
	width: 90px;
	position: relative;
    text-align: right;
    height: 35px;
    border-radius: 2px !important;
    border: none !important;
    padding: 5px 5px !important;
}

#header-menu-button.lsux-button.lsux-button--standard{	
   		background-color: #fff;
}

#header-menu-button.lsux-button.lsux-button--standard:hover{	
   		background-color: #F4F5F7;
}

#header-menu-button .lsux-language-picker__label{
	font-size: 16px;
    position: relative;
    top: -7px;
    left: 0px;
    text-transform: capitalize;
    text-align: right;
    display: inline-block;
    width: calc(100% - 50px);
}

#header-btn-arrow{
	display: inline-block;
    position: relative;
    margin-left: 10px;
}

.lsux-dropdown > .dropdown-items--wrapper.medium {
    width: 200px;
}
.lsux-language-picker .dropdown-items--wrapper {
    position: absolute;
    right: 0;
   	z-index: 2500 !important;
    top: 5px;
}

.lsux-dropdown > .dropdown-items--wrapper {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: var(--brand-border-radius);
    z-index: 1;
}
.shadow200-bottom {
    box-shadow: 0px 5px 3px rgb(34 34 34 / 4%), 0px 8px 5px rgb(34 34 34 / 8%);
}

.lsux-language-picker .dropdown-items--wrapper a {
    text-decoration: none;
}

.lsux-link-content.lsux-link-content--menu {
    color: #000000;
}
.lsux-link-content--padding {
    padding: 8px;
}

.lsux-link-content {
    align-items: center;
    display: flex;
    white-space: nowrap;
}

#upCaret{
	top: -2px;
    position: relative;
}

.lsux-link-content.lsux-link-content--menu:hover {
    background: #f7f7f7;
    border-radius: 4px;
}

.ls-logo-image{
	margin-left: 0px;
	height: 40px !important;
}

.header{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10000;
    border-bottom: solid 2px #eee;
    height: 64px;
}

.header .container{
	position: relative;
    height: 100%;
    padding-top: 0px;
}

.header .header-image-section{
	display: flex;
    align-items: center;
    height: 100%;
}

.header #logout{
	top: 50%;
	transform: translate(0px,-55%);
	z-index: 100;
}

.container{
	padding-top: 70px;
}

#companyName{
	top: 41px;
}

.footer{
	padding-top: 5px;
}
