@charset "utf-8";
/* CSS Document */

html, body {
    height:100%;
}
body.no-skin{ background:url(../images/bg-img.png) no-repeat right bottom}
.clear {

    clear: both;

    display: block;

    font-size: 0;

    height: 0;

    line-height: 0;

    margin: 0;

    padding: 0;

}

.clearfix:after{ clear:both; display:block; content:'.'; visibility:hidden; height:0px; }
/*---------------------COLUR-----------------*/

.theme-colour-main,.theme-colour-sub a:hover{ color:#00a4e0;}
.theme-colour-sub,.theme-colour-sub a{ color:#585858;}
.theme-colour-sub a.theme-colour-main{ color:#00a4e0}
.theme-bg-main{ background:#00a4e0}
.theme-bg-sub{ background:#d6d6d6}
.alert-bg{ background:#e6e6e6;}
.button-gradiant{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#26b1e0+0,0b98cb+66,0b98cb+100 */
background: #26b1e0; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #26b1e0 0%, #0b98cb 66%, #0b98cb 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #26b1e0 0%,#0b98cb 66%,#0b98cb 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #26b1e0 0%,#0b98cb 66%,#0b98cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b1e0', endColorstr='#0b98cb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.small-button-gradiant{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,d0d0d0+100 */
background: #26b1e0; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #26b1e0 0%, #0b98cb 66%, #0b98cb 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #26b1e0 0%,#0b98cb 66%,#0b98cb 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #26b1e0 0%,#0b98cb 66%,#0b98cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b1e0', endColorstr='#0b98cb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.menu-seperation-color li{ border-bottom:solid 1px #a9a9a9; border-top:solid 1px #e3e3e3}
.menu-seperation-color li ul li{ border:none}

.table-bg-color1{}
.table-bg-color1 thead tr{ background:#e6e6e6;}
.table-striped.table-bg-color1 > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-striped.table-bg-color1 > tbody > tr:nth-of-type(even) {
  background-color: #00a4e0;
  filter: alpha(opacity=50);
}
.table-striped.generate-barcode input{ background:none !important; width:70px;}
.text-right a i{ margin-right:12px; color:#000000; font-size:19px;}
.text-right input{ margin-right:2px !important;}
.privilege-hading{ background:#f8f8f8; padding:10px 10px 10px 20px;}
ul.privilege-sec{ list-style:none; margin-left:0px; margin-right:0px; margin-top:8px;}
ul.privilege-sec li{ padding:10px 0px 7px 42px;}
ul.privilege-sec li:nth-child(even) {background:#e3ebf4}
.add-job-order .accordion-header h1 input{ width:10px !important;}
.accordion-header h1{ width:100%;}
.accordion-header h1 span{ margin-left:10px;}
.accordion-header h1 div{ float:right; font-size:14px;}
.accordion-header h1 div input{ margin-right:10px;}
.accordion-header h1 div label{ margin-left:20px;}

ul.privilege-sec label{ margin-bottom:0px; margin-right:15px;}

.add-job-order .privilege-sec input{ display:block; float:left; width:10px !important; margin-right:8px; background:none !important; border:solid 1px #d5d5d5 !important}
.privilege-sec span{ display:block; float:left; margin-right:10px;}

.privilege-hading label{display:block;}
.privilege-hading span{ display:block; float:left; margin-right:10px;}
.add-job-order .privilege-hading input{ display:block; float:left; width:10px !important;}
.modal-body .row:nth-child(even){ background:#f4f4f4}
.modal-body .row{ padding:6px 0px 6px 0px;}


.add-job-order input.centimeter{ background:url(../images/cm.png) no-repeat 10px 15px; padding-left:55px !important;}
.add-job-order .centimeter span.cs-placeholder{ background:url(../images/cm.png) no-repeat 10px 15px!important; padding-left:46px !important;}
.page-content.loggin{ padding-left:37px;}
.loggin .login-ic{ float:left; width:50px; margin-bottom:17px;}
.loggin .login-inpt{ float:left; width:250px; margin-bottom:17px;}
.hiddenRow{ padding:0px !important;}
.hiddenRow div{ padding:13px !important;}
.filter{ border:1px dotted #CCCCCC; padding:0px 0px 15px 0px !important; margin:15px 0px;}
.add-metrial-row1{ background:#fff; }
.add-metrial-row2{background:#eeeeee; margin-left:-20px !important; margin-right:-20px !important; padding-left:5px; padding-right:5px;}
.add-metrial-row1 div.cs-skin-underline{margin:15px 0px 0px 0px; }
.add-job-order .add-metrial-row1 input{margin:20px 0px 0px 0px; }
.add-job-order .add-metrial-row1 select{margin:20px 0px 0px 0px; }
.add-job-order .add-metrial-row1{ padding-top: 0px; padding-bottom: 0px;}
/*.add-job-order .add-metrial-row1:last-child{padding-bottom: 20px;}*/ /*PRASANTH*/
.add-metrial-row2 div.cs-skin-underline{margin:15px 0px 0px 0px; }


.loggin-page{ max-width:800px; margin:0 auto; padding:180px 20px 0px 60px;}
.loggin-box-area{ width:331px; height:258px; background:url(../images/shadow.png) no-repeat center bottom;}
.loggin-box{ height:182px; border:solid 1px #cccccc; padding:20px 20px 0px 20px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+30,f1f1f1+56,ededed+57,f1f1f1+78,fafafa+91,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 30%, rgba(241,241,241,1) 56%, rgba(237,237,237,1) 57%, rgba(241,241,241,1) 78%, rgba(250,250,250,1) 91%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 30%,rgba(241,241,241,1) 56%,rgba(237,237,237,1) 57%,rgba(241,241,241,1) 78%,rgba(250,250,250,1) 91%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 30%,rgba(241,241,241,1) 56%,rgba(237,237,237,1) 57%,rgba(241,241,241,1) 78%,rgba(250,250,250,1) 91%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.loggin-box input{ width:250px; border:solid 1px #d7d7d7; padding:12px 5px 12px 31px; margin-bottom:15px; color:#58585a; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; background:none}
.loggin-box span{ display:block; position:relative;}
.loggin-box span i{ position:absolute; margin-top:11px; margin-left:11px; font-size:20px;}
.loggin-box input.loggin-button{ width:285px; padding:0px 0px 0px 0px; border:none; }
.logo-area{ float:right; margin-top:0px; 
height:130px; padding-top:20px;
}

.setup-page{ width:900px; padding:0px 30px 0px 30px; margin:0 auto; position:relative;}
.setup-box{ width:414px; height:auto;border:solid 1px #cccccc; padding:20px 50px 20px 25px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; background-color:rgba(255,255,255,0.7); color:#393939; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.setup-box table td{ padding:5px 0px 5px 0px;}
.setup-page .logo-area{ top:33%; position:absolute; right:0;}
.setup-page input{ padding:5px; width:215px; -webkit-border-radius: 3px 3px 3px 3px; /*215 242*/
border-radius: 3px 3px 3px 3px; border:solid 1px #CCCCCC; background:none}
.setup-page select{ padding:5px; width:228px; -webkit-border-radius: 3px 3px 3px 3px; /*228 254*/
border-radius: 3px 3px 3px 3px; border:solid 1px #CCCCCC; background:none}
.setup-page td td input{width:95px;}
.setup-page h1{ font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-bottom:10px; margin-top:25px; font-weight:normal}
.setup-box-wrpr{ color:#924272; float:left; margin-bottom:25px;}

.submit-button{ width:125px !important; padding:9px 0px 9px 0px  !important; border:none !important; background:#0394c6 !important; -webkit-border-radius: 6px 6px 6px 6px !important;
border-radius: 6px 6px 6px 6px !important; color:#FFFFFF; font-size:17px; font-family:Arial, Helvetica, sans-serif}

.mat-detls{ margin-bottom:15px;}
.mat-detls input{ width:100px !important; margin-bottom:0px !important; margin-top:0px !important; padding:2px 5px 2px 5px !important; }
.mat-detls {max-width:575px; border:solid 1px #e3e3e3;}
.mat-detls th,.mat-detls td{ padding:15px 15px 0px 15px; text-align:right;}
.mat-detls th{ padding-bottom:10px; background:#f7f7f7}
.mat-detls tr th:first-child{ text-align:left !important;}
.mat-detls tr td:first-child{ text-align:left !important;}
.calculate{}
.calc-input{ width:88%; float:left;}
.calc-ic{ float:right; width:9%; padding-left:20px; text-align:right}
.calc-ic i{ margin-left:-23px !important;}
.length-calculator{}
.length-calculator table input{ width:80px !important; margin:5px 0px 5px 0px; padding:5px !important;}
.length-calculator .modal-dialog{ width:290px;}
.length-calculator .modal-body{ padding:10px 18px 10px 18px;}
.length-calculator .modal-header{ padding-left:18px;}
.length-calculator .button-small{ margin-right:0px; margin-left:5px; margin-top:0px;}
.length-calculator .modal-footer{ padding-right:18px; padding-bottom:20px;}
.error-page{ text-align:center; margin-top:60px;}
.error-page .no{ font-size:110px; line-height:125px;}
.error-page .not-f{ font-size:48px; color:#AEAEAE;}
.error-page .error-txt{ font-size:16px;}
.error-page p i{font-size:250px; color:#AEAEAE}

.subheading{
    margin-top: 40px; /*PRASANTH 50 px*/
    position: relative;
}
.subheading h1{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 0px 18px;
}

/*------------Responsive table-----------------------------*/
.stacktable { width: 100%; text-align:left; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align:left; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 760px) {
.logo-area{ float:none; margin-bottom:20px; margin-top:0px; text-align:center}
.loggin-box-area{ margin:0 auto;}
.loggin-page{ padding:0px;}
.logo-area{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+62,ffffff+100&1+78,0.38+94,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 62%, rgba(255,255,255,1) 78%, rgba(255,255,255,0.38) 94%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 62%,rgba(255,255,255,1) 78%,rgba(255,255,255,0.38) 94%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 62%,rgba(255,255,255,1) 78%,rgba(255,255,255,0.38) 94%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.mat-detls{ width:100%;}
.mat-detls tr.headings{ display:none}
.mat-detls tr td:first-child{ display:block; float:none; width:100%; border-top:solid 1px #e3e3e3;}
.mat-detls tr td{ display:block; padding-right:0px; padding-top:10px; padding-bottom:10px; padding-left:8px; padding-right:8px; float:left; border-right:solid 1px #f0f0f0}
.mat-detls tr td:last-child{ border:none;}
.mat-detls tr td input{ width:90px !important; padding-top:2px !important; padding-bottom:2px !important; margin-top:-3px !important;}
}
@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
  .add-metrial-row1 div.cs-skin-underline{margin:15px 0px 0px 0px; }
.add-job-order .add-metrial-row1 input{margin:15px 0px 8px 0px; }
.add-metrial-row2 div.cs-skin-underline{margin:15px 0px 0px 0px; }
.add-job-order .add-metrial-row2 input{margin:15px 0px 8px 0px !important; }
.add-metrial-row1{ padding-bottom:8px;}
.add-metrial-row2{padding-bottom:8px;}
.editing-sec-icons{ text-align:left; width:100% !important;}
}
/*-------------------------------------------------*/
.avtar{ display:inline-block; background:#fff; color:#FFFFFF; padding:2px 0px 0px 0px; font-size:28px; font-weight:bold; text-align:center; width:43px; display:inline-block; margin-right:10px; vertical-align:top; overflow:hidden; height:45px; position: relative}
.avtar img{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
.title{ font-size:30px; display:inline-block; vertical-align:top}
.title:hover{ text-decoration:none}
.gear{ font-size:14px;color:#666666; display:inline-block}
.gear img{ margin-right:7px; margin-top:-2px;}
.logut{ font-size:14px;color:#666666; display:inline-block; margin-left:15px;}
.logut img{ margin-right:7px; margin-top:-2px;}
.page-header h1 i{ font-size:28px; margin-right:3px;}
.page-header .button{ margin-left:0px;}

.wrapper-head{ position:fixed; width:100%; z-index:5; padding-left:2%; background:#FFFFFF }
.top-area{ padding-top:20px; background:#FFFFFF; padding-bottom:10px; width:98%;}
.top-area-sep{ height:3px; width:98%; }

.editing-sec-icons{ text-align:right; width:125px;}
.editing-sec-icons i{ padding:5px; font-size:16px; color:#FFFFFF !important;  text-shadow: 1px 1px 1px #707070; }
.editing-sec-icons i.fa-trash-o{ padding:5px 6px; }
.editing-sec-icons li { float:left; list-style:none;  width:30px; height:26px; margin-right:5px; }
.editing-sec-icons ul { margin:0 !important; padding:0 !important;  margin-top: 5px !important;}
.editing-sec-icons ul.withchkbox{
    width: 140px !important;
}
.editing-sec-icons .button{ width:123px; font-size:13px;}
.no{}
.account-settings{ text-align:right; margin-top:7px;}

.alert-msg{ max-width:567px; width:100%; text-align:center; font-size:24px; padding:50px 0px 50px 0px; border:solid 1px #b6b6b6; line-height:40px;}


.button{ display:inline-block; font-size:18px; color:#FFFFFF !important; padding:5px 15px 5px 15px; text-align:center; margin:30px 10px 10px 0px; min-width:116px; -webkit-box-shadow: .5px .5px 0 0 #404040;
box-shadow: .5px .5px 0 0 #404040; border:none}
.button i{ color:##00a4e0 !important; position:relative !important; margin-top:0px !important; margin-left:0px !important;}
.button:hover{ text-decoration:none}

.button-small{ display:inline-block; font-size:14px; color:#FFF !important; padding:3px 8px; text-align:center; margin:20px 10px -5px 0px; min-width:60px; text-transform:capitalize; border-radius:2px;  border:none; 
}
.button-small i{ color:#FFF !important; position:relative !important; margin-top:0px !important; margin-left:0px !important; font-size:12px !important;}
.button-small:hover{ text-decoration:none; background: #0b98cb; /* Old browsers */}

/*.add-job-order input.button{ min-width:116px !important; width:auto !important; padding-bottom:5px !important; padding-top:5px !important; border:none}*/
.add-job-order input.button{ min-width:116px !important; width:auto !important; padding-top:5px !important; padding-bottom:5px !important; margin-top:30px !important;}
button.button{ min-width:116px !important; width:auto !important; padding-bottom:5px !important; padding-top:5px !important; border:none}
.button:hover{ text-decoration:none}

.add-job-order input{ width:100% !important; margin-top:20px; padding:10px 10px 10px 10px !important;}
.add-job-order select{ width:100% !important; margin-top:20px; padding:7px 10px 7px 10px !important; font-size:14px !important}
.add-job-order textarea{ width:100% !important;  padding:7px 10px 7px 10px !important; margin-top: 20px;}
.add-job-order i{ margin-top:32px; font-size:20px; color:#727272}
.add-job-order i.inner-ic{
    margin-left: -30px;
}
.detail-view input[type="text"]:disabled{ background:#fff !important; color:#333 !important}
.detail-view textarea{ background:#fff !important; color:#333 !important}
.refimage-box{padding:7px 10px 8px 10px; border:1px solid #d5d5d5; margin-top:20px;}
.refimage-box a{ color:#999999}
.wrapper-box{ padding:10px 20px 28px 20px;  background:#fff; margin-bottom:0px; border:solid 1px #cecece; margin-top:10px;} /*PRASANTH margin-top:20px; */

.wrapper-box-white{ padding:10px 20px 19px 20px;  background:#fff; margin-bottom:0px; border:solid 1px #cecece; margin-top:10px;} /*PRASANTH margin-top:20px; */
.wrapper-box-white table.job-ord-item td{
    border-bottom: none;
    border-top: none;
}

label.error{ margin-top:2px; color:#FFFFFF !important; padding:5px 10px 5px 10px; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; font-size:12px; position: absolute;
z-index: 1;
left: 20px;
top: 60px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f84859+0,f84859+27,e82943+100 */
background: rgb(248,72,89); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,72,89,1) 0%, rgba(248,72,89,1) 27%, rgba(232,41,67,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(248,72,89,1) 0%,rgba(248,72,89,1) 27%,rgba(232,41,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(248,72,89,1) 0%,rgba(248,72,89,1) 27%,rgba(232,41,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f84859', endColorstr='#e82943',GradientType=0 ); /* IE6-9 */


}

.error {

	position: relative;

	border: 1px solid #d6c1c3;

}

.error:after, .error:before {

	bottom: 100%;

	left: 18%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.error:after {

	border-color: rgba(99, 99, 99, 0);

	border-bottom-color: #f84859;

	border-width: 8px;

	margin-left: -8px;

}

.error:before {

	border-color: rgba(99, 99, 99, 0);

	border-bottom-color: #d6c1c3;

	border-width: 10px;

	margin-left: -10px;

}
.hide-box{width:20%; float:left; padding-top:32px;}
.hide-box input{width:10px !important; margin-left:5px !important; margin-right:8px !important;}
.hm-notification{}
.notify-box{ width:208px; height:252px; float:left; text-align:center; background:url(../images/notify-bx-shdw.png) no-repeat center bottom; padding-bottom:50px; position:relative; font-size:22px;
 margin-right:20px;

}
.notify-box a{ display:block; position:absolute; left:0; right:0; top:0; bottom:30px; padding-top:68px; color:#FFFFFF; line-height:35px; 

}
.notify-box a:hover{ text-decoration:none; color:#FFFFFF}
.notify-box a.job-assign{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#62702c+0,90b53c+100 */
background: rgb(98,112,44); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(98,112,44,1) 0%, rgba(144,181,60,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(98,112,44,1) 0%,rgba(144,181,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(98,112,44,1) 0%,rgba(144,181,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62702c', endColorstr='#90b53c',GradientType=1 ); /* IE6-9 */
}
.notify-box a.job-progress{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b1ff+0,83d2ef+100 */
background: rgb(0,177,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,177,255,1) 0%, rgba(131,210,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,177,255,1) 0%,rgba(131,210,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,177,255,1) 0%,rgba(131,210,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1ff', endColorstr='#83d2ef',GradientType=1 ); /* IE6-9 */
}
.notify-box a.job-completed{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4a801+0,d0c52d+100 */
background: rgb(180,168,1); /* Old browsers */
background: -moz-linear-gradient(left, rgba(180,168,1,1) 0%, rgba(208,197,45,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(180,168,1,1) 0%,rgba(208,197,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(180,168,1,1) 0%,rgba(208,197,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4a801', endColorstr='#d0c52d',GradientType=1 ); /* IE6-9 */
}
.notify-box a.job-estimate{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b30c81+0,d12a9b+100 */
background: rgb(179,12,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(179,12,129,1) 0%, rgba(209,42,155,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(179,12,129,1) 0%,rgba(209,42,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(179,12,129,1) 0%,rgba(209,42,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30c81', endColorstr='#d12a9b',GradientType=1 ); /* IE6-9 */

}
.notify-box a.mat-out-stok{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d85606+0,f66215+100 */
background: rgb(216,86,6); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(216,86,6,1) 0%, rgba(246,98,21,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(216,86,6,1) 0%,rgba(246,98,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(216,86,6,1) 0%,rgba(246,98,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85606', endColorstr='#f66215',GradientType=1 ); /* IE6-9 */
padding-top:59px;

}
.notify-box a.job-approved{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#939393+0,bcbcbc+100 */
background: rgb(147,147,147); /* Old browsers */
background: -moz-linear-gradient(left, rgba(147,147,147,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(147,147,147,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(147,147,147,1) 0%,rgba(188,188,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#bcbcbc',GradientType=1 ); /* IE6-9 */
}
.notify-box a span{ font-size:90px; color:#FFFFFF; text-shadow: 1px 1px 1px #3D3D3D;}



#machine_list{ position:absolute; z-index:50; background:#f5f5f5; margin-left:0px; padding:5px 0px 5px 12px; width:94.8%;}
#machine_list li{ list-style:none; line-height:25px;}
.machine_list{ position:absolute; z-index:50; background:#f5f5f5; margin-left:0px; padding:5px 0px 5px 12px; width:94.8%;}
.machine_list li{ list-style:none; line-height:25px;}
#machine_list_pop{ position:absolute; z-index:50; background:#f5f5f5; margin-left:0px; padding:5px 0px 5px 12px; width:94.8%;}
#machine_list_pop li{ list-style:none; line-height:25px;}
#machine_list_pop2{ position:absolute; z-index:50; background:#f5f5f5; margin-left:0px; padding:5px 0px 5px 12px; width:94.8%;}
#machine_list_pop2 li{ list-style:none; line-height:25px;}
.material_list{ position:absolute; z-index:50; background:#f5f5f5; margin-left:0px; padding:5px 15px 5px 5px; min-width:200px; height:200px; visibility:hidden;overflow-x: hidden; overflow-y: visible; }
.material_list li{ list-style:none; line-height:25px;}
.price-sec{}
.price-sec span.price{ font-size:19px; color:#c3c3c3; position:absolute; margin-top:27px; margin-left:10px;}
.price-sec input{ padding-left:60px !important;}

.white-sec{ background:#FFFFFF; padding:0px 20px 0px 20px; margin-top:20px; margin-left:-20px; margin-right:-20px; border-bottom:1px solid #cecece}
.add-material-button-row{ padding-bottom:5px; padding-left:11px; }
.pagination-sec{ width:325px; float:right} /*285px PRASANTH*/
.pagination-sec .pagination{ float:right;}
.pagination-sec .selct-pg{ float:right; margin-top:27px; margin-left:10px; height:32px;}
.pagination-sec span.pages-nm{ display:block; float:right; margin-top:31px; margin-left:10px;}
.assdess{}
.assending{
-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dessending{-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
	


.error-red-bdr{ border-color:#FF0000 !important;}


.estimate{ font-size:16px; color:#000000; line-height:32px; padding-top:25px;}
.estimate table{ margin-top:30px; margin-bottom:20px; border:solid 1px #CCCCCC}
.estimate table td{ padding:15px 15px 15px 15px;}
.estimate table th{ padding:15px 15px 15px 15px; border-bottom:solid 1px #CCCCCC; font-weight:normal}
.estimate table tr td:last-child{ }
.estimate table tr td:nth-child(2){border-left:solid 1px  #CCCCCC; padding-right: 0px;}
.estimate table tr:last-child td{ border-top:solid 1px  #CCCCCC}

.job-ord-item{ margin-top: 20px;}
.job-ord-item th{ background: #f7f7f7; font-size: 13px;}
.job-ord-item td.editing-sec-icons i{ margin-top: 0px;}
.job-ord-item td select{ margin-top: 1px; height: 43px;}
.job-ord-item td { position:relative; }
.job-ord-item td:first-child{
    padding-left: 0px;
}
table.job-ord-item:nth-child(2) {
background:#f5f5f5;
}
table.job-ord-item:last-child{}

.jbrdr-itm-tbl table td input{
	margin:0px 0px 4px 0px !important;
}
.jbrdr-itm-tbl table td select{
	margin:4px 0px 4px 0px !important;
}
.jbrdr-itm-tbl table td textarea{
    margin-top: 0px;
}

.job-order-print{ font-size:16px; color:#000000; line-height:32px; padding-top:25px;}
.job-order-print table{ margin-top:30px; margin-bottom:20px; border-bottom:solid 1px #CCCCCC}
.job-order-print table td{ padding:5px 0px 5px 0px;}
.job-order-print table tr:last-child td{ padding-bottom: 20px;}
.job-order-print table th{ padding:15px 15px 15px 15px; border-bottom:solid 1px #CCCCCC; font-weight:normal}

.jbrdr-itm-tbl table{
    border-left: solid 0px #ddd;
    border-right: solid 0px #ddd;
    margin-bottom: 0px;
    margin-top: 0px;
}
.jbrdr-itm-tbl table td{
    border-top: none !important;
}
.jbrdr-itm-tbl {
    margin-bottom: 20px;
    margin-top: 10px; /*PRASANTH 20 px*/
}
.cart-button{
    min-width: 26px;
    
    margin-top: 27px;
    border-radius:2px;
    
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcbcbc+0,727272+50,686868+50,757575+100 */
background: rgb(188,188,188); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(188,188,188,1) 0%, rgba(114,114,114,1) 50%, rgba(104,104,104,1) 50%, rgba(117,117,117,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(188,188,188,1) 0%,rgba(114,114,114,1) 50%,rgba(104,104,104,1) 50%,rgba(117,117,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(188,188,188,1) 0%,rgba(114,114,114,1) 50%,rgba(104,104,104,1) 50%,rgba(117,117,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#757575',GradientType=0 ); /* IE6-9 */


    
}
a.cart-button:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8a8a8+0,727272+50,686868+50,757575+100 */
background: rgb(168,168,168); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(168,168,168,1) 0%, rgba(114,114,114,1) 50%, rgba(104,104,104,1) 50%, rgba(117,117,117,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(114,114,114,1) 50%,rgba(104,104,104,1) 50%,rgba(117,117,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(168,168,168,1) 0%,rgba(114,114,114,1) 50%,rgba(104,104,104,1) 50%,rgba(117,117,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#757575',GradientType=0 ); /* IE6-9 */

}
.button-small.cart-button i{
    font-size: 14px !important;
}
.invoice{
    font-size: 16px;
}
.invoice h2{
    text-align: center;
    padding: 30px 0px 50px 0px;
}
.invoice a {
    
}

.table-invoice{
    display: table;
    width: 100%;
    border-left:  solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    margin-top: 10px;
}

.invoice-row{
    border: solid 1px #cccccc;
    padding: 0px;
    display: table-row;
    width: 100%;
    
}
.invoice-row.heading{
    /*font-weight: bold;*/ /*PRASANTH*/
}
.invoice-colmn{
    display: table-cell;
    vertical-align: top;
    border-right:  solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding: 7px 10px 7px 10px;
   
}
.invoice-colmn.styl1{
    width: 70px; /*90px PRASANTH*/
    text-align: center
}
.invoice-colmn.styl2{
     width: 55%:
}
.invoice-colmn.styl3{
    width: 10%;
    text-align: center;
}

.invoice-colmn.styl4{
    width: 10%; /*15% PRASANTH*/
    text-align: center;
}
.invoice-colmn.styl5{
  width: 16%; /*20% PRASANTH*/
   text-align: center;
}
.invoice-colmn.styl6{
  width: 10%;
   text-align: center;
}
.total-row{
     border: solid 1px #cccccc;
    text-align: right;
    border-top: 0px;
}
.total-clm1{
    display: inline-block;
    text-align: right;
    border-right: solid 1px #cccccc; 
    padding: 7px 10px 7px 10px;
     width: 83.2%; /*79.4% PRASANTH*/
}
.total-clm2{
    display: inline-block;
    padding: 7px 10px 7px 10px;
     width: 15.6%; /*19.6% PRASANTH*/
    text-align: center
}
.invoice.print-preview{
    width: 750px;
    margin: 0 auto;
}
.invoice.print-preview .styl1{
    width: 75px;
    max-width: 75px;
    min-width: 75px;
   
}
.invoice.print-preview .styl2{
    width: 287px;
    max-width: 287px;
    min-width: 287px;
   
}
.invoice.print-preview .styl3{
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    
}
.invoice.print-preview .styl4{
    width: 106px;
    max-width: 106px;
    min-width: 106px;
    
}
.invoice.print-preview .styl5{
    
    width: 127px;
    max-width: 127px;
    min-width: 127px;
}
.invoice.print-preview .total-clm1{
    width: 581px;
      max-width: 581px;
    min-width: 581px;
    display: table-cell;
}
.invoice.print-preview .total-clm2{
   width: 127px;
    max-width: 127px;
    min-width: 127px;
     display: table-cell;
}


@media (max-width:1024px){
.editing-sec-icons ul li:last-child input{ display:none !important;}
.title-device{ width:1000px; overflow:hidden;}
.detail-view table td{ display:block; float:none; width:100%;}
table.stacktable td{ width:100% !important;}
td.editing-sec-icons{ width:100% !important; text-align:left; padding-left:1px !important;}
.editing-sec-icons .button{ margin-left:0px;}
.jbrdr-itm-tbl{ border-top:1px solid #ddd }
.jbrdr-itm-tbl table td{ display:inline-block; width:49%; float:none; border-top:none !important; vertical-align:top}
.jbrdr-itm-tbl table td.editing-sec-icons a i{ margin-left:10px;}
    
    .jbrdr-itm-tbl{
        border: none;
    }

}
@media (max-width:991px){
.sidebar{ width:50px !important;}
.nav-list > li > a b{ display:none !important;}
.nav-list > li > a span{ display:none !important;}
.nav-list > li > a{ padding-left:14px !important;}
/*.nav-list > li:hover ul.submenu{ display:block; position:absolute}*/

.page-content{ padding-top:30px !important; }
.setup-page{ width:100%; padding-left:0px; padding-right:0px;}
.setup-box-wrpr{ padding-left:25px; padding-right:25px;}
.setup-page .logo-area{ position:relative; float:none; text-align:center}
.setup-box{ margin:0 auto;}
.setup-page h1{ text-align:center} 
.setup-box-wrpr{ float:none}
    
}
@media (max-width:560px){
.setup-box table td{ display:block; width:100%; float:none}
.gradiant-selection td table td{ width:117px; float:left;}
.setup-box{ padding-left:20px; padding-right:20px; width:234px;}
.jbrdr-itm-tbl table td{ width:100%;}
}
@media (max-width:375px){
.loggin .login-inpt{ width:202px;}
}







/* DivTable.com */
.divTable{
	display: table;
	width: 750px;
    max-width: 750px;
    min-width: 750px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}
.divTable.job-order-invoice{
    border-left:none;
    border-top:none;
    border-bottom: 1px solid #cccccc;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.sn{
    width: 30px; /*75px PRASANTH*/
    text-align: center;
}
.job-order-print-cln1{
    width: 525px;
    text-align: left;
    border: none;
    padding: 10px 0px 10px 0px;
}
.job-order-print-cln2{
    width: 525px;
    text-align: left;
    border: none;
}
.dec{
    width: 245px; /*285px PRASANTH*/
}
.qty{
    width: 40px; /*50px PRASANTH*/
    text-align: center;
}
.rate{
    width: 95px; /*105px PRASANTH*/
    text-align: center;
}
.vat{
    width: 75px;
    text-align: center;
}
.amnt{
    text-align: center;
    width: 129px;
}
.total{
    width: 572px; /*569px PRASANTH*/
    text-align: right;
    padding: 3px 0px 3px 0px;
}
.total-amnt{
    text-align: center;
    width: 136px; /*139px; PRASANTH*/
    padding: 3px 0px 3px 0px;
}
@-moz-document url-prefix() { 
  .total{
     width: 559px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .total{ width: 571px;}
}
@media print {
body {
   content:url(images/mybg.png);
  }
}














/*.zxyz {
	 /*white-space:nowrap;
	 width:150px !important;
	 overflow:hidden;*/
	 /*white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:150px;
}

.azxyz {
	 /*white-space:nowrap;
	 width:150px !important;
	 overflow:hidden;*/
	/* white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:150px;
}*/

@media (max-width:375px){
	.zxyz {
	 white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:250px;
	}
}
@media (max-width:560px){
	.zxyz {
	 white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:250px;
	}
}
@media (max-width:720px){
	.zxyz {
	 white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:250px;
	}
}
@media (max-width:1024px){
	.zxyz {
	 white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:100%;
	}
}
@media (min-width:1024px){
	.zxyz {
	 white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:200px;
	}
}
@media (min-width:1280px){
	.zxyz {
	 white-space: nowrap; 
	 text-overflow:ellipsis; 
	 overflow: hidden; 
	 max-width:250px;
	}
}