@media only screen and (min-width: 769px) {
    .cell-style {
        background-color: #f6f6f6;
        width: 31%;
    }
    .redeem-cell-style {
        background-color: #f6f6f6;
        width: 45%;
    }
    .fieldset>.field:not(.choice)>.control {
        width: 100%!important;
    }
    .redeem-cell-form-data .button-b {
	width: 20%;
    }
    .redeem-cell-form-data .code-b {
	width: 80%;
    }
}
@media only screen and (max-width: 768px) {
    .cell-style, .redeem-cell-style {
        background-color: #f6f6f6;
        width: 98%;
    }
    .redeem-cell-form-data .button-b {
	width: 34%;
    }
    .redeem-cell-form-data .code-b {
	width: 66%;
    }
}
.cell-row-style {
     background-color: #f6f6f6;
     width: 100%;
 }
.cell-form-data {
    padding: 20px;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    min-height:177px;
}
.redeem-cell-form-data {
    padding: 20px;
}
.cell-form-data input, .cell-form-data select, .cell-form-data p {
    color: gray;
}
.cell-form-data p {
    text-align: center;
    padding-bottom: 5px;
}
.cell-title {
    border-bottom: 1px solid #55c6de;
    font-size: 24px;
    background-color: #55c6de;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
    margin: 0!important;
    font-weight: 300!important;
}
.cell-button {
    background-color: #55c6de!important;
    border: none!important;
    margin: 0 auto!important;
    width: 85px;
}
.cell-button:hover {
    background-color: #03798f!important;
    border: none!important;
}
.cell-text-center {
    text-align: center;
}
.cell-text-right {
    text-align: right;
}
.cell-text-left {
    text-align: left;
}
.cell-float-left {
    float: left;
}
.cell-float-right {
    float: right;
}
.cell-float-none {
    float: none;
}
.flex-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 100%;
}
a.question, a.answer {
    font-size: larger;
    color: #55c6de;
}
a.question {
    cursor: pointer!important;
}
a.answer {
    text-decoration: none!important;
}
#answer p {
    text-align: left;
}
.answer~p a, .answer~ol a {
    color: #55c6de;
    font-weight: bold;
}
a.question:hover, a.answer:hover {
    color: #55c6de;
}

.redeem-cell-style input[type="text"],
.redeem-cell-style input[type="email"],
.redeem-cell-style input[type="submit"],
.redeem-cell-style select {
    height: 40px;
}
.redeem-cell-style input[type="submit"] {
    width: 100%;
    text-align: center;
}
.below-code {
    clear:both;
    padding: 20px 0 0 0;
}
#redeem-code-form .below-code {
    font-size: 11px;    
}
.below-code a, 
.below-code a:visited, 
.below-code a:hover {
    color: #55c6de;
}
.redeem-cell-form-data .message.error>*:first-child:before{
    content: unset;
}
.redeem-cell-form-data .message.error {
    padding-left: 25px;
}
.img-box {
    height: 200px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
.img-box img {
   height: 100%;
   width: auto;
}
.not-right-product {
   font-size: 12px;
   padding: 10px 0 15px 0;
}
.text-muted {
   color: #999;
   padding-left: 2px;
}
/* Customer account styling */
.field.note.default {
    background: #fcf8e3;
    text-transform: lowercase;
    padding: 10px;
    color: #8a6d3b;
    border: 1px solid #FAEBC6;
}
.field.note.default:before {
    content: "It's a ";
    text-transform: initial;
    display: inline; 
}
.company-info h3 {
    margin-top: 0;
}
.bundle-options-container .block-bundle-summary .price-box .price-wrapper>.price.old-price,
.price-box .price.old-price {
    color: #aaa;
    text-decoration: line-through;
    display: inline-block;
    font-size:90%;
}
.bundle-options-container .block-bundle-summary .price-box .price-wrapper>.price.old-price,
.price-box .price.special-price{
    display: block;        
}
.price-box .price.special-price, .price-box .price, .block-bundle-summary .price-box .price{
    color: #575757;
}
.discount-flash {
    display:inline-block;
}
div .fieldset>.field>.label {
    text-align: left !important;
}
/* checkout page agreements checkbox styling */
.checkout-index-index #agreement_authnetcim_1 {
    float: left;
    margin: 0 5px 0 0!important;
}
@media only screen and (min-width: 768px) {
    .checkout-index-index #agreement_authnetcim_1 {
        float: left;
        margin: 0 12px 0 0!important;
	width: 16px !important;
	height: 16px !important;
    }
}
.checkout-index-index .payment-method-content .payment-method-content{
    padding: 0 0 20px 0!important;
}
.checkout-index-index .action.action-show {
    float: left;
    width: 92%;
    text-align: left;
    color: #5b5b5b;
}
.checkout-index-index .payment-method-content .primary {
    margin-top: 20px!important;
}
#agreement\[1\]-error.mage-error { display: inline-block;}
/*checkout page agreements checkbox styling */

/* Special styling for download links on MDM */
.downloadable-products .link a.download {
    color: #55c6de;
    font-size: 1.1em;
}
.downloadable-products .link a.download:hover {
    color: #03798F;
}
.table-downloadable-products .action.download:before {
  -webkit-font-smoothing: antialiased;
  font-size: 1.3em;
  line-height: inherit;
  color: #55C6DE;
  content: '\f019';
  font-family: 'FontAwesome';
  margin: 0 5px 0px 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  speak: none;
  text-align: center;
  padding: 2px;
}
.checkout-payment-method .checkout-billing-address .primary .action-update {
    background-color: #55c6de;
    color: white;
}
@media only screen and (min-width: 768px) {
    .opc-wrapper .fieldset>.field.required>label:after, .opc-wrapper .fieldset>.field._required>label:after {
        margin-left: 10px !important;
        position: unset !important;
    }
}
