.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; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.WidgetHolder.FloatRight { float: right; }
.WidgetHolder.ClearLeft { clear: left; }
.WidgetHolder .WidgetHolderContent { position: relative; }

.WidgetColumns1 .WidgetColumnSpan1 { width: 100%; }

.WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }

.WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }

.WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }

.WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }

.WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }

.WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }

.WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }

.WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }

.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }

.WidgetColumns5 .WidgetColumnSpan1 { width: 20%; }

.WidgetColumns5 .WidgetColumnSpan2 { width: 40%; }

.WidgetColumns5 .WidgetColumnSpan3 { width: 60%; }

.WidgetColumns5 .WidgetColumnSpan4 { width: 80%; }

.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }

@media (max-width: 1280px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 20%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 40%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 60%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 80%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }
@media (max-width: 1024px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 25%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 50%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 75%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }
@media (max-width: 959px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 33.33%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 66.66%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }
@media (max-width: 767px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }
@media (max-width: 480px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }