@font-face { 
    font-family: IDAutomationHC39M;  
    src: url(css/fonts//IDAutomationHC39M.woff);
    }
  

  .barcode-cls {
    font-weight: normal; 
    font-style: normal; 
    line-height: normal; 
    font-family: 'IDAutomationHC39M'; 
    /* font-size: 17px;  */
    
  }
.barcode-align{
	text-align: center;
}
.cutting-ticket-align{
	text-align: left;
	min-height:16.66%;
    border-bottom: 1px solid;
    padding:5px;
}

.cutting-ticket-align:last-child{
	border:none;

	}
	
	
.ss-align {
	/* text-align: left; */
	min-height: 16.66%;
	border: 1px solid;
	padding: 5px;
}
 
/* .ss-align:last-child {
	border: none;
} */

.navbar-default {background-color: #0B3861;border-color: #e7e7e7;}
.navbar-default .navbar-brand {color: #FFFFFF;}

/* li.active>a{
	color: #FFFFFF !important;
	background-color: transparent;
	font-weight: 700;
} */

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover 
{  color: #000000;background-color: #FFFFFF;}
.navbar-default .navbar-nav>li>a {color: #FFFFFF;}
.pagination {display: inline-block;padding-left: 0;margin:0px 0;border-radius: 4px;}
ol, ul {margin-top: 0;margin-bottom: -0px;}

tr.header {
    
    background-color:#337ab7;
    color: white;
    text-align: center;
    
}
tr.header-lowercase {
    /* background-color:#0B3861; */
    background-color:#337ab7;
    color: white;
    text-align: center;
}
tr.det-header {
    
    background-color: #e8e8e8;
    color: #616161;
    text-align: center;
    
}
tr.det-header2 {
    background-color: #f7fbff;
    color: #616161;
    text-align: center;
}

.header-split th {
    border-right: 5px solid;
    border-left: 5px solid;
}
tr.header-det {
    /* background-color:#0B3861; */
    background-color:#337ab7;
    color: white;
    text-align: center;
}
.table>thead>tr>th {
    text-align: center;
    border:none;
}
.table>thead>tr>th>label{
    margin:0px;
}
#header {
   /*  background-color:#0B3861; */
    background-color:#337ab7;
    color: white;
    text-align: center;  
    border-bottom: 1px solid #fff;   
}
table.header {
    background-color:#0B3861;
    color: white;
    text-align: center;
    width:100%;
}
#header label {
    margin-top: 5px;
}

#sub-header {
   /*  background-color:#0B3861; */
    background-color: #ddd;
    color: #555;
    text-align: center;  
    border-bottom: 1px solid #fff;   
}
table.sub-header {
    background-color:#c0c0c0;
    color: #777;
    text-align: center;
    width:100%;
}
#sub-header label {
    margin-top: 5px;
}

tr.datarow {
    text-align: left;
    /* border: 1px solid #0B3861; */
    border: 1px dotted #c7c7c7;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  /* border: 1px solid #0B3861; */
  border: 1px dotted #c7c7c7;
}
.table-bordered {
/*   border: 1px solid #0B3861; */
  /* border:1px solid #337ab7; */
}
.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #FFF;
	font-size: 10px;
	letter-spacing: 1px;
}
.on {
	background-color: #222222 !important;
	padding: 0 !important;
}
nav navbar-top-links navbar-right navbar-collapse > .active > a, 
nav navbar-top-links navbar-right navbar-collapse> .active > a:hover, 
nav navbar-top-links navbar-right navbar-collapse > .active > a:focus {
	color: #FCAC45 !important;
	background-color: transparent;
	font-weight: 700;
}

input, textarea, button { margin-top:0px }




/* .required-field-block .required-icon .text {
	color: #B80000;
	font-size: 26px;
	margin: -3px 0 0 12px;
} */

.marginBottom-0 {margin-bottom:0;}






.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
  border-color: transparent;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.navbar-nav.navbar-right:last-child {
  margin-right: 15px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #3bbfee;
  background-color: transparent;
}
#page-wrapper {
  position: inherit;  
  /* margin-left:2px;
  margin-right:2px; */
  /* margin-top:50px; */
  padding-bottom:0px;
