/*
* Note: Commit both 
*        scss/portalmaterial_theme.scss
*        portalmaterial_theme.css
*/
/* DCC Custom Font */
@font-face {
  font-family: "texgyreherosregular";
  font-style: normal;
  font-weight: normal;
  src: url("../../css/fonts/texgyreheros/texgyreheros-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/texgyreheros/texgyreheros-regular-webfont.woff") format("woff"), url("texgyreheros-regular-webfont.ttf") format("truetype"), url("texgyreheros-regular-webfont.svg#texgyreherosregular") format("svg");
}
@font-face {
  font-family: "Roboto";
  src: local(Roboto Bold), url("../../css/fonts/texgyreheros/texgyreheros-regular-webfont.eot?#iefix") format("woff2"), url("../../css/fonts/roboto/Roboto-Bold.woff") format("woff");
  font-weight: 700;
}
/* General Style */
html {
  font-family: "texgyreherosregular", Arial, sans-serif;
  color: #444;
}

/* Color Palette Start */
/*PRIMARY COLORS*/
body .bg-primary,
body .bg-primary-normal,
body .bg-hover-primary:hover,
body .bg-hover-primary-normal:hover {
  background-color: #194476;
  color: #ffffff;
}
body .bg-primary-dark,
body .bg-hover-primary-dark:hover {
  background-color: #001f43;
  color: #ffffff;
}
body .bg-primary-light,
body .bg-hover-primary-light:hover,
body .bg-primary-light .select-wrapper .caret .material-icons {
  background-color: #2f4e87;
  color: #ffffff;
}
body .closable-note div.info {
  background-color: #e6e9f0;
  color: #194476;
  border-color: #194476;
}
body .border-primary,
body .border-primary-normal,
body .border-hover-primary-normal:hover {
  border-color: #194476;
}
body .border-primary-dark {
  border-color: #001f43;
}
body .border-primary-light {
  border-color: #2f4e87;
}
body .border-hover-primary:hover {
  border-color: #194476;
}
body .border-hover-primary-dark:hover {
  border-color: #001f43;
}
body .border-hover-primary-light:hover {
  border-color: #2f4e87;
}
body .bg-hover-primary a:visited,
body .bg-hover-primary-dark a:visited,
body .bg-hover-primary-light a:visited {
  color: inherit;
}
body .bg-hover-primary:hover a:visited,
body .bg-hover-primary-dark:hover a:visited,
body .bg-hover-primary-light:hover a:visited {
  color: inherit;
}
body .text-primary,
body .text-primary-normal,
body span.static[id*=_TEXT].text-primary-normal,
body .text-hover-primary-normal:hover,
body span.static[id*=_TEXT].text-hover-primary-normal:hover,
body span.static[id*=_TEXT].text-primary,
body span.static[id*=_TEXT].text-primary-normal,
body span.static[id*=_TEXT].text-hover-primary-normal:hover,
body .text-primary i.material-icons,
body .text-primary-normal i.material-icons,
body .text-primary .bar-menu-item a,
body .select-wrapper .caret .material-icons {
  color: #194476;
}
body .text-primary-dark,
body span.static[id*=_TEXT].text-primary-dark,
body .text-primary-dark i.material-icons {
  color: #001f43;
}
body .text-primary-light,
body span.static[id*=_TEXT].text-primary-light,
body .text-primary-light i.material-icons {
  color: #2f4e87;
}
body .text-hover-primary:hover,
body span.static[id*=_TEXT].text-hover-primary:hover,
body .text-hover-primary:hover i.material-icons {
  color: #194476;
}
body .text-hover-primary-dark:hover,
body span.static[id*=_TEXT].text-hover-primary-dark:hover,
body .text-hover-primary-dark:hover i.material-icons {
  color: #001f43;
}
body .text-hover-primary-light:hover,
body span.static[id*=_TEXT].text-hover-primary-light:hover,
body .text-hover-primary-light:hover i.material-icons {
  color: #2f4e87;
}

/* MATERIAL COMPONENTS COLOR OVERRIDE */
[type=radio]:checked + label:after,
[type=radio].with-gap:checked + label:before,
[type=radio].with-gap:checked + label:after {
  border-color: #194476;
}

[type=radio]:checked + label:after,
[type=radio].with-gap:checked + label:after {
  background-color: #194476;
}

[type=checkbox].filled-in:checked + label:after {
  border-color: #194476;
  background-color: #194476;
}

