html {
  margin-left: calc(100vw - 100%);
}
/*    Main Body Text    */
html,
body {
  font-family: "Wix Madefor Text", sans-serif !important;
  color: #f2f2f2;
  background-color: #f2f2f2;
  /*background: url("/_layouts/images/PG/images/gradient.svg") no-repeat center center fixed;*/
  background-size: cover;
}

/*    Box Shadows   */
.shadow {
  -webkit-box-shadow: 0px 0px 5px 4px rgba(133, 133, 133.5);
  -moz-box-shadow: 0px 0px 5px 4px rgba(133, 133, 133.5);
  box-shadow: 0px 0px 5px 4px rgba(133, 133, 133, 0.5);
}

/*    For Solid/Semi-transparent Backgrounds on HD, Dashboard, SSO, and Acct Mgmt Pages   */
.opaque,
.hdOpaque {
  background-color: transparent;
  padding-bottom: 20px; /*margin-top: 50px;*/
  align-self: flex-start;
  min-height: 85%;
}

/*    Link Text   */
/*a {
  color: #046a38;
}*/
a:focus,
a:hover,
.deleteLink:focus,
.deleteLink:hover {
  color: #ffcd00;
}
#userMenuList > li > a {
  color: #fff;
}
#userMenuList > li > a:hover {
  color: #ddd;
}

/*    Login Box Background    */
.logonbox {
  background-color: transparent;
  border-radius: 10px;
  /*width: 400px;*/
  width: 80%;
} /* 2021-02-04: Ensure long errors do not stretch the error div */
#login {
  background-color: transparent;
  /*width: 100vw;*/
  order: 2;
  flex: 1 1;
}

/*    Self-Service Dialogue Box Backgrounds   */
#popup_OTPResend {
  background-color: #eee;
}
.popupWin {
  background-color: transparent;
  z-index: 1;
  /*margin-top: 50px;*/
  width: 460px;
  order: 1;
  padding-left: 35px;
  padding-right: 35px;
} /*2021-02-04: Same as above, fixed width */
.popFieldsContainer {
  width: 400px;
} /* 2021-02-19: For full-width fields on login popups */
#SSRecoveryActions,
#SSEnrollmentAuth {
  margin-left: 20px;
} /* 2021-02-19: Indent SS radio buttons */

/*  Input Fields  */
.form-control {
  border: none;
  border-radius: 28px;
}
.form-control:focus {
  border-color: #66afe9 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0);
}

/*    Header Text   */
h1,
h2,
h3 {
  color: #000;
}

/*    Header Background   */
.dlghdr {
  background-color: transparent;
  width: 100%;
}
.dlghdr h1,
.dlghdr h2 {
  color: #f2f2f2;
}

.loginHdr {
  background-color: transparent;
}

/*    Labels & Legends    */
label {
  color: #000;
  display: none;
}
legend,
#SSActionChosen > span {
  color: #f2f2f2;
}
#sortedList > .PGButton {
  color: #000;
}
#maintitle {
  color: #000;
}

/*    Buttons   */
.PGButton {
  background-color: #ffcd00;
  color: #000;
  border-radius: 28px;
  border: none;
}

.PGButton:hover,
.PGButton:focus {
  color: #fff;
  background-color: #232323;
  /*box-shadow: 0 10px 30px 0 rgba(165, 160, 160, 0.32);*/
  border: none;
}
.PGButtonDisabled {
  background-color: transparent;
  color: #808080;
  border: 2px solid #808080;
}
.PGButtonDisabled:hover {
  color: #808080;
}
.PGButtonDisabled:focus {
  color: #808080;
}

.PGAltButton {
  background-color: #ff8000;
}
.PGAltButton:hover {
  background-color: #ff9933;
  color: #fff;
}

/*    Errors, Warnings, and Confirmations   */
.successdiv {
    background: #d5f6dd;
    border: 2px solid #d5f6dd;
    color: #046a38;
    font-size: .8em;
}
.warningdiv {
  background: #fff0b3;
  border: 2px solid #fff0b3;
  color: #997a00;
  font-size: .8em;
}
.errordiv {
  background: #f8d7da;
  border: 2px solid #f8d7da;
  color: #b30012;
  font-size: .8em;
}
.errorfield {
  background: #f8d7da;
  border: 2px solid #f00;
  color: #b30012;
  font-size: .8em;
}

/*    Link Text for Errors, Warnings, and Confirmations   */
.successdiv > a,
.warningdiv > a,
.errordiv > a {
  color: #046a38;
}
#Msg .boldred {
  color: #b30012;
  font-size: .8em;
  background: #f8d7da;
  border: 2px solid #f8d7da;
  /* text-align: center; */
}


/*    Input   */
.form-control {
  border: none;
}
.form-control:focus {
  border-color: #046a38;
}