/*   border-left: 1px solid #e7e7e7; */
  background-color: #fff;
}
#page-inner {
  width: 100%;
  margin-left:-15px;
  margin-right:0px;
  background-color: transparent;
  padding: 10px;
}
li.menuicons {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
hr {
   margin-top: 2px; 
  margin-bottom: 2px; 
  border: 0;
  border-top: 1px solid #eee;
}

/* .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #FCAC45 ;
  text-decoration: none;
  background-color: #FFFFFF;
} */
/* .dropdown-menu>li>a:hover{
  color: #FCAC45 ;
  text-decoration: none;
  background-color: #FFFFFF;
} */
/* div.paginationstyle{
	margin-left:-5px;
	margin-right:-15px;
} */
/* div.linerow{
	border-bottom:1pt solid black;
	border-left:1pt solid black;
	border-right:1pt solid black;
	border-top:1pt solid black;
	margin-top:5px;
	margin-bottom:5px;
}
 */
.bs-docs-example{
	margin-left:0px;
	border-bottom:1pt solid #BDBDBD;
	border-left:1pt solid #BDBDBD;
	border-right:1pt solid #BDBDBD;
	/*border-top:1pt solid #BDBDBD;*/
}
div.linerow{
	/* border-bottom:1pt solid black;
	border-left:1pt solid black;
	border-right:1pt solid black;
	border-top:1pt solid black; */
	border-bottom:1px solid #c7c7c7;
	margin-top:5px;
	margin-bottom:0px;
}
.linerow .col-xs-12 {
  margin-top: 2px;
  margin-bottom: 1px;
  padding-left: 7px;
  padding-right: 7px;
}

.linerow .col-md-2 {
  margin-top: 2px;
  margin-bottom: 1px;
  padding-left: 7px;
  padding-right: 7px;
}
.linerow-icon{
	margin-top:10px;
	text-align:center;
}

.attach-table tr td{
	height:50px;
}



/* .trans-form{ margin-top:15px;} */
.trans-form .textarea{ min-height:220px; resize:none;}
.main-btn{ background:#00b09c; border-color:#00b09c; color:#fff;}
.main-btn:hover{ background:#00a491;color:#fff;}


.clickable{
		    cursor: pointer;   
		}

		.panel-heading div {
			margin-top: -18px;
			font-size: 15px;
		}
		.panel-heading div span{
			margin-left:5px;
		}
		
		
 

.gl_row {
  border-bottom: 1px solid #f5f5f5;
  min-height: 40px;
  vertical-align: middle;
  line-height: 33px;
}

.indicator
{
	margin-right: 12px;
}

.folder_col
{
	color: #f0ad4e;
  font-size: 20px;
}
 
 .file_col{
 color: #4CB1CF;
  font-size: 20px;
 } 
  .home_col{
 color: #5cb85c;
  font-size: 15px;
 } 

 .go-to-location{
	height:45px;
}
 /*Context Menu*/
 .rightmenu ul {
  position: ABSOLUTE;
  BACKGROUND: #fff;
  border-radius: 2px;
  border: 1px solid #bdc4c9;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.36);
 /*  width: 155px; */
  width: 180px;
  text-align: left;
  font-size: 14px;
  padding-left: 25px;
}
ul, ol {
  list-style: none;
}

.rightmenu ul li {
  border-bottom: 1px solid rgba(0, 80, 156, 0.11);
  border-left: 1px solid rgba(0, 80, 156, 0.11);
  list-style-type: none;
}
/* .rightmenu ul li a {
  padding: 8px 12px;
  display: block;
  color: #00478a;
  cursor: pointer;
} */

.rightmenu ul li a {
  padding: 8px 15px;
  display: block;
  color: #00478a;
  cursor: pointer;
}

.rightmenu ul li a:hover{
	text-decoration:none;
	background-color:#F4FAFF;
}
 /*Context Menu*/

 .icon-edit
 {
 
 }
/*   .icon-edit:hover
 {
  font-size:15px;
 } */
 .icon-delete{
 color:#d9534f;
   margin-left: 5px;
 }
/*   .icon-delete:hover{
 color:#c9302c;
 font-size:15px;
 } */
 
  .icon-cog{
 color:#4ca6a6;
   margin-left: 5px;
 }
 
 /* .icon-cog:hover{
 color:#398439;
 font-size:15px;
 } */

#task-table select{
    height: 25px;
    padding: 4px 12px;
}

#task-table input[type='text']{
	height:30px;
}

#task-table .datarow:hover{
	background-color: #EEF7FF;
}
#task-table .datadetrow:hover {
    background-color: #f5f5f5;
}
.cur-pointer{
	cursor:pointer;
}

.highlight-row{
	background-color: #EEF7FF;
}
.corner-label{
	    float: right;
    font-weight: 200;
    font-size: 20px;
    font-family: segoe UI;
}


@media (min-width: 768px) {
    .corner-label {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .corner-label {
        font-size: 35px;
    }
}

@media (min-width: 1200px) {
    .corner-label {
        font-size: 40px;
    }
}
.grid-icon-alone{
	margin-top:10px;
	cursor:pointer;
	text-align:center;
}
.text-right{
	text-align:right;
}
.grid-slno{
    text-align: center;
    line-height: 34px;	
}
.field-icon{
	position: absolute;
    right: 0;
    top: 12px;
    color: gray;
    cursor:pointer;
    opacity: 0.5;
}
.field-icon:hover{
	opacity: 1;

	}
.tax-cal .row-no-margin{
	margin-right:-3%;
}	

.new_tran_btn{
	margin-top: 24px;
    padding-right: 0;
}
.img-corner-del-icon{
	    right: 0;
    top: 0;
    position: absolute;
    padding: 7px 7px;
    font-size: 12px;
    cursor: pointer;
    background: #eee;
    z-index:100;
}
.out-div:hover .inner-icon{
	visibility:visible;
}

.inner-icon{
	visibility: hidden;
    position: absolute;
    right: 193px;
    top: 42px;
}
.out-div:hover .append-icon{
	visibility:visible;
}

.top-bar{
	background-color: #f9fafb;
	/* margin-top: 40px; */
	border-bottom:1px solid #e3eaf3;
}
.bal-due{
	position: absolute;top: 53px;right: 0;
}
.top-bar-wrap{
	margin-top: 0;margin-bottom:0;background:transparent;
}

.auto-prefix {
    width: 60%;
    height: 30px;
    padding: 0px 5px;
    border: 1px solid #eee;
    border-radius: 2px;
    display: inline;
}
.auto-no {
    width: 27%;
    height: 30px;
    padding: 0px 5px;
    border: 1px solid #eee;
    border-radius: 2px;
    display: inline;
}



.address-text-area{
	/* overflow-y: scroll;resize: none; */
}
.box-with-browse{
	width: 84%;
    border: 1px solid #eee;
    display: inline;
}
.add-top-wrapper{
	margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
}
.browse-btn{
	height: 35px; 
}
.trans-det-row{
	margin-top:15px;
}
.trans-det-tax-group{
	width: 75%;box-shadow: none;border-color: #eee; height: 30px;border-radius: 3px;
}

.trans-footer{
	margin-top: 20px;
}
#follower td{
	padding:6px 6px;
}
.ajax-loader{
	position:relative ; margin-left: 160px;margin-top:-32px;vertical-align:middle;height:35px;display:none;
}
/*  Ajax loader  */

