.ShipSmart {
    &__box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;

        &-options {
            display: flex;
            flex-direction: row;
            align-items:  center;
            justify-content: space-evenly;
            margin-left: 1vw;

            select {
                margin-right: 1vh;
                border: 2px solid #135e96;
                border-radius: 5px;
                color: #135e96;
            }
        }

        &-content {
            margin-top: 2vh;
            display: flex;
            flex-wrap: wrap;
        }

        &-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            border: 1px solid #ccc;
            width: 30vw;
            margin-right: 1vw;
            margin-bottom: 1vh;
        }

        &-header {
            padding: 0;
            border-bottom: 1px solid #ccc;
            width: 100%;
            background-color: #ccc;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        &-title {
            padding: 0;
            margin-top: 1vh;
        }

        &-body {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        &-group {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-evenly;
            margin: 1vh 2vh;

            select {
                width: 100%;
                margin-right: 1vh;
                border: 2px solid #135e96;
                border-radius: 5px;
                color: #135e96;
            }
        }

        &-items {
            width: 100%;
            display: flex;
            justify-content: center;
            margin: 1vh 0;
            min-height: 5vh;
            flex-direction: column;
            align-items: center;

            div {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
            }
        }

        &-item  {
            margin-right: 1vh;

            &--removed {
                cursor:pointer;
                margin-left: 1vw;
            }
        }

        &-footer {
            width: 100%;
            display: flex;
            margin-top: 2vh;
            justify-content: flex-start;
            border-top: 1px solid #ccc;
            background-color: #ccc;
            height: 3vh;
            align-items: center;
        }

        &-remove {
            margin-right: 1vh!important;
        }
    }
}
.ShipSmart__order {
  &-buttons {
    align-self: end;
    .shipsmart-button-none {
      display: none;
    }
  }
}