/*css varibales*/
:root {
  --primary-color: #1cabe2;
  --primary-hover:#0e95ca;
  --regular-gray1:#333;
  --regular-gray2:#404040;
  --regular-gray3:#595959;
  --regular-gray4:#757575;
  --regular-gray5:#c1c1c1;
  --regular-gray6:#f1f1f1;
  --regular-gray7:#f8f8f8;
  --regular-gray8:#d8d8d8;
  --regular-gray9:#ced4da;
  --regular-accent-action: #e34e09;
  --regular-accent-action-hover: #c94304;
  --white:#fff;
  --black:#000;
  --primary-light:#c5effc;
  --blue1:#2159a8;
  --blue2:#1a4b8f;
  --regular-bkgd:#d3dbdf;
  --hc-color:#0f5c85;
  --hc-hover: #0c4462;
  --hc-color-secondary:#2159a5;
  --hc-regular-accent-action: #9c350d;
  --hc-regular-accent-action-hover: #822500;
  --hc-accent-alert: #a12e26;
  --primary-font: 'Roboto',sans-serif;
  --primary-regular: 400;
  --primary-medium: 500;
  --primary-bold: 700;
  --primary-black: 900;
  --secondary-font: 'PT Serif',serif;
  --secondary-regular: 400;
  --secondary-bold: 800;
  --shadow-hover: 0 3px 3px -2px rgba(0, 0, 0, 0.1),0 3px 4px 0 rgba(0, 0, 0, 0.14),0 1px 8px 0 rgba(0, 0, 0, 0.12);
  --shadow-active: 0 5px 5px -3px rgba(0, 0, 0, 0.12),0 8px 10px 1px rgba(0, 0, 0, 0.14),0 3px 14px 2px rgba(0, 0, 0, 0.12);
  --outline-btn-shadow-hover: 0px 1px 8px 0px rgba(0, 0, 0, 0.12),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 3px 3px -2px rgba(0, 0, 0, 0.10);
  --outline-btn-shadow-active: 0px 3px 14px 2px rgba(0, 0, 0, 0.25),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --card-hover-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 3px 4px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --drop-shadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10));
  --inset-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow2: 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow3: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  --box-shadow4: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  --box-shadow5: 2px -3px 3px 0px rgba(0, 0, 0, 0.15);
  --box-shadow6: 0px 1px 2px -1px rgba(0, 0, 0, 0.25);
  --box-shadow7: 2px 2px 4px -1px rgba(0, 0, 0, 0.75);
  --drop-shadow1:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25));
  --drop-shadow2:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  --card-height: 525px;
  --bg-tint1: rgba(33, 89, 168, 90%);
  --bg-tint2: rgba(0, 0, 0, 0.6);
  /*survey colors*/
  --sc1: #a3e7f5;
  --sc2: #ffee00;
  --sc3: #ffc20e;
  --sc4: #80bd41;
  --sc5: #c9c9c9;
  /*dataset colors*/
  --ds1:#d9e3f2;
  --ds-h1:var(--blue1);
  --ds2:#d9f2e5;
  --ds-h2:#42b577;
  --ds3:#fcd5d3;
  --ds-h3:#bd605b;
  --ds4:#fcd5d3;
  --ds-h4:#ee9058;
  --ds5:#fff3cf;
  --ds-h5:var(--sc3);
  --ds6:#e1d2e3;
  --ds-h6:#884b90;
  --ds7:#d2eef9;
  --ds-h7:#1cabe2;
  --light-blue:#0e95Ca33; }

.high-contrast-mode {
  --primary-color:var(--hc-color);
  --primary-hover:var(--hc-hover);
  --blue1: var(--hc-color-secondary);
  --regular-accent-action:var(--hc-regular-accent-action);
  --regular-accent-action-hover:var(--hc-regular-accent-action-hover); }

.outlined-btn,
.listing-view .form-actions .button,
.view-filter-enabled .form-actions .button,
.comment-form .form-actions input {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.28;
  font-weight: var(--primary-bold);
  padding: 7px 20px;
  border-radius: 5px;
  text-transform: uppercase; }
  .outlined-btn:hover,
  .listing-view .form-actions .button:hover,
  .view-filter-enabled .form-actions .button:hover,
  .comment-form .form-actions input:hover {
    box-shadow: var(--outline-btn-shadow-hover);
    color: var(--primary-hover);
    border-color: var(--primary-color);
    background: transparent; }
  .outlined-btn:active, .outlined-btn.focus-visible,
  .listing-view .form-actions .button:active,
  .listing-view .form-actions .button.focus-visible,
  .view-filter-enabled .form-actions .button:active,
  .view-filter-enabled .form-actions .button.focus-visible,
  .comment-form .form-actions input:active,
  .comment-form .form-actions input.focus-visible {
    box-shadow: var(--outline-btn-shadow-active);
    color: var(--primary-hover);
    border-color: var(--primary-color);
    background: transparent; }
  .outlined-btn[disabled], .outlined-btn.disabled,
  .listing-view .form-actions .button[disabled],
  .listing-view .form-actions .button.disabled,
  .view-filter-enabled .form-actions .button[disabled],
  .view-filter-enabled .form-actions .button.disabled,
  .comment-form .form-actions input[disabled],
  .comment-form .form-actions input.disabled {
    color: var(--regular-gray5);
    border-color: var(--regular-gray5);
    background-color: transparent;
    box-shadow: none; }

.arrow-btn {
  font-size: 0.875rem;
  line-height: 1.28;
  font-weight: var(--primary-bold);
  padding-left: 15px;
  position: relative;
  display: inline-block; }
  .arrow-btn:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: left center;
    left: 0; }
  .arrow-btn:hover, .arrow-btn:active {
    text-decoration: underline; }

.arrow-btn-blue,
.ui-widget-content .arrow-btn-blue,
.white-cards .arrow-btn,
.mics-cards-view .views-row:nth-child(even) .arrow-btn {
  color: var(--primary-color); }
  .arrow-btn-blue:before,
  .ui-widget-content .arrow-btn-blue:before,
  .white-cards .arrow-btn:before,
  .mics-cards-view .views-row:nth-child(even) .arrow-btn:before {
    background-image: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/arrow-blue.svg"); }
  .arrow-btn-blue:hover, .arrow-btn-blue:active,
  .ui-widget-content .arrow-btn-blue:hover,
  .ui-widget-content .arrow-btn-blue:active,
  .white-cards .arrow-btn:hover,
  .white-cards .arrow-btn:active,
  .mics-cards-view .views-row:nth-child(even) .arrow-btn:hover,
  .mics-cards-view .views-row:nth-child(even) .arrow-btn:active {
    color: var(--primary-hover); }
    .arrow-btn-blue:hover:before, .arrow-btn-blue:active:before,
    .ui-widget-content .arrow-btn-blue:hover:before,
    .ui-widget-content .arrow-btn-blue:active:before,
    .white-cards .arrow-btn:hover:before,
    .white-cards .arrow-btn:active:before,
    .mics-cards-view .views-row:nth-child(even) .arrow-btn:hover:before,
    .mics-cards-view .views-row:nth-child(even) .arrow-btn:active:before {
      background-image: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/arrow-blue-hover.svg"); }

.arrow-btn-white,
.mics-cards-view .views-row:nth-child(odd) .arrow-btn {
  color: var(--white); }
  .arrow-btn-white:before,
  .mics-cards-view .views-row:nth-child(odd) .arrow-btn:before {
    background-image: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/arrow-white.svg"); }
  .arrow-btn-white:hover, .arrow-btn-white:active,
  .mics-cards-view .views-row:nth-child(odd) .arrow-btn:hover,
  .mics-cards-view .views-row:nth-child(odd) .arrow-btn:active {
    color: var(--regular-gray7); }
    .arrow-btn-white:hover:before, .arrow-btn-white:active:before,
    .mics-cards-view .views-row:nth-child(odd) .arrow-btn:hover:before,
    .mics-cards-view .views-row:nth-child(odd) .arrow-btn:active:before {
      background-image: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/arrow-white-hover.svg"); }

.btn-style-1 {
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--primary-bold);
  color: var(--primary-color);
  font-size: 0.875rem;
  line-height: 1.28;
  box-shadow: var(--outline-btn-shadow-hover);
  background-color: var(--white);
  text-transform: uppercase; }
  .btn-style-1:hover {
    color: var(--primary-hover); }
  .btn-style-1:active {
    box-shadow: var(--outline-btn-shadow-active);
    color: var(--primary-hover); }

.btn-style-2,
.node-requested-dataset-form .form-actions .button {
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--primary-bold);
  background-color: var(--regular-accent-action);
  font-size: 0.875rem;
  line-height: 1.28;
  box-shadow: var(--outline-btn-shadow-hover);
  color: var(--white);
  text-transform: uppercase;
  border: none; }
  .btn-style-2:hover,
  .node-requested-dataset-form .form-actions .button:hover {
    background-color: var(--regular-accent-action-hover); }
  .btn-style-2:active,
  .node-requested-dataset-form .form-actions .button:active {
    box-shadow: var(--outline-btn-shadow-active);
    background-color: var(--regular-accent-action-hover); }
  .btn-style-2[disabled], .btn-style-2.disabled,
  .node-requested-dataset-form .form-actions .button[disabled],
  .node-requested-dataset-form .form-actions .button.disabled {
    color: var(--white);
    border-color: var(--regular-gray5);
    background-color: var(--regular-gray5);
    box-shadow: none; }

.btn-style-3 {
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--primary-bold);
  background-color: var(--white);
  font-size: 0.875rem;
  line-height: 1.28;
  box-shadow: var(--outline-btn-shadow-hover);
  color: var(--regular-accent-action);
  text-transform: uppercase;
  border: 3px solid; }
  .btn-style-3:hover {
    color: var(--regular-accent-action-hover); }
  .btn-style-3:active {
    box-shadow: var(--outline-btn-shadow-active);
    color: var(--regular-accent-action-hover); }
  .btn-style-3[disabled] {
    color: var(--regular-gray5);
    border-color: var(--regular-gray5);
    background-color: transparent;
    box-shadow: none; }

.btn-style-4,
.listing-page .daterangepicker .drp-buttons .applyBtn,
.load-more-view .pager a,
.user-form-page .user-form .form-actions input,
.user-form-page .user-form .form-actions a {
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--primary-bold);
  color: var(--white);
  background-color: var(--primary-color);
  font-size: 0.875rem;
  line-height: 1.28;
  box-shadow: var(--outline-btn-shadow-hover);
  text-transform: uppercase;
  border: none; }
  .btn-style-4:hover,
  .listing-page .daterangepicker .drp-buttons .applyBtn:hover,
  .load-more-view .pager a:hover,
  .user-form-page .user-form .form-actions input:hover,
  .user-form-page .user-form .form-actions a:hover {
    background-color: var(--primary-hover); }
  .btn-style-4:active,
  .listing-page .daterangepicker .drp-buttons .applyBtn:active,
  .load-more-view .pager a:active,
  .user-form-page .user-form .form-actions input:active,
  .user-form-page .user-form .form-actions a:active {
    background-color: var(--primary-hover);
    box-shadow: var(--outline-btn-shadow-active); }
  .btn-style-4[disabled],
  .listing-page .daterangepicker .drp-buttons .applyBtn[disabled],
  .load-more-view .pager a[disabled],
  .user-form-page .user-form .form-actions input[disabled],
  .user-form-page .user-form .form-actions a[disabled] {
    background-color: var(--regular-gray5); }

.btn-style-5 {
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--primary-bold);
  background-color: var(--white);
  font-size: 0.875rem;
  line-height: 1.28;
  box-shadow: var(--outline-btn-shadow-hover);
  color: var(--regular-accent-action);
  text-transform: uppercase;
  border: none; }
  .btn-style-5:hover {
    color: var(--regular-accent-action-hover); }
  .btn-style-5:active {
    box-shadow: var(--outline-btn-shadow-active);
    color: var(--regular-accent-action-hover); }

.btn-style-6 {
  padding: 12px 20px;
  border-radius: 30px;
  background-color: var(--primary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--primary-bold);
  color: var(--white);
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1; }
  .btn-style-6:hover {
    background-color: var(--primary-hover); }

/*button center*/
.detail-btn-wrap {
  text-align: center; }

/*more-link*/
.mics-more-link {
  font-weight: var(--primary-bold);
  font-size: 0.875rem;
  line-height: 1.28;
  display: inline-block; }
  .mics-more-link:hover {
    text-decoration: underline; }

