@charset "utf-8";
/* CSS Document */

body{ margin:0px;  padding:0px; background:#e5e5e5; font-family:"Segoe UI", Arial, Tahoma; font-size:14px; color:#333;}
	#mainwrapper{ width:100%; margin:5px auto; }
	#mainheader{ margin:0px;}
	#header{ height:70px;padding:12px; background:url('../Images/bg.jpg') repeat-x;   }
		.logo{ width:233px; height:46px; background:url(../images/omni_main_logo.png) no-repeat; float:left;}
		.login{ width:600px; float:right; text-align:right; font-size:16px; color:#FFF;}
		.login a{ text-align:right; font-size:16px; color:#FFF; text-decoration:none;}
		.login a:hover{ font-weight:bold; text-decoration:underline;}
		
		.changepwd a{ font-size:16px; color:#732C7A; text-decoration:none;}
		.changepwd a:hover{ font-weight:bold; text-decoration:underline;}
		
	#middle{ background:#FFF; min-height:460px; padding:12px;}
		.loginform{ width:661px; height:285px; background:url(../images/loginbg.jpg) no-repeat center top; margin:10px auto;}
		.loginf1{ width:256px; height:35px; background:url(../images/loginfbg.png) no-repeat; border:none; 
		font-size:15xp; font-style:italic; padding:0 5px; color:#7f7f7f;}
		.heading{ font-size:21px; color:#732c7b; border-bottom:1px dashed #bdaec6; padding-bottom:5px; margin-bottom:15px;}
		.form{ color:#343333; font-size:15px;}
		.form span{ color:#F00; margin-left:1px;}
		.ff1{ width:344px; height:27px; border:1px solid #cccccc;}
		
		.stdControls{width:230px; height:25px; border:1px solid #cccccc;}
		
		.ff2{ width:344px; height:77px; border:1px solid #cccccc; font-family:"Segoe UI", Arial, Tahoma; font-size:13px;}
		.ff3{ width:348px; height:29px; border:1px solid #cccccc; padding:4px;}
		.capprove{ width:415px; height:129px; -webkit-border-radius: 6px; border:1px solid #dadada; 
		background:url(../images/capprovebg.png) repeat-x top; padding:15px 56px 15px 15px; font-size:14px; color:#343333; text-align:left; margin-bottom:22px;
		-moz-border-radius: 6px;
		border-radius: 6px;}
		.capprove:hover{ border:1px solid #cccccc; background:white no-repeat 430px center ;}
		.capprove img{ float:left; margin-right:10px;}
		.capprove h2{ font-size:19px; font-weight:normal; color:#7f3388; margin-bottom:10px;}
		.acampaign{ width:100%; height:130px;  border:1px solid #dadada; background:url(../images/capprovebg.png) repeat-x top; 
		padding:10px 0px 0px 10px; font-weight:600;
		text-align:left; margin-bottom:22px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;}
		.acampaign:hover{ border:1px solid #cccccc; background:#fff;}
		.acampaign img{ float:left; margin-right:10px;}
		.acampaign h3{ font-size:17px; color:#7f3388; font-weight:normal; margin-bottom:15px;}
		.customer{ width:431px; height:153px; font-size:30px; color:#343333; vertical-align:middle; 
		border-right:1px dashed #CCC; float:left; padding-top:22px;}
		.customer img{ float:left; margin-right:15px;}
		.chave{ font-size:17px; color:#3b3b3b;}
		.have{ width:33px !important; height:32px !important; background:url(../images/chavebg.png) no-repeat;}
	#footer{ height:19px; background-color:White; border-radius:0 0 5px 5px; margin-top:2px; font-size:14px; color:#313131; padding:12px; text-align:right;}
	
	
	
	.clearb{ clear:both;}
	h1, h2, h3, p{ margin:0px; padding:0px;}
	
	
/* ######### Top menu ######### */

.mattblackmenu ul{
	margin: 0;
	padding: 0;
	font: normal 15px "Segoe UI", Arial, Tahoma;
	list-style-type: none;
 	overflow: hidden;
	width: 100%;
	
}

.mattblackmenu li{
display: inline;
margin: 0;text-align:left;

}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 18px; /*padding inside each tab*/
border-right: 1px solid #cfcfcf; /*right divider between tabs*/
color: #525151;  

}

 

.mattblackmenu li a:hover{
background:#fff; color:#6e2876;/*background of tabs for hover state */
}

.mattblackmenu a.selected{
background:#fff; color:#6e2876;  /*background of tab with "selected" class assigned to its LI */
}




/* ######### top menu drop down ######### */

.ddbg{ height:36px; background:#eeeeee; border-bottom:1px solid #cfcfcf;}
.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
	font: normal 13px "Segoe UI", Arial, Tahoma;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: white;
	border-bottom:1px solid #CCC;
	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none; text-align: left;
}

.ddsubmenustyle li a{
display: block;
width: 170px; /*width of menu (not including side paddings)*/
color: #5c5b5b;
background-color: #eeeeee;
text-decoration: none;
padding: 4px 5px;

}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background:#fff; 
color: #6e2876;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}


#tablea
{

}




#box-table-b
{
	font-family:"Segoe UI", Arial, Tahoma;
	font-size: 13px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-top: 7px solid #f0c3f5;
	border-bottom: 7px solid #f0c3f5;
}
#box-table-b th
{
	font-size: 15px;
	font-weight: 600;
	padding: 8px;
	background: #eeeeee;
	border-right: 1px solid #f0c3f5;
	border-left: 1px solid #f0c3f5;
	border-bottom:3px solid #a748b2;
	color: #7f3388;
}
#box-table-b td
{
	padding: 8px;
	background: #fff; 
	border-right: 1px solid #f0c3f5;
	border-left: 1px solid #f0c3f5;
	border-bottom:1px solid #f0c3f5;
	color: #333333;
}



.stdBorderLeft
{
    font-size: 13px;
	
	padding: 2px;
	background: #eeeeee;
	border-top: 7px solid #f0c3f5;
	border-right: 1px solid #f0c3f5;
	border-left: 1px solid #f0c3f5;
	border-bottom:3px solid #a748b2;
	color: #7f3388;
    
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.stdgrdright
{
    border-top: solid 1px #BFBFBF;
    border-left: solid 1px #BFBFBF;
    height: 20px;
    padding: 2px;
    
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.stdBorderRight
{
    font-size: 13px;
	border-top: 7px solid #f0c3f5;
	padding: 2px;
	background: #eeeeee;
	border-right: 1px solid #f0c3f5;
	border-left: 1px solid #f0c3f5;
	border-bottom:3px solid #a748b2;
	color: #7f3388;
   
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.stdContentLeft
{
    font-size: 13px;
    border-bottom: solid 1px #f0c3f5;
    border-left: solid 1px #f0c3f5;
    color: #333333;
    height: 30px;
    padding: 2px;
    
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.stdContentRight
{
    font-size: 13px;
    border-bottom: solid 1px #f0c3f5;
    border-left: solid 1px #f0c3f5;
    border-right: solid 1px #f0c3f5;
    color: #333333;
    height: 30px;
    padding: 2px;
    
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

.GridAlternateRowColor
{
 background-color:#fff;	
}


.modalBackground
{
	background-color:gray;
    filter:alpha(opacity=70);
    opacity:0.7; 
}

.trHeight
{
	height:40px;
}


.btnControls
{
	margin-top:15px;
	margin-right:35px;
	cursor:pointer;
	margin-bottom:30px;
	width:90px;

border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 7px 7px 7px 7px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #A844B4;
 background-image: linear-gradient(to bottom,  #A844B4,#A844B4);
 font-size:13px;
 }
 
 .ErrorMsg
{
	  width:100%; text-align:center;  color:Red; 
}

.txt_box
{	
	padding:2px 5px;
	width:136px;
	border: 1px solid #CCCCCC;
    height: 25px;
}

.dd_List
{
	border: 1px solid #CCCCCC;
	height:26px;
	padding:2px 5px;
}

.grid_css
{
	border-collapse:collapse;
	border:solid thin #FFB9FF;
	width:100%;
}

.grid_css td,.grid_css th
{
	border:solid thin #FFB9FF;
	padding:2px 5px;
    font-size: 13px;
    color: #333333;
    font-size: 13px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}
.grid_css th
{
	background-color:#EEEEEE;
	border-color: #F0C3F5 #F0C3F5 #A748B2;
    border-style: solid;
    border-width: 7px 1px 3px;
    color: #7F3388;
}
.grid_css td a
{
    color:#7F3388;
    font-weight:bold;
}

.addNew a{float:right;text-decoration:underline;cursor:pointer; font-size:14px;padding-top:10px;color:#732C7C;}
.addNew a:hover{font-weight:bold;color:#732C7C;}
.stdMandatory
{
    color: Red;
    font-size: 13px;
}

.stdButtonStyle
{
    color: white;
    font-weight: normal;
     background-color: #893992;
    /*border: 1px solid Black;*/
    height: 35px;
   min-width: 100px;
    /*border-radius: 5px;*/
	border:none;
}
.stdButtonStyle:hover
{
    /*color:Black;
    font-family: :Segoe UI;
    font-weight: bold;
    background-color:f1f1f1;*/
    /*border: 2px solid #893992;
    height: 35px;
    /*width: 100px;
    border-radius: 5px;*/
}
.stdControls {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #A0988E;
    border-radius: 3px;
    font-family: Calibri;
    font-size: 15px;
    height: 27px;
    margin: 0;
    padding: 3px;
    width: 210px;
}#overLayBackground
{
    background-color: rgb(250, 250, 250);
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity: 0.25; /* FireFox */
    filter: alpha(opacity=70); /* IE */
    z-index: 200;
    height: 100%;
    width: 100%;
    background-repeat: repeat;
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    line-height: 240px;
}

#overLayBackground > img
{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.addNew a {
    color: #732C7C;
    cursor: pointer;
    float: right;
    font-size: 14px;
    padding-top: 10px;
    text-decoration: underline;
}
.addNew a:hover {
    color: #732C7C;
    font-weight: bold;
}

.omni-head {
	width:49.7%;
	text-align:center;
	line-height:44px;
	background-color:#c1cbd6;
	font-size:18px;
	float:left;
	color:#fff;
	}
	
.pop-column {
	width:49%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
	
	#myModal .modal-body {
		padding:0px;
		}
		
	#myModal .modal-content {
		border-radius:0px;
		}
		
/*.pop-column	input[type="checkbox"] {
		width:22px;
		height:22px;
		margin-right:10px;
		float:left;
		border:solid 1px #ccc!important;
		}*/
.pop-column	label {
	line-height:30px;
	font-weight:normal;
	font-size:16px;
	color:#33475b
	}
	
	/***********/
	
	.squaredFive {
  /*width: 30px;*/
  position: relative;
  float:left;
  display:ionline-block;
  width:100%;
  margin-bottom:6px;
}
.squaredFive label {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left:0px;

  border:solid 1px #333;

}
.squaredFive label:after {
  content: '';
  width: 22px;
  height: 22px;
  position: absolute;

background:url(../mailimages/checkbox.jpg) center 
}
.squaredFive label:hover::after {
  opacity: 1;
  color:#fff;
  
}
.squaredFive input[type=checkbox] {
  visibility: hidden;

}
.squaredFive input[type=checkbox]:checked + label:after {
  opacity: 1;
  width:24px;
  height:24px;
	
background:url(../mailimages/checkbox-checked.jpg)
}
.squaredFive span {
	float:left;
	margin-left:32px;
	line-height:28px;
	font-size:16px;
	
	}
/* end .squaredFive */


.template-head {
	width:100%;
	/*background-color:#f5f8fa;*/
	margin-bottom:10px;
	float:left;
	padding:10px;
	}
.template-logo {
	float:left;
	margin-right:10px;
	position:relative
	}
	
.template-title {
	height:100px;
	width:466px;
	float:left;
	position:relative;
	
	}
	
.pallet {
	position:absolute;
	top:0px;
	right:0px;
	background:url(../mailimages/pallet.jpg)
}
.template-title .color {
	filter: alpha(opacity=0);
	opacity: 0;
	width:20px;
	height:20px;
	}
	
.template-title input[type="text"] {
	font-size:20px;
	color:#990000;
	border:none;
	width:100%;
	background-color:transparent;
	height:100px;
	text-align:center
}
.template-pic {
	width:100%;
	float:left;
	position:relative
	}	
.template-footer {
	width:100%;
	background-color:#c1cbd6;
	line-height:47px;
	font-size:14;
	color:#000;
	text-align:center;
	margin-top:10px;
	position:relative;
	float:left;
	}
.template-footer input[type]{
	width:100%;
	border:none;
	height:48px;
	background-color:#3d7eeb;
	color:#fff;
	text-align:center
	}	
.template-footer span {
	color:#fff;
	float:right;
	fontp-size:12px;
	position:absolute;
	right:10px;
	top:10px;
	}
	

	
.plus-container input[type="file"] {
	
	background-color:transparent;
	border: 0px;
	font-size: 0px;
	width:24px;
	height:24px;
	filter: alpha(opacity=0);
	opacity: 0;
	}
	
.plus-container {
	position:absolute;
	top:5px;
	right:5px;
	width:20px;
	height:20px;
	overflow:hidden;
	background:url(../mailimages/plus.jpg);
	}
input:focus {
	outline:none;
	}
/********  template 2 *********/
.template-2 {
	width:100%;
	float:left;
	margin-top:20px;
	border:dotted 2px #f1d412
	}
	
.template-2 .template-title input[type="text"] {
	font-weight:bold;
	color:#0099FF;
	font-size:22px;
	text-align:center
}

.template-2 .template-pic {
	position:relative;
	}

.positioned-text-1 {
	width:100%;
	position:absolute;
	bottom:0px;
	background:rgba(0, 0, 0, 0.7);
	
	padding:30px;
	box-sizing:border-box;
	moz-box-sizing:border-box;
	}
	
.positioned-text-1 textarea{
	width:100%;
	height:140px;
	max-height:140px;
	overflow:hidden;
	resize: none;
	color:#fff;
	text-align:center;
	font-size:16px;
	background:transparent;
	border:none;
}
.template-2 .template-footer input[type]{
	background-color:#f1d412;
	color:#000
	}
	
.email-thumb {
	width:160px;
	margin:0 16px;
	float:left;
	}
.select-template-row {
	width:100%;
	}
.select-template {
	width:9%;
	float:left;
	margin-right:1%;
	text-align:center
	}
.select-template img {
	width:100%;
	}

	/*********************/

.container {
    width:100%;
    max-width:1360px;
    margin:auto;
}
.compose-left {
    width:70%;
    float:left;
}
.compose-right {
    width:30%;
    float:left;
}
.full-col {
     width:100%;
     float:left;
     flex-wrap: wrap;
     display: flex;
}

.form-margin {
    margin-bottom:36px;
}

.compose select, .compose input[type="text"] {
    width:100%;
    height:32px;
    padding-right:10px;

}
.compose textarea {
    height:117px;
    width:100%;
    padding:10px;

}

.mybut {
    width:100%!important;
    border-radius:0px!important;
    text-align:left!important
}

.mybut .caret {
    float:right;
    margin-top:-12px;
}
.myselect .dropdown-menu {
    width:100%;
}
.myselect .dropdown-menu li {
    padding:0 10px;
    height:32px;
}

.font-sm {
    font-size:12px;
}

.compose h3 {
    font-size:16px;
    color:#4a63ff;
    font-weight:500;
    text-transform:uppercase;
    display:inline-block;
    width:100%;
}

.mesage-but {
    width:100%;
    padding:10px;
    background-color:#eff5f7;
    border:solid 1px #cbd6e2;
    float:left
}

.message-icon {
    float:left;
    margin-right:15px;
}

.message-desc {
    width:74%;
    float:left;
   font-size:12px;
   cursor:pointer;
}

.mesage-but h3 {
    font-weight:600;
    color:#484848;
    text-transform:inherit;
    margin:0px 0 6px 0
}
.togglebut {
    float:right;
    margin-top:17px;
    z-index:100
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4a63ff;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*******************/

.drop-content {
    width:100%;
    border:solid 1px #cbd6e2;
    background-color:#f7fdff;
    padding:10px;
    font-size:12px;
    float:left;
}

.drop-content h3 {
    font-weight:600;
    color:#484848;
    text-transform:inherit;
    margin:0px 0 6px 0
}
.drop-content input[type="text"] {
    width:100%;
}

.message-row {
    margin-bottom:10px;
    float:left;
}

.compose .nav-tabs {
    border:none;
}

.compose .nav > li > a {
    padding: 5px 15px;
}
.compose .nav-tabs > li.active > a, .compose .nav-tabs > li.active > a:focus{
    background-color:#353d64;
    color:#fff;
}

.compose .owl-carousel .owl-dot {
    width:10px;
    height:10px;
    border-radius:100%;
    background-color:#484848;
    display:inline-block;
    margin:5px
}
.compose .owl-carousel .owl-dot.active {
    background-color:#4a63ff;
}
.android-phone {
    width:273px!important;
    height:523px;
    background:url(../Images/android-phone.png);
    margin-left:60px;
}

.compose .owl-dots 
{
    position:absolute;
    top:100%;
    text-align:center;
    width:100%;
}

.compose .owl-nav 
{
    position:absolute;
    top:48%;
    width:100%;
}

.compose .owl-nav .owl-prev, .compose .owl-nav .owl-next
{
    width:39px;
    height:39px;
    background:url(../Images/prev.png);
    left:-40px;
    position:absolute;
    font-size:0px;
}

.compose .owl-nav .owl-next
{
   left:100%;
   background:url(../Images/next.png);
}

.android-content-1 
{
    width:237px;
    padding:10px;
    background-color:#fff;
    margin: 54px 0 0 19px;
    display:inline-block;
}

.and-icon {
    width:33px;
    height:33px;
    float:left;
    margin-right:10px;
    background-color:#ccc;
    border-radius:100%;
}

    .and-icon img {
         border-radius:100%;
    }

.and-desc {
    width:173px;
    float:left;
    font-size:12px;
    line-height:14px;
}
.and-desc h3 {
    font-size:14px;
    font-style:uppercase;
    margin:0px 0 3px 0;
    color:#333
}
.and-pic {
    width:100%;
    float:left;
    margin-top:15px;
}
    .and-pic img {
        width: 100%;
    }

.android-content-2 
{
    width:237px;
    padding:10px;
    background-color:#fff;
    margin: 260px 0 0 19px;
    display:inline-block;
}

.ios-phone {
    width:273px!important;
    height:550px;
    background:url(../Images/ios-phone.png);
    margin-left:60px;
}

#ios .android-content-1 {
    margin: 64px 0 0 17px;
}

#ios .android-content-2 {
    margin: 260px 0 0 17px;
}