/*  
 * coupon-style.css
 * CSS for the plugin is written in this file
 * 
 */
.cpn { clear: both; display: block; }
.cpn_img { float: left; text-align: center; width: 20%; }
.cpn_optopn { float: left; padding: 42px 0; width: 80%; }
#listing_coupons { overflow: hidden; }
#validate_coupon { margin: 10px 0; }
.file_type label { float: left; margin: 0 15px 0 0; }
.file_type { margin: 10px 0; }
#upload_coupon .file_valueupload_coupon { height: 38px; margin-top: 16px; }
.cpn_optopn a { color: #fff !important; }
.cpn_optopn a.pr { margin-right: 10px; }

li >img { cursor: move; }
#couponlist { width: auto !important; margin: 0 auto !important }
#couponlist div { float:left; }
#couponlist p >img { cursor: move; }
#couponlist div p { position:relative; padding: 0; }
#couponlist div p span { position:absolute; top:-6px; right:-6px; }
#uploadcoupon { position:relative !important; width: 120px; }
#uploadcoupon .uploadfilebutton { position:absolute !important; font-size:30px; cursor:pointer; z-index:2147483583; top:-10px; left:0; opacity:0; width:auto }
.form_row table.coupon_table td, .form_row table.coupon_table, .form_row table.coupon_table table { clear: both; border: none; padding: 0; margin: 0; }
.form_row table.coupon_table #couponlist div { margin-top: 20px; }
.form_row table.coupon_table #couponlist div { margin-left: 25px; margin-bottom: 2px; }

#listing_coupons ul { margin: 0;}
#listing_coupons ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 30.3%; margin: 0 -4px 30px 3.4%; }
#listing_coupons ul li .cpn_img { width: 100%; }
#listing_coupons ul li .cpn_img img { height: auto; margin: 0; }
#listing_coupons ul li .cpn_optopn { width: 100%; padding: 0; text-align: center; }
#listing_coupons ul li .cpn_optopn a { background-color: #FAFAFA; border: 1px solid #E0E0E0; border-radius: 2px; color: #666666 !important; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; font-size: 12px; margin-bottom: 20px; padding: 9px 9px 8px; margin-bottom: 0; }
#listing_coupons ul li .cpn_optopn a:hover { color: #fff !important; background: #000; border-color: #000; }

/*backend*/
#coupon_iuploader #listing_coupons ul { margin-left: -10px; }
#coupon_iuploader #listing_coupons ul li.cpn { position: relative; width: 78px; margin: 0 0 20px 10px; }
#coupon_iuploader #listing_coupons ul li.cpn img { width: 100%; }
#coupon_iuploader #listing_coupons ul li.cpn .cpn_img img#cross { position: absolute; top: -8px; right: -8px; width: auto !important; }

#coupon_iuploader #listing_coupons ul li .cpn_optopn a.button.pr { margin-right: 6px !important; }
#coupon_iuploader #listing_coupons ul li .cpn_optopn a.button.pr, #coupon_iuploader #listing_coupons ul li .cpn_optopn a.button.dw { display: inline-block; overflow: hidden; width: 36px; box-shadow: none; text-indent: -9999px; padding: 9px 12px 19px; margin: 0; }
#coupon_iuploader #listing_coupons ul li .cpn_optopn a.button.pr i, #coupon_iuploader #listing_coupons ul li .cpn_optopn a.button.dw i { display: block; text-indent: 0; }
#coupon_iuploader #uploadcoupon { width: 118px; height: 36px; box-shadow: none; line-height: 34px; }
#coupon_iuploader #uploadcoupon:hover { border-color: #000; }

.cpi-instant-view td, .cpi-instant-view #cfiles { padding: 0; }
.cpi-instant-view #couponlist { margin-left: -14px; }
.cpi-instant-view #couponlist > div { margin-left: 10px; }

.cpn_ttl { clear: both; }

@media only screen and (max-width:679px) {
#listing_coupons ul li { width: 46.9%; }
}

@media only screen and (max-width:320px) {
#listing_coupons ul li { width: 100%; }
}

.post_coupons #uploadcoupon span
{
	position: static;
}
#coupon_iuploader #uploadcoupon .uploadfilebutton{ width:auto!important }

.upload_box{
  /*  border: 3px dashed rgba(0, 0, 0, 0.2);*/ /*tevolution 2 border display*/
}