/* Scss Document */
consumer-info-section .noConsumerInfo {
  margin-top: 30px;
}
consumer-info-section section {
  margin-top: 30px;
}
consumer-info-section section #userButtons {
  border-bottom: 2px solid #a9a9a9;
  height: 71px;
  margin-top: 30px;
}
consumer-info-section section #userButtons .mainButtons {
  border-right: 1px solid #a9a9a9;
  float: left;
  height: 41px;
  padding-right: 34px;
}
consumer-info-section section #userButtons .secondaryButtons {
  float: left;
  padding-left: 34px;
}
consumer-info-section section #userButtons .secondaryButtons .btn-secondary {
  box-shadow: none;
  border: 4px solid #7acddf;
  background-color: #fff;
  padding: 4px 12px 13px;
  /*background-color: #a9a9a9;
  border-color: #a9a9a9;*/
}
consumer-info-section section #userButtons .userOnBase {
  float: left;
  margin-top: -17px;
  margin-left: 24px;
}
consumer-info-section section #userButtons .userOnBase .onBaseWidth {
  width: 52%;
}
consumer-info-section section #userButtons .userProductFees {
  float: left;
  margin-left: 40px;
  margin-top: -15px;
}
consumer-info-section section #userButtons .userProductFees span {
  display: block;
  font-size: 14px;
}
consumer-info-section section #userButtons .btn-secondary:hover {
  color: #000;
  background-color: #00a6ca;
  border-color: #00a6ca;
}
consumer-info-section section #userButtons .btn {
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  color: #000;
  height: 37px;
  padding: 6px 12px 13px;
}
consumer-info-section section #userButtons .spaceRight {
  margin-right: 20px;
}
consumer-info-section section .userInfo {
  font-weight: 600;
  text-transform: uppercase;
}
consumer-info-section section #consumerInfo .publicRecord {
  margin-bottom: 43px;
}
consumer-info-section section #consumerInfo #consumerInfoOne {
  display: flex;
  margin-top: 30px;
}
consumer-info-section section #consumerInfo #consumerInfoOne .userInfoLabel {
  float: left;
}
consumer-info-section section #consumerInfo #consumerInfoOne .userFileWidth {
  width: 14%;
}
consumer-info-section section #consumerInfo #consumerInfoOne .userFinWidth {
  width: 25%;
}
consumer-info-section section #consumerInfo #consumerInfoOne .userNameWidth {
  width: 48%;
}
consumer-info-section section #consumerInfo #consumerInfoOne .userSSNWidth {
  width: 15%;
}
consumer-info-section section #consumerInfo #consumerInfoOne .onBaseInfo {
  float: left;
  padding-left: 18px;
}
consumer-info-section section #consumerInfo #consumerInfoOne .onBaseInfo .onBaseItem {
  width: 55%;
}
consumer-info-section section #consumerInfo #consumerInfoOne .userSubscriberWidth {
  width: 32%;
}
consumer-info-section section #consumerInfo #consumerInfoOne a {
  color: #000;
  text-decoration: none;
}
consumer-info-section section #consumerInfo #consumerInfoOne a:hover {
  text-decoration: underline;
  color: #006685;
}
consumer-info-section section #consumerInfo #consumerInfoOne .fa {
  color: #006685;
}
consumer-info-section section #consumerInfo #consumerInfoTwo {
  display: flex;
  margin-top: -20px;
}
consumer-info-section section #consumerInfo #consumerInfoTwo a {
  color: #000;
  text-decoration: none;
}
consumer-info-section section #consumerInfo #consumerInfoTwo a:hover {
  text-decoration: underline;
  color: #006685;
}
consumer-info-section section #consumerInfo #consumerInfoTwo .fa {
  color: #006685;
}
consumer-info-section section #consumerInfo #consumerInfoTwo .addressInfo {
  font-weight: 600;
  text-transform: uppercase;
}
consumer-info-section section #consumerInfo #consumerInfoTwo .addressInfoTwo {
  color: #707070;
  display: block;
  text-transform: uppercase;
}
consumer-info-section section #consumerInfo #consumerInfoTwo .userInfoLabel {
  float: left;
}
consumer-info-section section #consumerInfo #consumerInfoTwo .userAddressWidth {
  width: 79%;
}
consumer-info-section section #consumerInfo #consumerInfoTwo .userProductWidth {
  width: 11%;
}
consumer-info-section section .userMessages {
  margin-top: 30px;
  border-left: 1px solid #ddd;
  padding-left: 40px;
}
consumer-info-section section .userMessages ul li {
  color: #F16E00;
  list-style-type: disc;
  font-size: 14px;
  margin-left: 16px;
  font-weight: 600;
}
consumer-info-section section #derogatoryData {
  			/*position: absolute;
      		right: 30px;*/
  float: right;
  margin-left: 60px;
}
consumer-info-section section #derogatoryData #derogatoryFlag:before {
  content: "";
  position: absolute;
  left: -4px;
  bottom: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 4px solid #981414;
  border-left: 4px solid transparent;
}
consumer-info-section section #derogatoryData #derogatoryFlag {
  width: 24px;
  height: 30px;
  right: 29px;
  top: -6px;
  position: relative;
  background: #EB0000;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
consumer-info-section section #derogatoryData #derogatoryFlag .warning {
  margin-top: -1px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-left: 2px;
}
consumer-info-section section #derogatoryData #derogatoryFlag:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
consumer-info-section section #derogatoryData .derogatoryFlagText {
  text-transform: uppercase;
  color: #EB0000;
  float: right;
  font-size: 12px;
  font-weight: 600;
  margin-top: -25px;
}
consumer-info-section section #suppressedData {
  			/*position: absolute;
      		right: 30px;*/
  float: right;
  margin-left: 60px;
}
consumer-info-section section #suppressedData #suppressedFlag:before {
  content: "";
  position: absolute;
  left: -4px;
  bottom: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 4px solid #066406;
  border-left: 4px solid transparent;
}
consumer-info-section section #suppressedData #suppressedFlag {
  width: 24px;
  height: 30px;
  right: 29px;
  top: -6px;
  position: relative;
  background: #008A00;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
consumer-info-section section #suppressedData #suppressedFlag .fa-check {
  color: #fff;
  font-size: 20px;
}
consumer-info-section section #suppressedData #suppressedFlag:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
consumer-info-section section #suppressedData .suppressedFlagText {
  text-transform: uppercase;
  color: #008A00;
  float: right;
  font-size: 12px;
  font-weight: 600;
  margin-top: -25px;
}
consumer-info-section section #lockedData {
  			/*position: absolute;
      		right: 30px;*/
  float: right;
  margin-left: 60px;
}
consumer-info-section section #lockedData #lockedFlag:before {
  content: "";
  position: absolute;
  left: -4px;
  bottom: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 4px solid #007c97;
  border-left: 4px solid transparent;
}
consumer-info-section section #lockedData #lockedFlag {
  width: 24px;
  height: 30px;
  right: 29px;
  top: -6px;
  position: relative;
  background: #00a6ca;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
consumer-info-section section #lockedData #lockedFlag .tufa-lock {
  color: #fff;
  font-size: 17px;
  padding-left: 2px;
  padding-top: 3px;
}
consumer-info-section section #lockedData #lockedFlag:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
consumer-info-section section #lockedData .lockedFlagText {
  text-transform: uppercase;
  color: #00a6ca;
  float: right;
  font-size: 12px;
  font-weight: 600;
  margin-top: -25px;
}

.big:hover {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  /*20%, 80% {
	transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
	transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
	transform: translate3d(4px, 0, 0);
  }*/
}