@font-face {
font-family: 'lucida_granderegular';
src: url('https://remoandrichy.biz/fonts/6216-webfont.eot');
src: url('https://remoandrichy.biz/fonts/6216-webfont.eot?#iefix') format('embedded-opentype'), url('https://remoandrichy.biz/fonts/6216-webfont.woff') format('woff'), url('https://remoandrichy.biz/fonts/6216-webfont.ttf') format('truetype'), url('https://remoandrichy.biz/fonts/6216-webfont.svg#lucida_granderegular') format('svg');
font-weight: normal;
font-style: normal;
}
a {
	color:#c4380c;
	text-decoration:none;
}
a:hover {
	color:#c6380c;
}
table#cproject_up{
border-collapse: inherit;
border-right: 1px solid #FC9F57;
}
.ui-tabs .ui-tabs-nav li a {
	padding: 0.5em 0.4em !important;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
	border:solid 1px #ff7201!important;
	color:#c4380c!important;
}
ul.yiiPager .selected a {
	background:#ff7201 !important;
	color:#fff !important;
}
body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family: 'lucida_granderegular';
	background: #EFEFEF;
}
#page {
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}
#header {
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
}
#content {
	padding: 0px;
}
#sidebar {
	padding: 20px 20px 20px 0;
}
#footer {
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}
#logo {
	padding: 10px 20px;
	font-size: 200%;
}
#mainmenu {
	background:white url(bg.gif) repeat-x left top;
}
#mainmenu ul {
	padding:6px 20px 5px 20px;
	margin:0px;
}
#mainmenu ul li {
	display: inline;
}
#mainmenu ul li a {
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a {
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}
form#myForm td.checkb{
position:relative !important;
}
div.flash-error, div.flash-notice, div.flash-success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}
div.flash-error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
div.flash-notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
div.flash-success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
div.flash-error a {
	color:#8a1f11;
}
div.flash-notice a {
	color:#514721;
}
div.flash-success a {
	color:#264409;
}
div.form .rememberMe label {
	display: inline;
}
div.view {
	padding: 10px;
	margin: 10px;
	border: 1px solid #db3907;
	width: 20%;
	float: left;
}
div.breadcrumbs {
	font-size: 0.9em;
	padding: 5px 20px;
}
div.breadcrumbs span {
	font-weight: bold;
}
div.search-form {
	padding: 10px;
	margin: 10px 0;
	background: #fff;
}
.portlet {
}
.portlet-decoration {
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}
.portlet-title {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}
.portlet-content {
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}
.portlet-content ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.portlet-content li {
	padding: 2px 0 4px 0px;
}
.operations {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.operations li {
	padding-bottom: 2px;
}
.operations li a {
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}
.operations li a:visited {
	color: #0066A4;
}
.operations li a:hover {
	background: #80CFFF;
}
/*---------------my css--------------------*/

body {
	background:#f3f2f2;
	width:100%;
	margin:0px;
	padding:0px;
	font-family:'lucida_granderegular';
	font-size:13px;
}
p {
	font-family:'lucida_granderegular';
	font-size:13px;
	color:#3c3b3b;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}
article.clear {
	clear: both;
}

form#myForm121 .row{ width:100%; float:left; margin:1px 0px; clear:both;}
form#myForm121 .row label{ text-align:left;}
form#myForm121 .row input[type="text"]{border: 1px solid #ccc;height: 20px;}
form#myForm121 .row select{width: 283px;float: left;}
header {
	width:100%;
	height:94px;
	clear:both;
	background:#fff;
	display:block;
	float:left;
	position:fixed;
	z-index: 999;
	top: 0px;
}
figure {
	height:40px;
	width:50%;
	float:left;
	margin:0px;
	padding:0px;
}
article#right_login {
}
article#right_login {
	height:40px;
	width:auto;
	float:right;
	background:#f66b01 url(../images/top-bg.jpg) no-repeat left top;
	padding-right:20px;
	color:#fff;
}
article#login a {
	color:#fff;
	text-decoration:none;
}
article#login {
	line-height: 38px;
	padding: 0px 20px 0px 50px;
}
span#admin {
	background:url(../images/admin.png) no-repeat left center;
	padding: 7px 0px 6px 30px;
}
/*article#header_right:before {

content: url(../images/header_right_bg.png);

position: relative;

right: 31px;

top:1px;



}*/



nav {
	width:100%;
	height:52px;
	clear:both;
	background: #c4380c; /* Old browsers */
	background: -moz-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4380c), color-stop(100%, #c4380c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c4380c 0%, #c4380c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4380c', endColorstr='#c4380c', GradientType=0 ); /* IE6-9 */
	display:block;
	float:left;
	-webkit-box-shadow: 0 8px 6px -8px black;
	-moz-box-shadow: 0 8px 6px -8px black;
	box-shadow: 0 8px 6px -8px black;
	border-bottom:1px solid #9e2602;
	border-top:1px solid #9e2602;
}
nav.left_nav {
	width:100%;
	height:100%;
	clear:both;
	background: #c4380c; /* Old browsers */
	background: -moz-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4380c), color-stop(100%, #c4380c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c4380c 0%, #c4380c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4380c', endColorstr='#c4380c', GradientType=0 ); /* IE6-9 */
	display:block;
	float:left;
	-webkit-box-shadow: 0 8px 6px -8px black;
	-moz-box-shadow: 0 8px 6px -8px black;
	box-shadow: 0 8px 6px -8px black;
	border-bottom:1px solid #9e2602;
	border-top:1px solid #9e2602;
}
/*nav.main_nav ul{

padding:0px;

margin:0px;

}



nav.main_nav{

float:left;

position:relative;

}

nav.main_nav ul.menu{

width: 100%;

float: left;

display: block;

height: 42px;

margin: 0px;

padding: 0px;

}

nav.main_nav ul li{

list-style:none;

float:left;

border-right:1px solid #ec6840;

border-left:1px solid #9e2602;

}

nav.main_nav ul li:first-child{

border-left:none;

}

nav.main_nav ul li:last-child{

border-right:none;

}



nav.main_nav ul li:hover {

}

nav.main_nav ul li:first-child a{

padding: 26px;

background:#e9e9e9 url(../images/home.png) no-repeat center center;

font-size:0px;

border:none;

}



nav.main_nav ul li a{

text-decoration:none;

font-family:'lucida_granderegular';

font-size:14px;

color:#fff;

text-shadow:0px 1px #000;

border-left:1px solid #9e2602;

float:left;

padding:16px 10px;

position:relative;





}





nav.main_nav ul li:first-child.active a:after{



font-size: 0px;

line-height: 0%;

width: 0px;

border-top: 12px solid #c5380c;

border-left: 12px solid transparent;

border-right: 12px solid transparent;

position: absolute;

bottom: -12px;

left: 50%;

margin-left: -10px;

z-index: 9995;

}



nav.main_nav ul > li:hover a:after,

nav.main_nav ul > li:active a:after,

nav.main_nav ul > li:focus a:after,

nav.main_nav ul > li.active a:after

{

content: '';

font-size: 0px;

line-height: 0%;

width: 0px;

border-top: 12px solid #c5380c;

border-left: 12px solid transparent;

border-right: 12px solid transparent;

position: absolute;

bottom: -12px;

left: 50%;

margin-left: -14px;

z-index: 9995;

}*/

#menu-top ul li:last-child {
	border-right:none;
}
#menu-top ul li#itemCompany1 {
	height:52px;
	width:50px;
}
#menu-top ul li a#menuCompany1 {
	padding: 26px 25px;
	background:#e9e9e9 url(../images/home.png) no-repeat center center;
	font-size:0px;
	border:none;
}
#menu-top ul li a#sub_menu {
	background: url(../images/sub_nv_bg.png)no-repeat right center;
	padding: 16px 17px 16px 10px;
}
#menu-top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	height: 53px;
}
#menu-top ul li {
	display: block;
	height: 52px;
	float: left;
	overflow: visible;
	list-style:none;
	border-right:1px solid #ec6840;
	border-left:1px solid #9e2602;
}
#menu-top ul li:hover > ul {
	display: block;
}
#menu-top ul li a {
	text-decoration:none;
	font-family:'lucida_granderegular';
	font-size:13px;
	color:#fff;
	text-shadow:0px 1px #000;
	border-left:1px solid #9e2602;
	float:left;
	padding: 16px 6px;
}
#menu-top ul li ul {
	display: none;
	position:absolute;
	background: #c4380c;
	color: #fff;
	height:auto;
	width: 290px;
	margin-top:51px;
	border:1px solid #ff7201;
}
#menu-top ul li ul:after {
	content: '';
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	border-bottom: 10px solid #ff7201;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: -10px;
	left: 10%;
	margin-left: -14px;
	z-index: 9995;
}
#menu-top ul li.active ul:after {
	content: '';
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	border-bottom: 10px solid #6d1c02;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: -11px;
	left: 10%;
	margin-left: -14px;
	z-index: 9995;
}
#menu-top ul li ul {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#menu-top ul li.active {
	background:#fb6e01;
}
#menu-top ul li ul li {
	border:none;
	width:100%;
	height:30px;
}
#menu-top ul li ul li a {
	color: #fff !important;
	padding: 4px 14px;
	display: block;
	border:none;
}
#menu-top ul li ul li.active a, #menu-top ul li ul li a:hover {
	color: #fff;
	text-shadow:none;
}
#menu-top ul li ul li:hover {
	background:#ff7201;
}
nav ul.left_nav {
	float: left;
	margin: 0px 0px;
	padding: 0px;
	display:block;
}
nav ul.left_nav li {
 margin: 0px;
 float: left;
 padding: 0px 0px 0px;
 list-style: none;
 width:100%;
}
nav ul.left_nav li#curent a {
	background:url(../images/curent_project.png) no-repeat left center;
	font-size: 0px;
	padding: 14px 30px;
	text-indent: 25px;
}
nav ul.left_nav li#recent a {
	background:url(../images/recent.png) no-repeat left center;
	font-size: 0px;
	padding: 14px 30px;
	text-indent: 25px;
}
nav ul.left_nav li#payment a {
	background:url(../images/pament_details.png) no-repeat left center;
	font-size: 0px;
padding: 14px 30px;
	text-indent: 25px;
}
nav ul.left_nav li#report a {
	background:url(../images/deali_report.png) no-repeat left center;
	font-size: 0px;
