/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://www.westat.com
 Description:  Default GeneratePress child theme
 Author:       Konrad Kale
 Author URI:   https://www.westat.com
 Template:     generatepress
 Version:      3.2.4
*/

/**********************************************************
*				    S e c t i o n
*
* 1  	General/Base HTML elements
* 2  	Navigation
* 3  	Home page
* 4		Widgets - home page (above footer)
* 5  	Sidebar navigation - (left side)
* 6 	Footer
* 7  	About page
* 7.1 About -> Regional Networks
* 7.2	About -> EPINET Clinics
* 8  	Resources page
* 9   Google Map - EPINET Clinics
* 10  Steering Comittee
* 11  Measuring Index
* 12  Single Page / Data Upload
*
***********************************************************/

/***********************************************************
* 1) General/Base HTML element - Body, Heading, html, etc..
************************************************************/

body {
  background-color: #fff;
}

h1 {
  color: #005297;
  font-weight: 700;
  font-size: 30px;
}

h1.epinet-page-title {
  margin-top: 45px;
  margin-bottom: 5px;
}

h2 {
  font-size: 20px;
  /*margin-bottom: 34px;*/
  color: #005297;
  font-weight: 700;
}

h2.epinet-page-title {
  margin-top: 45px;
  margin-bottom: 5px;
}

h3 {
  font-size: 18px;
  color: #005297;
  font-weight: 700;
}

p {
  color: #000;
}

ul {
  color: #000;
}

a {
  color: #005297;
  text-decoration: none;
}
a:visited {
  color: #005297;
  text-decoration: underline;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: underline;
}

a {
  position: relative;
  z-index: 24;
}
a:hover,
a:focus,
a:active {
  z-index: 25;
}
a > .tab_warning {
  position: absolute;
  left: -9000px;
  width: 0;
  overflow: hidden;
}
/* a:hover > .tab_warning,
a:focus > .tab_warning,
a:active > .tab_warning {
  display: block;
  position: absolute;
  top: 1em;
  left: 1em;
  width: 12em;
  border: 1px solid #000000;
  background-color: rgb(42, 42, 42);
  color: #ffffff;
  text-align: center;
} */

.site-header {
  background-color: #fff;
}

.site-header .header-image {
  width: 400px;
  height: auto;
}

.site-header .main-navigation.sub-menu-left {
  display: inline-block;
  vertical-align: bottom;
  float: none;
  margin-left: 50px;
}

.inside-header {
  padding: 0;
}

#main {
  margin-top: 0;
  margin-bottom: 0;
}

.bold {
  font-weight: 700;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.epinet-button {
  background-color: #005297;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  border-radius: 31.5px;
  padding-left: 40px;
  padding-right: 40px;
}

.epinet-button-2 {
  background-color: #005297;
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  border-radius: 31.5px;
  padding-left: 10px;
  padding-right: 10px;
}

.epinet-info-text {
  font-size: 22px;
  font-weight: 700;
  color: #005297;
  background-color: #ecf4f8;
  padding: 40px;
}

@media only screen and (max-width: 768px) {
  h1 {
    color: #005297;
    font-weight: 700;
    font-size: 26px;
  }

  h1.epinet-page-title {
    margin-top: 22px;
    margin-bottom: 5px;
  }

  h2 {
    font-size: 20px;
    /*margin-bottom: 34px;*/
    color: #005297;
    font-weight: 700;
  }

  h2.epinet-page-title {
    margin-top: 22px;
    margin-bottom: 5px;
  }

  h3 {
    font-size: 16px;
    color: #005297;
    font-weight: 700;
  }
}

#logo-conatiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  max-width: 1450px;
  margin: 0 auto;
}
.img-container {
  max-width: 100%;
  width: 24%;
  padding: 10px;
  margin-right: 7px;
}

.img-container > a > img {
  max-width: 330px;
  width: 100%;
}

.img-container > a:focus > img {
  border: 1px solid #000000;
}

.logo-text {
  margin-bottom: 10px;
}

.logo-text > p {
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 20px;
  width: 635px;
  color: #005297;
  font-style: italic;
  border-left: 1px solid #005297;
}