#ajaxloader { 
   position: fixed; 
   left: 0; 
   top: 0; 
   z-index: 5000; 
   width: 100%; 
   height: 100%; 
   overflow: visible; 
   background-color: rgba(250, 250, 250, 0.69);
   background-size: 50px;
 }
.loader,
.loader:after {
  border-radius: 50% !important;
  width: 50px;
  height: 50px;
  top: 45%;
  left: 48%;
  
}
.loader {
  /* margin: 60px auto; */
  font-size: 2px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(0, 182, 235, 0.2);
  border-right: 3px solid rgba(0, 182, 235, 0.2);
  border-bottom: 3px solid rgba(0, 182, 235, 0.2);
  border-left: 3px solid #00b6eb;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.div-loader,
.div-loader:before,
.div-loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.div-loader {
  color: #00b6eb;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.div-loader:before,
.div-loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.div-loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.div-loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.save-view{
	    margin-right: 14px;
}
.text-save-view{
	    margin-right: -25px;
}

.rept-tot-td{
	white-space:nowrap;
} 
.nowrap{
	white-space:nowrap;
}


.first-group-total{
    background-color: #DFF2FF;
    font-weight: 700;
    color: #333;
}
.second-group-total{
    background-color: #B9E0FB
    font-weight: 700;
    color: #333;
}
.third-group-total{
	background-color: #99C8E8
    font-weight: 700;
     color: #333;
}
.grand-total
{
	background-color: #3B84C3;
    font-weight: 700;
    color: #fff;
}


.attach-area{
	margin-top:20px;
	
}
.attach-area .notice
{
	border: 1px solid #eee;
}

.attach-area .attach-link-delete{
	display: block;
    height: 36px;
    padding: 1px 14px;
    background-color: #fff;
    /* border: 1px solid #eee; */
	
}
.attach-area .notice-info{
	margin-left:15px;
}
.attach-area .attach-link:focus{
text-decoration:none;
}
.attach-area .attach-link{
/* margin: 9px 4px;	 */
display:block;
text-decoration:none;
}

.attach-delete {
	float:right;
}
.linerow .popover{
	max-width:576px;
	}
.auto-no-modal{
	text-decoration:none;
}

 .address{
	    margin-bottom: 10px;
}
.lbl-row{
	margin-bottom: 15px;

	}
#seperate_sl{
    margin-top: 15px;
    margin-bottom: 15px;
    
}

#getrow_table tr td input[type="text"] {
    height: 30px;
}	

#addrow_table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
        border: none;
}
/* #addrow_table tr td input[type="text"] {
    height: 30px;
}
#addrow_table tr td {
    border: none;
    padding: 2px;
}
#addrow_table tr {
    border: none;
} */
.task-table tr td img{
	vertical-align:bottom;
}

.header .ophead_first
{
width:40%;	
}

.header .ophead
{
width:10%;	
}

.header .opheadremarks
{
width:20%;	
}
.header .billhead
{
	
width:20%;	
}

.header .billhead1
{
	
width:17%;	
}

.header .billhead2
{
	
width:6%;	
}

.btn-group, .btn-group-vertical
{
cursor:pointer;	
}


/*  Grid image zooming  */

.grid-thumbnail {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 240px;
    
    -webkit-transform: translate(-50%,-50%); /* Safari and Chrome */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -o-transform: translate(-50%,-50%); /* Opera */
    transform: translate(-50%,-50%);
}

.grid-image{
	/* position:relative; */
	display: inline;
}
.grid-image img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
  	-moz-transition: all 0.5s ease; /* Firefox */
  	-o-transition: all 0.5s ease; /* IE 9 */
  	-ms-transition: all 0.5s ease; /* Opera */
  	transition: all 0.5s ease;
  	z-index: 1;
    /* position: absolute; */
    top: -15px;
    left: 0;
}


.grid-image:hover img {
	z-index: 2;
    -webkit-transform:scale(5.25); /* Safari and Chrome */
    -moz-transform:scale(5.25); /* Firefox */
    -ms-transform:scale(5.25); /* IE 9 */
    -o-transform:scale(5.25); /* Opera */
     transform:scale(5.25);
}

/* .inner-table{
	 width:100%;
	 border-collapse:collapse;
}

.header .th-inner-table-td1{
	 width:100%;
	align:center;
	colspan:2; 
	border-bottom:1px solid #e9f1f3;
}
.header .th-inner-table-tdalignment{
	width:50%;
	 align:center;
	style:line-height:18px;
	vertical-align:middle;
	border-left:1px solid #e9f1f3;
}

.header .th-inner-table-td{
	width:50%;
	 align:center;

}

.tr-inner-table-tdalignment2
{
	width:50%;
	 style:vertical-align: middle; 
	 line-height: 23px; 
	 text-align: left; 
	 padding: 4px 4px;
}
.tr-inner-table-tdalignment1
{
 width:50%;
 style:padding: 4px 4px;
 border-right:1px solid #e9f1f3;
 vertical-align: middle; 
 line-height: 23px; 
 text-align: left;
} */
/******************************************** Print preview*/
#logo-style{ position:absolute; right:25px;}