/*    Account Management    */
.panel-title > a {
  color: #000;
}
.panel-heading {
  background-color: rgba(26, 26, 29, 0.02) !important;
}
.activityLabel {
  color: #000;
}
.panel {
  background-color: transparent;
  color: #000;
}
/* For IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .panel-default > .panel-heading {
    background-color: #fff;
  }
}
/* For MS Edge */
@supports (-ms-ime-align: auto) {
  .panel-default > .panel-heading {
    background-color: #fff;
  }
}

#lblLoggedInAs,
#lblLoggedInAsMobile {
  color: #f2f2f2;
}
#lblLoggedInAsMobile {
  display: none;
}

/*    SSO Tiles   */
#ssoSearch {
  width: 100%;
  padding-bottom: 0px !important;
}
/*#SAMLSSOTabContent{display: flex; flex-wrap: wrap;justify-content: space-evenly; margin-top: 5px;}*/
.rpdiv:hover {
  box-shadow: 0 0 25px rgba(24, 24, 24, 0.1);
}

/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
#SSOContainer {
  /*background-color: #fff;*/
  color: #fff;
}

/*    Self-Registration Page    */
div.container div.displaybox.col-md-8.col-md-offset-2 {
  background-color: transparent;
}

/*    Horizontal Rule Spacers for HelpDesk and Admin Dashboard    */
hr {
  border-color: #eee;
}

/*    Help Desk Background    */
.HelpDeskActions {
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid #000;
  padding: 20px;
}

/*    Admin Dashboard User Detail Lookup Utility    */
#ReportBody {
  /*background-color: rgba(51,51,51,0.5);*/
  border-radius: 4px;
  border: 2px solid #000;
  padding: 20px;
}
tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1);
}
#UserProfileData,
#NoUserSelected {
  /*background-color: rgba(51,51,51,0.5);*/
  border-radius: 4px;
  border: 2px solid #000;
  padding: 20px;
} /*  Uncomment to add transparent background to User Detail Lookup */
.sectionHeader {
  color: #000;
}

/*  User Menu Text  */
.usrMenuBtn {
  text-align: center;
}
.usrMenuBtn:hover {
  cursor: pointer;
}

#hidden,
.hidden {
  display: none !important;
}
#userMenu {
  margin-right: 25px;
}
#userMenuList > li > a {
  color: #fff;
  text-decoration: none;
}
#userMenuList > li > a:hover {
  color: #ddd;
  background-color: transparent !important;
}
#userMenuList {
  list-style: none;
  padding: 10px 0px 10px 0px;
}
#userMenuList li,
#userMenuList li a {
  background-color: transparent;
  color: #000;
}
#userMenuList li:hover,
#userMenuList li a:hover {
  background-color: #ffcd00;
  color: #000;
}
.userMenuItem {
  padding: 5px 20px 0px 20px;
  font-size: 1.2em;
  display: inline-grid;
  grid-template-columns: 30px auto;
}
.userMenuItem a {
  color: #fff;
  text-decoration: none;
}
.userMenuItem a:hover,
.userMenuItem a:focus {
  color: #fff;
}

#menuWrapper {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 5vw;
}

/*  User Menu Popup */
.tippy-content {
  padding: 0px 0px 0px 0px !important;
}
#tippy-1 > .tippy-box {
  background-color: #fff !important;
  box-shadow: 0px 24px 56px -8px rgba(26, 26, 29, 0.16);
  border-radius: 5px;
}
#tippy-1 > .tippy-box > .tippy-arrow {
  color: #fff !important;
}
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.fr {
  float: right !important;
}
.userMenuWrapper {
  display: flex;
  align-items: center;
}

/*  Footer  */
#footerLogo {
  /*content:url('/_layouts/images/PG/images/bk.svg');*/
  max-height: 20px;
}
#copyrightLogoContainer {
  order: 1;
  flex: 2;
}
#footerHelp {
  order: 2;
  flex: 2;
}
#copyrightTextContainer {
  order: 3;
  flex: 2;
}