[type=checkbox]:not(.filled-in):checked + label:before {
  border-right-color: #194476;
  border-bottom-color: #194476;
}

.dropdown-content li > a, .dropdown-content li > span {
  color: #194476;
}

/* MATERIAL COMPONENTS COLOR OVERRIDE - END */
/*PRIMARY COLORS - END*/
/*SECONDARY COLORS*/
body .bg-secondary,
body .bg-secondary-normal,
body .bg-hover-secondary:hover,
body .bg-hover-secondary-normal:hover {
  background-color: #2a5b93;
  color: #ffffff;
}
body .bg-secondary-dark,
body .bg-hover-secondary-dark:hover {
  background-color: #5a0000;
  color: #ffffff;
}
body .bg-secondary-light,
body .bg-hover-secondary-light:hover {
  background-color: #c34e2b;
  color: #ffffff;
}
body .border-secondary,
body .border-secondary-normal,
body .border-hover-secondary-normal:hover {
  border-color: #2a5b93;
}
body .border-secondary-dark {
  border-color: #5a0000;
}
body .border-secondary-light {
  border-color: #c34e2b;
}
body .border-hover-secondary:hover {
  border-color: #2a5b93;
}
body .border-hover-secondary-dark:hover {
  border-color: #5a0000;
}
body .border-hover-secondary-light:hover {
  border-color: #c34e2b;
}
body .bg-hover-secondary a:visited,
body .bg-hover-secondary-dark a:visited,
body .bg-hover-secondary-light a:visited {
  color: inherit;
}
body .bg-hover-secondary:hover a:visited,
body .bg-hover-secondary-dark:hover a:visited,
body .bg-hover-secondary-light:hover a:visited {
  color: inherit;
}
body .text-secondary,
body .text-secondary-normal,
body span.static[id*=_TEXT].text-secondary-normal,
body .text-hover-secondary-normal:hover,
body span.static[id*=_TEXT].text-hover-secondary-normal:hover,
body span.static[id*=_TEXT].text-secondary,
body span.static[id*=_TEXT].text-secondary-normal,
body span.static[id*=_TEXT].text-hover-secondary-normal:hover,
body .text-secondary i.material-icons,
body .text-secondary-normal i.material-icons,
body .text-secondary .bar-menu-item a {
  color: #2a5b93;
}
body .text-secondary-dark,
body span.static[id*=_TEXT].text-secondary-dark,
body .text-secondary-dark i.material-icons {
  color: #5a0000;
}
body .text-secondary-light,
body span.static[id*=_TEXT].text-secondary-light,
body .text-secondary-light i.material-icons {
  color: #c34e2b;
}
body .text-hover-secondary:hover,
body span.static[id*=_TEXT].text-hover-secondary:hover,
body .text-hover-secondary:hover i.material-icons {
  color: #2a5b93;
}
body .text-hover-secondary-dark:hover,
body span.static[id*=_TEXT].text-hover-secondary-dark:hover,
body .text-hover-secondary-dark:hover i.material-icons {
  color: #5a0000;
}
body .text-hover-secondary-light:hover,
body span.static[id*=_TEXT].text-hover-secondary-light:hover,
body .text-hover-secondary-light:hover i.material-icons {
  color: #c34e2b;
}

/* MATERIAL COMPONENTS COLOR OVERRIDE */
[type=radio]:checked.secondary + label:after,
[type=radio].with-gap:checked.secondary + label:before,
[type=radio].with-gap:checked.secondary + label:after,
div.secondary [type=radio]:checked + label:after,
div.secondary [type=radio].with-gap:checked + label:before,
div.secondary [type=radio].with-gap:checked + label:after {
  border-color: #2a5b93;
}

[type=radio]:checked.secondary + label:after,
[type=radio].with-gap:checked.secondary + label:after,
div.secondary [type=radio]:checked + label:after,
div.secondary [type=radio].with-gap:checked + label:after {
  background-color: #2a5b93;
}

[type=checkbox].filled-in:checked.secondary + label:after,
div.secondary [type=checkbox].filled-in:checked + label:after {
  border-color: #2a5b93;
  background-color: #2a5b93;
}

[type=checkbox]:not(.filled-in):checked.secondary + label:before,
div.secondary [type=checkbox]:not(.filled-in):checked + label:before {
  border-right-color: #2a5b93;
  border-bottom-color: #2a5b93;
}

div.secondary .dropdown-content li > a, div.secondary .dropdown-content li > span {
  color: #2a5b93;
}

