1#recommendationsModal .product-added-panel .panel-body {
  2    display: flex;
  3    flex-flow: row wrap;
  4    justify-content: space-between;
  5}
  6#recommendationsModal .product-added-panel .panel-body > span:first-child {
  7    flex-basis: 100%;
  8    margin-bottom: 0.5rem;
  9}
 10#recommendationsModal .product-added-panel .panel-body > div {
 11    display: flex;
 12    flex-direction: column;
 13}
 14#recommendationsModal .product-added-panel .product-name,
 15#recommendationsModal .product-added-panel .price {
 16    font-weight: bolder;
 17}
 18#recommendationsModal .product-added-panel .product-price,
 19#recommendationsModal .product-added-panel .product-cycle {
 20    text-align: right;
 21}
 22#recommendationsModal .modal-header {
 23    background-color: initial;
 24    border-bottom: 0;
 25    padding: 1rem 1rem 0 1rem;
 26}
 27#recommendationsModal .modal-footer {
 28    justify-content: center;
 29    border: 0;
 30}
 31.product-recommendations-container {
 32    max-height: 600px;
 33    overflow-y: auto;
 34    margin-top: 20px;
 35    margin-bottom: 30px
 36}
 37.product-recommendations {
 38    margin: 20px auto 30px;
 39    max-width: 575px;
 40    border-color: #7b7b7b;
 41}
 42.product-recommendations .product-recommendation {
 43    margin: 0 0 10px 0;
 44    background-color: #fff;
 45    border: 1px dashed #ccc;
 46    border-bottom: 4px solid #9abb3a;
 47}
 48.product-recommendations .product-recommendation .cta {
 49    float: right;
 50    padding: 3px 10px;
 51    text-align: center;
 52    display: flex;
 53    flex-direction: column;
 54    align-items: end;
 55}
 56.product-recommendations .product-recommendation .headline {
 57    padding-top: 8px;
 58    font-size: 1em;
 59}
 60.product-recommendations .product-recommendation .tagline {
 61    font-size: 0.9em;
 62    font-weight: 300;
 63}
 64.product-recommendations .product-recommendation .header {
 65    border-bottom: 0;
 66    overflow: hidden;
 67    cursor: pointer;
 68}
 69.product-recommendations .product-recommendation .header.header-static {
 70    cursor: default;
 71}
 72.product-recommendations .product-recommendation .body {
 73    padding: 10px 15px;
 74    border-top: 10px solid #eaeaea;
 75    background-color: #f8f8f8;
 76    font-size: 0.85em;
 77    display: none;
 78}
 79.product-recommendations .product-recommendation .price {
 80    padding: 4px 0;
 81    font-size: 1em;
 82    color: #83a032;
 83    display: flex;
 84    flex-direction: column;
 85    align-items: end;
 86}
 87.product-recommendations .product-recommendation .btn-add {
 88    padding: 0;
 89    background-color: #9abb3a;
 90    color: #fff;
 91    font-size: 0.9em;
 92}
 93.product-recommendations .product-recommendation .arrow {
 94    display: inline-block;
 95    padding: 2px 8px;
 96    background-color: #83a032;
 97}
 98.product-recommendations .product-recommendation .text {
 99    display: inline-block;
100    padding: 2px 8px;
101    font-size: 0.9em;
102}
103.product-recommendations .product-recommendation .expander {
104    float: left;
105    width: 28px;
106    font-size: 1.5em;
107    color: #9abb3a;
108    text-align: right;
109    line-height: 60px;
110    transition: all 2s linear;
111    margin-right: 15px;
112}
113.product-recommendations .product-recommendation .expander .fa-square {
114    font-size: 0.7em;
115}
116.product-recommendations .product-recommendation .rotate {
117    -moz-transition: all 0.2s linear;
118    -webkit-transition: all 0.2s linear;
119    transition: all 0.2s linear;
120}
121.product-recommendations .product-recommendation .rotate.down {
122    -moz-transform:rotate(90deg);
123    -webkit-transform:rotate(90deg);
124    transform:rotate(90deg);
125}