/*Font Family*/
@font-face {
    font-family: 'metropolislight';
    src: url('https://www.vmware.com/etc/clientlibs/microsites/clientlib-main/fonts/metropolis-light-webfont.woff2');
}


.rfComp-canvas * {
 font-family: 'metropolislight', Arial, Helvetica, sans-serif;; 
  
}

.rf-admin-content .rf-text-container h1, .rf-admin-content .rf-text-container h2, .rf-admin-content .rf-text-container h3, .rf-admin-content .rf-text-container h4, .rf-admin-content .rf-text-container h5, .rf-admin-content .rf-text-container h6, .rfComp-canvas .rf-text-container h1, .rfComp-canvas .rf-text-container h2, .rfComp-canvas .rf-text-container h3, .rfComp-canvas .rf-text-container h4, .rfComp-canvas .rf-text-container h5, .rfComp-canvas .rf-text-container h6, .rf-default-modal .rf-text-container h1, .rf-default-modal .rf-text-container h2, .rf-default-modal .rf-text-container h3, .rf-default-modal .rf-text-container h4, .rf-default-modal .rf-text-container h5, .rf-default-modal .rf-text-container h6, [id*=rf-].rf-widget .rf-text-container h1, [id*=rf-].rf-widget .rf-text-container h2, [id*=rf-].rf-widget .rf-text-container h3, [id*=rf-].rf-widget .rf-text-container h4, [id*=rf-].rf-widget .rf-text-container h5, [id*=rf-].rf-widget .rf-text-container h6 {
    font-weight: 600;
    line-height: 1.4em;
    font-family: "metropolislight", Arial, Helvetica, sans-serif;
}

/*Responsive Header*/
#header2 {
    display: none;
}


@media screen and (min-width:768px) {
    .vmware-header {
      margin-left: 201px;
      position: relative;
      z-index: 0;
transition:0.5s ease;
}


}
  .vmware-header img {
    display: block;
    width: 100%;
  }

/* Nav collapsed styling. */
.rf-workflow-nav-collapsed .rf-org-header-container .vmware-header,
.rf-workflow-nav-collapsed .rf-org-footer-container .vmw-footer, .rf-workflow-nav-collapsed .rf-org-header-container .alert{
  margin-left: 40px !important;
transition: 0.5s ease;
}

.vmware-header img:nth-child(1) {
    position: relative;
    width: 100%;
}


/*change header image if screen size is less than 1600px*/
@media screen and (max-width:1250px) {
#header1{display: none; } 

#header2 {display: block; }

}



/*Left Nav Fixed Position*/
.rfwf-nav-container.rf-workflow-nav.rfwf-left-nav {
    position: fixed;
}


.rf-workflow-working-reports .ReactVirtualized__Grid:last-of-type {
    height: calc(100% - 230px) !important;
}

.rfwf-full-panel .rfwf-panel-interior{
 max-width:100%; 
}


/* Link & Hover */

a, a:link, a:visited {
  color: #1d428a;
  text-decoration: none;
  cursor: pointer;
      
  }  

a:hover, a:focus, a:link:hover, a:link:focus, a:visited:hover, a:visited:focus {
  color: #0091DA !important; 
  transition: color ease-in-out 0.0s !important;
  text-decoration: none !important;
  cursor:pointer;
}


/*Alan Code below */



/*MWR - greater than 769px*/
@media (min-width: 769px) {

  
  
/*Nav bar*/
.rf-workflow .rf-workflow-nav {
    position: fixed;
 
}
.rfwf-nav-container.rf-workflow-nav.rfwf-left-nav ul {
    margin-top: 75px;
}
 
.rf-workflow .rf-workflow-nav ul a {
   color: #1d428a;
   
}
  
  
  
/*Hero Img*/
  
.vmware-header {
    margin-left: 200px;
}
  
#header1, #header2 {
 width:100%;
  
}  
  
}



/*MWR hero imgs*/
@media (min-width: 1000px) {
  #header2{
   display:none; 
  }
  
 
}

@media (max-width: 1000px) {
  #header1{
   display:none; 
  }
  
 
}


