/* glocal heading and paras and list font size and weight set start */
h1, h2, h3, h4, h5, h6{
	font-size: revert;
	font-weight:500;
}
h1{
	font-size:48px;
	font-weight:900;
	line-height:135%;
}
h2{
	font-size:40px;
	font-weight:700;
	line-height:135%;
}
h3{
	font-size:32px;
	font-weight:700;
	line-height:135%;
}
h4{
	font-size:18px;
	font-weight:400;
	line-height:145%;
}
.richtext-h1{
	font-size:48px;
	font-weight:900;
	line-height:135%;
}
.richtext-h2{
	font-size:40px;
	font-weight:700;
	line-height:135%;
}
.header-nav-title{
	font-size:18px;
	font-weight:400;
	line-height:150%;
}
body{
	font-size:14px;
	font-weight:400;
	letter-spacing:-1%;
}
p{
	font-size:14px;
	margin-top:10px!important;
	font-weight:400;
}
ul.data-list{
	
	list-style-type: disc; 
	padding-left: 20px;
}
ul.data-list li{
	font-size:14px;
	margin-top:10px;
	font-weight:400;
	letter-spacing:-1%;
}

p b{
	font-size:14px;
	font-weight:700;
}

/* global heading and paras and list font size and weight set end */

/* global anchor and inputs color border and focus css start  */
a {
    color: #4100C2 !important;
    text-decoration: underline!important;
}
a:hover {
    color: #000045 !important;
    text-decoration: underline;
}

a:focus-visible {
    border: 3px solid #ff8a00 !important;
    outline: 0 !important;
    outline-offset: 0;
}

input:focus, input:focus-visible,textarea:focus, textarea:focus-visible {
    border-color: #ff8a00 !important;
    outline: 0;
    box-shadow: inherit !important;
    border: solid 2px;
}

/* global anchor and inputs color border and focus css end  */

/* this css for remove left and right margin start */
div.columns-content{max-width:100%!important;	margin:0px;}
/* this css for remove left and right margin end */

/* this css for framwork default margin space remove start */
.component-wrapper-spacer{
	margin-bottom:0px
}
/* this css for framwork default margin space remove end */

/* this css for hide skip to main content box which is default comming start */
a.skip-to-main{
	display:none;
}
/* this css for hide skip to main content box which is default comming start */

/* this is the default class created by community for changing default background color to based on layout start */
.background-image{
	background:#ffffff!important;
}
/* this is the default class created by community for changing default background color to based on layout end */

/* this css used for mid section column swap for mobile and desktop based on scree size start  */
.mid-section .columns-content community_layout-column:first-child{
		order:2;
	}
.mid-section .columns-content community_layout-column-spacer:nth-child(2) {
    order: 1;
}
@media screen and (max-width: 992px) {
.mid-section .columns-content community_layout-column:last-child{
		order:2;
	}
.mid-section .columns-content community_layout-column-spacer:nth-child(2) {
		order: 2;
	}
}
/* this css used for mid section column swap for mobile and desktop based on scree size end  */


/* this css used for spacing left and right side inside the box start */
.horizontal-padding { padding: 0px 15px; }
/* this css used for spacing left and right side inside the box end */

/* this css is for combo box dropdown focus start */
.slds-combobox__input:focus-visible {
    border: 0;
    outline: 0;
}
.slds-combobox__input:focus{
	box-shadow:inherit;
	border:solid 2px #ff8a00;
}
/* this css is for combo box dropdown focus end */
/* this css is for listbox focus start */
.slds-dueling-list__options [aria-selected=true], .slds-picklist__options [aria-selected=true]{
	background:#ff8a00!important;
	border:solid 1px #000045!important;
	box-shadow:inherit!important;
	color:#000045;
}	 
.slds-listbox__option:hover{
	background:#ff8a00!important;
	border:solid 1px #000045!important;
	box-shadow:inherit!important;
	color:#000045;
}
.slds-listbox__option:focus{
	background:#ff8a00!important;
	border:solid 1px #000045!important;
	box-shadow:inherit!important;
	color:#000045;
}
/* this css is for listbox focus end */