padding: 14px 30px;
	text-indent: 25px;
}
nav ul.left_nav li#add_project a {
	background:url(../images/add_project.png) no-repeat left center;
	font-size: 0px;
	padding: 14px 30px;
	text-indent: 25px;
}
nav ul.left_nav li#add_promoters a {
	background:url(../images/promoter.png) no-repeat left center;
	font-size: 0px;
	padding: 14px 30px;
	text-indent: 25px;
}
nav ul.left_nav li#add_ledger a {
	background:url(../images/ledger.png) no-repeat left center;
	font-size: 0px;
	padding: 14px 30px;
	text-indent: 25px;
}
nav ul.left_nav li#recent a:hover, nav ul.left_nav li#payment a:hover, nav ul.left_nav li#add_project a:hover, nav ul.left_nav li#curent a:hover, nav ul.left_nav li#report a:hover, nav ul.left_nav li#add_promoters a:hover, nav ul.left_nav li#add_ledger a:hover {
	border-bottom:1px solid #ec6840;
	border-top:1px solid #9e2602;
}
section.body_main {
	width:100%;
	float:left;
	clear:both;
	padding:0px;
	display:block;
}
aside {
	width:53px;
	position: fixed;
	top: 94px;
	float:left;
	margin:0px;
	padding:0px;
	background: #c4380c; /* Old browsers */
	background: -moz-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4380c), color-stop(100%, #c4380c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c4380c 0%, #c4380c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4380c', endColorstr='#c4380c', GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 3px 10px 0px black;
	-moz-box-shadow: 0px 3px 10px 0px black;
	box-shadow: 0px 3px 10px 0px black;
	clear:both;
	height: 100%;
}
section#body_main {
	width: 98%;
	min-height: 350px;
	float: left;
	padding: 4px 0px 0px;
	margin: 84px 14px;
}
article#dashbord_icon {
	width:100%;
	height:auto;
	border:1px solid #dddbdb;
	float:left;
	background:#fff;
	margin-bottom:25px;
}
article#dashbord_icon h1 {
	font-size:24px;
	color:#ff7202;
	background:url(../images/accdn_bg.jpg) repeat-x left top;
	margin: 0;
	padding: 7px 13px 7px 24px;
	widows:100%;
	clear:both;
}
article#cont {
	width:97.5%;
	padding:15px;
	float:left;
}
article#dashbord_icon1 {
	width:23%;
	float:left;
	text-align:center;
	padding: 5px 12px 27px;
	background:url(../images/dashbord_line.jpg) no-repeat right center;
}
article#dashbord_icon_last {
	width:23%;
	float:left;
	text-align:center;
	padding: 5px 12px 27px;
}
article#date {
	float: right;
	padding: 18px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
a#click {
	background:url(../images/clickhere.png) no-repeat left bottom;
	padding: 21px 47px;
	font-size: 0px;
}
a#click:hover {
	background:url(../images/clickhere_hover.png) no-repeat left bottom;
}
article#cont_area {
	width:100%;
	float:left;
	padding:0px;
	margin-top:20px;/*	background:#fff;*/
}
article#cont_area_cont {
	height: 392px;
	/*overflow:hidden;*/
	float: left;
	width: 100%;
}
article#cont_area1 {
	width:49.1%;
	height:450px;
	border:1px solid #dddbdb;
	float:left;
	background:#fff;
	margin-right:1%;
	margin-bottom: 14px;
}
article#cont_area2 {
	width:49.5%;
	height:450px;
	border:1px solid #dddbdb;
	float:left;
	background:#fff;
	margin-bottom: 14px;
}
article#cont_area1 h2, article#cont_area2 h2 {
	font-size:18px;
	color:#1f282d;
	background:url(../images/accdn_bg.jpg) repeat-x left top;
	margin: 0;
	padding: 7px 13px 7px 24px;
	widows:100%;
	clear:both;
}
article#cont_head {
	width:100%;
	height:27px;
	line-height:24px;
	background:#ff7201;
	color:#fff;
	float:left;
	clear:both;
}
ul.activty {
}
ul.activty li {
	float:left;
	list-style:none;
	background:#ff7201;
	font-size: 13px;
	border-left: 1px solid #fc9f57;
	border-right: 1px solid #b75102;
	/*padding:13px 23px;*/

padding: 13px 35px;
}
ul.activty li:first-child {
	border-left:none;
}
ul.activty li:last-child {
	border-right:none;
}
ul.c_project {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.c_project li {
	float:left;
	list-style:none;
	background:#ff7201;
	font-size: 13px;
	border-left: 1px solid #fc9f57;
	border-right: 1px solid #b75102;
	padding:13px 16px;
}
ul.c_project li:first-child {
	border-left:none;
}
ul.c_project li:last-child {
	border-right:none;
}
footer {
	margin-left: 57px;
	padding: 10px 30px;
	text-align: center;
}
table#cproject tr td {
	border-left:1px solid #c3c2c3;
	border-bottom:1px solid #9a989d;
	padding: 7px;
	color:#010101;
	padding: 6px 6px;
	font-size:12px;
}
article#table {
	float: left;
	width: 100%;
	height: 350px;/*overflow: auto;*/
}
table#cproject_top tbody tr td:nth-child(1){
border-bottom:1px solid #FC9F57;
}
table#cproject_top input[type="text"]{
border:none;
box-shadow:none;
}
table#cproject_top tr td, table#cproject_up tr td {
	/*border-right: 1px solid #fc9f57;*/
	border-bottom: 1px solid #fc9f57;
	border-left: 1px solid #b75102;
	padding: 1px 0px;
	text-align: center;
	color:#333;
}
article#inner_body {
	width:100%;
	border:1px solid #c3c2c3;
	background:#fff;
	float:left;
	position:relative;
}
article#inner_body h1 {
	color:#e23905;
	text-shadow: 1px 1px 1px #fff;
	font-size:29px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 ); /* IE6-9 */
	padding: 12px 0px;
}
h1 span#income_m {
	background:url(../images/metereals.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 67px;
	width:100%;
}
h1#crt_cust {
	background:url(../images/creat_cust.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 60px;
}
h1 span#crt_staff {
	background:url(../images/staff_icon.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 67px;
	width:100%;
}
h1 span#crt_supp {
	background:url(../images/supplier.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 56px;
}
h1 span#crt_project {
	background:url(../images/add_project_page.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 56px;
}
h1 span#manage_cust {
	background:url(../images/manage_cust.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 67px;
}
h1 span#project_icon {
	background:url(../images/report_icon.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 67px;
}
h1 span#contractor_icon {
	background:url(../images/Contractar_icon.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 50px;
}
h1 span#machineri {
	background:url(../images/machinery.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 57px;
}
h1 span#sales {
	background:url(../images/sale.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 57px;
}
h1 span#crt_Promoter {
	background:url(../images/promoter.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 57px;
}
h1 span#crt_payments {
	background:url(../images/payment.png) no-repeat 3px center !important;
	padding: 5px 0px 5px 57px;
}
h1 span#ledger {
	background:url(../images/ledger.png) no-repeat 3px center !important;
	padding: 5px 0px 5px 57px;
}
h1#rept {
	color:#e23905;
	text-shadow: 1px 1px 1px #fff;
	font-size:30px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 ); /* IE6-9 */
	padding: 12px 0px;
}
h1 span#report_icon {
	background:url(../images/report_icon.png) no-repeat 10px center !important;
	padding: 5px 0px 5px 67px;
}
article#inner {
	padding:15px;
	float:left;
	width:97.4%;
}
.span-19 {
	width:100%;
}
table#cust_vew {
	border:1px solid #dddbdb;
}
table#cust_vew tr td {
	padding:10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
input[type="text"] {
	width: 270px;
	height: 27px;
	background: #f6fafb;
	border:1px solid #cac9cd;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	padding:5px;
	float:left;
}
input[type="text"]:hover {
	box-shadow: 0px 0px 2px #706f6e;
}
select#relation_one, select#relation_two, select#city, select#state, select#country {
	width: 280px;
	height: 36px;
	padding: 8px;
	border: 1px solid #ccc;
	background: #c9c9c9; /* Old browsers */
	background: -moz-linear-gradient(top, #c9c9c9 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c9c9), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c9c9c9 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c9c9c9 0%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c9c9c9 0%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c9c9c9 0%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
/*box-shadow: 0px 0px 2px #434242;*/

}
option {
	padding:5px;
	
}
label {
	width: auto;
	float: left;
	padding: 4px 10px;
	margin-top: 3px;
	min-width:150px;
}
div.form .row {
	margin-right:10px !important;
	width: 405px;
	float: left;
	margin-bottom:5px;
}
div.form .row_supp {
	width:461px;
	float:left;
	margin:5px 0px;
}
div.form .row_supp label {
	width: 156px;
}
div.form .row_age {
	margin-right:0px !important;
	width: 280px;
	float: left;
}
#contractor-form label {
	width:155px;
}
#contractor-form .row {
	width:460px;
	margin:4px 0px;
}
div.form .row_age input[type="text"] {
	width:148px;
}
div.form .row_age label {
	width:60px;
}
div.row_area textarea#Staff_notes {
	width:99%;
}
div.row_area textarea#Supplier_notes {
	width:99%;
}
div.row_area textarea#Contractor_notes {
	width:99%;
}
.row_area label {
}
div.form .row_up {
	margin-right:10px !important;
	width: 435px;
	float: left;
}
input[type="radio"]#Staff_gender {
	width:30px;
}
div.form .buttons {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: -5px;
	background: #c6380c;
	padding: 6px 0px;
}
.row_up label {
	width: 132px;
}
div.form .buttons input[type="submit"] {
	float:right;
	padding: 10px 20px;
	border: none;
	cursor:pointer;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #000;
	background:#fa6d01;
	margin-right:1%;
}
div.form .buttons input[type="submit"] {
	-moz-box-shadow: 0px 5px #631a03;
	-webkit-box-shadow: 0px 5px #631a03;
	box-shadow: 0px 5px #631a03;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
div.form .buttons input[type="submit"]:active {
	-moz-box-shadow: 0px 1px #631a03;
	-webkit-box-shadow: 0px 1px #631a03;
	box-shadow: 0px 1px #631a03;
}
input[type="file"]#Customers_agreement_form {
	margin-top:9px;
}
span#all {
	float:right;
	line-height: 15px;
}
span#all a {
	background:url(../images/viewall.png) no-repeat left top;
	font-size: 0px;
	padding: 16px 37px;
}
span#all a:hover {
	background:url(../images/viewall_hover.png) no-repeat left top;
}
article#page_addproject {
	width:490px;
	float:left;
}
article#page_addproject .row {
	width:491px;
	float:left;
}
article#page_addproject .row label {
	width:186px;
	float:left;
}
.row_area label {
	width: 55px;
}
div.buttons {
	width:99%;
}
form#myForm select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	height: 34px;
	border:1px solid #cac9cd;
	width:53%;
}
form#staff-form select, form#supplier-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	height: 34px;
	border:1px solid #cac9cd;
}
form#customers-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	height: 34px;
	border:1px solid #cac9cd;
}
form#projects-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	height: 34px;
	border:1px solid #cac9cd;
}
form select#text_plan {/*margin-right:-2px;*/
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 3px 25px 0px 8px;
	border:1px solid #cac9cd;
	width:79%;
	margin-left: 3px;
}
form#payments-form select {/*margin-right:-2px;*/
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 4px 25px 3px 8px;
	border:1px solid #cac9cd;
	width:100%;
	margin-left: 3px;
}
form#masters-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 8px 25px 0px 8px;
	width: 278px;
	border:1px solid #cac9cd;
}
form#material-form select, form#outgoingmaterial-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 8px 25px 0px 8px;
	width: 278px;
	border:1px solid #cac9cd;
}
form#sales-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 7px 25px 0px 8px;
	width: 278px;
	border:1px solid #cac9cd;
}
form#typecement select, form#typeofwork-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 8px 25px 0px 8px;
	width: 282px;
	border:1px solid #cac9cd;
}
form#user-form select, form#machinery-form select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 7px 25px 0px 7px;
	width: 282px;
	border:1px solid #cac9cd;
	margin:5px 0px;
}
table#suppliers {
	width: 24%;
	border: 1px solid #ccc;
	float: left;
	margin-right: .5%;
}
#ask input[type="text"] {
	float: left;
	width: 75%;
	border: 1px solid rgb(204, 204, 204);
	margin: 3px;
	height:18px;
}
#ask {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	padding: 2px 3px;
margin: 6px 13px 0px 6px;
text-align:left;
border-radius:8px;
}
#ask_1 {
	float: left;
	clear: both;
	width: 100%;
	;
}
#ask_1 span {
	float: left;
	width: 13%;
	line-height: 33px;
	color:#d53808;
}
select#textbox1 {
	margin: 3px;
	width: 71%;
}
/*-----------------------taber-------------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



/*--------------------------------------------------

REQUIRED to hide the non-active tab content.

But do not hide them in the print stylesheet!

--------------------------------------------------*/