.link-btn-style, .link-btn-style-wrap a {
  font-size: 0.875rem;
  line-height: 1.28;
  text-decoration: underline;
  padding-left: 30px;
  background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/external-link.svg") no-repeat left center; }
  .link-btn-style:hover, .link-btn-style-wrap a:hover {
    color: var(--primary-hover); }

/*back to top button*/
.back-top-wrap {
  position: fixed;
  bottom: 20px;
  right: 29px;
  z-index: 2; }

.back-to-btn {
  background: var(--primary-color) url("/sites/mics/themes/custom/mics/components/images/icons/buttons/back-top-arrow.svg") no-repeat center center;
  width: 56px;
  height: 56px;
  border-radius: 50px;
  font-size: 0;
  display: block;
  box-shadow: var(--shadow-hover); }

.input-clear-icon {
  position: absolute;
  right: 78px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  width: 20px;
  height: 20px;
  background: url("/sites/mics/themes/custom/mics/components/images/icons/close/close-20_20_c1c1c1.svg") no-repeat center center;
  cursor: pointer;
  display: none; }

.has-value .input-clear-icon {
  display: block; }

.modal .close,
.close-btn,
.popup-header .close-btn {
  width: 20px;
  height: 20px;
  background: url("/sites/mics/themes/custom/mics/components/images/icons/close/close-20_20_c1c1c1.svg") no-repeat center center;
  border: none;
  font-size: 0; }
  .modal .close:hover,
  .close-btn:hover,
  .popup-header .close-btn:hover {
    background: url("/sites/mics/themes/custom/mics/components/images/icons/close/close-20_20_hover.svg") no-repeat center center; }

.close-btn {
  width: 12px;
  height: 12px;
  background-size: contain;
  display: block; }
  .close-btn:hover {
    background-size: contain; }

.load-more-view .pager {
  margin: 0;
  padding: 20px 0 0;
  display: flex;
  justify-content: center; }
  .load-more-view .pager a:active {
    color: var(--white); }
.load-more-view .pager__item {
  padding: 0; }

.btn-large-size {
  width: 170px; }

.export-btn {
  border: 3px solid var(--primary-color);
  border-radius: 5px;
  width: 60px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/export.svg") no-repeat center center;
  font-size: 0; }
  .export-btn:hover {
    border-color: var(--primary-hover);
    background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/export-hover.svg") no-repeat center center; }
  .export-btn.disabled {
    opacity: .5;
    filter: grayscale(1);
    pointer-events: none; }

.link-view {
  font-size: 0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light-blue) url("/sites/mics/themes/custom/mics/components/images/icons/eye.svg") no-repeat center center; }

.add-more-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--primary-color);
  padding: 12px 28px 12px 16px; }

.add-more-label {
  font-size: 1rem;
  line-height: 1.375;
  font-style: italic;
  color: var(--regular-gray4); }

