@charset "utf-8";
/* CSS Document */
body {
	padding-top: 80px;
	padding-bottom: 60px;
	background-color: #f9f8f3;
}

a {
	color: #333;
}

a:hover,a:focus {
	color: #D1080B; /*FA5F2F*/
	text-decoration: none;
}

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.eee {
	background-color: #eeeeee;
}

.padding-0 {
	padding: 0;
}

.padding-left0 {
	padding-left: 0;
}

.padding-right-left {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-left {
	padding-left: 10px;
}

.main-button-padding {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-right {
	padding-right: 10px;
}

.padding-leftx2 {
	padding-left: 20px;
}

.padding-leftx3 {
	padding-left: 30px;
}

.padding-rightx2 {
	padding-right: 20px;
}

.padding-top5 {
	padding-top: 5px;
}

.padding-top10 {
	padding-top: 10px;
}

.padding-top30 {
	padding-top: 30px;
}

.padding-bottom30 {
	padding-bottom: 30px;
}

.paddingh0 {
	padding-left: 0;
	padding-right: 0;
}

.paddingv0 {
	padding-top: 0;
	padding-bottom: 0;
}

.paddingv10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.border-0 {
	border: 0;
	border-color: transparent;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

.button {
	width: 100%;
	display: table;
}

.btn.bootstrap {
	width: auto;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.btn-default.bootstrap {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn {
	width: 120px;
	display: inline-block;
	padding: 7px 15px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 7px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.btn-edit {
	width: 100px;
	color: #ffffff;
	background-color: #333333;
	border: 0;
	margin-left: 5px;
}

.btn-edit:hover,.btn-edit:focus,.btn-edit:active,.btn-edit.active {
	color: #ffffff;
	background-color: #111111;
	border: 0;
}

.btn-blacklist {
	width: 135px;
	color: #ffffff;
	background-color: #333333;
	border: 0;
	margin-left: 5px;
}

.btn-blacklist:hover,.btn-blacklist:focus,.btn-blacklist:active,.btn-blacklist.active
	{
	color: #ffffff;
	background-color: #111111;
	border: 0;
}

.btn-edit-sticky { /*width:90px;*/
	color: #ffffff;
	background-color: transparent;
	border: 0;
	margin-left: 0px;
	border-radius: 0px;
}

.btn-edit-sticky:hover,.btn-edit-sticky:focus,.btn-edit-sticky:active,.btn-edit-sticky.active
	{
	color: #ffffff;
	background-color: #111111;
	border: 0;
}

.btn-group-edit-sticky {
	float: ;
}

.btn-cancel {
	width: 120px;
	color: #ffffff;
	background-color: #666666;
	border: 0;
	margin-right: 5px;
}

.btn-cancel:hover,.btn-cancel:focus,.btn-cancel:active,.btn-cancel.active
	{
	color: #ffffff;
	background-color: #333333;
	border: 0;
}

.btn-account {
	color: #ffffff;
	background-color: #fa5f2f;
	border: 0;
	margin-right: 5px;
}

.btn-account:hover,.btn-account:focus,.btn-account:active,.btn-account.active
	{
	color: #ffffff;
	background-color: #ed4612;
	border: 0;
}

.btn-admin {
	color: #ffffff;
	background-color: #959595;
	border: 0;
	margin-right: 5px;
}

.btn-admin:hover,.btn-admin:focus,.btn-admin:active,.btn-admin.active {
	color: #ffffff;
	background-color: #8A8A8A;
	border: 0;
}

.btn-topup {
	color: #ffffff;
	background-color: #4B91D6;
	border: 0;
	margin-right: 5px;
}

.btn-topup:hover,.btn-topup:focus,.btn-topup:active,.btn-topup.active {
	color: #ffffff;
	background-color: #4081C3;
	border: 0;
}

.btn-submit {
	color: #ffffff;
	background-color: #fa5f2f;
	border: 0;
	margin-right: 5px;
	height: 35px;
}

.btn-submit:hover,.btn-submit:focus,.btn-submit:active,.btn-submit.active
	{
	color: #ffffff;
	background-color: #ed4612;
	border: 0;
}

.btn-statistic {
	color: #ffffff;
	background-color: #4b3f81;
	border: 0;
	margin-right: 5px;
}

.btn-statistic:hover,.btn-statistic:focus,.btn-statistic:active,.btn-statistic.active
	{
	color: #ffffff;
	background-color: #3e346b;
	border: 0;
}

.btn-statistic-view {
	color: #ffffff;
	background-color: #4cb7f2;
	border: 0;
	margin-right: 5px;
}

.btn-statistic-view:hover,.btn-statistic-view:focus,.btn-statistic-view:active,.btn-statistic-view.active
	{
	color: #ffffff;
	background-color: #2393d1;
	border: 0;
}

.btn-contact {
	color: #ffffff;
	background-color: #792771;
	border: 0;
	margin-right: 5px;
}

.btn-contact:hover,.btn-contact:focus,.btn-contact:active,.btn-contact.active
	{
	color: #ffffff;
	background-color: #5f1f59;
	border: 0;
}

.btn-topup {
	color: #ffffff;
	background-color: #498fd4;
	border: 0;
	margin-right: 5px;
}

.btn-topup:hover,.btn-topup:focus,.btn-topup:active,.btn-topup.active {
	color: #ffffff;
	background-color: #2a80d4;
	border: 0;
}

.btn-template {
	color: #ffffff;
	background-color: #fb8200;
	border: 0;
	margin-right: 5px;
}

.btn-template:hover,.btn-template:focus,.btn-template:active,.btn-template.active
	{
	color: #ffffff;
	background-color: #ec7a00;
	border: 0;
}

.btn-select {
	color: #ffffff;
	background-color: #fb8200;
	border: 0;
	width: 100%;
}

.btn-select:hover,.btn-select:focus,.btn-select:active,.btn-select.active
	{
	color: #ffffff;
	background-color: #ec7a00;
	border: 0;
}

.btn-select-broadcast {
	color: #ffffff;
	background-color: #4B3F81;
	border: 0;
	margin-right: 5px;
	height: 35px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-select-broadcast:hover,.btn-select-broadcast:active,.btn-select-broadcast.active
	{
	color: #ffffff;
	background-color: #3E346B;
	border: 0;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-add-subscriber {
	color: #ffffff;
	background-color: #4cb7f2;
	border: 0;
	margin-right: 5px;
	width: inherit;
	padding: 6px 15px;
	padding-bottom: 7px;
}

.btn-add-subscriber:hover,.btn-add-subscriber:focus,.btn-add-subscriber:active,.btn-add-subscriber.active
	{
	color: #ffffff;
	background-color: #108dd2;
	border: 0;
}

.btn-view-all {
	color: #333;
	background-color: #fcda6e;
	border: 0;
	margin-right: 5px;
	width: 120px;
	padding: 6px 15px;
	padding-bottom: 7px;
}

.btn-view-all:hover,.btn-view-all:focus,.btn-view-all:active,.btn-view-all.active
	{
	color: #333;
	background-color: #ffcc2a;
	border: 0;
}

.btn-download {
	width: 84px;
	color: #ffffff;
	background-color: transparent;
	padding: 0px 0px;
	border: 0;
	margin-left: 0px;
}

.btn-download:hover,.btn-download:focus,.btn-download:active,.btn-download.active
	{
	color: #ffffff;
	background-color: transparent;
	border: 0;
}

.btn-action {
	width: 55px;
	color: #ffffff;
	background-color: transparent;
	padding: 0px 0px;
	border: 0;
	margin-left: 0px;
}

.btn-action:hover,.btn-action:focus,.btn-action:active,.btn-action.active
	{
	color: #ffffff;
	background-color: transparent;
	border: 0;
}

.btn-campaign {
	font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #ffffff !important;
    border: 1px solid #3dadb1;
    background-color: #3dadb1;
    text-decoration: none;
    text-align: center;   
    border: 0;
    display: block;  
    height: 37px;
    margin-right: 0px;  
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    margin-right: 5px;
}

.btn-campaign:hover,.btn-campaign:focus,.btn-campaign:active,.btn-campaign.active
{
	color: #3dadb1 !important;
    background-color: #ffffff;
    border: 1px solid #3dadb1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	cursor:pointer;
}

.btn-campaign-layout {
	color: #333333;
	background-color: #e7e7e7;
	border: 0;
	margin-right: 5px;
}

.btn-campaign-layout:hover,.btn-campaign-layout:focus,.btn-campaign-layout:active,.btn-campaign-layout.active
	{
	color: #ffffff;
	background-color: #a6193b;
	border: 1px solid #a6193b;
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default.active[disabled],fieldset[disabled] .btn-default.active
	{
	background-color: #e7e7e7;
	color: #666666;
	border: 0;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
	color: #333333;
	text-decoration: none;
	background-color: #e7e7e7;
}

.logo {
	position: fixed;
	top: 20px;
	left: 10px;
	height: 37px;
	z-index: 5;
}

.password_hitory {		
	clear:both;
	font-size: 12px;	
	padding-top: 6px;
}
.nav-welcome {
	width: 500px;
	height: ;
	position: fixed;
	top: 20px;
	right: 25px;
	z-index: 997;
}

.nav-welcome ul {
	width: 100%;
	height: ;
	padding: 0;
	margin: 0 auto;
}

.nav-welcome li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	margin-left: 15px;
	list-style: none;
	float: right;
}

.nav-welcome li.welcome {
	padding: 7px 0;
}

.nav-welcome li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 0;
	margin-right: 0;
	background-color: #333333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
}

.nav-welcome li a:hover,.nav-welcome .active a {
	color: #fff;
	text-decoration: none;
	background-color: #111;
}

.nav-welcome .active a {
	color: #fff;
	text-decoration: none;
	cursor: default;
}

.page-header {
	width: 1170px;
	padding-bottom: ;
	/*padding-left: 30px;*/
	margin: 0 auto;
	border-bottom: 0px solid #eeeeee;
}

.page-header h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: left;
}

.blog-header {
	height: 40px;
	padding: 0px 10px;
	background: url('../images/account_bar_bg.jpg') repeat-x scroll center
		center transparent;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.t_campaign {
	background-color: #3d89b7;
	background: url(../images/create_bar_bg.jpg) center repeat-x;
}

.t_statistic {
	background-color: #554796;
	background: url(../images/campaign_bar_bg.jpg) center repeat-x;
}

.t_list {
	background-color: #902a84;
	background: url(../images/contact_bar_bg.jpg) center repeat-x;
}

.t_topup {
	background-color: #5a8cc6;
	background: url(../images/topup_bar_bg.jpg) center repeat-x;
}

.t_template {
	background-color: ;
	background: url(../images/template_bar_bg.jpg) center repeat-x;
}

.t_support {
	background-color: #2a9f3a;
	background: url(../images/support_bar_bg.jpg) center repeat-x;
}

.t_admin {
	background-color: #959595;
	background: url(../images/admin_bar_bg.jpg) center repeat-x;
}

.cre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: left;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	display: block;
}

.cre a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.cre a:hover {
	color: #fff;
	text-decoration: underline;
}

.cre span {
	font-weight: bold;
}

.blog-header .help{
 	display: none;
}

.help, .createLabel {
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 10px;
	float: right;
}

.help a,.createLabel a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.help a:hover, .createLabel a:hover  {
	color: #fff;
	text-decoration: underline;
}

.multiple {
	margin-top: 10px;
}

.border {
	border-left: solid 1px #ffffff;
}

.container {
	background-color: #fff;
	padding-right: 0px;
	padding-left: 0px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.col-lg-12 {
	width: 100%;
	display: ;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.col-sm-9 {
	
}

.col-sm-3 {
	
}

.blog-main {
	min-height: 600px;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	border-bottom-left-radius: 8px;
	overflow: hidden;
}

.blog-sidebar {
	padding: 0px;
	background-color: #e7e7e7;
	border-bottom-right-radius: 8px;
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
	background-color: #e7e7e7;
	color: #333333;
}

.nav>li>a:hover,.nav>li>a:focus {
	color: #FFFFFF;
	border: 1px solid #fa5f2f;
	text-decoration: none;
	background-color: #fa5f2f;
}

.nav.contact>li>a:hover,.nav.contact>li>a:focus {
	color: #FFFFFF;
	border: 1px solid #912A85;
	text-decoration: none;
	background-color: #912A85;
}

.nav.statistic>li>a:hover,.nav.statistic>li>a:focus {
	color: #FFFFFF;
	border: 1px solid #4B3F81;
	text-decoration: none;
	background-color: #4B3F81;
}

.nav.template>li>a:hover,.nav.template>li>a:focus {
	color: #FFFFFF;
	border: 1px solid #FB8200;
	text-decoration: none;
	background-color: #FB8200;
}

.nav-tabs>li>a {
	margin-right: 5px;
	line-height: 1.428571429;
	border: 1px solid transparent;
	border-radius: 7px 7px 0 0;
}

/* added john 20160413 */
.nav-tabs-campaign>li{
	float:left;
	margin-bottom:-5px;
	margin-top:3px;
}
.nav-tabs-campaign>li>a {
	position: relative;
	display: block;
	padding: 10px 20px;
	background-color: transparent;
	color: #FFFFFF;
}
.nav-tabs-campaign>li>a:hover,.nav-tabs-campaign>li>a:focus {
	color: #333333 !important;
	background-color: #FFFFFF !important;
}
/* end john 20160413 */

.nav-tabs {
	border-bottom: 1px solid #e7e7e7;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
	{
	color: #333333;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	border-bottom-color: transparent;
}

.tab-content>.active {
	padding: 30px 0;
	display: block;
}

.nav>li.contact-list-analytic>a {
	width: 110px;
	height: 110px;
	font-size: 12px;
	text-align: center;
	line-height: 1.2;
	position: relative;
	display: block;
	padding: 10px 10px;
	background-color: #4bb8f1;
	color: #ffffff;
}

.nav>li.contact-list-analytic.open>a {
	background: url(../images/open_rate.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.click>a {
	background: url(../images/click_rate.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.agents>a {
	background: url(../images/agents.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.locations>a {
	background: url(../images/top_locations.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.subscribe>a {
	background: url(../images/subsribe_rate.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.unsubscribe>a {
	background: url(../images/unsubscribe_rate.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.open.active>a {
	background: url(../images/open_rate_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.click.active>a {
	background: url(../images/click_rate_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.agents.active>a {
	background: url(../images/agents_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.locations.active>a {
	background: url(../images/top_locations_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.subscribe.active>a {
	background: url(../images/subsribe_rate_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.unsubscribe.active>a {
	background: url(../images/unsubscribe_rate_grey.png) top center
		no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.delivered>a {
	background: url(../images/delivered.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.mobility>a {
	background: url(../images/mobility.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.shared>a {
	background: url(../images/shared.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.clicks>a {
	background: url(../images/click_rate.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.times>a {
	background: url(../images/times.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.contact-list-analytic.delivered.active>a {
	background: url(../images/delivered_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.mobility.active>a {
	background: url(../images/mobility_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.shared.active>a {
	background: url(../images/shared_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.clicks.active>a {
	background: url(../images/click_rate_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic.times.active>a {
	background: url(../images/times_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.contact-list-analytic span {
	display: block;
	margin-top: 68px;
}

.nav>li.contact-list-analytic>a:hover,.nav>li.contact-list-analytic>a:focus
	{
	color: #FFFFFF;
	border: 1px solid #2393d1;
	text-decoration: none;
	background-color: #2393d1;
}

.nav-tabs>li.contact-list-analytic.active>a,.nav-tabs>li.contact-list-analytic.active>a:hover,.nav-tabs>li.contact-list-analytic.active>a:focus
	{
	color: #333333;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.create-campaign>a {
	width: 110px;
	height: 110px;
	font-size: 12px;
	text-align: center;
	line-height: 1.2;
	position: relative;
	display: block;
	padding: 10px 10px;
	background-color: #4bb8f1;
	color: #ffffff;
}

.nav>li.create-campaign.email>a {
	background: url(../images/email_big.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.create-campaign.sms>a {
	background: url(../images/sms_big.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.create-campaign.email.active>a {
	background: url(../images/email_big_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.create-campaign.sms.active>a {
	background: url(../images/sms_big_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.create-campaign.test-email>a {
	background: url(../images/test_email.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.create-campaign.schedule-email>a {
	background: url(../images/schedule_email.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.create-campaign.recurrence-email>a {
	background: url(../images/recurrence_email.png) top center no-repeat;
	background-color: #4bb8f1;
	border: solid 1px #4bb8f1;
}

.nav>li.create-campaign.test-email.active>a {
	background: url(../images/test_email_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.create-campaign.schedule-email.active>a {
	background: url(../images/schedule_email_grey.png) top center no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.create-campaign.recurrence-email.active>a {
	background: url(../images/recurrence_email_grey.png) top center
		no-repeat;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.create-campaign span {
	display: block;
	margin-top: 68px;
}

.nav>li.create-campaign>a:hover,.nav>li.create-campaign>a:focus {
	color: #FFFFFF;
	border: 1px solid #2393d1;
	text-decoration: none;
	background-color: #2393d1;
}

.nav-tabs>li.create-campaign.active>a,.nav-tabs>li.create-campaign.active>a:hover,.nav-tabs>li.create-campaign.active>a:focus
	{
	color: #333333;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	border-bottom-color: transparent;
}

.nav>li.create-campaign-layout {
	width: 50%;
}

.nav>li.create-campaign-layout>a {
	width: 100%;
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
	position: relative;
	display: block;
	padding: 8px 0px;
	background-color: #4bb8f1;
	color: #ffffff;
	border-radius: 0px 0px 0px 0px;
}

.nav>li.create-campaign-layout.layout>a {
	background-color: #a6193b;
	border: solid 1px #a6193b;
	border-radius: 7px 0px 0px 7px;
}

.nav>li.create-campaign-layout.layout.active>a {
	background-color: #fff;
	border: solid 1px #fff;
	border-bottom-color: transparent;
}

.nav>li.create-campaign-layout.theme>a {
	background-color: #a6193b;
	border: solid 1px #a6193b;
	border-radius: 0px 7px 7px 0px;
}

.nav>li.create-campaign-layout.theme.active>a {
	background-color: #fff;
	border: solid 1px #fff;
	border-bottom-color: transparent;
}

.nav>li.create-campaign-layout>a:hover,.nav>li.create-campaign-layout>a:focus
	{
	color: #FFFFFF;
	border: 1px solid #8c1532;
	text-decoration: none;
	background-color: #8c1532;
}

.nav-tabs>li.create-campaign-layout.active>a,.nav-tabs>li.create-campaign-layout.active>a:hover,.nav-tabs>li.create-campaign-layout.active>a:focus
	{
	color: #333333;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #fff;
	border-bottom-color: transparent;
}

@media ( min-width : 768px) {
	.page-header {
		width: 750px;
	}
}

@media ( min-width : 992px) {
	.page-header {
		width: 970px;
	}
	.tab-content {
		display: table;
	}
}

@media ( min-width : 1200px) {
	.page-header {
		width: 1170px;
	}
}

.sidebar-module {
	padding-right: 20px;
	margin-bottom: 30px;
}

.sidebar-module h4 {
	border-bottom: #cccccc 1px solid;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.sidebar-module h4.clickable a {
	color: #333333;
	display: block;
}

.sidebar-module h4.clickable a:hover {
	text-decoration: none;
}

.sidebar-module h4.clickable.active {
	text-decoration: none;
	background-color: #FFFFFF;
}

.sidebar-module h4.clickable.active:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}

.sidebar-module h4.clickable:hover {
	text-decoration: none;
	background-color: #eee;
}

.sidebar-module li a {
	color: #333;
	padding: 10px 30px;
	display: block;
}

.sidebar-module li a:hover {
	text-decoration: none;
	background-color: #eee;
}

.sidebar-module li.active {
	text-decoration: none;
	background-color: #FFFFFF;
}

.sidebar-module li.active a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}

.sidebar-module .content {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.sidebar-module .sidebar-btn {
	padding-left: 20px;
	padding-right: 20px;
}

.tab-title {
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 0px;
	padding-bottom: 10px;
	display: table;
	clear: both;
}

.tab-title span {
	font-weight: bold;
	display: block;
	clear: both;
}

.tab-filter {
	margin: 0 auto;
	background-color: #e7e7e7;
	text-align: left;
	height: auto;
	line-height: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	min-height: 60px;
	overflow: hidden;
}

.block {
	display: inline-block;
	height: 60px;
	width: auto;
}

.tab-filter .form-control { /*display:inline;*/
	
}

.table>thead>tr>th {
	border-bottom: 0px solid #dddddd;
	background-color: #e7e7e7;
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th
	{
	border-top: 1px solid #dddddd;
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td
	{
	padding: 12px;
	border-top: 0px solid #dddddd;
}

.media,.media-body {
	overflow: visible;
	zoom: 1;
}

.media {
	padding: 30px 0;
	margin-top: 0;
	border-bottom: solid 1px #e7e7e7;
}

.media-heading {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #554796;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 20px;
}

.media-body {
	display: table;
}

.media-object {
	border: 1px solid #e7e7e7;
}

.media>.pull-left {
	margin-right: 30px;
	margin-bottom: 30px;
}

.check-all {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
}

.check {
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 10px;
}

input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

input[type=checkbox].css-checkbox+label.css-label {
	padding-left: 20px;
	height: 17px;
	display: inline-block;
	line-height: 17px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
}

input[type=checkbox].css-checkbox:checked+label.css-label {
	background-position: 0 -17px;
}

.css-label {
	background-image: url(../images/elegant.png);
}

.input-group {
	width: 100%;
}

input.form-control {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 10px;
}

select.form-control
{
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: url(../image1/css/img/drop-down.gif) no-repeat;
	color: #555;
	background-position: right center;
	background-color: #ffffff;
}

select.selectpicker {
	margin-bottom: 10px;
	display: block;
	width: 100%;
}

.field-title {
	margin-bottom: 5px;
	display: block;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
	color: #333333;
	background-color: #e7e7e7;
}

.list-title {
	color: #333333;
}

.list-title span {
	font-weight: normal;
}

.db_type {
	width: ;
	text-align: center;
	margin-right: 10px;
	padding: 6px 15px;
	padding-bottom: 7px;
	margin-top: -5px;
	display: block;
	float: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.filtered_db {
	background-color: #554795;
}

.db {
	background-color: #902a84;
}

.blacklist_db {
	background-color: #b91b41;
}

.veri_db {
	background-color: #deb003;
}

.list_number {
	width: 25%;
	font-size: 24px;
	text-align: right;
	display: table;
	float: right;
}

.list_number span {
	font-size: 14px;
	display: block;
}

.pack-title {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e62333
		), color-stop(1, #cd0415) );
	background: -moz-linear-gradient(center top, #e62333 5%, #cd0415 100%);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#e62333', endColorstr = '#cd0415' );
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

.pack-title02 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-left: solid thin #ffffff;
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e62333
		), color-stop(1, #cd0415) );
	background: -moz-linear-gradient(center top, #e62333 5%, #cd0415 100%);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#e62333', endColorstr = '#cd0415' );
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}

.bootstrap-select>.btn {
	border: 1px solid #cccccc;
	padding-top: 6px;
	padding-bottom: 6px;
}

.credits-transfer {
	min-width: 100px;
	margin-right: 5px;
}

.css-label {
	font-weight: normal;
	margin-right: 20px;
}

.admin-bar {
	padding: 10px 10px;
	margin-left: 10px;
	font-weight: bold;
	display: block;
}

.superadmin-account-bar {
	background-color: #ff9f9f;
	padding: 10px 10px;
	text-align: center;
}

.superadmin-account-bar span {
	font-weight: bold;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus
	{
	background-color: #ffcc2a;
}

.navbar-default .navbar-toggle {
	border: 1px solid #ffffff;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 7px 7px;
	margin-top: 6px;
	margin-right: 30px;
	margin-bottom: 6px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar {
	min-height: 0;
	border: 0;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #000;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus
	{
	color: #fff;
	background-color: #d1080b;
	border: 0;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover
	{
	color: #333;
	background-color: #ffcc2a;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
	border: 0;
}

.container>.navbar-header,.container>.navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
}

.navbar-brand {
	display: none;
}

.dashboard-menu {
	display: none;
}

.dashboard-nav {
	border-radius: 8px;
	background-color: #333333;
}

.navbar-header.header-menu {
	border-radius: 8px;
	background-color: #333333;
}

.navbar-default .navbar-toggle.toggle-menu:hover,.navbar-default .navbar-toggle.toggle-menu:focus
	{
	background-color: #666666;
}

.navbar-default .navbar-toggle-menu .toggle-menu {
	border: 1px solid #ffffff;
}

.navbar-toggle.toggle-menu {
	position: relative;
	float: right;
	padding: 7px 7px;
	margin-top: 6px;
	margin-right: 30px;
	margin-bottom: 6px;
	background-color: transparent;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 4px;
}

.navbar-default .navbar-toggle-menu .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-nav-menu>li>a {
	color: #333;
	padding-left: 30px;
}

.navbar-default .navbar-nav-menu>li>a:hover,.navbar-default .navbar-nav-menu>li>a:focus
	{
	color: #333;
	background-color: #ffc200;
	border: 0;
}

.navbar-default .navbar-nav-menu>.active>a,.navbar-default .navbar-nav-menu>.active>a:hover
	{
	color: #333;
	background-color: #ccc;
	border: 0;
}

.navbar-default .navbar-collapse-menu,.navbar-default .navbar-form {
	border: 0;
}

.container>.navbar-header,.container>.navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
}

.navbar-brand-menu {
	display: none;
}

.next_cont {
	width: 85px;
	height: 90px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/next_contact.png);
	cursor: pointer;
}

.next_cont:hover {
	background-image: url(../images/next_contact_hover.png);
}

.prev_cont {
	width: 85px;
	height: 90px;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/prev_contact.png);
	cursor: pointer;
}

.prev_cont:hover {
	background-image: url(../images/prev_contact_hover.png);
}

.next_list {
	width: 85px;
	height: 90px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/next_list.png);
	cursor: pointer;
}

.next_list:hover {
	background-image: url(../images/next_list_hover.png);
}

.prev_list {
	width: 85px;
	height: 90px;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/prev_list.png);
	cursor: pointer;
}

.prev_list:hover {
	background-image: url(../images/prev_list_hover.png);
}

.next_schedule {
	width: 85px;
	height: 90px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/next_schedule.png);
	cursor: pointer;
}

.next_schedule:hover {
	background-image: url(../images/next_schedule_hover.png);
}

.prev_layout {
	width: 85px;
	height: 90px;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/back_template.png);
	cursor: pointer;
}

.prev_layout:hover {
	background-image: url(../images/back_template_hover.png);
}

.next_layout {
	width: 85px;
	height: 90px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/next_template.png);
	cursor: pointer;
}

.next_layout:hover {
	background-image: url(../images/next_template_hover.png);
}

.prev_setting {
	width: 85px;
	height: 90px;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/back_setting.png);
	cursor: pointer;
}

.prev_setting:hover {
	background-image: url(../images/back_setting_hover.png);
}

.prev_camp {
	width: 85px;
	height: 90px;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/prev_camp.png);
	cursor: pointer;
}

.prev_camp:hover {
	background-image: url(../images/prev_camp_hover.png);
}

.next_camp {
	width: 85px;
	height: 90px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -45px;
	z-index: 1001;
	/* transition: background-image 0.5s ease-in-out;
   -moz-transition: background-image 0.5s ease-in-out;
   -webkit-transition: background-image 0.5s ease-in-out; */
	background-image: url(../images/next_camp.png);
	cursor: pointer;
}

.next_camp:hover {
	background-image: url(../images/next_camp_hover.png);
}

.panel-title>a {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}

.panel-title>a:hover {
	color: #666666;
	text-decoration: none;
}

.filter_list {
	width: 100%;
	display: table;
}

.filter_criteria a {
	width: 149px;
	height: 149px;
	color: #FFFFFF;
	text-align: center;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 7px;
	margin-top: 7px;
	background-color: #902a84;
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.filter_criteria a:hover {
	background-color: #700063;
	text-decoration: none;
}

.filter_criteria.active a {
	background-color: #700063;
	text-decoration: none;
}

.filter_icon {
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 20px;
}

.filter_cat {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-top: 15px;
	float: left;
}

.filter_content_dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	height: ;
	background-color: #333333;
	margin-top: 20px;
	padding: 20px;
	display: table;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.filter_content_dropdown .col-xs-6 {
	padding: 0;
}

.filter_content_dropdown .padding-left {
	padding-left: 10px;
}

.filter_content_dropdown .padding-right {
	padding-right: 10px;
}

.template-title {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	display: block;
}

.camp-title {
	font-size: 14px;
	color: #333333;
}

.camp-body {
	width: 100%;
	float: ;
	clear: both;
}

.camp-check {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
}

.camp-spam {
	width: 100%;
	display: table;
}

.btn-camp-spam {
	width: 100px;
	color: #333;
	background-color: #fff;
	border: 0;
	margin-left: 5px;
}

.btn-camp-spam:hover,.btn-camp-spam:focus,.btn-camp-spam:active,.btn-camp-spam.active
	{
	color: #ffffff;
	background-color: #333333;
	border: 0;
}

.alert-danger {
	color: #A94442;
	background-color: #ffa09e;
	border-color: #ffa09e;
}

.alert-warning {
	color: #8A6D3B;
	background-color: #fcda6e;
	border-color: #fcda6e;
}

.alert-info {
	color: #31708F;
	background-color: #93e2f2;
	border-color: #93e2f2;
}

.alert-success {
	color: #3C763D;
	background-color: #b8f5b1;
	border-color: #b8f5b1;
}

.alert{
 	margin-top: 20px;
}

.tab-content {
	width: 100%;
	display: ;
}

.camp-spam span {
	display: inherit;
	float: left;
}

.block_item {
	width: 74px;
	height: 74px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
}

.box_img {
	height: 200px;
	margin-bottom: 30px;
	border: solid thin #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	clear: both;
}

.img_drag {
	margin-left: 10px;
	margin-top: 10px;
	float: left;
}

.img_edit {
	margin-right: 10px;
	margin-top: 10px;
	float: right;
}

.img_delete {
	margin-right: 10px;
	margin-top: 10px;
	float: right;
}

.img_browse {
	width: 75%;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	text-decoration: none;
	text-align: center;
	line-height: 1.5;
	clear: both;
}

.img_browse span {
	font-size: 14px;
}

.img_browse img {
	margin-bottom: 10px;
}

.img_browse_btn a {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	background-color: #666666;
	padding: 7px;
	margin: 0 auto;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.img_browse_btn a:hover {
	background-color: #333333;
	color: #FFFFFF;
}

.box_text {
	height: ;
	border: solid thin #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.text_area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	height: 140px;
	padding: 10px;
}

.text_setting {
	height: 40px;
	background-color: #e7e7e7;
}

.column01 {
	width: ;
	margin-right: ;
	float: ;
}

.column02 {
	width: ;
	float: ;
}

.btn-campaign-layout {
	border: solid 1px #cccccc;
}

.btn-group-justified {
	margin-bottom: 30px;
}

.field-campaign {
	
}

.sticky_bar {
	display: none;
	width: 100%;
	height: 80px;
	border-bottom: solid 1px #cccccc;
	background-color: ;
	background: url(../images/sticky_bar.png) repeat-x;
	text-align: ;
	z-index: 999;
}

.sticky_logo {
	text-align: left;
	position: fixed;
	top: 20px;
	left: 10px;
	height: 37px;
	z-index: 5;
}

.sticky_logo img { /*
	width:200px;
	height:32px;
	*/
	
}

.sticky_nav {
	width: 400px;
	height: ;
	position: fixed;
	top: 33px;
	right: 25px;
	z-index: ;
}

.sticky_nav ul {
	width: 100%;
	height: ;
	padding: 0;
	margin: 0 auto;
}

.sticky_nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	margin-right: 15px;
	list-style: none;
	float: right;
}

.sticky_nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 0;
	margin-right: 0;
	background-color: #333333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.sticky_nav li a:hover,.sticky_nav .active a {
	color: #fff;
	text-decoration: none;
	background-color: #111;
}

.sticky_nav .active a {
	color: #fff;
	text-decoration: none;
	cursor: default;
}

.sticky_bar_stat {
	height: 34px;
	margin-top: 80px;
	padding-left: 40px;
	background: url(../images/sticky_bar_statistic.png) repeat-x;
}

.btn-edit-sticky {
	background-color: #333;
}

.error-page {
	padding: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: table;
}

.error-main {
	min-height: 400px;
	padding: 30px;
}

.error-sidebar {
	padding: 0px;
}

.monster {
	margin-top: -100px;
	margin-left: -20px;
}

.mobile-tab-nav {
	display: none;
}

/* Back to top button */
#back-top {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 101;
}

#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #999 url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background-color: #ccc;
}

@media ( max-width : 1200px) {
	.error-sidebar img {
		width: 100%;
	}
	.monster {
		margin-top: 0px;
	}
	.last-child {
		margin-bottom: 0px;
	}
}

@media ( max-width : 992px) {
	.padding-left {
		padding-left: 0;
	}
	.padding-right {
		padding-right: 0;
	}
	.padding-leftx2 {
		padding-left: 0;
	}
	.padding-rightx2 {
		padding-right: 0;
	}
	.monster {
		margin-top: 25px;
	}
	.nav-tabs {
		display: none;
	}
	.mobile-tab-nav {
		display: block;
	}
	.last-child {
		margin-bottom: 0px;
	}
}

@media ( max-width : 768px) {
	.none {
		display: none;
	}
	.logo {
		left: 10px;
	}
	.sticky_logo {
		left: 10px;
	}
	.nav-welcome {
		display: none;
	}
	.sticky_nav {
		display: none;
	}
	.page-header {
		width: 100%;
	}
	.media-body {
		clear: both;
		margin-left: 50px;
	}
	.list-body {
		clear: none;
	}
	.camp-body {
		margin-left: 0;
	}
	li.admin-bar {
		display: none;
	}
	.navbar-collapse {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-default .navbar-nav>li>a {
		color: #333;
		padding-left: 30px;
		background-color: #fcda6e;
		overflow-x: hidden;
	}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus
		{
		color: #333;
		background-color: #ffcc2a;
		border: 0;
	}
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover
		{
		color: #333;
		background-color: #ffcc2a;
	}
	.navbar-default .navbar-brand {
		color: #333;
		margin-left: 20px;
		padding: 10px 10px;
		display: block;
	}
	.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus
		{
		color: #333;
		background-color: transparent;
	}
	.navbar-default .navbar-brand-menu {
		color: #fff;
		margin-left: 20px;
		float: left;
		padding: 10px 10px;
		font-size: 18px;
		line-height: 18px;
		display: block;
	}
	.navbar-default .navbar-brand-menu:hover {
		text-decoration: none;
	}
	.dashboard-menu {
		display: block;
	}
	.next_cont {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.prev_cont {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.next_list {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.prev_list {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.next_schedule {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.prev_layout {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.next_layout {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.prev_setting {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.prev_camp {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.next_camp {
		top: inherit;
		margin-top: inherit;
		bottom: 20px;
	}
	.camp-spam span {
		display: block;
		clear: both;
	}
	.sticky_bar_stat {
		padding-left: 0px;
	}
	.error-sidebar {
		padding: 30px;
		padding-bottom: 40px;
	}
	.monster {
		margin-left: 0px;
		margin-top: -100px;
	}
	.last-child {
		margin-bottom: 0px;
	}
}

@media ( max-width : 480px) {
	.btn-edit {
		width: 100%;
	}
	.btn-cancel {
		width: 100%;
	}
	.btn-submit {
		width: 100%;
	}
	.btn-account {
		width: 100%;
	}
	.btn-statistic {
		width: 100%;
	}
	.btn-contact {
		width: 100%;
	}
	.btn-topup {
		width: 100%;
	}
	.btn-template {
		width: 100%;
	}
	.btn-group.btn-group-edit-sticky {
		float: ;
		width: 90px;
	}
	.btn-edit-sticky {
		width: 90px;
	}
	.btn-edit-sticky:hover,.btn-edit-sticky:focus,.btn-edit-sticky:active,.btn-edit-sticky.active
		{
		
	}
	.btn-cancel.dropdown-toggle { /*width:120px;*/
		
	}
	.btn-group {
		width: 100%;
		float: none;
	}
	#sticky_bar_menu .btn-group {
		width: auto;
		float: left;
	}
	.btn-edit.dropdown-toggle {
		width: 100%;
	}
	.float-left {
		margin-right: ;
		margin-top: 5px;
	}
	.last-child {
		padding-bottom: 10px;
	}
	.sticky_bar_stat .float-left {
		margin-top: 0;
	}
	.logo {
		display: ;
		position: ;
	}
	.nav-welcome li span {
		display: none;
	}
	.sticky_nav li span {
		display: none;
	}
	.list_number {
		text-align: left;
		margin-bottom: 20px;
		margin-left: ;
		float: left;
	}
	.list-body {
		clear: both;
	}
	.media>.pull-left {
		margin-right: 0px;
		margin-top: 20px;
		clear: both;
	}
	.media-body {
		margin-left: 0px;
	}
	.monster {
		margin-left: 0px;
		margin-top: -30px;
	}
	.logo img {
		
	}
}

@media ( max-width : 360px) {
}

.col-centered {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.pad-left-10 {
	padding-left: 10px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-right-10 {
	margin-right: 10px;
}

.marginv0 {
	margin-top: 0;
	margin-bottom: 0;
}

.marginh0 {
	margin-left: 0;
	margin-right: 0;
}

.full-width {
	width: 100%;
}

@media ( min-width : 768px) { /* align justify */
	.navbar-centered {
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float: none;
	}
}

#navbar-superadmin {
	background-color: #000;
}

.superadmin_account {
	font-size: 14px;
	color: #000;
	width: 100%;
	height: 25px;
	line-height: 25px;
	/*background-color:#ff9f9f;*/
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	float: left;
	clear: both;
	text-align: center;
}

.superadmin_account span {
	font-weight: bold;
}

.mandatory {
	font-weight: bold;
}

.errormsg { /* label classes */
	display: inline;
	padding: .2em .6em .3em;
	font-size: 80%;
	font-weight: normal;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	/* label danger classes */
	background-color: #d9534f;
}

.errormsg1 {
	color: red;
}

.field-container {
	
}

.field-container>div:nth-child(2n+1) {
	background-color: #F9F9F9;
}

.field-container>div:nth-child(2n) {
	background-color: #EEEEEE;
}

.field-container>div.odd {
	background-color: #F9F9F9;
}

.field-container>div.even {
	background-color: #EEEEEE;
}

.field-row {
	font-size: 14px;
	color: #000;
	min-height: 40px;
	line-height: 40px;
	clear: both;
	display: block;
}

.field-row-title {
	font-size: 14px;
	color: #000;
	min-height: 40px;
	line-height: 40px;
	clear: both;
	display: block;
	background-color: #E7E7E7;
	font-weight: bold;
}

.field-title {
	font-weight: bold;
}

.field-value {
	font-weight: normal;
}

.overflowx-auto {
	overflow-x: auto;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.stickyOuterDIV {
	position: relative;
	padding-top: 20px;
	//
	height
	of
	your
	thead
}

.stickyInnerDIV {
	overflow-y: auto;
	height: 200px;
	//
	the
	actual
	scrolling
	container
}

/*BEGIN equal heights for all columns
  not applicable for dashboard
  
.row{
    overflow: hidden; 
}

[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
/*END equal heights for all columns*/
.linkColorBlack a {
	color: #000;
}

.paddingAll-10px {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottm: 10px;
}

.userImage {
	width: 200px;
	height: 200px;
	align: center;
}

.image {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border: solid 1px #ccc;
	background-color: #FFF;
	border-radius: 5px;
}

/* unvisited link */
.listHover a:link {
	color: #333;
	text-decoration: none;
}

/* visited link */
.listHover a:visited {
	color: #333;
	text-decoration: none;
}

/* mouse over link */
.listHover a:hover {
	color: #333;
	text-decoration: none;
}

.listHover a:hover>div { /*background-color: #FA5F2F;*/
	background-color: #FCF2E1;
}

/* selected link */
.listHover a:active {
	color: #333;
	text-decoration: none;
}

.row.field-row.clickable:hover {
	color: #333;
	text-decoration: none;
	background-color: #FCF2E1;
	cursor: pointer;
}

/* for mobile */
@media ( max-width : 768px) {
	.mobile-list-hide {
		display: none;
	}
	.mobile-list-show {
		padding-left: 0px;
		display: block;
	}
	.mobile-list-welcome-show {
		padding: 20px;
		display: block;
	}
	.mobile-list-show-inline {
		display: inline;
	}
	.mobile-list {
		clear: both;
	}
}

@media ( min-width : 768px) {
	.mobile-list-show {
		display: none;
	}
	.mobile-list-show-inline {
		display: none;
	}
}

.btn-select-template {
	color: #ffffff;
	background-color: #FB8200;
	border: 0;
	margin-right: 5px;
	height: 35px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-select-template:hover,.btn-select-template:active,.btn-select-template.active
	{
	color: #ffffff;
	background-color: #EC7A00;
	border: 0;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-select-contact {
	color: #ffffff;
	background-color: #912A85;
	border: 0;
	margin-right: 5px;
	height: 35px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-select-contact:hover,.btn-select-contact:active,.btn-select-contact.active
	{
	color: #ffffff;
	background-color: #7D2573;
	border: 0;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-delete {
	color: #ffffff;
	background-color: #fa5f2f;
	border: 0;
	margin-right: 5px;
	height: 35px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.btn-delete:hover,.btn-delete:active,.btn-delete.active {
	color: #ffffff;
	background-color: #ed4612;
	border: 0;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.button-selected {
	background-image: url(../images/checked_green_bgwhite.png);
	/* 16px x 16px */
	background-repeat: no-repeat;
	/* make the background image appear only once */
	background-position: 12px 12px; /* equivalent to 'top left' */
	background-size: 16px;
	border: none; /* assuming we don't want any borders */
	cursor: pointer;
	/* make the cursor like hovering over an <a> element */
	padding-left: 16px; /* make text start to the right of the image */
	vertical-align: middle; /* align the text vertically centered */
	display: inline-block;
}

.button-notSelected {
	background-image: url(../images/unchecked_bgwhite.png);
	/* 16px x 16px */
	background-repeat: no-repeat;
	/* make the background image appear only once */
	background-position: 12px 12px; /* equivalent to 'top left' */
	background-size: 16px;
	border: none; /* assuming we don't want any borders */
	cursor: pointer;
	/* make the cursor like hovering over an <a> element */
	padding-left: 25px; /* make text start to the right of the image */
	vertical-align: middle; /* align the text vertically centered */
	display: inline-block;
}

.rowHover2:hover>div {
	background-color: #ccc;
}

.fontBold {
	font-weight: bold;
}

.fontGlyphMedium {
	font-size: 30px;
	vertical-align: middle;
}

/* unvisited link */
#master a:link {
	color: #333;
	text-decoration: none;
}

/* visited link */
#master a:visited {
	color: #333;
	text-decoration: none;
}

/* mouse over link */
#master a:hover {
	color: #333;
	text-decoration: none;
}

#master a:hover>div { /*background-color: #FA5F2F;*/
	background-color: #E0B9DB;
}

/* selected link */
#master a:active {
	color: #333;
	text-decoration: none;
}

/* unvisited link */
#list a:link {
	color: #333;
	text-decoration: none;
}

/* visited link */
#list a:visited {
	color: #333;
	text-decoration: none;
}

/* mouse over link */
#list a:hover {
	color: #333;
	text-decoration: none;
}

#list a:hover>div { /*background-color: #FA5F2F;*/
	background-color: #E0B9DB;
}

/* selected link */
#list a:active {
	color: #333;
	text-decoration: none;
}

/* unvisited link */
#segment a:link {
	color: #333;
	text-decoration: none;
}

/* visited link */
#segment a:visited {
	color: #333;
	text-decoration: none;
}

/* mouse over link */
#segment a:hover {
	color: #333;
	text-decoration: none;
}

#segment a:hover>div { /*background-color: #FA5F2F;*/
	background-color: #E0B9DB;
}

/* selected link */
#segment a:active {
	color: #333;
	text-decoration: none;
}

.mbDetailsTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: left;
	padding-left: 0px;
	display: table;
}

.mbDetailsText {
	background-color: #E0B9DB;
	color: red;
	text-align: center;
}

.mbDetailTextCenter {
	text-align: center;
}

.mbDetailTextRight {
	text-align: right;
}

.mergeTextBox {
	margin-left: -38px;
}

/* Selection box place holder in member base list */
.place_holder {
	color: gray;
}

option {
	color: #000000;
}

.clearNone {
	clear: none;
}

div.paddingv0 div.sticky-wrap {
	margin: 0;
}

.marginv10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.iframe-rwd {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.paddingt5 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.height80 {
	min-height: 50px;
	line-height: 50px;
}

/*Template library css [START]*/
/* unvisited link */
.templateRow a:link {
	color: #333;
	text-decoration: none;
}
/* visited link */
.templateRow a:visited {
	color: #333;
	text-decoration: none;
}

/* mouse over link */
.templateRow a:hover {
	color: #333;
	text-decoration: none;
}

.templateRow a:hover>div { /*background-color: #FA5F2F;*/
	background-color: #FCF2E1;
}

/* selected link */
.templateRow a:active {
	color: #333;
	text-decoration: none;
}
/*Template library css [END]*/
.campaignList {
	text-color: #333;
}

.campaignList .compaignList-title {
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 0px;
	display: table;
	clear: both;
}

.compaignList-title span {
	font-weight: bold;
	display: block;
	clear: both;
}

.campaignList .campaign-data {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	width: 100%;
}

.campaignListLabel {
	float: left;
	width: 70px;
}

.dropdown-menu {
	overflow: auto;
	max-height: 280px;
	max-width: 280px;
}

.modal-body .popUpModal {
	max-height: 450px;
	overflow-y: scroll;
}

@media ( min-width : 768px) {
	.mbListPadding {
		padding-left: 50px;
	}
	.mbShareBtn {
		margin-top: 20px;
	}
}

/*Pagination [START]*/
.account_showMore {
	background: #fa5f2f;
	text-align: right;
	cursor: pointer;
	color: #fff;
	margin: 5px 0;
	float: right;
	border: none;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
}

.account_showMore:hover {
	background: #ED4612;
}

.account_showMore a {
	color: #fff;
	text-decoration: none;
}

.account_showMore a:hover {
	color: #fff;
	text-decoration: none;
}

.loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
}

.admin_showMore {
	background: #959595;
	text-align: right;
	cursor: pointer;
	color: #fff;
	margin: 5px 0;
	float: right;
	border: none;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
}

.admin_showMore:hover {
	background: #868686;
}

.admin_showMore a {
	color: #fff;
	text-decoration: none;
}

.admin_showMore a:hover {
	color: #fff;
	text-decoration: none;
}

.loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
}

.broadcast_showMore {
	background: #4b3f81;
	text-align: right;
	cursor: pointer;
	color: #fff;
	margin: 5px 0;
	float: right;
	border: none;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
}

.broadcast_showMore:hover {
	background: #3e346b;
}

.broadcast_showMore a {
	color: #fff;
	text-decoration: none;
}

.broadcast_showMore a:hover {
	color: #fff;
	text-decoration: none;
}

.loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
}

.template_showMore {
	background: #fb8200;
	text-align: right;
	cursor: pointer;
	color: #fff;
	margin: 5px 0;
	float: right;
	border: none;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
}

.template_showMore:hover {
	background: #ec7a00;
}

.template_showMore a {
	color: #fff;
	text-decoration: none;
}

.template_showMore a:hover {
	color: #fff;
	text-decoration: none;
}

.loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
}

.contact_showMore {
	background: #792771;
	text-align: right;
	cursor: pointer;
	color: #fff;
	margin: 5px 0;
	float: right;
	border: none;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
}

.contact_showMore:hover {
	background: #5f1f59;
}

.contact_showMore a {
	color: #fff;
	text-decoration: none;
}

.contact_showMore a:hover {
	color: #fff;
	text-decoration: none;
}

.loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
}

.support_showMore {
	background: #959595;
	text-align: right;
	cursor: pointer;
	color: #fff;
	margin: 5px 0;
	float: right;
	border: none;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 11px;
}

.support_showMore:hover {
	background: #3e346b;
}

.support_showMore a {
	color: #fff;
	text-decoration: none;
}

.support_showMore a:hover {
	color: #fff;
	text-decoration: none;
}

/*Pagination [END]*/
.support_title {
	width: 100%;
	height: 100Px;
	padding-left: 45px;
	padding-bottom: 5px;
	background-color: #2b9f3a;
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	font-size: xx-large;
}

.category {
	width: 100%;
	height: 70Px;
	padding-bottom: 5px;
	float: left;
	font-family: Arial;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	font-size: small;
}

a.morelink {
	color: #0254EB
}

a.morelink:visited {
	color: #0254EB
}

a.morelink {
	text-decoration: none;
	outline: none;
	display: inline-block;
}

.morecontent span {
	display: none;
}

.comment {
	width: auto;
	background-color: transparent;
	text-align: justify;
	margin: 0 auto;
	line-height: 1.4em;
	padding-bottom: 3%;
	padding-top: 3%;
}

.content {
	width: auto;
	background-color: transparent;
	text-align: justify;
	margin: 0 auto;
	line-height: 1.4em;
	padding-bottom: 3%;
	padding-top: 3%;
}

.supportAnchor {
	font-size: 20px;
	color: #299839;
	margin-top: 10px;
	font-weight: bold;
	"
}

.supportAnchor:hover {
	border-bottom: thin;
	border-bottom-style: solid;
	color: #299839;
}

.cloudIcon {
	height: 33px;
}

.templatePreviewTable {
	border: thin solid #CCCCCC;
	padding: 2px 2px 2px 2px;
}

div.list-group {
	padding-top: 15px;
}

.list-group li.list-group-item {
	height: 40px;
	padding: 0px 15px;
}

.list-group-item>.badge {
	margin-top: 10px;
}

/* for mobile */
@media ( max-width : 768px) {
	.list-group li.list-group-item {
		height: auto;
		padding: 0px 15px;
	}
	.list-group-item>.badge {
		margin-top: 10px;
	}
}

.ruleDiv {
	border: 1px solid;
	border-color: #D6D6D6;
	margin-bottom: 10px;
	margin-top: 15px;
	border-radius: 5px;
	/*background-color:#e0b9db;*/
	background-color: #EEEEEE;
	padding: 10px;
}

.ruleLine {
	border: 1px solid #792771;
}

.ruleMarginLeft {
	margin-left: 15px;
	margin-bottom: 10px;
	margon-top: 10px;
	float: left;
}

.ruleMarginRight {
	margin-right: 30px;
	margin-bottom: 10px;
	margon-top: 10px;
	float: right;
}

/* Remove datepicker scrollbar */
.datepicker.dropdown-menu {
	overflow: hidden;
}

.chart {
	border: 1px solid #d5d5d5;
	box-shadow: 0 1px 1px #eee;
}

.ruleFilterBtn { /*background:none repeat scroll 0 0 transparent;*/
	/*border:0 none;*/
	height: 34px;
	width: 30px;
	float: right;
}

.ruleFilterBtn:hover {
	background-color: #792771;
	border: 1px solid;
	border-radius: 3px;
}

.ruleFilterBtn:hover {
	color: #FFFFFF;
}

.ruleTransparentBtn {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	height: 34px;
	width: 32px;
}

.ruleTransparentBtn:hover {
	color: #792771;
}

.labelBox {
	background: #ec7a00;
	text-align: center;
	color: #FFF;
	line-height: 25px;
	width: 25px;
}

.labelBoxCampaign {
	background: #4b3f81;
	text-align: center;
	color: #FFF;
	line-height: 25px;
	width: 25px;
}

.labelBoxContact {
	background: #792771;
	text-align: center;
	color: #FFF;
	line-height: 25px;
	width: 25px;
}

.btnSearch {
	width: 40px;
}

.btn-trigger {
	width: 40px;
}

.dropdown-menu .lock {
	padding: 3px 20px
}

.css-radio-label {
	margin-left: 10px;
	font-weight: normal;
}

#splitter {
	width: 100%;
	height: 50px;
}
#one, #two {
  height: 50px;
  float: left;
  width: 50%;
}
 
#two {
 background: grey;
}

.btnAutoResize{
 	width: auto;
}

.center{
	text-align: center;
}

/*Segment filter drag and drop CSS*/
.closeTagButton{
	float: right;
	margin-right: 0px;	
	font-weight: bold;
	cursor: pointer;
	margin-top:-10px;
}

.addRuleButton,.removeRuleButton{
	cursor: pointer;
}
	
.filterValue30{
	width: 25%;
	height: 30px;
	cursor: default;
}
.filterValue10{
	width: 12%;
	height: 30px;
	cursor: default;
}
#box1 .datepicker,#box1 .daypicker{
 	width: 12%;
}
.filterCondition{
	width: 14%;
	height: 30px;
	cursor: default;
}

.filterField{
	width: 20%;	
	height: 30px;
	cursor: default;	
}

.filterFormat{
	width: 30%;	
	height: 30px;
	cursor: default;	
}

.clickedOn{
	/*
	margin-left: 20px;*/
	margin-right: 8px;
}

.ruleCondition{
	width:100px;
	/*height: 25px*/
}
.filterSpan	{
	width: 100%;
	 display: inline-block;
	  margin-top: 5px;
}

#dhtmlgoodies_dragDropContainer{
	width:100%;		
	/*border:1px solid #317082;*/
	background-color:#FFF;
	-moz-user-select:none;
}
#dhtmlgoodies_dragDropContainer ul{	/* General rules for all <ul> */
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:2px;
}

#dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{	/* Movable items, i.e. <LI> */
	list-style-type:none;	
	background-color:#EEE;
	border:1px solid #000;
	padding:2px;
	margin-bottom:2px;
	cursor: all-scroll;
	
}
#dhtmlgoodies_mainContainer li{   
    margin-bottom: 20px;
    padding: 10px;
}

li#indicateDestination{	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
	border:1px dotted #600;
	background-color:#FFF;
	height: 100px;
}

/* LEFT COLUMN CSS */
div#dhtmlgoodies_listOfItems{	/* Left column "Available students" */
	float:left;		
	padding-right:10px;
	width:25%;	
}

div#dhtmlgoodies_listOfItems div{
	border:1px solid #999;
}
div#dhtmlgoodies_listOfItems div ul{	/* Left column <ul> */
	margin:10px;	/* Space at the left of list - the arrow will be positioned there */
}
#dhtmlgoodies_listOfItems div p{	/* Heading above left column */
	margin:0px;
	font-weight:bold;
	padding-left:12px;
	background-color:#DDD;
	/*color:#000;*/
	border-bottom:1px solid #999;
	margin-bottom:5px;
}
/* END LEFT COLUMN CSS */

#dhtmlgoodies_dragDropContainer .mouseover{	/* Mouse over effect DIV box in right column */
	background-color:#E2EBED;
	border:1px solid #317082;
}

/* Start main container CSS */

div#dhtmlgoodies_mainContainer{	/* Right column DIV */
	width:75%;
	float:left;
}

#dhtmlgoodies_mainContainer div{	/* Parent <div> of small boxes */
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
	border:1px solid #999;
	width: 100%;		
}
#dhtmlgoodies_mainContainer div ul{
	margin-left:10px;
	margin-right :10px;
	
}

#dhtmlgoodies_mainContainer div p{	/* Heading above small boxes */
	margin:0px;
	padding:0px;
	padding-left:12px;
	font-weight:bold;
	background-color:#DDD;
	/*color:#000;*/
	border-bottom:1px solid #999;
	margin-bottom:5px;
}

#dhtmlgoodies_mainContainer ul{	/* Small box in right column ,i.e <ul> */
	width:auto;
	height:auto;
	min-height:150px;
	border:0px;
	margin-bottom:0px;
	overflow:hidden;
}

#dragContent{	/* Drag container */
	position:absolute;
	width:150px;
	height:20px;
	display:none;
	margin:0px;
	padding:0px;
	z-index:2000;
}

#dragDropIndicator{	/* DIV for the small arrow */
	position:absolute;
	width:7px;
	height:10px;
	display:none;
	z-index:1000;
	margin:0px;
	padding:0px;
}
.tagItem{
   height: 100%;
   background-color: red;
}

.datetimeFilters{
 	cursor: pointer;
}

@media screen and (max-width: 500px) { 	
   #dhtmlgoodies_listOfItems{
   		 display: none
   }
   
   div#dhtmlgoodies_mainContainer{
   		width: 100%;
   }
   .filterValue30,.filterValue10,.filterCondition,.filterField,.filterFormat,#box1 .datepicker, #box1 .daypicker{
		width: 100%;		
		margin-top: 10px;
	}	
	
}

/*Remove line in boorstrap popup*/
.modal-footer {margin-top: 0px;border-top: none}

#divCheckPasswordMatch{
 color: red;
}

.report-row{
	width: 100%;
	min-height: 34px;
	line-height: 34px;
}

.field-label{ 
   word-break: break-word;
}