/* ==========================================================================
   Common
   ========================================================================== */
   

/* ==========================================================================
   DataTables
   ========================================================================== */

.table-vcenter td {
   vertical-align: middle !important;
}

th {
    background-color: #00a65a;
    color: white;
}

th, td {
    border-bottom: 1px solid #ddd;
}

/*  Table header */
th.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    background-color: #00a65a;
    cursor: pointer;
}

th.edit-control {
    cursor: pointer;
}
th.delete-control {
    cursor: pointer;
}

th.unlock-control {
    cursor: pointer;
}

th.refund-control {
    cursor: pointer;
}

td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

td.edit-control {
    background: url('../img/edit.png') no-repeat center center;
    cursor: pointer;
}
td.delete-control {
    background: url('../img/delete.png') no-repeat center center;
    cursor: pointer;
}

td.unlock-control {
    background: url('../img/unlock.png') no-repeat center center;
    cursor: pointer;
}
td.unlock-control.disabled {
	background: none repeat scroll 0 0;
	cursor: default !important;
}
td.refund-control {
    background: url('../img/refund.png') no-repeat center center;
    cursor: pointer;
}
td.refund-control.disabled {
	background: none repeat scroll 0 0;
	cursor: default !important;
}

tr.shown th.details-control {
    background: url('../img/details_close.png') no-repeat center center;
    background-color: #00a65a;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
    cursor: pointer;
}

/*  Table body details */
td.details-name {
	background-color: antiqueWhite !important;
	padding: 10px;
	text-align: right;
	font-weight: bold;
	width: 15%;
}

td.details-name-odd {
	background-color: mistyRose !important;
	padding: 10px;
	text-align: right;
	font-weight: bold;
	width: 15%;
}

td.details-value {
	background-color: LightGoldenrodYellow !important;
}

td.details-value-odd {
	background-color: LightYellow !important;
}

td.highlight-Black {
  font-weight: bold;
  color: Black;
}

td.highlight-Yellow {
  font-weight: bold;
  color: Yellow;
}

td.highlight-Red {
	font-weight: bold;
	color: Red;
}

td.highlight-Blue {
	font-weight: bold;
	color: Blue;
}

td.highlight-Green {
  font-weight: bold;
  color: Green;
}

td.highlight-LawnGreen {
	font-weight: bold;
	color: LawnGreen;
}

td.highlight-Magenta {
	font-weight: bold;
	color: Magenta;
}

td.highlight-Maroon {
	font-weight: bold;
	color: Maroon;
}

/*  Table highlight */
.highlight {
    background-color: #EAF50F !important;
    color: #F50F35 !important;
}

.highlightDiscount {
    background-color: #58FA82 !important;
    color: #FF0000 !important;
}

.highlightRefund{
    background-color: #EAF50F !important;
    color: #F50F35 !important;
}

/*  Datatables Buttons */
.export-copyHtml5 span i {
	border-color: brown;
	background-color: #ffffff;
	color: brown;
}
.export-excelHtml5 span i {
	border-color: green;
	background-color: #ffffff;
	color: #0B610B;
}
.export-csvHtml5 span i {
	border-color: green;
	background-color: #ffffff;
	color: #0B610B;
}
.export-pdfHtml5 span i {
	border-color: red;
	background-color: #ffffff;
	color: red;
}
.export-print span i {
	border-color: RoyalBlue;
	background-color: #ffffff;
	color: RoyalBlue;
}

/* ==========================================================================
   form-control 
   ========================================================================== */
select.category {
    background: #F2F5A9 !important;
    color:#000;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
}
select.category option:not(:checked) {
    background-color: #FFF;
}

/* ==========================================================================
   nav tabs
   ========================================================================== */
.panel.with-nav-tabs .panel-heading{
    padding: 3px 3px 0 3px;
}
.panel.with-nav-tabs .nav-tabs{
  border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
  margin-bottom: -1px;
}
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: #fff;
  background-color: #3071a9;
  border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
  color: #428bca;
  background-color: #fff;
  border-color: #428bca;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}