/*Center the form*/
@media (min-width: 1024px) {
.rf-workflow-body-content.has-workflow-nav .rfwf-full-panel .rfwf-panel-interior {
    margin: auto;
}

}

/*Font Family*/

.rfComp-canvas * {
 font-family: 'metropolislight'; 
  
}


/*Select List*/
.rf-select select, .rf-select select:not([multiple]) {
    border: none;
    border-bottom: 1px solid #666666;
    border-radius: 0;
}

.rf-select select+.select-dropdown-icon .dropdown-icon-background, .rf-select select:not([multiple])+.select-dropdown-icon .dropdown-icon-background {
    background: transparent;
    border: none;
}


/*Primary Button*/
.mdBtnR-primary, a.mdBtnR-primary {
    color: #fff;
    background-color: #1D428A;
    border: 1px solid #1D428A;
}

.mdBtnR-primary:hover, .mdBtnR-primary:focus, .mdBtnR-primary.active, a.mdBtnR-primary:hover, a.mdBtnR-primary:focus, a.mdBtnR-primary.active {
    background-color: #ffff;
    border-color: #1d428a;
}

.mdBtnR-primary:hover .mdBtnR-text {
    color: #1d428a;
}


/*Modal*/
.modal.in .modal-dialog {
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    -o-transform: translate(0,50%);
    display: block;
    transform: translate(0,50%) !important;
    position: absolute;
    width: 95%;
}


/*Modal Links and Btns*/
div[id*='rf-'].rf-widget a, div[id*='rf-'].rf-widget a:link, div[id*='rf-'].rf-widget a:visited, .rf-default-modal a, .rf-default-modal a:link, .rf-default-modal a:visited {
    color: #0f2145;
      background-color: #fff;
    text-decoration: none;
    cursor: pointer;
}
/*
.mdBtnR-outline-primary, a.mdBtnR-outline-primary {
    color: #1d428a;
    background-color: #fff;
    border-color: #1d428a;
}
*/
.rf-admin-content *, .rfComp-canvas *, .rf-default-modal *, [id*='rf-'].rf-widget * {
    font-family: 'metropolislight';
}

.mdBtnR-outline-primary .mdBtnR-text, a.mdBtnR-outline-primary .mdBtnR-text {
    color: #1d428a;
}


/*

.mdBtnR-outline-primary:hover, .mdBtnR-outline-primary:focus, .mdBtnR-outline-primary.active, a.mdBtnR-outline-primary:hover, a.mdBtnR-outline-primary:focus, a.mdBtnR-outline-primary.active {
    color: #1d428a;
    background-color: rgb(29 66 138);
    background-image: none;
    border-color: #1d428a;
}

*/

.mdBtnR-outline-primary:focus {
  outline: none;
  background: #FFF;
}

.mdBtnR-outline-primary:hover, .mdBtnR-outline-primary.active, a.mdBtnR-outline-primary:hover, a.mdBtnR-outline-primary:focus, a.mdBtnR-outline-primary.active {
    color: #1d428a;
    background-color: rgb(29 66 138);
    background-image: none;
    border-color: #1d428a;
}

.mdBtnR-outline-primary:hover .mdBtnR-text {
 color:#fff; 
}

/*Responsive Header*/
#header2 {
    display: none;
}


@media screen and (min-width:768px) {
    .vmware-header {
      margin-left: 201px;
      position: relative;
      z-index: 0;
transition:0.5s ease;
}


}
  .vmware-header img {
    display: block;
    width: 100%;
  }

/* Nav collapsed styling. */
.rf-workflow-nav-collapsed .rf-org-header-container .vmware-header,
.rf-workflow-nav-collapsed .rf-org-footer-container .vmw-footer, .rf-workflow-nav-collapsed .rf-org-header-container .alert{
  margin-left: 40px !important;
transition: 0.5s ease;
}

.vmware-header img:nth-child(1) {
    position: relative;
    width: 100%;
}


/*change header image if screen size is less than 1600px*/
@media screen and (max-width:1250px) {
#header1{display: none; } 

#header2 {display: block; }

}



