a.current { 
    color: black;
    font-weight: bold; 
    text-decoration: none; 
} 
.clsDatePicker {
    z-index: 100000;
}
#taskTable tr:nth-child(odd) {
            background-color: #f2f2f2;
         }
         
#taskTable tr:nth-child(even) {
            background-color: #ffffff;
         }
body{
	font-family: 'Open Sans', sans-serif;
}
a {
color: #E1704B;
transition: color 0.5s ease;
}
a:hover{
    cursor:pointer;
}
h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 2.5em;
    font-weight: 500;
}
div.task label.checkbox{
	border: 1px solid #DDD;
	border-left-width: 3px;
	padding: 9px 9px 9px 29px;
	background-color: #FFF;
	margin-top: 10px;
	position: relative;
	font-weight: normal;
}
.header-color-blue {
    background: #307ECC;
    border: 1px solid #307ECC;
    box-sizing: content-box;
    position: relative;
    min-height: 38px;
    padding: 0 12px 0;
    color: #fff;
}
.filter{
    margin-top: 6px;
}
.header-color-blue+.widget-body {
border-color: #307ECC;
margin-top: -10px;
padding: 20px 10px;
}
.widget-body {
border: 1px solid #CCC;
border-top: 0;
background-color: #FFF;
}
.strike{
	text-decoration:line-through;
}
.header-elements-margin {
	margin: 5px;
}
.add-task{
	margin-top: 10px;
}
.nav-button-margin{
	margin: 10px 20px 0 0;
}
.navbar{
border-radius: 0;
background: #438EB9;
color: #fff;
}
.navbar .navbar-brand {
color: #FFF;
font-size: 24px;
text-shadow: none;
}
div#calendar ul.dates .end {
  background-color: #9E9E9E;  
}
.order.index #report_view .modal-header,
.order.index #report_view .modal-footer,
.order.index #report_view .modal-body{
    padding: 2px 15px;
}
.order.index #report_view .form-group {
    margin-bottom: 5px;
}
.order.index #report_view .checkbox {
    margin-top: 0px;
    margin-bottom: 5px;
}
.order.index #report_view label {
    margin-bottom: 0px;
}
.order.index #report_view .datepicker {
    height: 26px;
}
.form-control {
    height: 28px;
    padding: 2px 12px;
}
.order-matrix table thead > tr > th {
    padding: 3px 2px;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}
.order-matrix table tbody > tr > td {
    padding: 2px;
    font-size: 12px;
    max-width: 40px;
    overflow: hidden;
}


.order-matrix table thead > tr > th {
    max-width: 10px;
    overflow: hidden;
}

.order-matrix table tbody > tr > td {
    max-width: 10px;
    overflow: hidden;
}
.order-matrix input {
    text-align: center;
    /* border: 1px solid #B7BEF9; */
}
span.error {
    color: red;
}
.leave_bg {
    background-color: #DDD;
}
.attendance.index .huge {
    font-size: 28px;
}
.attendance-table table.table-bordered tbody th, .attendance-table table.table-bordered tbody td {
    line-height: 5px;
    font-size: 10px;
}
.attendance-table .ab-dsp.A, .attendance-table .ab-dsp.HD {
    color: red;
}
.attendance-table .ab-dsp.L {
    color: blue;
}





























/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11 Mar, 2016, 5:29:25 AM
    Author     : vinay
*/
#dumybody td{
	text-align:left;
}
form label.error, label.error, form .error {
    color: red;
    font-style: italic;
    margin-bottom: 10px !important;
    font-size: 14px;
    display: block;
    font-weight: normal;
}
form input.form-control.error {
    border: red 1px solid;
}
.page-header {
    margin:0 !important;
}
.alerts {
    margin-top: 10px;
}
#customer_list .modal-body {
    max-height: 250px;
    overflow-y: scroll;
}
.dn {
    display: none;
}
.ds {
    display: '';
}
#layer_id-blk #layer_id-error {
    position: absolute;
    margin-top: -33px;
}