.tabberlive .tabbertabhide {
	display:none;
}
/*--------------------------------------------------

.tabber = before the tabber interface is set up

.tabberlive = after the tabber interface is set up

--------------------------------------------------*/

.tabber {
}
.tabberlive {
	margin-top:1em;
}
/*--------------------------------------------------

ul.tabbernav = the tab navigation list

li.tabberactive = the active tab

--------------------------------------------------*/

ul.tabbernav {
	margin:0;
	padding: 10px 0;
	border-bottom: 1px solid #fc6e01;
	font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	padding: 10px 0.5em;
	border: 1px solid #fc6e01;
	border-bottom: none;
	background: #fc6e01;
	text-decoration: none;
	margin-right: 4px;
	color:#fff;
}
ul.tabbernav li a {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
ul.tabbernav li a:link {
	color: #fff;
}
ul.tabbernav li a:visited {
	color: #667;
}
ul.tabbernav li a:hover {
	color: #fff;
	background: #dd3906;
	border-color: #fc6e01;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color:#fc6e01;
}
ul.tabbernav li.tabberactive a:hover {
	color: #dd3906;
	background: white;
	border-bottom: 1px solid white;
}
/*--------------------------------------------------

.tabbertab = the tab content

Add style only after the tabber interface is set up (.tabberlive)

--------------------------------------------------*/

.tabberlive .tabbertab {
	padding:5px;
	border:1px solid #fc6e01;
	border-top:0;
	background:#fff;/* If you don't want the tab size changing whenever a tab is changed

you can set a fixed height *//* height:200px; */



/* If you set a fix height set overflow to auto and you will get a

scrollbar when necessary */



/* overflow:auto; */

}
/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}
fieldset {
	border: 1px solid #c3c2c3;
	padding: 0px 7px 10px 7px;
	color:#333;
	font-weight:bold;
	position:relative;
}
h1#report_h {
	padding:12px 0px !important;
}
#menu-top ul li.active a {
	color:#fff;
	text-shadow:none;
}
.ui-widget select {
	margin-right:-2px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background:#f6fafb url(../images/select_new.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding: 4px 0px 0px 0px;
	border:1px solid #cac9cd;
	width:100%;
}
input[type="file"]#name_of_material {
	width:71px;
}
div#staff_at {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #c6380c;
	padding: 6px 0px;
}
div#staff_at input[type="submit"] {
	float:right;
	padding: 10px 20px;
	border: none;
	cursor:pointer;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #000;
	background:#fa6d01;
	margin-right:1%;
}
div#staff_at input[type="submit"] {
	-moz-box-shadow: 0px 5px #631a03;
	-webkit-box-shadow: 0px 5px #631a03;
	box-shadow: 0px 5px #631a03;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
div#staff_at input[type="submit"]:active {
	-moz-box-shadow: 0px 1px #631a03;
	-webkit-box-shadow: 0px 1px #631a03;
	box-shadow: 0px 1px #631a03;
}
#staff_at1 {
	width:60%;
	text-align:right;
}
#staff_at1 button {
	background:url(../images/addmore.png) no-repeat left top;
	border:none;
	float:right;
	font-size: 0px;
	padding: 12px 33px;
}
input[type="button"]#btnAdd, input[type="button"]#btnAddothers, input[type="button"]#btnAddcash, input[type="button"]#btnAddoutgoingcash, input[type="button"]#btnAddmachinery, input[type="button"]#btnAddoutgoingmachinery {
	background:url(../images/addmore.png) no-repeat left top;
	border:none;
	float:right;
	font-size: 0px;
	padding: 12px 30px;
}
input[type="button"]#btnAddcontlab {
	background:url(../images/addmore.png) no-repeat left top;
	border:none;
	float:right;
	font-size: 0px;
	padding: 12px 30px;
}
input[type="button"]#btnAddcement {
	background:url(../images/addmore.png) no-repeat left top;
	border:none;
	float:right;
	font-size: 0px;
	padding: 12px 30px;
}
input[type="button"]#btnAddcontlabour {
	background:url(../images/addmore.png) no-repeat left top;
	border:none;
	float:right;
	font-size: 0px;
	padding: 12px 30px;
}
input[type="button"]#flat {
	width:100px;
}
h1#reports_d {
	background:#c3c2c3;
	font-size:26px;
	padding: 12px;
}
h1#reports_d span#titel_re {
	background:url(../images/report.png) no-repeat left center;
	padding: 6px 0px 6px 45px;
	color:#e23905;
	text-shadow:0px 2px 1px #fff;
}
h1#reports_d span#name_pro {
	color:#e13905;
	text-shadow:0px 2px 1px #efeded;
	font-size:20px;
}
.ui-tabs {
	padding: 0px !important;
	border:none!important;
}
.ui-tabs .ui-tabs-panel {
	border:1px solid #fc6e01 !important;
}
.ui-widget-header {
	border:none !important;
	background:none !important;
}
.ui-tabs .ui-tabs-nav {
	padding:0px !important;
}
.ui-state-default {
	border: 1px solid rgb(252, 110, 1) !important;
	border-bottom:none !important;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	color:#fc6e01!important;
}
.ui-tabs .ui-tabs-nav li {
	background:#fc6e01 !important;
}
.ui-tabs .ui-tabs-nav li a {
	color:#fff !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #fff !important;
}
input[type="submit"]#inn_save {
	position:absolute;
	bottom:5px;
	left:1px;
	background:#fc6e01;
	color:#fff;
	border:1px solid #c9380b;
	font-size: 16px;
	font-weight: bold;
	cursor:pointer;
}
input[type="button"]#btnDel, input[type="button"]#btnDelothers, input[type="button"]#btnDelcash, input[type="button"]#btnDeloutgoingcash, input[type="button"]#btnDelmachinery, input[type="button"]#btnDeloutgoingmachinery {
	background:url(../images/dlt.png) no-repeat left center;
	border:none;
	font-size:0px;
	padding:15px;
	margin-right:5px;
	cursor:pointer;
}
.span-5 {
	display:none !important;
}
/*------------------closed---------------------*/

ul#yw0:after {
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0px;
}
#menu-top > a {
	display: none;
}
table#incom1 tr td {
	font-size:12px;
	color:#333;
	text-align:center;
}


@media all and (max-width:980px) and (min-width:641px) {

.scroll-div {
display:none;
}
.machinery-form-new input[type="text"]{
width:41% !important;
}
form#customers-form input[type="text"], form#supplier-form input[type="text"], form#contractor-form input[type="text"], form#machinery-form input[type="text"], form#staff-form input[type="text"], form#user-form input[type="text"], form#material-form input[type="text"], form#typecement input[type="text"], form#typeofwork-form input[type="text"], form#sales-form input[type="text"], form#customers-form input[type="text"] {
    width: 39% !important;
    height: 25px;
}

article#inner {
    padding: 15px;
    float: left;
    width: 93.4%;
}
table#data7 {
    width: 100% !important;
}
table.incoming_materials.createcontractor .clonedInputcontlabour select {
    width: 55% !important;
    margin-right: 5px !important;
}
form#supplier-form input[type="text"]{
width:64% !important;
}
form#supplier-form select{
width:66% !important;
}
div.form .row_supp {
    width: 100% !important;
}
form#customers-form .row_age label {
    width: 258px !important;
}
section#body_main {
    width: 98%;
    padding: 3px 3px 0px;
    margin: 79px 0px;
}
input[type="text"]{
margin-bottom:5px !important;
}
article#reports {
    width: 100% !important;
}
article#peport_frm {
    width: 91% !important;
}
article#peport_frm select {
    width: 100%;
}
table#suppliers {
    width: 49%;
}
table.activty thead{
background:#f66b01;
}
.portlet {
    width: 97% !important;
    position: absolute;
    left: 1% !important;
    top: 1% !important;
	margin-top:0px!important;
	margin-left:0px !important;
	}
	#portlet {
    width: 97% !important;
    position: absolute;
    left: 1% !important;
    top: 1% !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}
#YumPasswordRecoveryForm_login_or_email {
    width: 90% !important;
    height: 43px;
    border: 1px solid #E33905;
    padding: 0px 15px;
}
/*	.loginp_left {
    width: 94%;
    float: left;
    min-height: 150px;
    padding: 73px 21px;
    border-right: 1px solid #CCC;
}*/
.loginp_left {
    width: 40% !important;
    float: left;
    min-height: 150px;
    padding: 0px 0px !important;
    border-right: none !important;
}
.loginp_left img{
width: 100%;
display: block;
margin: 0px auto;
}
.loginp_right {
    width: 57% !important;
    float: left;
    padding: 0px 8px !important;
	border-left:solid 1px #ccc;
}
#YumUserLogin_username,#YumUserLogin_password{
width:94%;
}
ul.activty {
width:100%;
height:auto;
margin: 0px;
padding: 0px;
}
ul.activty li {
padding: 13px 14px;
}
.list-view .summary {
text-align:left !important;
width:97%;
}
div.form .row, div.form .row_age {
width:100% !important;
}
div.form .row_age label {
width: 20%;
}
table#data4, #staff_at1 {
width: 100% !important;
}
table#data3 input[type="text"] {
width: 95% !important;
}
.ui-tabs .ui-tabs-panel {
width:width: 98% !important;
}
}
ul.left_nav li a {
	color:#fff !important;
/*	transition:0.5s ease-in !important;*/
}
ul.left_nav li a span {
	display:none;
	color:#fff !important;
	width: 100%;
	/*transition:0.5s ease-in !important;*/
}
ul.left_nav li a:hover span {
	display: block;
	height: 20px;
	background: #d1d1d1;
	position: absolute;
	left: 50px;
	border-radius: 3px;
	color: #000 !important;
	padding: 5px 15px;
	width: 104px;
	text-align: center;
/*	transition:0.5s ease-in !important;*/
	z-index:9999;
}
nav ul.left_nav a {
	font-size: 14px !important;
	/*padding: 15px 26px 15px;
	color:#000;*/
/*	transition:0.5s ease-in !important;*/
}
ul.left_nav li#payment a:hover span {
	width: 114px !important;
}
ul.left_nav li#report a:hover span {
	width: 49px !important;
}
.akordeon-item-content ul li {
	text-align:center;
	border: solid 1px #dddbdb;
}
#cont_head .activty li {
	padding: 13px 32px !important;
}
.akordeon-item-content ul {
	width:640px !important;
}
/*Chart CSS*/