/* MATERIAL COMPONENTS COLOR OVERRIDE - END */
/*SECONDARY COLORS - END*/
/*SUCCESS COLORS*/
body .bg-success,
body .bg-success-normal,
body .bg-hover-success-normal:hover,
body .snackbar-container.success-action,
body #MESSAGE_.ui-state-highlight {
  background-color: #e0ebea;
  color: #015d52;
}
body .bg-hover-success:hover {
  background-color: #e0ebea;
  color: #015d52;
}
body .border-success,
body .border-success-normal,
body .border-hover-success-normal:hover {
  border-color: #015d52;
}
body .snackbar-container.success-action {
  border: 1px solid #015d52;
}
body .border-hover-success:hover {
  border-color: #015d52;
}
body .text-success,
body .text-success-normal,
body span.static[id*=_TEXT].text-success-normal,
body .text-hover-success-normal:hover,
body span.static[id*=_TEXT].text-hover-success-normal:hover,
body span.static[id*=_TEXT].text-success,
body span.static[id*=_TEXT].text-success-normal,
body span.static[id*=_TEXT].text-hover-success-normal:hover,
body .text-success-normal i.material-icons,
body .text-success i.material-icons {
  color: #015d52;
}
body .text-hover-success:hover,
body span.static[id*=_TEXT].text-hover-success:hover,
body .text-hover-success:hover i.material-icons {
  color: #015d52;
}

/* SUCCESS COLOR -END */
/* ERROR COLOR*/
body .errorLabelClass label, body .errorMessageContainer, body .MandatoryAsterisk {
  color: #a94442;
}
body .bg-alert,
body .bg-alert-normal,
body .bg-hover-alert-normal:hover,
body #MESSAGE_.ui-state-error {
  background-color: #f6e0e0;
  color: #a94442;
}
body .bg-hover-alert:hover {
  background-color: #f6e0e0;
  color: #a94442;
}
body .border-alert,
body .border-alert-normal,
body .border-hover-alert-normal:hover,
body #MESSAGE_.ui-state-error {
  border-color: #a94442;
}
body .border-hover-alert:hover {
  border-color: #a94442;
}
body .text-alert,
body .text-alert-normal,
body span.static[id*=_TEXT].text-alert-normal,
body .text-hover-alert-normal:hover,
body span.static[id*=_TEXT].text-hover-alert-normal:hover,
body span.static[id*=_TEXT].text-alert,
body span.static[id*=_TEXT].text-alert-normal,
body span.static[id*=_TEXT].text-hover-alert-normal:hover,
body .text-alert i.material-icons,
body .text-alert-normal i.material-icons {
  color: #a94442;
}
body .text-hover-alert:hover,
body span.static[id*=_TEXT].text-hover-alert:hover,
body .text-hover-alert:hover i.material-icons {
  color: #a94442;
}

/* ERROR COLOR - END */
/* TEXT on DARK bg */
body .text-dark,
body .text-dark-primary,
body span.static[id*=_TEXT].text-dark,
body span.static[id*=_TEXT].text-dark-primary,
body .text-dark-primary.isweb-ui.lbl label,
body span.isweb-ui.lbl.static[id*=_TEXT].text-dark label,
body .text-dark i.material-icons,
body .text-dark-primary i.material-icons {
  color: #ffffff;
}
body .text-dark-secondary,
body span.static[id*=_TEXT].text-dark-secondary,
body .text-dark-secondary.isweb-ui.lbl label,
body .text-dark-secondary i.material-icons {
  color: #cecece;
}
body .text-dark-disabled,
body span.static[id*=_TEXT].text-dark-disabled,
body .text-dark-disabled.isweb-ui.lbl label,
body .text-dark-disabled i.material-icons {
  color: #adadad;
}

/* TEXT on LIGHT bg */
body .text-light,
body .text-light-primary,
body span.static[id*=_TEXT].text-light,
body span.static[id*=_TEXT].text-light-primary,
body .text-light-primary.isweb-ui.lbl label,
body span.isweb-ui.lbl.static[id*=_TEXT].text-light label,
body .text-light-primary i.material-icons {
  color: #333333;
}
body .text-light-secondary,
body span.static[id*=_TEXT].text-light-secondary,
body .text-light-secondary.isweb-ui.lbl label,
body .text-light-secondary i.material-icons {
  color: #575757;
}
body .text-light-disabled,
body span.static[id*=_TEXT].text-light-disabled,
body .text-light-disabled.isweb-ui.lbl label,
body .text-light-disabled i.material-icons {
  color: #777777;
}

