/************************************************************************/
/** UNITAR EMS INVOICES Module Main CSS                                **/
/************************************************************************/

/*-----------------------------------------------------------------------------------*/
/*- UNITAR INVOICES GLOBAL PERCENTAGES                                              -*/
/*-----------------------------------------------------------------------------------*/
.inv-global-percentages {
	width: 100%;
  height: 34px;
  background: #ddd;
  border: 1px solid #ddd;
  display:table;
  margin-top:20px;
  border-radius:5px;
}
.inv-global-percentages .per { 
	position:relative;
	width:25%;
	display:table-cell; 
	border-right:1px solid rgba(0,0,0,0.1);
	color:#fff;
	vertical-align:middle;
	text-shadow:-1px -1px rgba(0,0,0,0.3);
	text-align:center;
	
	-webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
	
	-webkit-transition: width 300ms ease-in;
  -moz-transition: width 300ms ease-in;
  -o-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}
.inv-global-percentages .per:hover {
	border-right:4px solid transparent;
}
.inv-global-percentages .per:after {
	content:"";
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.24) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.inv-global-percentages .per-pending { background-color: #C09853 }
.inv-global-percentages .per-paid { background-color: #468847 }
.inv-global-percentages .per-failed { background-color: #B94A48 }
.inv-global-percentages .per-others { 
	color:#444;
	background-color: transparent; 
	border:none; 
}

/*-----------------------------------------------------------------------------------*/
/*- UNITAR INVOICES DASHBOARD MAIN BLOCKS                                           -*/
/*-----------------------------------------------------------------------------------*/
.inv-dashboard-grid.block-grid { margin-top:-10px; }
.inv-dashboard-grid.block-grid .block.inv-block{ padding: 15px; }
.inv-dashboard-grid.block-grid .block.inv-block .block-inner { padding:0; }
.inv-dashboard-grid.block-grid .block.inv-block h2.block-title { 
	color:#fff;
	background-color: #428bca;
	padding:5px 15px;
	margin:0;
}
.inv-block .inv-block-row {
	display:table;
	width:100%;
	border-collapse: collapse;
}
.inv-block .views-field {
  position: relative;
  font-size: 1.15em;
  color: #444;
  display:table-row;
  border-bottom:1px solid #ddd;
}
.inv-block .views-field .views-label {
	display:table-cell;
	padding: 10px 8px 10px 55px;
	border-right:1px solid #ddd;
	position:relative;
}
.inv-block .views-field .views-label:before {
  content: "";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  background-color: #bbb;
  font-size: 25px;
  padding: 5px;
  min-width: 40px;
  text-align: center;
  text-shadow:1px 1px rgba(0,0,0,0.13);
  z-index:1;
}
.inv-block .views-field .views-label.views-label-order-id:before { content: "\f064"; }
.inv-block .views-field .views-label.views-label-product-count:before { content: "\f07a"; }
.inv-block .views-field .views-label.views-label-order-total:before { content: "\f155"; }

.inv-block .views-field .views-label .percent-wrapper {
	position: absolute;
  top: 0;
  left: 40px;
  bottom: 0;
  right:0;	
  z-index: 0;
  overflow: hidden;
}
.inv-block .views-field .views-label .percent-wrapper .percent-bar {
  background-color: #efefef;
  height:100%;
  border-right: 1px solid rgba(0,0,0,0.05);
  width:0%;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}
.inv-block-pending .views-field .views-label .percent-wrapper .percent-bar { background-color: #F3EBDD }
.inv-block-paid .views-field .views-label .percent-wrapper .percent-bar { background-color: #DDF3E1 }
.inv-block-failed .views-field .views-label .percent-wrapper .percent-bar { background-color: #F3DDDD }
.inv-block .views-field .views-label .label-text {
	position:relative;
	z-index:1;
	text-shadow:-1px -1px rgba(255, 255, 255, 0.5); 
}


.inv-block .views-field .field-content {
	display:table-cell;
	width:150px;
	text-align:right;
	padding: 10px 10px;
  color: #333;
  font-weight: bold;
  background-color:#f9f9f9;
  white-space:nowrap;
}
.inv-block .views-field .field-content { color:#428bca; }
.inv-block-pending .views-field .field-content { color:#C09853; }
.inv-block-paid .views-field .field-content { color:#468847; }
.inv-block-failed .views-field .field-content { color:#B94A48; }
.inv-block .views-field .field-content .perc { color:#888; }

.inv-block .more-link {
  text-align: center;
  font-size: 1.25em;
  padding: 10px 8px;
  background-color: #f5f5f5;
  
}
.inv-block .more-link a { color:#555; }
.inv-block .more-link a:hover { color:#222; text-decoration:none; }



/*-----------------------------------------------------------------------------------*/
/*- SEARCH FORM                                          										        -*/
/*-----------------------------------------------------------------------------------*/
.view-pm-dashboard-invoices form .form-submit-wrapper {
	position:relative;
	float:left;
	width:100%;
	margin:10px 0px 0;
}
.view-pm-dashboard-invoices #edit-order-id-range-wrapper > .input-wrapper { display:table; }
.view-pm-dashboard-invoices #edit-order-id-range-wrapper > .input-wrapper > .form-item {
	display:table-cell;
	width:50%;
	white-space:nowrap;
	text-align:right;
}
.view-pm-dashboard-invoices #edit-order-id-range-wrapper > .input-wrapper > .form-item > label {
	display:inline-block;
	text-align:center;
	width:20%;
	color:#888;
	text-transform:lowercase;
}
.view-pm-dashboard-invoices #edit-order-id-range-wrapper > .input-wrapper > .form-item > input  {
	display:inline-block;
	width:80%;
}
.view-pm-dashboard-invoices #edit-created-wrapper .input-wrapper {
	text-align:right;
}
.view-pm-dashboard-invoices #edit-created-wrapper .form-type-date-popup .date-padding .form-item { 
	text-align:right;
}
.view-pm-dashboard-invoices #edit-created-wrapper .form-type-date-popup label {
	position:relative;
	left:12px;
	color:#888;
}
.view-pm-dashboard-invoices #edit-created-wrapper .form-type-date-popup input {
	width:88%;
	text-align:left;
	display:inline-block;
}
.view-pm-dashboard-invoices form .form-item-my-events {
	display:inline-block;
	margin:10px 20px 10px 0;
}
.view-pm-dashboard-invoices form .form-submit-wrapper button {
	top:4px;
	margin-bottom:0;
}



/*-----------------------------------------------------------------------------------*/
/*- RESULT TABLE                                                										-*/
/*-----------------------------------------------------------------------------------*/

.view-pm-dashboard-invoices .views-table thead > tr > th.views-field-message { min-width:80px; }
.view-pm-dashboard-invoices .views-table tbody > tr > td.views-field-created { white-space:nowrap; }
.view-pm-dashboard-invoices .views-table .views-field-order-total{ text-align:right; }
.view-pm-dashboard-invoices .views-table .views-field-actions { min-width:70px; }


/******************************************************************************************************/
/** NAVIGATOR HACKS ***********************************************************************************/
/******************************************************************************************************/

/*-----------------------------------------------------------------------------------*/
/*- FIREFOX                                                                         -*/
/*-----------------------------------------------------------------------------------*/
@-moz-document url-prefix() { 
  .inv-block .views-field .field-content { background-color:transparent; }
  .inv-block .views-field .views-label .percent-wrapper { bottom: 1px; }
  .inv-block .views-field .views-label::before { bottom: 1px; }
}



/******************************************************************************************************/
/** RESPONSIVE RULES **********************************************************************************/
/******************************************************************************************************/

/*-----------------------------------------------------------------------------------*/
/*- Medium Devices, Desktops                                                        -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 1199px) {
	
	/* -- RESULT TABLE -- */
	.view-pm-dashboard-invoices .views-table .views-field-message { display:none; }
	.view-pm-dashboard-invoices .views-table .views-field-primary-email { display:none; }
	
}

/*-----------------------------------------------------------------------------------*/
/*- Small Devices, Tablets                                                          -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 991px) { 
	
	/* -- RESULT TABLE -- */
	.view-pm-dashboard-invoices .views-table .views-field-payment-method  { 
		display:none; 
	}
	
}


/*-----------------------------------------------------------------------------------*/
/*- Extra Small Devices, Phones                                                     -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 767px) { 
	
	/* -- SEARCH FORM -- */
	.view-pm-dashboard-invoices #edit-order-id-range-wrapper > .input-wrapper > .form-item > label {
		display:inline;
		padding-right:5px;
	}
	.view-pm-dashboard-invoices #edit-created-wrapper .form-type-date-popup label { display:none; }
	.view-pm-dashboard-invoices form .form-item-my-events,
	.view-pm-dashboard-invoices form .form-item-open-registration {
		margin:0;
		position:absolute;
		top:5px;
	}
	.view-pm-dashboard-invoices form .form-submit-wrapper button {
		top:0;
		margin-top:55px;
	}
	
	/* -- RESULT TABLE -- */
	.view-pm-dashboard-invoices .views-table .views-field-delivery-first-name {
		display:none;
	}
	
}

/*-----------------------------------------------------------------------------------*/
/*- Small Mobile Phones (No bootstrap rule)                                         -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 529px) { 

  /* -- RESULT TABLE -- */
  .view-pm-dashboard-invoices .views-table .views-field-billing-full-name { display:none; }  
  .view-pm-dashboard-invoices .views-table tbody > tr > td.views-field-created { white-space: initial; }  
	
}