#ChartDiv1 {
	margin: 0px auto !important;
	display:block !important;
}
.canvass {
	width: 85%;
	margin: 0px auto;
}
.Budget-Meter {
	width: 83%;
	margin: 0px auto;
}
#sales {
	width: 89%;
	padding-right: 0px;
	margin: 0px auto;
}
.akordeon-item-content {
	padding:0px !important;
}
.list-view .pager {
	clear:both;
}
#cont_area input[type="submit"] {
	padding: 10px 20px;
	border: medium none;
	cursor: pointer;
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 0px 2px rgb(0, 0, 0);
	background: none repeat scroll 0% 0% rgb(250, 109, 1);
	box-shadow: 0px 5px rgb(99, 26, 3);
	border-radius: 5px;
}
table.incoming_materials.createcontractor thead tr{color:#fff;}
.select-flat{
width:150px;
background: url('../images/select_new.png') no-repeat scroll 100% center #F6FAFB;
}
select{
margin-right: -2px;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
background: url('../images/select_new.png') no-repeat scroll 100% center #F6FAFB;
padding: 7px 25px 5px 8px;
border: 1px solid #CAC9CD;
}
nav {
	width:100%;
	height:52px;
	clear:both;
	background: #c4380c; /* Old browsers */
	background: -moz-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4380c), color-stop(100%, #c4380c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c4380c 0%, #c4380c 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4380c', endColorstr='#c4380c', GradientType=0 ); /* IE6-9 */
	display:block;
	float:left;
	-webkit-box-shadow: 0 8px 6px -8px black;
	-moz-box-shadow: 0 8px 6px -8px black;
	box-shadow: 0 8px 6px -8px black;
	border-bottom:1px solid #9e2602;
	border-top:1px solid #9e2602;
}
nav.left_nav {
	width:100%;
	height:100%;
	clear:both;
	background: #c4380c; /* Old browsers */
	background: -moz-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4380c), color-stop(100%, #c4380c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c4380c 0%, #c4380c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c4380c 0%, #c4380c 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4380c', endColorstr='#c4380c', GradientType=0 ); /* IE6-9 */
	display:block;
	float:left;
	-webkit-box-shadow: 0 8px 6px -8px black;
	-moz-box-shadow: 0 8px 6px -8px black;
	box-shadow: 0 8px 6px -8px black;
	border-bottom:1px solid #9e2602;
	border-top:1px solid #9e2602;
}
.select-flat{
padding: 10px 20px;
border: medium none;
cursor: pointer;
color: #FFF !important;
font-size: 15px;
font-weight: bold;
background: none repeat scroll 0% 0% #FA6D01;
box-shadow: 0px 5px #631A03;
border-radius: 5px;
}
table.incoming_materials thead tr th{
border-right: 1px solid #FC9F57;
border-left: 1px solid #B75102;
padding: 1px 0px;
text-align: center;
height: 42px;
background:#ff7201;
color:#fff;
font-weight: normal;

}
#btnDeloutgoingwc3, #btnDeloutgoing4, #btnDeloutgoing3, #btnDeloutgoing, #btnDeloutgoing4{
background: url('../images/dlt.png') no-repeat scroll left center transparent;
border: medium none;
font-size: 0px;
padding: 15px;
margin-right: 5px;
cursor: pointer;
}
#btnAddoutgoingwc3, btnAddoutgoing4, #btnAddoutgoing3, #btnAddoutgoing, #btnAddoutgoing4{
background: url('../images/addmore.png') no-repeat scroll left top transparent;
border: medium none;
float: right;
font-size: 0px;
padding: 12px 30px;
}
.radioos,.radioo{
margin-top:11px;
}
.scroll-div h2{
color:#C4380C;
}
/*table{
border:solid 1px #b75102;
}
table thead td{
border-left:solid 1px #b75102;
}
table tbody td{
border-left:solid 1px #b75102;
}*/









/*======================================Responsive CSS===============================*/
/*@media  only screen and (max-width: 760px),  (min-device-width: 768px) and (max-device-width: 1024px) {*/
@media  only screen and (max-width: 760px),  (min-device-width: 768px) and (max-device-width: 980px) {
.ui-tabs .ui-tabs-nav li {
    list-style: none outside none;
    float: left;
    position: relative;
    top: 0px;
    margin: 1px 0.2em 1px 0px !important;
    border-bottom: 0px none;
    padding: 0px;
    white-space: nowrap;
    width: 99%;
}
.ui-tabs .ui-tabs-panel {
    padding: 2px  !important;
}
 .paymentt-duee thead:first-child{
background:none !important;
color:#333 !important;
}
 table.incoming_materials tr {
 margin-top:10px;
}
#flatsdiv select{
width:97%;
}
input{
width:100px;
}
#flat {
    width: 280px;
    float: left;
}
.slect-flat{
min-width:97%;
margin-left:0px;
}
 table.incoming_materials, table.incoming_materials thead, table.incoming_materials tbody, table.incoming_materials th, table.incoming_materials td, table.incoming_materials tr {
 display: block;
}
 table.incoming_materials thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
}
 #cproject_up tbody tr {
 margin-top:10px;
}
 table.incoming_materials thead tr:first-child {
border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 margin-top:0px;
}
 table.incoming_materials thead tr {
border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 margin-top:10px;
}
 table.incoming_materials tbody td {
 border: none;
 border-bottom: 1px solid #b75102;
 position: relative;
 padding-left: 52% !important;
 font-size:12px;
}
 table.incoming_materials td:before {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 52%;
 padding: 0px 0px 0px 6px;
 white-space: nowrap;
 background: none repeat scroll 0% 0% #f66b01;
 color: #FFF;
 text-align:left;
 font-size:13px !important;
 word-break:break-all;
}

/*********************************Items Class CSS******************************************/

table.items, table.items thead, table.items tbody, table.items th, table.items td, table.items tr {
 display: block;
}
 table.items thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
}
 #cproject_up tbody tr {
 margin-top:10px;
}
 table.items thead tr:first-child {
border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 margin-top:0px;
}
 table.items thead tr {
border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 margin-top:10px;
}
 table.items tbody td {
 border: none;
 border-bottom: 1px solid #b75102;
 position: relative;
 padding-left: 43% !important;
 font-size:12px;
}
 table.items td:before {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 40%;
 padding: 0px 0px 0px 6px;
 white-space: nowrap;
 background: none repeat scroll 0% 0% #f66b01;
 color: #FFF;
 text-align:left;
 font-size:13px;
 word-break:break-all;
}

/**********************************End of Items Class CSS**********************************/

/*Label the data for Each Page*/

table.material td:nth-of-type(1):before {
content: "Project" !important;
}
 table.material td:nth-of-type(2):before {
content: "Material" !important;
}
 table.material td:nth-of-type(3):before {
content: "Supplier" !important;
}
 table.material td:nth-of-type(4):before {
content: "Date" !important;
}
 table.notofication td:nth-of-type(1):before {
content: "Project" !important;
}
 table.notofication td:nth-of-type(2):before {
content: "Sale Id" !important;
}
 table.notofication td:nth-of-type(3):before {
content: "Customer" !important;
}
 table.notofication td:nth-of-type(4):before {
content: "Flat No" !important;
}
 table.notofication td:nth-of-type(5):before {
content: "Type Of Flat" !important;
}
 table.notofication td:nth-of-type(6):before {
content: "Deal Price" !important;
}
 table.notofication td:nth-of-type(7):before {
content: "Date" !important;
}
 table.cashnotificationss td:nth-of-type(1):before {
content: "Project" !important;
}
 table.cashnotificationss td:nth-of-type(2):before {
content: "Material" !important;
}
 table.cashnotificationss td:nth-of-type(3):before {
content: "Date" !important;
}
 table.outgoingmeterialnotific td:nth-of-type(1):before {
content: "Project" !important;
}
 table.outgoingmeterialnotific td:nth-of-type(2):before {
content: "Material" !important;
}
 table.outgoingmeterialnotific td:nth-of-type(3):before {
content: "Date" !important;
}
 table.outgoingcashnotificationss td:nth-of-type(1):before {
content: "Project" !important;
}
 table.outgoingcashnotificationss td:nth-of-type(2):before {
content: "Material" !important;
}
 table.outgoingcashnotificationss td:nth-of-type(3):before {
content: "Date" !important;
}
 table.casual-labour-notifaction td:nth-of-type(1):before {
content: "Project" !important;
}
 table.casual-labour-notifaction td:nth-of-type(2):before {
content: "Type" !important;
}
 table.casual-labour-notifaction td:nth-of-type(3):before {
content: "How Many" !important;
}
 table.casual-labour-notifaction td:nth-of-type(4):before {
content: "Rate Per Day" !important;
}
 table.casual-labour-notifaction td:nth-of-type(5):before {
content: "Date" !important;
}
 table.type-work-notifaction td:nth-of-type(1):before {
content: "Project" !important;
}
 table.type-work-notifaction td:nth-of-type(2):before {
content: "Type Of Work" !important;
}
 table.type-work-notifaction td:nth-of-type(3):before {
content: "Contractor" !important;
}
 table.type-work-notifaction td:nth-of-type(4):before {
content: "Amount" !important;
}
 table.type-work-notifaction td:nth-of-type(5):before {
content: "Date" !important;
}
 table.createcontractor td:nth-of-type(1):before {
content: "Project" !important;
}
 table.createcontractor td:nth-of-type(2):before {
content: "Type Of Work" !important;
}
 table.createcontractor td:nth-of-type(3):before {
content: "Contractor Name" !important;
}
 table.createcontractor td:nth-of-type(4):before {
content: "Contract Amount" !important;
}
 table.manage-customers td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-customers td:nth-of-type(2):before {
content: "Name1" !important;
}
 table.manage-customers td:nth-of-type(3):before {
content: "Name2" !important;
}
 table.manage-customers td:nth-of-type(4):before {
content: "Relation" !important;
}
 table.manage-customers td:nth-of-type(5):before {
content: "Relation1" !important;
}
 table.manage-customers td:nth-of-type(6):before {
content: "Age" !important;
}
 table.manage-customers td:nth-of-type(7):before {
content: "Action" !important;
}
 table.manage-supplierss td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-supplierss td:nth-of-type(2):before {
content: "Supplier Name" !important;
}
 table.manage-supplierss td:nth-of-type(3):before {
content: "Contact Person Name" !important;
}
/* table.manage-suppliers td:nth-of-type(4):before {
content: "Line1" !important;
}
 table.manage-suppliers td:nth-of-type(5):before {
content: "Line2" !important;
}*/
 table.manage-supplierss td:nth-of-type(4):before {
content: "Country" !important;
}
 table.manage-supplierss td:nth-of-type(5):before {
content: "Action" !important;
}
 table.view-staff td:nth-of-type(1):before {
content: "Name" !important;
}
 table.view-staff td:nth-of-type(2):before {
content: "Desigination" !important;
}
 table.view-staff td:nth-of-type(3):before {
content: "Action" !important;
}
 table.manage-stafff td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-stafff td:nth-of-type(2):before {
content: "Desigination" !important;
}
 table.manage-stafff td:nth-of-type(3):before {
content: "Line1" !important;
}
 table.manage-stafff td:nth-of-type(4):before {
content: "Line2" !important;
}
 table.manage-stafff td:nth-of-type(5):before {
content: "Country" !important;
}
 table.manage-stafff td:nth-of-type(6):before {
content: "State" !important;
}
 table.manage-stafff td:nth-of-type(7):before {
content: "Action" !important;
}
 table.manage-materials td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-materials td:nth-of-type(2):before {
content: "Name of Material" !important;
}
 table.manage-materials td:nth-of-type(3):before {
content: "QTY" !important;
}
 table.manage-materials td:nth-of-type(4):before {
content: "Units" !important;
}
 table.manage-materials td:nth-of-type(5):before {
content: "Action" !important;
}
 table.manage-typeofworks td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-typeofworks td:nth-of-type(2):before {
content: "Project ID" !important;
}
 table.manage-typeofworks td:nth-of-type(3):before {
content: "Type of Work" !important;
}
 table.manage-typeofworks td:nth-of-type(4):before {
content: "Notes" !important;
}
 table.manage-typeofworks td:nth-of-type(5):before {
content: "Action" !important;
}
 table.manage-promoters td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-promoters td:nth-of-type(2):before {
content: "Name" !important;
}
 table.manage-promoters td:nth-of-type(3):before {
content: "Contact Number" !important;
}
 table.manage-promoters td:nth-of-type(4):before {
content: "Address" !important;
}
 table.manage-promoters td:nth-of-type(5):before {
content: "Remarks" !important;
}
 table.manage-promoters td:nth-of-type(6):before {
content: "Date" !important;
}
 table.manage-promoters td:nth-of-type(7):before {
content: "Action" !important;
}
 table.manage_projects td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage_projects td:nth-of-type(2):before {
content: "Project Name" !important;
}
 table.manage_projects td:nth-of-type(3):before {
content: "Project Code" !important;
}
 table.manage_projects td:nth-of-type(4):before {
content: "Location" !important;
}
 table.manage_projects td:nth-of-type(5):before {
content: "Estimated Cost Of Project" !important;
}
 table.manage_projects td:nth-of-type(6):before {
content: "Start Date" !important;
}
 table.manage_projects td:nth-of-type(7):before {
content: "Action" !important;
}
 table.manage-customerss td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-customerss td:nth-of-type(2):before {
content: "Contractor Name" !important;
}
 table.manage-customerss td:nth-of-type(3):before {
content: "Contact Person Name" !important;
}
 table.manage-customerss td:nth-of-type(4):before {
content: "Line1" !important;
}
 table.manage-customerss td:nth-of-type(5):before {
content: "Line2" !important;
}
 table.manage-customerss td:nth-of-type(6):before {
content: "Country" !important;
}
 table.manage-customerss td:nth-of-type(7):before {
content: "Action" !important;
}
 table.manage-machineries td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage-machineries td:nth-of-type(2):before {
content: "Project Name" !important;
}
 table.manage-machineries td:nth-of-type(3):before {
content: "Machinery Name" !important;
}
 table.manage-machineries td:nth-of-type(4):before {
content: "Machiery Type" !important;
}
 table.manage-machineries td:nth-of-type(5):before {
content: "Supplier Name" !important;
}
 table.manage-machineries td:nth-of-type(6):before {
content: "Action" !important;
}
 table.view-staff td:nth-of-type(1):before {
content: "User Name" !important;
}
 table.view-staff td:nth-of-type(2):before {
content: "Registration Date" !important;
}
 table.view-staff td:nth-of-type(3):before {
content: "Last Visit" !important;
}