@media only screen and (max-width: 768px) {
  .inside-header.grid-container.grid-parent {
    background-color: #03283b !important;
  }
  #logo-conatiner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .img-container {
    text-align: center;
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 10px;
    margin: 0;
    border-right: none;
    border-bottom: 3px solid orange;
  }
  .img-container > a > img {
    max-width: 70%;
  }

  .logo-text {
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }

  .logo-text > p {
    border: none;
    padding: 10px;
    width: initial;
  }
}

.privacy-policy {
  text-align: center;
  border-top: 1px solid #cccccc;
  max-width: 1450px;
  margin: 0 auto;
}

.privacy-policy > p,
.privacy-policy > p > a {
  font-size: 14px;
  padding: 5px;
}

/***********************************************************
* 2) Navigation
************************************************************/

.inside-header.grid-container.grid-parent {
  background-color: #007fa6;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-navigation ul ul {
  background-color: #007fa6;
}

.sub-menu > li:hover,
.sub-menu > li > a:hover {
  background-color: #ffffff !important;
  color: #007fa6 !important;
  transition: none !important;
}

.main-navigation .main-nav ul ul li a {
  transition: none !important;
  color: #ffffff !important;
}

.main-navigation .main-nav ul ul li a:hover {
  color: #007fa6 !important;
}

.menu-item-dropdown-click:focus > span {
  text-decoration: underline;
}

@media (min-width: 769px) {
  .main-navigation .main-nav ul li a {
    line-height: normal;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 5px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
    background-color: #007fa6;
    color: #ffffff;
  }

  .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    background-color: #ffffff;
    color: #007fa6;
  }

  .main-navigation .main-nav ul li:hover > a,
  .main-navigation .main-nav ul li:focus > a,
  .main-navigation .main-nav ul li.sfHover > a {
    color: #007fa6;
    background-color: #ffffff;
    transition: none !important;
  }

  .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover {
    color: #007fa6;
    background-color: #ffffff;
  }

  .main-navigation {
    background-color: transparent;
  }
}

@media only screen and (max-width: 768px) {
  .site-header .main-navigation.sub-menu-left {
    display: block;
    margin-left: 0;
    background-color: #03283b;
  }
}

#menu-item-81 > .sub-menu {
  margin: 0 1.1em;
  width: 210px;
}

/***********************************************************
* 2) Home
************************************************************/
.portal-home-container {
  margin: 2em 1em;
}
.portal-hero-container {
  margin-bottom: 2em;
  position: relative;
  height: 350px;
  display: flex;
}

.meetings-container {
  margin-bottom: 2em;
}

.welcome-text {
  text-align: center;
  padding: 2em 4em;
  background-color: rgba(3, 40, 59, 1);
  /* position: absolute;
  left: 0;
  z-index: 1; */
  flex: 0 1 35%;
  height: 100%;
}

.welcome-text > h1,
.welcome-text > p,
.welcome-text > p > a {
  color: #ffffff;
}

.upcoming-events-container {
  border: 3px solid #f1f1f1;
  text-align: center;
  padding: 1em 2em;
  position: absolute;
  right: 0;
  width: 30%;
  height: 100%;
}

.portal-hero {
  flex: 1 1 65%;
}

.portal-hero > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 10%;
}

.portal-hero > h1 {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  background-color: #007fa6;
  color: #ffffff;
  width: 95.7%;
  padding: 10px 0;
  padding-right: 30px;
  text-align: right;
}

.community-up {
  position: absolute;
  bottom: 65px;
  right: 125px;
}

.workgroup-upcoming-events,
.committee-upcoming-events {
  display: flex;
  text-align: center;
  align-items: center;
}

.workgroup-upcoming-events {
  padding-bottom: 1em;
}

.workgroup-upcoming-events > p:nth-child(2) {
  padding: 0 1em;
  margin-bottom: 0;
}

.committee-upcoming-events {
  border-top: 3px solid #f1f1f1;
  padding-top: 2em;
}

.date-stamp {
  flex: 0 0 44%;
  background-color: #005297;
  padding: 0.6em;
  margin: 0.2em;
}
.date-stamp > p {
  color: #ffffff;
  font-size: 1.5em;
  margin-bottom: 0;
}
.date-type > p {
  margin-bottom: 0;
}

.date-stamp-first {
  background-color: #03283b;
}

@media only screen and (max-width: 970px) {
  .portal-hero {
    width: 60%;
  }
  .upcoming-events-container {
    width: 40%;
  }
}

