#pegination {
		width: 95% !important;
		border: 0 !important;
	}
	.active{
    color: #ccc;
	}
	a{
		text-decoration:none;
		display:block;
	}
	.rightaddnewbutton4 form {
    float: left;
    width: 50%;
}
.rightaddnewbutton4 input {
    width: 64%;
    float: left;
    padding: 1.9% 0.8%;
    margin: 0 1%;
}
.rightaddnewbutton4 {
    width:70%;
    float: right;
    margin: 0 0 2% 0;
    padding: 0;
}
.rightaddnewbutton4 form input[type="submit"] {
    width: 29%;
    float: left;
    padding: 2.4% 0;
}
	.rightaddnewbutton4 button[type="button"] {
    width: 31%;
    margin: 0 0 0 2%;
    border: 0;
    padding: 8.5px 10px;
    font-size: 1em;
    outline: none;
    color: #ffffff;
    float: left;
    background: #c81c1d;
}
.btn-info {
    width: 10% !important;
    float: right;
    margin: 0 0.3%;
    font-size: 1.1em;
    cursor: pointer;
    color: #fff;
    background-color: #c50e0e;
    border-color: #c50e0e;
    padding: 0.7%;
}
body{
	margin:0;
	padding:0; 
	background-image:url(../images/11947.jpg);
	   font-family: 'Josefin Sans', sans-serif;
	background-size:100%;
} 
#light1 form input {
    width: 100%;
    float: left;
    margin: 2% 0;
    padding: 2%;
}
#light1 textarea{
	width: 100%;
    float: left;
    margin: 2% 0;
    padding: 2%;
}
#light1 form label {
    text-align: center;
    width: 100%;
    float: left;
}
	   .black_overlay {
		  display: none;
		     position: fixed;
		  top: 0%;
		  left: 0%;
		  width: 100%;
		  height: 100%;
		  background-color: black;
		  z-index: 1001;
		  -moz-opacity: 0.8;
		  opacity: .80;
		  filter: alpha(opacity=80);
		}
		#light1 form{
			    width: 40%;
				margin:5% 30% 0 30%;
    `			float: left;
		}
		.white_content {
    display: none;
  position: fixed;
    top: 25%;
    left: 25%;
    width: 50%;
    height: auto;
    padding: 0 16px 40px 16px;
    border: 16px solid #023957;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
#camaignlist_table{
	  width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
#light form input{
	 width: 100%;
    float: left;
    margin: 2% 0;
    padding: 2%;
 }
#light form label{
        text-align: center;
    width: 100%;
    float: left;
}
#light form{
	width:40%;
	margin:0 30%;
	float:left;
}
#camaignlist_table table td {
    text-align: center;
    font-weight: 400;
    word-break: break-word;
    padding: 0.5%;
    width: auto;
    border: 1px solid #999;
}
#camaignlist_table  table th {
    color: #fff;
    text-align: center;
    font-weight: 400;
    background: #023957;
    padding: 0.5%;
    width: auto;
    border-right: 1px solid #fff;
    margin: 0;
}
#camaignlist_table table {
    width: 100%;
    float: left;
    table-layout: fixed;
    margin: 0;
    border-collapse: collapse;
}
#top {
    width: 100%;
    float: left;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #03476c;
    margin: 0;
}
#logo2 {
    width: 40%;
    float: left;
    margin: 0.5% 30% 8% 30%;
}
#logo2 img{
	width:100%;
	float:left;
	margin:0;
}
#logo {
    width: 20%;
    float: left;
    margin: 0.5% 1%;
}
.pendinglist{
	width:100px;
	float:left;
	margin:0;
}
#light form textarea {
    width: 100%;
    float: left;
    margin: 2% 0;
    padding: 2%;
}
#logo img{
	width:100%;
	float:left;
	display:block;
	margin:0;
}
#navigation {
    width: 75%;
    float: left;
    margin: 1.2% 0 0 0;
   font-family: 'Josefin Sans', sans-serif;
}
.main-agileits {
    width: 40%;
    margin:0% 25%;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/cloud.png);
    padding: 13% 5% 7% 6%;
}
#login{
	width:100%;
	float:left;
}
.rightboxdashboard input[type="submit"] {
    width: 30%;
    margin: 0 0 0 3%;
    border: 0;
    padding: 8.5px 10px;
    outline: none;
    color: #ffffff;
    float: left;
    background: #c81c1d;
}
.key input[type="text"], .key input[type="password"] {
    width: 85%;
    padding: 10px 10px;
    font-size: 1em;
    border: none;
    border-radius: 30px;
    outline: none;
    color: #999;
    float: left;
    background: #fff;
}
.form-agile h3 {
    font-family: 'Josefin Sans', sans-serif;
    color: #848484;
    font-size: 1.2em;
    text-align: center;
    font-weight: 200;
    margin: -2% 0 0 0;
    padding: 0;
}
.title_username p {
    font-size: 0.9em;
    float: right;
    text-align: left;
    margin:0 1% 0 0;
}
.title_username h2 a{
color: #c50e0e;
    float: right;
	margin:0;
	text-decoration:none;
}
.rightboxdashboard input[type="submit"] {
    background: #c50e0e;
    color: #fff;
    border: 0;
    margin: 0 1%;
    float: right;
    padding: 2.3% 0;
}
.leftboxdashboard {
    width: 28%;
    float: left;
    margin: 0;
    padding: 0;
}
.form-agile input[type="submit"] {
    margin: 0 0 5% 42%;
	border-radius: 30px;
    background: none;
    text-decoration: none;
    color: #ffffff;
    font-size: 1em;
    float: left;
    border: 0;
    background: #c50e0e;
    padding: 0.5em 2em;
    outline: none;
}
.forg a {
    text-decoration: none;
    color: #AF1D0D;
    font-family: 'Tahoma';
    font-size: 1em;
}
.forg-left {
    float: left;
}
.forg-right {
    float: right;
}
.key {
    background: #fff;
    border: 1px solid #999;
    margin-bottom: 1em;
    float: left;
	    border-radius: 30px;
    width: 80%;
    margin: 1% 10%;
}
in-body{
	width: 100%;
    float: left;
}
.inner-body {
    width: 90%;
    margin:0 3% 1% 3%;
    position: relative;
    /* height: auto; */
    z-index: 99;
    float: left;
    background: #fff;
    box-shadow: 0 0 20px 4px #03476c;
    padding: 2% 2%;
}
.inner-body table td a:hover{
	    color: #ffffff;
		text-decoration:underline;
}
.main-body h3{
   font-family: 'Josefin Sans', sans-serif;
    color: #000;
    font-size: 1.6em;
    font-weight: 200;
    margin: 0 0 2% 0;
    padding: 0;
}
.content-header #messages p{
    color: #ffffff;
   font-family: 'Josefin Sans', sans-serif;
    font-size: 1.5em;
    text-align: center;
    padding: 1% 0;
    margin: 0;
}
.content-header #messages {
     width: 94%;
    margin: 1% 3%;
    float: left;
}
.inputbox{
    background: #fff;
    margin-bottom: 0;
	margin-top: 0;
    margin-left: 3%;
    float: left;
    width: 30%;	
}
#htmlpreview_button{
    width: 100%;
       margin: 0;
    float: left;
}
#htmlpreview{
    width: 100%;
       margin:1% 0;
    float: left;
}
.ace_editor {
    position: relative;
    width: 100%;
    float: left;
    height: 400px;
    margin: 0;
    overflow: hidden;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rightaddnewbutton3 form input[type="submit"] {
    width: 27%;
    float: left;
    padding: 1.1% 0;
}
.rightaddnewbutton3 input {
    width: 30%;
    float: left;
    padding: 0.8%;
    margin: 0 1%;
}
.rightaddnewbutton3 form {
    float: left;
    width: 100%;
}
.rightaddnewbutton3 {
    width: 70%;
    float: right;
    margin: 0 0 2% 0;
    padding: 0;
}
.inputbox label{
	background: #fff;
	margin: 1em 0 0.5em 0;
    float: left;
    width: 50%;
   font-family: 'Josefin Sans', sans-serif;
    color: #0c0c0c;
    font-size: 1em;	
}
.inputbox input[type="text"], .inputbox input[type="password"],.inputbox select,.inputbox input[type="number"],.inputbox input[type="file"]{
	width: 80%;
	border: 1px solid #999;    
	padding: 8.5px 10px;
    font-size: 1em;
    outline: none;
    color: #999;
    float: left;
    background: none;	
}
.inputbox input[type="radio"]{
	    padding: 4% 0%;
}
.inputbox input[type="submit"]{
	width: 80%;
    margin-top: 2em;
    border: 1px solid #c7191a;
    padding: 8.5px 10px;
    font-size: 1em;
    outline: none;
    color: #fff;
    float: left;
    background:#c7191a;
}
.button_unsubcribe{
	width:100%;
	float:left;
	margin:0;
}
 .inputbox input[type="file"] {
	 border:0;
 }
.inputbox select {
    width: 86%;
    border: 1px solid #999;
    padding: 8px 10px;
    font-size: 1em;
    outline: none;
    color: #999;
    float: left;
    background: none;
}
.button_view{
	background:none;
	border:0;
}
.button_view img{
	width:80%;
	margin:0 10%;
}
.table_box{
	width:100%;
	float:left;
	margin:0;
}
.rightaddnewbutton form input[type="submit"]{
    width: 31%;
    padding: 2.5% 0;
	}
  .box_button{
	  width: 50%;
    float: right;
	}
input[type="submit"] {
    background: #c50e0e;
    color: #fff;
    border: 0;
    margin: 0 1%;
    float: right;
    padding: 2.3% 0;
}
.inner-body table{
	width: 100%;
    float: left;
	    table-layout: fixed;
    margin: 0;
	border-collapse: collapse;
}
.inner-body table th {
    color: #fff;
	    font-size: 0.95em;
    text-align: center;
    font-weight: 400;
    background: #023957;
	 word-break: break-word;
    padding: 0.5%;
    width: auto;
    border-right: 1px solid #fff;
    margin: 0;
}
.title_username {
    width: 92%;
    float: left;
    margin: 0 4%;
}
.title_username h2 {
    margin: 2% 0 0 0;
    text-align: right;
    font-size: 1em;
}
.inner-body table td{
	word-break: break-all;
	    text-align: center;
    font-weight: 400;
	    word-break: break-word;
		    font-size: 0.85em;
    padding: 0.5%;
    width: auto;
    border: 1px solid #999;
}
.rightaddnewbutton2 form input[type="submit"] {
    width: 27%;
	    font-family: 'Josefin Sans', sans-serif;
	    padding: 3.7% 0;
}
#table_pegination{
	float:left;
	margin:0;
}
#table_pegination table td:nth-child(2n){
	background:none;
}
.inner-body table td:nth-child(2n){
	background:#eaeaea;
}
.rightaddnewbutton2 button[type="button"] {
       width: 48%;
    margin: 0 0 0 2%;
    border: 0;
    padding: 8.5px 10px;
    font-size: 1em;
    outline: none;
    color: #ffffff;
    float: left;
    background: #c81c1d;
}
.rightaddnewbutton2 input {
    width: 65%;
    float: left;
        padding: 2.74% 0;
}
#filterform{
	    width: 25%;
}
#filterform select {
    padding: 5.6% 2%;
    width: 100%;
    float: left;
}
.rightaddnewbutton2 form {
    float: left;
    width: 50%;
}
.rightaddnewbutton2 a {
    text-decoration: none;
	    font-family: 'Josefin Sans', sans-serif;
    color: white;
}
.leftboxheading2 {
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
}
.rightaddnewbutton2 {
    width: 45%;
    float: right;
    margin: 0 0 2% 0;
    padding: 0;
}
.leftboxheading, .rightaddnewbutton {
    width: 50%;
    float: left;
    margin:0 0 1% 0;
    padding: 0;
}
 .rightaddnewbutton   input {
	 width: 65%;
    float: left;
    padding: 1.8% 0;
 }

 .rightaddnewbutton form{
	 float: left;
    width: 50%;
}
.inner-body .serverlist {
    width: 100%;
    float: left;
    margin-top: 1%;
    margin-left: 3%;
}
.button_Submit {
    width: 20%;
    border: 0;
    padding: 8.5px 10px;
    font-size: 1em;
    outline: none;
    color: #ffffff;
    float: left;
    margin: 0 0.5%;
    background:#c50e0e;
}
.inner-body  .serveradmin{
	width: 50%;
    float: left;
}
 .serveruser label{
	 margin-right: 1%;
 }
 .inner-body .serveruser {
    width: 100%;
    float: left;
	margin:1% 0 0 0;
}
.rightaddnewbutton button[type="button"] {
  width: 35%;
    margin: 0 1%;
    border:0;
    padding: 8.5px 10px;
    font-size: 1em;
    outline: none;
    color: #ffffff;
    float: right;
    background: #c81c1d;
}
.rightboxdashboard {
    width: 72%;
    margin-bottom: 2%;
    float: left;
}
.rightboxdashboard form{
	margin:0px;
}
.inputbox #content{
	width: 100%;
    float: left;
}
.inputbox p{
	margin: 0;
    width: 100%;
    float: left;
}
.rightboxdashboard input[type="submit"], .rightboxdashboard button[type="button"] {
    background: #c50e0e;
    color: #fff;
    border: 0;
    margin: 0 0 0 1%;
    width: 23%;
    float: left;
    padding: 1.2%;
}
.rightboxdashboard input[type="text"]{
	width: 25%;
    border: 1px solid #999;
    padding:5.8px 10px;
    font-size: 1em;
    outline: none;
    color: #100f0f;
    float: left;
    background: #03476c;
}
.rightboxdashboard input[type="text"]{
    background: white;
	padding: 8.4px 10px;
}
.rightboxdashboard a{
	text-decoration:none;
	color: #100f0f;
}

#main_editor input[type="button"] {
    width: 25%;
    border: 0;
    margin: 2% 0;
    padding: 8.5px 10px;
    font-size: 1em;
    outline: none;
    color: #ffffff;
    float: left;
    background: #c7191a;
}

.rightaddnewbutton a{
	text-decoration: none;
    color: white;
}
#main_editor {
    float: left;
    width: 90%;
    margin: 2% 5%;
    position: relative;
    height: auto;
}
#htmlpreview iframe {
    width: 100%;
    margin: 0;
    height: 400px;
    float: left;
    border: 1px solid black;
}



@media all and (max-width: 768px) {
	#navigation {
    width: 100%;
    background: #034567;
}
#logo {
    width: 30%;
    margin:1% 35%;
}
.main-agileits {
    width: 90%;
    margin: 10% 5% 0 5%;
    float: left;
    background: #ffffff;
    padding: 2% 0;
}
.key {
	border:0;
}
}