/* 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;
}
.blue-button button:focus{
	background: #ff8a00;
	color: #000045;
	border:solid 1px #000045;
	box-shadow: inherit;
}
/* 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;
	border:solid 1px #000045;
}
.custom-red-button button:focus{
	background: #ff8a00;
	color: #000045;
	border:solid 1px #000045;
	box-shadow: inherit;
}
/* 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;
}
.custom-green-button button:focus{
	background: #ff8a00;
	color: #000045;
	border:solid 1px #000045;
	box-shadow: inherit;
}
/* 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;
}
.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;
}
/* 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 */