/************************************************************************/
/** UNITAR PM DASHBOARD ACTIONS                                				 **/
/************************************************************************/

/*-----------------------------------------------------------------------------------*/
/*- TITLE AND TOP INFORMATION                                                       -*/
/*-----------------------------------------------------------------------------------*/

.action-dashboard-title {
	margin:10px 0 20px;
  line-height: 1.3em;
}
div.action-dashboard-data {
	position:relative;
	margin-bottom:25px;
	border:1px solid #ddd;
	background-color:#f8f8f8;
	padding:8px;
	border-radius:2px;
	display:inline-block;
	padding: 5px 15px 5px 10px;
	line-height:25px;
	color:#777;
	display:table;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.08);
}
.action-dashboard-data > div {
	display:table-row;
}
.action-dashboard-data .field-label {
	display:table-cell;
	padding:5px 0;
	padding-right:50px;
}
.action-dashboard-data .field-label:before {
	content: "";
  font-family: 'FontAwesome';
  font-size: 1.15em;
  margin-right: 5px;
  width: 27px;
  display: inline-block;
  height: 27px;
  color: #428bca;
  border-radius: 2px;
  text-align: center;
  text-shadow:0 0 5px #fff;
}
.action-dashboard-data .field_event_date .field-label:before { content: "\f073"; }
.action-dashboard-data .field_price .field-label:before { content: "\f155"; }
.action-dashboard-data .field-value {
	display:table-cell;
	padding:5px 0;
	font-size:1.15em;
	color:#444;
}
.action-dashboard-data .field_event_date .field-value { color:#888; }
.action-dashboard-data .field_event_date .field-value span.date-display-start,
.action-dashboard-data .field_event_date .field-value span.date-display-end {
	color:#333;
}
.action-dashboard-data .field_price .field-value { color:#339933; }
.action-dashboard-total {
  display: block;
  color: #428bca;
  text-transform: uppercase;
  margin: 0px 0 20px 0px;
  padding: 0 5px 15px;
  line-height: 30px;
  border-bottom: 1px dashed #ddd;
}


/*-----------------------------------------------------------------------------------*/
/*- RESULT TABLES - ALL DISPLAYS                                                    -*/
/*-----------------------------------------------------------------------------------*/

.view-pm-dashboard-actions .views-table .views-field-field-user-nationality { min-width: 135px; }
.view-pm-dashboard-actions .views-table .views-field-field-user-nationality i { margin-right: 5px; }
.view-pm-dashboard-actions .views-table tbody > tr > td.views-field-field-user-firstname {
	padding-left:56px;
	position:relative;
	min-height:48px;
	min-width:215px;
	padding-top:16px;
	padding-bottom:16px;
}
.view-pm-dashboard-actions .views-table tbody > tr > td.views-field-field-user-firstname img {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -20px;
}
.view-pm-dashboard-actions .views-table tbody > tr > td.views-field-field-registration-date {
	white-space:nowrap;
}
.view-pm-dashboard-actions .views-table tbody > tr > td .gen-icon {
	font-size:20px;
}
.view-pm-dashboard-actions .views-table tbody > tr > td.views-field-field-registration-fee-reduction {
	text-align:right;
	color: #339933;
}


/*-----------------------------------------------------------------------------------*/
/*- RESULT TABLE - CERTIFICATIONS                                                   -*/
/*-----------------------------------------------------------------------------------*/
#views-form-pm-dashboard-actions-certificate #edit-actionunitar-registration-certificate-reset-action {
	background-color:#D9534F;
}
#views-form-pm-dashboard-actions-certificate .views-table .views-field-views-bulk-operations {
	width:50px;
}
#views-form-pm-dashboard-actions-certificate .views-table .views-field-field-registration-attendance,
#views-form-pm-dashboard-actions-certificate .views-table .views-field-field-registration-cert-comp,
#views-form-pm-dashboard-actions-certificate .views-table .views-field-field-registration-cert-atten {
	width:20%;
}


/*-----------------------------------------------------------------------------------*/
/*- UPLOAD USERS CONFIRMATION FORM LIST                                             -*/
/*-----------------------------------------------------------------------------------*/
#pm-dashboard-upload-participants-form .upload-users-summary {
  color: #339933;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0 25px 8px;
  line-height: 30px;
}

