@font-face {
	font-family: 'HelveticaM';
	src: url('fonts/HelveticaMedium.eot');
	src: url('fonts/HelveticaMedium.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaMedium.woff') format('woff'),
		url('fonts/HelveticaMedium.ttf') format('truetype'),
		url('fonts/HelveticaMedium.svg#HelveticaMedium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaB';
	src: url('fonts/Helvetica-Bold.eot');
	src: url('fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Helvetica-Bold.woff') format('woff'),
		url('fonts/Helvetica-Bold.ttf') format('truetype'),
		url('fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaR';
	src: url('fonts/Helvetica.eot');
	src: url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
		url('fonts/Helvetica.woff') format('woff'),
		url('fonts/Helvetica.ttf') format('truetype'),
		url('fonts/Helvetica.svg#Helvetica') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'mc-icons';
    src:    url('fonts/icons/mc-icons.eot?6x9neh');
    src:    url('fonts/icons/mc-icons.eot?6x9neh#iefix') format('embedded-opentype'),
        url('fonts/icons/mc-icons.ttf?6x9neh') format('truetype'),
        url('fonts/icons/mc-icons.woff?6x9neh') format('woff'),
        url('fonts/icons/mc-icons.svg?6x9neh#mc-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="econ-"], [class*=" econ-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mc-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.econ-info:before {
    content: "\e909";
}
.econ-alertmsg:before {
    content: "\e905";
}
.econ-close:before {
    content: "\e906";
}
.econ-errormsg:before {
    content: "\e907";
}
.econ-infomsg:before {
    content: "\e908";
}
.econ-Add:before {
    content: "\e900";
}
.econ-checkbox-blank:before {
    content: "\e901";
}
.econ-checkbox-fill:before {
    content: "\e902";
}
.econ-edit:before {
    content: "\e903";
}
.econ-trash:before {
    content: "\e904";
}

.btn-ca-add{ float: left; position: relative; left: 485px; top: -43px;}
.btn-ca-add.marketing-announcement-add{ left: 354px;}
.btn-ca-add a:before{ position: absolute; left: 0; top: 0; content: "\e900"; font-family: "mc-icons"; color: #62b62b; margin: 1px 0 0 8px; font-size: 19px;}
.btn-ca-add a:hover:before{ color: #fff;}
.btn-ca-add a{ background: none !important; border: 2px solid #62b62b; font: normal 16px "Neutraface 2 Text Bold" !important; color: #62b62b !important; text-transform: uppercase; border-radius: 50px !important; padding: 2px 10px 2px 28px !important; text-shadow: none !important; box-shadow: none !important; margin: 0 !important;}
.btn-ca-add a:hover{ background: #62b62b !important; color: #fff !important;}

.content-announcement .on-off-check{ float: left; width: 89px; height: 31px; position: relative; margin: 6px 0 0 20px;}
.content-announcement .on-off-check input{ display: none;}
.content-announcement .on-off-check input[type=checkbox] + label:before{ cursor: pointer; position: absolute; left: 0; top: 0; width: 89px; height: 31px; background: url(images/sprite.png) no-repeat 0 0; content: "";}
.content-announcement .on-off-check input[type=checkbox]:checked + label:before{ cursor: pointer; background-position: 0 -31px;}

.content-announcement .ca-delete{ cursor: pointer; float: right; width: 24px; height: 24px; position: relative; margin: 10px 0 0;}
.content-announcement .ca-delete:before{ position: absolute; z-index: 1; content: "\e904"; font-family: "mc-icons"; color: #bdbec0; left: 0; top: 0; font-size: 20px; margin: 2px 0 0 2px;}
.content-announcement .ca-delete input{ position: absolute; width: 24px; height: 24px; left: 0; top: 0; z-index: 2; opacity: 0;}

.content-announcement { height: 300px; }
.content-announcement form{ background: #fff; border-radius: 6px; padding: 15px 25px 25px; border: 1px solid #d3d3d3; float: left; width: 100%; margin-bottom: 30px;}
.content-announcement form label{ font: bold 15px "Arial"; color: #797c7d;}
.content-announcement form label.label-after{ position: relative; left: -16px;}
.content-announcement form select{ box-sizing: content-box; padding: 3px 0 3px 5px !important; font: normal 15px Arial; margin-right: 20px !important; min-width: 75px;}
.content-announcement form select.select-first-child{ min-width: 130px;}
.content-announcement .ca-header{ float: left; width: 100%;}
.content-announcement .ca-header input[type=text]{ width: 84.5%; float: left; border: 0 !important; border-bottom: 1px solid #d3d3d3 !important; font: normal 27px "Neutraface 2 Text Demi"; color: #2c2f30; border-radius: 0 !important; margin: 0 !important; padding: 3px 0 6px 0 !important;}
.content-announcement form input.total-days{ width: 50px;}

.content-announcement .checkbox-persistent{ visibility: hidden; opacity: 0;}
.content-announcement .checkbox-persistent + label{ position: relative;}
.content-announcement .checkbox-persistent + label:before{ position: absolute; content: "\e901"; font: normal 17px "mc-icons"; color: #c3c3c3; left: 0; top: 0; margin: -1px 0 0 -25px;}
.content-announcement .checkbox-persistent:checked + label:before{ content: "\e902"; color: #2289c4;}

.content-announcement .ca-fields{ float: left; width: 100%; padding: 10px 0;}
.content-announcement .ca-fields input{ font: normal 15px Arial; color: #2c2f30; margin-right: 20px !important;}
.content-announcement .ca-fields span.tip strong{ margin-left: -124px;}

.content-announcement .ca-message{ float: left; width: 100%;}
.content-announcement .ca-message label{ display: block;}
.content-announcement .ca-message textarea{ border: 1px solid #bfc6ca; border-radius: 4px; width: 100%; display: block; height: 92px; padding: 6px; resize: none; font: normal 15px Arial; color: #2c2f30; margin-top: 7px; box-sizing: border-box;}

.inline-lbl-field{ float: left; width: 100%; padding: 0 0 5px;}
.inline-lbl-field label{ float: left; margin: 6px 0 0; width: 20%;}
.inline-lbl-field input{ float: left; width: 80% !important; margin: 0 !important;}

.content-announcement .customerWhiteList{width: 100%; box-sizing: border-box; margin-top: 7px;}

.popup-overlay-normal, .popup-overlay-delete{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; top: 0; z-index: 9999;}
.ca-popup{ position: absolute; width: 100%; max-width: 485px; min-height: 100px; background: #dadada; border-radius: 4px; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.2); padding: 30px; box-sizing: border-box;}
.popup-overlay-delete .ca-popup{ min-height: 230px;}

.ca-popup h2{ font: normal 31px "Neutraface 2 Text Bold" !important; color: #228abe !important; text-shadow: 0 1px 0 rgba(255,255,255, 0.8); position: relative; padding: 0 0 5px 40px;}
.ca-popup h2:before{ position: absolute; left: 0; top: 0; margin: 5px 0 0 0; content: "\e909"; color: #228abe; font: normal 29px "mc-icons"; text-shadow: none;}
.popup-overlay-delete .ca-popup h2{ padding-left: 0;}
.popup-overlay-delete .ca-popup h2:before{ display: none;}
.ca-popup p{ font: normal 14px/22px Arial !important; color: #484e51; white-space: pre-line;}
.ca-popup-actions{ float: left; width: 100%; padding: 45px 0 5px; text-align: center;}
.ca-popup-actions button{ font: normal 22px "Neutraface 2 Text Bold"; color: #fff; display: inline-block; border: 1px solid #0c6db1; border-radius: 4px; box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset; text-transform: uppercase; padding: 6px 22px; margin: 0 6px; cursor: pointer; text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background: 1095c9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1095c9, #1e7ab9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1095c9, #1e7ab9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1095c9, #1e7ab9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1095c9, #1e7ab9); /* Standard syntax */
}
.popup-overlay-delete .ca-popup-actions button{ border-color: #7c878c;
	background: 97a1a5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#97a1a5, #8d9598); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#97a1a5, #8d9598); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#97a1a5, #8d9598); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#97a1a5, #8d9598); /* Standard syntax */	
	}
.popup-overlay-delete .ca-popup-actions button:hover{ border: 1px solid #0c6db1;
	background: 1095c9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1095c9, #1e7ab9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1095c9, #1e7ab9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1095c9, #1e7ab9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1095c9, #1e7ab9); /* Standard syntax */	
	}
.ca-popup .close-btn{ color: #a8a8a8 !important; font-size: 20px; position: absolute; right: 0; top: 0; margin: 10px 10px 0 0; font-size: 13px; text-decoration: none;}
.ca-popup .close-btn:hover{ color: #228abe;}

@media only screen and (max-width: 768px){
	.ca-popup{ padding: 15px !important;}
	.ca-popup h2{ font-size: 25px !important;}
	.ca-popup-actions button{ font-size: 16px !important;}
	.mpopup ol{ padding-left: 0 !important;}
}

.messagebox{ box-sizing: border-box; background: #fff; border-radius: 4px; float: left; width: 100%; padding: 18px 35px 12px 58px; margin: 20px 0 10px; position: relative; border-top: 4px solid #4799c6; box-shadow: 4px 4px 0 rgba(0,0,0,0.10);}
.messagebox.mcritical{ border-color: #e55353;}
.messagebox.malert{ border-color: #ddc04a;}
.messagebox.minformation{ border-color: #4799c6;}
.messagebox .econ-close{ position: absolute; top: 0; right: 0; margin: 8px 8px 0 0; font-size: 10px; color: #4799c6; padding: 2px; text-decoration: none;}
.messagebox.mcritical .econ-close{ color: #e55353 !important;}
.messagebox.malert .econ-close{ color: #ddc04a !important;}
.messagebox.minformation .econ-close{ color: #4799c6 !important;}

.messagebox h3{ font: normal 16px "Neutraface 2 Text Bold" !important; text-transform: uppercase; margin: 0 0 5px 0 !important; letter-spacing: normal !important; position: relative;}
.messagebox h3:before{ position: absolute; left: 0; top: 0; font: normal 28px "mc-icons"; margin: -4px 0 0 -38px;}
.messagebox.mcritical h3{ color: #e55353 !important;}
.messagebox.mcritical h3:before{ color: #e55353; content: "\e907";}
.messagebox.malert h3{ color: #ddc04a !important;}
.messagebox.malert h3:before{ color: #ddc04a; content: "\e905";}
.messagebox.minformation h3{ color: #4799c6 !important;}
.messagebox.minformation h3:before{ color: #4799c6; content: "\e908";}
.messagebox p{ color: #606c73; padding: 8px 0; font: normal 13px Arial; margin: 0 !important; line-height: 20px !important; white-space: pre-line;}

.messagebox a, .mpopup a{ color: #228ac4; text-decoration: underline;}
.messagebox a:hover, .mpopup a:hover{ text-decoration: none;}
.messagebox ul, .messagebox ol, .mpopup ul, .mpopup ol{ font: normal 13px Arial; color: #606c73; margin: 0; padding: 10px 0 0; display: block;}
.messagebox ul, .mpopup ul{ padding-left: 14px;}
.messagebox ul li, .mpopup ul li{ list-style-type: disc;}

.mpopup ul, .mpopup ol{ font-size: 14px; color: #484e51;}

.msg-wrapper{ margin: 60px auto 0; max-width: 960px;}
@media only screen and (max-width: 479px){ .msg-wrapper{ margin: -20px auto 0;}}
@media only screen and (max-width: 990px){ .msg-wrapper{ margin-left: 15px; margin-right: 15px;}}

/* Marketing Message */
#marketing-message-admin-form fieldset legend{ font-size: 16px; letter-spacing: normal;}
#marketing-message-admin-form input[type=radio]{ display: none;}
#marketing-message-admin-form input[type=radio] + label{ position: relative; padding: 0 0 0 23px;}
#marketing-message-admin-form input[type=radio] + label:before{ position: absolute; width: 17px; height: 17px; border-radius: 50px; border: 1px solid #999; box-sizing: border-box; content: ""; left: 0; top: 0; margin: 0;}
#marketing-message-admin-form input[type=radio]:checked + label:before{ border: 5px solid #4bacdd;}
#marketing-message-admin-form p{ padding: 15px 0 15px !important; margin: 0 !important;}
#marketing-message-admin-form tbody{ border: 0;}
#marketing-message-admin-form tbody th{ border-bottom: 3px solid #ccc; padding: 7px 10px 7px 0;}
#marketing-message-admin-form td{ border-bottom: 1px solid #ccc; padding-left: 0;}
#new-customer-div{ border-bottom: 1px solid #ccc; padding: 0 10px 0 0; text-align: right; float: left; width: 100%;}
#new-customer-div label{ float: left; padding: 10px 0 0;}
#new-customer-div input[type=text]{ padding: 5px !important; margin: 5px !important; width: 140px; float: left;}
#new-customer-div a{ text-transform: capitalize; display: inline-block; margin: 9px 12px 0 0;}
#marketing-message-admin-form textarea{ border: 1px solid #aaa;}
#marketing-message-admin-form input.new-customer-add{ margin-bottom: 22px !important;}
.customer-list{ padding-bottom: 35px;}

/* marketing table */
.marketing-table-wrapper{ width: 100%; float: left; margin: 0 0 30px; border-radius: 6px; border: 1px solid #d3d3d3; overflow: hidden;}
.marketing-table{ width: 100%; background: #fff;}
.marketing-table tbody{ border: 0;}
.marketing-table th{ font: Bold 12px/17px "Arial"; color: #a8a8aa; text-transform: uppercase; background: #f1f1f1;}
.marketing-table th, .marketing-table td{ padding: 14px 15px;}
.marketing-table th{ border: 0; border-left: 1px solid #e2e2e2;}
.marketing-table td{ font: normal 15px Arial; color: #2c2f30; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
.marketing-table th:nth-of-type(1), .marketing-table td:nth-of-type(1){ border-left: 0;}
.marketing-table td:nth-of-type(1){ font-weight: bold;}
.marketing-table td:nth-of-type(3){ color: #2f93c9; font-weight: bold;}
.marketing-table td:nth-of-type(4){ color: #e97c3a; font-weight: bold;}
.marketing-table i{ margin: 0 9px 0 0;}
.marketing-table i.icon-calendar-simple{ margin-top: 2px; float: left;}
.marketing-table i.icon-calendar-simple + span{ display: table; font-size: 14px;}
.marketing-table .state-on, .marketing-table .state-off{ display: inline-block; border-radius: 20px; background: #d3f3be; color: #5ead29; border: 1px solid #5ead29; font: bold 11px verdana; text-transform: uppercase; padding: 2px 6px; margin: 0 0 0 10px;}
.state-on, .marketing-table .state-off{ background: #eee; color: #b2b1b1; border-color: #b2b1b1;}

/* Marketing Message UI */
.content-announcement-marketing .on-off-check{ float: left; width: 89px; height: 31px; position: relative; margin: 1px 0 0 5px;}
.content-announcement-marketing .on-off-check input{ display: none;}
.content-announcement-marketing .on-off-check input[type=checkbox] + label:before{ cursor: pointer; position: absolute; left: 0; top: 0; width: 89px; height: 31px; background: url(images/sprite.png) no-repeat 0 0; content: "";}
.content-announcement-marketing .on-off-check input[type=checkbox]:checked + label:before{ cursor: pointer; background-position: 0 -31px;}

.content-announcement-marketing .ca-delete{ cursor: pointer; float: right; width: 24px; height: 24px; position: relative; margin: 5px 0 0;}
.content-announcement-marketing .ca-delete:before{ position: absolute; z-index: 1; content: "\e904"; font-family: "mc-icons"; color: #bdbec0; left: 0; top: 0; font-size: 20px; margin: 2px 0 0 2px;}
.content-announcement-marketing .ca-delete input{ position: absolute; width: 24px; height: 24px; left: 0; top: 0; z-index: 2; opacity: 0;}

.content-announcement-marketing { height: 300px; }
.content-announcement-marketing form{ box-sizing: border-box; background: #fff; border-radius: 6px; padding: 24px 25px 25px; border: 1px solid #d3d3d3; float: left; width: 100%; margin-bottom: 30px;}
.content-announcement-marketing form label{ font: Normal 15px "Arial"; color: #2c2f30; float: left; margin: 8px 6px 0 18px;}
.content-announcement-marketing form label.label-after{ position: relative; left: -12px; margin: 8px 0 0 18px;}
.content-announcement-marketing form select{ box-sizing: content-box; padding: 3px 0 2px 5px !important; font: normal 15px Arial; margin-right: 20px !important; min-width: 60px; margin: 0 !important; float: left;}
.content-announcement-marketing form select.select-first-child{ font-size: 14px; width: 210px; /*margin-left: 18px !important;*/}
.content-announcement-marketing form select.select-size14{ font-size: 14px;}
.content-announcement-marketing .ca-header{ float: left; width: 100%;}
.content-announcement-marketing .ca-header input[type=text]{ width: 200px; float: left; border: 1px solid #bfc6ca; font: normal 15px Arial; color: #2c2f30; border-radius: 4 !important; margin: 0 !important; padding: 7px !important;}
.content-announcement-marketing .ca-header input[type=text][id^="title"] { font-weight: bold; }
.content-announcement-marketing form input.total-days{ width: 50px;}

.content-announcement-marketing .ca-header.ca-title{ margin-bottom: 18px !important;}
.content-announcement-marketing .ca-header.ca-title input[type=text][id^="title"]{ width: 98.5%; border: 0 !important; border-bottom: 1px solid #d6d6d6 !important; border-radius: 0 !important;}

.content-announcement-marketing form{ background: #fff; border-radius: 6px; padding: 15px 25px 25px; border: 1px solid #d3d3d3; float: left; width: 100%; margin-bottom: 30px;}

.content-announcement-marketing .checkbox-persistent{ visibility: hidden; opacity: 0;}
.content-announcement-marketing .checkbox-persistent + label{ position: relative;}
.content-announcement-marketing .checkbox-persistent + label:before{ position: absolute; content: "\e901"; font: normal 17px "mc-icons"; color: #c3c3c3; left: 0; top: 0; margin: -1px 0 0 -25px;}
.content-announcement-marketing .checkbox-persistent:checked + label:before{ content: "\e902"; color: #2289c4;}

.content-announcement-marketing .ca-fields{ float: left;}
.content-announcement-marketing .ca-fields input{ font: normal 15px Arial; color: #2c2f30; margin-right: 20px !important; width: 36px !important;}
.content-announcement-marketing .ca-fields span.tip strong{ margin-left: -124px;}

.content-announcement-marketing .ca-message{ float: left; width: 100%; padding: 20px 0 0;}
.content-announcement-marketing .ca-message label{ display: block; font: bold 15px Arial !important; color: #797c7d !important; margin: 0 0 8px !important;}
.content-announcement-marketing .ca-message textarea{ border: 1px solid #bfc6ca; border-radius: 4px; width: 100%; display: block; height: 160px; padding: 6px; resize: none; font: normal 15px Arial; color: #2c2f30; margin-top: 7px; box-sizing: border-box;}