/* ==================================
   CATTLEMANIA MASTER APP LAYOUT
================================== */

/* ==================================
   GLOBAL RESET
================================== */

* {
  margin: 0;

  padding: 0;

  box-sizing: border-box;
}

/* ==================================
   BODY
================================== */

body {
  background: #0b132b;

  color: white;

  min-height: 100vh;

  font-family: "Segoe UI", Tahoma, sans-serif;

  overflow-x: hidden;
}

/* ==================================
   APPLICATION WRAPPER
================================== */

.app-layout {
  display: flex;

  align-items: flex-start;

  width: 100%;

  position: relative;

  gap: 20px;
}

/* ==================================
   MAIN CONTENT AREA
================================== */

.main-content {
  flex: 1;

  min-width: 0;

  padding: 20px 25px 20px 0;

  min-height: 100%;

  position: relative;

  z-index: 2;
}

/* ==================================
   WIDGET SAFETY
================================== */

.main-content > * {
  width: 100%;
}

/* REMOVE OLD GRID BEHAVIOR */

.main-content .row,
.main-content .row-full {
  width: 100%;
}

/* PANELS */

.main-content .panel {
  width: 100%;
}

/* ==================================
   DESKTOP
================================== */

@media (min-width: 901px) {
  .main-content {
    padding-right: 25px;
  }
}

/* ==================================
   MOBILE
================================== */

@media (max-width: 900px) {
  .app-layout {
    display: block;

    min-height: auto;
  }

  .main-content {
    width: 100%;

    padding: 15px;

    min-height: auto;
  }
}