/*    Additional Custom CSS   */
#loginTitle h1 {
  color: #ffcd00;
  font-size: 2em;
  font-weight: 500;
  padding-bottom: 20px;
}
#loginTitle h2 {
  color: #f2f2f2;
  font-size: 1.2em;
  font-weight: 400;
}
#loginLinks {
  font-size: 0.8em;
  color: #f2f2f2;
  padding-top: 20px;
  padding-bottom: 0px;
}
#loginLinksHelp {
  font-size: 0.8em;
  color: #f2f2f2;
  padding-top: 5px;
}
#maintitle {
  color: #232323;
}
#ssoHelpLink {
  color: #fff;
}
#sortedList > .activeGroup {
  color: #000;
}
#BrandedLogo {
  /*padding-bottom: 5px;*/
  padding: 15px 0px 15px 0px;
}
#uogBackground {
  order: 1;
  background: url("/_layouts/images/PG/images/BA7A5982-2048.jpg") no-repeat right center fixed;
  height: 100vh;
  flex: 2 3;
  width: 100vw;
  background-size: cover;
}
#uogLogo {
  max-width: 220px;
  padding-bottom: 50px;
}
.uogFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #046a38;
}
#spanCancelBtn .PGButton {
  background-color: transparent;
  /* border: 2px solid #ffcd00; */
  color: #f2f2f2;
  font-weight: 500;
}
#spanCancelBtn .PGButton:hover {
    box-shadow: none;
    color: #ffcd00;
}
#SSTitle {
  text-align: left;
  text-transform: none;
  color: #ffcd00;
  font-size: 2em;
}
.secondaryWrapper {
  order: 1;
  width: 460px;
}
#lblForgotUserTitle {
  text-align: left;
  text-transform: none;
  color: #ffcd00;
  font-size: 2em;
}
#lblLastName, label {
  display: inline;
  color: #f2f2f2;
  padding-bottom: 5px;
}
#lblEmail, label {
  display: inline;
  color: #f2f2f2;
  padding-bottom: 5px;
}
#btnForgotUserCancel {
  background-color: transparent;
  /* border: 2px solid #ffcd00; */
  color: #f2f2f2;
  font-weight: 500;
}
#btnForgotUserCancel:hover {
    box-shadow: none;
    color: #ffcd00;
}
#btnDeleteCustom {
  border-radius: 5px;
  border: 2px solid #232323;
  background-color: transparent;
}
#spanAnsRemain{
  text-align: center;
}
/*    End Additional Custom CSS   */

/*  Media Queries */  
@media all and (min-width: 320px) {
  #login {
    margin-top: 0px;
  }
  /*#login{width:50vw;}
  #uogBackground{width: 50vw;}*/
}
@media all and (max-width: 1000px) {
  #login {
    flex: 3 1 60%;
  }
  #uogBackground {
    flex: 1 2 40%;
  }
}
@media screen and (max-width: 480px) {
  #menuWrapper {
    margin-right: 0px !important;
  }
  #userMenu {
    margin-right: 5px !important;
  }
  #login {
    flex: 1 1 100%;
  }
  #uogBackground {
    flex: 1 1 0%;
    display: none;
  }
}

@media all and (min-width: 320px) {
  #login {
    margin-top: 0px;
  }
}
@media screen and (max-width: 480px) {
  #menuWrapper {
    margin-right: 0px !important;
  }
  #userMenu {
    margin-right: 5px !important;
  }
}
@media all and (max-width: 800px) {
  .branded-footer {
    margin-top: 25px;
  }
}
@media all and (max-width: 600px) {
  /*#maintitle{display:none;}*/
  #searchBarDiv > input {
    width: 100%;
  }
  .deleteLink {
    float: left !important;
    padding-right: 0px !important;
  }
}
@media all and (max-width: 768px) {
  #copyrightLogoContainer,
  #footerHelp,
  #copyrightTextContainer {
    flex: 7 1 100%;
  }
  /*.opaque{margin-top:50px;}*/
  #menuWrapper {
    margin-right: 2.5vw;
  }
  #lblLoggedInAs {
    display: none;
  }
  #lblLoggedInAsMobile {
    display: none;
  }
  #maintitle {
    text-align: center;
    margin-right: 5vw;
  }

  /* 2021-02-16: Don't apply the larger width to mobile */
  .logonbox {
    background-color: transparent;
    border-radius: 10px;
    width: 330px;
  }
  .popupWin {
    background-color: transparent;
    z-index: 1;
    margin-top: 0px;
    margin-left: 35px;
    margin-right: 35px;
    width: 460px;
    /*order: 1;*/
  }
  .secondaryWrapper {
    width: 330px;
  }
  .popFieldsContainer {
    width: 330px;
  } /* 2021-02-19: So fields on mobile use full width */
}

li[aria-expanded="true"] {
  pointer-events: none;
}
#ssoGroupCreationHelp {
  margin-bottom: 0;
}
.ssoGroupName {
  min-width: 200px;
}

/* Export Report - Admin Dashboard */
#btnExportReport {
  display: none;
}
/*  Dashboard - Activity Reporting  */
.linkForgotUsername {
  display: none;
}
#lnkToggleReportOptions {
  color: #222 !important;
}
#lnkToggleReportOptions:hover {
  color: #046a38 !important;
}

/* HelpDesk - pg_helpdesk  */
#content1 .instructions {
  color: #222;
}
#content1 .col-md-10 {
  color: #222;
}
#content1 .col-md-10 a {
  color: #046a38;
}
#content1 legend {
  color: #222;
}
#content1 label {
  color: #222;
}

/* Edit Profile - Account Management */
.tab-content a {
  color: #046a38;
}
#accordion .panel-title a {
  color: #222;
}