/************************************************* IMPORTS *********************************************/
@import url("/EGA/openSansFont/openSansFont.css");
@import url("/EGA/css/libreBaskervilleFont/libreBaskervilleFont.css");
@import url("/EGA/css/normalize/normalize.css");
@import url("/EGA/css/baseHeaderBPI.css");
@import url("/EGA/css/fontawesome/css/all.min.css");
@import url("/EGA/css/bootstrap/bootstrap.min.css");
.primary-normal-color {
  color: #fcdf05;
}

.primary-darker-color {
  color: rgb(252, 194, 5);
}

.primary-greyed-color {
  color: #d9edf7;
}

.secondary-normal-color {
  color: #004e87;
}

.secondary-greyed-color {
  color: #d9edf7;
}

.secondary-darker-color {
  color: #003c66;
}

.secondary-lighter-color {
  color: #0078cc;
}

.dark-grey-color {
  color: #45425a;
}

.dark-grey-greyed-color {
  color: #e8e6f6;
}

.success-normal-color {
  color: #274d28;
}

.success-greyed-color {
  color: #dff0d8;
}

.danger-normal-color {
  color: #712d2b;
}

.danger-greyed-color {
  color: #f2dede;
}

.info-normal-color {
  color: #0b3c49;
}

.info-greyed-color {
  color: #dceaed;
}

.black-color {
  color: #000000;
}

.white-color {
  color: #ffffff;
}

.grey-color {
  color: #4c4c4c;
}

.light-grey-color {
  color: #d4d4d4;
}

.primary-normal-bgcolor {
  background-color: #fcdf05;
}

.primary-darker-bgcolor {
  background-color: rgb(252, 194, 5);
}

.primary-greyed-bgcolor {
  background-color: #d9edf7;
}

.secondary-normal-bgcolor {
  background-color: #004e87;
}

.secondary-greyed-bgcolor {
  background-color: #d9edf7;
}

.secondary-darker-bgcolor {
  background-color: #003c66;
}

.secondary-lighter-bgcolor {
  background-color: #0078cc;
}

.dark-grey-bgcolor {
  background-color: #45425a;
}

.dark-grey-greyed-bgcolor {
  background-color: #e8e6f6;
}

.success-normal-bgcolor {
  background-color: #274d28;
}

.success-greyed-bgcolor {
  background-color: #dff0d8;
}

.danger-normal-bgcolor {
  background-color: #712d2b;
}

.danger-greyed-bgcolor {
  background-color: #f2dede;
}

.info-normal-bgcolor {
  background-color: #0b3c49;
}

.info-greyed-bgcolor {
  background-color: #dceaed;
}

.black-bgcolor {
  background-color: #000000;
}

.white-bgcolor {
  background-color: #ffffff;
}

.grey-bgcolor {
  background-color: #4c4c4c;
}

.light-grey-bgcolor {
  background-color: #d4d4d4;
}

.color-block-shorter, .color-block-taller {
  width: 125px;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-weight: bold;
}

.color-block-taller {
  line-height: 125px;
  height: 125px;
}

.color-block-shorter {
  line-height: 50px;
  height: 50px;
}

.color-span {
  display: inline-block;
  height: 16px;
  width: 40px;
}

.color-span-taller {
  display: inline-block;
  height: 100px;
  width: 40px;
}

.important {
  font-weight: bold !important;
  color: #FF6600;
  font-size: 1.17em !important;
  line-height: 1.75;
}

/******************** VARIABLES ******************************/
.open-sans-extra-bold {
  font-family: "OpenSans-ExtraBold";
}

.open-sans {
  font-family: "OpenSans";
}

.open-sans-light {
  font-family: "OpenSans-Light";
}

.open-sans-semi-bold {
  font-family: "OpenSans-SemiBold";
}

.open-sans-bold {
  font-family: "OpenSans-Bold";
}

/******************* MIXINS AND FUNCTIONS ********************/
.size-8 {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
}

.size-10 {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
}

.size-12 {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
}

.size-14 {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
}