/* GRAY */
body .text-gray {
  color: #eeeeee;
}
body .bg-gray {
  background-color: #eeeeee;
}
body .border-gray {
  border-color: #eeeeee;
}
body .border-top-gray {
  border-top-color: #eeeeee;
}
body .border-right-gray {
  border-right-color: #eeeeee;
}
body .border-left-gray {
  border-left-color: #eeeeee;
}
body .border-bottom-gray {
  border-bottom-color: #eeeeee;
}

/* Color Palette End */
/* FOOTER */
#PORTAL_FOOTER {
  background-color: #194476;
}
#PORTAL_FOOTER #ORG_NAME {
  color: #ffffff;
}
#PORTAL_FOOTER .footer-icon.bg-white {
  background: #dedede;
  color: #565656;
}
#PORTAL_FOOTER .footer-icon {
  font-size: 1.8rem;
  background-color: transparent;
  color: #ffffff;
}
#PORTAL_FOOTER .footer-header {
  color: #ffffff;
  font-size: 0.9rem;
}
#PORTAL_FOOTER .footer-details {
  color: #ffffff;
}
#PORTAL_FOOTER a {
  color: #ffffff;
}
#PORTAL_FOOTER .footer-link a {
  color: #ffffff !important;
}

/* FOOTER - END */
/* BUTTONS */
.btn, .btn.axn-primary {
  background-color: #194476;
  color: #ffffff;
}

.btn:hover,
.btn:focus,
.btn.active,
.btn.axn-primary:hover,
.btn.axn-primary:focus,
.btn.axn-primary.active {
  background-color: #001f43;
}

.btn-flat, .btn-flat.axn-primary {
  color: #194476;
}

.btn-flat:hover,
.btn-flat:focus,
.btn-flat.active,
.btn-flat.axn-primary:hover,
.btn-flat.axn-primary:focus,
.btn-flat.axn-primary.active {
  background-color: #e6e9f0;
}

.btn.axn-secondary {
  background-color: #2a5b93;
  color: #ffffff;
}

.btn.axn-secondary:hover,
.btn.axn-secondary:focus,
.btn.axn-secondary.active {
  background-color: #5a0000;
  color: #ffffff;
}

.btn-flat.axn-secondary {
  color: #2a5b93;
}

.btn-flat.axn-secondary:hover,
.btn-flat.axn-secondary:focus,
.btn-flat.axn-secondary.active {
  background-color: #f1e4e0;
  color: #2a5b93;
}

.btn.axn-negative,
.btn-flat.axn-negative {
  background-color: #ffffff;
  border: 1px solid #333333;
  color: #333333;
  box-sizing: border-box;
}

.btn.axn-negative:hover,
.btn.axn-negative:focus,
.btn.axn-negative.active,
.btn-flat.axn-negative:hover,
.btn-flat.axn-negative:focus,
.btn-flat.axn-negative.active {
  background-color: #777777;
  color: #ffffff;
  border-color: #777777;
}

.btn.axn-negative.ui-state-disabled,
.btn.axn-negative.disabled,
.btn.axn-negative.disabled:hover,
.btn.axn-negative.disabled:focus,
.btn-flat.axn-negative.ui-state-disabled,
.btn-flat.axn-negative.disabled,
.btn-flat.axn-negative.disabled:hover,
.btn-flat.axn-negative.disabled:focus {
  border: none;
}

/* BUTTONS - END */
/* INPUT */
.lbl label.active,
.material-icons.prefix.active {
  color: #194476;
}

.lbl label,
.lbl label.active.blur {
  color: #333333;
}

.lbl.errorLabelClass label.active.blur {
  color: #a94442;
}

span.note {
  color: #777777;
}

/* override placeholder color with !important 
   very very bad >_< */
.inputPlaceholderWrapper [id$=PLACEHOLDER] {
  color: #777777 !important;
}

