/*
Author: M.MOHAMED ISHAK
Website: https://www.hajeemeera.in/
*/

body { font-family:Arial, Sans-Serif;
	width: 100%;	
	margin: 0px;
	
}
#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-indent: -200px;
}

#loading-image {
  position: absolute;
  z-index: 100;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
a {color:#0067ab; text-decoration:none;}
a:hover {text-decoration:underline;}

.width-60 {
	overflow-x: scroll;
  	width: 100%;
}
input[type='email'], input[type='password'],.newtext {width: 200px; border-radius: 2px;border: 1px solid #CCC; padding: 10px; color: #333; font-size: 14px; margin-top: 10px;}
input[type='submit']{padding: 10px 25px 8px; color: #fff; background-color: #0067ab; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #0164a5; border-radius: 2px; margin-top: 10px; cursor:pointer;}

.seabutton {padding: 10px 25px 8px ; color: #fff; background-color: #0067ab; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #0164a5; border-radius: 2px; margin-top: 10px; cursor:pointer;}

input[type='submit']:hover {background-color: #024978;}
.registration {padding: 10px 25px 8px; color: #fff; background-color: #0067ab; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #0164a5; border-radius: 2px; margin-top: 10px; cursor:pointer;}
.registration hover {background-color: #024978;}

label {
  
  padding: 8px;
  background-color: #d0dcea;
  width:100px;
  display: inline-block;
 
}

/* ADDITIONAL CSS */
#logo_img {
    max-height: 90px;
    float: left; 

}
#heading h1  {
    font: normal normal normal 36px/1em 'Century Gothic', sans-serif;
    margin:0px;
    padding-top: 10px;
    padding-left: 110px;
    color: #e35354;
}
h2  {
    font: normal normal normal 20px/1em 'Century Gothic', sans-serif;
    text-align: center;
    color: #e35354;
}
#heading span {
    color: #9fb038;
    margin: 0px;
    padding-left: 10px;
    font-size: 26px;
     
}


.heading {
    background: #f9f9f9;
    margin:0px;
    border-bottom: 1px solid #f15556;
	min-height: 90px;    
}

/*templatemo_footer*/
#templatemo_footer {
    width: 100%;
    border-top: 2px solid #507f9a;
    height: 70px;
    background: #447693;
    float: left;
}
#templatemo_footer p {
    padding-top: 10px;
    color: #fff;
    text-align: center;
}

/*select box*/


select {
  width: 200px;
  padding: 8px;
}
 

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111111;
} 
/*Menu */

/*Submenu */
.submenu {
  margin: 0;
  padding: 10px 0px 10px 0px;
  background-color: #f6f6f6;
  min-height: 44px;
  width: 100%;
  overflow-x: auto;
  
  
}
#subaction {
	float: right;
	margin-right: 10px;
}
.menutitle {
    font-size: 22px;
    font-weight: bold;
    color: #e35354;
    line-height: 48px;
    padding-left: 55px;
    background-repeat: no-repeat;
    margin-left: 10px;
    background-image: url(../images/addedit.png);
    float: left;
}
.divtoolbar{
	float: right;
}
table.toolbar {
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    font-size: 11px;
    margin-right: 10px;
}
table.toolbar a {
    display: block;
    float: left;
    white-space: nowrap;
    border: 1px solid #fbfbfb;
    padding: 1px 5px;
    cursor: pointer;
}
table.toolbar a:link {
    color: #0B55C4;
    text-decoration: none;
}

table.toolbar span {
    float: none;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
}
table.toolbar td {
    text-align: center;
    color: #666;
}
.icon-32-new {
    background-image: url(../images/toolbar/icon-32-new.png);
}
.icon-32-edit {
    background-image: url(../images/toolbar/icon-32-edit.png);
}
.icon-32-delete {
    background-image: url(../images/toolbar/icon-32-delete.png);
}
.icon-32-publish {
    background-image: url(../images/toolbar/icon-32-publish.png);
}
.icon-32-unpublish {
    background-image: url(../images/toolbar/icon-32-unpublish.png);
}
.icon-32-save {
    background-image: url(../images/toolbar/icon-32-save.png);
}
.icon-32-cancel {
    background-image: url(../images/toolbar/icon-32-cancel.png);
}
.icon-32-copy {
    background-image: url(../images/toolbar/icon-32-copy.png);
}
.icon-32-download {
    background-image: url(../images/toolbar/icon-32-download.png);
}
/*Submenu */
/* Search bar */
.text_area {
	padding: 5px;
}
.viewselect {
	padding: 8px;
	width: 180px;
}

/* try removing the "hack" below to see how the table overflows the .body */
.viewtable {
 overflow-x: scroll;
  width: 100%;
  
}


/* Search bar */

table.adminlist {

    border-spacing: 1px;
    background-color: #e7e7e7;
    color: #666;
    width: 100%;
}
table.adminlist tbody tr {
    background-color: #fff;
    text-align: left;
}
table.adminlist tbody tr.row1 {
    background: #f9f9f9;
    border-top: 1px solid #fff;
}
table.adminlist tbody tr td {
    height: 25px;
    border: 1px solid #fff;
}
table.adminlist td, table.adminlist th {
    padding: 4px;
}
table.adminlist tbody tr:hover {
  background-color: #fefdcf;
}
.clr {
    clear: both;
    overflow: hidden;
    height: 0;
}
.red {
    color: #ff0202;
    
}
.msg {
    color: #ff0202;
    text-align: center;
}
/*pagination CSS */
 .pagNumActive {
color: #000;
border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:link {
color: #000;
text-decoration: none;
border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:visited {
color: #000;
text-decoration: none;
border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:hover {
color: #000;
text-decoration: none;
border:#060 1px solid; background-color: #fdfba8; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:active {
color: #000;
text-decoration: none;
border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
/*pagination CSS */

/*  Small devices (tablets, 768px and up)  */
@media (max-width: 768px ) { 
#heading h1  {
    font: normal normal normal 20px/1em 'Century Gothic', sans-serif;

}
#heading span {
    font-size: 14px;
}
/*  Medium devices (desktops, 992px and up)  */
@media (max-width: 970px ) {
#heading h1  {
    font: normal normal normal 22px/1em 'Century Gothic', sans-serif;
    
}
#heading span {
    font-size: 16px;    
}
/*  Large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px ) {
}