.size-16 {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

.size-18 {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
}

.size-20 {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}

.size-22 {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
}

.size-25 {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
}

.font-size14 {
  font-size: 0.875rem !important;
}

.font-size16 {
  font-size: 1rem !important;
}

.font-size32 {
  font-size: 2rem !important;
}

.font-size50 {
  font-size: 3.125rem !important;
}

.font-size100 {
  font-size: 6.25rem !important;
}

.smallerFont {
  font-size: 0.75rem !important;
}

/**************************** HTML, BODY ***********************/
html {
  font-size: 16px;
  font-family: "OpenSans";
  color: #4c4c4c;
  line-height: 1;
}

body {
  font-family: "OpenSans";
}

/************************************ HEADERS ******************************************/
h6, h5, h4, h3, h2, h1 {
  color: #004e87;
  padding-left: 0px;
  padding-right: 0px;
  text-transform: none !important;
}

h1 {
  font-family: "OpenSans-Light";
  line-height: 36px;
  font-size: 1.875rem !important;
}

h2 {
  font-family: "OpenSans-Bold";
  line-height: 22px;
  font-size: 1.125rem !important;
}

h3 {
  line-height: 22px;
  font-size: 1.125rem !important;
}

h4 {
  color: #4c4c4c;
  line-height: 22px;
  font-size: 1.125rem !important;
}

h5 {
  color: #4c4c4c;
  line-height: 21px;
  font-size: 1rem !important;
}

h6 {
  color: #4c4c4c;
  line-height: 21px;
  font-size: 1rem !important;
}

.font-bold {
  font-family: "OpenSans-Bold";
}

/********************** LINKS ***************************/
a {
  color: #0078cc;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}

.white-link {
  color: #ffffff;
}

.white-link:hover {
  color: #ffffff;
}

.bold-underlined-link {
  font-weight: bold;
  text-decoration: underline;
}

.link-to-button {
  text-decoration: none;
  background-color: #004e87;
  color: #ffffff;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #cccccc;
}

/*********************** PARAGRAPH ****************************/
p {
  line-height: 21px;
  color: #4c4c4c;
  font-size: 16px;
}

/*********************** B2B Digital Marketing *****************/
.libre-baskerville {
  font-family: "LibreBaskerville";
}

h1.b2b {
  font-family: "LibreBaskerville-SemiBold";
  font-size: 1.5rem !important;
  line-height: 29px;
}

.feedback-icon {
  position: absolute;
  width: auto;
  top: 38px;
  right: 26px;
  margin-top: 0;
}

.ega-alert-danger span.alert-icon, .ega-alert-success span.alert-icon, .download, .view-off, .view-on, .pagination-previous-grey, .pagination-next-grey, .pagination-last-grey, .pagination-first-grey, .green-check, .pagination-previous, .pagination-next, .pagination-last, .pagination-first, .order-history, .orange-triangle, .orange-exclamation, .white-exclamation, .yellow-exclamation, .collapse-regular, .trash-light, .trash-regular, .edit-normal, .question-blue, .question-white, .egap-minus, .minus-light-tundora, .minus-light-white, .minus-bold-tundora, .minus-bold-white, .minus-regular, .edit-light-white, .edit-light, .edit-regular, .minus-square-regular, .plus-light-tundora, .plus-bold-tundora, .plus-light-white, .plus-bold-white, .egap-plus, .plus-square-regular, .plus-regular, .alert-bold, .alert-regular, .alert-light, .egap-cart, .cart-bold, .cart-regular, .cart-light, .arrow-up, .arrow-down, .account-bold, .account-regular, .account-light, .search-bold, .search-regular, .search-light, .print-bold, .print-regular, .print-light, .times-bold, .times-regular, .times-light, .check-bold, .check-regular, .check-light, .info-bold, .info-regular, .info-light, .calendar-bold, .calendar-regular, .calendar-light {
  background-size: 100% !important;
  min-width: 25px;
  min-height: 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
}

.fas {
  display: inline-block;
  font-size: 25px;
  color: #004e87;
}

.tooltip-white {
  background-size: 100% !important;
  min-width: 15px;
  min-height: 15px;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.tooltip-inner {
  background: #D9EDF7 !important;
  color: black !important;
  max-width: 300px !important;
  padding: 1rem;
}
.tooltip-inner h1, .tooltip-inner h2, .tooltip-inner h3, .tooltip-inner h4, .tooltip-inner h5, .tooltip-inner li, .tooltip-inner p, .tooltip-inner span, .tooltip-inner div {
  color: black;
}

.calendar-light {
  background: url("/ega/images/ega-icons/calendar-light.svg") no-repeat;
}

.calendar-regular {
  background: url("/ega/images/ega-icons/calendar-regular.svg") no-repeat;
}

.calendar-bold {
  background: url("/ega/images/ega-icons/calendar-bold.svg") no-repeat;
}

.info-light {
  background: url("/ega/images/ega-icons/info-light.svg") no-repeat;
}

.info-regular {
  background: url("/ega/images/ega-icons/info-regular.svg") no-repeat;
}

.info-bold {
  background: url("/ega/images/ega-icons/info-bold.svg") no-repeat;
}

.check-light {
  background: url("/ega/images/ega-icons/check-light.svg") no-repeat;
}

.check-regular {
  background: url("/ega/images/ega-icons/check-regular.svg") no-repeat;
}

.check-bold {
  background: url("/ega/images/ega-icons/check-bold.svg") no-repeat;
}

.times-light {
  background: url("/ega/images/ega-icons/times-light.svg") no-repeat;
}

.times-regular {
  background: url("/ega/images/ega-icons/times-regular.svg") no-repeat;
}

.times-bold {
  background: url("/ega/images/ega-icons/times-bold.svg") no-repeat;
}

.print-light {
  background: url("/ega/images/ega-icons/print-light.svg") no-repeat;
}

.print-regular {
  background: url("/ega/images/ega-icons/print-regular.svg") no-repeat;
}

.print-bold {
  background: url("/ega/images/ega-icons/print-bold.svg") no-repeat;
}

.search-light {
  background: url("/ega/images/ega-icons/search-light.svg") no-repeat;
}

.search-regular {
  background: url("/ega/images/ega-icons/search-regular.svg") no-repeat;
}

.search-bold {
  background: url("/ega/images/ega-icons/search-bold.svg") no-repeat;
}

.account-light {
  background: url("/ega/images/ega-icons/account-light.svg") no-repeat;
}

.account-regular {
  background: url("/ega/images/ega-icons/account-regular.svg") no-repeat;
}

.account-bold {
  background: url("/ega/images/ega-icons/account-bold.svg") no-repeat;
}

.arrow-down {
  background: url("/ega/images/ega-icons/chevron-down.svg") no-repeat;
}

.arrow-up {
  background: url("/ega/images/ega-icons/chevron-up.svg") no-repeat;
}

.cart-light {
  background: url("/ega/images/ega-icons/cart-light.svg") no-repeat;
}

.cart-regular {
  background: url("/ega/images/ega-icons/cart-regular.svg") no-repeat;
}

.cart-bold {
  background: url("/ega/images/ega-icons/cart-bold.svg") no-repeat;
}

.egap-cart {
  background: url("/ega/images/ega-icons/EGAP_Cart_icon.svg") no-repeat;
}

.alert-light {
  background: url("/ega/images/ega-icons/alert-light.svg") no-repeat;
}

.alert-regular {
  background: url("/ega/images/ega-icons/alert-regular.svg") no-repeat;
}

.alert-bold {
  background: url("/ega/images/ega-icons/alert-bold.svg") no-repeat;
}

.plus-regular {
  background: url("/ega/images/ega-icons/plus-regular.svg") no-repeat;
}

.plus-square-regular {
  background: url("/ega/images/ega-icons/plus-square-regular.svg") no-repeat;
}

.egap-plus {
  background: url("/ega/images/ega-icons/EGAP_Accordion_Plus_light_icon.svg") no-repeat;
}

.plus-bold-white {
  background: url("/ega/images/ega-icons/plus-bold-white.svg") no-repeat;
}

.plus-light-white {
  background: url("/ega/images/ega-icons/plus-light-white.svg") no-repeat;
}

.plus-bold-tundora {
  background: url("/ega/images/ega-icons/plus-bold-tundora.svg") no-repeat;
}

.plus-light-tundora {
  background: url("/ega/images/ega-icons/plus-light-tundora.svg") no-repeat;
}

.minus-square-regular {
  background: url("/ega/images/ega-icons/minus-square-regular.svg") no-repeat;
}

.edit-regular {
  background: url("/ega/images/ega-icons/edit-regular.svg") no-repeat;
}

.edit-light {
  background: url("/ega/images/ega-icons/edit-light.svg") no-repeat;
}

.edit-light-white {
  background: url("/ega/images/ega-icons/edit-light-white.svg") no-repeat;
}

.minus-regular {
  background: url("/ega/images/ega-icons/minus-regular.svg") no-repeat;
}

.minus-bold-white {
  background: url("/ega/images/ega-icons/minus-bold-white.svg") no-repeat;
}

.minus-bold-tundora {
  background: url("/ega/images/ega-icons/minus-bold-tundora.svg") no-repeat;
}

.minus-light-white {
  background: url("/ega/images/ega-icons/minus-light-white.svg") no-repeat;
}

.minus-light-tundora {
  background: url("/ega/images/ega-icons/minus-light-tundora.svg") no-repeat;
}

.egap-minus {
  background: url("/ega/images/ega-icons/EGAP_Accordion_Minus_light_icon.svg") no-repeat;
}

.question-white {
  background: url("/ega/images/ega-icons/question-white.svg") no-repeat;
}

.question-blue {
  background: url("/ega/images/ega-icons/question-blue.svg") no-repeat;
}

.tooltip-white {
  background: url("/ega/images/ega-icons/tooltip-white.svg") no-repeat;
}

.edit-normal {
  background: url("/ega/images/ega-icons/edit-normal.svg") no-repeat;
}

.trash-regular {
  background: url("/ega/images/ega-icons/trash-regular.svg") no-repeat;
}

.trash-light {
  background: url("/ega/images/ega-icons/trash-light.svg") no-repeat;
}

.collapse-regular {
  background: url("/ega/images/ega-icons/collapse.svg") no-repeat;
}

.yellow-exclamation {
  background: url("/ega/images/ega-icons/yellow-exclamation.svg") no-repeat;
}

.white-exclamation {
  background: url("/ega/images/ega-icons/white-exclamation.svg") no-repeat;
}

.orange-exclamation {
  background: url("/ega/images/ega-icons/orange-exclamation.svg") no-repeat;
}

.orange-triangle {
  background: url("/ega/images/ega-icons/orange-triangle.svg") no-repeat;
}

.order-history {
  background: url("/ega/images/ega-icons/EGAP_Order_History_icon.svg") no-repeat;
}

.pagination-first {
  background: url("/ega/images/ega-icons/pagination-first.svg") no-repeat;
}

.pagination-last {
  background: url("/ega/images/ega-icons/pagination-last.svg") no-repeat;
}

.pagination-next {
  background: url("/ega/images/ega-icons/pagination-next.svg") no-repeat;
}

.pagination-previous {
  background: url("/ega/images/ega-icons/pagination-previous.svg") no-repeat;
}

.green-check {
  background: url("/ega/images/ega-icons/green-check.svg") no-repeat;
}

.pagination-first-grey {
  background: url("/ega/images/ega-icons/pagination-first-grey") no-repeat;
}

.pagination-last-grey {
  background: url("/ega/images/ega-icons/pagination-last-grey.svg") no-repeat;
}

.pagination-next-grey {
  background: url("/ega/images/ega-icons/pagination-next-grey.svg") no-repeat;
}

.pagination-previous-grey {
  background: url("/ega/images/ega-icons/pagination-previous-grey.svg") no-repeat;
}

.view-on {
  background: url("/ega/images/ega-icons/view-on.svg") no-repeat;
}

.view-off {
  background: url("/ega/images/ega-icons/view-off.svg") no-repeat;
}

.greencheckcircle {
  background: url("/ega/images/ega-icons/GreenCheckCircle.svg") no-repeat;
  background-size: 100% !important;
  min-width: 80px;
  min-height: 80px;
  width: 80px;
  height: 100px;
  display: inline-block;
}

.download {
  background: url("/ega/images/ega-icons/download.svg") no-repeat;
}

.button-tertiary, .button-secondary-lighter, .button-secondary, .button-primary {
  height: 45px;
  min-width: 60px;
  padding: 14px 20px 15px 20px;
  display: inline-block;
  border: 1px solid;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  line-height: 1 !important;
  cursor: pointer;
}

.info-button-disabled, .info-button-primary, .info-button-primary-lighter {
  height: 45px;
  width: 45px;
  background-position: center !important;
  background-size: 32px 32px !important;
}

.collapse-button {
  height: 20px;
  width: 20px;
  padding: 0px;
  line-height: 1;
}

.auto-width {
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.collapse-button {
  background-color: #d4d4d4;
  margin-right: 10px;
}

.btn-link {
  color: #000000;
}
.btn-link:hover {
  color: #d9edf7;
}

.text-button {
  color: #0078cc !important;
  background-color: #ffffff;
  font-weight: bold;
  background: url("/ega/images/ega-icons/left-arrow-blue.svg") no-repeat;
  background-position: left 0rem bottom 0.7rem;
  background-size: 1.2rem;
  padding-left: 25px;
}
.text-button:hover:enabled {
  color: #004e87;
  text-decoration: underline;
}
.text-button:disabled {
  color: #d4d4d4;
}
.text-button:focus {
  box-shadow: none;
  outline: none;
}

.text-button-no-icon {
  color: #0078cc !important;
  background-color: #ffffff;
  font-weight: bold;
  background-size: 1.2rem;
}
.text-button-no-icon:hover:enabled {
  color: #004e87;
  text-decoration: underline;
}
.text-button-no-icon:disabled {
  color: #d4d4d4;
}
.text-button-no-icon:focus {
  box-shadow: none;
}

.info-button-primary-lighter {
  background: url("/ega/images/ega-icons/info-white.svg") no-repeat;
  background-color: #0078cc;
}

.info-button-primary {
  background: url("/ega/images/ega-icons/info-white.svg") no-repeat;
  background-color: #004e87;
}
.info-button-primary:hover:enabled {
  background-color: #003c66;
}

.info-button-disabled {
  background: url("/ega/images/ega-icons/info-black.svg") no-repeat;
  background-color: #d4d4d4;
}

.button-primary {
  color: black;
  min-width: 200px;
  font-family: "OpenSans-Bold";
  text-transform: uppercase;
  background-color: #fcdf05;
  border-color: rgb(252, 194, 5);
}
.button-primary:hover:enabled {
  background-color: rgb(252, 194, 5);
}

.button-secondary {
  color: #ffffff;
  min-width: 200px;
  background-color: #0078cc;
  border-color: #004e87;
}
.button-secondary:hover:enabled {
  border-color: #004e87;
  background-color: #003c66;
}

.button-secondary-lighter {
  color: #ffffff;
  min-width: 200px;
  background-color: #0078cc;
  border-color: #004e87;
}
.button-secondary-lighter:hover:enabled {
  border-color: #004e87;
  background-color: #003c66;
}

.button-tertiary {
  background-color: white;
  min-width: 200px;
  color: #0078cc;
  border-color: #0078cc;
}
.button-tertiary:hover:enabled {
  border-color: #003c66;
  color: #003c66;
  background-color: #d9edf7;
}

.button-icon-left {
  height: 14px;
  padding-right: 3px;
}

.button-icon-right {
  height: 14px;
  padding-left: 3px;
}

button[disabled],
button:disabled {
  color: #d4d4d4;
  background-color: #fdfdfd;
  border: 1px solid #d4d4d4;
}

.button-link {
  background: none !important;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  box-shadow: none;
}

/**************** INPUT ****************************/
input {
  border-radius: 4px !important;
  height: 45px;
}
input::-ms-clear {
  display: none;
}
input:disabled {
  border: 1px solid #d4d4d4;
  color: #4c4c4c;
  background-color: #ededed !important;
  opacity: 0.65;
}

/************************* VALID/INVALID ****************************/
.is-valid {
  background: url("/ega/images/ega-icons/green-check.svg") no-repeat right;
  background-position: right 2.5rem bottom 0.9rem;
  background-size: 1rem;
  border-color: #274d28 !important;
}

.is-invalid {
  background: url(/ega/images/ega-icons/red-exclamation.svg) no-repeat right;
  background-position: right 2.5rem bottom 0.9rem;
  background-size: 1rem;
  background-color: #f2dede;
  border-color: #712d2b !important;
}

.invalid-feedback {
  color: #712d2b;
  font-size: 1rem;
  display: block;
}

/********************* BOOTSTRAPS FORM CONTROL OVERRIDES *********************/
.form-control {
  border: 1px solid #d4d4d4;
}
.form-control:focus {
  border-color: #0078cc !important;
  color: #0078cc;
  border: 1.3px solid;
  box-shadow: none !important;
}
.form-control.is-valid:focus {
  box-shadow: none !important;
}
.form-control.is-invalid:focus {
  box-shadow: none !important;
}

/******************** TYPE OF DATE, SEARCH, NUMBER *********************************/
.input-type-date {
  padding: 10px;
}
.input-type-date.is-valid {
  background: url("/ega/images/ega-icons/green-check.svg") no-repeat;
  background-position: right 55px bottom 16px !important;
  background-size: 16px, 16px;
}
.input-type-date.is-invalid {
  background: url("/ega/images/ega-icons/red-exclamation.svg") no-repeat;
  background-position: right 55px bottom 16px !important;
  background-size: 16px, 16px;
}

.ui-datepicker-trigger {
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
  margin-right: 1rem;
  bottom: 31px;
}

input[type=search] {
  background: url("/ega/images/ega-icons/search-regular.svg") no-repeat right;
  background-position: right 1rem bottom 1rem !important;
  background-size: 15px;
}

::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*********************** CHECKBOXES AND RADIOS ****************************/
input[type=checkbox]:enabled + label.custom-control-label:hover::before {
  border: 1.5px solid #0078cc;
  border-radius: 3px;
}

input[type=radio]:enabled + label.custom-control-label:hover::before {
  border: 5px solid #ffffff;
  border: 1.5px solid #0078cc;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border: 1.5px solid #0078cc;
  background-color: #ffffff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("/ega/images/ega-icons/blue-circle.png");
  background-size: 50% 50% !important;
  background-position: 52% 52% !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("/ega/images/ega-icons/check-white.png");
  background-position: center center !important;
  background-size: 52% 52% !important;
}

.radio-group {
  padding-top: 14px;
}
.radio-group .radio-label {
  font-size: 20px;
  padding-bottom: 0px;
}
.radio-group .custom-radio {
  padding-bottom: 10px;
}

.error-radio-group .custom-radio .custom-control-label {
  color: #712d2b;
}
.error-radio-group .custom-radio .custom-control-label::before {
  border: 1.5px solid #712d2b;
}

/********************** LABELS *****************************/
label {
  color: #4c4c4c;
  margin-bottom: 0.3rem;
}

.custom-control-label::before {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #909090;
}

label[disabled].custom-control-label::before {
  background-color: #fdfdfd;
}

::placeholder {
  color: #c3c3c3 !important;
  line-height: normal;
  display: inline-block;
}

/************************* TEXTAREAS *****************************/
textarea::placeholder {
  line-height: 1;
}

textarea {
  resize: none;
}

textarea:disabled {
  background-color: #fdfdfd !important;
}

.textarea-counter {
  float: right;
  color: #d4d4d4;
  font-size: 0.8rem;
}

/********************** ERRORS *********************************/
.error {
  font-weight: bold;
  color: #712d2b;
}

select.form-control[disabled], select.form-control:focus:enabled, select.form-control:enabled {
  padding: 7px;
  padding-left: 11px;
  padding-right: 31px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  height: 45px;
}

@-moz-document url-prefix() {
  select option {
    font-family: sans-serif;
  }
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 10px);
}
select.form-control:is([multiple]) {
  height: 100% !important;
  background-image: none !important;
  padding-right: 0px !important;
}
select.form-control:enabled {
  background: white url("/ega/images/ega-icons/chevron-down.svg") right 13px bottom 12px no-repeat !important;
  background-size: 15px !important;
}
select.form-control:enabled.is-valid {
  background: url("/ega/images/ega-icons/chevron-down.svg") right 13px bottom 12px no-repeat !important;
  background-size: 15px !important;
  border-color: #274d28 !important;
  padding-right: 50px;
}
select.form-control:enabled.is-invalid {
  background: url("/ega/images/ega-icons/chevron-down-invalid.svg") right 13px bottom 12px no-repeat !important;
  background-size: 15px !important;
  background-color: #f2dede !important;
  border-color: #712d2b !important;
  padding-right: 50px;
}
select.form-control:is([multiple]):enabled {
  background-image: none !important;
  padding-right: 0px !important;
}
select.form-control:focus:enabled {
  background: white url("/ega/images/ega-icons/chevron-up.svg") right 13px bottom 12px no-repeat;
  background-size: 15px !important;
}
select.form-control:focus:enabled.is-valid {
  background: url("/ega/images/ega-icons/chevron-up.svg") right 13px bottom 12px no-repeat !important;
  background-size: 15px !important;
  border-color: #274d28 !important;
  padding-right: 50px;
}
select.form-control:focus:enabled.is-invalid {
  background: url("/ega/images/ega-icons/chevron-up-invalid.svg") right 13px bottom 12px no-repeat !important;
  background-size: 15px !important;
  background-color: #f2dede !important;
  border-color: #712d2b !important;
  padding-right: 50px;
}
select.form-control:is([multiple]):focus:enabled {
  background-image: none !important;
  padding-right: 0px !important;
}
select.form-control[disabled] {
  color: #d4d4d4 !important;
  background: #fdfdfd url("/ega/images/ega-icons/chevron-down-grey.svg") right 1rem bottom 1rem no-repeat !important;
  background-size: 0.8rem !important;
}
select.form-control .narrower {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
  height: 2.25rem;
  background-position: right 1rem bottom 1rem !important;
  background-size: 0.8rem !important;
}
select::-ms-expand {
  display: none;
}
select:hover:enabled {
  color: #0078cc;
  border: 1px solid #0078cc;
}

option {
  line-height: 20px;
  color: #45425a;
}

.ega-breadcrumb {
  color: #004e87;
  font-size: 0.875rem !important;
  margin-bottom: 0px;
  padding-bottom: 0px;
  line-height: 1;
}
.ega-breadcrumb:hover {
  color: #0078cc;
}
.ega-breadcrumb p {
  color: #004e87;
  font-weight: bold;
  line-height: 1;
  color: black;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 0.875rem !important;
}
.ega-breadcrumb .right-arrow {
  background: url("/ega/images/ega-icons/arrow-rectangle-right.svg") no-repeat;
  background-size: 8px 8px;
  margin-left: 4px;
  margin-top: 4px;
  height: 12px;
  width: 12px;
}

.container {
  background-color: #ffffff;
  position: relative;
  margin-top: -20px;
  padding-top: 30px;
  padding-left: 35px;
}

.no-overflow {
  overflow-y: hidden;
  display: block;
}

.row {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
}

table .thead-primary {
  background-color: #004e87;
  color: white;
}

th {
  font-weight: bold;
  border: none !important;
}
th.sorted-down {
  background: url("/ega/images/ega-icons/chevron-down.svg") no-repeat right !important;
  background-size: 1rem !important;
  color: #0078cc;
}
th.sorted-up {
  background: url("/ega/images/ega-icons/chevron-up.svg") no-repeat right !important;
  background-size: 1rem !important;
  color: #0078cc;
}

td {
  border: none !important;
}

tr {
  border: 1px solid #d1d1d1;
}

.bordered-form-table {
  background: #ffffff;
  border: 1px solid #d1d1d1;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding-bottom: 30px;
  padding-top: 30px;
}
.bordered-form-table p {
  margin-left: 30px;
  margin-right: 30px;
}
.bordered-form-table table tr,
.bordered-form-table table th {
  border-left: 0px;
  border-right: 0px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #d9edf7;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  visibility: none;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #484848;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.modal-header .close {
  margin: -1rem -1rem -1rem;
  padding-left: 0px;
}

.modal-header .close-initial {
  padding: 1rem !important;
  margin: -1rem -1rem -1rem auto !important;
}

.modal-header {
  border: none;
}

.modal-footer {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.modal-body {
  text-align: center;
}

.modal-footer {
  border: none;
}
.modal-footer button {
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.modal-title {
  text-align: center !important;
  font-weight: normal;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.modal-body p {
  text-align: center;
}

.ega-alert-danger, .ega-alert-success {
  padding: 1rem !important;
  border-radius: 25px;
  box-shadow: 0 4px 2px -2px #d4d4d4;
  padding-left: 30px !important;
}
.ega-alert-danger p, .ega-alert-success p {
  color: white;
  left: 40px;
  padding-right: 30px;
  margin-right: 60px;
  position: relative;
}
.ega-alert-danger i, .ega-alert-success i {
  color: white !important;
  position: absolute;
  position: absolute;
  top: 0.7rem;
  left: 2rem;
}

.ega-alert-success {
  background-color: #dff0d8;
}
.ega-alert-success p {
  color: black;
  margin-bottom: 0px;
}
.ega-alert-success.alert-dismissible .close {
  color: black;
}
.ega-alert-success.alert-dismissible .close span {
  color: black;
}
.ega-alert-success span.alert-icon {
  background: url(/ega/images/ega-icons/check-circle.svg);
  position: absolute;
  top: 13px;
  left: 25px;
  width: 30px;
  height: 30px;
}

.ega-alert-danger {
  background-color: #712d2b;
}
.ega-alert-danger span.alert-icon {
  background: url("/ega/images/ega-icons/white-exclamation.svg");
  position: absolute;
  top: 0.8rem;
  left: 2rem;
}

.alert-dismissible .close {
  color: white;
  text-shadow: none;
  opacity: 1;
  font-weight: normal;
}
.alert-dismissible .close span {
  color: white;
  text-shadow: none;
  opacity: 1;
}

/******* NEW ALERT *************/
.ega-alert-sticky-success, .ega-alert-sticky-danger {
  position: sticky;
  position: -webkit-sticky;
  z-index: 101;
  top: 0;
  text-align: center;
  border-radius: 0px;
}

.ega-alert-sticky-danger {
  background-color: #712d2b;
}

.ega-alert-sticky-success {
  background-color: #274d28;
}

.alert {
  transition-property: all;
}

div.fade {
  opacity: 0;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

.warning-message {
  font-size: 18px;
  display: inline-flex;
  background-color: #fff3cd;
  color: #856404;
  border-radius: 10px;
  padding: 0.7rem;
}
.warning-message .fa-exclamation-triangle {
  color: orange;
  padding-right: 20px;
}

.alert-warning {
  color: #8d5d02;
}

.ega-jumbotron {
  padding: 2rem;
  padding-bottom: 0px;
  margin-bottom: 1rem;
}
.ega-jumbotron .jumbo-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.ega-jumbotron .jumbo-icon i {
  margin-left: -40px;
  margin-top: -40px;
}
.ega-jumbotron .jumbo-icon i.greencheckcircle {
  margin: -15px 0px 0px 0px;
}
.ega-jumbotron .jumbo-description {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.pagination-li-first {
  margin-right: 0.5rem;
}

.pagination-li-previous {
  margin-right: 1.5rem;
}

.pagination-li-of {
  font-weight: bold;
  margin-right: 1.5rem;
}

.pagination-li-selection {
  margin-right: 0.5rem;
  width: 50px;
  height: 30px;
  text-align: center;
}

.pagination-li-next {
  margin-right: 0.5rem;
}

li {
  color: #004e87;
}

.link-list-item {
  border-bottom: 1px solid #d4d4d4;
  width: 23rem;
  min-width: 20rem;
  padding: 0.2rem 1.5rem 0.2rem 0rem;
  background: url("/ega/images/ega-icons/right-arrow-blue.svg") no-repeat;
  background-position: right 0.2rem bottom 0.5rem;
  background-size: 15px;
  color: black;
  cursor: pointer;
}
.link-list-item a {
  font-weight: normal;
}
.link-list-item span {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  margin-right: 1rem;
}

.link-list {
  list-style-type: none;
  padding-left: 0px;
  right: 0px;
  position: absolute;
}

.contract-detail-container .link-list {
  margin-top: -37px;
}

.submenu {
  position: relative;
}

@media print {
  .noprint {
    display: none !important;
  }
  .showprint {
    display: inherit !important;
  }
  .ega-jumbotron .jumbo-icon {
    display: none !important;
  }
  .ega-jumbotron .jumbo-description {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: -2rem;
  }
}
.showprint {
  display: none;
}

/***************************************** MISCELLANEOUS ******************************/
.hidden {
  display: none;
}

.multi-color-header {
  font-size: 1rem !important;
  margin-bottom: 5px;
}

.collapsed {
  display: block !important;
}

hr {
  border: none;
  height: 1px;
  color: #333;
  background-color: #333;
}

hr.grey {
  border: none;
  height: 1px;
  color: #d1d1d1;
  background-color: #d1d1d1;
}

hr.dotted-vertical {
  position: absolute;
  color: #ffffff;
  background-color: #ffffff;
  margin: 0px;
  border: 1px dotted black;
  width: 0px;
}

hr.dotted-horizontal {
  position: absolute;
  color: #ffffff;
  background-color: #ffffff;
  margin: 0px;
  border: 1px dotted black;
  height: 0px;
}

.border-right {
  border-right: 0.5px solid;
  color: #757474;
  padding-right: 1rem;
}

#progressbar li {
  width: 12%;
}

#search-box {
  box-sizing: initial !important;
}

span.optional {
  opacity: 0.5;
  font-size: 0.75rem !important;
  color: #4c4c4c;
  text-align: right;
  float: right;
  position: relative;
  margin-top: 10px;
  margin-bottom: 3px;
}

.form-check {
  padding-left: 13px;
}

.bordered-form {
  background: #ffffff;
  border: 1px solid #d1d1d1;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 1rem;
}

.bordered-form-overflow {
  border: 0.5px solid;
  border-color: #d4d4d4;
  padding: 1rem;
  height: 500px;
  overflow-y: scroll;
}

.p-primary {
  color: #fcdf05;
}

.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
}

.bs-tooltip-top .arrow::before {
  border-top-color: #d9edf7 !important;
}

.bs-tooltip-right .arrow::before {
  border-right-color: #d9edf7 !important;
}

.bs-tooltip-left .arrow::before {
  border-left-color: #d9edf7 !important;
}

.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #d9edf7 !important;
}

.exp-card {
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.exp-card .exp-card-header {
  box-shadow: 1px 1.5px 2px 1px #d4d4d4;
  color: #004e87;
  background: #fff url(/ega/images/ega-icons/chevron-down.svg) no-repeat right !important;
  background-position: right 15px bottom 15px !important;
  background-size: 20px !important;
  font-size: 22px;
  cursor: pointer;
  margin-bottom: 10px;
}
.exp-card .exp-card-header[aria-expanded=true] {
  background: #fff url(/ega/images/ega-icons/chevron-up.svg) no-repeat right !important;
  background-position: right 15px bottom 15px !important;
  background-size: 20px !important;
}

.tab-header-container li.active-tab {
  border-bottom: 6px solid #004e87;
  font-weight: bold;
}

.tab-body-container .card-body .card-header {
  background: white;
  box-shadow: 1px 1.5px 2px 1px #d4d4d4;
  color: #004e87;
  margin-bottom: 10px;
}

.col-md-0_5 {
  -webkit-box-flex: 0;
  flex: 0 0 4.166665%;
  max-width: 4.166665%;
}

.col-md-1_5 {
  -webkit-box-flex: 0;
  flex: 0 0 12.499995%;
  max-width: 12.499995%;
}

.col-md-2_5 {
  -webkit-box-flex: 0;
  flex: 0 0 20.833325%;
  max-width: 20.833325%;
}

.col-md-3_5 {
  -webkit-box-flex: 0;
  flex: 0 0 29.166655%;
  max-width: 29.166655%;
}

.col-md-4_5 {
  -webkit-box-flex: 0;
  flex: 0 0 37.499985%;
  max-width: 37.499985%;
}

.col-md-5_5 {
  -webkit-box-flex: 0;
  flex: 0 0 45.833315%;
  max-width: 45.833315%;
}

.col-md-6_5 {
  -webkit-box-flex: 0;
  flex: 0 0 54.166645%;
  max-width: 54.166645%;
}

.col-md-7_5 {
  -webkit-box-flex: 0;
  flex: 0 0 62.499975%;
  max-width: 62.499975%;
}

.col-md-8_5 {
  -webkit-box-flex: 0;
  flex: 0 0 70.833305%;
  max-width: 70.833305%;
}

.col-md-9_5 {
  -webkit-box-flex: 0;
  flex: 0 0 79.166635%;
  max-width: 79.166635%;
}

.col-md-10_5 {
  -webkit-box-flex: 0;
  flex: 0 0 87.499965%;
  max-width: 87.499965%;
}

.col-md-11_5 {
  -webkit-box-flex: 0;
  flex: 0 0 95.833295%;
  max-width: 95.833295%;
}

.ml-6 {
  margin-left: 4rem !important;
}

.ml-7 {
  margin-left: 5rem !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #d9edf7;
}

.table-with-pagination-container {
  padding: 0px;
}
.table-with-pagination-container .ega-table-container {
  padding: 0px;
}
.table-with-pagination-container .ega-table-container .ega-table-head {
  font-weight: 700;
}
.table-with-pagination-container .ega-table-container .ega-table-head .clickable {
  color: #0078cc;
  cursor: pointer;
}
.table-with-pagination-container .ega-table-container .ega-table-head .clickable div {
  display: inline-block;
  width: 15px;
  height: 12px;
  min-width: 7px;
  min-height: 10px;
  margin-left: 5px;
}
.table-with-pagination-container .ega-table-container .ega-table-head .arrow-up {
  background-position: right 0px bottom -1px !important;
  background-size: 0.7rem !important;
}
.table-with-pagination-container .ega-table-container .ega-table-head .arrow-down {
  background-position: right 0px bottom -1px !important;
  background-size: 0.7rem !important;
}
.table-with-pagination-container .ega-table-container .ega-table-head > div,
.table-with-pagination-container .ega-table-container .ega-table-head th {
  color: #000000;
}
.table-with-pagination-container .ega-table-container .ega-table-body > .col-md-12 {
  padding: 15px 0px;
  font-weight: 700;
}
.table-with-pagination-container .ega-table-container .ega-table-body > .row,
.table-with-pagination-container .ega-table-container .ega-table-body > .col-md-12 {
  border-bottom: 1px solid #d4d4d4;
}
.table-with-pagination-container .ega-pagination-container .disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.table-with-pagination-container .ega-pagination-container .pagination-li-selection {
  width: 60px;
}
.table-with-pagination-container .ega-pagination-container .pagination-next,
.table-with-pagination-container .ega-pagination-container .pagination-last,
.table-with-pagination-container .ega-pagination-container .pagination-previous,
.table-with-pagination-container .ega-pagination-container .pagination-first {
  width: 26px;
  height: 26px;
}
.table-with-pagination-container .ega-pagination-container select {
  width: 100px !important;
}

.group-contact-us-container .hereToHelp {
  background-color: #004e87;
  color: white;
  font-size: 200%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 0 25px 0 25px;
  border-radius: 5px;
}
.group-contact-us-container h2 {
  font-size: 24px;
}
.group-contact-us-container h4 {
  color: #004e87;
  font-size: 20px;
  font-weight: bold;
}

.fm-order-history form {
  border: 1px solid #dedede;
  border-radius: 5px;
}
.fm-order-history form hr {
  margin-top: 15px;
  margin-bottom: 0px;
}
.fm-order-history form .order-details .col-md-12.row {
  padding: 5px 0px;
  border-bottom: 1px solid #d4d4d4;
}
.fm-order-history form .order-details .col-md-12.row:last-child {
  border: none;
}

.last-name-search-container .custom-progress-bar {
  width: 0%;
  background-color: #003c66;
}

.corp-row {
  background-color: #003c66;
}

i.fas.fa-angle-down.favorites-end-span {
  font-size: 14px;
  color: #0078cc;
}

ul.navbar-blank.navbar-nav.navbar-site {
  flex-direction: row;
}

ul.navbar-blank.navbar-nav.navbar-site li {
  padding-right: 14px;
  font-weight: 400;
}

#employer-footer p {
  color: white;
}

.employer-logo {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#menu_wrapper .subCategoryHeader h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px !important;
}

#header-right .nav-link span {
  font-weight: 400;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
  height: 450px;
}

hr {
  width: 50%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

input[type=text], input[type=password] {
  width: 40%;
  padding: 12px 20px;
  margin: 8px 100px 20px 8px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

label[for=division], label[for=group] {
  margin: 8px 0px 2px 8px;
}

button {
  margin: 8px 0;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}

.formlabel {
  margin: 8px 10px 20px 8px;
}

.cartorderhistory {
  display: inline-block;
  width: 46%;
  margin: 0px 10px 0px 10px !important;
  position: relative;
  bottom: 0;
  right: 0;
  text-align: right;
}

.history {
  margin-left: -20px;
}

.cart {
  margin-left: 20px;
}

.formstext {
  display: inline-block;
}

.formstext p {
  margin-bottom: 0px;
}

.crum {
  height: 50px !important;
  margin-left: 50px;
}

.formsmaterial {
  display: inline-block;
  padding: 0px;
}

.formsmaterialrow {
  margin-left: 15px;
  width: 75%;
  font-weight: bold;
}

.groupdivisionform {
  display: block;
  width: 100%;
  height: 300px;
  padding: 25px;
  margin: 0px;
  border-radius: 5px;
}

.container {
  padding: 16px;
}

.order-history, .egap-cart {
  margin: -4px 5px;
}

.container.breadcrumb-header-container {
  padding-left: 15px;
  padding-right: 10px;
  margin-top: -15px;
}

.bold {
  font-weight: bold;
}

hr {
  width: 100%;
  background: #d4d4d4;
  margin-top: 40px;
  height: 2px;
  z-index: 1;
  position: relative;
}

.table-bordered {
  border-collapse: collapse;
  border-radius: 3px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #dee2e6;
}

/*.container-fluid {
  margin: 10px 150px 0px 150px;
}*/
/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 300px) {
  span.psw {
    display: block;
    float: none;
  }
}
.confirmation-container {
  -webkit-print-color-adjust: exact !important;
}

.confirmation-container .thank-you-banner {
  width: 100%;
  border-radius: 5px;
}

.confirmation-container .greencheckcircle {
  background-size: 100% !important;
  min-width: 100px;
  min-height: 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-top: 9px;
  margin-left: 15px;
}

.confirmation-container .thank-you-banner h2 {
  margin-top: 25px;
}

.confirmation-container .row:nth-child(2) {
  font-size: 14px;
}

.confirmation-container h3 {
  width: 165px;
  display: inline-block;
}

.confirmation-container table input {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin: 0px 5px;
}

.confirmation-container table td {
  line-height: 35px;
}

.confirmation-container table td:not(:first-child), .confirmation-container table th:not(:first-child) {
  text-align: center;
}

.confirmation-container table thead tr {
  /* background: #4c4c4c;
  color: white; */
}

.confirmation-container table tbody :last-child {
  border-top: 2px solid #4c4c4c;
}

.confirmation-container .row:nth-child(4) :first-child {
  padding-bottom: 10px;
}

.confirmation-container hr {
  width: 100%;
}

.confirmation-container .print-container > * {
  cursor: pointer;
}

.confirmation-container .print-container span {
  top: -3px;
  position: relative;
  display: inline-block;
}

.confirmation-container .row:nth-child(4) .col-12 {
  line-height: 2rem;
}

header {
  display: none !important;
}

@media print {
  .ega-breadcrumb, .print-container, .search-for-other-container, hr {
    display: none !important;
  }
  header {
    display: block !important;
  }
  .bold {
    font-weight: bold;
  }
  .shipping-details-container .col-12 {
    line-height: 2rem;
  }
  .shipping-details-container {
    margin-top: 20px;
  }
  th, td {
    padding: 10px 5px;
  }
  table {
    width: 100%;
  }
  table td {
    line-height: 35px;
  }
  table td:not(:first-child), table th:not(:first-child) {
    text-align: center;
  }
  table tbody > .top-border {
    border-top: 2px solid #4c4c4c;
  }
  table thead, table thead th {
    background: #4c4c4c !important;
    color: black;
    font-family: "OpenSans-bold";
    border-collapse: collapse;
    -webkit-print-color-adjust: exact;
  }
}
input[type=text], input[type=password] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
  height: 920px;
}

input[for=number], input[for=description], label[for=description] {
  margin: 8px 0px 2px 8px;
  width: 75% !important;
}

.container.searchcategory {
  /* width: 50%; */
  margin-top: 10px;
  /* margin-bottom: 15px; */
  padding-top: 5px;
}

.container.searchcategory h4 {
  font-size: 1.5rem !important;
  margin-top: 10px;
  line-height: 2rem;
}

.forms-box {
  width: 49% !important;
  height: 400px;
}

.forms-box > div:first-child, .forms-box .form-group {
  text-align: center;
}

.forms-box .form-group {
  margin-top: 80px;
}

.forms-box .form-group label {
  width: 370px;
  text-align: left;
}

.forms-box .form-group input {
  margin: 5px auto;
}

.searchResultsTitle .plus-light-tundora, .searchResultsTitle .plus-bold-tundora {
  min-width: 13px;
  min-height: 13px;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.searchResultsTitle .button-tertiary {
  margin-top: -15px;
}

.box {
  /* margin: 25px; */
  padding: 25px;
  border: 1px solid #ccc;
  margin-top: -10px;
  border-radius: 5px;
}

.search-button {
  margin-top: 0px;
}

.custom-control {
  margin: 8px 4px 35px 2px;
}

.col-container {
  display: table;
  text-align: left;
  overflow: auto;
}

.col {
  display: table-cell;
  padding: 16px;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  width: auto;
}

.searchResultsTitle {
  font-size: small;
}

.searchResultsTitle:last-child .button-tertiary {
  margin-top: 20px;
}

.container-fluid {
  margin: auto;
}

.card-container {
  padding: 0px !important;
  min-height: 70px;
}

.card-container .expand-compress-container {
  float: right;
}

.main-container .card-header.innerCardHeader {
  background-color: #d4d4d4;
}

.innerCardHeader .card-link {
  color: black;
}

.card-header .card-body {
  padding: 0px 0px 5px 5px !important;
}

.cart a span {
  font-family: "OpenSans-Bold";
}

.main-container > div > .card > div > .card-body {
  margin-top: 20px;
}

.main-container > div > .card > .card-header > .card-link > span {
  font-size: 20px;
  font-family: "OpenSans-bold";
  color: white;
}

.card-container .card-header {
  background: #4c4c4c;
}

.quanity-col * {
  margin: auto;
}

.quanity-col a:first-child {
  color: #0078cc !important;
  cursor: pointer;
  margin-top: 3px;
}

.quanity-col a:last-child {
  color: #0078cc !important;
  cursor: pointer;
  margin-top: 5px;
}

.card-body .table td, .table th {
  padding: 20px 10px 8px 10px;
  margin-top: -12px;
}

.card-body .table td:not(:first-child), .table th:not(:first-child) {
  text-align: center;
}

td p {
  text-align: center;
}

table tbody tr td:first-child {
  width: 500px;
}

.main-container tr {
  border: none;
}

.alert.ega-alert-success {
  opacity: 0;
  transition: opacity 1200ms 0.2s;
  display: none;
  -webkit-transition: opacity 1200ms 0.2s;
  -moz-transition: opacity 1200ms 0.2s;
  -ms-transition: opacity 1200ms 0.2s;
  -o-transition: opacity 1200ms 0.2s;
  background-color: #DFF0D8;
  color: #274D28;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 16px;
}

.alert.ega-alert-success.fade-in {
  opacity: 1;
  display: block;
}

.alert.ega-alert-success button {
  margin-top: -15px;
}

.form-group {
  position: relative;
}

.searchResultValue {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  top: 85px;
}

h1.search-results-title {
  margin-left: 5px;
}

a.searchClear {
  position: absolute;
  z-index: 1;
  right: 70px;
  top: 43px;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
}

.searchResultsTitle .container {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 25px;
}

#searchInput {
  padding-right: 32px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    margin: 15px;
  }
  .row.content {
    height: auto;
  }
}
.header {
  background: #0078cc;
  color: #fff;
}

#lblCartCount {
  font-size: 12px;
  background: #ff0000;
  color: #fff;
  padding: 2px 6px;
  vertical-align: top;
  margin-left: -18px;
  border-radius: 100%;
  margin-top: -3px;
}

.badge {
  padding-left: 9px;
  padding-right: 9px;
  border-radius: 9px;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

a.downloaded {
  color: purple;
}

.quanity-col * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.nxtbtn {
  display: inline-block;
  margin-top: 20px;
  margin-left: calc(100% - 215px);
}

.line {
  width: 70%;
}

.shopping-cart-container thead tr {
  background: #4c4c4c;
  color: white;
}

.shopping-cart-container table input {
  width: 50px;
  height: 40px;
  display: inline-block;
  margin: 0px 10px;
  border: 1px solid #d4d4d4;
  text-align: center;
  margin-top: -3px;
}

.shopping-cart-container .quanity-col {
  text-align: center;
  display: flex;
  justify-content: center;
}

.shopping-cart-container .quanity-col a {
  font-size: 20px;
}

.shopping-cart-container table td {
  line-height: 35px;
}

.shopping-cart-container table td:not(:first-child) {
  text-align: center;
}

.shopping-cart-container .form-container {
  width: 100%;
  padding: 20px;
  border-radius: 3px;
}

.shopping-cart-container .form-container form {
  width: 50%;
}

.shopping-cart-container .form-container form input, .shopping-cart-container .form-container form select {
  margin: 0px;
  width: 100%;
  height: 45px;
  padding: 0px 10px;
  border-color: grey;
  border-radius: 5px;
}

.shopping-cart-container .form-container form .row :first-child {
  padding-left: 0px;
}

.shopping-cart-container .form-container form .row :last-child {
  padding-right: 0px;
}

.shopping-cart-container .form-container > .col a {
  position: absolute;
  bottom: 0px;
  text-decoration: underline;
  font-size: 14px;
  right: 0px;
}

.shopping-cart-container .button-primary {
  position: absolute;
  right: 15px;
}

.shopping-cart-container .form-container form .form-group:not(:nth-child(n+4)) {
  width: 70%;
}

.shopping-cart-container .trash-light {
  position: relative;
  margin-top: 3px;
  cursor: pointer;
}

.shopping-cart-container table th:not(:first-child) {
  text-align: center;
}

.shopping-cart-container .quanity-col a {
  cursor: pointer;
}

.shopping-cart-container a.downloaded {
  color: purple;
}

.shopping-cart-container table thead tr {
  border-collapse: collapse;
}

.shopping-cart-container table th:first-child {
  border-top-left-radius: 3px;
}

.shopping-cart-container table th:last-child {
  border-top-right-radius: 3px;
}

.shopping-cart-container .error {
  padding-top: 5px;
  display: inline-block;
}

#lblCartCount {
  font-size: 12px;
  background: #ff0000;
  color: #fff;
  padding: 2px 6px;
  vertical-align: top;
  margin-left: -18px;
  border-radius: 100%;
  margin-top: -3px;
}

.col-container {
  display: table;
  text-align: left;
  overflow: auto;
}

.col {
  display: table-cell;
  padding: 16px;
  flex: 1;
  width: auto;
}

.card-header {
  width: 100%;
}

.card {
  width: 92%;
}

.card-container {
  margin: auto;
  float: left;
}

.quanity-col {
  display: flex;
}

.quanity-col a {
  font-size: x-large;
}

.quanity-col .form-control {
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}

.row .col-8 {
  padding-left: 0px;
}