@import "client/common.scss";

.checkout-navigation {
  padding: 20px 0px;
  position:relative;

  .purchases-disabled {
    position:absolute;
    bottom:-5px;
    width:530px;
    background-color:#006673;
    border-width:1px;
    border-style:solid;
    border-color:white;
    text-align:center;
    color:white;
    left:30px;
    padding: 1px 0;

    &.hidden {
      display:none;
    }
  }
  .nav-signin, .nav-payment-info, .nav-place-order {
    margin-right:50px;
    float: left;
  }

  .nav-signin {
    margin-left: 30px;
  }

  .nav-text {
    font-size: 17px;
    float: left;
    color:$ColorTextDisabled;
  }

  .nav-text.selected {
    color:$ColorTextHighlight;
  }

  .nav-arrow {
    float: left;
    margin-left: 30px;
  }
}
