/* ==============================
LAYOUT 
============================== */
#wrapper {
  overflow: hidden; }

.container {
  padding: 0 10px;
  overflow: hidden; }

.col-wrap,
.portlet-layout {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  clear: both; }

.portlet-column {
  min-height: 1px;
  display: block;
  position: relative; }

.portlet-column-content-only,
.ltr .portlet-column-content-first,
.rtl .portlet-column-content-last {
  padding-left: 0; }

.portlet-column-content-only,
.ltr .portlet-column-content-last,
.rtl .portlet-column-content-first {
  padding-right: 0; }

.portlet-column-content.empty {
  padding: 50px;
  border: 2px dashed #ccc;
  margin-bottom: 20px; }

.signed-out .portlet-column-content.empty,
.controls-hidden .portlet-column-content.empty {
  padding: 0;
  border: 0;
  margin: 0; }

#main-content.dragging .portlet-column {
  border: 3px double #828F95;
  height: 100px;
  min-height: 100px; }

.ie6 div.portlet-layout, .ie7 div.portlet-layout {
  height: 1%; }

.ie6 div.portlet-column, .ie7 div.portlet-column {
  float: left;
  overflow: hidden;
  width: 100%; }

.ie6 div.aui-column-last, .ie7 div.aui-column-last {
  margin-right: -1px; }

.ie6 .portlet-column-content, .ie7 .portlet-column-content {
  zoom: 1; }

/* --- MEDIA QUERIES --- */
@media only screen and (min-width: 768px) {
  .container {
    padding: 0 2%; }

  /* Option 1 "Shrinking" Columns (default) */
  .portlet-column {
    margin-right: 1.61291%;
    float: left; }

  .portlet-column.col-1 {
    width: 6.85483%; }

  .portlet-column.col-2 {
    width: 15.32258%; }

  .portlet-column.col-3 {
    width: 23.79032%; }

  .portlet-column.col-4 {
    width: 32.25806%; }

  .portlet-column.col-5 {
    width: 40.7258%; }

  .portlet-column.col-6 {
    width: 49.19354%; }

  .portlet-column.col-7 {
    width: 57.66129%; }

  .portlet-column.col-8 {
    width: 66.12903%; }

  .portlet-column.col-9 {
    width: 74.59677%; }

  .portlet-column.col-10 {
    width: 83.06451%; }

  .portlet-column.col-11 {
    width: 91.53225%; }

  .portlet-column.col-12,
  .portlet-column-only {
    width: 100%;
    margin-right: 0; }

  .portlet-column.last,
  .portlet-column.col-inline {
    margin-right: 0; }

  /* Option 2 "Wrapping" Columns */
  .portlet-column.wrap-full,
  .portlet-column.wrap-col,
  .portlet-column.wrap-portlets {
    width: 100%;
    margin: 0;
    float: none; }

  .portlet-column.wrap-col .portlet-column,
  .portlet-column.wrap-portlets .portlet-boundary {
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%; }

  /* Inline Columns without Margin */
  .portlet-column.col-1.col-inline {
    width: 8.33333333333%; }

  .portlet-column.col-2.col-inline {
    width: 16.7666666667%; }

  .portlet-column.col-3.col-inline {
    width: 25%; }

  .portlet-column.col-4.col-inline {
    width: 33.3333333333%; }

  .portlet-column.col-5.col-inline {
    width: 41.7666666667%; }

  .portlet-column.col-6.col-inline {
    width: 50%; }

  .portlet-column.col-7.col-inline {
    width: 58.3333333333%; }

  .portlet-column.col-8.col-inline {
    width: 66.7666666667%; }

  .portlet-column.col-9.col-inline {
    width: 75%; }

  .portlet-column.col-10.col-inline {
    width: 83.3333333333%; }

  .portlet-column.col-11.col-inline {
    width: 91.7666666667%; } }
@media only screen and (min-width: 992px) {
  /* Reset Wrapped Columns */
  .portlet-column.wrap-col .portlet-column,
  .portlet-column.wrap-portlets .portlet-boundary {
    float: none;
    width: auto;
    margin-right: 0;
    margin-left: 0; }

  .portlet-column.wrap-full,
  .portlet-column.wrap-col,
  .portlet-column.wrap-portlets,
  .portlet-column,
  .portlet-column.wrap-col .portlet-column {
    width: auto;
    margin-right: 1.61291%;
    float: left; }

  .portlet-column.col-1 {
    width: 6.85483% !important; }

  .portlet-column.col-2 {
    width: 15.32258% !important; }

  .portlet-column.col-3 {
    width: 23.79032% !important; }

  .portlet-column.col-4 {
    width: 32.25806% !important; }

  .portlet-column.col-5 {
    width: 40.7258% !important; }

  .portlet-column.col-6 {
    width: 49.19354% !important; }

  .portlet-column.col-7 {
    width: 57.66129% !important; }

  .portlet-column.col-8 {
    width: 66.12903% !important; }

  .portlet-column.col-9 {
    width: 74.59677% !important; }

  .portlet-column.col-10 {
    width: 83.06451% !important; }

  .portlet-column.col-11 {
    width: 91.53225% !important; }

  .portlet-column.col-12,
  .portlet-column-only {
    width: 100%;
    margin-right: 0; }

  .portlet-column.last,
  .portlet-column.col-inline {
    margin-right: 0 !important; } }