/*table.manage-userss td:nth-of-type(1):before { content: "#" !important; }*/

table.manage-userss td:nth-of-type(1):before {
content: "User Name" !important;
}
 table.manage-userss td:nth-of-type(2):before {
content: "Registration Date" !important;
}
 table.manage-userss td:nth-of-type(3):before {
content: "Last Visit" !important;
}

div#manage-contractors-grid table.manage-contractors td:nth-of-type(1):before {
content: "ID" !important;
}
 div#manage-contractors-grid table.manage-contractors td:nth-of-type(2):before {
content: "Contractor Name" !important;
}
 div#manage-contractors-grid table.manage-contractors td:nth-of-type(3):before {
content: "Contact Person Name" !important;
}
div#manage-contractors-grid table.manage-contractors td:nth-of-type(4):before {
content: "Line1" !important;
}
 div#manage-contractors-grid table.manage-contractors td:nth-of-type(5):before {
content: "Line2" !important;
}
 div#manage-contractors-grid table.manage-contractors td:nth-of-type(6):before {
content: "Country" !important;
}
div#manage-contractors-grid  table.manage-contractors td:nth-of-type(7):before {
content: "Action" !important;
}
/*table.manage-userss td:nth-of-type(5):before { content: "Status" !important; }

table.manage-userss td:nth-of-type(6):before { content: "Roles" !important; }

table.manage-userss td:nth-of-type(7):before { content: "Action" !important; }*/

div.grid-view.view-staff.manage-users table.items.view-staff.view_staffy.manage-userss.manage-usersss td:nth-of-type(1):before {
content: "Name" !important;
}
div.grid-view.view-staff.manage-users table.items.view-staff.view_staffy.manage-userss.manage-usersss td:nth-of-type(2):before {
content: "Desigination" !important;
}
div.grid-view.view-staff.manage-users table.items.view-staff.view_staffy.manage-userss.manage-usersss td:nth-of-type(3):before {
content: "Action" !important;
}

div.grid-view.view-staff.manage-users.manage-usersss-new table.items.view-staff.view_staffy.manage-userss.manage-usersss.manage-usersss-new-new td:nth-of-type(1):before {
content: "Username" !important;
}
div.grid-view.view-staff.manage-users.manage-usersss-new table.items.view-staff.view_staffy.manage-userss.manage-usersss.manage-usersss-new-new td:nth-of-type(2):before {
content: "Registration date" !important;
}
div.grid-view.view-staff.manage-users.manage-usersss-new table.items.view-staff.view_staffy.manage-userss.manage-usersss.manage-usersss-new-new td:nth-of-type(3):before {
content: "Last visit" !important;
}

div.grid-view.view-staff.manage-users table.items.view-staff.view_staffy.manage-userss.manage-usersss td:nth-of-type(1):before {
content: "Username" !important;
}
div.grid-view.view-staff.manage-users table.items.view-staff.view_staffy.manage-userss.manage-usersss td:nth-of-type(2):before {
content: "Registration date" !important;
}
div.grid-view.view-staff.manage-users table.items.view-staff.view_staffy.manage-userss.manage-usersss td:nth-of-type(3):before {
content: "Last visit" !important;
}

div#projects-grid table.items.adminworkcontract.manage_projects td:nth-of-type(1):before {
content: "ID" !important;
}
div#projects-grid table.items.adminworkcontract.manage_projects td:nth-of-type(2):before {
content: "Name" !important;
}
div#projects-grid table.items.adminworkcontract.manage_projects td:nth-of-type(3):before {
content: "Action" !important;
}