/* recreate default select style from material.css because the control was changed to the native <select> element */
select {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 20px 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: all 0.3s;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
select:focus:not([readonly]) {
  border-bottom: 1px solid #194476;
  -webkit-box-shadow: 0 1px 0 0 #194476;
  box-shadow: 0 1px 0 0 #194476;
}

div.field.invalid input:not([type]):not(:focus),
div.field.invalid input[type=text]:not(:focus),
div.field.invalid input[type=password]:not(:focus),
div.field.invalid input[type=email]:not(:focus),
div.field.invalid input[type=url]:not(:focus),
div.field.invalid input[type=time]:not(:focus),
div.field.invalid input[type=date]:not(:focus),
div.field.invalid input[type=datetime]:not(:focus),
div.field.invalid input[type=datetime-local]:not(:focus),
div.field.invalid input[type=tel]:not(:focus),
div.field.invalid input[type=number]:not(:focus),
div.field.invalid input[type=search]:not(:focus),
div.field.invalid select:not(:focus) {
  border-bottom: 1px solid #a94442;
  -webkit-box-shadow: 0 1px 0 0 #a94442;
  box-shadow: 0 1px 0 0 #a94442;
}

div.secondary input:not([type]):focus:not([readonly]),
div.secondary input[type=text]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=password]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=email]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=url]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=time]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=date]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=datetime]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=tel]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=number]:not(.browser-default):focus:not([readonly]),
div.secondary input[type=search]:not(.browser-default):focus:not([readonly]),
div.secondary textarea.materialize-textarea:focus:not([readonly]),
div.secondary select:focus:not([readonly]) {
  border-bottom: 1px solid #2a5b93;
  -webkit-box-shadow: 0 1px 0 0 #2a5b93;
  box-shadow: 0 1px 0 0 #2a5b93;
}
div.secondary .lbl label.active, div.secondary .material-icons.prefix.active {
  color: #2a5b93;
}

/* INPUT - END */
/* MATERIAL ELEMENTS */
.collection .collection-item.avatar.bg-hover-gray:hover {
  background-color: #eeeeee;
}
.collection .collection-item.bg-hover-gray:hover {
  background-color: #eeeeee;
}
.collection .collection-item.avatar.bg-gray {
  background-color: #eeeeee;
}
.collection .collection-item.bg-gray {
  background-color: #eeeeee;
}
.collection .collection-item.avatar.bg-hover-primary-dark:hover {
  background-color: #001f43;
}
.collection .collection-item.bg-hover-primary-dark:hover {
  background-color: #001f43;
}
.collection .collection-item.avatar.bg-primary {
  background-color: #194476;
}
.collection .collection-item.bg-primary {
  background-color: #194476;
}
.collection .collection-item.avatar.bg-hover-primary:hover {
  background-color: #194476;
}
.collection .collection-item.bg-hover-primary:hover {
  background-color: #194476;
}

/* MATERIAL ELEMENTS - END */
/* HEADER TABS */
body .nav-content.text-primary {
  border-top: 1px solid #eeeeee;
}
body .nav-content.text-primary .tabs .tab a {
  background-color: #ffffff;
  color: #194476;
  border-color: #194476;
}
body .nav-content.text-primary .tabs .tab a.active {
  background-color: #ffffff;
  color: #001f43;
  border-color: #001f43;
  font-weight: bold;
}
body .nav-content.text-primary .tabs .tab.disabled a {
  background-color: #ffffff;
  color: #777777;
  border-color: #777777;
}
body .nav-content.text-primary .tabs .indicator {
  background-color: #001f43;
}
body .nav-content.text-primary .tabs .tab a:not(.disabled):hover {
  border-bottom: 2px solid #c34e2b;
}
body .nav-content.text-secondary {
  border-top: 1px solid #eeeeee;
}
body .nav-content.text-secondary .tabs .tab a {
  background-color: #ffffff;
  color: #2a5b93;
  border-color: #2a5b93;
}
body .nav-content.text-secondary .tabs .tab a.active {
  background-color: #ffffff;
  color: #5a0000;
  border-color: #5a0000;
  font-weight: bold;
}
body .nav-content.text-secondary .tabs .tab.disabled a {
  background-color: #ffffff;
  color: #777777;
  border-color: #777777;
}
body .nav-content.text-secondary .tabs .indicator {
  background-color: #5a0000;
}
body .nav-content.text-secondary .tabs .tab a:not(.disabled):hover {
  border-bottom: 2px solid #2f4e87;
}

/* HEADER TABS - END */
/* GRIDS */
.pagination li.active {
  background-color: #c34e2b;
}

/* GRIDS -END */
/* FONTS */
/* footer */
#PORTAL_FOOTER .footer-header {
  font-size: 0.9rem;
}

/* section */
.section .section-title, .modal-header .modal-title {
  font-size: 1.17em;
  /* based on h3 W3C standard */
  font-weight: bolder;
}

