ul.dropdown-menu.invoice_left{padding: 0px;border: 1px solid #000;}

ul.dropdown-menu.invoice_left li{
	font-size: 14px;
	text-align: left;
}

ul.dropdown-menu.invoice_left li:hover{
	color: #fff;
	font-weight: bold;
	background: #F5F5F5;
}
ul.dropdown-menu.invoice_left li.divider{
	padding: 4px 0;
}
th.sorting, th.sorting_desc, th.sorting_asc {
	cursor: pointer;
}

#sidebar-chat .media-list a:hover{
	background: #545454!important;
}

.btn-grey {
background-color: #D6D6D6;
border-color: #D6D6D6;
color: #000 !important;
}
.btn-grey i{
color: #000 !important;
}

.btn-white {
background-color: #fff;
border-color: #cccccc;
color: #444 !important;
}
.btn-white:hover {
background-color: #EEEEEE;
}
.btn-white i{
color: #444 !important;
}

/* ========================================================================
 * FIX CSS --- Chrome76
 * ======================================================================== */
tbody>tr>td>[name="so_item_id[]"],
tbody>tr>td>[name="bl_item_id[]"]
{
  visibility: hidden;
}
table.item-table > tbody.grid-form tr td input {
  height: 30px !important;
}

table.item-table > tbody.grid-form tr td:not(.detail),
table.item-table > tfoot.grid-form tr td {
  height: 40px !important;
  vertical-align: middle !important;
}
/* ========================================================================
 * TABLE - PINK
 * ======================================================================== */
.table-pink > thead tr th {
  background-color: #f06f6f !important;
  border-color: #f28686 #f28686 #ed4f4f !important;
  color: #fff;
}
.table-pink tbody tr td.sorting_1 {
  background: #f6abab !important;
  color: white;
  border-bottom: 1px solid #facbcb !important;
}
.table-pink tfoot tr th {
  background-color: #f06f6f !important;
  border-color: #ed4f4f #f28686 #f28686 !important;
  color: #fff;
}
.table-pink.table-bordered {
  border: 1px solid #f06f6f;
}
.table-pink.table-bordered thead tr th:first-child,
.table-pink.table-bordered tfoot tr th:first-child,
.table-pink.table-bordered thead tr th:last-child,
.table-pink.table-bordered tfoot tr th:last-child {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.table-pink.table-bordered tbody tr td.sorting_1 {
  border-right: 1px solid #facbcb !important;
}
.table-pink table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
  color: white;
}
.table-pink table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
  color: white;
}

/* ========================================================================
 * BUTTON - PINK
 * ======================================================================== */
