/* ========================= */
/*    RESPONSIVE TEMPLATE    */
/*      Mobile First         */
/* ========================= */
.body.splash.splashLayout.DEFAULT_RESPONSIVE,
.body.splash.splashLayout.DEFAULT_LANDING_PAGE_REPONSIVE,
.body.splash.splashLayout.DEFAULT_1_COLUMN_RESPONSIVE,
.body.splash.splashLayout.DEFAULT_2_COLUMNS_RESPONSIVE,
.body.splash.splashLayout.DEFAULT_3_COLUMNS_RESPONSIVE,
.body.splash.splashLayout.DEFAULT_4_COLUMNS_RESPONSIVE,
.body.splash.splashLayout.DEFAULT_1_VERTICAL_2_RESPONSIVE,
.body.splash.splashLayout.DEFAULT_4_SECTIONS_RESPONSIVE,
.body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE {
  display: grid;
  height: 100% !important;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: none;
  grid-auto-rows: auto;
  gap: 1rem;
  padding: 0;
  background-color: var(--bg-color);
}

/* All One Column Vertical */
/* -------------------------------------- */
/* Small devices (< 576px and up) */
.body.splash.splashLayout .planelContainer[data-locationid="1"] {
  grid-column: 1 / span 12;
  grid-row: 1;
}

.body.splash.splashLayout .planelContainer[data-locationid="2"] {
  grid-column: 1 / span 12;
  grid-row: 2;
}

.body.splash.splashLayout .planelContainer[data-locationid="3"] {
  grid-column: 1 / span 12;
  grid-row: 3;
}

.body.splash.splashLayout .planelContainer[data-locationid="4"] {
  grid-column: 1 / span 12;
  grid-row: 4;
}

.body.splash.splashLayout .planelContainer[data-locationid="5"] {
  grid-row: 5;
  grid-column: 1 / span 12;
}

.body.splash.splashLayout .planelContainer[data-locationid="6"] {
  grid-column: 1 / span 12;
  grid-row: 6;
}

.body.splash.splashLayout .planelContainer[data-locationid="7"] {
  grid-column: 1 / span 12;
  grid-row: 7;
}

