.stickytop {
    position: sticky;
    top: 0;
    z-index: 2;
}

.stickytop-desktoponly {
    position: sticky;
    top: 0;
    z-index: 2;
}

body, ul, li, p {
  font-family: 'Work Sans', sans-serif;
  position: relative;
  color: #141e79;
  font-size: .9em;
}

body * {

  transition: 0.4s all;

}

/*Temp edits for Medical Office Surveys - BEGIN */
h2{
    font-size: 1.4em;
}
.font-size-reg{
    font-size: .9em;
}
.survey-part-title {
    font-size: 1.4rem;
    color: #0F426B;
    font-weight: 600;
}
.survey-sec-title {
    font-size: 1.2rem;
    color: #0F426B;
    font-weight: 600;
}
.survey-wrapper {
  background: #ffffff;
  position: relative;
  margin: 1em auto 6rem auto;
  max-width: 70%;
  border-radius: .5rem;
  padding: 1rem 1rem 1rem 1rem;
  box-shadow: 0px 20px 40px rgba(81, 33, 6, .13);*/

}
.form-check{ /*affect radio matrix*/
    padding-left: 0.8em!important;
    margin-bottom: .3em;
}
div.form-check { /*affect radio list*/
    padding-left: 2em !important;
    margin-bottom: .3em;
}
.firstColHeader{
    font-size: larger !important;
}

/*Temp edits for Medical Office Surveys - END */

/*ORIGINAL CSS COMMENTED OUT 2/19 */
/*.survey-wrapper {
  background: #ffffff;
  position: relative;
  margin: 4rem auto 6rem auto;
  max-width: 85%;
  border-radius: .5rem;
  padding: 1rem 2rem 1rem 2rem;
  box-shadow: 0px 20px 40px rgba(81, 33, 6, .13);*/
/*max-width: 1000px;*/
/*padding: 1em 2em !important;

}*/
.survey-wrapper100 {
    background: #ffffff;
    position: relative;
    margin: 4rem auto 6rem auto;
    max-width: 94%;
    border-radius: 0rem;
    padding: 1rem 0 1rem 0;
    box-shadow: 0px 20px 40px rgba(81, 33, 6, .13);
}



.survey-wrapper ul{
  color:black;
  font-size: 1em;
  padding:0em 3em 3em 3em
}


.survey-container p.header{

  font-size: 2rem;
  color: black;
  font-weight: 600;
  border-bottom: 1px solid #F7A68C;
  padding: 0rem 0rem 1rem 0rem;
  line-height: 1;
  color: #015CAB;
  font-size: 32px;
  text-align: center;
  font-weight: 500;


}



select {
  background-image:
  linear-gradient(45deg, transparent 50%, #003D7E 60%),
  linear-gradient(135deg, #003D7E 40%, transparent 50%) !important;
  background-position: calc(100% - 18px) 18px, calc(100% - 8px) 18px, 100% 0;
  background-size:10px 8px, 10px 8px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}



.q {
  margin-bottom: 0em;
}
select.form-control[size] {
  height: auto;
  min-height:2.75rem
}

.survey-container {
  width: 100%;
  height: 100%;
  min-height:100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  background-image: url(../images/background.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;

}

::-webkit-scrollbar {
  width: 9px;
  background: #dedede;
}

::-webkit-scrollbar-thumb {
  background-color: #9c9c9c;
  border-radius: 1rem;
}


.main {
  min-height: auto !important;
  padding-bottom: 0 !important;
  background: #F1F0EC;
}

.buttonGroup{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap:wrap;

  margin: 1rem auto;
  width: 100%;

}

.buttonGroup .btn-outline-secondary {
  border: 2px solid black;
  color: black;
  font-weight: 700;
  padding: .4rem 3rem;
  border-radius: 2rem;
  background: transparent;
  width: auto;
  /* box-shadow: 0px 0px 12px -4px rgba(223,106,21,0.75);
  -webkit-box-shadow: 0px 0px 12px -4px rgba(223,106,21,0.75);
  -moz-box-shadow: 0px 0px 12px -4px rgba(223,106,21,0.75); */
}

.buttonGroup .btn-outline-secondary:hover {
    background: #c5c5c5;
    border: 2px solid black;
}
.buttonGroup .btn-outline-secondary:last-child {
  width: auto;
  float:right
}


.buttonGroup .btn-outline-primary {
    background: #0069AA;
    color: white;
    font-weight: 700;
    padding: .4rem 3rem;
    border-radius: 2rem;
    width: auto;
    /* box-shadow: 0px 0px 12px -4px rgba(223,106,21,0.75);
-webkit-box-shadow: 0px 0px 12px -4px rgba(223,106,21,0.75);
-moz-box-shadow: 0px 0px 12px -4px rgba(223,106,21,0.75); */
    border: 2px solid black;
}

.buttonGroup .btn-outline-primary:hover {
    background: #004f80;
    color: white;
}

.mx {
  border: 1px solid #dedede;
}
.mx thead > tr > td {
  background-color: #dcf1fa
}
.mx-row-alt {
  background: #f6fbfe;
}

td {
  color: #1A3966;
}

.mx-row {

  background-color: #e9f7fc;
}

.response {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0em;
  margin-bottom: 1em;
}
.badge-dark {
  display: none;
}

.claim-box {
    color: white;
    padding: .75rem 2rem .25rem 2rem;
    margin-bottom: 2rem;
    background-color: #002c90;
}

.claim-header {
    font-size: 28px; 
    padding: 0; 
    text-align: left;
}

.statement-header{
    font-size: 18px;
    padding: 0;
    text-align: left;
}

.help-text{
    font-size: 12pt;
}

td > input{
    margin-left: -0.9rem !important;
}

.exit-text{
    font-size: 18px;
}

@media (max-width:1024px){
  .buttonGroup .col {

    flex-basis: unset;

    flex-grow: unset;
    max-width: fit-content;
  }
  .survey-container {
    width: 100%;

  }
  .main {
    min-height: fit-content !important;
  }

  .buttonGroup {
    align-items: flex-end;
  }

  .buttonGroup .btn-outline-secondary:last-child {
    float: none;
    margin-top: 1em;
  }
  /*.survey-container p:nth-of-type(1){
    font-size:27px
  }*/

  .survey-wrapper{
    max-width: 96%;
  }
}

@media (max-width:991px){
  .survey-container label {

    font-size: 15px;
  }

}


@media (max-width:769px){

    .claim-header {
        font-size: 1.5rem;
    }
    .claim-box p {
        font-size: 1rem;
    }
    .stickytop-desktoponly {
        position: inherit
    }

  .buttonGroup .btn-outline-secondary {

    padding: .2rem 2.4rem;
    font-weight:500;
    font-size: 15px;

  }

 

  .survey-wrapper ul {

    padding: 1em 1em 3em 1em;
  }

  .survey-wrapper {
    max-width: 100%;
    margin:0;
    padding: 0;
  }

  .buttonGroup .btn-outline-primary {
    padding: .2rem 2.4rem;
    font-weight:500;

    font-size: 15px;
  }

  .buttonGroup {
    align-items: unset;
    justify-content: center;
  }
  .mx {
    border: none;
  }
  /*.survey-container .mx .form-check label {
    padding: 0px;

  }*/

  fieldset {
    padding: 0em 0em;
  }
}