body {font-family: raleway;color: #606060;background-color:#ffffff;height:100%;width:100%;}
/*.smartmailer-bg{background-color:#f9f9f9;height:100%;width:100%;position:fixed;}*/
/* font-weight css*/
.w3000{font-weight: 300 !important;}.w300{font-weight: 300;}.w400 {font-weight: 400;}.w500 {font-weight: 500;}.w600 {font-weight: 600;}.w700{font-weight: 700;}.w800 {font-weight: 800;}
/* font size css start*/
@media (min-width: 240px) {
.xsem50{font-size:5em;}.xsem35{font-size:3.5em;}.xsem30{font-size:3em;}.xsem28{font-size:2.8em;}.xsem26{font-size:2.6em;}.xsem25{font-size:2.5em;}.xsem24{font-size:2.4em;}.xsem22{font-size:2.2em;}.xsem20{font-size:2em;}.xsem18{font-size:1.8em;}.xsem16{font-size:1.6em;}.xsem15{font-size:1.5em;}.xsem14{font-size:1.4em;}.xsem13{font-size:1.3em;}.xsem12{font-size:1.2em;}.xsem11{font-size:1.1em;}.xsem10{font-size:1em;}.xsem9{font-size:0.9em;}.xsem8{font-size:0.8em;}.xsem7{font-size:0.7em;}.xsem6{font-size:0.6em;}
.xstext-center{text-align:center;}
.xsmt0{margin-top:0%;}.xsmt1{margin-top:1%;}.xsmtt1{margin-top:0.5%;}.xsmt2{margin-top:2%;}.xsmtt2{margin-top:2.7%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt7{margin-top:7%;}.xsmt8{margin-top:8%;}.xsmt9{margin-top:9%;}.xsmt10{margin-top:10%;}.xsmt11{margin-top:11%;}.xsmt12{margin-top:12%;}.xsmt13{margin-top:13%;}.xsmt14{margin-top:14%;}.xsmt15{margin-top:15%;}
.xsmb0{margin-bottom:0%;}.xsmb1{margin-bottom:1%;}.xsmb2{margin-bottom:2%;}.xsmb3{margin-bottom:3%;}.xsmb4{margin-bottom:4%;}.xsmb5{margin-bottom:5%;}.xsmb6{margin-bottom:6%;}.xsmb10{margin-bottom:10%;}
.right-border{border-right:none;}
.left-border{border-left:none; }
.bottom-border{border-bottom:solid 1px #e5ebf5; padding:10px 0px;}
.mobile-margin{padding-top:30px;}
}
@media (min-width: 768px) {
.smem70{font-size:7em;}.smem50{font-size:5em;}.smem35{font-size:3.5em;}.smem30{font-size:3em;}.smem28{font-size:2.8em;}.smem26{font-size:2.6em;}.smem25{font-size:2.5em;}.smem24{font-size:2.4em;}.smem22{font-size:2.2em;}.smem20{font-size:2em;}.smem18{font-size:1.8em;}.smem17{font-size:1.7em;}.smem16{font-size:1.6em;}.smem15{font-size:1.5em;}.smem14{font-size:1.4em;}.smem13{font-size:1.3em;}.smem12{font-size:1.2em;}.smem11{font-size:1.1em;}.smem12{font-size:1.2em;}.smem10{font-size:1em;}.smem9{font-size:0.9em;}.smem8{font-size:0.8em;}.smem7{font-size:0.7em;}.smem6 {font-size: 0.6em;}
.right-border{border-right:solid 1px #e5ebf5;  }
.left-border{border-left:solid 1px #e5ebf5;  }
.bottom-border{border-bottom:none; }
.xstext-right{text-align:right;}
.xstext-left{text-align:left;}
.mobile-margin{padding-top:0;}
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mtt1{margin-top:0.5%;}.mt2{margin-top:2%;}.mtt2{margin-top:2.7%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}
.mt16{margin-top:16%;}.mt17{margin-top:17%;}.mt18{margin-top:18%;}.mt20{margin-top:20%;}.mt25{margin-top:25%;}.mt30{margin-top:30%;}
.mb0{margin-bottom:0;}.mb1{margin-bottom:1%;}.mb2{margin-bottom:2%;}.mb3{margin-bottom:3%;}.mb4{margin-bottom:4%;}.mb5{margin-bottom:5%;}.mb6{margin-bottom:6%;}.mb7{margin-bottom:7%;}.mb8{margin-bottom:8%;}.mb25{margin-bottom:25%;}
}
@media (min-width: 992px) {
.mdem70{font-size:7em;}.mdem45{font-size:4.5em;}.mdem36{font-size:3.6em;}.mdem35{font-size:3.5em;}.mdem30{font-size:3em;}.mdem28{font-size:2.8em;}.mdem26{font-size:2.6em;}.mdem25{font-size:2.5em;}.mdem24{font-size:2.4em;}.mdem23{font-size:2.3em;}.mdem22{font-size:2.2em;}.mdem21{font-size:2.1em;}.mdem20{font-size:2em;}.mdem18{font-size:1.8em;}.mdem17{font-size:1.7em;}.mdem16{font-size:1.6em;}.mdem15{font-size:1.5em;}.mdem14{font-size:1.4em;}.mdem13{font-size:1.3em;}.mdem12{font-size:1.2em;}.mdem11{font-size:1.1em;}.mdem9{font-size:0.9em;}.mdem8{font-size:0.8em;}.mdem7{font-size:0.7em;}.mdem6 {font-size: 0.6em;}
}
@media (min-width: 1200px) {
.em70{font-size:7em;}.em50{font-size:5em;}.em45{font-size:4.5em;}.em42{font-size:4.2em;}.em40{font-size:4em;}.em39{font-size:3.9em;}.em38{font-size:3.8em;}.em37{font-size:3.7em;}.em36{font-size:3.6em;}.em35{font-size:3.5em;}.em30{font-size:3em;}.em28{font-size:2.8em;}.em26{font-size:2.6em;}.em25{font-size:2.5em;}.em24{font-size:2.4em;}.em22{font-size:2.2em;}.em20{font-size:2em;}.em18{font-size:1.8em;}.em16{font-size:1.6em;}.em14{font-size:1.4em;}.em13{font-size:1.3em;}.em12{font-size:1.2em;}.em11{font-size:1.1em;}.em10{font-size:1em;}.em9{font-size:0.9em;}.em8{font-size:0.8em;}.em7 {	font-size: 0.7em;}.em6 {font-size: 0.6em;
}
}
/* font size css end*/

/* bootstrap modal popup vertcial center css*/
.modal {text-align: center; padding: 0!important;}
.modal:before { content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog { display: inline-block;text-align: left;vertical-align: middle;}

/* login page css*/
.login-bg{background:#f4f4f4 url(../images/login-bg.jpg) no-repeat center center fixed;position:absolute; -webkit-background-size:cover; -moz-background-size:cover;  -o-background-size:cover; background-size:cover;height:100%; width:100%}
.smart-login{max-width:375px; margin: 0 auto;margin-top:80px;}
.login-logo{margin-bottom:36px;text-align:center;}
.login-box{background: #fff !important;border-radius: 0 !important;-moz-border-radius: 0;-webkit-border-radius: 0;-webkit-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;-moz-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;padding:35px 25px;}
.login-box input[type="email"],input[type="password"]{border:solid 1px #dfdfdf;border-radius:0px;box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.2) !important; height:35px !important;}
.login-box a{color:#4a4949; text-decoration:underline; font-size:13px;}
.login-box input[type="submit"]{background-color:#3a5a9d;padding:8px;color:#ffffff;text-transform:uppercase;	border-radius:0px;margin-top:25px;font-size:17px}

/* footer css*/
.dbfooter{background: #ffffff;border-top: 1px solid #bccce2;padding:13px 11px;width: 100%;float: left;color: #9ca7ac;}
.dbfooter a{color: #9ca7ac;text-decoration: none;}
.dbfooter a:hover {text-decoration: none;color: #9ca7ac;}
.dbfooter a.social {width:26px;padding:6px 0px;display: inline-block;border-radius: 50%;-webkit-border-radius: 50%;color: #9c9c9c;text-align: center;border:solid 1px #9c9c9c;background:transparent;font-size: 12px!important;}
.dbfooter a.facebook:hover {background: #395a9f;color:#ffffff;border:solid 1px #395a9f;}
.dbfooter a.twitter:hover {background: #45b0e4;color:#ffffff;border:solid 1px #45b0e4;}
.dbfooter a.gplus:hover {background: #cb181e;color:#ffffff;border:solid 1px #cb181e;}
.dbfooter a.linkedin:hover {background: #0275b4;color:#ffffff;border:solid 1px #0275b4;}
@media (max-width:768px) {
.table-responsive{width: 100%;margin-bottom: 0px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;
 border:transparent;}}
/*@media (max-width:599px){.footer-height{	width: 100%;float: left;min-height:0px !important;}}*/
.footer-height{	width: 100%;float: left;}
@media screen and (min-height:100px){.footer-height{width: 100%;float: left;min-height:550px;}}
@media screen and (min-height:650px){ .footer-height{width: 100%;float: left;min-height:620px;}}
@media screen and ( min-height:750px ){.footer-height{width: 100%;float: left;min-height:720px;}}
@media screen and ( min-height:780px ){.footer-height{width: 100%;float: left;min-height:800px;}}

/* dashboard css start*/
/* Graph css start*/
#subchart{ height:350px;}
#unsubchart{ height:350px;}
#mailgraph{ height:350px;}
/* dashboard Graph css end*/

@media (min-width:240px){
.layout-box{padding:15px; border:solid 1px #e5ebf5; background-color:#ffffff;}
.layout-box2{padding:15px; border:solid 1px #e5ebf5; background-color:#ffffff;}
.layout-box3{padding:15px; border:solid 1px #e5ebf5; background-color:#ffffff;}
.box-padding{padding-left:15px; padding-right:15px;}}

@media (min-width:768px){
.layout-box{padding:15px 40px; border:solid 1px #e5ebf5; background-color:#ffffff;}
.layout-box2{padding:15px 20px; border:solid 1px #e5ebf5; background-color:#ffffff;}
.layout-box3{padding:15px 0px; border:solid 1px #e5ebf5; background-color:#ffffff;}
.box-padding{padding-left:35px; padding-right:35px;}}

.layout-box1{padding:15px 0px 0px 0px; border:solid 1px #e5ebf5; background-color:#ffffff;}
.roboto{font-family:'Roboto'}
.cloum-width{width:auto;}
@media (min-width:240px)
{.padding15{padding:0px 5px; !important}}
@media (min-width:992px)
{.padding15{padding:0px 15px;}}
.smart-color{color:#3a5a9d;}.smart-blue{color:#0095c7;}.smart-red{color:#f05440;}.smart-purple{color:#796bd1;}.smart-white{color:#ffffff;}.smart-grey{color:#dbdbdb;}.text-yellow{color:#e2c500;}.text-purple{color:#e53be3;}.text-dark-purple{color:#703566;}
.smart-bg{background-color:#3a5a9d;}.red-bg{background-color:#f05440;}.yellow-bg{background-color:#e2c500;}.purple-bg{background-color:#e53be3;}.blue-bg{background-color:#0095c7;}
.dash-header{padding:1% 0%; border-bottom:solid 1px #e5ebf5; text-transform:capitalize;}
@media (min-width:240px){
a.dash-btn{border:solid 1px #d3d3d3; color:#4a4949; padding:10px 15px; text-decoration:none; display:inline-block; min-width:150px;}}
@media (min-width:481px) and (max-width:767px){
a.dash-btn{border:solid 1px #d3d3d3; color:#4a4949; padding:10px 12px; text-decoration:none; display:inline-block; min-width:170px;}}
@media (min-width:768px) and (max-width:979px){
a.dash-btn{border:solid 1px #d3d3d3; color:#4a4949; padding:10px 10px; text-decoration:none; display:inline-block; min-width:130px;}}

a.dash-btn:hover{border:solid 1px #3a5a9d; background-color:#3a5a9d; color:#ffffff; text-decoration:none;}
.icon-round{border-radius:50%; padding:15px; border:solid 1px #d9d9d9; display:inline-block}
hr{margin:13px 0px;border: 0;border-top: 1px solid #e5ebf5;}
.double-line{margin:9px 0px;border: 0;border-top: 2px solid #e5ebf5;}

/*radio button */
.radio label{ display: inline-block; vertical-align: middle; position: relative; padding-left: 0px;padding-right:0px;}
.radio label::before {
content: "";display: inline-block; position: absolute;width: 13px;height: 13px; left: 0; margin-left: -16px;border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;margin-top:3px; }
.radio label::after { display: inline-block; position: absolute; content: " "; width:7px; height:7px; left:3px; top:3px;margin-top:3px; margin-left: -16px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);}
.radio input[type="radio"] {opacity: 0; z-index: 1;}
.radio input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); -o-transform: scale(1, 1);transform: scale(1, 1);outline:none; }
.radio.radio-inline {margin-top: 0;padding-left:8px; }
/*radio button end*/

/*checkbox button */
.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px;}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0; margin-left: -20px; border: 1px solid #cccccc; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block; position: absolute;width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color:#3a5a9d; }
.checkbox input[type="checkbox"]{ opacity: 0; z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before{ outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after{font-family: "FontAwesome"; content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after { display: block; content: ""; width: 10px; height: 3px;
background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px;}
.checkbox + .checkbox { margin-top:11px !important;}
/*checkbox button */

.line-bg{background:url(../images/line-bg.jpg); padding:2% 0%; border:solid 2px #e5ebf5;}
.line-bg a{ padding:3% 16%; background:transparent; color:#ffffff; border:solid 1px #ffffff; display:inline-block}
a.visit-btn{border:solid 2px #f0f0f0; background-color:#3a5a9d; color:#ffffff; padding:2% 13%; text-decoration:none; display:inline-block;}
.right-border1{border-right:solid 1px #e5ebf5;}

/* campaign css start*/
.campaign-links ul {margin:0; padding:0;}.campaign-links li{float:left; list-style:none; margin-right:5px;}
.campaign-links li a{padding:7px 8px; border:solid 1px #d7d7d7; background-color:#ffffff; color:#606060; display:inline-block; text-decoration:none; cursor:pointer;}
.campaign-links li a.disable{padding:7px 8px; border:solid 1px #d7d7d7; background-color:#f5f5f5; color:#d7d7d7; display:inline-block; text-decoration:none; cursor:default;} 
@media(max-width:599px){.campaign-search input[type="text"]{padding:0px 10px 0px 10px;height:35px; width:90px;}}
.campaign-search input[type="text"]{padding:0px 10px 0px 10px;height:35px;font-size: 14px;background:#ffffff;color:#4a4949;border:1px solid #d7d7d7;border-right:hidden; outline:none; float:left;}
.campaign-search button[type="button"]{padding:0px 15px 0px 10px;height:35px;border:1px solid #d7d7d7;border-left:hidden;color:#c3c3c3;background:#fff;float:left;}
.sorting select{-webkit-appearance: none;-moz-appearance: none;-webkit-appearance: none; -ms-appearance: none; -o-appearance: none; height:32px; width:100px; padding:0; padding-left:5px;  background: #ffffff url(../images/select-arrow.png) no-repeat 90% center;border:solid 1px #d7d7d7;color: #4a4949;text-align:left;}
.sorting select option{	padding:6px 10px; color: #4a4949;}
a.smart-btn{background:#3a5a9d;padding:9px 28px;color:#ffffff; border:solid 1px #3a5a9d; text-decoration:none; display:inline-block; cursor:pointer; text-transform:capitalize;}
.smart-btn{background:#3a5a9d;padding:9px 28px;color:#ffffff; border:solid 1px #3a5a9d; text-decoration:none; display:inline-block; cursor:pointer; text-transform:capitalize;}
a.blank-btn{background:#ffffff;padding:9px 28px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #d7d7d7;cursor:pointer;  text-transform:capitalize;}
a.blank-btn:hover{background:#3a5a9d;padding:9px 28px;color:#ffffff; text-decoration:none; display:inline-block; border:solid 1px #3a5a9d;cursor:pointer;  text-transform:capitalize;}
.blank-btn{background:#ffffff;padding:9px 28px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #d7d7d7;cursor:pointer;  text-transform:capitalize;}
a.yes-btn{background:#3a5a9d;padding:9px 15%;color:#ffffff; text-decoration:none; display:inline-block;  text-transform:capitalize;}
a.smart-blank-btn{background:#ffffff;padding:8px 15%;border:solid 1px #d7d7d7; color:#4a4949; text-decoration:none; display:inline-block;  text-transform:capitalize;}
.campaign-field input[type="text"],input[type="email"]{border:solid 1px #d7d7d7;border-radius:0px;box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.2) !important;color:#606060;}
.campaign-field textarea{border:solid 1px #d7d7d7;border-radius:0px;color:#606060;box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.2) !important;min-width:100%; max-width:100%; min-height:80px; max-height:250px; padding:10px;}
/* campaignmodal popup*/
@media (min-width:240px){
.campaign-modal{max-width:320px;z-index: 1050;outline: 0; border-radius:0px !important;}}
@media (min-width:768px){
.campaign-modal{max-width:650px;z-index: 1050;outline: 0; border-radius:0px !important;}}
@media (min-width:992px){
.campaign-modal{width:650px;z-index: 1050;outline: 0; border-radius:0px !important;}}
.modal-content{border-radius:0px;}

/* delete popup*/
.delete-modal{max-width:400px;z-index: 1050;outline: 0; padding:0 !important; border-radius:0px !important;}
.success-popup-icon{padding:5%;border-radius: 50%;background-color: #3a5a9d;color: #ffffff; font-size:39px; position: relative;top: -42px;}

/* table css*/
.table-fixed-header table thead{display:inline-table;width:100%;}
.table-fixed-header table tbody{max-height:400px;overflow-y:auto;display:block;}
.table-fixed-header table tbody tr {width:100%;display:inline-table}
.data-scroll{max-height:360px; overflow:auto;}
.table-bordered{border:solid 1px #e5ebf5;}
.table-data table{background-color:#ffffff;}
.table-data table th{border-bottom:solid 2px #e5ebf5; padding:9px 15px; min-width:160px; width:auto; font-weight:600; }
.table-data table td{border-bottom:solid 1px #e5ebf5; padding:9px 15px;}
.table-data table td.icon-width{min-width:270px;}
@media (min-width:240px){.table-data table th:first-child{ min-width:auto; width:auto;}}
@media (min-width:992px){.table-data table th:first-child{ min-width:78px; width:78px;}}
.table-icon ul{margin:0; padding:0;}.table-icon ul li{margin-right:10px; display:inline; list-style:none;}
.table-icon ul li a{min-width:30px; cursor:pointer; padding:5px; text-align:center; display:inline-block; border:solid 1px #d7d7d7; color:#606060; text-decoration:none;}
.table-icon ul li a.top-space{position:relative; top:1px;}
.table-icon ul li a.disable{min-width:30px; cursor:default; padding:5px; text-align:center; display:inline-block; border:solid 1px #d7d7d7; color:#d7d7d7; text-decoration:none;}

.table-multi-data table{background-color:#ffffff;}
.table-multi-data table th{border-bottom:solid 2px #e5ebf5;  padding:9px 15px; min-width:160px; font-size:14px; font-weight:600;}
.table-multi-data table th:first-child{padding-left:35px;}
.table-multi-data table td{border-bottom:solid 1px #e5ebf5; padding:9px 15px;}
.table-multi-data table td:first-child{padding-left:35px;}

.table-multi-data select{border:solid 1px #e5ebf5; padding:4px 5px;}
/*.table-multi-data table th:after{font-family: FontAwesome;
	content: "\f107";
	padding-left:10px;
	}*/
	
/* add subscriber section css*/
.smart-tabs ul{margin:-10px 0 0 0; padding:0;}
@media (min-width:240px){
.smart-tabs ul li{float:left; margin-right:0px; list-style:none;}
.smart-tabs ul li a{padding:7px 14px; text-decoration:none; color:#4a4949; border-right:solid 1px #e5ebf5; font-size:25px; margin-top:10px; border-bottom:solid 2px transparent; display:inline-block}}
@media (min-width:768px){
.smart-tabs ul li{float:left; margin-right:10px; list-style:none;}
.smart-tabs ul li a{padding:7px 15px; text-decoration:none; color:#4a4949; border-right:hidden; border-bottom:solid 2px transparent; display:inline-block; font-size:inherit; }}
.smart-tabs ul li a.active{border-bottom:solid 2px #3a5a9d; font-weight:600}
.smart-tabs ul li a:hover{border-bottom:solid 2px #3a5a9d;}
a.upload-area{color:#606060;}
a.upload-area:hover{color:#3a5a9d; text-decoration:none;}a.upload-area p{color:#606060;}
.mobile-btn{background:#3a5a9d;padding:9px 28px;color:#ffffff; text-decoration:none; display:inline-block;}

/*step tick Wizard*/
@media (max-width:767px){
.bs-wizard > .bs-wizard-step {padding: 0; position: relative; width:auto; min-width:45px; text-transform:capitalize;}
.bs-wizard {position: absolute;right: 0;margin-top: -35px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 25px; height: 25px; display: block; background: #ffffff; border:solid 1px #d7d7d7; top: 22px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { font-family: 'icomoon' !important;content: "\e923";  position: absolute; width: 25px; height: 25px; display: block; background: #ffffff; border:solid 1px #3a5a9d; top: 22px; left: 50%; margin-top: -23px; margin-left: -12px; border-radius: 50%; color:#3a5a9d;padding: 1px 4px;}}
@media (min-width:768px){
.bs-wizard > .bs-wizard-step {padding: 0; position: relative; width:auto; min-width:64px; text-transform:capitalize;}
.bs-wizard { margin-top:-36px; position:absolute; right:36px; z-index:999; }
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #ffffff; border:solid 1px #d7d7d7; top: 22px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { font-family: 'icomoon' !important;content: "\e923";  position: absolute; width: 30px; height: 30px; display: block; background: #ffffff; border:solid 1px #3a5a9d; top: 22px; left: 50%; margin-top: -23px; margin-left: -15px; border-radius: 50%; color:#3a5a9d; padding:3px 7px;} }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height:1px; box-shadow: none; margin: 20px 0;  background-color:#d7d7d7;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #3a5a9d;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #ffffff;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.custom-file-upload input[type="file"] { display: none;outline:none;}
.custom-file-upload {  border:1px solid #cfcfcf; display:inline-block;  padding:6px 28px;   cursor: pointer;font-weight:600;
color:#4a4949;background-color:#ebebeb; outline:none;}
.progress-line{
height:5px;margin-top:15px;overflow: hidden;background-color: #e5ebf5;border-radius: 0px;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.progress-line-active{background-color:#3a5a9d;}
.progress-cross{margin-top:15px; text-decoration:none;}
@media(min-width:1200px){.progress-cross{margin-top:22px; text-decoration:none;}}
.smart-field input[type="text"],input[type="email"],input[type="password"] { border:solid 1px #d7d7d7; width:100%; padding:0px 10px; height:35px; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.smart-field select { border:solid 1px #d7d7d7; width:100%; padding:0px 10px; height:35px; box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box; line-height:30px}
.smart-field textarea { border:solid 1px #d7d7d7; width:100%; min-width:100%; max-width:100%; padding:8px 10px; max-height:180px; }
a.cross-icon{border:solid 1px #d7d7d7; padding:3px 6px; border-radius:50%; color:#d7d7d7;}

@media (min-width:240px)
{.col-xs-15{width:100%;position: relative;min-height: 1px;padding:0px 15px;float:left;margin-bottom:15px;}
.mobile-img{width:50%;}
.donough-graph{display: block; position:relative; margin-left:-20px; height: 300px;width: 300px;}
a.activity-btn{background:#ffffff;padding:8px 10px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #d7d7d7;cursor:pointer;}
a.activity-btn:hover{background:#3a5a9d;padding:8px 10px;color:#ffffff; text-decoration:none; display:inline-block; border:solid 1px #3a5a9d;cursor:pointer;}
.activity-btn{background:#ffffff;padding:8px 10px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #d7d7d7;cursor:pointer;}
.activity-btn:hover{background:#3a5a9d;padding:8px 10px;color:#ffffff; text-decoration:none; display:inline-block; border:solid 1px #3a5a9d;cursor:pointer;}
a.activity-btn1{background:#3a5a9d;padding:8px 10px;color:#ffffff; border:solid 1px #3a5a9d; text-decoration:none; display:inline-block; cursor:pointer;}
}

@media (min-width:768px)
{.col-xs-15{width:25%;position: relative;min-height: 1px;padding:0px 0px 0px 10px;}
.col-xs-16{width:50% !important;}
.donough-graph{display: block; position:relative; margin:0 auto; height: 300px;width: 300px;}
.mobile-img{width:auto;}
a.activity-btn{background:#ffffff;padding:9px 28px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #d7d7d7;cursor:pointer;}
a.activity-btn:hover{background:#3a5a9d;padding:9px 28px;color:#ffffff; text-decoration:none; display:inline-block; border:solid 1px #3a5a9d;cursor:pointer;}
.activity-btn{background:#ffffff;padding:9px 28px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #d7d7d7;cursor:pointer;}
.activity-btn:hover{background:#3a5a9d;padding:9px 28px;color:#ffffff; text-decoration:none; display:inline-block; border:solid 1px #3a5a9d;cursor:pointer;}
a.activity-btn1{background:#3a5a9d;padding:8px 28px;color:#ffffff; border:solid 1px #3a5a9d; text-decoration:none; display:inline-block; cursor:pointer;}
}
@media (min-width:992px)
{
.col-xs-15{width:20%;position: relative;min-height: 1px;padding:0px 0px 0px 10px;}
.col-xs-16{	width:35% !important;}
}

.mailer-search input[type="text"]{padding:0px 10px 0px 10px;height:35px;font-size: 14px;background:#ffffff;color:#4a4949;border:1px solid #d7d7d7;border-right:hidden; outline:none; float:left; width:85%;}
.mailer-search button[type="button"],.mailer-search button[type="submit"]{padding:0px 15px 0px 10px;height:35px;border:1px solid #d7d7d7;border-left:hidden;color:#c3c3c3;background:#fff;float:left; width:15%;}
.search--btn-color{padding:0px !important; background: #3a5a9d !important; border:solid 1px #3a5a9d !important; color:#ffffff !important;}


/*-- select campaign list css*/
.all-campaign dd,.all-campaign dt {margin: 0px; padding: 0px;}
.all-campaign ul { margin: -1px 0 0 0; background-color:#FFF; z-index:1;}
.all-campaign dd {  position: relative;}
.all-campaign a,.all-campaign a:visited {color: #4a4949;  text-decoration: none;  outline: none;}
.all-campaign dt a {display: block;padding:4px 10px 0px 10px;font-size:13px; overflow: hidden; border: 0; color: #4a4949;
width: 100%; border:solid 1px #d7d7d7; font-weight:normal; height:38px; line-height:30px;  }
.all-campaign dt a span:before { cursor: pointer;display: inline-block;padding: 0 3px 2px 0; content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; float:right; font-size:23px; color:#686868;}
.all-campaign dt a span,.multiSel span { cursor: pointer;display: inline-block;width:100%; color:#4a4949;}
.all-campaign dd ul {border: 0;color: #4a4949; display: none; left: 0px; padding:10px; position: absolute; top:1px;
width: 100%; list-style: none; height: 100px; overflow: auto;  border:solid 1px #d7d7d7; background-color:#FFF;}
.all-campaign span.value {display: none;}
.all-campaign dd ul li a { padding:8px; display:block; background-color:#FFF;}
.all-campaign dd ul li a:hover { background-color: #fff;}
a.suppression-grey-btn{background:#e6e6e6;padding:6px 18px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #cfcfcf;cursor:pointer;}
a.suppression-grey-btn:hover{background:#3a5a9d;padding:6px 18px;color:#ffffff; text-decoration:none; display:inline-block; border:solid 1px #3a5a9d;cursor:pointer;}
.suppression-grey-btn{background:#e6e6e6;padding:6px 18px;color:#4a4949; text-decoration:none; display:inline-block; border:solid 1px #cfcfcf;cursor:pointer;}
.suppression-grey-btn:hover{background:#3a5a9d;padding:6px 18px;color:#ffffff; text-decoration:none; display:inline-block; border:solid 1px #3a5a9d;cursor:pointer;}
a.back-link{color:#3a5a9d; text-decoration:none;}a.back-link:hover{color:#3a5a9d; text-decoration:none;}
.newsletter-imgwidth{max-width:75px; padding:4px; background-color:#f5f5f5; border:solid 1px #d7d7d7;}
.line-bottom{border-bottom:solid 2px #e5ebf5;}
.template-search input[type="text"]{padding:0px 10px 0px 10px;height:40px;font-size: 14px;background:#ffffff;color:#4a4949;border:1px solid #d7d7d7;border-right:hidden; outline:none; float:left; width:80%;}
.template-search button[type="button"]{padding:0px 15px 0px 10px;height:40px;border:1px solid #d7d7d7;border-left:hidden;color:#c3c3c3;background:#fff;float:left; width:20%;}
.template-img{width:100%; padding:5px; background-color:#f5f5f5; border:solid 1px #d7d7d7;}
a.template-btn{border:solid 1px #d3d3d3; color:#4a4949; padding:10px 5px; text-align:center; text-decoration:none; display:inline-block; width:100%;}
a.template-btn:hover{border:solid 1px #3a5a9d; background-color:#3a5a9d; color:#ffffff; padding:10px 5px; text-align:center; text-decoration:none; display:inline-block; width:100%;}
.plus-icon{background-color:#3a5a9d;padding:5px 7px; border-radius:50%; color:#ffffff;margin-bottom:-0.1px;}
.red-icon{background-color:#fe6262;padding:5px 7px; border-radius:50%; color:#ffffff; margin-bottom:-0.1px;}
.subscriber-list ul {margin:0; padding:0; border:solid 1px #e5ebf5;}.subscriber-list li{padding:10px 15px;border-bottom:solid 1px #e5ebf5; list-style:none; font-weight:normal;}
.subscriber-list li.unactive{padding:10px 15px;border-bottom:solid 1px #e5ebf5; color:#d7d7d7; list-style:none; font-weight:normal;}
.campaign-heading{padding:10px 15px;border:solid 1px #e5ebf5;}
.curve-line-bg{background:url(../images/curve-line.jpg) repeat-x; margin-top:50px; height:100px; background-position:top center;}
.layout-border{padding:15px 15px; border:solid 1px #d7d7d7; background-color:#ffffff;}
.layout-border1{border:solid 1px #d7d7d7; background-color:#ffffff;}
.sent-mail-btn{background-color:#037aa6; color:#ffffff; padding:7px 15px; width:100%;}
.delivered-btn{background-color:#3a5a9d; color:#ffffff; padding:7px 15px; width:98%;}
.form-bgborder{border:solid 1px #d7d7d7; background-color:#f0f0f0; padding:20px;}
.multi-color-btn ul{margin:0; padding:0; list-style:none;}.multi-color-btn ul li a{width:25px; height:25px; float:left;  margin-right:10px; border-radius:50%; text-decoration:none; list-style:none;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); margin-bottom:10px;}
.media-scroll{max-height:302px; overflow:auto;overflow-x:hidden; padding-right:20px; }
.media-img-area{width:100%; padding:5px; -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important;-moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important;box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important; border:solid 1px #ffffff;}
.media-img-area.select{width:100%; border:solid 1px #3a5a9d; padding:5px; -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important;-moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important;box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important; }
.media-img{ max-height:105px; min-height:105px;}
.form-preview{width:auto !important; max-width:650px;z-index: 1050;outline: 0; border-radius:0px !important;}
.close-preview{cursor: pointer;width: 48px;height: 44px;line-height: 44px;font-size: 45px;color: #ffffff;text-shadow: none;position: fixed !important;right:0px !important;top:0px !important;z-index: 1068; background-color:#000000; border:none;}
.world-map-width{width:100% !important; height:500px !important;}
.editor-img{padding:6px 10px; border:solid 1px #d6d6d6;}
.center-div{ margin:0 auto; float:inherit !important;}
.editor-btns{padding:4px 28px;color:#ffffff; border:solid 1px #4262a1; text-decoration:none; display:inline-block; cursor:pointer; text-transform:capitalize;border-radius:2px; min-width:200px;
background: rgba(66,127,197,1);
background: -moz-linear-gradient(top, rgba(66,127,197,1) 0%, rgba(66,100,162,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,127,197,1)), color-stop(100%, rgba(66,100,162,1)));
background: -webkit-linear-gradient(top, rgba(66,127,197,1) 0%, rgba(66,100,162,1) 100%);
background: -o-linear-gradient(top, rgba(66,127,197,1) 0%, rgba(66,100,162,1) 100%);
background: -ms-linear-gradient(top, rgba(66,127,197,1) 0%, rgba(66,100,162,1) 100%);
background: linear-gradient(to bottom, rgba(66,127,197,1) 0%, rgba(66,100,162,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427fc5', endColorstr='#4264a2', GradientType=0 );
}

/*  Placeholder color and IE Bydefault text field remove icon css
==========================*/
::-webkit-input-placeholder { /* Chrome */
  color: #8e8d8d;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #b7b6b6 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8e8d8d;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #8e8d8d;
}
input[type=text]::-ms-clear {
    display: none;
}

/*  tooltip
==========================*/
@media(min-width:240px){.red-tooltip + .tooltip > .tooltip-inner {background-color:#3a5a9d; font-family: raleway; padding:7px 10px; border-radius:0;min-width:150px !important; text-transform:capitalize; text-align:left;}
.red-tooltip + .tooltip > .tooltip-arrow { border-top-color:#3a5a9d; }}
@media(min-width:992px){.red-tooltip + .tooltip > .tooltip-inner {background-color:#3a5a9d; font-family: raleway; padding:7px 10px; border-radius:0;min-width:150px !important; text-transform:capitalize; text-align:left;}
.red-tooltip + .tooltip > .tooltip-arrow { border-right-color:#3a5a9d; border-top-color:#ffffff;}}
.tooltip{ z-index:0 !important;}

/*  media form login
==========================*/
.form-login{max-width:400px; margin: 0 auto; word-wrap: break-word;} 
@media(min-width:240px){.form-box{background: #fff;border-radius: 0 !important;-moz-border-radius: 0;-webkit-border-radius: 0;-webkit-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;-moz-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;padding:14px}}
@media(min-width:768px){.form-box{background: #fff;border-radius: 0 !important;-moz-border-radius: 0;-webkit-border-radius: 0;-webkit-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;-moz-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;padding:30px 35px;}}
.form-box input[type="email"],input[type="text"],input[type="password"]{border:solid 1px #dfdfdf;border-radius:0px;box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.2) !important; height:40px;} 
.form-box input[type="submit"]{background-color:#3a5a9d;padding:6px 8px;color:#ffffff;text-transform:capitalize;	border-radius:0px;margin-top:25px;font-size:17px; border-radius:20px;}
.form-box button[type="submit"]{background-color:#3a5a9d;padding:6px 8px;color:#ffffff;text-transform:capitalize;	border-radius:0px;margin-top:25px;font-size:17px; border-radius:20px;}

/*  editor design 
==========================*/
.ediotr-design-bg{background-color:#d4dede;  padding:8px 8px 5px 8px;}
.editor-design ul{margin:0; padding:0;}
.editor-design ul li{display:inline; list-style:none;}
.editor-design ul li button{background-color:#3a5a9d !important; padding:5px 7px; border:solid 1px #3a5a9d; color:#ffffff !important; min-width:30px; display:inline-block; text-align:center;  margin-bottom:5px;}
.editor-design ul li button:hover{background-color:#dfdfdf; padding:5px 7px; border:solid 1px #3a5a9d; color:#4a4949; text-decoration:none; cursor:pointer;}
.editor-text{font-weight:inherit;}
@media (max-width:767px){
.heading-list{position:absolute !important; height:200px;top: 33px;left: 0 !important;z-index: 1000;}}
@media (min-width:768px){
.heading-list{position:absolute !important; height:200px;top: 100%;right: 0 !important;z-index: 1000;}}
.heading-list > ul{ margin:0; padding:0;}
.heading-list > ul > li{float:none !important;}
.heading-list > li > a{ padding:5px 12px !important;}
.mylibrary{display:none; position:absolute; background:#494949; width:80%; padding:1%!important; z-index:2; height:190px;}
.mylibrary input[type="file"]{display:none!important;}
.mylibrary img{width:80px; height:60px; cursor:pointer; margin: 4px; border:2px solid #fff;}
.uploadedpic{width:84px; height:64px; display:inline-block; position:relative;}
.deleteimg{position:absolute; width:18px; height:18px; padding-top:2px; top:4px; right:0; display:none; background:#3a5a9d; color:#fff; text-align:center;}
.deleteimg a{color:#fff;}
.mylibrary .uploadedpic:hover .deleteimg{display:block;}
#bgcolor-button{position:relative;}
.mylibrary button{clear:both; display: block!important;}

/*  progress loader
==========================*/
@media (min-width:240px){
#donut1{position:absolute; font-family:'roboto'}
#donut1 path.color0{fill: #037aa6; }
#donut2 path.color0{fill: #3a5a9d;}
#donut3 path.color0{fill: #e2c500;}
#donut4 path.color0{fill: #f37b6c;}
#donut5 path.color0{fill: #703566;}
#donut6 path.color0{fill: #e53be3;}
path.color1{fill: #d7d7d7;}
}
@media (min-width:992px){
#donut1{position:absolute; margin-left:-23px;}
#donut2{position:absolute; margin-left:-23px; font-family:'roboto'}
#donut3{position:absolute; margin-left:-23px; font-family:'roboto'}
#donut4{position:absolute; margin-left:-23px; font-family:'roboto'}
#donut5{position:absolute; margin-left:-23px; font-family:'roboto'}
#donut6{position:absolute; margin-left:-23px; font-family:'roboto'}

}
@media (min-width:1200px){
#donut1{position:absolute; margin-left:-8px;}
#donut2{position:absolute; margin-left:-8px;}
#donut3{position:absolute; margin-left:-8px;}
#donut4{position:absolute; margin-left:-8px;}
#donut5{position:absolute; margin-left:-8px;}
#donut6{position:absolute; margin-left:-8px;}
}
#chart svg { height:350px;}.nv-label text{font-family: raleway;color: #606060;}#chart1 svg { height:350px;}
.nv-label text{font-family: raleway;color: #606060;}

/* ============================================================
 nav tabs
============================================================ */
.multi-tabs-nav ul{border-bottom:none !important;}
.multi-tabs-nav ul li a{background-color:transparent !important; border:none !important; color: #4a4949; padding: 7px 16px !important;}
.multi-tabs-nav ul li a:hover{background-color:transparent !important; border-bottom: solid 3px #3a5a9d !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
cursor: default;background-color:transparent !important;border:none !important;border-bottom: solid 3px #3a5a9d !important;
font-weight:600 !important;}

/* Switch Left Right
==========================*/
.switch{position:relative;display:block;vertical-align:top;width:80px;height:30px;padding:3px;margin:0;margin:0 auto;border-radius:18px;cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:10px;text-transform:uppercase;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15)}.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#aaaaaa;text-shadow:0 1px rgba(255, 255, 255, 0.5)}.switch-label:after{content:attr(data-on);left:11px;color:#FFFFFF;text-shadow:0 1px rgba(0, 0, 0, 0.2);opacity:0}.switch-input:checked ~ .switch-label{background:#3a5a9d;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)}.switch-input:checked ~ .switch-label:before{opacity:0}.switch-input:checked ~ .switch-label:after{opacity:1}.switch-handle{position:absolute;top:4px;left:4px;width:28px;height:28px;background:linear-gradient(to bottom, #FFFFFF 40%, #e5ebf5);background-image:-webkit-linear-gradient(top, #FFFFFF 40%, #e5ebf5);border-radius:100%;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2)}.switch-handle:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom, #eeeeee, #FFFFFF);background-image:-webkit-linear-gradient(top, #eeeeee, #FFFFFF);border-radius:6px;box-shadow:inset 0 1px rgba(0, 0, 0, 0.02)}.switch-input:checked ~ .switch-handle{left:54px;box-shadow:-1px 1px 5px rgba(0, 0, 0, 0.2)}.switch-label,.switch-handle{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease}

/* ============================================================
  image hover 
============================================================ */
#element1:hover + #element2 a{background:#3a5a9d;color:#ffffff;border:solid 1px #3a5a9d}
.tem-hover a i{color:#fff;position:relative;margin-top:55%;cursor:pointer}
@media (min-width:600px) and (max-width:767px){.tem-hover a i{color:#fff;position:relative;margin-top:65%;cursor:pointer}}
.delete-right{position:absolute !important;right:10px !important;bottom:10px}.effects .img{position:relative;float:left;width:100%;overflow:hidden}.effects .img:nth-child(n){margin-right:5px}.effects .img img{display:block;max-width:100%;height:auto;}
.overlay{display:block;position:absolute;z-index:20;background:rgba(0, 0, 0, 0.7);overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.expand{position:absolute;z-index:100;text-align:center;color:#fff;font-weight:normal;font-size:20px;margin:auto;left:0;right:0;top:0;bottom:0;width:100%;height:100%;line-height:100%}
#effect-2 .overlay{top:0;left:0;right:0;width:100%;height:0}
#effect-2 .overlay a.expand{left:0;right:0;top:50%;margin:-30px auto 0 auto}
#effect-2 .img.hover .overlay{height:100%}
@media (min-width:240px){
.form-preview-width{ width:50%; float:left; padding:0px 10px;}}
@media (min-width:768px){
.form-preview-width{ width:25%; float:left; padding:0px 10px;}}
@media (min-width:992px){
.form-preview-width{ width:25%; float:left; padding:0px 15px;}}
@media (min-width:1200px){
.form-preview-width{ width:20%; float:left; padding:0px 20px;}}
/* ============================================================
  image cross hover 
============================================================ */
.image-cross {float:left;position:relative; }
a.delete { display:none;position:absolute;top:0;right:0;padding:7px 10px; color:#ffffff;background:#3a5a9d; cursor:pointer; }
.image-cross:hover a.delete { display:block; }

/* ============================================================
  select file 
============================================================ */
.inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1; fo}.inputfile + label{max-width:100%;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;}.no-js .inputfile + label{display:none}

/* ============================================================
  Safari drag and drop
============================================================ */
.safaridrop-box{width: 100%;text-align: center;border: dashed 1px #a7a7a7;min-height: 200px;}
.file-layout{font-size: 14px;color: #000000;background-color: #f5f5f5;padding: 5px;float:left;width: 100%;}

/* ============================================================
  drag and drop
============================================================ */
.drop_uploader.drop_zone{width:100%;text-align:center;border:dashed 1px #a7a7a7; min-height:200px;}.drop_uploader.drop_zone .text_wrapper{margin-top:0px}.drop_uploader.drop_zone .text_wrapper i{font-size:50px; font-style:normal; color:#9B9B9B;position:relative;top:14px}.drop_uploader.drop_zone .text{font-size:14px;color:#606060; float:left;width:100%;}@media (min-width:240px){.drop_uploader.drop_zone a{font-size:15px;color:#9B9B9B;background-color:#ebebeb;padding:7px 20px;border:solid 1px #d7d7d7;color:#4a4949;display:inline-block;margin-top:10px}}
@media (min-width:768px){.drop_uploader.drop_zone a{font-size:15px;color:#9B9B9B;background-color:#ebebeb;padding:6px 20px;border:solid 1px #d7d7d7;color:#4a4949}}.drop_uploader.drop_zone ul.files{width:100%;margin:0;text-align:left;list-style:none; padding:10px 10px}.drop_uploader.drop_zone ul.files li{font-size:14px;color:#000000;background-color:#f5f5f5;border-top:2px solid #f5f5f5;border-bottom:2px solid #f5f5f5; margin-top:10px; padding:5px; display:inline-block; width:100%}.drop_uploader.drop_zone ul.files.thumb{width:100%;text-align:left;list-style:none;margin-bottom:35px;overflow:auto}.drop_uploader.drop_zone ul.files.thumb li{width:110px;display:inline-block;float:left;font-size:14px;color:#000000;background-color:transparent;border:none;margin:0;padding:5px 15px;text-align:center}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail{width:100px;height:100px;background-size:cover;margin:0 auto;border:1px solid #d7d7d7;border-radius:0}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i:before{font-size:30px;position:relative;top:calc(50% - 24px);color:#c6c4c4;content: "\f016";font-family: FontAwesome;}.drop_uploader.drop_zone ul.files.thumb li span.title{width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:13px;color:#4a4949}.drop_uploader.drop_zone ul.files li:nth-child(even){background-color:transparent}.drop_uploader.drop_zone ul.files li i:before{font-size:20px;position:relative;top:2px;margin:0px 10px; color:#c6c4c4;content: "\f016";font-family: FontAwesome;}.drop_uploader.drop_zone .errors p{color:#FF0000}.drop_uploader.drop_zone input[type=file]{display:none;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.file-btn{background-color:#ebebeb;padding:10px 20px;border:solid 1px #d7d7d7;color:#4a4949}.pe-7s-cloud-upload:before{font-family:'icomoon' !important;content:"\e914";color:#dbdbdb;font-size:65px}

/* =========================================================================================================================
 new add plugins css and  Upadtion css start 
========================================================================================================================= */
/* Pnotify by Hunter Perrin :: 2.0.1 */
.ui-pnotify {top: 25px;right: 25px;position: absolute;height: auto;/* Ensures notices are above everything */z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body > .ui-pnotify {position: fixed;}
.ui-pnotify .ui-pnotify-shadow {-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);}
.ui-pnotify-container {background-position: 0 0; padding: .8em;height: 100%;margin: 0;}
.ui-pnotify-sharp { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.ui-pnotify-title { display: block; margin-bottom: .4em; margin-top: 0;}
.ui-pnotify-text { display: block;}
.ui-pnotify-icon, .ui-pnotify-icon span {display: block; float: left; margin-right: .2em;}
/* Alternate stack initial positioning. */

.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft {
  left: 25px;
  right: auto;
}
.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft {
  bottom: 25px;
  top: auto;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
  float: right;
  margin-left: .2em;
}

/* theming */
.alert-success { color: #ffffff; background-color: rgba(38, 185, 154, 0.88);border-color: rgba(38, 185, 154, 0.88);}
.alert-info {color: #E9EDEF;background-color: rgba(52, 152, 219, 0.88); border-color: rgba(52, 152, 219, 0.88);}
.alert-warning {color: #E9EDEF; background-color: rgba(243, 156, 18, 0.88); border-color: rgba(243, 156, 18, 0.88);}
.alert-danger, .alert-error { color: #E9EDEF; background-color: rgba(231, 76, 60, 0.88); border-color: rgba(231, 76, 60, 0.88);}
.alert-dark, .btn-dark { color: #E9EDEF; background-color: rgba(52, 73, 94, 0.88); border-color: rgba(52, 73, 94, 0.88);}
.btn-dark:hover {color: #F7F7F7;}

/* /theming */
/* /Pnotify by Hunter Perrin :: 2.0.1 */

/* multi campign select */
.multi-cam-list{width:94%;border:solid 1px #f4f4f4;margin-top:0px;position:absolute;background-color:#FFF;
max-height:300px;overflow:auto;	-webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important;-moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important;box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2) !important; z-index:11;}
.multi-cam-list ul{margin:0;padding:0;}
.multi-cam-list ul li{padding:8px 15px;border-bottom:solid 1px #f4f4f4;list-style:none;font-size:13px;}

/* disable button */
.disableGreenbtn{background:#95d195 !important;color:#e8e7e7; border:solid 1px #8bca8b !important;; text-decoration:none; 
display:inline-block; cursor:default !important;}
.disableGreybtn{border:solid 1px #e3e2e2 !important; background-color:#f2f0f0 !important; color:#bcb9b9 !important;text-decoration:none; 
display:inline-block; cursor:default !important;}
.more-text{white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.field-hidden{border:none !important; width:100%;}

/* ============================================================
  paging field
============================================================ */
.pagination-nxt-pre ul{ margin:0; padding:0;}
.pagination-nxt-pre ul li{float:left; list-style:none;  height:24px; line-height:24px;}
.pagination-nxt-pre li a{ padding:0px 10px; border:solid 1px #c9c9c9; background-color:#ffffff; text-decoration:none; display:inline-block; color:#303030}
.pagination-nxt-pre li a:hover{background-color:#e5ebf5;}
.pagination-nxt-pre li a.hidden-left{ border-left:hidden;}
.paging-field input[type="text"] { border:solid 1px #d7d7d7; width:50px;  padding:0px 5px; height:26px; }
.paging-field select { border:solid 1px #d7d7d7; width:90%; padding:0px 0px; height:26px; width:50px; box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box; line-height:21px}


/* ============================================================
  lightbox
============================================================ */
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000000;opacity:0.7;display:none;z-index:1042}.sl-wrapper{z-index:1000}.sl-wrapper button{border:0 none;background:transparent;font-size:24px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:0px;top:0px;z-index:1068;color:#ffffff;background-color:#0c0d0c;width:48px;height:44px;line-height:44px;font-size:45px}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-align:center;display:block;z-index:10685;font-size:65px;color:#ffffff}.sl-wrapper .sl-navigation button.sl-next{right:10%}.sl-wrapper .sl-navigation button.sl-prev{left:10%}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block}.sl-wrapper .sl-image iframe{border:0 none;background:#000}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:#3a5a9d;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:-40px;}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:1005}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes "pulsate"{0%{transform:scale(0.1);opacity:0.0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}@keyframes "pulsate"{0%{transform:scale(0.1);opacity:0.0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}@-moz-keyframes "pulsate"{0%{transform:scale(0.1);opacity:0.0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}@-o-keyframes pulsate{0% { transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}} @-ms-keyframes pulsate{0% { transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0;}}


/* ============================================================
  Info page css
============================================================ */
/*.info-bg{background: linear-gradient(to bottom, #3a5a9d 55%, #ffffff 55%, #ffffff 55%);background-image: -webkit-linear-gradient(top, #3a5a9d 45%, #ffffff 45%, #ffffff 45%); background-attachment:fixed; background-repeat: no-repeat;}*/
.info-bg{ background:url(../images/info-bg.jpg) repeat-x #ffffff top center; }
.info-bg img{margin-top:75px;}
.info-box-width{  background-color:#FFF; margin:auto; float:inherit !important; border-radius:10px 10px 0px 0px;  position:absolute; left:0; right:0; top:192px; padding:20px 15px 15px 15px;}
.info-box-width:before{content:'';position:absolute;top:53px;right:100%;width: 0;height: 0;border-style: solid;border-width:100px 0px 0px 35px;border-color: #f4f4f4 transparent transparent }
.info-box-width:after {content:'';position:absolute;top:53px;left:100%;width: 0;height: 0;border-style: solid;border-width: 100px 35px 0 0;border-color: #f4f4f4 transparent transparent;}

/* ============================================================
  Correction and updation css
============================================================ */
.bluering{color:#037aa6;}
.bluering:hover{color:#037aa6;text-decoration:none;}
.number{display:inline-block;}
.sentpadding{padding-left:0;} .delpadding{padding-right:0px; padding-left:5px;}
.listdisplay{display:none;}
a.backbtn{border:1px solid #d2d2d2; padding:9px 32px;color:#4a4949;background:#f9f9f9;}
a.backbtn:hover{border:1px solid #d2d2d2;background:#f9f9f9;outline:none;text-decoration:none!important;}
.greysection{padding:15% 0;}
.lightgrey{color:#b7b7b7;}
.layout-bordered{padding:15px 20px; border:solid 1px #d7d7d7; background-color:#ffffff;}
.thright{width:5% !important;}
.more-word{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.more-word1{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:0px;}
.more-word2{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; margin-top: -23px;margin-left: 30px; display:inherit;}
.break-word{ word-wrap:break-word; max-width:0px;}
.table-header-checkbox{width:78px !important; min-width:78px !important;}
.template-active-icon{ position:absolute; top:0; left:0; right:0; text-align:center; margin:0 auto; background:#3a5a9d;color:#ffffff; width:50px; height:50px; line-height:50px; border-radius:50%; margin-top:50%; font-size:25px;}
@media (min-width:481px) and (max-width:991px){.icon-space{margin-top:2.5% !important;}.icon-space1{margin-top:1.5% !important;}}
@media (min-width:768px) and (max-width:991px){.btn-space{padding:0px !important;}}
@media (min-width:240px){
.sent-mail-btn2{background-color:#037aa6; color:#ffffff; height:37px; line-height:37px;display:inline-block;}
.sent-mail-btn1{background-color:#037aa6; color:#ffffff; height:37px; line-height:37px;display:inline-block;}
.delivered-btn1{background-color:#3a5a9d; color:#ffffff; height:37px; line-height:37px; display:inline-block;}
.delivered-btn2{background-color:#3a5a9d; color:#ffffff; height:37px; line-height:37px;display:inline-block;}	
.table-header-checkbox1{width:46px !important; min-width:46px !important;}
.more-word3{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:91px; min-width:91px;}
.more-word4{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:58px; padding-top:27px;}
}
@media (min-width:768px){
.sent-mail-btn2{background-color:#037aa6; color:#ffffff; height:37px; line-height:37px; display:inline-block;}
.sent-mail-btn1{background-color:#037aa6; color:#ffffff; height:37px; line-height:37px;display:inline-block;}
.delivered-btn1{background-color:#3a5a9d; color:#ffffff; height:37px; line-height:37px;display:inline-block;}
.delivered-btn2{background-color:#3a5a9d; color:#ffffff; height:37px; line-height:37px;display:inline-block;}	
.more-word3{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:116px; padding-top:19px; min-width:inherit;}
.more-word4{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:60px; padding-top:27px;}
}
@media (min-width:992px){
.sent-mail-btn2{background-color:#037aa6; color:#ffffff; height:45px; line-height:45px; display:inline-block;}
.sent-mail-btn1{background-color:#037aa6; color:#ffffff; height:45px; line-height:45px; display:inline-block;}
.delivered-btn1{background-color:#3a5a9d; color:#ffffff; height:45px; line-height:45px; display:inline-block;}
.delivered-btn2{background-color:#3a5a9d; color:#ffffff; height:45px; line-height:45px; display:inline-block;}
.table-header-checkbox1{width:78px !important; min-width:78px !important;}	
.more-word3{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:150px; padding-top:12px; min-width:inherit;}
.more-word4{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:95px; padding-top:19px;}
}
@media (min-width:1200px){
.sent-mail-btn2{background-color:#037aa6; color:#ffffff; display:inline-block;height:45px; line-height:45px;}
.sent-mail-btn1{background-color:#037aa6; color:#ffffff; display:inline-block;height:45px; line-height:45px;}
.delivered-btn1{background-color:#3a5a9d; color:#ffffff; display:inline-block;height:45px; line-height:45px;}
.delivered-btn2{background-color:#3a5a9d; color:#ffffff; display:inline-block;height:45px; line-height:45px;}
.more-word3{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:160px;padding-top:0px; min-width:inherit;}
.more-word4{white-space: nowrap;text-overflow:ellipsis;overflow: hidden; max-width:135px;}
}
.font-normal{font-weight:normal !important;}
/*.nv-legend > g{
transform: translate(0px, 5px) !important;
-ms-transform: translate(0px, 5px) !important;
-webkit-transform: translate(0px, 5px) !important;
-moz-transform: translate(0px, 5px) !important;
-o-transform: translate(0px, 5px) !important;
}*/
/*============================================================
Loader Images
============================================================ */
@media (min-width:240px){
.small-loader{ width:20%; padding-bottom:5px;}}
@media (min-width:600px){
.small-loader{ width:auto; padding-bottom:5px;}}
@media (min-width:992px){
.small-loader{ width:20%; padding-bottom:5px;}}
.big-loader{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto; padding:5px 0px;}
.newslettter-loader{width:10%; padding-bottom:5px; display:inline-block}
div#preloader{position: fixed;left: 0;top: 0;right:0;bottom:0;z-index: 99999;width: 100%;height: 100%;overflow: visible;	background: rgba(255,255,255,0.6) url(../images/loader.gif) no-repeat center center;}
