/* focus states */
button.secondary:focus {
	border: 2px solid #000000;
	outline: none;
	background: #F2F4F5;
	color: #007481;
}

button.primary:focus {
	outline: none;
	border: 2px solid #000000;
	background: #024B55;
	color: #FFFFFF;
}

a.tertiary:focus,
button.tertiary:focus,
.forceCommunityRichText p a:focus,
a.outputLookupLink:focus,
.forceOutputFormulaHtml a:focus,
lightning-formatted-url a:focus,
span.tertiary:focus,
lightning-formatted-email a:focus,
lightning-formatted-rich-text a:focus,
lightning-file-upload .slds-file-selector__dropzone:focus, a.tertiary:focus-visible, button.tertiary:focus-visible {
	border: 2px solid #000000 !important;
	color: #024B55 !important;
	padding: 2px;
	outline-style: none;
}

/* hover states */
button.secondary:hover {
	background: #F2F4F5;
	color: #007481;
}

button.primary:hover {
	background: #024B55;
	color: #FFFFFF;
}

a.tertiary:hover,
button.tertiary:hover,
.forceCommunityRichText p a:hover,
a.outputLookupLink:hover,
.forceOutputFormulaHtml a:hover,
lightning-formatted-url a:hover,
span.tertiary:hover,
lightning-formatted-email a:hover,
lightning-formatted-rich-text a:hover {
	color: #024B55 !important;
}

/* disabled states */
button.primary:disabled {
	background: #D3D3D3;
	color: #808080;
}

/* default states */
button.primary {
	background: #007481;
	color: #FFFFFF;
	border-radius: 8px;
	border: none;
	outline: none;
}

button.secondary {
	border: 1px solid #007481;
	background: #FFFFFF;
	color: #007481;
	border-radius: 8px;
}

.tertiary-white {
	color: #FFFFFF;
	text-decoration: underline;
}

.tertiary-white:hover {
	color: #BDEEF3;
}

.tertiary-white:focus {
	color: #BDEEF3;
	border: 2px solid #F2F4F5;
}

a.tertiary,
button.tertiary,
.forceCommunityRichText p a,
a.outputLookupLink,
.forceOutputFormulaHtml a,
lightning-formatted-url a,
span.tertiary,
lightning-formatted-email a,
lightning-formatted-rich-text a {
	color: #007481 !important;
	text-decoration: underline !important;
}

input.slds-input,
.slds-combobox_container .slds-combobox__input,
.slds-checkbox span.slds-checkbox_faux,
textarea.slds-textarea,
.slds-radio .slds-radio_faux {
	border: solid 1px #444444 !important;
}

lightning-input .slds-input-has-icon .slds-input__icon {
	fill: #444444;
}

.slds-has-error div.slds-form-element__help {
	color: #A81A15;
}

.del_layoutItem label.del_label,
.del-details div.del-label {
	color: #444444;
	opacity: unset;
}

lightning-datepicker lightning-calendar td.slds-is-today {
	fill: #0497A7;
}

lightning-datepicker lightning-calendar td.slds-is-selected {
	fill: #024B55;
}

.file-upload-card .slds-card__header {
	display: none;
}

.file-upload-card .slds-card__body {
	display: flex;
}

span.slds-file-selector__button {
	border-color: #007481;
	color: #007481;
}

.slds-fall-into-ground.slds-popover.slds-popover_tooltip{
	display: none;
}

.red-asterisk{
	color:#ea001e;	
	margin-right: 2px;
}

.checkbox-wrapper{
	display: flex;
}

.checkbox-wrapper .slds-form-element__legend.slds-form-element__label{
	display: none;
}