#pm-dashboard-upload-participants-form .import-user-info {
	position:relative;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  font-size: 16px;
  font-weight: lighter;
  padding: 20px 5px;
  margin: 0 0 20px !important;
  overflow:hidden;
}
#pm-dashboard-upload-participants-form .import-user-info .user-counter {
  font-size: 60px;
  border: 4px solid #428bca;
  border-radius: 100px;
  display: inline-block;
  position: absolute;
  top: -19px;
  right: -19px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  vertical-align: middle;
  color: #428bca;
  opacity:0.25;
}
#pm-dashboard-upload-participants-form .import-user-info [class*='up-'] {
	margin:0 0 15px;
}

#pm-dashboard-upload-participants-form .import-user-info .up-mail-edit {
	display: inline-block;
	float: none;
}

#pm-dashboard-upload-participants-form .import-user-info .form-group {
	margin-bottom: 0;
}

#pm-dashboard-upload-participants-form .import-user-info .up-mail-edit label {
	font-size:12px;
	font-weight:normal;
	color: #428bca;
	padding-bottom:5px;
	line-height: inherit;
	text-transform: inherit;
	height: inherit;
}

#pm-dashboard-upload-participants-form .import-user-info .up-register {
  border-bottom: 2px dotted #ddd;
  padding: 0 0 20px;
  margin: 0 15px 20px;
  width:auto;
}
#pm-dashboard-upload-participants-form .import-user-info [class*='up-']:last-child {
	margin-bottom:0px;
}
#pm-dashboard-upload-participants-form .import-user-info .field-label {
	font-size:12px;
	font-weight:normal;
	color: #428bca;
	padding-bottom:5px;
}

#pm-dashboard-upload-participants-form .upload-template-link .fa-file {
    color: #428bca;
    margin-right: 5px;
}
#pm-dashboard-upload-participants-form .multiple-purchases-table input.form-checkbox {
	margin-left: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*- CUSTOM NUMBER OF PARTICIPANTS                                                   -*/
/*-----------------------------------------------------------------------------------*/
#pm-dashboard-custom-no-form #edit-main label { width:260px; }
#pm-dashboard-custom-no-form #edit-main label:before {
	content: "";
	font-family: 'FontAwesome';
	margin-right:15px;
	font-size:23px;
	color:#999;
	vertical-align:top;
}
#pm-dashboard-custom-no-form #edit-main .form-item-male-participants label:before { content:"\f183" }
#pm-dashboard-custom-no-form #edit-main .form-item-female-participants label:before { content:"\f182" }
#pm-dashboard-custom-no-form #edit-main .form-item-other-participants label:before { content:"\f111" }
#pm-dashboard-custom-no-form #edit-main input {
	width:60px;
	text-align:right;
	padding:2px 10px;
}
#pm-dashboard-custom-no-form .inline-fields .ui-slider.slider-selector{ width:80%; }


/*-----------------------------------------------------------------------------------*/
/*- EVALUATION EVENTS DATA                                                          -*/
/*-----------------------------------------------------------------------------------*/
#form_eval  div.action-dashboard-data { margin-bottom:35px; }
#form_eval .eval-labels {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  font-size: 17px;
  font-weight: lighter;
  padding-top:20px;
}
#form_eval .eval-labels .main-title {
	font-weight:lighter;
	color:#428bca;
	font-size:1.4em;
	padding:10px 0;
}
#form_eval .eval-labels .label-number {
	padding-top:23px;
	padding-left:10px;
}
#form_eval .eval-labels .label-percent {
	padding-top:23px;
	padding-left:10px;
	font-weight:normal;
	color:#444;
}
#form_eval .eval-values {
	display: inline-block;
  width: 80%;
	border:1px solid #ddd;
	background-color:#f4f4f4;
	padding:20px 15px;
	box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.08);
}
#form_eval .eval-values .eval-group {
	display:inline-block;
	width:19%;
	margin:0 0.5%;
	border:1px solid #ddd;
	background-color:#fff;
	text-align:center;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.08);
}
#form_eval .eval-values .eval-group .eval-group-title {
	position:relative;
	background-color:#428bca;
	color:#fff;
	font-size:20px;
	font-weight:lighter;
	padding:7px 0 12px;
	text-align:center;
	margin-bottom:15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
