.icon-remove-sign{
    font-size:25px;
}
h1, h2{
    color:#5d5e5e!important;
    font-weight:bold;
    font-family: 'Quicksand', sans-serif;
}
h1{
    font-size:40px;
}

@media only screen and (max-width: 600px) {
	h1{
		font-size:35px;
	}
}
	
.selectlist, .myVouchers, .myStarbuys, .myVouchersWarehouse{
    color: #2fcbd2!important;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    font-size:27px;
    cursor: pointer;
}
@media only screen and (max-width: 600px) {
	.selectlist{
    font-size:20px;
	}
}

.vouchersBG{
    text-align:center;
    background-image:url('https://cdn.motherhood.com.my/assets/images/Warehouse+Sales/voucherTemplate.png');
    background-size:contain;
    background-repeat:no-repeat; 
    background-position:center center; 
    margin-bottom:10px;
    height:auto;
    padding: 10px 15px 10px 5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.vouchersBGAdded{
    text-align:center;
    background-image:url('https://cdn.motherhood.com.my/assets/images/Warehouse+Sales/VOUCHER+COLLECTED.png');
    background-size:contain;
    background-repeat:no-repeat; 
    background-position:center center; 
    margin-bottom:10px;
    height:auto;
    padding: 10px 15px 10px 5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.vouchersBG:hover{
    background-image:url('https://cdn.motherhood.com.my/assets/images/Warehouse+Sales/voucherTemplateHover.png');
}

.warehouseSale:hover{
    background:#f56f2f;
}
.warehouseSale{
    background:#2ea7ad;
    color:white;
    font-weight:bold;
    font-size:20px;
    padding:10px 15px 10px 15px;
    border:none;
    margin-bottom:10px;
}

.loginBtn{
    background:#2ea7ad;
    color:white;
    font-weight:bold;
    font-size:20px;
    padding:10px 15px 10px 15px;
    border:none;
    margin-bottom:10px;
}

@media (max-width: 768px) {
    .warehouseSale{
        font-size:10px;
        width:45%;
        margin:0px 5px 15px 5px;
    }
}

.vouchersMobile{
    text-align:center;
    background-image:url('https://cdn.motherhood.com.my/assets/images/Warehouse+Sales/voucherTemplate.png');
    background-size:contain;
    background-repeat:no-repeat; 
    background-position:center center; 
    width:100%;
    height:auto;
    padding: 10px 15px 10px 5px;
    vertical-align: middle;
    margin: 5px 0px 5px 0px;
}

.vouchersMobileAdded{
    text-align:center;
    background-image:url('https://cdn.motherhood.com.my/assets/images/Warehouse+Sales/VOUCHER+COLLECTED.png');
    background-size:contain;
    background-repeat:no-repeat; 
    background-position:center center; 
    width:100%;
    height:auto;
    padding: 10px 15px 10px 5px;
    vertical-align: middle;
    margin: 5px 0px 5px 0px;
}
.selectlist{
    margin-bottom:20px;
    line-height:1.5;
}

.selectlist:hover{
    color:#f56f2f!important;
}
.myVouchers:hover{
    color:#f56f2f!important;
}
.myStarbuys:hover{
    color:#f56f2f!important;
}
    /*transition: .5s ease-out;
    opacity: 40%;
    padding:0px 15px 0px 15px;
    font-size:35px;*/

.seperator{
    color:black;
    font-size:30px;
    padding-left:5px;
    padding-right:5px;
}
.addtoWishlist{
    background:#2FA7AD;
    width:100%;
    color:white;
    font-weight:bold;
    padding:10px;
    border:none;
    margin-top:10px;
    border-radius:20px;
}

.addtoWishlistadded{
    background:#2FA7AD;
    width:100%;
    color:white;
    font-weight:bold;
    padding:10px;
    border:none;
    margin-top:10px;
    border-radius:20px;
    opacity:50%;
}

.addtoWishlist:hover{
    background:#f56f2f;
}
.addtoWishlistadded:hover{
    background:#2FA7AD;
    opacity:50%;
}
.originalPrice{
    text-decoration: line-through;
    text-decoration-color: #a9a9a9;
    color: #a9a9a9;
}
.finalPrice{
    color:#2FA7AD;
    font-weight:bold;
}
.discountAmount{
    background:#f56f2f;
    color:white;
    padding:0px 5px 0px 5px;
    margin:0px 5px 0px 5px;
}
@media (max-width: 768px) {
    .productrow{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }
    .productbox{
        display: flex;
        flex-direction: column;
        min-height:10px!important;
    }

    .myVouchers, .myStarbuys, .myVouchersWarehouse{
        color: #2fcbd2!important;
        font-weight: bold;
        font-family: 'Quicksand', sans-serif;
        font-size:20px;
        cursor: pointer;
    }
}
.productbox{
    margin-bottom:20px;
    min-height:374px;
    max-height:374px;
	background:white;
}
.voucherName > h1, .voucherName > h2, .voucherName > h3, .voucherName > h4, .voucherName > h5{
    color: #f56f2f!important;
    font-family: 'Quicksand', sans-serif;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    vertical-align:center;
    text-align:center;
    padding-top:10px;
}
label.title {
    color: #f56f2f!important;
    font-family: 'Quicksand', sans-serif;
    /*text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;*/
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    display:block;
}

label.description{
    color: #1f7a73;
    font-family: 'Quicksand', sans-serif;
    vertical-align: center;
    text-align: center;
    padding-top: 10px;
    line-height: 1;
}

label.requirement{
    color: #1f7a73;
    font-family: 'Quicksand', sans-serif;
    vertical-align: center;
    text-align: center;
    padding-top: 5px;
    line-height: 1;
}

.voucherNameMobile label.title {
    color: #f56f2f!important;
    font-family: 'Quicksand', sans-serif;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
    vertical-align: middle;
    text-align: center;
    padding-top: 10px;
    font-size: 17px;
    line-height: 1;
    display:block;
}

.voucherNameMobile label.description{
    color: #1f7a73;
    font-family: 'Quicksand', sans-serif;
    vertical-align: center;
    text-align: center;
    padding-top: 3px;
    font-size: 10px;
    line-height: 1;
}

.voucherNameMobile label.requirement{
    color: #1f7a73;
    font-family: 'Quicksand', sans-serif;
    vertical-align: center;
    text-align: center;
    padding-top: 2px;
    font-size: 10px;
    line-height: 1;
}

.voucherNameMobile > h1, .voucherNameMobile > h2, .voucherNameMobile > h3, .voucherNameMobile > h4, .voucherNameMobile > h5{
    color: #f56f2f!important;
    font-family: 'Quicksand', sans-serif;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    vertical-align:center;
    text-align:center;
    margin-bottom: 40px;
    min-height: 40px;
    padding-top:15px;
}
    
img.center{
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
}
.productName{
    min-height:37px;
    color:#707070;
}

.loadingIcon{
    position:fixed;
    z-index:100;
    left:50%;
    top:50%;
    background:white;
    padding:10px;
    border-radius:50%;
}

.fadeMe {
    opacity:    0.5; 
    background: #000; 
    width:      100%;
    height:     100%; 
    z-index:    10;
    top:        0; 
    left:       0; 
    position:   fixed; 
}

.loginMsg{
    top:30%;
    background:white;
    z-index:    11;
    position:   fixed; 
    text-align:center;
    padding:40px;
    width: 50%;
    left: 50%;
    margin-left: -25%;
}
@media (max-width: 768px) {
.loginMsg {
    background: white;
    z-index: 11;
    position: fixed;
    text-align: center;
    padding: 40px;
    left: 25%;
    width:100%;

}
}

.blinkingBtn {
    vertical-align: middle;
    background-color: #2fcbd2;
    -webkit-border-radius: 10px;
    border-radius: 12px;
    border: none;
    color: #FFFFFF;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
  }
  
@-webkit-keyframes glowing {
    0% { background-color: #2fcbd2; -webkit-box-shadow: 0 0 3px #2fcbd2; }
    50% { background-color: #f56f2f; -webkit-box-shadow: 0 0 40px #f56f2f; }
    100% { background-color: #FF8C00; -webkit-box-shadow: 0 0 3px #FF8C00; }
}
  
@keyframes glowing {
    0% { background-color: #2fcbd2; box-shadow: 0 0 3px #2fcbd2; }
    50% { background-color: #f56f2f; box-shadow: 0 0 40px #f56f2f; }
    100% { background-color: #FF8C00; box-shadow: 0 0 3px #FF8C00; }
}

@-o-keyframes glowing {
    0% { background-color: #2fcbd2; box-shadow: 0 0 3px #2fcbd2; }
    50% { background-color: #f56f2f; box-shadow: 0 0 40px #f56f2f; }
    100% { background-color: #FF8C00; box-shadow: 0 0 3px #FF8C00; }
}
    
@-moz-keyframes glowing {
    0% { background-color: #2fcbd2; -moz-box-shadow: 0 0 3px #2fcbd2; }
    50% { background-color: #f56f2f; -moz-box-shadow: 0 0 40px #f56f2f; }
    100% { background-color: #FF8C00; -moz-box-shadow: 0 0 3px #FF8C00; }
}
  
.overlay{
    position: absolute;
    top: 35%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25%;
    width: 100%;
    opacity: 0.8;
    transition: .5s ease;
    background-color: white;
}

.overlayText{
    font-size: 35px;
    color: #2fcbd2;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1.2;
}