div#due_paymentpage table.salereceiptdetails td:nth-of-type(1):before {
content: "Customer Name" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(2):before {
content: "Project Name" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(3):before {
content: "Deal Amount" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(4):before {
content: "Type Of Due Amount" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(5):before {
content: "Due Amount" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(6):before {
content: "Due Date" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(7):before {
content: "Status" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(8):before {
content: "Action" !important;
}
div#due_paymentpage  table.salereceiptdetails td:nth-of-type(9):before {
content: "Read More" !important;
}


table.manage-usersss td:nth-of-type(1):before {
content: "#" !important;
}
 table.manage-usersss td:nth-of-type(2):before {
content: "User Name" !important;
}
 table.manage-usersss td:nth-of-type(3):before {
content: "Registration Date" !important;
}
 table.manage-usersss td:nth-of-type(4):before {
content: "Last Visit" !important;
}
 table.manage-usersss td:nth-of-type(5):before {
content: "Status" !important;
}
 table.manage-usersss td:nth-of-type(6):before {
content: "Roles" !important;
}
 table.manage-usersss td:nth-of-type(7):before {
content: "Action" !important;
}
 .grid-view table.items.manage-userss tr.even {
 background: none repeat scroll 0% 0% #F8F8F8;
 margin-top: 10px !important;
}
 .grid-view table.items.manage-userss tr.odd {
 background: none repeat scroll 0% 0% #F8F8F8;
 margin-top: 10px !important;
}
 table.manage_sales td:nth-of-type(1):before {
content: "ID" !important;
}
 table.manage_sales td:nth-of-type(2):before {
content: "Sale Id" !important;
}
 table.manage_sales td:nth-of-type(3):before {
content: "Flat Id" !important;
}
 table.manage_sales td:nth-of-type(4):before {
content: "Total Size" !important;
}
 table.manage_sales td:nth-of-type(5):before {
content: "Type of Flat" !important;
}
 table.manage_sales td:nth-of-type(6):before {
content: "Deal Price" !important;
}
 table.manage_sales td:nth-of-type(7):before {
content: "Action" !important;
}
 table.home-screenn td:nth-of-type(1):before {
content: "Project Name" !important;
}
 table.home-screenn td:nth-of-type(2):before {
content: "Start Date" !important;
}
 table.home-screenn td:nth-of-type(3):before {
content: "Duration" !important;
}
 table.home-screenn td:nth-of-type(4):before {
content: "Estimated Project Costs" !important;
}
 table.home-screenn td:nth-of-type(5):before {
content: "Investment As on Date" !important;
}
 table.home-screenn td:nth-of-type(6):before {
content: "Action" !important;
}
 table.upcoming-customer-due td:nth-of-type(1):before {
content: "Customer Name" !important;
}
 table.upcoming-customer-due td:nth-of-type(2):before {
content: "Project Name" !important;
}
 table.upcoming-customer-due td:nth-of-type(3):before {
content: "DueAmount" !important;
}
 table.upcoming-customer-due td:nth-of-type(4):before {
content: "Due Date" !important;
}
 table.upcoming-customer-due td:nth-of-type(5):before {
content: "Action" !important;
}

/*======================View Sales============================*/

table.payment-schedule td:nth-of-type(1):before {
content: "DUE DATE" !important;
}
 table.payment-schedule td:nth-of-type(2):before {
content: "TYPE" !important;
}
 table.payment-schedule td:nth-of-type(3):before {
content: "AMOUNT" !important;
}
 table.payment-schedule td:nth-of-type(4):before {
content: "REMARKS" !important;
}
 table.additionalwork td:nth-of-type(1):before {
content: "DUE DATE" !important;
}
 table.additionalwork td:nth-of-type(2):before {
content: "AMOUNT" !important;
}
 table.additionalwork td:nth-of-type(3):before {
content: "REMARKS" !important;
}
 table.additionalwork td:nth-of-type(4):before {
content: "Is There AnyBank Loan" !important;
}
 table.bankloan td:nth-of-type(1):before {
content: "DUE DATE" !important;
}
 table.bankloan td:nth-of-type(2):before {
content: "TYPE" !important;
}
 table.bankloan td:nth-of-type(3):before {
content: "AMOUNT" !important;
}
 table.bankloan td:nth-of-type(4):before {
content: "REMARKS" !important;
}
 table.additionalwork td:nth-of-type(1):before {
content: "REQUEST DATE" !important;
}
 table.additionalwork td:nth-of-type(2):before {
content: "REQUEST ID" !important;
}
 table.additionalwork td:nth-of-type(3):before {
content: "DESCRIPTION" !important;
}
 table.additionalwork td:nth-of-type(4):before {
content: "AMOUNT" !important;
}
table.trckmachinary td:nth-of-type(1):before {content: "Date" !important;}
table.trckmachinary td:nth-of-type(2):before {content: "Machinery" !important;}
table.trckmachinary td:nth-of-type(3):before {content: "FromSite" !important;}
table.trckmachinary td:nth-of-type(4):before {content: "To Site" !important;}
table.trckmachinary td:nth-of-type(5):before {content: "DC Date" !important;}
table.trckmachinary td:nth-of-type(6):before {content: "Dc No" !important;}
table.trckmachinary td:nth-of-type(7):before {content: "Quantity" !important;}
table.trckmachinary td:nth-of-type(8):before {content: "Vehicle No" !important;}
table.trckmachinary td:nth-of-type(9):before {content: "Time" !important;}
table.trckmachinary td:nth-of-type(10):before {content: "Remarks" !important;}

table.manage_saless td:nth-of-type(1):before {content: "ID" !important;}
table.manage_saless td:nth-of-type(2):before {content: "Saleid" !important;}
table.manage_saless td:nth-of-type(3):before {content: "Flatid" !important;}
table.manage_saless td:nth-of-type(4):before {content: "Total Size" !important;}
table.manage_saless td:nth-of-type(5):before {content: "Type of Flat" !important;}
table.manage_saless td:nth-of-type(6):before {content: "Deal Price" !important;}
table.manage_saless td:nth-of-type(7):before {content: "Action" !important;}

table.supplier-for td:nth-of-type(1):before {content: "Material" !important;}
table.supplier-for  td:nth-of-type(2):before {content: "Supplier" !important;}
table.supplier-for  td:nth-of-type(3):before {content: "Vehicle Number" !important;}
table.supplier-for td:nth-of-type(4):before {content: "Quantity" !important;}
table.supplier-for  td:nth-of-type(5):before {content: "Units" !important;}
table.supplier-for  td:nth-of-type(6):before {content: "DC No" !important;}
table.supplier-for td:nth-of-type(7):before {content: "Amount" !important;}
table.supplier-for  td:nth-of-type(8):before {content: "DC Date" !important;}
table.supplier-for  td:nth-of-type(9):before {content: "Time" !important;}
table.supplier-for td:nth-of-type(10):before {content: "Photo" !important;}
table.supplier-for  td:nth-of-type(11):before {content: "Action" !important;}

table.others-for td:nth-of-type(1):before {content: "Material" !important;}
table.others-for  td:nth-of-type(2):before {content: "Supplier" !important;}
table.others-for  td:nth-of-type(3):before {content: "Vehicle Number" !important;}
table.others-for td:nth-of-type(4):before {content: "Quantity" !important;}
table.others-for  td:nth-of-type(5):before {content: "Units" !important;}
table.others-for  td:nth-of-type(6):before {content: "DC No" !important;}
table.others-for td:nth-of-type(7):before {content: "Amount" !important;}
table.others-for  td:nth-of-type(8):before {content: "DC Date" !important;}
table.others-for  td:nth-of-type(9):before {content: "Time" !important;}
table.others-for td:nth-of-type(10):before {content: "Photo" !important;}
table.others-for  td:nth-of-type(11):before {content: "From Site" !important;}
table.others-for td:nth-of-type(12):before {content: "To Site" !important;}
table.others-for  td:nth-of-type(13):before {content: "Action" !important;}

table.meterialcashfor td:nth-of-type(1):before {content: "Material" !important;}
table.meterialcashfor  td:nth-of-type(2):before {content: "Supplier" !important;}
table.meterialcashfor  td:nth-of-type(3):before {content: "Vehicle Number" !important;}
table.meterialcashfor td:nth-of-type(4):before {content: "Quantity" !important;}
table.meterialcashfor  td:nth-of-type(5):before {content: "Units" !important;}
table.meterialcashfor  td:nth-of-type(6):before {content: "DC No" !important;}
table.meterialcashfor td:nth-of-type(7):before {content: "Amount" !important;}
table.meterialcashfor  td:nth-of-type(8):before {content: "DC Date" !important;}
table.meterialcashfor  td:nth-of-type(9):before {content: "Time" !important;}
table.meterialcashfor td:nth-of-type(10):before {content: "Photo" !important;}
table.meterialcashfor  td:nth-of-type(11):before {content: "Action" !important;}

table.materialtosuppliersfor td:nth-of-type(1):before {content: "Material" !important;}
table.materialtosuppliersfor  td:nth-of-type(2):before {content: "Supplier" !important;}
table.materialtosuppliersfor  td:nth-of-type(3):before {content: "Vehicle Number" !important;}
table.materialtosuppliersfor td:nth-of-type(4):before {content: "Quantity" !important;}
table.materialtosuppliersfor  td:nth-of-type(5):before {content: "Units" !important;}
table.materialtosuppliersfor  td:nth-of-type(6):before {content: "DC No" !important;}
table.materialtosuppliersfor td:nth-of-type(7):before {content: "Amount" !important;}
table.materialtosuppliersfor  td:nth-of-type(8):before {content: "Date" !important;}
table.materialtosuppliersfor  td:nth-of-type(9):before {content: "Time" !important;}
table.materialtosuppliersfor td:nth-of-type(10):before {content: "Photo" !important;}
table.materialtosuppliersfor  td:nth-of-type(11):before {content: "From Site" !important;}
table.materialtosuppliersfor td:nth-of-type(12):before {content: "To Supplier" !important;}
table.materialtosuppliersfor  td:nth-of-type(13):before {content: "Action" !important;}


table.outgoingmaterialothersfor td:nth-of-type(1):before {content: "Material" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(2):before {content: "Supplier" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(3):before {content: "Vehicle Number" !important;}
table.outgoingmaterialothersfor td:nth-of-type(4):before {content: "Quantity" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(5):before {content: "Units" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(6):before {content: "DC No" !important;}
table.outgoingmaterialothersfor td:nth-of-type(7):before {content: "Amount" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(8):before {content: "Date" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(9):before {content: "Time" !important;}
table.outgoingmaterialothersfor td:nth-of-type(10):before {content: "Photo" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(11):before {content: "From Site" !important;}
table.outgoingmaterialothersfor td:nth-of-type(12):before {content: "To Site" !important;}
table.outgoingmaterialothersfor  td:nth-of-type(13):before {content: "Action" !important;}

table.otinggoingmeterialfor td:nth-of-type(1):before {content: "Material" !important;}
table.otinggoingmeterialfor  td:nth-of-type(2):before {content: "Vehicle Number" !important;}
table.otinggoingmeterialfor td:nth-of-type(3):before {content: "Quantity" !important;}
table.otinggoingmeterialfor  td:nth-of-type(4):before {content: "Units" !important;}
table.otinggoingmeterialfor  td:nth-of-type(5):before {content: "DC No" !important;}
table.otinggoingmeterialfor td:nth-of-type(6):before {content: "Amount" !important;}
table.otinggoingmeterialfor  td:nth-of-type(7):before {content: "Date" !important;}
table.otinggoingmeterialfor  td:nth-of-type(8):before {content: "Time" !important;}
table.otinggoingmeterialfor td:nth-of-type(9):before {content: "Photo" !important;}
table.otinggoingmeterialfor td:nth-of-type(10):before {content: "Action" !important;}

table.cementconsumptionfor td:nth-of-type(1):before {content: "Project Name" !important;}
table.cementconsumptionfor  td:nth-of-type(2):before {content: "Type Of Work" !important;}
table.cementconsumptionfor td:nth-of-type(3):before {content: "No Of Bags Used" !important;}
table.cementconsumptionfor  td:nth-of-type(4):before {content: "Date" !important;}

table.machineryreportsfor td:nth-of-type(1):before {content: "Machinery Name" !important;}
table.machineryreportsfor  td:nth-of-type(2):before {content: "Type Of Machinery" !important;}
table.machineryreportsfor td:nth-of-type(3):before {content: "Supplier Name" !important;}
table.machineryreportsfor  td:nth-of-type(4):before {content: "Date" !important;}
table.machineryreportsfor  td:nth-of-type(5):before {content: "Rental Cost" !important;}

table.sales-tab td:nth-of-type(1):before {content: "Project" !important;}
table.sales-tab  td:nth-of-type(2):before {content: "Sale Id" !important;}
table.sales-tab td:nth-of-type(3):before {content: "Customer" !important;}
table.sales-tab  td:nth-of-type(4):before {content: "Flat No" !important;}
table.sales-tab  td:nth-of-type(5):before {content: "Total Size" !important;}
table.sales-tab td:nth-of-type(6):before {content: "Type Of Flat" !important;}
table.sales-tab  td:nth-of-type(7):before {content: "Deal Price" !important;}
table.sales-tab td:nth-of-type(8):before {content: "Work Contract Price" !important;}
table.sales-tab  td:nth-of-type(9):before {content: "Date" !important;}
table.sales-tab  td:nth-of-type(10):before {content: "Action" !important;}
table.sales-tab  td:nth-of-type(11):before {content: "Status" !important;}

table.machinery-tab td:nth-of-type(1):before {content: "Project" !important;}
table.machinery-tab  td:nth-of-type(2):before {content: "Machinery" !important;}
table.machinery-tab td:nth-of-type(3):before {content: "Supplier" !important;}
table.machinery-tab  td:nth-of-type(4):before {content: "Date" !important;}

table.contactlabourtab td:nth-of-type(1):before {content: "Project" !important;}
table.contactlabourtab  td:nth-of-type(2):before {content: "Contractor" !important;}
table.contactlabourtab td:nth-of-type(3):before {content: "Mestri" !important;}
table.contactlabourtab  td:nth-of-type(4):before {content: "Male" !important;}
table.contactlabourtab  td:nth-of-type(5):before {content: "Female" !important;}

table.casuallobourtab td:nth-of-type(1):before {content: "Project" !important;}
table.casuallobourtab  td:nth-of-type(2):before {content: "Labour Type" !important;}
table.casuallobourtab td:nth-of-type(3):before {content: "How Many" !important;}
table.casuallobourtab  td:nth-of-type(4):before {content: "Reate Per Day" !important;}
table.casuallobourtab  td:nth-of-type(5):before {content: "Total Amount" !important;}

table.typeofworkcontracttab td:nth-of-type(1):before {content: "Project" !important;}
table.typeofworkcontracttab  td:nth-of-type(2):before {content: "Type Of Work" !important;}
table.typeofworkcontracttab td:nth-of-type(3):before {content: "Contractor" !important;}
table.typeofworkcontracttab  td:nth-of-type(4):before {content: "Amount" !important;}
table.typeofworkcontracttab  td:nth-of-type(5):before {content: "Date" !important;}

table.rcntactivity td:nth-of-type(1):before {content: "Project Name" !important;}
table.rcntactivity  td:nth-of-type(2):before {content: "Type Of Work" !important;}
table.rcntactivity td:nth-of-type(3):before {content: "Type Of Cement" !important;}
table.rcntactivity  td:nth-of-type(4):before {content: "No Of Bags Used" !important;}
table.rcntactivity  td:nth-of-type(5):before {content: "Date" !important;}
table.rcntactivity  td:nth-of-type(6):before {content: "Remarks" !important;}



div.grid-view.view-staff.manage-users  table.items.manageuserdiv td:nth-of-type(1):before {content: "Name" !important;}
/*======================End of View Sales============================*/

input[type="text"] {
 width:95%;
 overflow:hidden;
 height:11px;
}
 article#cont_head {
 background:none !important;
}
 article#cont_head.tble-bg {

}
 table.detail-view th {
 text-align: right;
 width: 115px !important;
 background: #f66b01 !important;
 color: #fff !important;
}
 table.detail-view tr.even {
 background:#fff !important;
}
 table.detail-view tr.odd {
 background:#fff !important;
}
 div.buttons {
 width: 95% !important;
}
 table.detail-view th, table.detail-view td {
 font-size: 0.9em;
 border: 1px solid #b75102 !important;
 padding: 0.3em 0.6em;
 vertical-align: top;
}
 table.detail-view th {
 text-align: left;
 border: 1px solid #b75102 !important;
}
 table.additionalwork, table.payment-schedule, table.bankloan, table.additionalwork {
 border:solid 1px #b75102;
}
 table.additionalwork tbody tr td:before {
 padding: 4px 0px 3px 6px !important;
}
 table.payment-schedule tbody tr td:before {
 padding: 4px 0px 3px 6px !important;
}
 table.bankloan tbody tr td:before {
 padding: 4px 0px 3px 6px !important;
}
 table.additionalwork tbody tr td:before {
 padding: 4px 0px 3px 6px !important;
}
 table.payment-schedule, table.additional-work, table.bankloan, table.additional-work {
 width:100% !important;
}
 form#customers-form input[type="text"], form#supplier-form input[type="text"], form#contractor-form input[type="text"], form#machinery-form input[type="text"], form#staff-form input[type="text"], form#user-form input[type="text"], form#material-form input[type="text"], form#typecement input[type="text"], form#typeofwork-form input[type="text"], form#sales-form input[type="text"], form#customers-form input[type="text"] {
 width: 93%;
 height:25px;
}
 table.items td {
 font-size: 0.9em;
 border: 1px solid #b75102 !important;
 padding: 0em !important;
}
 .grid-view table.items tbody tr:hover {
 background: none repeat scroll 0% 0% #fff !important;
}
 .grid-view table.items tr.odd {
 background: none repeat scroll 0% 0% #fff !important;
}
 .grid-view table.items {
 background: none repeat scroll 0% 0% #FFF;
 border-collapse: collapse;
 width: 98% !important;
 border: 1px solid #D0E3EF;
 margin-bottom: 60px;
}
 table.incoming_materials.createcontractor tr td {
 text-align: center;
 padding: 4px 0px !important;
}
 table.incoming_materials.createcontractor tr td select {
 height:25px;
}
 table.items td:before {
 width: 50% !important;
}
 table.items tbody td {
 padding-left: 54% !important;
text-align:left;
}
 table.incoming_materials.createcontractor .clonedInputcontlabour select {
 margin-right: -2px;
 -moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: "";
 background: url('../images/select_new.png') no-repeat scroll 100% center #F6FAFB;
 border: 1px solid #CAC9CD;
 padding: 0px !important;
 width: 160px;
 margin-right: 3px;
}
 table.incoming_materials.createcontractor tr td {
 text-align: right !important;
}
 table.incoming_materials.createcontractor td:before {
 width: 38% !important;
 height:32px;
 line-height:32px;
}
 table.incoming_materials.createcontractor input[type="text"] {
 width: 53%;
 overflow: hidden;
 height: 11px;
 float: right;
}
 table.incoming_materials.createcontractor {
 border:solid 1px #b75102;
}
 .grid-view table.items tr.even {
 background: none repeat scroll 0% 0% #F8F8F8;
 margin-top: 10px;
}
 .grid-view table.items tr.odd {
 background: none repeat scroll 0% 0% #F8F8F8;
 margin-top: 10px;
}
 .grid-view .button-column {
 text-align: left !important;
}
table.items tbody tr {
margin-top:10px;
}
table#incoming_materials tbody tr td {
 padding:10px !important;
}
div.items.view-staff.view_staffy.manage-userss.manage-usersss div.view {
width:43%;
}
form#selecter select {
    width: 100% !important;
}
.voicher-sbmt{
margin-top:15px;
}
#Payments_projectid{
width:97% !important;
}
.submit-t{
margin-top:10px !important;
}
}

@media all and (max-width:640px) and (min-width:320px) {
p#tqst{
display:block !important;
float:left;
font-size:16px;
color:#000000;
}
/*Css Written By Raghu*/
.scroll-div {
display:none;
}
table#view_machineries tr td {
    text-align: left;
    border-bottom: none !important;
	border-left:solid 1px #ccc;
}
form#supplier-form select#country {
    width: 97% !important;
}
table.incoming_materials.createcontractor select {
    width: 56% !important;
    height: 37px;
}
form#reports-form input#addreportdate[type="text"]{
width:97%;
}
form#supplier-form #country #city{
margin-bottom:10px;
}
input#viewreportdate[type="text"]{
width:97%;
}
nav ul.left_nav li {
 margin: 0px;
 float: left;
 padding: 17px 0px 15px;
 list-style: none outside none;
}
 table#graph td {
 border-bottom: 2px solid #C4380C;
 border-right: 2px solid #C4380C;
 background: none repeat scroll 0% 0% #F0F0F0;
 vertical-align: top;
 padding: 0px;
 overflow: scroll !important;
 float: left !important;
 width: 50% !important;
 margin-bottom: 14px;
}
 h1 span#income_m {
 padding: 5px 0px 5px 57px !important;
}
 #vcher .row {
 width:292px !important;
}
 #vcher .row label {
 width:279px;
}
 #vcher .row select {
 width:100% !important;
}
 article#dashbord_icon1, article#dashbord_icon_last {
 width: 100% !important;
}
 table.bank-loann {
 clear: both;
 float: left;
 width: 96% !important;
}
 #bankloan1 table#outcomgs1 input[type="text"] {
 width: 79px;
 height: 18px;
}
 table.work-contractt {
 clear: both;
 width: 62%;
 float: left;
}
 table.work-contractt td {
 text-align:center;
}
 article#inner_body {
 width: 100%;
 border: 1px solid rgb(195, 194, 195);
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
 float: left;
 position: relative;
 overflow: scroll;
}
 .span-19 {
 width: 100%;
 border: 1px solid rgb(195, 194, 195);
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
 float: left;
 position: relative;
 min-height: 400px;
 overflow: scroll;
}
 .span-19 h1 {
 color: rgb(226, 57, 5);
 text-shadow: 1px 1px 1px rgb(255, 255, 255);
 font-size: 13px !important;
 background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(227, 227, 227) 100%) repeat scroll 0% 0% transparent;
 padding: 17px 0px !important;
}
 form#sales-form select {
 margin-right: -2px;
 -moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: "";
 background: url("../images/select_new.png") no-repeat scroll 100% center rgb(246, 250, 251);
 padding: 7px 25px 0px 8px;
 width: 314px !important;
 border: 1px solid rgb(202, 201, 205);
}
 #Sales_saleid, #Sales_flatid, #Sales_totalsize, #Sales_dealprice, #Sales_workcontractprice {
 width:301px;
}
 h1 span#sales {
 background: url("../images/sale.png") no-repeat scroll 10px center transparent !important;
 padding: 14px 0px 14px 63px !important;
}
 #body_main table {
 margin-bottom:0px !important;
}
 article#peport_frm {
 padding: 0px 8px !important;
 height: 172px;
 width: 93% !important;
 margin: 0px auto;
}
 select#YumUser_superuser, #YumUser_status, #YumUser_YumRole {
 width:100% !important;
}
 #YumUserChangePassword_verifyPassword, #YumUserChangePassword_password {
 width:93%;
}
 textarea {
 width:95% !important;
}
 input[type="text"] {
 width: 93%;
}

