@charset "utf-8";
/* CSS Document */
#buttonsSpaced {
    display: flex;
    
    border: 2px dashed #444;
    /* height: 125px; */
    /* text-align: justify; */
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    padding-bottom: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    /* align-content: center; */
    justify-content: space-around;
}

.butFrame {
  /* height: 102px; */
  display: inline-block;
  width: 200px;
  float: left;
  border: 2px solid black;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: 18px;
  margin-left: 14px;
  margin-right: 10px;
}

.butFrame:hover {
/*    border: 2px solid red;*/
    border: 2px solid #1040c1;
    box-shadow: 0 0 0 0.375rem rgb(16 114 235 / 16%);
    
}

.butFrame p {
  width: 95px;
  margin: 0 auto;
  text-align: center;
}
.butFrameTitle {
    font-size: 23px;
    padding-top: 5px;
    padding-bottom: 8px;
    width: 100.5%;
    background-color: #7e7e7e;
    color: white;
    text-align: center;
    margin: -0.5px;
    padding-top: 9px;
    /* border: 2px black solid; */
}
.disabled {
  background: red;
  /*    width: 45px;*/
  height: 45px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  OVERFLOW: unset;
}
.disabledOption {
    /*width: 93px; */
    /* height: 28px; */
    font-size: 33px;
    padding-right: 10px;
    padding-left: 9px;
    margin-left: 175px;
    margin-top: -18px;
    position: absolute;
    background: #fdfffe;
    /* width: 35px; */
    /* height: 38px; */
    line-height: 38px;
    text-align: center;
    color: #000;
    font-weight: bold;
    /* OVERFLOW: unset; */
    border-radius: 40px;
    border: 2px black solid;
    box-shadow: black 2px 2px 2px;
}

.disabledArrow {
    background: url(red-arrow.svg) no-repeat;
    background-size: 35px;
    margin-left: 12px;
    margin-top: 63px;
    position: absolute;
    width: 71px;
    height: 71px;
}

.disabled {
    /*width: 93px;*/
    height: 28px;
    padding-right: 10px;
    padding-left: 10px;
    /* margin-left: 100px; */
    margin-top: -15px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(-7deg);
    position: absolute;
    left: 1685px;
    top: 475px;
}
.buildButton {
  background: #3db42c;;
  padding: 8px;
  border-radius: 41px;
  width: 146px;
/*  margin: 0 auto;*/
    
  text-align: center;
  font-weight: 600;
  color: white;
  margin-top: 15px;
  margin-bottom: 12px;
  box-shadow: black 2px 2px 4px;
  cursor: pointer;
  font-size: 18px;
}
.buildButton:hover {
  margin-top: 13px;
  margin-left:-2px;
    margin-right:2px;
  margin-bottom: 14px;
  box-shadow: black 4px 4px 6px;    
}
.buildButton a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#fullyTest {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: black;
    font-style: italic;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.noSignup {
    background:red;
    margin:5px;
    color: white;
    padding:5px;
    padding-left:15px;
    padding-right: 15px;
/*    height:24px;*/
    float:left;
    text-align: center;
    min-width: 85px;
}

#noSignupBar {
    width: 100%;
    /* height: 30px; */
    /* margin: 0 auto; */
/*    display: flex;*/
    display:none;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}