#tech-blk #tech-error {
    position: absolute;
    margin-top: -18px;
}
.view_order_details {
    cursor: pointer;
}
@media(min-width:768px) {
    .order.index .custom-nav, .dashboard.index .custom-nav {
        background-color: #ddd;
        position: absolute;
        left: 16px;
        width: 10px;
        padding: 14px;
        margin: 0px;
        top: 92px;
        display:block !important;
        z-index: 100;

    }
    .order.index .custom-nav .icon-bar, .dashboard.index .custom-nav .icon-bar {
        background-color: #888;
        width: 5px;
    }
    .order.index #page-wrapper, .dashboard.index #page-wrapper {
        margin-left: 0px;
    }
    .order.index #side-menu, .dashboard.index #side-menu {
        display: none;
    }
}
@media(max-width:767px) {
    .order.index .custom-nav, .dashboard.index .custom-nav {
        display: none !important;
    }
}
#page-wrapper {
    /*padding-top: 5px !important;*/
}
.cursor {
    cursor: pointer;
}
.form-group.row {
    margin-bottom: 0px;
}

.order-header {
    width: 50px;
    background-color: #fff;
}

.order-details table thead > tr > th {
    padding: 3px 2px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
.order-details table tbody > tr > td {
    padding: 2px;
    font-size: 14px;
    max-width: 40px;
    overflow: hidden;
}


.order-details table thead > tr > th {
    max-width: 10px;
    overflow: hidden;
}


.order-details table tbody > tr > td {
    max-width: 10px;
    overflow: hidden;
}
.order-details table tbdoy > tr > td:nth-child(1),
.order-details table tbdoy > tr > td:nth-child(2)
{
	max-width: 0px;
    width: 7px;
    
     
}

.order-details table thead > tr > th:nth-child(9),
.order-details table thead > tr > th:nth-child(16),
.order-details table thead > tr > th:nth-child(17),
.order-details table thead > tr > th:nth-child(10) {
    max-width: 15px;
}
.order-details table tbody > tr > td:nth-child(1),
.order-details table tbody > tr > td:nth-child(2),
.order-details table tbody > tr > td:nth-child(4),
.order-details table tbody > tr > td:nth-child(5),
.order-details table tbody > tr > td:nth-child(7)
{
width:3%;	
}


.order-details table tbody > tr > td:nth-child(9),
.order-details table tbody > tr > td:nth-child(10),
.order-details table tbody > tr > td:nth-child(16),
.order-details table tbody > tr > td:nth-child(17)
{
width:5%;	
}

.order-details table tbody > tr > td:nth-child(9),
.order-details table tbody > tr > td:nth-child(16),
.order-details table tbody > tr > td:nth-child(17),
.order-details table tbody > tr > td:nth-child(10) {
    max-width: 15px;
}
.order-details table thead > tr > th:nth-child(6) {
    max-width: 35px;
    text-align: left;
}
.order-details.customer table thead > tr > th:nth-child(6) {
    max-width: 10px;
    text-align: left;
}

.order-details table tbody > tr > td:nth-child(6) {
    max-width: 35px;
    text-align: left;
}
/*

.order-header th:nth-child(1), .order-header th:nth-child(9), .order-header th:nth-child(10) {
    max-width: 28px;
    overflow: hidden;
}

.order-details table tbody > tr > td:nth-child(1),
.order-details table tbody > tr > td:nth-child(9),
.order-details table tbody > tr > td:nth-child(10)
{
    max-width: 28px;
    overflow: hidden;
}


.order-header th:nth-child(3), 
.order-header th:nth-child(4), 
.order-header th:nth-child(5) {
    min-width: 20px;
}


.order-header th:nth-child(6), 
.order-header th:nth-child(7), 
.order-header th:nth-child(8),
.order-header th:nth-child(14),
.order-header th:nth-child(18)
{
    max-width: 40px;
    overflow: hidden;
}
.order-details table tbody > tr > td:nth-child(6),
.order-details table tbody > tr > td:nth-child(7),
.order-details table tbody > tr > td:nth-child(8),
.order-details table tbody > tr > td:nth-child(14),
.order-details table tbody > tr > td:nth-child(18)
{
    max-width: 40px;
    overflow: hidden;
}

.order-header th:nth-child(11),
.order-header th:nth-child(12),
.order-header th:nth-child(13),
.order-header th:nth-child(19)
{
    max-width: 40px;
    overflow: hidden;
}
.order-details table tbody > tr > td:nth-child(11),
.order-details table tbody > tr > td:nth-child(12),
.order-details table tbody > tr > td:nth-child(13),
.order-details table tbody > tr > td:nth-child(19)
{
    max-width: 40px;
    overflow: hidden;
}
.order-details table tbody > tr > td:nth-child(2)
{
    max-width: 65px;
    overflow: hidden;
}
.order-header th:nth-child(2)
{
    max-width: 65px;
    overflow: hidden;
}
*/
.order-details tr td {
    text-align: center;
}

.modal-backdrop.in {
    opacity: .1 !important;
}
.modal-backdrop {
    background-color: #fff !important;
}
.order.index .ordermodel.modal-dialog {
    margin: 0px !important;
}
.dataTables_length {
    display: none;
}
.order-details table thead .sorting:after,.order-details table thead .sorting_desc:after,.order-details table thead .sorting_asc:after{
    float: none;
    display: block;
}
.dataTable_wrapper.order-details {
    width: 100%;
    font-size: 11px;
}
.dataTable_wrapper.order-details .table-wrapper {
    width: 100%;
    float: left;
}
.dataTable_wrapper.order-details .mht-details {
    width: 343px;
    position: absolute;
    right: 17px;
    
   /* max-height: 557px;*/
    overflow-y: scroll;
    /*margin-top: 33px;*/
    display: none;
    border-left: 2px solid #B7BEF9;
    background-color: #f5f5f5;
}
.dataTable_wrapper.order-details .form-inline .form-control {
    height: 50%;
}
#order_details {
    width: 100%;
    font-size: 12px !important;
    clear: both;
    margin-top: 10px;
}
#order_details .no-record {
    padding: 5px
}
#order_details .table>tbody>tr>td {
    padding: 3px;
    font-size: 12px;
} 