.company-name {
    
    font-size: large;
    font-weight: bold;
}

.company-address {
    
    font-size: 15px;
}

.company-no {
    
    font-size: 15px;
}


/*Report Table*/
.rept-table
{
border-collapse:collapse;
}
.rept-table td 
{
    border: 1px solid #000000;
    font-size: 12px;
    padding: 5px 3px;
      line-height: 19px;
}
.rept-table .tbheader
{
	background: none repeat scroll 0% 0% rgb(221, 238, 255);
}

.rept-table .total_amt
{
	background: none repeat scroll 0% 0% rgba(197, 137, 116, 0.61);
}

.rept-table .total
{
	background: none repeat scroll 0% 0% rgb(207, 209, 211);
}

.rept-table .sub-total
{
	 background: none repeat scroll 0% 0% rgb(196, 210, 224);
}



.rept-table th 
{
    border: 1px solid #000000;
    height: 30px;
    /* font-size: 12px; */
    vertical-align:middle;
    text-align: center;
    nowrap:nowrap;
}
/*Report Table TH Table*/

.rept-table-tht th 
{
    border: 0px solid #000000;
    height: 20px;
    font-size: 12px;
    vertical-align:middle;
    align:center;
    nowrap:nowrap;
}


/*Report Head*/
.rept-table-head{	
	border-collapse:collapse;
    color: #000000;
    /* font-size: 12px; */
    font-weight: normal;
    border:1px solid #000;
    
}
 
.rept-table-in-head td{
  text-indent: 2px;
} 
.data-align{
text-align:left;
}
.deci-align{
text-align:right;
}
.line-head {
	color: #1a6fbf;
	font-size: 14px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-weight: bold;
	border-bottom: 1px solid #1a6fbf;
	margin-bottom: 15px;
	margin-left: 6px;
	margin-right: 12px;
}


.lbl-head {
    height: 35px;
}

.box-group .form-group select {
    padding: 0;
}
.box-group .form-group {
    padding: 0;
}    
/******************************************** Print preview end*/

.flwr-img{
	border:1px solid #eee;
	padding: 3px;    
	margin: 0px 2px;
}
.flwr-img:hover i{
visibility:visible;
}
.flwr-img i{
	padding: 3px 3px;
visibility:hidden;
}


/* For cost center break up popup  begin */
#btn-break-up small{
	font-size: 70%;
}
		
.cc-feedback .btn-circle.btn-lg {
    width: 0;
    height: 0;
    padding: 0;
}

.cc-feedback.left{left:5px; bottom:15px}
.cc-feedback.right{right:5px; bottom:15px}

/* .cc-feedback .dropdown-menu{    min-width: 500px;  } */

/* for button group popup   */

.cc-feedback .dropdown-menu {
    min-width: 250px;
}

@media (min-width: 768px) {
 .cc-feedback .dropdown-menu {
    min-width: 500px;
}
}

@media (min-width: 992px) {
 .cc-feedback .dropdown-menu {
    min-width: 500px;
}
}

@media (min-width: 1200px) {
 .cc-feedback .dropdown-menu {
    min-width: 500px;
}
}

.cc-feedback.left .dropdown-menu{ left: 0px;top:-0px;}
.cc-feedback.right .dropdown-menu{ right: 0px}

/* For cost center break up popup  end */

/* For jv bills break up popup  begin */
#btn-bill-break-up small{
	font-size: 70%;
}
		
.cc-bill-dt-feedback .btn-circle.btn-lg {
    width: 0;
    height: 0;
    padding: 0;
}

.cc-bill-ct-feedback .btn-circle.btn-lg {
    width: 0;
    height: 0;
    padding: 0;
}

.cc-bill-dt-feedback.left{left:5px; bottom:15px}
.cc-bill-dt-feedback.right{right:5px; bottom:15px}

.cc-bill-ct-feedback.left{left:5px; bottom:15px}
.cc-bill-ct-feedback.right{right:5px; bottom:15px}
 

/* for button group popup   */

.cc-bill-dt-feedback .dropdown-menu {
    min-width: 250px;
}

@media (min-width: 768px) {
 .cc-bill-dt-feedback .dropdown-menu {
    min-width: 800px;
}
}

@media (min-width: 992px) {
 .cc-bill-dt-feedback .dropdown-menu {
    min-width: 1000px;
}
}

@media (min-width: 1200px) {
 .cc-bill-dt-feedback .dropdown-menu {
    min-width: 1240px;
}
}

.cc-bill-ct-feedback .dropdown-menu {
    min-width: 250px;
}

@media (min-width: 768px) {
 .cc-bill-ct-feedback .dropdown-menu {
    min-width: 800px;
}
}

@media (min-width: 992px) {
 .cc-bill-ct-feedback .dropdown-menu {
    min-width: 1000px;
}
}

@media (min-width: 1200px) {
 .cc-bill-ct-feedback .dropdown-menu {
    min-width: 1250px;
}
}
/*  ------------  */
.cc-bill-dt-feedback.left .dropdown-menu {
 left: -0px;
 top:0px;
font-size: 11px;
 
}

@media (min-width: 768px) {
.cc-bill-dt-feedback.left .dropdown-menu {
  left: -50px;
}
}