@media only screen and (max-width: 1070px) {
  .upcoming-events-container {
    padding: 1em 1em;
  }
}

.pop-rsc-container {
  display: flex;
  justify-content: space-evenly;
}
.pop-rsc-container > a > div {
  background-color: #cce4ec;
  text-align: center;
  border-radius: 25px;
  padding: 1em;
}

.pop-rsc-container > a > div {
  width: 300px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pop-rsc-container > a > div:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.pop-rsc-container > a > div > p {
  color: #005297;
  margin-bottom: 0;
}

.meetings-row {
  display: flex;
  justify-content: space-between;
}

.meetings-row > div {
  flex: 0 0 700px;
  border: 3px solid #f1f1f1;
}
.meetings-row > div > h3 {
  background-color: #007fa6;
  color: #ffffff;
  padding: 1em;
}

.steering-comittee-box,
.workgroup-box {
  padding: 1em;
}

.table-container {
  margin: 1em 0;
}

.member-table-header {
  display: table-header-group;
  font-weight: bold;
  font-size: 14px;
}

.member-table-header-cell {
  width: 200px;
  display: table-cell;
  text-align: justify;
}

.table-body-cell {
  display: table-cell;
}

.table-header-cell {
  display: table-cell;
  text-align: justify;
}

#resp-table-body {
  display: table-row-group;
}

.resp-table-row {
  display: table-row;
}

.eitn-section {
  padding-left: 3em;
}
.eitn-section > strong {
  color: #005297;
}
.fc-item {
  border-bottom: 5px solid #f08009;
  padding-bottom: 1em;
}
.fc-item > div > p {
  margin-bottom: 0;
}

/***********************************************************
* 5) Sidebar navigation (left side)
************************************************************/
.sidebar-navigation {
  padding: 40px 0;
  background-color: #03283b;
}

.sidebar-navigation ul li a:hover,
.sidebar-navigation ul li a:focus {
  color: #b6e1ff;
  text-decoration: underline;
}

.sidebar-navigation ul {
  list-style: none;
  margin: 0;
}

#menu-item-78,
#menu-item-79,
#menu-item-80,
#menu-item-655,
#menu-item-714,
#menu-item-723,
#menu-item-745,
#menu-item-773,
#menu-item-774,
#menu-item-1584,
#menu-item-1711,
#menu-item-1737,
#menu-item-1748,
#menu-item-1761 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 4%;
  padding-right: 8px;
  border-left: 16px solid #03283b;
}

#menu-item-78,
#menu-item-79,
#menu-item-80,
#menu-item-655,
#menu-item-714,
#menu-item-723,
#menu-item-745,
#menu-item-773,
#menu-item-774,
#menu-item-1584,
#menu-item-1711,
#menu-item-1737,
#menu-item-1748,
#menu-item-1761 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 8%;
  padding-right: 8px;
  border-left: 16px solid #03283b;
}

#menu-item-78,
#menu-item-79,
#menu-item-80,
#menu-item-655,
#menu-item-714,
#menu-item-723,
#menu-item-745,
#menu-item-773,
#menu-item-774,
#menu-item-1584,
#menu-item-1711,
#menu-item-1737,
#menu-item-1748,
#menu-item-1761 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 12%;
  padding-right: 8px;
  border-left: 16px solid #03283b;
}
.sidebar-navigation ul li a {
  color: #fff;
  position: relative;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
}

#menu-about-menu li.current-menu-item {
  background-color: #ecf4f8;
  border-left: 16px solid #1099c0;
}

#menu-resources li.current-menu-item {
  background-color: #ecf4f8;
  border-left: 16px solid #1099c0;
}

#menu-data-resources-menu li.current-menu-item {
  background-color: #ecf4f8;
  border-left: 16px solid #1099c0;
}

#menu-workgroup-menu li.current-menu-item {
  background-color: #ecf4f8;
  border-left: 16px solid #1099c0;
}

#menu-dashboard-menu li.current-menu-item {
  background-color: #ecf4f8;
  border-left: 16px solid #1099c0;
}

.sidebar-navigation ul li.current-menu-item a {
  color: #03283b;
}

/***********************************************************
Data Resources Page
************************************************************/

.guidance-list > ul > li,
.guidance-list > ol > li {
  margin-bottom: 15px;
}

.subheader-title {
  background-color: #007fa6;
  color: #ffffff;
  padding: 1% 4%;
}

