/* ==============================
PORTLETS 
============================== */
/* ========== VARIABLES ========== */
/* Colors */
/* ========== MIXINS ========== */
/* Utils */
/* Gradients */
/* Input Fields */
/* Buttons */
/* @requires @mixin button-default */
/* @requires @mixin button-default */
/* ---------- Portlet wrapper and icons ---------- */
.portlet {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
  background: #fff; }

.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border: none; }

.portlet-topper {
  position: relative; }

.portlet-title {
  display: block;
  margin: 0; }

.portlet-title img {
  vertical-align: middle;
  cursor: pointer; }

.portlet-title-text {
  cursor: pointer; }

.panel-page-content .portlet-title-text,
.panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-topper-toolbar {
  margin: 0;
  padding: 2px;
  position: absolute;
  right: 3px;
  text-align: right;
  top: 3px; }

.portlet-topper-toolbar .nobr {
  display: block;
  float: left;
  padding: 1px; }

.portlet-content,
.portlet-minimized .portlet-content-container {
  padding: 10px 0 0; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-icon-back {
  background: url(../images/arrows/01_left.png) no-repeat 0 50%;
  font-weight: bold;
  padding: 5px 5px 5px 18px; }

.portlet-nested-portlets .portlet-boundary {
  position: relative !important;
  top: 0 !important;
  left: 0 !important; }

.portlet-journal-content .icons-container {
  background: #eee;
  padding: 8px 12px;
  border-bottom: 1px solid #ddd; }

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative;
  margin-bottom: 20px; }

.portlet-borderless-bar {
  background: #333;
  color: #FFF;
  font-size: 10px;
  opacity: 0.3;
  padding: 2px 5px 1px;
  position: absolute;
  right: 0;
  text-shadow: -1px -1px black;
  top: 0;
  z-index: 200; }

.portlet-borderless-bar a {
  background: url() no-repeat 0 50%;
  color: #3AF;
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  text-indent: -9999px;
  vertical-align: top;
  width: 16px; }

.portlet-borderless-bar .portlet-actions {
  display: none;
  float: left;
  margin-right: 20px; }

.portlet-borderless-bar .portlet-title-default, .portlet-borderless-bar .portlet-actions {
  vertical-align: top; }

.portlet-borderless-bar .portlet-action-separator {
  display: none; }

.portlet-borderless-bar .portlet-back a {
  height: auto;
  text-indent: 0;
  width: auto;
  color: #fff;
  font-size: 1.2em; }

.portlet-borderless-bar .portlet-close a {
  background-image: url(../images/portlet/close_borderless.png); }

.portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
  background-image: url(../images/portlet/options_borderless.png); }

.portlet-borderless-container:hover .portlet-borderless-bar {
  opacity: 1; }

.portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
  display: inline; }

.dockbar-ready.controls-visible .portlet-borderless-container > .portlet-body {
  min-height: 30px; }

.portlet-title-default {
  display: inline-block;
  float: right;
  font-weight: bold;
  text-transform: uppercase; }

.portlet-draggable .portlet-topper {
  cursor: move; }