.btn-pink {
  background-color: #f06f6f;
  border-color: #f06f6f;
  color: white;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.btn-pink[disabled],
.btn-pink.disabled {
  background-color: #ee5858;
  border-color: transparent;
  color: white;
}
.btn-pink.dropdown-toggle.btn-pink {
  background-color: #f06f6f;
  border-color: #ee5858;
  color: white;
}
.btn-pink.btn-alt {
  background-color: #ee5858;
  border: 1px solid #f06f6f;
}
.btn-pink.btn-alt:hover {
  background-color: #eb4141;
}
.btn-pink.btn-stroke {
  border: 1px double #f06f6f;
  background-color: transparent;
  color: #999;
}
.btn-pink.btn-stroke:hover {
  background-color: #ee5858;
  border-color: transparent;
  color: white;
}
.btn-pink.btn-solid {
  border: 1px solid #f06f6f;
}
.btn-pink.btn-dashed {
  border: 1px dashed #f06f6f;
}
.btn-pink.btn-dotted {
  border: 1px dotted #f06f6f;
}
.btn-pink.btn-double {
  border: 4px double #f06f6f;
}
.btn-pink.btn-inset {
  border: 4px inset #f06f6f;
}
.btn-pink.btn-circle {
  padding-left: 0;
  padding-right: 0;
  width: 34px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.btn-pink.btn-slidedown:after {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background-color: #eb4141;
  z-index: -1;
}
.btn-pink.btn-slidedown:hover,
.btn-pink.btn-slidedown:active {
  color: white;
}
.btn-pink.btn-slidedown:hover:after,
.btn-pink.btn-slidedown:active:after {
  height: 100%;
}
.btn-pink.btn-slideright:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #eb4141;
  z-index: -1;
}
.btn-pink.btn-slideright:hover,
.btn-pink.btn-slideright:active {
  color: white;
}
.btn-pink.btn-slideright:hover:after,
.btn-pink.btn-slideright:active:after {
  width: 100%;
}
.btn-pink.btn-expand:after {
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  background-color: #eb4141;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.btn-pink.btn-expand:hover:after {
  width: 90%;
  opacity: 1;
}
.btn-pink.btn-expand:active:after {
  width: 101%;
  opacity: 1;
}
.btn-pink.btn-rotate {
  overflow: hidden;
}
.btn-pink.btn-rotate:after {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background-color: #eb4141;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-pink.btn-rotate:hover:after {
  height: 260%;
  opacity: 1;
}
.btn-pink.btn-rotate:active:after {
  height: 400%;
  opacity: 1;
}
.btn-pink.btn-open {
  overflow: hidden;
}
.btn-pink.btn-open:after {
  width: 101%;
  height: 0;
  top: 50%;
  left: 50%;
  background-color: #eb4141;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.btn-pink.btn-open:hover:after {
  height: 75%;
  opacity: 1;
}
.btn-pink.btn-open:active:after {
  height: 130%;
  opacity: 1;
}
.btn-pink.btn-push {
  background: #f06f6f;
  box-shadow: 0 6px #eb4141;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn-pink.btn-push:hover {
  box-shadow: 0 4px #eb4141;
  top: 2px;
}
.btn-pink.btn-push:active {
  box-shadow: 0 0 #eb4141;
  top: 6px;
}
.btn-pink.btn-pushright {
  background: #f06f6f;
  box-shadow: 6px 0 #eb4141;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn-pink.btn-pushright:hover {
  box-shadow: 4px 0 #eb4141;
  left: 2px;
}
.btn-pink.btn-pushright:active {
  box-shadow: 0 0 #eb4141;
  left: 6px;
}
/* ========================================================================
 * PANEL - PINK
 * ======================================================================== */
.panel-pink .panel-heading {
  background-color: #f06f6f;
  border: 1px solid #f06a6a;
  color: white;
}
.panel-pink .panel-heading .option .btn:hover {
  background-color: #ee5858;
  color: white;
}
.panel-pink .panel-heading .option .btn i {
  color: white;
}
.panel-bg-pink .panel-body {
  background-color: #f06f6f;
  color: white;
}
.panel-bg-pink .panel-body .text-muted {
  color: #f2f2f2;
}

/* ========================================================================
 * DIV Caret
 * ======================================================================== */
.cus_caret{
	width:0;
	height:0;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #666666;
	display: inline;
	float:right;
	margin-top:-20px;
	margin-right: 10px;
}
.project_caret{
	width:0;
	height:0;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #666666;
	display: inline;
	float:right;
	margin-top:-15px;
	margin-right: 10px;
}
/* ========================================================================
 * TABLE - FREEZE
 * ======================================================================== */
table.item-table thead th{
	position: sticky;
	position: -webkit-sticky; /* Safari */
	z-index: 50;
	border: none;
	outline-offset: -1px;
	top: 50px !important;
	outline: transparent !important; 
}
/* ========================================================================
 * TABLE - GOLD
 * ======================================================================== */
.table-gold > thead tr th {
  background-color: #CC9900 !important;
  border-color: #EAD26E #EAD26E #A67C00 !important;
  color: #fff;
}
.table-gold tbody tr td.sorting_1 {
  background: #f6abab !important;
  color: white;
  border-bottom: 1px solid #A67C00 !important;
}
.table-gold.table-bordered {
  border: 1px solid #CC9900;
}
.table-gold.table-bordered thead tr th:first-child,
.table-gold.table-bordered tfoot tr th:first-child,
.table-gold.table-bordered thead tr th:last-child,
.table-gold.table-bordered tfoot tr th:last-child {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.table-gold.table-bordered tbody tr td.sorting_1 {
  border-right: 1px solid #A67C00 !important;
}
.table-gold table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
  color: white;
}
.table-gold table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
  color: white;
}

.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}

.sticky0 tr td {
    position: sticky;
    top: 0px;
} 

.sticky50 tr td {
    position: sticky;
    top: 50px;
} 

table.sticky thead th {
	position: sticky;
	position: -webkit-sticky;
	z-index: 99999;
	/* Safari */
	top: 0;
	outline: 1px solid #aaa;
	border: none;
	outline-offset: -1px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}