﻿.couponContent
{
	padding-left:20px;
	padding-top:20px;
}

.couponContent .validator
{
	float:left;
}

.couponContent td.couponTitle
{
	padding-top: 10px;
}

.couponContent h4
{
	font-size:12px !important;
}

.couponContent input.Optional
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	color:#A7ADB6;
}

.couponContent tr.sectionTitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#A7ADB6;
}

.sectionTitle td
{
	width:100%;
	border-bottom: solid 1px #A7ADB6;
}

.LayoutTable .ErrorLable
{
	color:Red;
}

.createCoupon
{
	padding-top:10px;
}

.searchCoupon
{
	padding-top:10px;
}

.createCoupon input
{
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.searchCoupon input
{
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.couponGenerator input
{
	font-weight:bold;
}
.discountType .title label
{
	font-weight:bold;
}

.couponEdit
{
	display:none;
}

.couponEdit table td { padding:0px 0px; border-bottom: none; border-left: none; }

/* BANNERS MANAGMENT */
.table-body td p {margin: 0;}
.sel-date {margin-left: 5px;}
.c-text--orange,.c-text--Scheduled {color: #FFCC87;}
.c-text--green,.c-text--Live {color: #4FCC00;}
.c-text--gray,.c-text--Expired { color: #A0A0A0;}
.c-text--red,.c-text--None { color: red;}
.disabled {opacity: .5; pointer-events: none;}
.table-manage-banners input[type="text"] {width: 95%; font-size: 12px;}
.table-manage-banners input[disabled="disabled"] {width: 98%; border: 1px solid transparent; background: none; color: #000; font-size: 12px;}
.text-error {display: block; margin: 0; color: red; font-size: 10px; margin-top: 2px;}
[contenteditable="true"] {border: 1px solid #A7ADB6;}
.edit-area {display: inline-block; vertical-align: top; max-width: 163px; word-wrap: break-word;}
a.edit-area {height: 16px; line-height: 15px;}
a.edit-area[contenteditable="true"] {text-decoration: none;}
span.edit-area {vertical-align: middle; height: 13px;}
.table-body__subtitle .edit-area {max-width: 205px;}
input[type="file"] {width: 125px;}

/*---buttons---*/
.btn-stl {display: block; text-decoration: none; text-align: center; cursor: pointer;}
.btn-add {width: 150px; height: 30px; font-size: 11px;}
.button--alt {background-color: #82b44f !important;}
.button--alt:hover {background-color: #61a51c !important;}
.button {color: #FFF; background-color: #4e80b1; font-family: "ff-meta-web-pro", "HelveticaNeue", "Helvetica", sans-serif !important; font-size: 14.986px; padding: 16px 50px 15px; text-transform: uppercase; border-radius: 3px; display: inline-block; text-align: center; text-decoration: none !important; cursor: pointer; appearance: none; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07); -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.125s; transition-duration: 0.125s; -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1); }

/*---table stl---*/
.table-manage-banners {min-width: 1630px;}
.table-manage-banners th:not(:empty) { font-weight: bold; background-color: #eee; padding: 2px 4px; text-align: left; border-bottom: solid 1px Black; border-left: solid 1px Black; text-align: left; vertical-align: top;}
.table-manage-banners.home-page-banners th:nth-child(3), 
.table-manage-banners.home-page-banners th:nth-child(4), 
.table-manage-banners.home-page-banners th:nth-child(5), 
.table-manage-banners.home-page-banners th:nth-child(6), 
.table-manage-banners.home-page-banners th:nth-child(7),
.table-manage-banners.home-page-banners th:nth-child(8) { background-color: #81c2ef;}

.table-manage-banners th:nth-child(9), 
.table-manage-banners th:nth-child(10) { background-color: #a8e09c;}


.table-manage-banners th:nth-child(15) {border-left: solid 1px Black;}
.table-manage-banners tbody td {padding: 4px 4px; border-bottom: solid 1px #ddd; border-left: solid 1px Black;}
.table-manage-banners tbody td:first-child {border-left: none;}
.table-manage-banners tbody td:nth-child(16), .table-manage-banners tbody td:nth-child(17), .table-manage-banners tbody td:nth-child(18) {border-left: none;}
.table-manage-banners th iframe {border: none;}
.table-manage-banners:not(.table-global) th label:first-child {height: 25px; display: block; width: 111%; margin-left: -4px; margin-bottom: 10px; padding: 6px 5px; border-bottom: 1px solid #000;}
.table-manage-banners th:nth-child(7) {width: 75px;}
#StatusLabel {font-family: Arial, sans-serif; font-size: 11px;}
.table-body__image input[type="file"] {font-size: 12px;}
td.table-body__edit {width: 115px;}
td.table-body__edit > a {display: inline-block; vertical-align: top; margin-right: 10px;}
td.table-body__edit > a:last-child {margin-right: 0;}
td.table-body__edit > a:first-child {margin-left: 5px;}
.table-global td.table-body__edit {width: 50px;}

.table-body__priority {text-align: center;}
.table-body__priority .btn-delete {display: inline-block; vertical-align: top; text-decoration: none; color: #4B4B4B; font-size: 0; color: transparent; width: 20px; height: 11px;}
.table-body__priority .btn-delete:after {display: inline-block; vertical-align: top; margin-top: 3px; width: 20px; height: 11px; font-size: 20px; background: url("/App_Themes/default/Images/arr.png") no-repeat;}
.table-body__priority .btn-delete:nth-child(3):after {content: '';}
.table-body__priority .arr-down, .table-body__priority .arr-down:after {}
.table-body__priority .btn-delete:nth-child(2):after {transform: rotate(180deg); content: '';}
.table-body__priority .btn-delete.arrow-down:after {transform: rotate(0); content: '';}
.table-manage-banners:not(.table-global) th:nth-child(2) {width: 65px;}
.table-manage-banners th:nth-child(15) {vertical-align: middle;}

.table-body__error span {color: red; padding-left: 18px; background: url("/App_Themes/default/Images/icon_err.png") no-repeat;}

/*---popup preview---*/
.popup-preview {opacity: 0; visibility: hidden; position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 1440px; max-height: 750px; transition: .3s all;}
.popup-preview.is-open {opacity: 1; visibility: visible;}
.popup-close {position: absolute; top: -42px; right: -52px; cursor: pointer; background: none; outline: none; border: none; font-size: 20px; border-radius: 100%; border: 3px solid #fff; color: #fff; width: 50px; height: 50px;}
.popup-preview .img-box img {max-width: 100%; height: auto;}
.popup-preview .text-box * {box-sizing: border-box;}
.popup-preview .text-box {box-sizing: border-box; position: absolute; top: 60px; left: 120px; background-color: #4e80b1; width: 500px; height: 500px; padding: 59px 40px 50px; text-align: center;}
.popup-preview .text-box h1 {font-size: 58px; font-family: "ff-meta-serif-web-pro",serif; color: #fff; text-align: center; margin: 0; text-transform: capitalize;}
.popup-preview .text-box p {margin: 25px 0 0; height: 125px; font-size: 18px; font-family: "ff-meta-serif-web-pro",serif; color: #d7ebff; opacity: .9; line-height: 1.7; text-align: center;}
.overlay {display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.b-buttons span { display: block; vertical-align: top; }
.b-buttons span.top-text { color: #fff; font-size: 24px; font-family: "ff-meta-web-pro","HelveticaNeue","Helvetica",sans-serif; text-transform: uppercase; margin-bottom: 11px; letter-spacing: -1px; }
.b-buttons span.slogan { margin-top: 10px; color: #fff; font-size: 16px; text-transform: uppercase; font-family: "ff-meta-web-pro","HelveticaNeue","Helvetica",sans-serif; letter-spacing: -0.5px; }
.b-buttons .hint-text { display: block; margin-top: 15px; color: #d7ebff; text-transform: uppercase; font-size: 11px; }
.b-buttons a.button { min-width: 220px; }

.table-body__code input[type="text"] {max-width: 90px;}
.table-body__subtitle input[type="text"] {max-width: 100px;}
.table-body__btn-text input[type="text"] {max-width: 65px;}
.table-body__date .date-change {max-width: 48px;}

.table-manage-banners--small .table-head th:nth-child(1) {border-left: none;}
.table-manage-banners--small .table-head th:nth-child(7) {border-left: solid 1px Black;}
.table-manage-banners--small .table-body td:nth-child(8), .table-manage-banners--small .table-body td:nth-child(9), .table-manage-banners--small .table-body td:nth-child(10) {border-left: none !important;}

.table-global {min-width: 0; width: 1400px !important; margin-top: 20px;}
.table-global tr th:nth-child(1) {border-left: none;}
.table-global tr th:nth-child(7) {vertical-align: middle; border-left: solid 1px Black;}
.table-global td:nth-child(8), .table-global td:nth-child(9), .table-global td:nth-child(10) {border-left: none !important;}
#mainContent_dtpStartAdd_dpDate_dateContainer, #mainContent_dtpEndAdd_dpDate_dateContainer {margin-bottom: 5px;}
#mainContent_upFormCouponBanner input[type="text"] {height: 9px;}
#mainContent_upFormCouponBanner td {padding: 0 10px; vertical-align: top;}
.timeSelect {display: block; margin-left: 2px; margin-bottom: 5px;}
#mainContent_upFormCouponBanner label, #mainContent_upFormCouponBanner label {vertical-align: top; position: relative; top: 3px;}
#mainContent_upFormCouponBanner th {text-align: left; padding-left: 12px;}
input#mainContent_txtTitleAdd, input#mainContent_txtCouponCodeAdd {position: relative; top: 1px;}
.table-global th:nth-child(1) {width: 44px;}
.table-global th:nth-child(4), .table-global th:nth-child(5) {width: 142px;}
.table-global .table-body__title > input + span {display: block; margin-top: 2px; color: red;}
.table-global tr th label:nth-child(1) {display: block; width: 111%; margin-left: -4px; margin-bottom: 10px; padding: 6px 5px; border-bottom: 1px solid #000;}

.table-body__image iframe {border: none; height: 52px !important; width: 225px !important;}
.table-body__btn-text.table-body__text, .table-body__btn-link {width: 70px;}
.table-body__code.table-body__text, .table-body__coupon.table-body__text {max-width: 200px;}
#frmMain .table-manage-banners th:nth-child(10), #frmMain .table-manage-banners th:nth-child(11) {width: 145px;}
#frmMain .btn-add {width: 114px; height: 40px; margin-bottom: 0;}
#mainContent_gridCouponBanners_dtpStartAdd_dateContainer input[type="text"], #mainContent_gridCouponBanners_dtpEndAdd_dateContainer input[type="text"] {width: 116px !important; height: 13px; margin-top: -2px;}
.table-body__text  {max-width: 200px; word-break: break-all;}
.table-body__status {width: 62px;}
.ajax__calendar .ajax__calendar_container {z-index: 10;}
.ajax__calendar_container td, .ajax__calendar_container th {padding: 0; border: none !important;}
.ajax__calendar_container tbody td {padding: 0 !important; border: none !important; font-weight: normal;}
.ajax__calendar_container {width: 205px !important;}
.ajax__calendar_day {height: 16px !important;}
.ajax__calendar_body {width: 200px !important;}
a.button {}


/* /BANNERS MANAGMENT */