@charset "UTF-8";
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;list-style: none;}
html {scrollbar-gutter: stable;}
body {font-family: "Inter", sans-serif;overflow-x: hidden !important;}
.btn, a { transition: all .3s;}
a, a:hover {color: inherit;text-decoration: none;}
a {display: inline-block;text-decoration: none;}
/* BRANDING */
.RW-bg {background:#003057}
.RW-bg-text {background:#003057;color:#fff;}
.RW-bg-light {background:#e5eaee}
.text-rw {color:#003057}
.btn-rw {color: #fff;background-color: #003057;border-color: #003057;}
.btn-rw:hover {color: #fff;background-color: #003662;border-color: #003662;}
.btn-outline-rw {color: #003057;background-color:transparent;border-color: #c3d2df;}
.btn-outline-rw:hover {color: #fff;background-color: #003057;border-color: #003057;}
.reece-header-title {height:58px}
.fw-100 {font-weight: 100}
.fw-200 {font-weight: 200}
.fw-300 {font-weight: 300}
.fw-400 {font-weight: 400}
.fw-500 {font-weight: 500}
.fw-600 {font-weight: 600}
.fw-700 {font-weight: 700}
.fw-800 {font-weight: 800}
h5.card-title {color:#336699}
.nav-tabs .nav-item, .nav-pills .nav-item {margin-right: .75rem;}
.nav-tabs .nav-item {margin-bottom: .75rem;}
.nav-tabs .nav-link {background-color: #f1f4f7;isolation: isolate;border-color:#d9dde1;color:inherit;border-radius:4px;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {background-color: #1b4568 !important;isolation: isolate;border-color:#1b4568;color:#fff !important;}
a.tile {background:#f2f5f8;border:1px solid #d6e7f5;color:inherit;padding:5px;border-radius:3px;font-size:12px;height:100%}
a.tile:hover {background:#1b4568;border:1px solid #1b4568;color:#fff;}
hr {opacity:0.1}
.text-muted {color:#999 !important}
footer p {color:#999 !important}
footer ul {padding: 0;margin: 0;}
.modal {
  --ar-modal-zindex: 1055;
  --ar-modal-width: 500px;
  --ar-modal-padding: 2.375rem;
  --ar-modal-margin: 0.5rem;
  --ar-modal-color: ;
  --ar-modal-bg: var(--ar-body-bg);
  --ar-modal-border-color: var(--ar-border-color);
  --ar-modal-border-width: var(--ar-border-width);
  --ar-modal-border-radius: var(--ar-border-radius-2xl);
  --ar-modal-box-shadow: none;
  --ar-modal-inner-border-radius: calc(var(--ar-border-radius-2xl) - (var(--ar-border-width)));
  --ar-modal-title-line-height: 1.5;
  --ar-modal-footer-gap: 0;
  --ar-modal-footer-bg: ;
  --ar-modal-footer-border-color: var(--ar-border-color);
  --ar-modal-footer-border-width: var(--ar-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--ar-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}
.modal-dialog {position: relative;width: auto;margin: var(--ar-modal-margin);pointer-events: none}
.modal.fade .modal-dialog {transition: transform .2s ease-out;transform: scale(0.9)}
@media(prefers-reduced-motion: reduce) {.modal.fade .modal-dialog {transition: none}}
.modal.show .modal-dialog {transform: none}
.modal.modal-static .modal-dialog {transform: scale(1.02)}
.modal-dialog-scrollable {height: calc(100% - var(--ar-modal-margin)*2)}
.modal-dialog-scrollable .modal-content {max-height: 100%;overflow: hidden}
.modal-dialog-scrollable .modal-body {overflow-y: auto}
.modal-dialog-centered {display: flex;align-items: center;min-height: calc(100% - var(--ar-modal-margin)*2)}
.modal-content {border:none;border-radius:15px;padding:50px 50px 60px;}
.modal-header, .modal-footer, .modal-body {border:none;padding:0}
.modal-backdrop {--ar-backdrop-zindex: 1050;--ar-backdrop-bg: #000;--ar-backdrop-opacity: 0.65;position: fixed;top: 0;left: 0;z-index: var(--ar-backdrop-zindex);width: 100vw;height: 100vh;background-color: var(--ar-backdrop-bg)}
.modal-backdrop.fade {opacity: 0}
.modal-backdrop.show {opacity: var(--ar-backdrop-opacity)}

@media(min-width: 576px) {
  .modal {
    --ar-modal-margin: 1.75rem;
    --ar-modal-box-shadow: none
  }
  .modal-dialog {
    max-width: var(--ar-modal-width);
    margin-right: auto;
    margin-left: auto
  }
  .modal-sm {
    --ar-modal-width: 300px
  }
}
@media(min-width: 992px) {
  .modal-lg, .modal-xl {
    --ar-modal-width: 800px
  }
}
@media(min-width: 1200px) {
  .modal-xl {
    --ar-modal-width: 1140px
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}
.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
  border-radius: 0
}
.modal-fullscreen .modal-body {
  overflow-y: auto
}
@media(max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}
@media(max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
    border-radius: 0
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}
@media(max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}
@media(max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}
@media(max-width: 1399.98px) {.modal-fullscreen-xxl-down {width: 100vw;max-width: none;height: 100%;margin: 0}
.modal-fullscreen-xxl-down .modal-content {height: 100%;border: 0;border-radius: 0}
.modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {border-radius: 0}
.modal-fullscreen-xxl-down .modal-body {overflow-y: auto}}
/* START RESPONSIVE */
@media screen and (max-width: 992px) {
.reece-header-title {height:38px}
}