@media (min-width: 992px) {
.cc-bill-dt-feedback.left .dropdown-menu {
     left: -100px;
}
}

@media (min-width: 1200px) {
.cc-bill-dt-feedback.left .dropdown-menu {
 left: -430px;
 
 
}
}
/*  --------------  */

.cc-bill-ct-feedback.left .dropdown-menu {
 left: -0px;top:0px;font-size:11px;
}

@media (min-width: 768px) {
.cc-bill-ct-feedback.left .dropdown-menu {
  left: -200px;
}
}

@media (min-width: 992px) {
.cc-bill-ct-feedback.left .dropdown-menu {
     left: -300px;
}
}

@media (min-width: 1200px) {
.cc-bill-ct-feedback.left .dropdown-menu {
 left: -642px;
}
}

/* .cc-bill-feedback.left .dropdown-menu{ left: -400px;top:0px;font-size:12px;}*/
.cc-bill-dt-feedback.right .dropdown-menu{ right: 0px}
.cc-bill-ct-feedback.right .dropdown-menu{ right: 0px} 


.cc-bill-dt-feedback .ajax-loader{
	margin:0;
	height:40px;
}
.cc-bill-ct-feedback .ajax-loader{
	margin:0;
	height:40px;
}
/* For jv bills break up popup  end */


.cost-ctr-area .row-no-margin{
	margin-right:0px;
}

 
.draft-row{
	color:#cc0000;
}

/*  Filter dropdown popup  */
#filter-dropdown{
	padding:10px 0px;	
}
#import-dropdown{
	padding:10px 0px;	
}
#filter-dropdown .row{
    margin-right: 0px;
    margin-left: 0px;
}

#Setting-dropdown{
	padding:15px 0px;	
}
#Setting-dropdown .row{
    margin-right: 0px;
    margin-left: 0px;
}


#import_grid #header 
{
	color: white;
    text-align: center;
    border-bottom:none;
}

#import_grid .linerow 
{
    border-bottom: 1px solid #c7c7c7;
    margin: 0;
}

#import_grid .linerow .form-group {
    margin-bottom: 15px;
    margin-top: 10px;
}

#import_grid #import_grid_row
{
  background-color: #337ab7;
    height: 46px;	
} 
  
#import_grid  .linerow-icon
{
text-align:left;
}

.line-warning
{
    background-color: #FFFEDF;
    margin: 0 !important;
    padding: 0px 0 0px 0;
}
/* Standard  */
#tb-table #tb-table-row .tb-row-th1
{

  width:40%;
}

#tb-table #tb-table-row .tb-row-th2
{
  width:20%;
  padding:0;
}





#tb-table #tb-table-row #tb-table-inner-tble
{
width:100%;
border-collapse:collapse;
}

#tb-table-row #tb-table-inner-tble .inner-tble-td
{
border-bottom:1px solid #e9f1f3;
width:100%;
}
#tb-table-data-tble{
border-collapse:collapse;
width:100%;
}

#tb-table-data-tble .data-td-second
{
	width:50%;
	vertical-align: middle;
	line-height: 23px;
	 text-align: right;
	  padding: 4px 4px;
}
#tb-table-data-tble .data-td-first
{
	width:50%;
	border-right:1px solid #e9f1f3;
	vertical-align: middle; 
	line-height: 23px;
	 text-align: right;  
	 padding: 4px 4px;
}

#tb-table-inner-tble .inner-tble-td-first
{
 width:50%;
}
#tb-table-inner-tble .inner-tble-td-second
{
 width:50%;
line-height:18px;
vertical-align:middle;
border-left:1px solid #e9f1f3;
}

/* Monthly  */
#tb-table #tb-table-row .tb-row-mnth-th1
{

  width:20%;
}


#tb-table #tb-table-row .tb-row-mnth-th2
{
  width:6%;
  padding:0;
}

#tb-table-inner-tble .inner-tble-td-mnth
{

line-height:18px;
vertical-align:middle;

}

#tb-table-data-tble .data-td-mnth
{
	vertical-align: middle;
	line-height: 23px;
	 text-align: right;
	  padding: 4px 4px;
}

/* Quaterly  */

#tb-table #tb-table-row .tb-row-quart-th1
{

  width:40%;
}


#tb-table #tb-table-row .tb-row-quart-th2
{
  width:15%;
  padding:0;
}

#tb-table-inner-tble .inner-tble-td-c
{

line-height:18px;
vertical-align:middle;

}

#tb-table-data-tble .data-td-c
{
	vertical-align: middle;
	line-height: 23px;
	 text-align: right;
	  padding: 4px 4px;
}

/* Halfyearly  */

#tb-table #tb-table-row .tb-row-half-th1
{

  width:40%;
}


#tb-table #tb-table-row .tb-row-half-th2
{
  width:30%;
  padding:0;
}

/* Terms & Conditions style   */
#tc_area .form-control:focus {
    box-shadow: none;
}
#tc_area .form-control {
    border: none;
    border-bottom: 1px solid #eee;
    padding: 6px;
    border-radius:0px;
    box-shadow: none;
    }
#tc_area .form-group{
    margin-bottom: 2px;
}    
#tc_area .col-sm-9 {
    padding: 0px;
}
#tc_area .form-control:focus {
    box-shadow: 0 6px 4px -6px rgba(102,175,233,.6);
    border-color: #66afe9;
}	
#tc_area .has-success .form-control{
    box-shadow: none;
}