.add-plus-btn {
  background: var(--white) url("/sites/mics/themes/custom/mics/components/images/icons/buttons/add-more.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  filter: var(--drop-shadow1);
  font-size: 0;
  border: none;
  padding: 0;
  margin: 0; }
  .add-plus-btn:hover, .add-plus-btn:active, .add-plus-btn:focus-visible, .add-plus-btn:focus, .add-plus-btn:focus:focus-visible, .add-plus-btn[disabled], .add-plus-btn.disabled {
    background-color: var(--white) !important;
    filter: var(--drop-shadow2);
    outline: none;
    box-shadow: none; }

.remove-btn,
.document-field input[value="Remove"] {
  background: var(--white) url("/sites/mics/themes/custom/mics/components/images/icons/buttons/delete.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  filter: var(--drop-shadow1);
  font-size: 0;
  border: none !important;
  padding: 0;
  margin: 0; }
  .remove-btn:hover, .remove-btn:active,
  .document-field input[value="Remove"]:hover,
  .document-field input[value="Remove"]:active {
    background-color: var(--white) !important;
    filter: var(--drop-shadow2);
    box-shadow: none; }

.edit-link-icon {
  background: var(--regular-gray7) url("/sites/mics/themes/custom/mics/components/images/icons/buttons/edit-icon.svg") no-repeat center center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  filter: var(--drop-shadow1);
  font-size: 0;
  display: block; }
  .edit-link-icon:hover, .edit-link-icon:active {
    filter: var(--drop-shadow2); }

.view-btn {
  background: var(--regular-gray7) url("/sites/mics/themes/custom/mics/components/images/icons/buttons/view-icon-gray.svg") no-repeat center center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  filter: var(--drop-shadow1);
  font-size: 0;
  display: block; }
  .view-btn:hover, .view-btn:active {
    filter: var(--drop-shadow2); }

.video-icon-required {
  position: relative; }
  .video-icon-required:after {
    content: '';
    position: absolute;
    background: url("/sites/mics/themes/custom/mics/components/images/icons/media/youtube.svg") no-repeat center center;
    width: 42px;
    height: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%); }

.btn-align-right {
  display: flex;
  justify-content: flex-end; }

.moreless {
  color: var(--primary-color); }
  .moreless:hover {
    color: var(--primary-hover); }

.external-link-icon-only {
  background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/external-link.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  font-size: 0;
  display: inline-block;
  background-size: cover; }

.info-icon {
  background: url("/sites/mics/themes/custom/mics/components/images/icons/icon-info.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  font-size: 0;
  display: inline-block;
  flex-shrink: 0; }
  .info-icon:hover {
    background: url("/sites/mics/themes/custom/mics/components/images/icons/icon-info-hover.svg") no-repeat center center; }

.high-contrast-mode .link-btn-style,
.high-contrast-mode .link-btn-style-wrap a {
  background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/dark/external-link-dark.svg") no-repeat left center; }
.high-contrast-mode .arrow-btn-blue,
.high-contrast-mode .ui-widget-content .arrow-btn-blue,
.high-contrast-mode .white-cards .arrow-btn,
.high-contrast-mode .mics-cards-view .views-row:nth-child(even) .arrow-btn {
  color: var(--primary-color); }
  .high-contrast-mode .arrow-btn-blue:before,
  .high-contrast-mode .ui-widget-content .arrow-btn-blue:before,
  .high-contrast-mode .white-cards .arrow-btn:before,
  .high-contrast-mode .mics-cards-view .views-row:nth-child(even) .arrow-btn:before {
    background-image: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/dark/Chevron_r_primary_highcontrast.svg"); }
  .high-contrast-mode .arrow-btn-blue:hover, .high-contrast-mode .arrow-btn-blue:active,
  .high-contrast-mode .ui-widget-content .arrow-btn-blue:hover,
  .high-contrast-mode .ui-widget-content .arrow-btn-blue:active,
  .high-contrast-mode .white-cards .arrow-btn:hover,
  .high-contrast-mode .white-cards .arrow-btn:active,
  .high-contrast-mode .mics-cards-view .views-row:nth-child(even) .arrow-btn:hover,
  .high-contrast-mode .mics-cards-view .views-row:nth-child(even) .arrow-btn:active {
    color: var(--primary-hover); }
    .high-contrast-mode .arrow-btn-blue:hover:before, .high-contrast-mode .arrow-btn-blue:active:before,
    .high-contrast-mode .ui-widget-content .arrow-btn-blue:hover:before,
    .high-contrast-mode .ui-widget-content .arrow-btn-blue:active:before,
    .high-contrast-mode .white-cards .arrow-btn:hover:before,
    .high-contrast-mode .white-cards .arrow-btn:active:before,
    .high-contrast-mode .mics-cards-view .views-row:nth-child(even) .arrow-btn:hover:before,
    .high-contrast-mode .mics-cards-view .views-row:nth-child(even) .arrow-btn:active:before {
      background-image: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/dark/Chevron_r_primary_hover_highcontrast.svg"); }
.high-contrast-mode .link-btn-style {
  background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/dark/dark-external-link.svg") no-repeat left center; }
.high-contrast-mode .export-btn {
  background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/dark/export-dark.svg") no-repeat center center; }
  .high-contrast-mode .export-btn:hover {
    background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/dark/export-dark-hover.svg") no-repeat center center; }
.high-contrast-mode .external-link-icon-only {
  background: url("/sites/mics/themes/custom/mics/components/images/icons/buttons/dark/external-link-dark.svg") no-repeat center center;
  background-size: cover; }

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