#form_eval .eval-values .eval-group .eval-group-title:before {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:8px;
	border-top:1px solid #fff;
	background-color:#26b8eb;
}
#form_eval .eval-values [id^="edit-group-overall"] .eval-group-title:before {
	background-color:#faa61a;
}
#form_eval .eval-values [id^="edit-group-satisf"] .eval-group-title:before {
	background-color:#8cc640;
}
#form_eval .eval-values .eval-group input {
	width:72px;
	display:inline-block;
	text-align:center;
	padding:2px;
  font-weight: bold;
  font-size: 17px;
}
#form_eval .eval-values .eval-group label,
#form_eval .eval-values .eval-group .field-label {
	display:none;
}
#form_eval .eval-values .eval-group .ev-response-rate,
#form_eval .eval-values .eval-group .ev-percentage {
	margin-bottom:15px;
	font-size:18px;
	color:#444;
}
#form_eval .eval-values .eval-actions {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
}
#form_eval .eval-values .eval-actions button.btn {
	background-color:#428bca;
	border-color: #357ebd;
	min-width:110px;
	margin:0 2px;
}
#form_eval .eval-values .eval-actions button.btn[id^="edit-reset"] {
	background-color:#C24848;
	border-color: #AC3232;
}

#form_eval .eval-group .form-type-textfield.error {
	padding: 0;
}
.action-dashboard-data .num_participants span.field-label::before {
	content: "\f0c0";
}
.action-dashboard-data .certificate span.field-label::before {
	content: "\f0a3";
}

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

/*-----------------------------------------------------------------------------------*/
/*- Medium Devices, Desktops                                                        -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 1199px) {

	/* -- RESULT TABLE: LIST OF PARTICIPATIONS -- */
	.view-display-id-participant_list .views-table .views-field-field-user-address-1-street,
	.view-display-id-participant_list .views-table .views-field-mail {
		display:none;
	}

	/* -- CUSTOM NUMBER OF PARTICIPANTS  --*/
	#pm-dashboard-custom-no-form .inline-fields .ui-slider.slider-selector{ width:77%; }

	/* -- EVALUATION DATA -- */
	#form_eval .eval-values .eval-group .eval-group-title { font-size:17px; }

}

/*-----------------------------------------------------------------------------------*/
/*- Small Devices, Tablets                                                          -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 991px) {

	/* -- RESULT TABLE: LIST OF PARTICIPATIONS -- */
	.view-display-id-participant_list .views-table .views-field-field-user-organizational {
		display:none;
	}

	/* -- RESULT TABLE: PAYMENT CONFIRM -- */
	.view-display-id-payment_confirm .views-table .views-field-field-user-nationality,
	.view-display-id-payment_confirm .views-table .views-field-field-registration-date {
		display:none;
	}

	/* -- CUSTOM NUMBER OF PARTICIPANTS  --*/
	#pm-dashboard-custom-no-form .inline-fields .ui-slider.slider-selector{ width:68%; }

	/* -- EVALUATION DATA -- */
	#form_eval .eval-labels { display:none; }
	#form_eval .eval-values { width:100%; }
	#form_eval .eval-values .eval-group label,
	#form_eval .eval-values .eval-group .field-label {
		display:block;
		font-size:13px;
		color:#428BCA;
		text-transform:initial;
	}

}

/*-----------------------------------------------------------------------------------*/
/*- Extra Small Devices, Phones                                                     -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 767px) {

	/* -- RESULT TABLE: ALL DISPLAYS -- */
	.view-pm-dashboard-actions .views-table tbody > tr > td.views-field-field-user-firstname {
		padding:8px;
		min-height:0px;
	}
	.view-pm-dashboard-actions .views-table tbody > tr > td.views-field-field-user-firstname img {
		display:none;
	}

	/* -- RESULT TABLE: LIST OF PARTICIPATIONS -- */
	.view-display-id-participant_list .views-table .views-field-field-user-address-1-country {
		display:none;
	}

	/* -- RESULT TABLE: PAYMENT CONFIRM -- */
	.view-display-id-payment_confirm .views-table .views-field-payment-method,
	.view-display-id-payment_confirm .views-table .views-field-field-registration-has-reduction {
		display:none;
	}

	/* -- EVALUATION DATA -- */
	#form_eval .eval-values .eval-group {
		width:32%;
		margin-bottom:10px;
	}

}


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

	/* -- CUSTOM NUMBER OF PARTICIPANTS  --*/
	#pm-dashboard-custom-no-form #edit-main input {
		width:100%;
		max-width:none;
	}
	#pm-dashboard-custom-no-form .inline-fields .ui-slider.slider-selector{
		display: block;
    width: 100%;
    margin: 20px 0 50px;
    top: 0;
  }

}