/* ------------------------------------------- */
 
/* Notice   */
.notice {
    padding: 5px;
        background-color: #F2FAFF;
    /* border-left: 6px solid #7f7f84; */
    margin-bottom: 10px;
/*     -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2); */
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}
/* Attach area notice   */
.attach-area{
	margin-top:20px;
	
}
.attach-area .notice
{
	border:1px solid #DDF3FF;
}

.tax-padding-right{
	padding-right: 40px;
}
.attach-area .attach-link-delete{
	display: block;
    height: 50px;
    width: 50px;
    padding: 8px 18px;
    background-color: transparent;
    border-left: 1px solid #DDF3FF;
	
}
.attach-area .attach-link-delete:hover {
       background: #FFF7F7;
    border-left: 1px solid #C5EEFF;
}
.attach-area .notice-info{
	margin-left:15px;
	padding: 0px;
}
.attach-area .notice-info:hover	{
    border-color: #C5EEFF;
}
.attach-area .attach-link:focus{
	text-decoration:none;
}
.attach-area .attach-link{
	display:block;
	text-decoration:none;
    padding: 17px 10px 15px 10px;
}
.attach-area .attach-link:hover	{
    background: #EAF8FF;
    border-color: #C5EEFF;
}
.attach-delete {
	float:right;
   	height: 50px;
    width: 50px;
}

/*    */
.det-row-margin{
    margin-top: 15px;
    margin-bottom: 15px;
}

.page-inner{
    margin: 0px 15px 0px 15px;
}

#grid_table>thead>tr>th, #grid_table>tbody>tr>td {
    padding: 2px;
}
 

#grid_table>tbody>tr>td>.form-group {
    margin-bottom: 9px;
}
 
#grid_table>tbody>tr>td>.form-group>small {
    margin: 0px;
    font-size: 10px;
}
#grid_table td:last-child {
    width: 80px;
}
.header-row {
    padding: 10px 0px;
    /* margin-bottom: 20px; */
    color: #337ab7;
}
.header-row h3 {
    font-size: 22px;
    margin:0px;
}
.fa-header-row {
    color: #337ab7;
}
.cortan-grid>tbody>tr>th:first-child {
    width: 200px;
}
.cortan-grid>tbody>tr>th:last-child {
    width: 50px;
}
.cortan-grid>tbody>tr>td:first-child {
    text-align:center;
}

.cortan-grid>tbody>tr>th {
    /* width: 100px; */
    padding:2px;
    text-align:center;
}
.size-grid>tbody>tr>th:first-child {
    width: 50px;
}
.size-grid>tbody>tr>td:first-child {
    text-align:center;
}
.size-grid>tbody>tr>th {
    width: 100px;
    padding:3px;
    text-align:center;
}
#packing_row {
    margin-top: 20px;
}
#packing_row .form-group {
    margin-bottom: 13px;
}
.attach-table{
	border-collapse: collapse;
	text-align:center;
}
#grid_table{
	margin:0px;
}
.cortan-grid .form-control {
    text-align: right;
}
.size-grid .form-control {
    text-align: right;
}
.talign-right{
	text-align:right;
}
.a-icon{
    padding: 8.5px;
    border: 1px solid #eaeaea;
    margin: 0px;
    border-radius: 1px;
}
.span-icon{
    padding: 8px;
    border: 1px solid #eaeaea;
    margin: 0px;
    border-radius: 1px;
}
.abs{
	position: absolute;
	margin-left: 2px;
}  
.auto-no-modal {
    text-decoration: none;
    height: 340px;
    overflow-y: auto;
}
.paginationstyle {
 	margin:0;
}
.margin-right{
	margin-right:5px;
	margin-bottom:5px;
}
.margin-left{
	margin-left:5px;
	margin-bottom:5px;
}
#task-table{
	margin:0px;
}
#orgModal .btn{
	padding: 4px 8px;
}

.tax-area{
	text-align:right;
}
/* .tax-row {
    padding-bottom: 30px;
}
 */

/* ------------------------------------------- */
 
 .vis-hov-link{
 visibility:hidden;
 line-height:35px;
 font-size:12px;
 }
 .charge_acc:hover .vis-hov-link{
 visibility:visible;
 }
 
  .carousel-showsixmoveone .carousel-control {
  width: 4%;
  background-image: none;
}
/* .carousel-showsixmoveone .carousel-control.left {
    margin-top: 70px;
    color: #ddd;
} */

.xs-carousel-showsixmoveone .carousel-control.left,
.sm-carousel-showsixmoveone .carousel-control.left,
.md-carousel-showsixmoveone .carousel-control.left,
.lg-carousel-showsixmoveone .carousel-control.left{
    margin-top: 70px;
    color: #ddd;
}

.xs-carousel-showsixmoveone .carousel-control.left{
 
}

@media (min-width: 768px) {
    .sm-carousel-showsixmoveone .carousel-control.left{
     margin-left: 0px;
    }
}

@media (min-width: 992px) {
    .md-carousel-showsixmoveone .carousel-control.left {
      margin-left: 0px;
    }
}

@media (min-width: 1200px) {
    .lg-carousel-showsixmoveone .carousel-control.left {
       margin-left: 0px;
    }
}

/* .carousel-showsixmoveone .carousel-control.right {
   
    margin-top: 70px;
    color: #ddd;
} */

.xs-carousel-showsixmoveone .carousel-control.right,
.sm-carousel-showsixmoveone .carousel-control.right,
.md-carousel-showsixmoveone .carousel-control.right,
.lg-carousel-showsixmoveone .carousel-control.right{
    margin-top: 70px;
    color: #ddd;
}

