/*
AttainPartners__v1.0
Contains wrapper classes
Does not contain font family, font size and color since
it will inherit from parent code.

overlay has background color [.AttainPartners__SurveyMainOverlay ]
which can be removed from code, if required.
*/

.AttainPartners__SurveyPopupOverlay {
  position: absolute;
  width: 430px;
  z-index: 9999;
  display: none;
  top: 32%;
  left: 33%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 8px #aaa;
  overflow: hidden;
  padding: 20px;
  margin: 0 auto;
}

.AttainPartners__SurveyPopupBody {
  min-height: 200px;
  text-align: center;
  padding: 0 30px;
}

.AttainPartners__SurveyMainOverlay {
  background-color: #353333bc;
  position: fixed; /* Stay in place */
  z-index: 9998; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
}

#AttainPartners__surveyTitle {
  margin-top: 0px;
}

#AttainPartners__surveyBtn {
  border: 1px solid #000;
  color: #000;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0 auto;
}

.AttainPartners__SurveyPopupCloseBtn {
  text-align: right;
  float: right;
  font-size: 20px;
  margin-top: 5px;
}

@media only screen and (min-width: 2001px) and (max-width: 3400px) {
  .AttainPartners__SurveyPopupOverlay {
    left: 40%;
    top: 38%;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 2000px) {
  .AttainPartners__SurveyPopupOverlay {
    left: 37%;
  }
}

@media only screen and (max-width: 992px) {
  .AttainPartners__SurveyPopupOverlay {
    width: 86%;
    left: 5%;
    top: 2%;
  }
}

/* iPad 3, 4 and Pro 9.7" */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .AttainPartners__SurveyPopupOverlay {
    width: 430px;
    position: relative;
    margin: 0 auto;
    left: 0;
    top: 0;
    margin-top: 50%;
  }
}

/* Custom color scheme for Oregon State */

#AttainPartners__surveyBtn {
  border: none;
  color: #fff;
  background-color: #00859B;
}

.AttainPartners__SurveyPopupOverlay {
  background-color: #fff;
  box-shadow: 0 2px 8px #000;
}

#AttainPartners__surveyTitle {
  color: #000;
}

#closePopup {
  color: #656565;
  border: azure;
  border: none;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Open sans";
}

#AttainPartners__initialLangContentBlock {
  padding-bottom: 20px;
  color: #323232;
}

#AttainPartners__closeLangContentBlock {
  font-size: 0.75em;
  padding-top: 20px;
  color: gray;
}