lightning-combobox .slds-combobox_container .slds-combobox__input:focus,
lightning-combobox .slds-combobox_container .slds-combobox__input.slds-has-focus {
	box-shadow: var(--slds-g-shadow-outline-focus-1, var(--lwc-shadowButtonFocus, 0 0 3px #0176d3));
}

.slds-datepicker tbody>tr>td.slds-is-selected>.slds-day {
	border-color: #c27c54ff !important;
	box-shadow: 0 0 3px rgba(250, 83, 0, 0.5) !important;
	background-color: #f80c0cff !important;
}

p.helptext {
	color: #444444 !important;
}

.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux {
	box-shadow: var(--slds-c-checkbox-shadow-focus, var(--sds-c-checkbox-shadow-focus, var(--slds-g-shadow-outset-focus-1, var(--lwc-shadowButtonFocus, 0 0 3px #0176d3))));
}

lightning-formatted-email.mail-link a {
	margin-left: 4px;
}

a.tertiary.mail-link{
	margin-left: 2px;
}

.required-text {
	display: flex;
}

.asterisk {
	color: red;
}

.forceToastMessage button.toastClose:focus-visible,
.forceToastMessage button.toastClose:focus {
	border-color: #FFFFFF !important;
}

.slds-progress-bar span.slds-progress-bar__value {
	background-color: #007481;
}

.slds-file-selector__input:focus~.slds-file-selector__body>span.slds-file-selector__button{
	box-shadow: 0 0 0 2px #0b5cab;
}

lightning-combobox.slds-combobox.kreatorPicklist {
	border: none;
	padding: 0;
}

.forceToastMessage button.toastClose:focus-visible,
.forceToastMessage button.toastClose:focus,
.forceToastMessage button.toastClose:hover {
	color: #ffffff;
}

.asterisk-color{
	color : #A81A15 !important;
}

.Checkbox1 .slds-form-element__help{
	white-space: nowrap;
}

.user-agreement-checkbox .slds-form-element__help{
	white-space: nowrap;
}

@media screen and (max-width: 1024px) {

	.component-container lightning-combobox,
	.component-container lightning-input {
		width: unset !important;
	}
}

@media screen and (max-width: 380px) {

	c-kreator-input-text,
	c-kreator-input-text-area,
	c-kreator-input-date,
	c-kreator-input-selection-picklist,
	c-kreator-input-number,
	.component-container lightning-combobox,
	.component-container lightning-input {
		width: 256px !important;
	}

	.component-container lightning-base-combobox.slds-combobox_container,
	.custom-component-combobox lightning-base-combobox.slds-combobox_container {
		width: unset !important;
	}
	.slds-combobox__input.slds-input_faux {
	        width: unset !important;
	    }
	.form-elements-container{
		width: 100% !important;
	}
	.vertical-nav {
		overflow-y: scroll !important;
		z-index:99;
	}

	p.helptext{
		width: 100% !important;
		text-align: justify;
	}
}

@media screen and (max-width: 650px) {
    .vertical-nav {
		overflow-y: scroll !important;
		z-index:99;
	}	
	.form-footer{
		z-index: 9 !important;
	}
	.inquiry-nav-item{
		height: 30% !important;
	}
}

@media screen and (max-width: 340px) {
	.save-btn {
		display: flex;
	}
}

@media screen and (max-width: 768px) and (min-width: 0px) {
   .component-container .fc_acknowledgement .Checkbox1.slds-form-element,
   .form-elements-container .fc_acknowledgement .Checkbox1.slds-form-element {
    padding-left:0 !important;
    padding-right:4px !important;
    position:absolute !important;
    top:auto !important;
    right: auto !important;
   }
}

@media screen and (max-width: 768px) {
    .component-container .fc_additonalInfo textarea.slds-textarea {
        border-color: var(--input-border-color);
        width: 75% !important;
        height: unset !important;
    }
}
@media screen and (max-width: 768px) {
    .slds-form-element__control.slds-input-has-icon.slds-input-has-icon_right {
		max-width: max-content !important;
}
}

@media screen and (max-width: 768px) {
    lightning-layout-item.form-content-area.autobiography lightning-textarea .slds-textarea {
        height: 5em !important;
        width: auto !important;
        border-radius: 4px !important;
        font-size: 15px !important;
        margin-bottom: 16px !important;
        margin-left: -16px !important;
    }
}

@media screen and (max-width: 0px) {
    .component-container .slds-has-error .slds-combobox__input,
    .form-elements-container .slds-has-error .slds-combobox__input,
    .slds-form .slds-has-error .slds-combobox__input, .slds-form .slds-has-error .slds-combobox__input:focus {
		border: 2px solid var(--color-border-error, #ea001e) !important;
        box-shadow: none !important;
		width: 100% !important;
    }
}

@media screen and (max-width: 380px) {
 .component-container .fc_input,
    .form-elements-container .fc_input {
		width: 100% !important;
	}
}

@media screen and (max-width: 768px) and (min-width: 380px) {
    .slds-combobox__input.slds-input_faux .slds-combobox__input.slds-input_faux{
        height: 46px;
        width: 100% !important;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
	.slds-table th, .slds-table td .slds-table th, .slds-table td {
		padding: var(--lwc-tableCellSpacing, 0.5rem);
		white-space: normal !important;
		position: relative;
	}
}

@media screen and (max-width: 768px) and (min-width: 380px) {
    .address-form.custom-width-combobox .slds-form-element .slds-has-error .slds-combobox__input {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 380px){
    div.component-container .address-form.custom-width-combobox lightning-base-combobox.slds-combobox_container, 
    div.address-form.custom-width-combobox lightning-base-combobox.slds-combobox_container {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 0px) {
    .component-container.slds-combobox__input.slds-input_faux.slds-combobox__input-value {
 width: 100% !important;
}
}

abbr.slds-required{
	color: #A81A15 !important;
}

.red-asterisk{
	color: #A81A15 !important;
}
.required-asterisk::before{
	color: #A81A15 !important;
}

@media screen and (max-width: 768px) and (min-width: 0px){
    .fc_input2.fc_input2 {
		width: 100% !important;
	}
}

.del_headerWrapper:focus, .del_headerWrapper:focus-visible{
    outline-style: none;
	outline-color:black;
    border: 2px solid black;
}

@media ( orientation: landscape ){
 .vertical-nav {
    display:table-row !important;
  }
}