body {
	margin: 20px;
	padding: 0;
	
}

.inp {
    padding: 6px;
    border-radius: 5px;
    /* background: #eee; */
    border: 1px solid #ccc;
    margin-right: 5px;
    height: 28px;
}
.btn {
padding: 5px 20px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #ffde01;
    background: #ffde01;
    color: #333;
    font-size: 14px;
    cursor: pointer;
}
.stat-active {
font-size: 10px;
background-color: ForestGreen;
color: white;
padding: 2px 5px;
text-transform: uppercase;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.stat-expired {
font-size: 10px;
background-color: crimson;
color: white;
padding: 2px 5px;
text-transform: uppercase;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}
.stat-New-Added {
font-size: 10px;
background-color: orange;
color: white;
padding: 2px 5px;
text-transform: uppercase;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}
.stat-Renewal {
font-size: 10px;
background-color: orange;
color: white;
padding: 2px 5px;
text-transform: uppercase;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}
.stat-Banned {
font-size: 10px;
background-color: crimson;
color: white;
padding: 2px 5px;
text-transform: uppercase;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}

.stat {
font-size: 10px;
color: white;
padding: 2px 5px;
text-transform: uppercase;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}
.s-Waiting-Payment {
background-color: crimson;
}
.s-Payment-Failed {
background-color: crimson;
}
.s-Paid-Informed {
background-color: orange;
}
.s-Payment-Accepted {
background-color: ForestGreen;
}
.s-Refund {
background-color: crimson;
}
.s-Completed {
background-color: Grey;
}

.sms-n{
background-color: ForestGreen;
padding: 2px 5px;
color: white;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.sms-o{
background-color: crimson;
padding: 2px 5px;
color: white;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#topheader {
background-image: url('../images/bg-admin.jpg');
padding: 10px;
color: white;
height: 30px;
}

#topheader a {
 color: #BABABA;

}

#topheader a:hover {
 color: #FFF;
 text-decoration: none;

}

#content {
margin: 40px 10px 0;
}

#logout {
background: url('../adm/img/logout.png') no-repeat;
padding-left: 20px;
}

.separator {
background: url('../adm/img/separator.png') no-repeat scroll center top transparent;
height: 19px;
width: 16px;
margin-right: 5px;
margin-left: 5px;
}

#headlinks {
margin: 0;
padding: 0;
}

#headlinks li {
display: inline;
}

ul, ol {
margin:0;
padding:0;
}
#menuadmin #menuad {
background-color: #F8F8F8;
    border-bottom: 1px solid #E5E5E5;
    float: left;
    line-height: normal;
    margin: 0;
    padding: 0;
    width: 100%;
}
#menuad li {
display: inline;
height: 29px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #CCCCCC;
/*padding: 5px 10px 5px 10px;*/
float: left;
list-style: none outside none;
}

#menuadmin #menuad img {
display: inline;
    height: 16px;
    margin-top: -4px;
    padding: 0 3px 0 6px;
    vertical-align: middle;
    width: 16px;
}

#menuad a {
display: block;
padding: 8px 8px 4px 0;
font-size: 11px;
}

#tools .process-new {
background-image: url("../img/process-icon-new.png");
}
#tools .process-exp {
background-image: url("../adm/img/process-icon-export-csv.png");
}
#tools .process-save {
background-image: url("../adm/img/process-icon-save.png");
}
#tools .process-back {
background-image: url("../adm/img/process-icon-back.png");
}
#tools span {
    display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}

#tools button {
    display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}


#tools a {
    border: 1px solid #F8F8F8;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    min-width: 50px;
    padding: 3px 5px;
    text-shadow: 0 1px 0 #FFFFFF;
    white-space: nowrap;

}

#tools li {
    color: #666666;
    float: left;
    height: 48px;
    list-style: none outside none;
    padding: 1px 1px 3px 4px;
    text-align: center;
}

#heading {
float:left;
font-size:17px;
font-weight:bold;
margin-top:15px
}

.pagination li {
float: left;
padding: 0 3px;
list-style: none outside none;
}

.page {
margin-top:3px;
}

.mobile-access {
  display: none;
  }

@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
  
  .pagination li, .stat-active {
  font-size: 16px;
  }
  
  .mob-email {
  width: 30px;
  height: 30px;
  }
  
  .gridtable tr:first-child td {
  padding: 1px 7px;
  }
  
  .mobile-access {
  display: inline;
  }

}