﻿.vouWrap{border:0px solid #999;padding:10px 12px;}
.vouWrap h2{font-size:24px;font-weight:normal;margin-bottom:4px;}
.vouWrap > ul li{background:#e6e7e8 none repeat scroll 0 0;display:inline-block;margin:0 10px;padding:20px 0;width:31%;float:left;}
.calDiv{color:#000;display:inline-block;margin-bottom:25px;}
.calDiv > span{float:left;font-size:45px;}
.calDiv em{font-size:25px;font-style:normal;float:left;line-height:50px;margin:0 10px;}
.selectdiv{}
.vouWrap .selectdiv{position:relative;float:left;margin-top:8px;}
.vouWrap .selectdiv:after{content:'\f078';font:normal normal normal 17px/1 FontAwesome;color:#999;right:10px;top:-5px;height:34px;padding:15px 0px 0px 8px;border-left:0px solid #000;position:absolute;pointer-events:none;}
select::-ms-expand{display:none;}
.vouWrap .selectdiv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:75px;height:40px;float:right;margin:0px;padding:0px 10px 6px;font-size:18px;line-height:1.75;color:#000;border:1px solid #999;background-color:#fff;background-image:none;-ms-word-break:normal;word-break:normal;}
.addBtn, .addBtn:hover{background:#000;color:#fff;font-size:14px;font-weight:bold;padding:8px 30px;text-transform:uppercase;margin-top:20px;}
.btnRed, .btnRed:hover{background-color:#ed1c24;background-image:url("../images/ico-rtarow1.png");background-position:right center;background-repeat:no-repeat;border:medium none;color:#fff;font-size:14px;padding:12px 35px 12px 20px;}
.btnBlk, .btnBlk:hover{background-color:#000;display:inline-block;background-image:url("../images/ico-rtarow1.png");background-position:right center;background-repeat:no-repeat;border:medium none;color:#fff;font-size:14px;padding:12px 35px 12px 20px;}
.divLeft{float:left;}
.divRight{float:right;margin-top:15px;}
.divLeft > p{font-size:16px;line-height:normal;margin:0;}
.divLeft span{color:#000;font-size:22px;}
.btmInfo{margin-top:62px;padding:0 10px;float:left;width:97%;}
.btmInfo1{margin-top:30px;padding:0 10px;}
.vouConfirm{}
.vouConfirm table{border-collapse:collapse;border-spacing:0;font-size:13px;text-align:left;width:100%;}
.vouConfirm table tr td{border:1px solid #b6b6b6;padding:10px;}
.vouConfirm th{background:#eee none repeat scroll 0 0;border:1px solid #b6b6b6;padding:10px;}
.display_hide{display:none;}
.giftvouchr{width:192px;}
.flotihert{min-width:80px !important;}
.vouWrap{float:left;width:100%;box-sizing:border-box;}
a.nBtn{background:#efca18;padding:10px 15px;border-radius:50px;color:#fff;text-decoration:none;display:inline-block;min-width:80px;text-align:center}
a.nBtn:hover{opacity:0.8;}
span#totalRecords{border:1px solid #ddd;padding:10px;border-radius:4px;display:inline-block;}
.txtBtn{text-align:center;}
.tst{margin:0 4%;}
.tst select#CP_ddlCountries, .tst select#CP_ddlCategories{background:#eee;border-radius:4px;padding:10px;height:auto;}
.tst.voucherFilter {overflow: hidden;margin-bottom: 40px;}
.rmm-toggled.rmm-closed{display:none !important;}
ul.rmm-main-list{display:block !important;}
table td{text-align:center;}
ul{list-style:none;}
.wrap_giftcard{margin-left:-1%;margin-right:-1%;}
.cardDetail{display:block;min-height:58px;text-align:center;}
.card h4{font-size:14px;font-weight:bold;margin:10px 0 5px 0;}
.wrap_giftcard ul li{float:left;width:18.7%;padding:2%;text-align:center;border:1px solid #ddd;margin:1%;overflow:hidden;}
.ul-wrap_giftcard{margin:10px;}
.card-img-top{width:100%;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px);}
.card-gift{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);transition:0.3s;}
.card-gift:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);}
.container-gift{padding:2px 16px;}
.loader{font-size:10px;margin:50px auto;text-indent:-9999em;width:11em;height:11em;border-radius:50%;background:#ff0b29;background:-moz-linear-gradient(left, #ff0b29 10%, rgba(255,11,41, 0) 42%);background:-webkit-linear-gradient(left, #ff0b29 10%, rgba(255,11,41, 0) 42%);background:-o-linear-gradient(left, #ff0b29 10%, rgba(255,11,41, 0) 42%);background:-ms-linear-gradient(left, #ff0b29 10%, rgba(255,11,41, 0) 42%);background:linear-gradient(to right, #ff0b29 10%, rgba(255,11,41, 0) 42%);position:relative;-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
.loader:before{width:50%;height:50%;background:#ff0b29;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:'';}
.loader:after{background:#0dc5c1;width:75%;height:75%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}
@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.giftCard h2{text-align:center;font-size:36px;margin-bottom:0;}
.giftCard h3{font-size:21px;text-align:center;font-weight:normal;}
.giftCard p.nTxt{margin-top:20px;text-align:center;margin-bottom:30px;}
 div#CP_divConfirmationMsg{min-height:380px;}
 #CP_spanUnits .btn{border:1px solid #999;padding:10px;min-width:45px;height:45px;background:#fff;outline:none;}
h3.card-title span{font-size:22px;border-bottom:1px solid #ddd;display:block;padding:0px 0 10px 0;margin-bottom:15px; text-align: left;}
span#CP_spanUnits{margin-left:-10px;}
span#CP_spanUnits button{margin-right:0px!important;}
.pResult{display:inline-block;padding:14px;width:180px;background:#eee;text-align:center;}
#CP_divImage{width:100%;float:left;clear:both;padding:2%;border:1px solid #ddd;}
.voucherDetail{width:65%;padding-left:20px;text-align:left;float:right;}
.voucherDetail h4{margin:20px 0 5px 0;}
#CP_divTC{margin-bottom:50px;}
#CP_divTC h1{font-size:18px;margin-bottom:10px;border-top:1px solid #ddd;padding-top:20px;color:#000!important}
.giftCard {margin-top: 135px;}
@media screen and (max-width:800px){
	.giftCard {margin-top: 225px;}

}
@media screen and (max-device-width:768px), screen and (max-width:768px){.pass-desktop1{display:none;}
.pass-mobile1{display:block;}
.wrap_giftcard ul li{width:41%;}
}
@media screen and (max-width:500px){.wrap_giftcard ul li{width:91%;}
#CP_divImage{width:100%;}
.voucherDetail{width:100%;margin-top:20px;float:left;padding-left:0px;}
}
@media only screen and (min-width:769px) and (orientation:landscape){.pass-desktop1{display:block;}
.pass-mobile1{display:none;}

}
.voucherLeft {float: left;width: 48%;}
.voucherRight {float: right;width: 48%;}
.voucherLeft label, .voucherRight label {display: block;margin-bottom: 5px;    }