/* -------------------------------------- */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* -------------------------------------- */
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* -------------------------------------- */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* ========================= */
  /* TEMPLATE DEFAULT_RESPONSIVE */
  /* ========================= */
  .body.splash.splashLayout.DEFAULT_RESPONSIVE
    .planelContainer[data-locationid]  {
      display: flex;
      flex-direction: column;
    }
  .body.splash.splashLayout.DEFAULT_RESPONSIVE
    .planelContainer[data-locationid].section_1-default {
    grid-column: 1 / span 8;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_RESPONSIVE
    .planelContainer[data-locationid].section_2-default {
    grid-column: 1 / span 8;
    grid-row: 3;
  }
  .body.splash.splashLayout.DEFAULT_RESPONSIVE
    .planelContainer[data-locationid].section_3-default {
    grid-column: 1 / span 4;
    grid-row: 2;
  }
  .body.splash.splashLayout.DEFAULT_RESPONSIVE
    .planelContainer[data-locationid].section_4-default {
    grid-column: 5 / span 4;
    grid-row: 2;
  }
  .body.splash.splashLayout.DEFAULT_RESPONSIVE
    .planelContainer[data-locationid].section_5-default {
    grid-column: 9 / span 4;
    grid-row: 1 / span 3;
  }
  /* ======================================= */
  /* TEMPLATE DEFAULT_LANDING_PAGE_REPONSIVE */
  /* ======================================== */
  .body.splash.splashLayout.DEFAULT_LANDING_PAGE_REPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }
  .body.splash.splashLayout.DEFAULT_LANDING_PAGE_REPONSIVE
    .planelContainer[data-locationid].section_1-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_LANDING_PAGE_REPONSIVE
    .planelContainer[data-locationid].section_2-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 2;
  }
  .body.splash.splashLayout.DEFAULT_LANDING_PAGE_REPONSIVE
    .planelContainer[data-locationid].section_3-LandingPage {
    grid-column: 1 / span 6;
    grid-row: 3;
  }
  .body.splash.splashLayout.DEFAULT_LANDING_PAGE_REPONSIVE
    .planelContainer[data-locationid].section_4-LandingPage {
    grid-column: 7 / span 6;
    grid-row: 3;
  }
  .body.splash.splashLayout.DEFAULT_LANDING_PAGE_REPONSIVE
    .planelContainer[data-locationid].section_5-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 4;
  }

  /* =========================== */
  /* TEMPLATE DEFAULT_1_COLUMN_RESPONSIVE */
  /* =========================== */
  .body.splash.splashLayout.DEFAULT_1_COLUMN_RESPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }
  .body.splash.splashLayout.DEFAULT_1_COLUMN_RESPONSIVE
    .planelContainer[data-locationid].section_1-OneColumn {
    grid-column: 1 / span 12;
    grid-row: 1;
  }

  /* =========================== */
  /* TEMPLATE DEFAULT_2_COLUMNS_RESPONSIVE */
  /* =========================== */
  .body.splash.splashLayout.DEFAULT_2_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }
  .body.splash.splashLayout.DEFAULT_2_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_1-TwoColumns {
    grid-column: 1 / span 6;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_2_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_2-TwoColumns {
    grid-column: 7 / span 12;
    grid-row: 1;
  }

  /* =========================== */
  /* TEMPLATE DEFAULT_3_COLUMNS_RESPONSIVE */
  /* =========================== */
  .body.splash.splashLayout.DEFAULT_3_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }
  .body.splash.splashLayout.DEFAULT_3_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_1-ThreeColumns {
    grid-column: 1 / span 4;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_3_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_2-ThreeColumns {
    grid-column: 5 / span 4;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_3_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_3-ThreeColumns {
    grid-column: 9 / span 4;
    grid-row: 1;
  }

  /* =========================== */
  /* TEMPLATE DEFAULT_4_COLUMNS_RESPONSIVE */
  /* =========================== */
  .body.splash.splashLayout.DEFAULT_4_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }

  .body.splash.splashLayout.DEFAULT_4_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_1-FourColumns {
    grid-column: 1 / span 3;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_4_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_2-FourColumns {
    grid-column: 4 / span 3;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_4_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_3-FourColumns {
    grid-column: 7 / span 3;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_4_COLUMNS_RESPONSIVE
    .planelContainer[data-locationid].section_4-FourColumns {
    grid-column: 10 / span 3;
    grid-row: 1;
  }

  /* ========================================= */
  /* TEMPLATE DEFAULT_1_VERTICAL_2_RESPONSIVE */
  /* ======================================== */
  .body.splash.splashLayout.DEFAULT_1_VERTICAL_2_RESPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }
  .body.splash.splashLayout.DEFAULT_1_VERTICAL_2_RESPONSIVE
    .planelContainer[data-locationid].section_1-OneColTwoRows {
    grid-column: 1 / span 4;
    grid-row: 1 / span 2;
  }
  .body.splash.splashLayout.DEFAULT_1_VERTICAL_2_RESPONSIVE
    .planelContainer[data-locationid].section_2-OneColTwoRows {
    grid-column: 5 / span 8;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_1_VERTICAL_2_RESPONSIVE
    .planelContainer[data-locationid].section_3-OneColTwoRows {
    grid-column: 5 / span 8;
    grid-row: 2;
  }

  /* ===================================== */
  /* TEMPLATE DEFAULT_4_SECTIONS_RESPONSIVE */
  /* ====================================== */
  .body.splash.splashLayout.DEFAULT_4_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }
  .body.splash.splashLayout.DEFAULT_4_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_1-FourSections {
    grid-column: 1 / span 4;
    grid-row: 1 / span 2;
  }
  .body.splash.splashLayout.DEFAULT_4_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_2-FourSections {
    grid-column: 5 / span 8;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_4_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_3-FourSections {
    grid-column: 5 / span 4;
    grid-row: 2;
  }
  .body.splash.splashLayout.DEFAULT_4_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_4-FourSections {
    grid-column: 9 / span 4;
    grid-row: 2;
  }

  /* =========================== */
  /* TEMPLATE DEFAULT_7_SECTIONS_RESPONSIVE */
  /* =========================== */
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid] {
    display: flex;
    flex-direction: column;
  }
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_1-seven_cols {
    grid-column: 1 / span 12;
    grid-row: 1;
  }
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_2-seven_cols {
    grid-column: 1 / span 8;
    grid-row: 2;
  }
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_3-seven_cols {
    grid-column: 1 / span 4;
    grid-row: 3;
  }
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_4-seven_cols {
    grid-column: 5 / span 4;
    grid-row: 3;
  }
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_5-seven_cols {
    grid-column: 1 / span 8;
    grid-row: 4;
  }
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_6-seven_cols {
    grid-column: 9 / span 4;
    grid-row: 2 / span 3;
  }
  .body.splash.splashLayout.DEFAULT_7_SECTIONS_RESPONSIVE
    .planelContainer[data-locationid].section_7-seven_cols {
    grid-column: 1 / span 12;
    grid-row: 5;
  }
  
  
  /* =========================== */
  /* TEMPLATE DEFAULT_LANDING_PAGE_RESPONSIVE */
  /* =========================== */
  .body.splash.splashLayout.DEFAULT_LANDING_PAGE_RESPONSIVE
  	.planelContainer[data-locationid="5"]{
  	position: fixed;
    bottom: 0;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/* =========================== */
/*    DASHBOARD PREVIEWS       */
/*      dasboard page          */
/* =========================== */
.templateView.splashLayout.splashPreview #tempHtml {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
  height: inherit !important;
  gap: 4px;
  padding: 4px;
}

.templateView.splashPreview .planelContainer[data-locationid],
.templateViewMdl.splashPreview .planelContainer[data-locationid] {
  display: flex;
  border: 1px dashed grey;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
/* ========================= */
/* PREVIEW DEFAULT_RESPONSIVE */
/* ========================= */
.templateView.splashPreview
  > .DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_1-default {
  grid-column: 1 / span 8;
  grid-row: 1;
}
.templateView.splashPreview
  > .DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_2-default {
  grid-column: 1 / span 8;
  grid-row: 12;
}
.templateView.splashPreview
  > .DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_3-default {
    grid-column: 1 / span 4;
    grid-row: 2 / span 10;
}
.templateView.splashPreview
  > .DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_4-default {
    grid-column: 5 / span 4;
    grid-row: 2 / span 10;
}
.templateView.splashPreview
  > .DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_5-default {
  grid-column: 9 / span 4;
  grid-row: 1 / span 12;
}

/* =================================== */
/* PREVIEW DEFAULT_LANDING_PAGE_REPONSIVE */
/* =================================== */
.templateView.splashPreview
  > .DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_1-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 1;
}
.templateView.splashPreview
  > .DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_2-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 2;
}
.templateView.splashPreview
  > .DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_3-LandingPage {
    grid-column: 1 / span 6;
    grid-row: 3 / span 9;
}
.templateView.splashPreview
  > .DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_4-LandingPage {
    grid-column: 7 / span 6;
    grid-row: 3 / span 9;
}
.templateView.splashPreview
  > .DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_5-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 12;
}

/* =========================== */
/* PREVIEW DEFAULT_1_COLUMN_RESPONSIVE */
/* =========================== */
.templateView.splashPreview
  > .DEFAULT_1_COLUMN_RESPONSIVE
  > .planelContainer[data-locationid].section_1-OneColumn {
  grid-column: 1 / span 12;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_2_COLUMNS_RESPONSIVE */
/* =========================== */
.templateView.splashPreview
  > .DEFAULT_2_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-TwoColumns {
  grid-column: 1 / span 6;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_2_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-TwoColumns {
  grid-column: 7 / span 6;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_3_COLUMNS_RESPONSIVE */
/* =========================== */
.templateView.splashPreview
  > .DEFAULT_3_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-ThreeColumns {
  grid-column: 1 / span 4;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_3_COLUMNS_RESPONSIVE
  .planelContainer[data-locationid].section_2-ThreeColumns {
  grid-column: 5 / span 4;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_3_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-ThreeColumns {
  grid-column: 9 / span 4;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_4_COLUMNS_RESPONSIVE */
/* =========================== */
.templateView.splashPreview
  > .DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-FourColumns {
  grid-column: 1 / span 3;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-FourColumns {
  grid-column: 4 / span 3;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-FourColumns {
  grid-column: 7 / span 3;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_4-FourColumns {
  grid-column: 10 / span 3;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_1_VERTICAL_2_RESPONSIVE */
/* =========================== */
.templateView.splashPreview
  > .DEFAULT_1_VERTICAL_2_RESPONSIVE
  > .planelContainer[data-locationid].section_1-OneColTwoRows {
  grid-column: 1 / span 4;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_1_VERTICAL_2_RESPONSIVE
  > .planelContainer[data-locationid].section_2-OneColTwoRows {
  grid-column: 5 / span 8;
  grid-row: 1 / span 6;
}
.templateView.splashPreview
  > .DEFAULT_1_VERTICAL_2_RESPONSIVE
  > .planelContainer[data-locationid].section_3-OneColTwoRows {
  grid-column: 5 / span 8;
  grid-row: 7 / span 6;
}

/* =========================== */
/* PREVIEW DEFAULT_4_SECTIONS_RESPONSIVE */
/* =========================== */
.templateView.splashPreview
  > .DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-FourSections {
  grid-column: 1 / span 4;
  grid-row: 1 / span 12;
}
.templateView.splashPreview
  > .DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-FourSections {
  grid-column: 5 / span 8;
  grid-row: 1 / span 3;
}
.templateView.splashPreview
  > .DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-FourSections {
  grid-column: 5 / span 4;
  grid-row: 4 / span 9;
}
.templateView.splashPreview
  > .DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_4-FourSections {
  grid-column: 9 / span 4;
  grid-row: 4 / span 9;
}

/* =========================== */
/* PREVIEW DEFAULT_7_SECTIONS_RESPONSIVE */
/* =========================== */
.templateView.splashPreview
  > .DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-seven_cols {
  grid-column: 1 / span 12;
  grid-row: 1 / span 2;
}
.templateView.splashPreview
  > .DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-seven_cols {
  grid-column: 1 / span 8;
  grid-row: 3 / span 2;
}
.templateView.splashPreview
  > .DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-seven_cols {
  grid-column: 1 / span 4;
  grid-row: 5 / span 4;
}
.templateView.splashPreview
  > .DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_4-seven_cols {
  grid-column: 5 / span 4;
  grid-row: 5 / span 4;
}
.templateView.splashPreview
  > .DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_5-seven_cols {
  grid-column: 1 / span 8;
  grid-row: 9 / span 2;
}
.templateView.splashPreview
  > .DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_6-seven_cols {
  grid-column: 9 / span 4;
  grid-row: 3 / span 8;
}
.templateView.splashPreview
  > .DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_7-seven_cols {
  grid-column: 1 / span 12;
  grid-row: 11 / span 2;
}

/* =================================== */
/*        IN MODAL PREVIEWS            */
/*       layout de dashboards           */
/* =================================== */
.templateViewMdl.splashLayout.splashPreview .DEFAULT_RESPONSIVE,
.DEFAULT_2_COLUMNS_RESPONSIVE,
.DEFAULT_3_COLUMNS_RESPONSIVE,
.DEFAULT_4_COLUMNS_RESPONSIVE,
.DEFAULT_LANDING_PAGE_REPONSIVE,
.DEFAULT_1_COLUMN_RESPONSIVE,
.DEFAULT_7_SECTIONS_RESPONSIVE,
.DEFAULT_1_VERTICAL_2_RESPONSIVE,
.DEFAULT_4_SECTIONS_RESPONSIVE {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
  height: 200px !important;
  gap: 4px;
  padding: 4px;
}

/* ========================= */
/* PREVIEW DEFAULT_RESPONSIVE */
/* ========================= */
.templateViewMdl.splashPreview.DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_1-default {
  grid-column: 1 / span 8;
  grid-row: 1;
}
.templateViewMdl.splashPreview.DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_2-default {
  grid-column: 1 / span 8;
  grid-row: 12;
}
.templateViewMdl.splashPreview.DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_3-default {
    grid-column: 1 / span 4;
    grid-row: 2 / span 10;
}
.templateViewMdl.splashPreview.DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_4-default {
    grid-column: 5 / span 4;
    grid-row: 2 / span 10;
}
.templateViewMdl.splashPreview.DEFAULT_RESPONSIVE
  > .planelContainer[data-locationid].section_5-default {
  grid-column: 9 / span 4;
  grid-row: 1 / span 12;
}

/* =================================== */
/* PREVIEW DEFAULT_LANDING_PAGE_REPONSIVE */
/* =================================== */
.templateViewMdl.splashPreview.DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_1-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 1;
}
.templateViewMdl.splashPreview.DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_2-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 2;
}
.templateViewMdl.splashPreview.DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_3-LandingPage {
    grid-column: 1 / span 6;
    grid-row: 3 / span 9;
}
.templateViewMdl.splashPreview.DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_4-LandingPage {
    grid-column: 7 / span 6;
    grid-row: 3 / span 9;
}
.templateViewMdl.splashPreview.DEFAULT_LANDING_PAGE_REPONSIVE
  > .planelContainer[data-locationid].section_5-LandingPage {
    grid-column: 1 / span 12;
    grid-row: 12;
    
}

/* =========================== */
/* PREVIEW DEFAULT_1_COLUMN_RESPONSIVE */
/* =========================== */
.templateViewMdl.splashPreview.DEFAULT_1_COLUMN_RESPONSIVE
  > .planelContainer[data-locationid].section_1-OneColumn {
  grid-column: 1 / span 12;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_2_COLUMNS_RESPONSIVE */
/* =========================== */
.templateViewMdl.splashPreview.DEFAULT_2_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-TwoColumns {
  grid-column: 1 / span 6;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_2_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-TwoColumns {
  grid-column: 7 / span 6;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_3_COLUMNS_RESPONSIVE */
/* =========================== */
.templateViewMdl.splashPreview.DEFAULT_3_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-ThreeColumns {
  grid-column: 1 / span 4;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_3_COLUMNS_RESPONSIVE
  .planelContainer[data-locationid].section_2-ThreeColumns {
  grid-column: 5 / span 4;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_3_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-ThreeColumns {
  grid-column: 9 / span 4;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_4_COLUMNS_RESPONSIVE */
/* =========================== */
.templateViewMdl.splashPreview.DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-FourColumns {
  grid-column: 1 / span 3;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-FourColumns {
  grid-column: 4 / span 3;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-FourColumns {
  grid-column: 7 / span 3;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_4_COLUMNS_RESPONSIVE
  > .planelContainer[data-locationid].section_4-FourColumns {
  grid-column: 10 / span 3;
  grid-row: 1 / span 12;
}

/* =========================== */
/* PREVIEW DEFAULT_1_VERTICAL_2_RESPONSIVE */
/* =========================== */
.templateViewMdl.splashPreview.DEFAULT_1_VERTICAL_2_RESPONSIVE
  > .planelContainer[data-locationid].section_1-OneColTwoRows {
  grid-column: 1 / span 4;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_1_VERTICAL_2_RESPONSIVE
  > .planelContainer[data-locationid].section_2-OneColTwoRows {
  grid-column: 5 / span 8;
  grid-row: 1 / span 6;
}
.templateViewMdl.splashPreview.DEFAULT_1_VERTICAL_2_RESPONSIVE
  > .planelContainer[data-locationid].section_3-OneColTwoRows {
  grid-column: 5 / span 8;
  grid-row: 7 / span 6;
}

/* =========================== */
/* PREVIEW DEFAULT_4_SECTIONS_RESPONSIVE */
/* =========================== */
.templateViewMdl.splashPreview.DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-FourSections {
  grid-column: 1 / span 4;
  grid-row: 1 / span 12;
}
.templateViewMdl.splashPreview.DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-FourSections {
  grid-column: 5 / span 8;
  grid-row: 1 / span 3;
}
.templateViewMdl.splashPreview.DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-FourSections {
  grid-column: 5 / span 4;
  grid-row: 4 / span 9;
}
.templateViewMdl.splashPreview.DEFAULT_4_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_4-FourSections {
  grid-column: 9 / span 4;
  grid-row: 4 / span 9;
}

/* =========================== */
/* PREVIEW DEFAULT_7_SECTIONS_RESPONSIVE */
/* =========================== */
.templateViewMdl.splashPreview.DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_1-seven_cols {
  grid-column: 1 / span 12;
  grid-row: 1 / span 2;
}
.templateViewMdl.splashPreview.DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_2-seven_cols {
  grid-column: 1 / span 8;
  grid-row: 3 / span 2;
}
.templateViewMdl.splashPreview.DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_3-seven_cols {
  grid-column: 1 / span 4;
  grid-row: 5 / span 4;
}
.templateViewMdl.splashPreview.DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_4-seven_cols {
  grid-column: 5 / span 4;
  grid-row: 5 / span 4;
}
.templateViewMdl.splashPreview.DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_5-seven_cols {
  grid-column: 1 / span 8;
  grid-row: 9 / span 2;
}
.templateViewMdl.splashPreview.DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_6-seven_cols {
  grid-column: 9 / span 4;
  grid-row: 3 / span 8;
}
.templateViewMdl.splashPreview.DEFAULT_7_SECTIONS_RESPONSIVE
  > .planelContainer[data-locationid].section_7-seven_cols {
  grid-column: 1 / span 12;
  grid-row: 11 / span 2;
}

/* ================================= */
/* END RESPONSIVE LAYOUTS/TEMPLATES */
/* ================================ */

/* ======================================== */
/* ======================================== */
/* ======================================== */
/** DEFAULT APIA NON_RESPONSIVE TEMPLATES  **/
/* ======================================== */
/* ======================================== */
/* ======================================== */
.splashLayout div.planelContainerHorizontalTop {
}
.splashLayout div.panelContainerHorizontalBottom {
  clear: both;
}
.splashLayout div.panelContainerVerticalLeft {
  float: left;
  width: 48%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticualRight {
  float: right;
  width: 47%;
  margin: 0px;
}
.splashLayout div.panelContainerRight {
}
.splashLayout div.left {
  float: left;
  width: 74%;
  margin: 0 0 0 1%;
}
.splashLayout div.right {
  float: right;
  width: 25%;
  margin: 0px;
}

.templateView.splashPreview div.planelContainerHorizontalTop {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerHorizontalBottom {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerVerticalLeft {
  height: 140px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerVerticualRight {
  height: 140px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerRight {
  height: 210px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}

.templateViewMdl.splashPreview div.planelContainerHorizontalTop {
  height: 35px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerHorizontalBottom {
  height: 35px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerVerticalLeft {
  height: 140px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}
.templateViewMdl.splashPreview div.panelContainerVerticualRight {
  height: 140px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}
.templateViewMdl.splashPreview div.panelContainerRight {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}

/***** TEMPLATE 1 COLUMN *****/
.splashLayout div.planelContainerHorizontalTop-OneColumn {
  width: 99%;
  margin: 0px;
}
.splashLayout div.left-OneColumn {
  float: left;
  width: 98%;
  margin: 0 0 0 1%;
}

.templateView.splashPreview div.planelContainerHorizontalTop-OneColumn {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 99% !important;
}

.templateViewMdl.splashPreview div.planelContainerHorizontalTop-OneColumn {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 99% !important;
}

/***** TEMPLATE DEFAULT 2 COLUMNS *****/
.splashLayout div.panelContainerVerticalLeft-TwoColumns {
  float: left;
  width: 100%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalRight-TwoColumns {
  float: right;
  width: 100%;
  margin: 0px;
}
.splashLayout div.left-TwoColumns {
  float: left;
  width: 49%;
  margin: 0 0 0 1%;
}
.splashLayout div.right-TwoColumns {
  float: right;
  width: 49%;
  margin: 0px;
}

.templateView.splashPreview div.panelContainerVerticalLeft-TwoColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 100% !important;
}
.templateView.splashPreview div.panelContainerVerticalRight-TwoColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 100% !important;
}

.templateViewMdl.splashPreview div.panelContainerVerticalLeft-TwoColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 98% !important;
}
.templateViewMdl.splashPreview div.panelContainerVerticalRight-TwoColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 98% !important;
}

/***** TEMPLATE DEFAULT 3 COLUMNS *****/
.splashLayout div.panelContainerVerticalLeft-ThreeColumns {
  float: left;
  width: 100%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalMiddle-ThreeColumns {
  width: 100%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalRight-ThreeColumns {
  float: right;
  width: 100%;
  margin: 0px;
}
.splashLayout div.left-ThreeColumns {
  float: left;
  width: 32%;
  margin: 0 0 0 1%;
}
.splashLayout div.middle-ThreeColumns {
  float: left;
  width: 32%;
  margin: 0 0 0 1%;
}
.splashLayout div.right-ThreeColumns {
  float: right;
  width: 32%;
  margin: 0px;
}

.templateView.splashPreview div.panelContainerVerticalLeft-ThreeColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 100% !important;
}
.templateView.splashPreview div.panelContainerVerticalMiddle-ThreeColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 100% !important;
}
.templateView.splashPreview div.panelContainerVerticalRight-ThreeColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 100% !important;
}

.templateViewMdl.splashPreview div.panelContainerVerticalLeft-ThreeColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 98% !important;
}
.templateViewMdl.splashPreview div.panelContainerVerticalMiddle-ThreeColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 98% !important;
}
.templateViewMdl.splashPreview div.panelContainerVerticalRight-ThreeColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 98% !important;
}

/***** TEMPLATE DEFAULT 4 COLUMNS *****/
.splashLayout div.panelContainerVerticalLeft-FourColumns {
  float: left;
  width: 100%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalMiddleLeft-FourColumns {
  width: 100%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalMiddleRight-FourColumns {
  width: 100%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalRight-FourColumns {
  float: right;
  width: 100%;
  margin: 0px;
}
.splashLayout div.left-FourColumns {
  float: left;
  width: 24%;
  margin: 0 0 0 1%;
}
.splashLayout div.middleLeft-FourColumns {
  float: left;
  width: 24%;
  margin: 0 0 0 1%;
}
.splashLayout div.middleRight-FourColumns {
  float: right;
  width: 24%;
  margin: 0 0 0 1%;
}
.splashLayout div.right-FourColumns {
  float: right;
  width: 24%;
  margin: 0 0 0 1%;
}

.templateView.splashPreview div.panelContainerVerticalLeft-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 100% !important;
}
.templateView.splashPreview div.panelContainerVerticalMiddleLeft-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 100% !important;
}
.templateView.splashPreview div.panelContainerVerticalMiddleRight-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 100% !important;
}
.templateView.splashPreview div.panelContainerVerticalRight-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 100% !important;
}

.templateViewMdl.splashPreview div.panelContainerVerticalLeft-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 98% !important;
}
.templateViewMdl.splashPreview
  div.panelContainerVerticalMiddleLeft-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 98% !important;
}
.templateViewMdl.splashPreview
  div.panelContainerVerticalMiddleRight-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 98% !important;
}
.templateViewMdl.splashPreview div.panelContainerVerticalRight-FourColumns {
  height: 220px;
  border: 1px dashed grey;
  margin: 1px;
  text-align: center;
  width: 98% !important;
}

/* **** TEMPLATE 1 COLUMN 2 ROWS ****/
.splashLayout div.planelContainerHorizontalTop-OneColTwoRows {
}
.splashLayout div.panelContainerHorizontalBottom-OneColTwoRows {
  clear: both;
}
.splashLayout div.panelContainerVerticalLeft-OneColTwoRows {
  float: left;
  width: 100%;
  margin: 0px;
}
.splashLayout div.left-OneColTwoRows {
  float: left;
  width: 24%;
  margin: 0 0 0 1%;
}
.splashLayout div.right-OneColTwoRows {
  float: right;
  width: 74%;
  margin: 0px;
}

.templateView.splashPreview div.planelContainerHorizontalTop-OneColTwoRows {
  height: 108px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerHorizontalBottom-OneColTwoRows {
  height: 108px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerVerticalLeft-OneColTwoRows {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}

.templateViewMdl.splashPreview div.planelContainerHorizontalTop-OneColTwoRows {
  height: 108px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview
  div.panelContainerHorizontalBottom-OneColTwoRows {
  height: 108px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerVerticalLeft-OneColTwoRows {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 98% !important;
}

/* **** TEMPLATE 4 SECTIONS ****/
.splashLayout div.planelContainerHorizontalTop-FourSections {
}
.splashLayout div.panelContainerVerticalLeft-FourSections {
  float: left;
  width: 48%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalRight-FourSections {
  float: right;
  width: 48%;
  margin: 0px;
}
.splashLayout div.panelContainerRight-FourSections {
}
.splashLayout div.left-FourSections {
  float: left;
  width: 25%;
  margin: 0 0 0 1%;
}
.splashLayout div.right-FourSections {
  float: right;
  width: 74%;
  margin: 0px;
}

.templateView.splashPreview div.planelContainerHorizontalTop-FourSections {
  height: 50px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerVerticalLeft-FourSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 48% !important;
}
.templateView.splashPreview div.panelContainerVerticalRight-FourSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}
.templateView.splashPreview div.panelContainerLeft-FourSections {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerVerticalRight-FourSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}

.templateViewMdl.splashPreview div.planelContainerHorizontalTop-FourSections {
  height: 50px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerHorizontalBottom-FourSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerVerticalLeft-FourSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 48% !important;
}
.templateViewMdl.splashPreview div.panelContainerLeft-FourSections {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerVerticalRight-FourSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}

/* **** TEMPLATE 7 SECTIONS ****/
.splashLayout div.planelContainerHorizontalTop-SevenSections {
}
.splashLayout div.panelContainerHorizontalBottom-SevenSections {
  clear: both;
}
.splashLayout div.panelContainerVerticalLeft-SevenSections {
  float: left;
  width: 48%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalRight-SevenSections {
  float: right;
  width: 48%;
  margin-right: 1%;
}
.splashLayout div.panelContainerRight-SevenSections {
}
.splashLayout div.left-SevenSections {
  float: left;
  width: 74%;
  margin: 0 0 0 1%;
}
.splashLayout div.right-SevenSections {
  float: right;
  width: 25%;
  margin: 0px;
}
.splashLayout div.top-SevenSections {
  float: left;
  width: 99%;
  margin: 0 0 0 1%;
}

.splashLayout div.top-SevenSectionsLeft {
  float: left;
  width: 60%;
  margin: 0 0 0 1%;
}
.splashLayout div.top-SevenSectionsLRight {
  float: left;
  width: 26%;
  margin: 0 0 0 0px;
}
.splashLayout div.top-SevenSectionsRight {
  float: right;
  width: 6%;
  margin: 0 0 0 0px;
}

.splashLayout div.bottom-SevenSections {
  float: left;
  width: 100%;
  margin: 0px;
}

.templateView.splashPreview div.planelContainerHorizontalTop-SevenSections {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerHorizontalBottom-SevenSections {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerVerticalLeft-SevenSections {
  height: 95px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 48% !important;
}
.templateView.splashPreview div.panelContainerVerticalRight-SevenSections {
  height: 95px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}
.templateView.splashPreview div.panelContainerRight-SevenSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}

.templateViewMdl.splashPreview div.planelContainerHorizontalTop-SevenSections {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview
  div.panelContainerHorizontalBottom-SevenSections {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerVerticalLeft-SevenSections {
  height: 95px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 48% !important;
}
.templateViewMdl.splashPreview div.panelContainerVerticalRight-SevenSections {
  height: 95px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}
.templateViewMdl.splashPreview div.panelContainerRight-SevenSections {
  height: 165px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}

/***** TEMPLATE DEFAULT LANDING PAGE *****/
.splashLayout div.planelContainerHorizontalTop-LandingPage {
}
.splashLayout div.panelContainerHorizontalBottom-LandingPage {
  clear: both;
}
.splashLayout div.panelContainerVerticalLeft-LandingPage {
  float: left;
  width: 48%;
  margin: 0px;
}
.splashLayout div.panelContainerVerticalRight-LandingPage {
  float: right;
  width: 48%;
  margin: 0px;
}
.splashLayout div.left-LandingPage {
  float: left;
  width: 99%;
  margin: 0 0 0 1%;
}
.splashLayout div.top-LandingPage {
  float: left;
  width: 99%;
  margin: 0 0 0 1%;
}
.splashLayout div.bottom-LandingPage {
  float: left;
  width: 99%;
  margin: 0 0 0 1%;
  position: fixed;
  bottom: 0;
}

.templateView.splashPreview div.bottom-LandingPage {
  float: left;
  width: 99%;
  margin: 0 0 0 1%;
  position: relative !important;
  bottom: auto !important;
}
.templateView.splashPreview div.planelContainerHorizontalTopUp-LandingPage {
  height: 10px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.planelContainerHorizontalTop-LandingPage {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateView.splashPreview div.panelContainerHorizontalBottom-LandingPage {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  position: relative;
  bottom: auto;
}
.templateView.splashPreview div.panelContainerVerticalLeft-LandingPage {
  height: 130px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 48% !important;
}
.templateView.splashPreview div.panelContainerVerticalRight-LandingPage {
  height: 130px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 47% !important;
}

.templateViewMdl.splashPreview div.bottom-LandingPage {
  float: left;
  width: 99%;
  margin: 0 0 0 1%;
  position: relative !important;
  bottom: auto !important;
}
.templateViewMdl.splashPreview div.planelContainerHorizontalTopUp-LandingPage {
  height: 10px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.planelContainerHorizontalTop-LandingPage {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerHorizontalBottom-LandingPage {
  height: 30px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
}
.templateViewMdl.splashPreview div.panelContainerVerticalLeft-LandingPage {
  height: 130px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 48% !important;
}
.templateViewMdl.splashPreview div.panelContainerVerticalRight-LandingPage {
  height: 130px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 48% !important;
}

/***** TEMPLATE DEFAULT MOVIL LANDING PAGE *****/
.splashLayout div.planelContainerHorizontalTop-MovilLandingPage-OneColumn {
  margin: 0px;
  box-sizing: border-box;
}
.splashLayout div.left-MovilLandingPage-OneColumn {
  float: left;
  width: 98%;
  margin: 0 0 0 1%;
}

.templateView.splashPreview
  div.planelContainerHorizontalTop-MovilLandingPage-OneColumn {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 99% !important;
}

.templateViewMdl.splashPreview
  div.planelContainerHorizontalTop-MovilLandingPage-OneColumn {
  height: 220px;
  border: 1px dashed grey;
  margin: 2px;
  text-align: center;
  width: 99% !important;
}

/*////////////////////////////PANEL DE B�SQUEDA//////////////////////////*/
div.panel table tbody tr td input#searchSimple {
  border: 1px solid #cccccc;
  color: #6b6b6b;
  padding: 6px;
  border-radius: 4px;
}
/*////////////////////////////FIN ITEMS//////////////////////////*/

div.planelContainer div.panel div.panelRssIcon {
  background-image: url("../../img/rss/rss1.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 14px;
  margin-top: 3px;
  width: 14px;
  float: left;
}

.social-button {
}

iframe.social-button {
  border: none;
  width: 28px;
  height: 28px;
}

/****** Sitemap styles ******/
table.sitemap {
  table-layout: fixed;
}
table.sitemap tbody tr td {
  padding: 0 15px 2px 10px !important;
  cursor: pointer;
}

div.dsh-container {
}
div.dsh-container .dsh-title {
  position: relative;
}
div.dsh-container .dsh-info-container {
  min-height: 120px;
}
div.dsh-container .dsh-image {
  background-repeat: no-repeat;
  float: right;
  width: 25%;
  background-size: 25%;
  margin: 10px 5px;
  text-align: center;
}
div.dsh-container .dsh-image img {
  width: 100%;
  max-width: 120px;
}
div.dsh-container .dsh-summary {
  padding: 5px;
  height: 100%;
}

div.dsh-panels-container {
  padding-top: 10px;
}
div.dsh-panels-container .dsh-panels-list {
  margin-top: 5px;
  padding-left: 15px;
}
/********************* ******/

/********PANEL SCH ADM**********/
div.schAdmPanel {
}
div.schItem {
  display: flex;
  width: 90%;
  border-bottom: 1px dashed #606060;
  padding: 4px;
}
div.schItemLabel {
  min-width: 50%;
  padding-left: 10px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.schItemStatus {
  min-width: 40%;
  padding-left: 5px;
}
div.schItemEnabled {
  min-width: 10%;
  background-image: url(../../img/startSchPanel.jpg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position-x: 5px;
  cursor: pointer;
}
div.schItemDisabled {
  min-width: 10%;
  background-image: url(../../img/stopSchPanel.jpg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position-x: 5px;
  cursor: pointer;
}
div.schItemAditInfo1 {
  padding-left: 30px;
}
div.schItemAditInfo2 {
  padding-left: 30px;
}
div.schItemAditInfo3 {
  padding-left: 30px;
}

div.schItemAditInfo {
  display: block;
}

@media (min-width: 550px) {
	div.planelContainer div.panel.pnl_MOBILE_TASK_LIST {
		display: none;
	}
	
	div.planelContainer div.panel.pnl_LST_TAREAS_TRAMITES {
		display: block;
	}	 
}

@media (max-width: 550px) {
	div.planelContainer div.panel.pnl_MOBILE_TASK_LIST {
		display: block;
	}
	
	div.planelContainer div.panel.pnl_LST_TAREAS_TRAMITES {
		display: none;
	}	 
}