.status {
    padding: 1px 3px;
}
.status.F {    
    background-color: none;    
}
.status.O {    
    display: none;    
}
.status.P {    
    background-color: #B8FD0E;    
}
.status.H {    
    background-color: #F93042;    
}
.status.R {    
    background-color: #ADFF2F;    
}
.status.Q {    
    background-color: #B7BEF9;    
}
.status.I {    
    background-color: #DAF7A6;    
}
.status.C {    
    background-color: #839192;    
}
.status.D {    
    background-color: #30F9ED;    
}
.mht-details .table>tbody>tr>td {
    padding: 2px;
}
.mht-details table {
    word-wrap:break-word;
    table-layout: fixed;
}
.navbar-header {
    width: 80%;
}
.custom-pagination {
    width: 100% !important;
    text-align: right;
    color: #337ab7;
    margin-top: -10px;
}
.custom-pagination strong {
    background-color: #337ab7;
    border-color: #337ab7;
    padding: 4px;
    color: #fff;    
}
.custom-pagination a {
    padding: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #337ab7;
}
#status_change_content .modal-header {
    padding: 2px;
}
#status_change_content .modal-header h4{
    font-size: 14px;
}
#status_change_content label {
    font-size: 10px;
}
#status_change_content .form-control {
    font-size: 12px;
    height: 20px;
    padding: 0px;
}
#status_change_content textarea {
    width: 100%;
}
#status_change_content .form-group {
    margin-bottom: 0px;
}
#status_change_content .modal-footer {
    padding: 4px;
}
#status_change_content .btn {
    padding: 1px 4px;
    font-size: 12px;
}
#status_change_content .modal-body {
    padding: 5px;
}
.navbar-default .navbar-brand {
    padding: 0px !important;
    padding-top: 10px !important;
    width: 20%;
    height: 100%;
}
.navbar-brand>img {
    display: inline;
    float: left;
}
/* .navbar-header span.logo-text {
    color: #000;
    display: block;
    float: left;	
    font-weight: bold;
    margin: 20px 0px 0px 31px;
} */
/* .navbar-brand .logo {
    width:100px;
    height:auto;
} */
.navbar-header span.blue-bar {
    background-color: #B7BEF9;
    float: left;
    margin: 22px 0px 0px 15px;
    height: 1.8em;
    width: 55%;
}
.navbar {
    min-height: 94px;
}
.sidebar {
    margin-top: 94px;
}
.order-sub-details tbody > tr > td {
    text-align: left;
}
.order-sub-details tbody > tr > td:nth-child(1) {
    text-align: right;
}
.mht_special_instr {
    min-height: 112px;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff;
}
.blu-bg {
    background-color: #B7BEF9 !important;
}
#status_change_content {
    font-size: 12px !important;
}
.mht_special_instr table > tbody > tr > td {
    text-align: left;
}
.wrd-brk {
    word-break: break-word;
}
.order-highlight {
    background-color: aquamarine !important;
}
.search-bar {
    text-align: right !important;
    background-color: #fff;
}
.search-bar input {
    border: 1px solid #B7BEF9;
}
.mht-details tr td {
    text-align: left;	
    font-size: 12px !important;
}
.mht-details table {
    height:600px;
}
.mht-hide {
    cursor: pointer;
    float: right;
    font-weight: bold;
    font-size: 14px;
}
.order-details table thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}
.order-details table thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}
.order-details table thead .sorting_:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}
.order-detail-left {
    width: 80%;
    float: left;
    height:100px;
}
.order-detail-right {
    width: 20%;
}
.order-detail-right .details
{
    height: 218px;
    max-height: 89px;
    overflow-y: scroll;
}
.order-detail-left tr td {
    text-align: left;
}	
.order-detail-right tr td {
    text-align: left;
}
.quality-header td{
    padding: 5px 3px !important;
}
.search-field {
    width: 100%;
    height: 20px;
    font-size: 12px;
    padding: 2px;
    border: none;
}
.head-left {
    float: left;
}
.head-right {
    float: right;
}
.head-left ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.head-left ul li {
    display: inline;
    padding-right: 5px;
    font-size: 12px;
    border-right: 1px solid #B7BEF9;
}
.head-left ul li:last-child {
    border: 0px;
}
#job_status_files .error {
    font-size: 10px;
}
.status.H.P, .status.QCF.P {
    background-color: yellow;
}
.db-first-slab ul {
    margin: 0;
    padding: 0;
}
.db-first-slab ul li {
    display: inline;
}
.db-first-slab .title {
    font-size: 20px;
    font-weight: bold;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    width: 200px;
}
.dashboard.index .search-field {
    width: 90px !important;
}
#no_of_job_chart svg text {
    font-size: 10px !important;
}
.ul-style-type-none {
    padding: 0px;
}
.ul-style-type-none li {
    list-style-type: none;
}