.xs-carousel-showsixmoveone .carousel-control.right{
 
}

@media (min-width: 768px) {
    .sm-carousel-showsixmoveone .carousel-control.right{
     margin-right: 0px;
    }
}

@media (min-width: 992px) {
    .md-carousel-showsixmoveone .carousel-control.right {
      margin-right: 0px;
    }
}

@media (min-width: 1200px) {
    .lg-carousel-showsixmoveone .carousel-control.right {
       margin-right: 0px;
    }
}

.carousel-showsixmoveone .cloneditem-1,
.carousel-showsixmoveone .cloneditem-2,
.carousel-showsixmoveone .cloneditem-3,
.carousel-showsixmoveone .cloneditem-4,
.carousel-showsixmoveone .cloneditem-5 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev {
    left: -20%;
  }
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next {
    left: 20%;
  }
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner .cloneditem-3,
  .carousel-showsixmoveone .carousel-inner .cloneditem-4,
  .carousel-showsixmoveone .carousel-inner .cloneditem-5 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.ui-autocomplete>.disabled>a:focus, .ui-autocomplete>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-autocomplete>.disabled>a, .ui-autocomplete>.disabled>a:focus, .ui-autocomplete>.disabled>a:hover {
    color: #777;
    border: none;
    background: #fff;
    font-weight: bold;
}
.ui-autocomplete>.disabled, .ui-autocomplete>.disabled:focus, .ui-autocomplete>.disabled:hover {
    background-color: #fff;
    color: #777;
}

.add-page-header{
	margin:18px 0 10px 0px;
}
.fyear{
	color: #fff;
    text-align: center;
    line-height: 1.5;
    margin-top: 4px;
    /* margin-right: 81px; */
    font-size: 15px;
}
.fyear span {
    font-size: 12px;
    font-weight: bold;
}

.fyear b {
    font-size: 12px;
}
.tot-td {
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    font-weight: bold;
    font-size: 14px;	
}

.cust-text {
    width: 42%;
    height: 30px;
    padding: 0px 5px;
    border: 1px solid #eee;
    border-radius: 2px;
    display: inline;
}

.itrack-info-btn {
    top: 5px;
    right: -4px;
}

.light-red-color {
    background-color: #EC7063;
    color: #fff;
}

.light-gray-color {
    background-color: #afb2b3;
    color: #fff;
}

.light-blue-color {
    background-color: #2a93c2;
    color: #fff;
}

 .green-color {
    background-color: #5cb85c;
    color: #fff;
} 

 .brown-color {
    background-color: #DEB887;
    color: #fff;
}
.tax-icon {
    visibility: hidden;
    position: absolute;
    right: -3px;
    top: -1px;
}
.tax-icon .span-icon {
    padding: 1px;
    top: 8px;
}
.out-div:hover .tax-icon{
	visibility:visible;
}

.paginationstyle a:hover {
    text-decoration: none;
}
.append-icon {
    visibility: hidden;
    position: absolute;
    margin-top: -9px;
    display: inline-block;
}
.valid-error{
    color: #a94442;
    margin-bottom: 0;
}
.tb-gp-level1{
	font-weight: bold;
	border-bottom: 1px solid #337ab7 !important;
}
.tb-gp-level2{
	font-weight: bold;
}
.tb-gp-level4{
	font-style: italic;
}
.display-none{
	display:none;
}
.disable-pointer{
	pointer-events: none;
}


