.WidgetArea[data-id="WidgetAreaLeft"] .actions .action-container { float: left !important; }

@media (max-width: 767px) { .WidgetArea .actions { display: none; } }

.WidgetAreaDemo .WidgetHolder .WidgetHolderContent { border: 1px solid #9E9E9E; padding: 5px; text-align: center; }
.WidgetAreaDemo [class^="WidgetColumns"]:nth-child(even) .WidgetHolderContent, .WidgetAreaDemo [class*=" WidgetColumns"]:nth-child(even) .WidgetHolderContent { background-color: #eee; }

[class^="WidgetColumns"], [class*=" WidgetColumns"] { margin-left: -10px; margin-right: -10px; margin-bottom: 0; }
[class^="WidgetColumns"]:before, [class^="WidgetColumns"]:after, [class*=" WidgetColumns"]:before, [class*=" WidgetColumns"]:after { content: ""; display: table; }
[class^="WidgetColumns"]:after, [class*=" WidgetColumns"]:after { clear: both; }

.WidgetHolder { float: left; vertical-align: top; }
.WidgetHolder.FloatRight { float: right; }
.WidgetHolder.ClearLeft { clear: left; }
.WidgetHolder .WidgetHolderContent { position: relative; /*padding-left: ($gutter / 2) + px;
padding-right: ($gutter / 2) + px;
margin-bottom: $gutter + px;*/ padding: 0; margin: 0; }

.WidgetColumns1 .WidgetColumnSpan1 { width: 100%; }

.WidgetColumns1 .WidgetColumnSpan2 { width: 100%; }

.WidgetColumns1 .WidgetColumnSpan3 { width: 100%; }

.WidgetColumns1 .WidgetColumnSpan4 { width: 100%; }

.WidgetColumns1 .WidgetColumnSpan5 { width: 100%; }

.WidgetColumns1 .WidgetColumnSpan6 { width: 100%; }

.WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }

.WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }

.WidgetColumns2 .WidgetColumnSpan3 { width: 100%; }

.WidgetColumns2 .WidgetColumnSpan4 { width: 100%; }

.WidgetColumns2 .WidgetColumnSpan5 { width: 100%; }

.WidgetColumns2 .WidgetColumnSpan6 { width: 100%; }

.WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }

.WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }

.WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }

.WidgetColumns3 .WidgetColumnSpan4 { width: 100%; }

.WidgetColumns3 .WidgetColumnSpan5 { width: 100%; }

.WidgetColumns3 .WidgetColumnSpan6 { width: 100%; }

.WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }

.WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }

.WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }

.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }

.WidgetColumns4 .WidgetColumnSpan5 { width: 100%; }

.WidgetColumns4 .WidgetColumnSpan6 { width: 100%; }

.WidgetColumns5 .WidgetColumnSpan1 { width: 20%; }

.WidgetColumns5 .WidgetColumnSpan2 { width: 40%; }

.WidgetColumns5 .WidgetColumnSpan3 { width: 60%; }

.WidgetColumns5 .WidgetColumnSpan4 { width: 80%; }

.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }

.WidgetColumns5 .WidgetColumnSpan6 { width: 100%; }

.WidgetColumns6 .WidgetColumnSpan1 { width: 16.66%; }

.WidgetColumns6 .WidgetColumnSpan2 { width: 33.33%; }

.WidgetColumns6 .WidgetColumnSpan3 { width: 50%; }

.WidgetColumns6 .WidgetColumnSpan4 { width: 66.66%; }

.WidgetColumns6 .WidgetColumnSpan5 { width: 83.33%; }

.WidgetColumns6 .WidgetColumnSpan6 { width: 100%; }

@media (max-width: 1280px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 20%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 40%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 60%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 80%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns6 .WidgetColumnSpan2 { width: 33.33%; }
  .WidgetColumns6 .WidgetColumnSpan3 { width: 50%; }
  .WidgetColumns6 .WidgetColumnSpan4 { width: 66.66%; }
  .WidgetColumns6 .WidgetColumnSpan5 { width: 83.33%; }
  .WidgetColumns6 .WidgetColumnSpan6 { width: 100%; } }
@media (max-width: 1024px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 25%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 75%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns6 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns6 .WidgetColumnSpan3 { width: 50%; }
  .WidgetColumns6 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan6 { width: 100%; } }
@media (max-width: 959px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns6 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns6 .WidgetColumnSpan3 { width: 50%; }
  .WidgetColumns6 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan6 { width: 100%; } }
@media (max-width: 767px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan6 { width: 100%; } }
@media (max-width: 480px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan6 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan5 { width: 100%; }
  .WidgetColumns6 .WidgetColumnSpan6 { width: 100%; } }
.WidgetArea { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.WidgetArea:before { display: none; }
.WidgetArea .cms.actions { width: 100%; }

/*# sourceMappingURL=CreaWidget.css.map */