/************************************************************************/
/** UNITAR PM DASHBOARD Module Main CSS                                **/
/************************************************************************/

/*-----------------------------------------------------------------------------------*/
/*- UNITAR PM DASHBOARD MAIN BLOCKS                                                 -*/
/*-----------------------------------------------------------------------------------*/

.pm-dashboard-grid.block-grid { margin-top:20px; }
.pm-dashboard-grid.block-grid .block.pm-block{ padding: 15px; }
.pm-dashboard-grid.block-grid .block.pm-block .block-inner { padding:0; }
.pm-dashboard-grid.block-grid .block.pm-block h2.block-title { 
	color:#fff;
	background-color: #428bca;
	padding:5px 15px;
	margin:0;
}
.pm-block .view-pm-dashboard .view-header,
.pm-block .view-pm-dashboard .view-empty { 
	margin:auto;
	border:none;
	text-align:center;
	font-size: 1.25em; 
	padding:6px 15px 5px;
  background-color:#f5f5f5;
  min-height: 42px;
}
.pm-block .event-pm-total-rows { 
	font-size: 1.25em;
  font-weight: bold;
  vertical-align:middle;
}
.pm-block .event-pm { 
	position:relative;
	border-bottom:1px solid #ddd; 
	font-size:1.15em;
	color:#666;
}
.pm-block .attachment .view-header {
	position:relative;
	background-color:transparent;
	border-bottom:1px solid #ddd; 
	padding: 11px 15px 10px 57px;
	font-size:1.15em;
	color:#666;
	text-align:left;
} 
.pm-block .attachment > div:last-child .view-header { 
	padding-bottom:63px; 
}
.pm-block .attachment .view-header .event-pm-icon {
	position:absolute;
	left:15px;
	margin-top:-2px;
	font-size: 23px;
}
.pm-block .attachment .view-header .event-pm-icon.fa-exclamation-circle { color:#E65A5A; }
.pm-block .event-pm:first-child,
.pm-block .attachment > div:first-child .view-header{
	border-top:1px solid #ddd;  
}
.pm-block .event-pm:last-child,
.pm-block .attachment > div:last-child .view-header { 
	border-bottom:none; 
}
.pm-block .event-pm-counter { 
	display: inline-block;
	color:#333; 
	font-weight:bold;
	text-align: right;
  margin-right: 8px;
}
.pm-block .event-pm .event-pm-icon { 
	display:inline-block; 
	margin-right:10px;
	background-color: #eee;
  padding: 3px;
  border-right:1px solid #ddd;
}
.pm-dashboard-grid.block-grid .pm-block a {
	color:inherit;
	text-decoration:none;
}
.pm-dashboard-grid.block-grid .pm-block a:hover {
	color:#428bca;
}

/* -- Icon legend block -- */
.pm-legend-icon-block .block-inner { min-height:80px; }
.page-ems-pm-dashboard.draft .pm-legend-icon-block .block-inner {
	min-height:221px;
	background-color:#f8f8f8; 
}



/*-----------------------------------------------------------------------------------*/
/*- UNITAR PM DASHBOARD TABLE PAGES                                                 -*/
/*-----------------------------------------------------------------------------------*/

.page-ems-pm-dashboard .easy-breadcrumb { margin-bottom:30px; }
.page-ems-pm-dashboard .top-blocks {
	margin-top:0;
	margin-bottom:25px;
}

/* Summary Block */
.page-ems-pm-dashboard .top-blocks .pm-block.pm-summary-block .block-inner {
	min-height:221px;
}
.page-ems-pm-dashboard .top-blocks .pm-block.pm-summary-block .view-pm-dashboard .view-header {
	font-size:1.1em;
	padding-top:9px;
}
.page-ems-pm-dashboard .top-blocks .pm-block.pm-summary-block .attachment > div:last-child .view-header {
	padding-bottom:0px;
}

/* Icon Legend Block */
.page-ems-pm-dashboard .top-blocks .pm-block.pm-legend-icon-block .block-inner {
	padding-left:8px !important;
}
.page-ems-pm-dashboard .top-blocks .legend-icon {
	height:73px;
	padding:0px 5px;
	display:table;
}
.page-ems-pm-dashboard .top-blocks .legend-icon .legend-icon-image {
	display:table-cell;
	width:40px;
	vertical-align: middle;
}
.page-ems-pm-dashboard .top-blocks .legend-icon .legend-icon-text {
	display:table-cell;
	vertical-align: middle;
	color:#666;
}

/* Tables */
.view-pm-dashboard table {
	border:1px solid #ddd;
	border-collapse: collapse;
	font-size:1.1em;
	color:#777;
	margin-bottom:0;
}
.view-pm-dashboard table > thead > tr > th {
	background-color:#428bca;
	color:#fff;
	border: 1px solid #fff;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:middle;
	text-align:center;
}
.view-pm-dashboard table > tbody > tr > td {
	border: 1px solid #ddd;	
	vertical-align:middle;
	text-align:center;
}
.view-pm-dashboard table a { color:inherit; }

/* FIELDS */
.view-pm-dashboard table .event-pm-learning-header { /*white-space:nowrap;*/ }
.view-pm-dashboard table .event-pm-learning-cell { font-size:20px; }
.view-pm-dashboard table .event-pm-learning-cell .fa.learning-icon-1::before { 
	color:#21B118;
	content: "\f00c";
}
.view-pm-dashboard table .event-pm-learning-cell .fa.learning-icon-0::before { 
	color:#C73535;
	content: "\f00d";
}
.view-pm-dashboard table .event-pm-title-header,
.view-pm-dashboard table .event-pm-title-cell { 
	text-align:left; 
}
.view-pm-dashboard table .event-pm-registration-cell {
	width:75px;
	padding-left:4px;
	padding-right:4px;
}
.view-pm-dashboard table .event-pm-start-date-cell,
.view-pm-dashboard table .event-pm-end-date-cell {
	white-space:nowrap;
	font-size:1.05em;
}
.view-pm-dashboard table .event-pm-actions-cell { 
	/*width:385px; */
	white-space:nowrap;
}
.view-pm-dashboard table .event-pm-actions-cell .action-icon { margin:0 4px; }
.view-pm-dashboard table .event-pm-price-cell {
	font-weight:bold;
	color:#444;
	text-align:right;
	min-width:80px;
}

/* PAGES */
.page-ems-pm-dashboard-past .view-pm-dashboard table .event-pm-actions-cell,
.page-ems-pm-dashboard-archived .view-pm-dashboard table .event-pm-actions-cell { 
	width:300px; 
	white-space:normal;
}
.page-ems-pm-dashboard-archived .top-blocks .pm-block.pm-summary-block .block-inner,
.page-ems-pm-dashboard-cancelled .top-blocks .pm-block.pm-summary-block .block-inner {
	min-height:0;
}

/******************************************************************************************************/
/** UPLOAD PARTICIPANTS *******************************************************************************/
/******************************************************************************************************/

#pm-dashboard-upload-participants-form .loader {
	position: relative;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 150px;
	height: 150px;
	margin: 40px 0 40px -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #428bca;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	display:none;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#pm-dashboard-upload-participants-form .event-items-per-page{
	display: block;
	margin: 15px 0;
}

