/* admin.css */
@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Cuprum');
@import url('https://fonts.googleapis.com/css?family=Arimo');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow&display=swap'); 

@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed|Roboto+Condensed|Scada&display=swap');
/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
font-family: 'Scada', sans-serif;
*/

@font-face {
    font-family: 'AndikaRegular';
    src: url('../fonts/andika-r-webfont.eot');
    src: url('../fonts/andika-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/andika-r-webfont.woff') format('woff'),
         url('../fonts/andika-r-webfont.ttf') format('truetype'),
         url('../fonts/andika-r-webfont.svg#AndikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CarterOneRegular';
    src: url('../fonts/carterone-webfont.eot');
    src: url('../fonts/carterone-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/carterone-webfont.woff') format('woff'),
         url('../fonts/carterone-webfont.ttf') format('truetype'),
         url('../fonts/carterone-webfont.svg#CarterOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background:#ECECEC url(../img/engineh.jpg) top center repeat;
	font-family: 'Scada', sans-serif;
	font-size: 14px;
	color:#000;
	text-align:left;
}
body, td, th {
	color: #000;
}

img { border:none; }

.smallText {
	color: #660000; 
	font-size: 10px; 
}
.label {
	text-align:right;
	padding-right:2px;
}
h1, h2, h3, h4 {
	font-family: 'Scada', sans-serif;
}
h1 {
	text-shadow: 2px 2px 0px rgba(150, 70, 210, 0.28);
}
h2 {
	color:#281A7C;
	text-indent:20px;
}
.smallText {
	font-size:smaller;
}
.whiteText {
	color:#fff;
}

a.topMenu:link {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin:5px;
}
a.topMenu:visited {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin:5px;
}
a.topMenu:hover {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	margin:5px;
}
a.topMenu:active {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin:5px;
} 

a.botMenu:link {
	color: #ddd;
}
a.botMenu:visited {
	color: #ddd;
}
a.botMenu:hover {
	color: #F9F7B1;
}
a.botMenu:active {
	color: #ddd;
} 

/* responsive Google maps */
.google-maps {
		position: relative;
		padding-bottom: 75%;  /* the aspect ratio */
		height: 0;
		overflow: hidden;
}
.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
}


/* inputs */
.m_input {
	border-style: solid;
	border-color: #000099;
	border-width: 1px;
	height:16;
	color:#330066;
	font-size : 11px;
	background-attachment: scroll;
	background-color: #E1E4F2;
	background-repeat: repeat-y;
	background-position: left top;
}
.m_checkbox {
	border-style: solid;
	border-color: #000099;
	border-width: 0px;
	height:16;
	color:#330066;
	background-color: #E1E4F2;
 }
.m_textarea {
  font-size : 11px;
  color: #000000;
  background-color: #E1E4F2;
  border: 1px inset #94c0de;
}
.m_select {
	border-style: solid;
	border-color: #000099;
	border-width: 1px;
	height: 11;
	width: 120px;
	color: #330066;
	font-size : 11px;
	background-color: #E1E4F2;
 }
.m_button {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 0 2 0 2;
	border-style: solid;
	border-color: #000099;
	border-width: 1px;
	width:auto;
	cursor: hand;
	margin: 1px;
	background-color: #E1E4F2;
}

/* tables */
.table, tr, td {	
	font-family: 'Scada', sans-serif !important;
	font-size: 15px !important;
}
	
table.itab {
	border-left:#333333 1px solid !important;
	border-top:#333333 1px solid !important;
	color:#003300; 
	margin:2px;
	font-size: 14px !important;
	font-weight: normal;
	color: #333333;
	text-align:none; 
	text-decoration:none;
}
table.itab td  {
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
	padding: 2px;
	text-align: right;
}
table.itab th  {
	border-bottom:#333333 double 3px;
	border-right: #333333 1px solid;
	border-top:#333333 1px solid;
	text-align: center;
	background:#ddd;
	color:#000;
	margin:3px; 
	font-weight:bold;
}
table.itab td.ileft  {
	border-right:#333333 double 3px;
	text-align:center;
}


table.toolbox {
	 background:#FFFFCC; 
	 border: #990000 solid 1px; 
	 border-collapse: separate;
}
table.toolbox td {
	padding:2px;
	text-align:center;
}

/* panels */
div.panel {
	color:#000066;
	display: block;
	padding: 8px;
	margin: 6px;
	margin-top:20px;
	font-size: 13px;
	line-height: 1.42857143;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}

div.panel div.title {
	color:#000066;
	display: block;
	position:relative;
	float:left;
	padding-left:7px; padding-right:5px; padding-top:2px; padding-bottom:2px;
	margin-top: -25px; margin-left:15px; margin-bottom:5px;
	font-size: 13px; font-weight:bold;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

div.status {
	float:left;
	width:24px;
	padding:1px;
	position:relative;
	display: inline;
}

/* Page navigator */
.pageNav {
	font-size:12px;
	float:right;
	clear:both;
	padding:2px 0;
	line-height:17px;
}
.pageNav span, .pageNav a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:2px 5px;
	text-decoration:none;
	width:auto;
	color:#666;
	background: #fff;
	border:1px solid #ddd;
	font-weight:normal;
}
.pageNav a:hover {
	color:#fff;
}
.pageNav img {
	margin: 3px 0 3px 0;
}
.pageNav b {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:2px 5px;
	text-decoration:none;
	width:auto;
	color:#333;
	background:#5eb2d9;
	border:1px solid #ddd;
	font-weight:bold;
}

.rounded {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
}

.smallBtn {
		margin:2px;
		padding:2px; 
		border:#333 1px solid; 
		border-radius:3px;
		background:#DFDFDF;
		opacity: 0.6;
}

button {
	margin-bottom:5px; margin-top: 3px;
}