/* modal */
.modal-title {
  text-transform: uppercase;
}

.modal-header .modal-title {
  font-weight: bold;
}

/* header */
.nav-title-container {
  font-weight: bold;
  font-size: 1.17em;
}

/* form components */
@media only screen and (min-width: 0) {
  .lbl, .lbl label {
    font-size: 14px;
  }

  span.note, .errorPopUpContent {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  .lbl, .lbl label {
    font-size: 14.5px;
  }

  span.note, .errorPopUpContent {
    font-size: 13.5px;
  }
}
@media only screen and (min-width: 1200px) {
  .lbl, .lbl label {
    font-size: 15px;
  }

  span.note, .errorPopUpContent {
    font-size: 14px;
  }
}
/* FONTS -END */
/*
#11718 - Use a more specific css selector to fix the color of icons on a dark
background 
*DCC-471

the base color for <a> is overriding the color for .material-icons
*/
body .bg-primary-light .searchbar a .material-icons {
  color: #ffffff;
}

/*ERY-2719*/
.selectionWrapper {
  position: relative;
}

.selectionWrapper input[type=text] {
  padding-right: 3rem;
}

.selectionWrapper a.selectionSearchFrameworkButton {
  position: absolute;
  top: 0.6rem;
  right: 2rem;
  background: transparent;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2;
  border: none !important;
  box-shadow: none !important;
}

.selectionWrapper a.selectionClearFrameworkButton {
  position: absolute;
  top: 0.6rem;
  right: 0.4rem;
  background: transparent;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2;
  border: none !important;
  box-shadow: none !important;
}

ul.table-of-contents > li {
  list-style-type: none;
  padding: 10px 0;
}

.table-of-contents a.active {
  font-weight: 700;
}

.page-title > h1 {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
  font-weight: inherit;
  display: inline;
}

.btn {
  margin-left: 1rem;
  margin-top: 0.5rem;
}

.nav-title-container {
  width: 30%;
}

.nav-title-container .header-logo {
  max-width: 100%;
}

/* ERY-4044 Remove the rotation for the faux-checkmark used by materializecss in the termsfeed popup*/
.termsfeed-com---reset [type=checkbox] + label::before,
.termsfeed-com---reset [type=checkbox] + label::after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

/** DCC Specific Start */
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #194476;
}

#PORTAL_FOOTER a:hover {
  text-decoration: underline;
}

.selectionWrapper .btn-flat {
  padding: 0 7px !important;
}

/* section */
.section .section-title, .modal-header .modal-title {
  font-size: 1.8em;
  color: #194476;
  line-height: 1.1;
}

.modal-header .modal-title {
  font-size: 1.1em;
}

/* header */
.nav-title-container {
  font-weight: bold;
  font-size: 1.5em;
}

.navbar-fixed {
  height: 140px;
}

nav {
  box-shadow: none;
}

nav.nav-up {
  top: -50px;
}

.navbar-fixed nav {
  background-color: #194476;
  padding-top: 50px;
}

nav .nav-wrapper {
  background-color: #e5eaf0;
  border-bottom: #b2bbc6 1px solid;
}

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  height: 140px;
}

.nav-wrapper > div, .nav-wrapper i.material-icons {
  height: 65px;
  line-height: 4.5rem;
  padding-top: 0px;
}

nav i.material-icons {
  font-size: 2em;
}

.navbar-fixed.tab-header-container {
  height: 170px;
}

.tabs .tab a {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .navbar-fixed, nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 90px;
  }

  .navbar-fixed nav {
    padding-top: 0px;
  }

  .navbar-fixed.tab-header-container {
    height: 120px;
  }

  .tabs .tab a {
    font-size: 14px;
  }
}
/* form components */
.lbl, .lbl label {
  font-weight: bold;
}

.side-nav li > a {
  font-size: 16px;
}

@media only screen and (min-width: 0) {
  .lbl, .lbl label {
    font-size: 16px;
  }

  span.note, .errorPopUpContent {
    font-size: 15.5px;
  }

  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .lbl, .lbl label {
    font-size: 16px;
  }

  span.note, .errorPopUpContent {
    font-size: 15.5px;
  }

  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .lbl, .lbl label {
    font-size: 16px;
  }

  span.note, .errorPopUpContent {
    font-size: 15.5px;
  }

  html {
    font-size: 16px;
  }
}
/** DCC Specific End */

/*# sourceMappingURL=portalmaterial_theme_dcc.css.map */