/*******************************Calendar Top Navigation*********************************/
div#calendar{
  margin:0px auto;
  padding:0px;
  width: 98%;
  font-family:Helvetica, "Times New Roman", Times, serif;
}
 
div#calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
    background-color:   #787878 ;      
}
 
div#calendar div.header{
    line-height:40px;  
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;
    width:95%;
    height:40px;   
    text-align:center;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
div#calendar div.header span.title{
    color:#FFF;
    font-size:18px;
}
 
 
div#calendar div.header a.prev{
    left:0px;
}
 
div#calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    border:1px solid #787878 ;
    border-top:none;
}
 
 
 
div#calendar ul.label{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:5px;
    margin-left: 5px;
    width: 100%
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:5px;  
    float:left;
    list-style-type:none;
    width:12%;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 15px;
    background-color: transparent;
}
 
 
div#calendar ul.dates{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li{
    margin:0px;
    padding:0px;
    margin-right:5px;
    margin-top: 5px;
    line-height:40px;
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:12%;
    height:40px;
    font-size:20px;
    background-color: #DDD;
    color:#000;
    text-align:center; 
}
 
:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}
div#calendar .emp_leave_notify {
    background-color: #9E9E9E;
    color: #880E4F;
    display: block;
    cursor: pointer;
}
.order.index #report_view .modal-header,
.order.index #report_view .modal-footer,
.order.index #report_view .modal-body{
    padding: 2px 15px;
}
.order.index #report_view .form-group {
    margin-bottom: 5px;
}
.order.index #report_view .checkbox {
    margin-top: 0px;
    margin-bottom: 5px;
}
.order.index #report_view label {
    margin-bottom: 0px;
}
.order.index #report_view .datepicker {
    height: 26px;
}
.form-control {
    height: 28px;
    padding: 2px 12px;
}
.order-matrix table thead > tr > th {
    padding: 3px 2px;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}
.order-matrix table tbody > tr > td {
    padding: 2px;
    font-size: 12px;
    max-width: 40px;
    overflow: hidden;
}


.order-matrix table thead > tr > th {
    max-width: 10px;
    overflow: hidden;
}

.order-matrix table tbody > tr > td {
    max-width: 10px;
    overflow: hidden;
}
.order-matrix input {
    text-align: center;
    /* border: 1px solid #B7BEF9; */
}
#mhtData tr  td:nth-child(2){
	width:25%;
}
.task{
	display:block;
}
table.table.border.leave_summary td, table.table.border.leave_summary th {
    padding: 2px;
    text-align: center;
}
table.table.border.leave_summary td:first-child {
    text-align: left;
}
.tac {
    text-align: center;
}