/*.row {

width: 0px !important;

margin: 5px 0px;

}*/

div.view {
 width: 87% !important;
 padding: 5px 18px 5px 5px !important;
 float: left;

/*margin: 0px !important;*/

padding: 5px 24px 5px 5px;
 margin: 0px 0px 5px 0px;
 border: 1px solid rgb(219, 57, 7);

/*   width: 20%;*/

float: left;
}
 form#user-form select, form#machinery-form select {
 margin-right: -2px;
 -moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: "";
 background: url("../images/select_new.png") no-repeat scroll 100% center rgb(246, 250, 251);
 padding: 7px 25px 0px 7px;
 width: 97%;
 border: 1px solid rgb(202, 201, 205);
}

 article#reports {
 height: 414px !important;
}
 article#inner_body {
 padding: 0px 0px 10px 0px;
}
 table#suppliers {
 width: 97% !important;
 border: 1px solid rgb(204, 204, 204);
 float: left;
 margin-right: 0.5%;
 margin-bottom: 14px !important;
}

/*#suppliers th,td:first-child{

width:120px;

}

*/table#data7 {
 width: 98% !important;
}
 table#data7 tr td {
 text-align: center;
 padding: 10px 0px;
 border-right: solid 1px #fff;
}
 article#reports {
 width: 100% !important;
 margin: 0px auto;
 border: 1px solid rgb(204, 204, 204);
 height: 350px;
 position: relative;
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
}
 article#cont_area1 h2, article#cont_area2 h2 {
 padding: 9px 13px 13px 10px !important;
 font-size:12px;
}
 nav ul.left_nav a {
 font-size: 14px !important;
 padding: 15px 21px !important;
 color: rgb(0, 0, 0);
 transition: all 0.5s ease-in 0s !important;
}
 #menu-top ul li a {
 padding: 5px 0px !important;
 text-indent:11px;
}
 article#inner {
 padding: 0px 0px 0px 4px;
 float: left;
 width: 100% !important;
}
 input[type="text"] {
 width: 302px;
 height:25px;
}
 select#relation_one, select#relation_two, select#city, select#state, select#country {
/*width:314px;*/
 width: 97%;
}
form#customers-form select#country,select#state {
 width: 97%;
}
div.form .row_age input[type="text"] {
width: 301px;
clear: both;
}
input#Customers_photo {
margin-bottom:5px;
}
/*End Of Css Written By Raghu*/
ul.activty {
width:100%;
height:auto;
margin: 0px;
 padding: 0px;
}
 ul.activty li {
 padding: 13px 9px;
}
 .list-view .summary {
 text-align:left !important;
 width:97%;
}
 div.form .row, div.form .row_age {
 width:100% !important;
}
 div.form .row_age label {
 width: 28%;
}
 table#data4, #staff_at1 {
 width: 100% !important;
}
 table#data3 input[type="text"] {
 width: 95% !important;
}
 table#plan tr td {
 float:left !important;
 width:100%;
}
 article#peport_frm select {
 width:100% !important;
}
 div.form .buttons row, div.form .row_supp {
 width: 100%
}
 article#page_addproject .row label {
 width: 50% !important;
}
 table#incom1 {
 width: 37% !important;
 float: left !important;
}
 table#incom1 tr td {
 text-align: left;
 width: 100% !important;
 float: left !important;
 line-height: 37px;
 padding: 0px 0px 4px;
}
 table.detail-view {
 width:98% !important;
}
 h1 span#manage_cust {
 padding: 11px 0px 7px 67px;
 font-size: 16px;
}
span#all a {
    background: url('../images/viewall.png') no-repeat scroll left top transparent;
    font-size: 0px;
    padding: 19px 37px;
}
article#cont_area1 h2, article#cont_area2 h2 {
    padding: 9px 2px 12px 5px !important;
    font-size: 11px;
}
form#sales-form input[type="text"]{
width: 93% !important;
}
.sellcancle form#repeipt_d {
    width: 91% !important;
    float: left;
    background: none repeat scroll 0% 0% #CCC;
    padding: 10px;
    margin-bottom: 20px;
}
form#repeipt_d label {
    width: 158px;
}
#Payments_projectid {
    width: 85% !important;
}
.sellcancle form#repeipt_d select{
width: 85% !important;
}
form#selecter select {
    width: 92% !important;
}
table#sales td {
    margin: 5px 0px 0px 71px !important;
}
table thead{
background:#f66b01; color:#fff;
}
table.activty tbody{
background:#f66b01;
}
form#flat_sell {
    width: 97% !important;
    float: left;
    padding: 16px 0px 10px;
    background: none repeat scroll 0% 0% #CCC;
}
select {
    width: 97% !important;
    height: 37px;
}