/* 
@media (max-width: 767px) {
	.btn-breadcrumb { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px) !important; }
}

.btn-breadcrumb{
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	border: solid 1px #ccc;
}
.btn-breadcrumb .btn{
	border-color: transparent; border: 0px solid transparent;
	border-right: 1px solid transparent !important; 
	font-size: 11px;
}
.breadcrumb-default{ background-color: #fff; }
.btn-primary,.breadcrumb-primary{ background-color: #337ab7; }
.btn-primary:hover{background-color: #286090;}

.breadcrumb-success{ background-color: #5cb85c; }
.breadcrumb-info{ background-color: #5bc0de; }
.breadcrumb-warning{ background-color: #f0ad4e; }
.breadcrumb-danger{ background-color: #d9534f; }
.breadcrumb-negro{ background-color: #d4d4d4; }

.btn-negro {
    color: #fff;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
}

.btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: underline;}
.btn-breadcrumb .btn:last-child:after{margin-left: -2px;}
.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}

.btn-breadcrumb .btn-derecha{
	float: right;
	margin-right: 0px;
	padding: 6px 10px 6px 10px !important;
	margin-left: 0px !important;
	border-radius: 0px !important; 
}
.btn-breadcrumb .btn-derecha:first-child { 
	border-top-right-radius: 2px !important; 
	border-bottom-right-radius: 2px !important; 
}

.btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
	content: none !important;
}

.btn-breadcrumb .btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 0px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

* The Spacing *
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}

* Default button *
.btn-breadcrumb .btn.btn-default:after { border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:hover:after {border-left: 10px solid #e6e6e6;}
.btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {border-left: 10px solid #adadad;}
.breadcrumb-default{ border: solid 1px #adadad; }

* Primary button *
.btn-breadcrumb .btn.btn-primary:after {border-left: 10px solid #337ab7;}
.btn-breadcrumb .btn.btn-primary:hover:after {border-left: 10px solid #286090;}
.btn-breadcrumb .btn.btn-primary:hover:before, .btn-breadcrumb .btn.btn-primary:before {border-left: 10px solid #204d74;}
.breadcrumb-primary{ border: solid 1px #204d74; }

* Success button *
.btn-breadcrumb .btn.btn-success:after {border-left: 10px solid #5cb85c;}
.btn-breadcrumb .btn.btn-success:hover:after {border-left: 10px solid #449d44;}
.btn-breadcrumb .btn.btn-success:hover:before, .btn-breadcrumb .btn.btn-success:before {border-left: 10px solid #398439;}
.breadcrumb-success{ border: solid 1px #398439; }

* Danger button *
.btn-breadcrumb .btn.btn-danger:after {border-left: 10px solid #d9534f;}
.btn-breadcrumb .btn.btn-danger:hover:after {border-left: 10px solid #c9302c;}
.btn-breadcrumb .btn.btn-danger:hover:before, .btn-breadcrumb .btn.btn-danger:before {border-left: 10px solid #ac2925;}
.breadcrumb-danger{ border: solid 1px #ac2925; }

* Warning button *
.btn-breadcrumb .btn.btn-warning:after {border-left: 10px solid #f0ad4e;}
.btn-breadcrumb .btn.btn-warning:hover:after {border-left: 10px solid #ec971f;}
.btn-breadcrumb .btn.btn-warning:hover:before, .btn-breadcrumb .btn.btn-warning:before {border-left: 10px solid #d58512;}
.breadcrumb-warning{ border: solid 1px #d58512; }

* Info button *
.btn-breadcrumb .btn.btn-info:after {border-left: 10px solid #5bc0de;}
.btn-breadcrumb .btn.btn-info:hover:after {border-left: 10px solid #31b0d5;}
.btn-breadcrumb .btn.btn-info:hover:before, .btn-breadcrumb .btn.btn-info:before {border-left: 10px solid #269abc;}
.breadcrumb-info{ border: solid 1px #269abc; }

* Info button *
.btn-breadcrumb .btn.btn-negro:after {border-left: 10px solid #d4d4d4;}
.btn-breadcrumb .btn.btn-negro:hover:after {border-left: 10px solid #d4d4d4;}
.btn-breadcrumb .btn.btn-negro:hover:before, .btn-breadcrumb .btn.btn-info:before {border-left: 10px solid #d4d4d4;}
.breadcrumb-negro{ border: solid 1px #d4d4d4; }
*/
.tech-stg-color-1{
	color:#3bc989;
}
.tech-stg-color-2{
	color:#4285f4;
}
.tech-stg-color-3{
	color:#a6c;
}
.tech-stg-color-4{
	color:#00bcd4;
}
.tech-stg-color-5{
	color:#eea236;
}
.tech-stg-color-6{
	color:#008080;
}
.tech-stg-color-7{
	color:#800000;
}
 
.breadcrumb {
    padding: 0px;
    background: transparent;
    list-style: none;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.breadcrumb>li {
    display: table-cell;
    vertical-align: top;
    width: 1%;
}
.breadcrumb>li:first-child {
    width: 0.2%;
}

.breadcrumb>li+li:before {
    padding: 0;
}

.breadcrumb li a {
    color: white;
    text-decoration: none;
    padding: 5px 0 5px 10px;/* 45px */
    position: relative;
    display: inline-block;
    width: calc( 100% - 10px );
    background-color: hsla(0, 0%, 83%, 1);
    text-align: center;
    text-transform: capitalize;
    min-height: 49px;
}
.breadcrumb li.tech-stg-col-0 a {
    background-color:#616161;
}

.breadcrumb li.tech-stg-col-0 a:after {
    border-left: 30px solid #616161;
}
.breadcrumb li.tech-stg-col-1 a {
    background-color:#3bc989;
}

.breadcrumb li.tech-stg-col-1 a:after {
    border-left: 30px solid #3bc989;
}

.breadcrumb li.tech-stg-col-2 a {
    background-color:#4285f4;
}

.breadcrumb li.tech-stg-col-2 a:after {
    border-left: 30px solid #4285f4;
}

.breadcrumb li.tech-stg-col-3 a {
    background-color:#a6c;
}

.breadcrumb li.tech-stg-col-3 a:after {
    border-left: 30px solid #a6c;
}

.breadcrumb li.tech-stg-col-4 a {
    background-color:#00bcd4;
}

.breadcrumb li.tech-stg-col-4 a:after {
    border-left: 30px solid #00bcd4;
}

.breadcrumb li.tech-stg-col-5 a {
    background-color:#eea236;
}

.breadcrumb li.tech-stg-col-5 a:after {
    border-left: 30px solid #eea236;
}

.breadcrumb li.tech-stg-col-6 a {
    background-color:#008080;
}

.breadcrumb li.tech-stg-col-6 a:after {
    border-left: 30px solid #008080;
}

.breadcrumb li.tech-stg-col-7 a {
    background-color:#800000;
}

.breadcrumb li.tech-stg-col-7 a:after {
    border-left: 30px solid #800000;
}

.breadcrumb li.active a {
    background: #ffc107;
}

.breadcrumb li.active a:after {
    border-left: 30px solid #ffc107;
}

.breadcrumb li:first-child a {
    padding-left: 15px;
}

.breadcrumb li:last-of-type a {
    /* width: calc( 100% - 38px ); */
}

.breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(0, 0%, 83%, 1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}


#stage_list td{
	text-align:center;
}