.portlet-draggable .portlet-title-default {
  background: url(../images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
  min-height: 20px; }

.portlet-borderless-bar .portlet-back a {
  display: none; }

/* ---------- Panel Page ---------- */
.lfr-panel-page {
  width: 100%; }

.lfr-panel-page .portlet-title {
  font-size: 13px; }

.lfr-panel-page .lfr-add-content h2 span {
  background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg, .portlet-msg-info, .portlet-msg-error, .portlet-msg-alert, .portlet-msg-success {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  display: block;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Status of the current operation ---------- */
/* ---------- Help messages, general additional information, etc. ---------- */
.portlet-msg-info {
  background-color: #eaf2cc;
  background-image: url(../images/messages/info.png);
  border-color: #b3de0a; }

.portlet-msg-info.pending {
  background-image: url(../images/common/time.png); }

/* ---------- Error messages ---------- */
.portlet-msg-error {
  background-color: #FDD;
  background-image: url(../images/messages/error.png);
  border-color: #F00; }

/* ---------- Warning messages ---------- */
.portlet-msg-alert {
  background-color: #eaf2cc;
  background-image: url(../images/messages/alert.png);
  background-position: 6px 20%;
  border-color: #b3de0a; }

/* ---------- Success messages ---------- */
.portlet-msg-success {
  background-color: #F4FDEF;
  background-image: url(../images/messages/success.png);
  border-color: #ACDFA7;
  color: #384F34; }

/* ---------- Message labels ---------- */
.portlet-msg-info-label, .portlet-msg-error-label, .portlet-msg-alert-label, .portlet-msg-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
  font-weight: bold; }

.portlet-msg-info-label {
  background-image: url(../images/messages/info.png);
  color: #34404F; }

.portlet-msg-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.portlet-msg-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.portlet-msg-success-label {
  background-image: url(../images/messages/success.png);
  color: #384F34; }

/* ---------- Sections ---------- */
/* ---------- Table or section header ---------- */
/* ---------- Normal text in a table cell ---------- */
/* ---------- Text in every other row in the cell ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }

.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border: none; }

.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.restricted td.col-1, .alt.restricted td.col-1 {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1 {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px; }

.results-row.lfr-role-guest .col-1, .results-row.hover.lfr-role-guest .col-1 {
  background-image: url(../images/common/guest_icon.png); }

.results-row.lfr-role-regular .col-1, .results-row.hover.lfr-role-regular .col-1 {
  background-image: url(../images/common/user_icon.png); }

.results-row.lfr-role-site .col-1, .results-row.hover.lfr-role-site .col-1 {
  background-image: url(../images/common/site_icon.png); }

.results-row.lfr-role-organization .col-1, .results-row.hover.lfr-role-organization .col-1 {
  background-image: url(../images/common/organization_icon.png); }

.results-row.lfr-role-team .col-1, .results-row.hover.lfr-role-team .col-1 {
  background-image: url(../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Actions button ---------- */
.lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul {
  background: white url(../images/forms/button.png) repeat-x 0 100%;
  border: 1px solid;
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }

.lfr-actions ul {
  bottom: -1px; }

.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
  background: none; }

.lfr-actions .lfr-trigger li {
  background: transparent;
  border-bottom: 1px solid #DEDEDE;
  padding: 2px; }

.lfr-actions .lfr-trigger li a {
  padding: 5px 10px 5px 25px; }

.lfr-actions .lfr-trigger li a:hover {
  background-color: #828F95;
  color: #FFF; }

.lfr-actions .lfr-trigger li img {
  left: 3px;
  position: absolute; }

.lfr-actions .lfr-trigger li.last {
  border-bottom: none; }

.lfr-actions.portlet-options {
  background: none;
  border: none;
  float: left; }

.lfr-actions.portlet-options .lfr-trigger {
  padding: 0; }

.lfr-actions.portlet-options .lfr-trigger strong {
  min-width: 0;
  padding: 1px; }

.lfr-actions.portlet-options .lfr-trigger strong a {
  background-image: url(../images/portlet/options.png);
  background-position: 0 0;
  display: block;
  font-size: 0;
  height: 16px;
  padding: 0;
  text-indent: -9999px;
  width: 16px; }

.visible.portlet-options .lfr-trigger strong a {
  background-image: url(../images/portlet/options_selected.png); }

/*------ Breadcrumbs taglib ------*/
.breadcrumbs:before, .breadcrumbs:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.breadcrumbs:after {
  clear: both; }

.breadcrumbs-vertical {
  display: inline-block; }

.breadcrumbs-horizontal li {
  display: inline-block;
  vertical-align: middle; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border: none; }

.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom: none;
  border-left: none;
  display: block;
  height: 15px;
  padding: 5px 0; }

.taglib-calendar tr td a:hover {
  background-color: #727C81;
  color: #FFF; }

.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }

.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }

.taglib-calendar table td {
  border-width: 0; }

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }

.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

.ie .portlet-borderless-bar {
  -ms-filter: alpha(opacity=20);
  filter: alpha(opacity=20); }

.ie .portlet-borderless-container:hover .portlet-borderless-bar {
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100); }

.ie .taglib-calendar tr td.first a {
  border-right: none; }

/*.portlet-communities .lfr-page-layouts .lfr-layout-template img.layout-selected, 
.portlet-users-admin .lfr-page-layouts .lfr-layout-template img.layout-selected {
	background-color: #e23921;
	border-color: #e23921;
}
.portlet-communities .theme-entry:hover, 
.portlet-communities .theme-entry:hover label, 
.portlet-users-admin .theme-entry:hover, 
.portlet-users-admin .theme-entry:hover label {
	color: #e23921;
}
.portlet-communities .theme-entry:hover .theme-thumbnail, 
.portlet-users-admin .theme-entry:hover .theme-thumbnail {
	border-color: #e23921;
}
.lfr-portlet-toolbar .lfr-toolbar-button a:hover, 
.lfr-portlet-toolbar .lfr-toolbar-button a:hover span {
	color: $ep-green;
}
.js .lfr-trigger-selected {
	background-color: #5D7203;
}*/
/* -- TAGLIB HEADER -- */
.portlet-borderless-container .taglib-header .header-back-to a {
  padding-right: 25%; }