.machinery-form-new select {
    width: 68% !important;
    height: 37px;
}
.machinery-form-new input[type="text"] {
    width: 65% !important;
    height: 37px;
}
.portlet {
    width: 92% !important;
    position: absolute;
    left:4% !important;
    top: 6% !important;
    border: 1px solid #C8380B;
    margin-top:0px !important;
    margin-left:0px !important;
	margin-bottom:10px !important;
}
#portlet {
    width: 92% !important;
    position: absolute;
    left:4% !important;
    top: 6% !important;
    border: 1px solid #C8380B;
    margin-top:0px !important;
    margin-left:0px !important;
	margin-bottom:10px !important;
}
.loginp {
    width: 100% !important;
    float: left;
}
.loginp_left {
    width: 100% !important;
    float: left;
    min-height: 150px;
    padding: 0px 0px  !important;
    border-right: none !important;
}
.loginp_right {
    width: 98% !important;
    float: left;
    padding: 0px 3px !important;
}
.loginp_left img{
width: 80%;
display: block;
margin: 0px auto;
}
#YumUserLogin_username{
    width: 90% !important;
    height: 43px;
    border: 1px solid #E33905;
    padding: 0px 15px;
}
#YumUserLogin_password{
    width: 90% !important;
    height: 43px;
    border: 1px solid #E33905;
    padding: 0px 15px;
}
#YumPasswordRecoveryForm_login_or_email{
width: 95% !important;
height: 33px;
border: 1px solid #E33905;
}
}

@media only screen and ( max-width: 62.5em ) /* 1000 */ {
#menu-top {
width: 100%;
position: static;
margin: 0;
}
}
@media only screen and ( max-width: 40em ) /* 640 */ {
article#cont_area1, article#cont_area2 {
    width: 100% !important;
    padding: 0px;
    height: auto;
}
table thead {
    color: #FFF;
    background: none !important ;
}

}
@media only screen and ( max-width: 80em ) /* 640 */ {

p#tqst{
display:block !important;
float:left;
font-size:16px;
color:#000000;
z-index:9999;
}
p#tqst a{
padding: 26px 25px;
background: url('../images/home.png') no-repeat scroll center center #E9E9E9;
font-size: 0px;
border: medium none;
float: left;
margin-left: -2px;
}
form#reports-form .row, #peport_frm .row{
width:100% !important;
}
div.form .row, div.form .row_age {
/*width:45% !important;*/
width:23% !important;
}
div.form .buttons {
width:100% !important;
}
div.form .row_age label {
width: 28%;
}
#menu-top {
position: relative;
top: auto;
left: auto;
}
#menu-top > a {
width: 50px; /* 50 */
height: 52px; /* 50 */
text-align: left;
text-indent: -9999px;
background-color: #e15a1f;
position: relative;
left: 50px;

}
#menu-top > a:before, #menu-top > a:after {
position: absolute;
border: 3px solid #fff;
top: 35%;
left: 25%;
right: 25%;
content: '';
}
#menu-top > a:after {
top: 60%;
}
#menu-top:not( :target ) > a:first-of-type, #menu-top:target > a:last-of-type {
display: block;
}
/* first level */
#menu-top > ul {
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
#menu-top:target > ul {
display: block;
}
#menu-top > ul > li {
width: 100%;
float: left;
background:#fb6d01;
height:auto;
}
#menu-top ul li ul {
margin-top: 20px;
background:#fb6d01;
}
#menu-top > ul > li > a {
height: auto;
text-align: left;
padding: 6px 0.833em; /* 20 (24) */
width:100%;
}
#menu-top > ul > li:not( :last-child ) > a {
border-right: none;
border-bottom: 1px solid #cc470d;
}
#menu-top ul li ul {
display: none;
position:inherit;
background:none;
color: #fff;
width:100%;
height:auto;
/* second level */
}
#menu-top ul li ul li:hover {
background:#c4380c;
}
#menu-top > ul > li > a:hover {
background:#c4380c;
}
#menu-top ul li ul li {
height:27px;
}
#menu-top li ul a {
font-size: 13px; /* 20 */
border-top: 1px solid #e15a1f;
padding: 0.30em; /* 15 (20) */
}
#menu-top li ul {
position: static;
padding: 1.25em; /* 20 */
padding-top: 0;
}
aside {
top: 40px;
float: left;
left: 50px;
z-index: 999;
width: 82%;
height:auto;
box-shadow: none;
border:none;
background:none;
}
nav.left_nav {
width: 100%;
height: 100%;
box-shadow: none;
border:none;
}
nav ul.left_nav {
box-shadow: none;
border:none;
}
nav ul.left_nav li {
margin: 0px;
float: left;
padding:0px;
list-style: none;
}
nav ul.left_nav {
margin:0px;
}
article#right_login {
position: absolute;
right: 0px;
}
article#login {
padding: 0px 3px 0px 38px;
}
article#right_login {
padding-right: 5px;
}
#menu-top ul li a#menuCompany1 {
display:none;
}
section#body_main {
    width: 100%;
    padding: 3px 0px 0px;
    margin: 79px 0px;
}
article#cont_area1 h2, article#cont_area2 h2 {
    font-size: 15px;
    color: #1F282D;
    background: url('../images/accdn_bg.jpg') repeat-x scroll left top transparent;
    margin: 0px;
    padding: 7px 11px 7px 7px;
    clear: both;
}
form#customers-form input[type="text"] {
    width: 90% !important;
	}
	select#relation_one, select#relation_two, select#city, select#state, select#country {
    width: 177px}
arcticle#dashbord_icon1, arcticle#dashbord_icon_last, arcticle#cont_area1, arcticle#cont_area2 {
width:100%;
}
#menu-top ul li#itemCompany1 {
display:none;
}
#menu-top ul li a#sub_menu {
padding: 6px 30px 6px 10px;
}
#menu-top ul li a#sub_menu:hover {
background:#c4380c;
}
nav ul.left_nav li#recent a:hover, nav ul.left_nav li#payment a:hover, nav ul.left_nav li#add_project a:hover, nav ul.left_nav li#curent a:hover, nav ul.left_nav li#report a:hover {
border-top:none;
border-bottom:none;
box-shadow:0px 0px 2px #f66b01;
}
#menu-top ul li a {
border:none;
}
article#dashbord_icon1, article#dashbord_icon_last{
width:25%;
padding:0px;
height:auto;
}
article#cont_area1, article#cont_area2 {
width:49%;
padding:0px;
height:auto;
}

article#dashbord_icon_last {
margin-top: 20px;
}
article#cont_area_cont {
height:auto;
}
h1 span#manage_cust {
padding: 11px 0px 7px 67px;
font-size: 26px;
}
p {
margin: 0px 2px 1.5em;
}
article#table {
height: auto;
overflow: auto;
}
table#cproject_top, table#cproject_up {
margin-bottom:0px;
}
article#cont_head {
height:auto;
}
}
@media screen and (max-width: 1024px){
article#reports {
    height: 410px !important;
}
div.form .row, div.form .row_age {
    width: 23% ;
}
select#relation_one, select#relation_two, select#city, select#state, select#country {
    width: 210px ;
    height: 36px;
    padding: 8px;
    border: 1px solid #CCC;
    background: linear-gradient(to bottom, #C9C9C9 0%, #FFF 100%) repeat scroll 0% 0% transparent;
}
input[type="text"] {
    width: 199px;
    height: 27px;
    background: none repeat scroll 0% 0% #F6FAFB;
    border: 1px solid #CAC9CD;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
    padding: 5px;
    float: left;
}
div.row.buttons.pagebtn{
width:100% !important;
}
.grid-view .filters input, .grid-view .filters select {
    border: 1px solid #CCC;
    width: 89% !important;
}
h1 span#manage_cust {
    padding: 11px 0px 7px 62px;
    font-size: 26px;
    width: 100%;
}
table#suppliers {
    width: 23%;
    border: 1px solid #CCC;
    float: left;
    margin-right: 0.5%;
}
table#data7 {
    width: 100% !important;
}
div.items.view-staff.view_staffy.manage-userss.manage-usersss div.view {
    padding: 0px !important;
    margin: 10px;
    border: 1px solid #CCC;
    width: 24% !important;
    float: left;
}
form#user-form select, form#machinery-form select {
        width: 212px;
	}
	.rdo{
	width:74%!important;
	}
	form#user-form div.row{
	width:100% !important;
	}
	form#user-form div.row input[type="text"] {
    width: 270px !important;
	}
	table.items.adminworkcontract.manage_projects thead th{
	color:#333;
	}
	th#projects-grid_c0,th#projects-grid_c1{
	color:#333;
	}
	form#repeipt_d .row {
    width: 22% !important;
    margin: 5px 6px !important;
}
form#repeipt_d input[type="submit"] {
margin-top:28px;
}
form#sales-form .row {
    width: 56% !important;
}
table.bank-loann tbody#outcomgs1 input[type="text"]{
width:170px !important;
}
form#sales-form fieldset input[type="text"] {
    width: 100px !important;
}
form#sales-form div.row.buttons.pagebtn{
 width:100% !important;
}
div.sellcancle form#repeipt_d .row {
    width: 33% !important;
    margin: 5px 6px !important;
}
div#creatpayment form#selecter .row {
    margin: 5px 0px;
    width: 24% !important;
}
div#creatpayment form#selecter .row input[type="submit"]{
margin-top:17px;
}
}
@media only screen and (min-width: 2880px) {
 #menu-top ul li a{
padding: 16px 0px !important;
}
#menu-top ul li a#sub_menu {
    background: url('../images/sub_nv_bg.png') no-repeat scroll right center transparent;
    padding: 16px 20px 16px 8px !important;
}
}

/*===========================End of Responsive CSS====================================*/

#portlet {
    border-radius: 5px;
    background: none repeat scroll 0% 0% #FFF;
    width: 808px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid #C8380B;
    margin-top: -200px;
    margin-left: -410px;
	padding-bottom:5px;
}
table#view_machineries tr td{
text-align:center !important;
}
table#view_machineries {
    margin-bottom:0px !important;
    width: 100%;
}
table#view_machineries tr td:last-child {
    text-align: left;
    border-bottom: none !important;
	border-left:solid 1px #9a989d;
}
div.items.view-staff.view_staffy.manage-userss.manage-usersss div.view {
    padding: 0px !important;
    margin: 10px;
    border: 1px solid #ccc;
    width: 20%;
    float: left;
}
table#view_machineries tr td:first-child {
   text-align: left;
    border-bottom: none !important;
	border-left:none !important;
}
.paymentt-duee thead:first-child{
background:#F66B01 !important;
color:#333 !important;
}
.paymentt-duee thead th{
color:#333 !important;
}
/*.ui-tabs .ui-tabs-panel {
padding: 1em 1.4em 4em 1.4em;
}
*/
.ui-tabs .ui-tabs-panel {
    padding: 1em 1.4em 4em;
    float: left;
    width: 97%;
    clear: both;
    height: auto;
}
table#view_machineries tr:nth-child(even) {background: #CCC}
table#view_machineries tr:nth-child(odd) {background: #FFF}

thead th {
    background: none repeat scroll 0% 0% #F66B01 !important;
    text-align: center;
    color: #fff !important;
}
legend{
color:#C4380C !important;
}
div#reports_dd {
    color: #E23905;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 30px;
    text-align: center;
    padding: 5px 0px;
    background: linear-gradient(to bottom, #FFF 0%, #E3E3E3 100%) repeat scroll 0% 0% transparent;
	height:58px;
}

/* 2018 STYLE */
nav#menu-top{background: #e33905;box-shadow: none;border: none;}
nav#menu-top ul li{border-right: none;border-left: none;}
nav#menu-top ul li a{text-shadow: none;border-left: none;}
nav#menu-top ul li a:hover,nav#menu-top ul li a#sub_menu:hover{background-color: rgba(0,0,0,.2);}
nav#menu-top ul li a#sub_menu{background-position:95% center;background-size: 9px;}
nav#menu-top ul li ul li a{float:none;}
nav#menu-top ul li ul li a:hover{background-color:transparent;}