/* Radio Fix */

.slds-scope .slds-radio .slds-radio__label {
  display: inline;
}

vlocity_ins-omniscript-radio span.slds-form-element__legend.slds-form-element__label,
vlocity_ins-omniscript-multiselect span.slds-form-element__legend.slds-form-element__label {
  font-weight: 400;
} 

/* end Radio Fix */

:root {
  --baseFont: 14px;
  --smallHeading: 16px;
  --largeHeading: 48px;
}

.metro {
  --metro-font-family-brand: "MyriadPro-Regular", Arial, Verdana, Geneva, Tahoma,
    sans-serif;
  --metro-font-weight-regular: 400;
  --metro-font-weight-bold: 700;
  --metro-black: #000000;
  --metro-grey: #a1dbdf;
  --metro-dark-grey: #3c3c3c;
  --metro-white: #ffffff;
  --metro-deep-blue: #0c2172;
  --metro-light-blue: #a1dbdf;
  --metro-blue: #248abb;
  --metro-purple: #760f82;
  --metro-red: #f40362;
  --metro-green: #8ac81a;
  --metro-orange: #fe7312;
  --metro-font-size-small: 14px;
  --metro-font-size-regular: 16px;
  --metro-font-size-large: 42px;
  --metro-font-size-x-large: 48px;
  font-family: var(--metro-font-family-brand, "MyriadPro-Regular");
  color: var(--metro-black, #000);
  font-weight: var(--metro-font-weight-regular, 400);
  font-size: var(--metro-font-size-regular, 16px);
}

.metro-button > vlocity_ins-action > .action-template > span,
.metro-button > vlocity_ins-action > .action-template > span > c-button,
.metro-button
  > vlocity_ins-action
  > .action-template
  > span
  > c-button
  > button {
  width: 100%;
  display: block;
}

.metro-button button:hover {
  background: hsl(336, 98%, 56%)
}

.metro-button button:focus {
  box-shadow: 0 0px 0px 2px #ffffff;
}

vlocity_ins-flex-card-state .metro-button-outline {
  width: max-content;
}

.metro-button-outline > vlocity_ins-flex-menu > div > c-button > .vlocity-btn,
.metro-button-outline > vlocity_ins-action > div > span > c-button > .vlocity-btn {
  font-weight: bold;
  border-color: black;
  padding: 12px 16px;
  background: white;
}

.metro-button-outline > vlocity_ins-flex-menu > div > c-button > .vlocity-btn:hover,
.metro-button-outline > vlocity_ins-action > div > span > c-button > .vlocity-btn:hover {
  background-color: rgb(243, 243, 243);
  border-color: rgba(92, 92, 92, 1);
}

.metro-button-outline .menu-item-label {
  text-align: left !important;
  color:#3C3C3C !important;
  padding-left: 10px;
}

.metro-button-outline .menu-item-label:hover{
  color:#0C2172 !important;
}

.metro-button-outline .omni-typeahead-container .slds-dropdown {
  border-color:#3C3C3C;
  display: block !important;
}

.metro-button-outline svg.slds-icon.slds-icon-text-default.slds-m-right_x-small.slds-icon_x-small {
    display: none;
}


.metro-t1 {
  font-size: var(--metro-font-size-large, 42px);
  font-weight: var(--metro-font-weight-bold, 700);
}

.metro-t3 {
  font-size: var(--metro-font-size-small, 14px);
  color: var(--metro-blue, #248abb);
}

.metro-h2 {
  font-weight: var(--metro-font-weight-bold, 700);
}

.metro-t4 {
  font-weight: var(--metro-font-weight-bold, 700);
  font-size: var(--metro-font-size-small, 14px);
}

.metro-t6 {
  font-weight: var(--metro-font-weight-bold, 700);
}

.metro-t7 {
  font-weight: var(--metro-font-weight-bold, 700);
  color: var(--metro-white, #fff);
}

.metro-t8 {
  font-size: var(--metro-font-size-small, 14px);
}

.metro-t10 {
  font-size: var(--metro-font-size-small, 14px);
}

.metro-t11 {
  font-size: var(--metro-font-size-small, 14px);
  color: var(--metro-dark-grey, #3c3c3c);
}

.metro-t12 {
  font-size: var(--metro-font-size-small, 14px);
  text-decoration: underline;
  color: var(--metro-blue, #248abb);
}

.metro-t13 {
  font-size: var(--metro-font-size-small, 14px);
  color: #ff0000;
}

.metro-t15 {
  font-size: var(--metro-font-size-small, 14px);
  font-weight: var(--metro-font-weight-bold, 700);
  color: var(--metro-blue, #248abb);
}

.metro-t16 {
  font-size: var(--metro-font-size-small, 14px);
  font-weight: var(--metro-font-weight-bold, 700);
  color: #514f4d;
}

.metro-t17 {
  font-size: var(--metro-font-size-small, 14px);
  color: var(--metro-blue, #248abb);
}

.metro-t18 {
  font-size: var(--metro-font-size-small, 14px);
}

.metro-t19 {
  color: var(--metro-blue, #248abb);
}

.metro-t20 {
  font-size: var(--metro-font-size-small, 14px);
}

.metro-t21 {
  font-size: var(--metro-font-size-small, 14px);
}

.metro-t22 {
  font-size: var(--metro-font-size-small, 14px);
  color: var(--metro-dark-grey, #3c3c3c);
}

.metro-t23 {
  font-size: var(--metro-font-size-regular, 16px);
  font-weight: var(--metro-font-weight-bold, 700);
  color: var(--metro-deep-blue, #0c2172);
}

.metro-t24 {
  font-size: var(--metro-font-size-small, 14px);
  font-weight: var(--metro-font-weight-bold, 700);
  color: var(--metro-dark-grey, #3c3c3c);
}

.metro-t25 {
  font-size: var(--metro-font-size-small, 14px);
  font-weight: var(--metro-font-weight-bold, 700);
  color: var(--metro-deep-blue, #0c2172);
}

.metro-t26 {
  font-size: var(--metro-font-size-small, 14px);
  font-weight: var(--metro-font-weight-bold, 700);
}

.metro-t27 {
  font-size: var(--metro-font-size-small, 14px);
  font-weight: var(--metro-font-weight-bold, 700);
  color: var(--metro-dark-grey, #3c3c3c);
}

.metro-t28 {
  font-weight: var(--metro-font-weight-bold, 700);
}

.metro-b1 {
  background-color: #fafaf9;
  border-color: #dddbda;
}

.metro-b3 {
  background-color: #fff;
}

.metro-b4 {
  border: 1px solid var(--metro-dark-grey, #3c3c3c);
  border-radius: 4px;
}

.metro-b6 {
  background-color: var(--metro-deep-blue, #0c2172);
  border-radius: 4px;
}

.metro-b7 {
  background-color: #767676;
  border-radius: 4px;
}

.metro-b8 {
  background-color: var(--metro-purple, #760f82);
  border-radius: 4px;
}