/* this css used for create box with border and h4 is creating heading width blue back and white text start */
.left-box { border: 1px solid #ccc; margin-bottom: 15px; }
.left-box h4 { background: #000045; color: #ffffff; padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
/* this css used for create box with border and h4 is creating heading width blue back and white text end */

/* this css is for blue button where global blue button is not apply can use start */
.blue-button button{
	background: #000045;
    color: #fff;
	border:solid 1px #000045;
}
.blue-button button:hover{
	background: #ff8a00;
    color: #000045;
	border:solid 1px #000045;
	text-decoration:underline;
}
.blue-button button:focus{
	background: #ff8a00;
	color: #000045;
	border:solid 1px #000045;
	box-shadow: inherit;
	text-decoration:underline;
}
/* this css is for blue button where global blue button is not apply can use end */
/* this css is for red button where remove delete button can use start */
.custom-red-button button{
	background: #E30052;
	height: 28px;
	color: #fff;
	font-size:14px;
	font-weight:normal;
	float: right;
	border:solid 1px #E30052;
}
.custom-red-button button:hover{
	background: #ff8a00;
	border: none;
    height: 28px;
    color: #000045;
	font-weight:normal;
	text-decoration:underline;
	border:solid 1px #000045;
}
.custom-red-button button:focus{
	background: #ff8a00;
	color: #000045;
	border:solid 1px #000045;
	box-shadow: inherit;
	text-decoration:underline;
}
/* this css is for red button where remove delete button can use start */
/* this css is for green button where add or attached button can use start */
.custom-green-button button{
	background: #36C280;
	color: #000045;
	border:solid 1px #36C280;
}
.custom-green-button button:hover{
	background: #ff8a00;
	color: #000045;
	border:solid 1px #000045;
	text-decoration:underline;
}
.custom-green-button button:focus{
	background: #ff8a00;
	color: #000045;
	border:solid 1px #000045;
	box-shadow: inherit;
	text-decoration:underline;
}
/* this css is for green button where add or attached button can use end */

/* this css used for set radio and checkbox focus color start */
.slds-radio [type="radio"]:focus+.slds-radio--faux, .slds-radio [type="radio"]:focus+.slds-radio_faux, .slds-radio [type="radio"]:focus~.slds-radio--faux, .slds-radio [type="radio"]:focus~.slds-radio_faux, .slds-radio [type="radio"]:focus+.slds-radio__label .slds-radio--faux, .slds-radio [type="radio"]:focus+.slds-radio__label .slds-radio_faux, .slds-radio [type="radio"]:focus:checked+.slds-radio--faux, .slds-radio [type="radio"]:focus:checked+.slds-radio_faux, .slds-radio [type="radio"]:focus:checked~.slds-radio--faux, .slds-radio [type="radio"]:focus:checked~.slds-radio_faux, .slds-radio [type="radio"]:focus:checked+.slds-radio__label .slds-radio--faux, .slds-radio [type="radio"]:focus:checked+.slds-radio__label .slds-radio_faux{
	box-shadow: inherit!important;
	border:solid 2px #ff8a00;
}
.slds-checkbox [type="checkbox"]:focus + .slds-checkbox--faux, .slds-checkbox [type="checkbox"]:focus + .slds-checkbox_faux, .slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox--faux, .slds-checkbox [type="checkbox"]:focus ~ .slds-checkbox_faux, .slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox--faux, .slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox_faux, .slds-checkbox [type="checkbox"]:focus:checked + .slds-checkbox--faux, .slds-checkbox [type="checkbox"]:focus:checked + .slds-checkbox_faux, .slds-checkbox [type="checkbox"]:focus:checked ~ .slds-checkbox--faux, .slds-checkbox [type="checkbox"]:focus:checked ~ .slds-checkbox_faux, .slds-checkbox [type="checkbox"]:focus:checked + .slds-checkbox__label .slds-checkbox--faux, .slds-checkbox [type="checkbox"]:focus:checked + .slds-checkbox__label .slds-checkbox_faux{
	box-shadow: inherit!important;
	border:solid 2px #ff8a00;
}
.slds-radio [type="radio"]:checked+.slds-radio--faux::after, .slds-radio [type="radio"]:checked+.slds-radio_faux::after, .slds-radio [type="radio"]:checked~.slds-radio--faux::after, .slds-radio [type="radio"]:checked~.slds-radio_faux::after, .slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio--faux::after, .slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio_faux::after{
	background:#000045;
}
/* this css used for set radio and checkbox focus color end */

/* this css used for blue box used in right side on the page start */
.blue-box{
	color: #000045;
    background-color: #d9edf7;
    border-color: #bce8f1 solid 1px;
	padding:10px 15px;
}

.blue-box a{
	text-decoration:underline!important;
}
/* this css used for blue box used in right side on the page end */

/* this is the custom class used for where text in next line comming below asterisk to fix start  */
.text-indent-left .slds-form-element__legend, .text-indent-left .slds-form-element__label{
	text-indent: -12px;
    padding-left: 12px;
	font-weight:400;
}
/* this is the custom class used for where text in next line comming below asterisk to fix end  */
/* this css used to chage asterisk color in the main section start */
.leadText p:nth-child(1){
	margin-top:0px!important;
}
.leadText p span:nth-child(2){
	color:#c23934!important;
}
/* this css used to chage asterisk color in the main section end */

/* this css to remove after and before added on the hover which moving while cursor moving on the button start*/
.slds-button_brand:after{
	display:none;
}
.slds-button_brand:hover:before{
	display:none;
}
/* this css to remove after and before added on the hover which moving while cursor moving on the button start*/


/* this css used for the spinner while spinner showing on the scree start */
.slds-spinner::after, .slds-spinner::before, .slds-spinner__dot-a::after, .slds-spinner__dot-a::before, .slds-spinner__dot-b::after, .slds-spinner__dot-b::before{
	background: #000045;
}

/* this css used for the spinner while spinner showing on the scree end */


/* this css used for global footer start */
footer community_layout-section{
	padding:0px 12px 0px 12px!important;
}

footer a{
	color:#ffffff!important;
	text-decoration:none!important;
}
footer a:hover{
	color:#ffffff!important;
	text-decoration:underline!important;
}
/* this css used for global footer end */


/* this css for reset and submit button to set left and right position start */
.btn-reset-submit { display: flex; }
/* this css for reset and submit button to set left and right position end */

/* this css is for modal close button background color and cance and reset button space start */
.reset-model .slds-modal__footer lightning-button:first-child{
	margin-right:10px;
}
/* this css is for modal close button background color and cance and reset button space end */


/* search dual picklist box css start */
.picklist-heading .slds-card__body .slds-form-element__legend{
	margin-bottom:5px;
	margin-top:5px;
	font-size:14px;
	font-weight:600;
}
/* search dual picklist box css end */
/* search dropdown list box css start */
.search-dropdown-container{
	position:relative;
}
.search-dropdown-container .search-dropdown-list{
	position:absolute;
	top:52px;
	z-index:1;
}

.search-dropdown-container .search-dropdown-list .slds-listbox__item button{
	width: 100%;
    text-align: left;
    border: 0px;
}
/* search dropdown list box css start */

.search-dropdown-list li{
	margin:1px
}
.search-dropdown-list li span{
	padding-left:13px;
	
}
.search-dropdown-list .focused-item{
	background:#e5e5e5!important;
	border-radius:0px!important;
	border:solid 1px #000045;
	color:#000045!important;
	
}
.search-dropdown-list .focused-item span{
	color:#000045!important;
	font-weight:400!important;
	
} 
/* search dropdown list box css end */
/* this css global for all the browse button start */
.btn-upload-file .slds-file-selector__input:hover~.slds-file-selector__body>.slds-file-selector__button{
	background: #ff8a00;
	color: #000045;
	font-weight: normal;
	border: solid 1px #000045!important;
	outline: inherit;
	box-shadow: inherit!important;
	text-decoration:underline;
}
.btn-upload-file .slds-file-selector__input:focus~.slds-file-selector__body>.slds-file-selector__button{
	background: #ff8a00;
	color: #000045;
	font-weight: normal;
	border: solid 1px #000045!important;
	outline: inherit;
	box-shadow: inherit!important;
	text-decoration:underline;
}
/* this css global for all the browse button end */


/* modal popup cross icon css start */

lightning-modal-base .slds-fade-in-open .slds-modal__container .slds-modal__close{
	background:#fff;
}
lightning-modal-base .slds-fade-in-open .slds-modal__container .slds-modal__close .slds-button__icon{
	color:#000045;
}
lightning-modal-base .slds-fade-in-open .slds-modal__container .slds-modal__close .slds-button__icon:hover{
	background: #ff8a00;
    height: 28px;
    color: #000045;
    font-weight: normal;
    border: solid 1px #000045;
}
lightning-modal-base .slds-fade-in-open .slds-modal__container .slds-modal__close .slds-button__icon:focus{
	background: #ff8a00;
    height: 28px;
    color: #000045;
    font-weight: normal;
    border: solid 1px #000045;
}
.custom-default-button button{
		border:solid 1px #000045;
}

/* modal popup cross icon css end */
/* spinner backgrond css start */
.slds-spinner_container { background: rgba(255,255,255,.5); position: fixed; width: 100%; height: 100%; }
/* spinner backgrond css end */
/* datepicker css start */
lightning-datepicker lightning-calendar h2{
	font-size:inherit!important;
	font-weight:normal!important;
	background:inherit !important;
	color:inherit!important;
}
/* datepicker css end */

/* Button hover css start */
.slds-button_brand:hover,.slds-button_brand:focus, .slds-button_neutral:hover, .slds-button_neutral:focus{
	text-decoration:underline!important;
	color:#000069!important;
}
/* Button hover css end */
/* Button disabled css start */
.slds-button_brand[disabled], .slds-button_brand:disabled,
.slds-button_outline-brand:disabled, .slds-button_outline-brand[disabled],
.slds-input.slds-is-disabled, .slds-input[disabled],
.slds-combobox__input.slds-input_faux.slds-is-disabled,
.slds-textarea.slds-is-disabled, .slds-textarea[disabled]{
    background-color: #D4D4D4;
    border-color: #D4D4D4;
    color: rgba(0,0,69);
}
/* Button disabled css start */
/* custom calendar month font-size start */
.calendar-dropdown .slds-datepicker__filter h2 {
    font-size: inherit;
}
/* custom calendar month font-size end */
/* agree checkbox css start */
.agreeCheckBox .slds-checkbox {
	position:relative;
	padding-left:0px!important;
}

.agreeCheckBox .slds-checkbox .slds-checkbox__label{
	display:flex;
}
.agreeCheckBox .slds-checkbox .slds-required{
	position: absolute!important;
    top: 0px;
    left: 17px;
}
.agreeCheckBox .slds-form-element__label{
	padding-left: 7px;
}
/* agree checkbox css end */

/* required filed lable alignment css start */

.required-text-indent .slds-form-element__label {
    text-indent: -12px;
    padding-left: 12px;
}
/* required filed lable alignment css end */

/* modal popup title focus css start */
.slds-modal .slds-modal__title:focus-visible{
	outline:none;
}
/* modal popup title focus css end */
/* calendar field fix for mobile and ipad css start */
.date-input input, .date-input input::-webkit-date-and-time-value
  {
    text-align: left !important;
	width:100%!important;
	max-width:100%!important;
}

.date-input input{
  display: block!important;
/*   padding: 2px 0px 0 0px!important; */
  width:100%!important;
  max-width:100%!important;
  min-width:calc(100% - 15px)!important;
}
/* calendar field fix for mobile and ipad css end */
/* language selector focus css start */
.language-selector__button-menu .slds-dropdown__item>a:focus {
    box-shadow: inherit !important;
}
/* language selector focus css end */
@media screen and (max-width: 640px) {
.date-input input{
  display: block!important;
  padding: 2px 0px 0 0px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:calc(100% - 15px)!important;
}
}
.slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux{
	border-color:#000045;
}

.slds-checkbox [type=checkbox]:checked + .slds-checkbox--faux::after, .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox--faux::after, .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux::after, .slds-checkbox [type=checkbox]:checked + .slds-checkbox_faux::after, .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox--faux::after, .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox_faux::after{
border-color:#000045;
}

lightning-calendar .slds-select:focus{
	box-shadow:inherit!important;
	border:solid 2px #ff8a00!important;
}
.slds-datepicker tbody>tr>td:focus>.slds-day{
	box-shadow:0 0 0 2px #ff8a00 inset!important
}

/* CSS Added to updated structure to resolve heading map issue */

.i-text{
	font-size:18px;
	color:#000045;
}
.i-text label{
	font-size:18px;
	color:#c23934;
}

.leadText h1{
	font-size:40px
}

.leadText p{
	font-size:18px
}
.leadText p.heading-subtext{
	font-size:14px
}
.leadText p b{
	font-size:18px;
	color:#c23934;
	font-weight:bold
}
/* this css used for create box with border and h2 is creating heading width blue back and white text start */
.left-box h2 {background: #000045; color: #ffffff; padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; font-size:18px; font-weight:400}
/* this css used for create box with border and h2 is creating heading width blue back and white text end */



/* MEDIA ACT 6 */

	.text-indent-left .slds-radio__label{	
		display: flex;
		align-items: flex-start;
		
	}
	.text-indent-left .slds-radio__label .slds-radio_faux{
		margin-top: 4px;
	}
	
	/* required field lable alignment css start -- having radio group inside */
	.text-indent-left .slds-radio__label .slds-form-element__label{
		padding-left: 0;
		text-indent: 0;
	}
	/* required field lable alignment css end -- having radio group inside */

	.legend-mb-0 .slds-form-element__legend{
		margin-bottom: 0;
	}
/* MEDIA ACT 6 End */


/* Finance Case Management IOS date fix */

	.iphone-ios .slds-input[type="date"]{
		max-width: calc(100% - 30px); /* 30px is reduced coz the parent of input element has a padding of 15px,15px from left and right */
	}
	/* Target the internal iOS date picker text value */
	input[type="date"]::-webkit-date-and-time-value {
		text-align: left !important;
	}

/* Finance Case Management IOS date fix end */



/* Baur-102 expression of interest multiple file upload modal esc close fix and cross button hide */
	.slds-modal__container:not(:has(.custom-modal-wrapper)) lightning-button-icon.slds-modal__close {
		display: none
	}
/* Baur-102 expression of interest multiple file upload modal esc close fix and cross button hide */