#pm-dashboard-upload-participants-form .event-items-per-page a{
	cursor:pointer;
}


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


/*-----------------------------------------------------------------------------------*/
/*- Medium Devices, Desktops                                                        -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 1199px) { 
	
	/* -- PM DASHBOARD MAIN BLOCKS -- */
	.pm-block-ongoing, 
	.pm-block-deactivated { 
		clear:left;
	}
	
	/* -- PM DASHBOARD TABLE PAGES -- */
	.view-pm-dashboard table .event-pm-actions-cell { 
    width: 220px;
    text-align: left;
    white-space:normal;
	}
	
}


/*-----------------------------------------------------------------------------------*/
/*- Small Devices, Tablets                                                          -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 991px) { 
	
	
	/* -- PM DASHBOARD MAIN BLOCKS -- */
	/* Summary Block */
	.pm-block .attachment > div:last-child .view-header { padding-bottom: 11px; }

	/* -- PM DASHBOARD TABLE PAGES -- */
	.page-ems-pm-dashboard .top-blocks .pm-block.pm-summary-block .block-inner { min-height:0; }
	.view-pm-dashboard table .event-pm-actions-cell { 
    width: 140px;
    text-align: left;
	}
	
	/* PAGES */
	.page-ems-pm-dashboard-past .view-pm-dashboard table .event-pm-actions-cell,
	.page-ems-pm-dashboard-archived .view-pm-dashboard table .event-pm-actions-cell { 
		width:180px; 
	}
	
}

/*-----------------------------------------------------------------------------------*/
/*- Extra Small Devices, Phones                                                     -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 767px) { 
	
	/* PAGES */
	.page-ems-pm-dashboard-past .view-pm-dashboard table .event-pm-actions-cell,
	.page-ems-pm-dashboard-archived .view-pm-dashboard table .event-pm-actions-cell { 
		width:100px; 
	}
	
}


/*-----------------------------------------------------------------------------------*/
/*- Small Mobile Phones (No bootstrap rule)                                         -*/
/*-----------------------------------------------------------------------------------*/
@media (max-width : 529px) { 
	
	/* -- PM DASHBOARD MAIN BLOCKS -- */
	.pm-block .event-pm {
		min-height:52px;
		padding-left:60px;
		padding-top:5px;
	}
	.pm-block .event-pm .event-pm-icon {
		position:absolute;
		left:0;
		top:0;
		bottom:0;
	}
	
	/* -- PM DASHBOARD TABLE PAGES -- */
	.view-pm-dashboard table .event-pm-actions-cell { 
    width: 100px;
	}
	
}