.hubs-img-container {
  border-radius: 100%;
  border: 5px solid #007fa6;
  overflow: hidden;
}

.grds-img-sec {
  margin-left: 0 !important;
}

.sec-img {
  margin-bottom: 0;
  height: 100%;
}

.sec-img > img {
  display: block;
  object-fit: cover;
  height: 100%;
  clip-path: polygon(62% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.sec-img-left > img {
  display: block;
  object-fit: cover;
  height: 100%;
  clip-path: polygon(0% 0%, 35% 0%, 100% 100%, 0% 100%);
}

.epinet-media-sec > figure > img {
  clip-path: polygon(0% 0%, 55% 0%, 100% 100%, 0% 100%);
}

.sec-img-left-two > img {
  clip-path: polygon(0% 0%, 45% 0%, 100% 100%, 0% 100%);
}
.wbcap-section {
  margin-left: 0 !important;
}
/***********************************************************
*  EPINET in the News
************************************************************/
.feature-list > li {
  margin-bottom: 15px;
}

/***********************************************************
* 10) Steering Comittee
************************************************************/

.aoi-container {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  height: 220px;
  padding: 10px;
}

.aoi-container:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.aoi-container > div {
  height: auto;
}

.aoi-container > div > figure {
  margin-bottom: 0;
}

.committe-column,
.steering-group {
  margin: 0 5em;
}

/***********************************************************
 Workgroup
************************************************************/
.workgroup-title {
  margin-bottom: 0;
  margin-top: 1.5em;
}

.workgroup-container {
  padding: 0;
}

.workgroup-first-group > div {
  padding: 0 40px;
}

.workgroup-container > article > div {
  padding: 0 !important;
}

.workgroup-accordion-container > div {
  margin: 0 40px;
  padding: 10px;
  background-color: #dddddd;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.workgroup-accordion-container > div > h2 {
  margin-bottom: 1em;
  position: relative;
}

.workgroup-accordion-inside {
  display: none;
}

.workgroup-accordion-inside > div {
  padding: 0 40px;
}

.workgroup-accordion-inside > div > p {
  margin-bottom: 0.5em;
}

.workgroup-accordion-inside.show {
  display: block;
}

.workgroup-button {
  text-decoration: underline;
}

.workgroup-accordion-list {
}

.arrow {
  border: solid #333333;
  border-width: 0 6px 6px 0;
  display: inline-block;
  padding: 6px;
  position: absolute;
  right: 70px;
  top: 0;
  transition: transform 0.4s linear;
  cursor: pointer;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.covid-workgroup-hero {
  padding: 0;
  width: 103%;
  margin-left: -1em;
  border-bottom: 20px solid #007fa6;
}

.covid-workgroup-title {
  background-image: conic-gradient(
      from 90deg at 88% 100%,
      rgba(0, 127, 166, 1) 62%,
      rgba(255, 255, 255, 0.1) 61%
    ),
    url("/portal/wp-content/uploads/2021/08/covid-workgroup-hero-op.png");
  padding: 4em 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  color: #ffffff;
}

.fidelity-workgroup-title {
  background-image: conic-gradient(
      from 90deg at 92% 100%,
      rgba(0, 127, 166, 1) 61%,
      rgba(255, 255, 255, 0.1) 61%
    ),
    url("/portal/wp-content/uploads/2021/08/fidelity-workgroup-hero-op.png");
  padding: 4em 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  color: #ffffff;
  margin-left: -15px;
}

.research-workgroup-title {
  background-image: conic-gradient(
      from 99deg at 84% 100%,
      rgba(0, 127, 166, 1) 61%,
      rgba(255, 255, 255, 0.1) 61%
    ),
    url("/portal/wp-content/uploads/2021/08/methods-workgroup-hero-op.png");
  padding: 3em 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  color: #ffffff;
  margin-left: -15px;
}

.technical-workgroup-title {
  background-image: conic-gradient(
      from 90deg at 93% 100%,
      rgba(0, 127, 166, 1) 61%,
      rgba(255, 255, 255, 0.1) 61%
    ),
    url("/portal/wp-content/uploads/2021/08/techinal-workgroup-hero-op.png");
  padding: 2em 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  color: #ffffff;
  margin-left: -15px;
}

.cab-workgroup-title {
  background-image: conic-gradient(
      from 90deg at 92% 100%,
      rgba(0, 127, 166, 1) 61%,
      rgba(255, 255, 255, 0.1) 61%
    ),
    url("/portal/wp-content/uploads/2021/08/racial.jpg");
  padding: 3em 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  color: #ffffff;
  margin-left: -15px;
}

.workgroup-list > li {
  margin-bottom: 15px;
}
.workgroup-list > li > ul {
  margin-top: 15px;
}

.workgroup-list > li > ul > li {
  margin-bottom: 15px;
  list-style: none;
}
/***********************************************************
11) Measuring Index
************************************************************/
.measures-table-header {
  background-color: #007fa6;
  color: #ffffff;
  display: flex;
}

.measures-body-cell,
.measures-table-header-cell {
  padding: 1em;
}

.mi-measures-header-cell,
.mi-measures-cell {
  flex: 0 1 25%;
}

.mi-domain-header-cell,
.mi-domain-cell {
  flex: 0 1 20%;
}

.mi-incab-header-cell,
.mi-incab-cell {
  flex: 0 0 8%;
}

.mi-items-header-cell,
.mi-items-cell {
  flex: 0 1 6%;
}

.mi-method-header-cell,
.mi-method-cell {
  flex: 0 1 20%;
}

.incab-yes {
  color: #ffffff;
  background-color: green;
  text-align: center;
}

.measures-table-row {
  display: flex;
  flex-wrap: wrap;
}

.measures-table-row:nth-child(odd) {
  background: #f1f1f1;
}

.mi-resources-button-cell {
  flex: 0 1 10%;
}

.mi-resources-cell {
  flex: 0 0 100%;
}

.panel {
  padding: 1em;
  display: none;
  background-color: white;
  overflow: hidden;
  border: 1px solid #f1f1f1;
}

.resources-button {
  background: linear-gradient(
      90deg,
      rgb(0, 118, 126, 0) 0%,
      rgba(0, 127, 166, 0) 24%,
      rgba(0, 127, 166, 0.9) 25%,
      rgba(0, 127, 166, 0.9) 100%
    ),
    url(/portal/wp-content/uploads/2021/07/resources-icon.png);
  border: 1px solid #007fa6;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 0;
  width: 130px;
  background-repeat: no-repeat;
  padding: 0.2em 0 0.2em 36px;
  background-position: 0;
  color: #ffffff;
  transition: 0.3s;
  background-size: contain;
}

.resources-button:hover {
  background-color: rgba(0, 127, 166, 0.5);
  text-decoration: underline;
}

.panel {
  display: none;
}
.panel.show {
  display: block;
}

.active {
  text-decoration: underline;
}

/***********************************************************
* 12) Single Page / Data Upload
************************************************************/
.single table tr.wfu_row-0 {
  display: none !important;
}
.single p.warning {
  font-size: 12px;
  color: #660000;
  font-weight: 700;
}
.single h2 {
  font-size: 24px;
  color: #005297;
  font-weight: 700;
}
.single div.file_div_clean_responsive_container {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border-style: none;
  background: 0 0;
  color: #000;
  line-height: 1;
  vertical-align: middle;
}
.single .inside-article {
  padding: 0 40px;
}
.single div.wfu_browser_container {
  display: inline-block;
  position: relative;
  width: 100%;
}
.single ul li {
  margin: 10px 0;
}
.single .wfu_head_row {
  background-color: #007fa6;
  color: #ffffff;
  padding: 1% 4%;
}
.single form.file_input_uploadform {
  position: relative;
  width: 100px;
  height: 27px;
  overflow: visible;
  margin: 0;
  padding: 0;
}
.single input[type="button"].file_input_button {
  width: 150px;
  height: 35px;
  position: absolute;
  top: 0;
  color: #fff;
  background-image: url(images/upload-arrow.png);
  background-position: 20px 5px;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #005297;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  text-align: right;
  background-color: #005297;
  color: #fff;
  text-transform: uppercase;
  border-radius: 31.5px;
  padding: 5px 20px 10px 5px;
  margin: 0 0 0 -40px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.single input[type="button"].file_input_button:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.single input[type="button"].file_input_button_hover {
  width: 150px;
  height: 35px;
  position: absolute;
  top: 0;
  color: #fff;
  background-image: url(images/upload-arrow.png);
  background-position: 20px 5px;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #005297;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  text-align: right;
  background-color: #005297;
  color: #fff;
  text-transform: uppercase;
  border-radius: 31.5px;
  padding: 5px 20px 10px 5px;
  margin: 0 0 0 -40px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.single input[type="button"].file_input_button:disabled,
.single input[type="button"].file_input_button_hover:disabled {
  width: 150px;
  height: 35px;
  position: absolute;
  top: 0;
  color: #fff;
  background-image: url(images/upload-arrow.png);
  background-position: 20px 5px;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #005297;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  text-align: right;
  background-color: #005297;
  color: #fff;
  text-transform: uppercase;
  border-radius: 31.5px;
  padding: 5px 20px 10px 5px;
  margin: 0 0 0 -40px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.single .wfu_actions a {
  background-color: #6d6d6d;
  border-radius: 20px;
  border: 1px solid #6d6d6d;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 7px;
  margin: 0 0 0 5px;
  text-decoration: none;
}
.single .wfu_actions a:hover {
  background-color: #660000;
  border: 1px solid #660000;
}
.single .wfu_actions a:active {
  position: relative;
  top: 1px;
}
.single .wfu_browser_th.wfu_col-1 {
  width: 40%;
}
.single .wfu_browser_th.wfu_col-2,
.single .wfu_browser_th.wfu_col-3,
.single .wfu_browser_th.wfu_col-4 {
  width: 20%;
}
.single div.file_div_clean_responsive {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 40px 20px 0;
  border-style: none;
  background: 0 0;
  color: #000;
  line-height: 1;
  vertical-align: middle;
}
.single div.file_title_clean {
  margin: 0;
  padding: 0;
  border-style: none;
  background: none;
  color: #007fa6;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

.single table,
td,
th {
  border: 2px solid #fff;
}
.single table tr:nth-child(2n + 1) td {
  background: #f1f1f1;
}
.single div.file_messageblock_fileheader {
  margin: 10px 0;
  padding: 5px;
}
.single table.file_messageblock_table {
  margin: 0;
  padding: 0;
  border: 0px solid #ddd;
}
.single td.file_messageblock_filenumber_td {
  width: 30px;
  margin: 0;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  border: 1px solid #fff;
  background-color: #fff !important;
}
.single td.file_messageblock_fileheader_td {
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
  background-color: #fff !important;
}
.single td.file_messageblock_arrow_td {
  border: 1px solid #ddd;
  margin: 0;
  padding: 0;
  width: 20px;
  vertical-align: middle;
  background-color: #eee !important;
}
.single div.file_messageblock_header {
  margin: 0;
  padding: 5px;
}

.single tr.wfu_browser_tr_template {
  display: table-row;
}

.warnging {
  margin: 1em auto;
  text-align: center;
  max-width: 600px;
  width: 100%;
}

.file-dowload-portal-container {
  padding: 0 50px;
}

.webcab-section-one {
  background-image: linear-gradient(to right, #eeeeee 83%, #03283b 17%);
  margin-top: -2.5em;
  margin-bottom: 0 !important;
  padding: 2em 0;
}

.web-cab-img-outline {
  border: 5px solid #03283b;
}

.webcab-section-three > div {
  border: 3px solid #000000;
  padding: 1em;
}

.webcab-footer {
  background-color: #03283b;
}

#menu-dashboard-menu li.current-menu-item {
  background-color: #ecf4f8;
  border-left: 16px solid #1099c0;
}

#menu-item-1432,
#menu-item-1433,
#menu-item-1434 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 4%;
  padding-right: 8px;
  border-left: 16px solid #03283b;
}

/***********************************************************
*  Dashboard Menu
************************************************************/

.crosshub-menu,
.glance-menu,
.outcomes-menu,
.subgroup-menu {
  margin-top: 20px;
}

#menu-dashboard-menu-1 {
  float: right;
  margin-right: 3em;
}

.crosshub-menu,
.glance-menu,
.outcomes-menu,
.subgroup-menu,
#menu-dashboard-menu-1 {
  margin-bottom: 0 !important;
}
.crosshub-menu > ul,
.outcomes-menu > ul,
.crosshub-menu > ul > .menu-item-1711 > ul,
.glance-menu > ul > .menu-item-1737,
.subgroup-menu > ul > .menu-item-1761 {
  list-style: none;
}

#menu-dashboard-menu > #menu-item-1711 > ul,
#menu-dashboard-menu > #menu-item-1737 > ul,
#menu-dashboard-menu > #menu-item-1748 > ul,
#menu-dashboard-menu > #menu-item-1761 > ul,
.crosshub-menu > ul > .menu-item-1584,
.crosshub-menu > ul > .menu-item-1711 > a,
.crosshub-menu > ul > .menu-item-1737,
.crosshub-menu > ul > .menu-item-1748,
.crosshub-menu > ul > .menu-item-1761,
.glance-menu > ul > .menu-item-1584,
.glance-menu > ul > .menu-item-1711,
.glance-menu > ul > .menu-item-1748,
.glance-menu > ul > .menu-item-1761,
.glance-menu > ul > .menu-item-1737 > a,
.outcomes-menu > ul > .menu-item-1584,
.outcomes-menu > ul > .menu-item-1711,
.outcomes-menu > ul > .menu-item-1737,
.outcomes-menu > ul > .menu-item-1761,
.outcomes-menu > ul > .menu-item-1748 > a,
.subgroup-menu > ul > .menu-item-1584,
.subgroup-menu > ul > .menu-item-1711,
.subgroup-menu > ul > .menu-item-1737,
.subgroup-menu > ul > .menu-item-1748,
.subgroup-menu > ul > .menu-item-1761 > a {
  display: none;
}

#menu-item-1711.current_page_parent,
#menu-item-1737.current_page_parent,
#menu-item-1748.current_page_parent,
#menu-item-1761.current_page_parent {
  background-color: #ecf4f8;
  border-left: 16px solid #1099c0;
}

#menu-item-1711.current_page_parent > a {
  color: #03283b;
}

#menu-dashboard-menu-1 > li > ul > li {
  display: inline-block;
}

#menu-dashboard-menu-1 > li > ul > li:first-child > a {
  background-color: #1d5212;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

#menu-dashboard-menu-1 > li > ul > li:first-child:hover,
#menu-dashboard-menu-1 > li > ul > li:first-child[class*="current-menu-"] > a {
  background-color: #6da162 !important;
  box-shadow: none;
  border-radius: 5px;
}