/*Left Nav Fixed Position*/
.rfwf-nav-container.rf-workflow-nav.rfwf-left-nav {
    position: fixed;
}


.rf-workflow-working-reports .ReactVirtualized__Grid:last-of-type {
    height: calc(100% - 230px) !important;
}

.rfwf-full-panel .rfwf-panel-interior{
 max-width:100%; 
}

/*Live table Color changes*/

.rf-table-container .rf-table .table-body .table-row.table-header>div {
    border-bottom: 1px solid #1D428A !important;
    border-top: 1px solid var(--rf-brand-color-border);
    color: #1D428A;
    text-transform: uppercase;
    font-weight: 700;
}

.rf-table-container .rf-table .table-body .table-row>div a {
    color: #1D428A;
}

/*Outline Btns*/
div[id*="rf-"].rf-widget a,
div[id*="rf-"].rf-widget a:link,
div[id*="rf-"].rf-widget a:visited,
.rf-default-modal a,
.rf-default-modal a:link,
.rf-default-modal a:visited {
  color: #0f2145 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.mdBtnR-outline-primary,
a.mdBtnR-outline-primary {
  color: #fff !important;
  background-color: rgb(29 66 138) !important;
  background-image: none;
  border-color: #1d428a !important;
  border: 1px solid #1d428a !important;
}

.mdBtnR-outline-primary svg {
  fill: #fff !important;
}

.mdBtnR-outline-primary .mdBtnR-text,
a.mdBtnR-outline-primary .mdBtnR-text {
  color: #fff !important;
}

.mdBtnR-outline-primary:hover,
.mdBtnR-outline-primary:focus,
.mdBtnR-outline-primary.active,
a.mdBtnR-outline-primary:hover,
a.mdBtnR-outline-primary:focus,
a.mdBtnR-outline-primary.active {
  color: #1d428a !important;
  background-color: #fff !important;
  border-color: #1d428a !important;
  border: 1px solid #1d428a !important;
}

.mdBtnR-outline-primary:hover .mdBtnR-text,
.mdBtnR-outline-primary:focus .mdBtnR-text {
  color: #1d428a !important;
}

.mdBtnR-outline-primary:hover svg,
.mdBtnR-outline-primary:focus svg,
.mdBtnR-outline-primary:active svg {
    fill: #1d428a !important;
}

/*Color Edit on Participant page*/
.rf-simple-table svg {
    fill: #1D428A;
}

.modal-header svg {
    fill: #1D428A
}

/*Primary Button*/
.mdBtnR-primary, a.mdBtnR-primary {
    color: #fff;
    background-color: #1D428A;
    border: 1px solid #1D428A;
}

.mdBtnR-primary svg {
    fill: #fff;
}

.mdBtnR-primary:hover, .mdBtnR-primary:focus, .mdBtnR-primary.active, a.mdBtnR-primary:hover, a.mdBtnR-primary:focus, a.mdBtnR-primary.active {
    background-color: #ffff;
    border-color: #1d428a;
}

.mdBtnR-primary:hover .mdBtnR-text {
    color: #1d428a;
}

.mdBtnR-primary:hover svg, .mdBtnR-primary:focus svg, .mdBtnR-primary:active svg {
    fill: #1d428a;
}


/*footer font*/
.footer-links.mt-3 {
  font-family: 'metropolislight', Arial, Helvetica, sans-serif !important; 
  color: #000 !important;
}


.footer-links.mt-3 a {
  font-family: 'metropolislight', Arial, Helvetica, sans-serif !important; 
  color: #000 !important;
}

.footer-links.mt-3 a:hover {
  font-family: 'metropolislight', Arial, Helvetica, sans-serif !important; 
  color: #1d428a !important;
}


.footer-links-wrapper {
    padding: 0 250px !important;
}

@media (max-width: 1024px) {
.footer-links-wrapper {
    padding: 0 15px !important;
}
}

/*keep footer in the bottom*/
.rf-workflow .rf-workflow-body-content {
min-height: 75vh;
}