/* ---------- Portlet wrapper and icons ---------- */

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

body.portlet {
  border: none;
}

.portlet-topper {
  position: relative;
}

.portlet-title {
  display: block;
  font-size: 1em;
  margin: 0;
}

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

.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-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;
}

/* ---------- Borderless portlet ---------- */

.portlet-borderless-container {
  min-height: 2.5em;
  position: relative;
}

.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 #000;
  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;
}

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

.portlet-borderless-bar .portlet-back a {
  height: auto;
  text-indent: 0;
  width: auto;
}

.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;
}

/* ---------- 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 {
  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,
.lfr-message-info {
  @extend .portlet-msg;
  background-color: #dff4ff;
  background-image: url(../images/messages/info.png);
  border-color: #a7cedf;
}

.portlet-msg-help,
.lfr-message-help {
  @extend .portlet-msg-info;
  background-image: url(../images/portlet/help.png);
}

.portlet-msg-progress,
.lfr-message-progress {
  @extend .portlet-msg-info;
  background-image: url(../images/aui/loading_indicator.gif);
}

/* ---------- Error messages ---------- */

.portlet-msg-error,
.lfr-message-error {
  @extend .portlet-msg;
  background-color: #fdd;
  background-image: url(../images/messages/error.png);
  border-color: #f00;
}

/* ---------- Warning messages ---------- */

.portlet-msg-alert,
.lfr-message-alert {
  @extend .portlet-msg;
  background-color: #ffc;
  background-image: url(../images/messages/alert.png);
  background-position: 6px 20%;
  border-color: #fc0;
}

/* ---------- Success messages ---------- */

.portlet-msg-success,
.lfr-message-success {
  @extend .portlet-msg;
  background-color: #f4fdef;
  background-image: url(../images/messages/success.png);
  border-color: #acdfa7;
  color: #384f34;
}

/* ---------- Message labels ---------- */

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

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

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

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

.portlet-msg-help-label {
  background-image: url(../images/portlet/help.png);
}

.portlet-msg-progress-label {
  background-image: url(../images/aui/loading_indicator.gif);
}

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

/* ---------- Liferay Messages ---------- */

.lfr-message-content,
.lfr-message-info,
.lfr-message-help,
.lfr-message-error,
.lfr-message-alert,
.lfr-message-success {
  border-left-width: 0;
  border-right-width: 0;
}

.lfr-message {
  position: relative;
}

.lfr-message .lfr-message-control {
  background-color: #333;
  display: inline-block;
}

.lfr-message .lfr-message-controls {
  display: none;
  left: 3px;
  margin: -8px 8px 0 3px;
  position: absolute;
  top: 50%;
  z-index: 10;
}

.lfr-message .lfr-message-close {
  background-image: url(../images/portlet/close_borderless.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.lfr-message .lfr-message-close-all {
  color: #fff;
  display: none;
  font-size: 0.8em;
  margin-left: 10px;
  padding: 1px 10px;
  text-shadow: 1px 1px 0 #000;
  vertical-align: top;
}

.lfr-message .lfr-message-close-all a {
  color: #fff;
}

.lfr-message .lfr-message-controls-hover .lfr-message-close-all {
  display: inline-block;
}

.lfr-message.pending {
  background-image: url(../images/common/time.png);
}

.lfr-message-dismissible.lfr-message-hover .lfr-message-content {
  background-image: none;
}

.lfr-message-dismissible.lfr-message-hover .lfr-message-controls {
  display: block;
}

.lfr-message-trigger,
.lfr-message-close {
  cursor: pointer;
}

/* ---------- 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: #fff 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;
}