#menu-dashboard-menu-1 > li > ul > li:first-child > a:hover {
  background-color: #6da162 !important;
  box-shadow: none;
  border-radius: 5px;
  color: #ffffff !important;
}

#menu-dashboard-menu-1 > li > ul > li:nth-child(2) > a {
  background-color: #1b587c;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

#menu-dashboard-menu-1 > li > ul > li:nth-child(2):hover,
#menu-dashboard-menu-1 > li > ul > li:nth-child(2)[class*="current-menu-"] > a {
  background-color: #5083a1 !important;
  box-shadow: none;
  border-radius: 5px;
}

#menu-dashboard-menu-1 > li > ul > li:nth-child(2) > a:hover {
  background-color: #326b8c !important;
  box-shadow: none;
  border-radius: 5px;
  color: #ffffff !important;
}

#menu-dashboard-menu-1 > li > ul > li > a {
  color: #ffffff;
  line-height: 35px;
  padding: 0.7em 2em;
}

#menu-dashboard-menu-1 > li > ul {
  margin: 0;
}

#menu-dashboard-menu > li[class*="current-menu-"] {
  background-color: #ecf4f8;
}

#menu-dashboard-menu-1 > li > ul > li[class*="current-menu-"] > a {
  color: #ffffff;
  text-decoration: underline;
}

#menu-dashboard-menu li[class*="current-menu-"] > a {
  color: #03283b;
}

.crosshub-menu > ul > li > ul > li > a,
.subgroup-menu > ul > li > ul > li > a,
.glance-menu > ul > li > ul > li > a,
.outcomes-menu > ul > li > ul > li > a {
  font-size: 14px;
}

.dashboard_instructions {
  margin: 2.3em;
}

.dashboard_footer {
  margin: 0 2.3em;
}

.dashboard_footer > ul {
  margin: 0 0 0 1.3em;
}

.dashboard_instructions > p,
.dashboard_footer > p {
  margin-bottom: 5px;
}

#embeddingContainerTwo {
  position: relative;
}

#myid {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 12px;
  height: 27px;
  max-width: 100%;
  background-color: #03283b;
}

#menu-item-1584 {
  display: none;
}