/* CALCULATED FOR 1920 X 1080 */

@font-face {
  font-family: 'Helvetica Neue Ultralight';
  src: url('helvetica_neue_ultralight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'AudiType';
    src: url('AudiTypeVF_4.033.ttf') format('truetype');
    font-weight: 100 900;
    font-stretch: 100% 130%;
    font-style: normal;
}

:root {
  --bg-dark-gray: #999999;
  --bg-gray: #e3e3e3;
  --bg-md-gray: #ebebeb;
  --bg-lt-gray: #f7f8f8;
  --bg-white: #ffffff;
  --bg-lt-green: #5fc093;
  --bg-green: #0f9b48;
  --div-border: #cccccc;
  --gradient-color: linear-gradient(to right bottom, #60c193, #0f9b48);
  --inactive-gray: #e9e8e9;
  --inactive-green: #0f9b4838;
  --input-error: #e2000060;
  --msg-danger: #ee9002;
  --msg-danger-bg: #ecb96d85;
  --msg-success: #496d44;
  --msg-success-bg: #d9ecdb;
  --select-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><text x="0" y="16" font-family="Arial" font-size="16" font-weight="bold" fill="%230f9b48">V</text></svg>');
  --select-xl-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><text x="0" y="24" font-family="Arial" font-size="18" font-weight="bold" fill="%230f9b48">V</text></svg>');
  --text-green: #0f9b48;
  --text-white: #fdfeff;
  --text-black: #333333;
  --text-gray: #666767;
  --text-error: #e20000;
  --svg-fill: #404040;
}

* {
  padding: 0;
  margin: 0;
}

:focus-visible {
  outline: 2px solid black;
}

a {
  color: var(--bg-lt-green);
}

a:hover {
  text-decoration: none;
}

.d2-grn-btn > a {
  color: var(--text-white);
}

body {
  background-color: var(--bg-gray);
  font-family: "Montserrat", sans-serif;
}

body, html {
  font-size: 8px;
}

.d2-col-8 {
  flex: 0 0 8%;
  display: flex;
  align-items: center;
  gap: .625rem;
}

.d2-col-12 { flex: 0 0 12%; }
.d2-col-14 { flex: 0 0 14%; }
.d2-col-16 { flex: 0 0 16%; }
.d2-col-18 { flex: 0 0 18%; }
.d2-col-22 { flex: 0 0 22%; }

.d2-col-10 { flex: 0 0 10%; }
.d2-col-15 { flex: 0 0 15%; }
.d2-col-20 { flex: 0 0 20%; }
.d2-col-25 { flex: 0 0 25%; }
.d2-col-30 { flex: 0 0 30%; }
.d2-col-35 { flex: 0 0 35%; }
.d2-col-40 { flex: 0 0 40%; }
.d2-col-45 { flex: 0 0 45%; }
.d2-col-50 { flex: 0 0 50%; }
.d2-col-55 { flex: 0 0 55%; }
.d2-col-60 { flex: 0 0 60%; }
.d2-col-65 { flex: 0 0 65%; }
.d2-col-70 { flex: 0 0 70%; }
.d2-col-75 { flex: 0 0 75%; }
.d2-col-80 { flex: 0 0 80%; }
.d2-col-85 { flex: 0 0 85%; }
.d2-col-90 { flex: 0 0 90%; }
.d2-col-95 { flex: 0 0 95%; }

.d2-col-58 { flex: 0 0 58%; }

.grid {
  display: grid;
}

.flex {
  display: flex;
}

.fixed {
  position: fixed;
  top: 0;
  width: 19.1875rem;
}

.d2-shadow {
  box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
}

.bold {
  font-weight: 700;
}

.hidden {
  display: none;
}

#d2-content-container .hidden {
  display: none;
}

.icon-audi {
  width: 10rem;
  position: relative;
  overflow: clip;
  background-color: inherit;
  margin: 0 auto;
}

.icon-audi:hover {
  background-color: inherit;
}

.icon-xl {
  height: 6.125rem; /* 98px */
  width: 4.625rem; /* 74px */
}

.d2-link {
  text-decoration: none;
  color: var(--text-black);
  cursor: pointer;
}

.d2-link:hover {
  text-decoration: none;
  color: var(--text-green);
}

.audi-btn {
    color: #000;
    border: 1px solid #000;
    padding: .9375rem 1.5625rem;
    display: inline-block;
}

.audi-btn:hover {
    color: #fff;
    background-color: #000;
}

.d2-grn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  background-color: var(--bg-green);
  color: var(--text-white);
  border: none;
  border-radius: .75rem;
  height: 2.875rem;
  font-size: 1rem;
  cursor: pointer;
}

.d2-gray-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  background-color: var(--bg-dark-gray);
  color: var(--text-white);
  border: none;
  border-radius: .75rem;
  height: 2.875rem;
  font-size: 1rem;
  cursor: pointer;
}

.d2-grn-btn:hover, .d2-gray-btn:hover {
  opacity: 80%;
}

.d2-tooltip-btn {
  display: inline-block;
  position: relative;
  padding: .3125rem .625rem;
  background-color: #f3f3f3;
  color: var(--text-black);
  border: none;
  border-radius: .75rem;
  font-size: 1rem;
  cursor: pointer;
}

.d2-tooltip-btn:hover {
  background-color: #cccccc;
  color: var(--text-white);
  transition: .25s;
}

.d2-tooltip {
    visibility: hidden;
    width: 20rem;
    background-color: var(--bg-green);
    color: #ffffff;
    padding: .625rem;
    position: absolute;
    margin-left: -.625rem;
    z-index: 1;
    bottom: 110%;
    line-height: 1.2;
}

.d2-tooltip-btn:hover .d2-tooltip {
    visibility: visible;
}

.disabled {
  background-color: #666666; 
  color: #999999;
  cursor: not-allowed;
}

.d2-grn-txt {
  color: var(--text-green);
  font-weight: 600;
}

.d2-text-black {
  color: var(--text-black);
  font-weight: 400;
}

.d2-table {
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    line-height: 1.1;
    background: #e3e3e3;
}

.d2-table tr:nth-of-type(odd) {
    background: #f2f2f2;
}

.d2-table th {
    background: #999999;
    color: #ffffff;
    font-weight: bold;
}

.d2-table th,
.d2-table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ffffff;
}

.d2-table td {
}

.d2-table thead,
.d2-table tfoot {
    background: #999999;
    color: #ffffff;
    font-weight: 700;
}

.switch {
  position: relative;
  display: inline-block;
  width: 3.75rem;
  height: 2.125rem;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--text-error);
  border-radius: 2.125rem;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.625rem;
  width: 1.625rem;
  left: .25rem;
  bottom: .25rem;
  background-color: var(--bg-white);
  border-radius: 50%;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--bg-green);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--bg-green);
}

input:checked + .slider:before {
  -webkit-transform: translateX(1.625rem);
  -ms-transform: translateX(1.625rem);
  transform: translateX(1.625rem);
}

#d2-main-container {
  grid-template: 4.375rem 1fr / 12.5rem 1fr;
}

#d2-main-container h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: 600;
}

#d2-main-container h3 {
  font-size: 1.5rem;
}

#d2-main-container p {
  margin: 0;
  padding: 0;
  line-height: 1.16;
}

#d2-main-container ul {
  margin: 0;
}

#d2-main-container ul li {
  list-style: none;
}


/* ---------- START HEADER ---------- */

.nav-header {
  grid-column: 2;
  background-color: var(--bg-gray);
  justify-content: end;
  align-content: center;
}

.nav-header-container {
  background-color: var(--bg-white);
  padding: .75rem 0;
  align-items: center;
}

#account-container {
  z-index: 1;
}

#dealer-name {
  color: var(--text-green);
  font-weight: 700;
  height: 100%;
  align-items: center;
  padding-right: .5rem;
  padding-left: 1.5rem;
  text-align: right;
  border-right: 2px solid var(--div-border);
}

#account-select {
  padding: 0 1rem;
}

#current-user {
  text-align: right;
  padding-left: 2.625rem;
}

.icon-nav-header {
  height: 1.5rem; /* 24px */
  width: 1.5rem; /* 24px */
  margin: 1rem; /* 16px */
}

.dropdown-content {
  position: absolute;
  min-width: 10rem;
  z-index: 1;
  top: 4.375rem;
  right: 0;
  background-color: var(--bg-white);
}

.dropdown-content a {
  padding: .75rem 1rem;
  text-decoration: none;
  display: block;
}

.clickable {
  cursor: pointer;
}

/* ---------- END HEADER ---------- */


/* ---------- START SIDEBAR ---------- */

#burger-container {
  cursor: pointer;
  padding: 4px 8px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: var(--bg-gray);
  border-bottom-right-radius: 1rem;
  border-bottom: 2px solid var(--div-border);
  border-right: 2px solid var(--div-border);
}

.icon-burger {
  height: 32px;
  width: auto;
}

#sidebar-container {
  position: sticky;
  top: 0;
  z-index: 999;
  height: 100vh;
  width: 12.5rem;
  background-color: var(--bg-white);
  grid-row: 1 / 3;
  grid-column: 1;
}

.icon-audi-container {
  padding: 1.5rem 0 1.5rem 0;
  background-color: var(--bg-md-gray);
  overflow: hidden;
  display: flex;
}

.icon-xl-container {
  padding: 2.5rem 4.375rem 2.625rem 3.5rem;
  background-color: var(--bg-md-gray);
}

.sidebar-nav {
  background-color: var(--bg-white);
  padding-top: 1.75rem;
  grid-template-rows: 1fr 4.625rem;
  overflow-y: auto;
  height: calc(100vh - 11.25rem);
}

#nav-heading-container {
  grid-template-columns: 1fr 3fr;
  height: 3.125rem;
  align-content: center;
  cursor: pointer;
}

.icon-nav {
  height: auto;
  width: 1.625rem;
  justify-self: center;
}

.nav-sub-ul {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem;
  background-color: var(--bg-lt-gray);
}

.nav-sub-ul li {
  padding: 0.5rem 0;
}

#logo-container {
  background-color: var(--bg-white);
  padding-left: 2rem;
  padding-bottom: 1.375rem;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 12.5rem;
  z-index: 999;
}

#drive-logo {
  width: 7.875rem;
  height: 3.25rem;
}

/* ---------- END SIDEBAR ---------- */


/* ---------- START MSG CONTAINER ---------- */

.flash_message_container .alert-success {
  background-color: var(--msg-success-bg);
  border: 0.5px solid var(--msg-success);
  color: var(--msg-success);  
}

.flash_message_container .alert-danger {
  background-color: var(--msg-danger-bg);
  border: 0.5px solid var(--msg-danger);
  color: var(--msg-danger);  
}

/* ---------- END MSG CONTAINER ---------- */


/* ---------- START CONTENT ---------- */

#d2-content-container {
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  grid-row: 2;
  grid-column: 1 / 3;
}

#d2-content-container > .container {
  background-color: var(--bg-white);
  border-radius: 1.25rem;
  padding: 2.5rem;
  max-width: 1520px;
  box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
}

.container-1440 {
  max-width: 1440px;
  padding: 1rem;
  margin-right: auto;
  margin-left: auto;
}

.default-btn {
  font-family: sans-serif;
  font-size: 1rem;
  padding: .25rem .5rem;
  background-color: #b1b1b1;
  border: 1px solid #777777;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-appearance: button; /* for WebKit browsers */
  appearance: button;
}

.default-btn:hover {
  background-color: #8a8a8a;
  border: 1px solid #5e5e5e;
}

.default-btn:active {
  background-color: #6e6e6e;
  box-shadow: inset 0 .1875rem .3125rem rgba(0,0,0,0.2);
}

.tile-1440 {
  max-width: 1440px;
  padding: 2.5rem;
  border-radius: 1.25rem;
  margin-right: auto;
  margin-left: auto;
}

.d2-content-header {
  padding-left: 2.5rem;
  padding-bottom: 2rem;
}

.d2-content-title {
  font-size: 2.75rem;
}

.d2-form {
  background-color: var(--bg-white);
  border-radius: 1.25rem;
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 .375rem 1rem rgba(0, 0, 0, 0.5);
}

.d2-form label {
  color: var(--text-gray);
  font-weight: 600;
  margin-bottom: 0;
}

.d2-form input[type="checkbox"] {
  height: 2rem;
  width: 2rem;
  margin-bottom: .5rem;
  accent-color: var(--bg-green);
}

.d2-form input[type="checkbox"]:checked:before {
  background-color: var(--bg-green);
  border: var(--bg-green);
}

.d2-form select:not([multiple]) {
  border: none;
  border-radius: .75rem;
  height: 2rem;
  padding: 0 1.75rem 0 .75rem;
  margin-bottom: .5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--bg-gray);
  background-image: var(--select-svg);
  background-repeat: no-repeat;
  background-position: right .5rem;
  background-size: 1.25rem;
  font-size: .8rem;
  width: 100%;
}

.d2-form textarea {
    height: 4.5rem;
}

.d2-form textarea,
.d2-form input[type="text"] {
  background-color: var(--bg-gray);
  border: none;
  width: 100%;
  margin-bottom: .5rem;
  font-size: .8rem;
  padding: .375rem 0 .375rem .75rem;
  filter: drop-shadow(0 0 1px var(--bg-gray));
}

.d2-form input[type="number"] {
  background-color: var(--bg-gray);
  border: none;
  width: 100%;
  margin-bottom: .5rem;
  font-size: .8rem;
  padding: .375rem 0 .375rem .75rem;
  filter: drop-shadow(0 0 1px var(--bg-gray));
}

.d2-form-buttons {
  padding: 2rem 2.5rem;
}

.d2-form-section {
  padding: 2rem 2.5rem;
  border-bottom: 2px solid var(--div-border);
  display: flex;
  flex-direction: column;
}

.d2-form-section > h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-black);
  margin-bottom: 1.25rem;
}

.d2-form-section .d2-form-subheading {
  font-size: .95rem;
  font-weight: 500;
  margin: -1rem 0 1.5rem 0;
}

.d2-tile {
  background-color: var(--bg-white);
  border-radius: 1.25rem;
}

.d2-list-tile {
  background-color: var(--bg-white);
  border-radius: 1.25rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1.125rem;
  align-items: center;
}

.d2-list-col1 {
  padding-right: 1.375rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  word-break: break-word;
}

.d2-list-col2 {
  align-self: stretch;
  display: flex;
  padding: 1rem 1.375rem;
  margin: -1rem 0;
  border-left: 2px solid var(--div-border);
  border-right: 2px solid var(--div-border);
  justify-content: center;
  align-items: center;
  word-break: break-word;
}

.d2-list-col3 {
  padding-left: 1.375rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  align-self: stretch;
  display: flex;
  margin: -1rem 0;
  justify-content: center;
  align-items: center;
  border-left: 2px solid var(--div-border);
  word-break: break-word;
  width: 21.25rem;
  text-align: center;
}

.d2-link-container {
  margin-top: .5rem;
}

.d2-link-container > :not(:last-child) {
  border-right: 2px solid var(--div-border);
  padding-right:.75rem;
  margin-right:.625rem;
}

.reorder-text {
  display: none;
  font-size: .875rem;
  font-weight: 600;
  margin-right: 1rem;
  cursor: grab;
}

.d2-reorder-icon {
  font-size: 3rem;
  transform: scale(1.125, .825);
  cursor: grab;
}

.d2-row {
  display: flex;
  flex-wrap: nowrap;
  padding: .25rem 0;
  word-break: break-word;
  gap: .25rem;
}

.d2-text-input {
  background-color: var(--bg-gray);
  border: none;
  width: 100%;
  margin-bottom: .5rem;
  font-size: .8rem;
  padding: .375rem 0 .375rem .75rem;
  filter: drop-shadow(0 0 1px var(--bg-gray));
}

.d2-select {
  border: none;
  border-radius: .75rem;
  height: 2rem;
  padding: 0 1.75rem 0 .75rem;
  margin-bottom: .5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--bg-gray);
  background-image: var(--select-svg);
  background-repeat: no-repeat;
  background-position: right .5rem;
  background-size: 1.25rem;
  font-size: .8rem;
}

.col-md-1 > input[type="text"],
.col-md-1 > input[type="url"],
.col-md-2 > input[type="text"],
.col-md-2 > input[type="url"],
.col-md-3 > input[type="text"],
.col-md-3 > input[type="url"],
.col-md-4 > input[type="text"],
.col-md-4 > input[type="url"],
.col-md-5 > input[type="text"],
.col-md-5 > input[type="url"],
.col-md-6 > input[type="text"],
.col-md-6 > input[type="url"],
.col-md-7 > input[type="text"],
.col-md-7 > input[type="url"],
.col-md-8 > input[type="text"],
.col-md-8 > input[type="url"],
.col-md-9 > input[type="text"],
.col-md-9 > input[type="url"],
.col-md-10 > input[type="text"],
.col-md-10 > input[type="url"],
.col-md-11 > input[type="text"],
.col-md-11 > input[type="url"],
.col-md-12 > input[type="text"],
.col-md-12 > input[type="url"] {
    width: inherit;
}

/* ---------- END CONTENT ---------- */


/* ---------- START BUDGET --------- */

#guicontainer th {
  text-align: center;
}

#guicontainer tr > * {
  padding: 0 .25rem;
}

#guicontainer table tr:nth-child(even) {
  background-color: #fff;
}

.currency::before {
  content: "$";
}

.icon-beeswax {
  background-image: url("https://gld-creative.s3.us-west-2.amazonaws.com/iconbeeswax-bd729712136b-52x50.png");
}

.icon-google-ads {
  background-image: url("https://gld-creative.s3.us-west-2.amazonaws.com/icongoogleads-a92e1963200f-52x52.png");
}

.icon-meta {
  background-image: url("https://gld-creative.s3.us-west-2.amazonaws.com/iconmeta-3fedd852e704-52x34.png");
}

.icon-microsoft {
  background-image: url("https://gld-creative.s3.us-west-2.amazonaws.com/iconmicrosoft-9932359797a6-52x52.png");
}

.to_enable {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='368.64px' height='122.879px' viewBox='0 0 368.64 122.879' xml:space='preserve'%3E%3C!-- First SVG on the far left --%3E%3Cg transform='translate(0,0)'%3E%3Cpath fill='%23FF4141' d='M61.44,0c16.96,0,32.328,6.882,43.453,17.986c11.104,11.125,17.986,26.494,17.986,43.453 c0,16.961-6.883,32.328-17.986,43.453C93.769,115.998,78.4,122.879,61.44,122.879c-16.96,0-32.329-6.881-43.454-17.986 C6.882,93.768,0,78.4,0,61.439C0,44.48,6.882,29.111,17.986,17.986C29.112,6.882,44.48,0,61.44,0L61.44,0z M73.452,39.152 c2.75-2.792,7.221-2.805,9.986-0.026c2.764,2.776,2.775,7.292,0.027,10.083L71.4,61.445l12.077,12.25 c2.728,2.77,2.689,7.256-0.081,10.021c-2.772,2.766-7.229,2.758-9.954-0.012L61.445,71.541L49.428,83.729 c-2.75,2.793-7.22,2.805-9.985,0.025c-2.763-2.775-2.776-7.291-0.026-10.082L51.48,61.435l-12.078-12.25 c-2.726-2.769-2.689-7.256,0.082-10.022c2.772-2.765,7.229-2.758,9.954,0.013L61.435,51.34L73.452,39.152L73.452,39.152z M96.899,25.98C87.826,16.907,75.29,11.296,61.44,11.296c-13.851,0-26.387,5.611-35.46,14.685 c-9.073,9.073-14.684,21.609-14.684,35.459s5.611,26.387,14.684,35.459c9.073,9.074,21.609,14.686,35.46,14.686 c13.85,0,26.386-5.611,35.459-14.686c9.073-9.072,14.684-21.609,14.684-35.459S105.973,35.054,96.899,25.98L96.899,25.98z'/%3E%3Crect x='0' y='55.439' width='122.88' height='12' fill='%235A0303'/%3E%3C/g%3E%3C!-- Arrow in the middle --%3E%3Cg transform='translate(122.88,0)'%3E%3Cpath d='M94.44,61.439 L33,30.719 L33,92.159 Z' fill='black'/%3E%3C/g%3E%3C!-- Second SVG on the far right --%3E%3Cg transform='translate(245.76,0)'%3E%3Cpath fill='%230f9b48' d='M34.388,67.984c-0.286-0.308-0.542-0.638-0.762-0.981c-0.221-0.345-0.414-0.714-0.573-1.097 c-0.531-1.265-0.675-2.631-0.451-3.934c0.224-1.294,0.812-2.531,1.744-3.548l0.34-0.35c2.293-2.185,5.771-2.592,8.499-0.951 c0.39,0.233,0.762,0.51,1.109,0.827l0.034,0.031c1.931,1.852,5.198,4.881,7.343,6.79l1.841,1.651l22.532-23.635 c0.317-0.327,0.666-0.62,1.035-0.876c0.378-0.261,0.775-0.482,1.185-0.661c0.414-0.181,0.852-0.323,1.3-0.421 c0.447-0.099,0.903-0.155,1.356-0.165h0.026c0.451-0.005,0.893,0.027,1.341,0.103c0.437,0.074,0.876,0.193,1.333,0.369 c0.421,0.161,0.825,0.363,1.207,0.604c0.365,0.231,0.721,0.506,1.056,0.822l0.162,0.147c0.316,0.313,0.601,0.653,0.85,1.014 c0.256,0.369,0.475,0.766,0.652,1.178c0.183,0.414,0.325,0.852,0.424,1.299c0.1,0.439,0.154,0.895,0.165,1.36v0.23 c-0.004,0.399-0.042,0.804-0.114,1.204c-0.079,0.435-0.198,0.863-0.356,1.271c-0.16,0.418-0.365,0.825-0.607,1.21 c-0.238,0.377-0.518,0.739-0.832,1.07l-27.219,28.56c-0.32,0.342-0.663,0.642-1.022,0.898c-0.369,0.264-0.767,0.491-1.183,0.681 c-0.417,0.188-0.851,0.337-1.288,0.44c-0.435,0.104-0.889,0.166-1.35,0.187l-0.125,0.003c-0.423,0.009-0.84-0.016-1.241-0.078 l-0.102-0.02c-0.415-0.07-0.819-0.174-1.205-0.31c-0.421-0.15-0.833-0.343-1.226-0.575l-0.063-0.04 c-0.371-0.224-0.717-0.477-1.032-0.754l-0.063-0.06c-1.58-1.466-3.297-2.958-5.033-4.466c-3.007-2.613-7.178-6.382-9.678-9.02 L34.388,67.984L34.388,67.984z M61.44,0c16.96,0,32.328,6.883,43.453,17.987c11.104,11.125,17.986,26.493,17.986,43.453 c0,16.961-6.883,32.329-17.986,43.454C93.769,115.998,78.4,122.88,61.44,122.88c-16.961,0-32.329-6.882-43.454-17.986 C6.882,93.769,0,78.4,0,61.439C0,44.48,6.882,29.112,17.986,17.987C29.112,6.883,44.479,0,61.44,0L61.44,0z M96.899,25.981 C87.826,16.907,75.29,11.296,61.44,11.296c-13.851,0-26.387,5.611-35.46,14.685c-9.073,9.073-14.684,21.609-14.684,35.458 c0,13.851,5.611,26.387,14.684,35.46s21.609,14.685,35.46,14.685c13.85,0,26.386-5.611,35.459-14.685s14.684-21.609,14.684-35.46 C111.583,47.59,105.973,35.054,96.899,25.981L96.899,25.981z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.to_pause {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='368.64px' height='122.879px' viewBox='0 0 368.64 122.879' xml:space='preserve'%3E%3C!-- First SVG on the far left --%3E%3Cg transform='translate(0,0)'%3E%3Cpath fill='%230f9b48' d='M34.388,67.984c-0.286-0.308-0.542-0.638-0.762-0.981c-0.221-0.345-0.414-0.714-0.573-1.097 c-0.531-1.265-0.675-2.631-0.451-3.934c0.224-1.294,0.812-2.531,1.744-3.548l0.34-0.35c2.293-2.185,5.771-2.592,8.499-0.951 c0.39,0.233,0.762,0.51,1.109,0.827l0.034,0.031c1.931,1.852,5.198,4.881,7.343,6.79l1.841,1.651l22.532-23.635 c0.317-0.327,0.666-0.62,1.035-0.876c0.378-0.261,0.775-0.482,1.185-0.661c0.414-0.181,0.852-0.323,1.3-0.421 c0.447-0.099,0.903-0.155,1.356-0.165h0.026c0.451-0.005,0.893,0.027,1.341,0.103c0.437,0.074,0.876,0.193,1.333,0.369 c0.421,0.161,0.825,0.363,1.207,0.604c0.365,0.231,0.721,0.506,1.056,0.822l0.162,0.147c0.316,0.313,0.601,0.653,0.85,1.014 c0.256,0.369,0.475,0.766,0.652,1.178c0.183,0.414,0.325,0.852,0.424,1.299c0.1,0.439,0.154,0.895,0.165,1.36v0.23 c-0.004,0.399-0.042,0.804-0.114,1.204c-0.079,0.435-0.198,0.863-0.356,1.271c-0.16,0.418-0.365,0.825-0.607,1.21 c-0.238,0.377-0.518,0.739-0.832,1.07l-27.219,28.56c-0.32,0.342-0.663,0.642-1.022,0.898c-0.369,0.264-0.767,0.491-1.183,0.681 c-0.417,0.188-0.851,0.337-1.288,0.44c-0.435,0.104-0.889,0.166-1.35,0.187l-0.125,0.003c-0.423,0.009-0.84-0.016-1.241-0.078 l-0.102-0.02c-0.415-0.07-0.819-0.174-1.205-0.31c-0.421-0.15-0.833-0.343-1.226-0.575l-0.063-0.04 c-0.371-0.224-0.717-0.477-1.032-0.754l-0.063-0.06c-1.58-1.466-3.297-2.958-5.033-4.466c-3.007-2.613-7.178-6.382-9.678-9.02 L34.388,67.984L34.388,67.984z M61.44,0c16.96,0,32.328,6.883,43.453,17.987c11.104,11.125,17.986,26.493,17.986,43.453 c0,16.961-6.883,32.329-17.986,43.454C93.769,115.998,78.4,122.88,61.44,122.88c-16.961,0-32.329-6.882-43.454-17.986 C6.882,93.769,0,78.4,0,61.439C0,44.48,6.882,29.112,17.986,17.987C29.112,6.883,44.479,0,61.44,0L61.44,0z M96.899,25.981 C87.826,16.907,75.29,11.296,61.44,11.296c-13.851,0-26.387,5.611-35.46,14.685c-9.073,9.073-14.684,21.609-14.684,35.458 c0,13.851,5.611,26.387,14.684,35.46s21.609,14.685,35.46,14.685c13.85,0,26.386-5.611,35.459-14.685s14.684-21.609,14.684-35.46 C111.583,47.59,105.973,35.054,96.899,25.981L96.899,25.981z'/%3E%3Crect x='0' y='55.439' width='122.88' height='12' fill='%235A0303'/%3E%3C/g%3E%3C!-- Arrow in the middle --%3E%3Cg transform='translate(122.88,0)'%3E%3Cpath d='M94.44,61.439 L33,30.719 L33,92.159 Z' fill='black'/%3E%3C/g%3E%3C!-- Second SVG on the far right --%3E%3Cg transform='translate(245.76,0)'%3E%3Cpath fill='%23FF4141' d='M61.44,0c16.96,0,32.328,6.882,43.453,17.986c11.104,11.125,17.986,26.494,17.986,43.453 c0,16.961-6.883,32.328-17.986,43.453C93.769,115.998,78.4,122.879,61.44,122.879c-16.96,0-32.329-6.881-43.454-17.986 C6.882,93.768,0,78.4,0,61.439C0,44.48,6.882,29.111,17.986,17.986C29.112,6.882,44.48,0,61.44,0L61.44,0z M73.452,39.152 c2.75-2.792,7.221-2.805,9.986-0.026c2.764,2.776,2.775,7.292,0.027,10.083L71.4,61.445l12.077,12.25 c2.728,2.77,2.689,7.256-0.081,10.021c-2.772,2.766-7.229,2.758-9.954-0.012L61.445,71.541L49.428,83.729 c-2.75,2.793-7.22,2.805-9.985,0.025c-2.763-2.775-2.776-7.291-0.026-10.082L51.48,61.435l-12.078-12.25 c-2.726-2.769-2.689-7.256,0.082-10.022c2.772-2.765,7.229-2.758,9.954,0.013L61.435,51.34L73.452,39.152L73.452,39.152z M96.899,25.98C87.826,16.907,75.29,11.296,61.44,11.296c-13.851,0-26.387,5.611-35.46,14.685 c-9.073,9.073-14.684,21.609-14.684,35.459s5.611,26.387,14.684,35.459c9.073,9.074,21.609,14.686,35.46,14.686 c13.85,0,26.386-5.611,35.459-14.686c9.073-9.072,14.684-21.609,14.684-35.459S105.973,35.054,96.899,25.98L96.899,25.98z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.enabled {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.88px' height='122.88px' viewBox='0 0 122.88 122.88' enable-background='new 0 0 122.88 122.88' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%230f9b48' d='M34.388,67.984c-0.286-0.308-0.542-0.638-0.762-0.981c-0.221-0.345-0.414-0.714-0.573-1.097 c-0.531-1.265-0.675-2.631-0.451-3.934c0.224-1.294,0.812-2.531,1.744-3.548l0.34-0.35c2.293-2.185,5.771-2.592,8.499-0.951 c0.39,0.233,0.762,0.51,1.109,0.827l0.034,0.031c1.931,1.852,5.198,4.881,7.343,6.79l1.841,1.651l22.532-23.635 c0.317-0.327,0.666-0.62,1.035-0.876c0.378-0.261,0.775-0.482,1.185-0.661c0.414-0.181,0.852-0.323,1.3-0.421 c0.447-0.099,0.903-0.155,1.356-0.165h0.026c0.451-0.005,0.893,0.027,1.341,0.103c0.437,0.074,0.876,0.193,1.333,0.369 c0.421,0.161,0.825,0.363,1.207,0.604c0.365,0.231,0.721,0.506,1.056,0.822l0.162,0.147c0.316,0.313,0.601,0.653,0.85,1.014 c0.256,0.369,0.475,0.766,0.652,1.178c0.183,0.414,0.325,0.852,0.424,1.299c0.1,0.439,0.154,0.895,0.165,1.36v0.23 c-0.004,0.399-0.042,0.804-0.114,1.204c-0.079,0.435-0.198,0.863-0.356,1.271c-0.16,0.418-0.365,0.825-0.607,1.21 c-0.238,0.377-0.518,0.739-0.832,1.07l-27.219,28.56c-0.32,0.342-0.663,0.642-1.022,0.898c-0.369,0.264-0.767,0.491-1.183,0.681 c-0.417,0.188-0.851,0.337-1.288,0.44c-0.435,0.104-0.889,0.166-1.35,0.187l-0.125,0.003c-0.423,0.009-0.84-0.016-1.241-0.078 l-0.102-0.02c-0.415-0.07-0.819-0.174-1.205-0.31c-0.421-0.15-0.833-0.343-1.226-0.575l-0.063-0.04 c-0.371-0.224-0.717-0.477-1.032-0.754l-0.063-0.06c-1.58-1.466-3.297-2.958-5.033-4.466c-3.007-2.613-7.178-6.382-9.678-9.02 L34.388,67.984L34.388,67.984z M61.44,0c16.96,0,32.328,6.883,43.453,17.987c11.104,11.125,17.986,26.493,17.986,43.453 c0,16.961-6.883,32.329-17.986,43.454C93.769,115.998,78.4,122.88,61.44,122.88c-16.961,0-32.329-6.882-43.454-17.986 C6.882,93.769,0,78.4,0,61.439C0,44.48,6.882,29.112,17.986,17.987C29.112,6.883,44.479,0,61.44,0L61.44,0z M96.899,25.981 C87.826,16.907,75.29,11.296,61.44,11.296c-13.851,0-26.387,5.611-35.46,14.685c-9.073,9.073-14.684,21.609-14.684,35.458 c0,13.851,5.611,26.387,14.684,35.46s21.609,14.685,35.46,14.685c13.85,0,26.386-5.611,35.459-14.685s14.684-21.609,14.684-35.46 C111.583,47.59,105.973,35.054,96.899,25.981L96.899,25.981z'/%3E%3C/g%3E%3C/svg%3E");
}

.paused {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.88px' height='122.879px' viewBox='0 0 122.88 122.879' enable-background='new 0 0 122.88 122.879' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FF4141' d='M61.44,0c16.96,0,32.328,6.882,43.453,17.986c11.104,11.125,17.986,26.494,17.986,43.453 c0,16.961-6.883,32.328-17.986,43.453C93.769,115.998,78.4,122.879,61.44,122.879c-16.96,0-32.329-6.881-43.454-17.986 C6.882,93.768,0,78.4,0,61.439C0,44.48,6.882,29.111,17.986,17.986C29.112,6.882,44.48,0,61.44,0L61.44,0z M73.452,39.152 c2.75-2.792,7.221-2.805,9.986-0.026c2.764,2.776,2.775,7.292,0.027,10.083L71.4,61.445l12.077,12.25 c2.728,2.77,2.689,7.256-0.081,10.021c-2.772,2.766-7.229,2.758-9.954-0.012L61.445,71.541L49.428,83.729 c-2.75,2.793-7.22,2.805-9.985,0.025c-2.763-2.775-2.776-7.291-0.026-10.082L51.48,61.435l-12.078-12.25 c-2.726-2.769-2.689-7.256,0.082-10.022c2.772-2.765,7.229-2.758,9.954,0.013L61.435,51.34L73.452,39.152L73.452,39.152z M96.899,25.98C87.826,16.907,75.29,11.296,61.44,11.296c-13.851,0-26.387,5.611-35.46,14.685 c-9.073,9.073-14.684,21.609-14.684,35.459s5.611,26.387,14.684,35.459c9.073,9.074,21.609,14.686,35.46,14.686 c13.85,0,26.386-5.611,35.459-14.686c9.073-9.072,14.684-21.609,14.684-35.459S105.973,35.054,96.899,25.98L96.899,25.98z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- END BUDGET ---------- */


/* ---------- START DASHBOARD ---------- */

#d2-dash-container {
  grid-template-rows: repeat(auto, 11.625rem);
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
}

#d2-dash-container .welcome-heading {
  margin-bottom: .75rem;
}

.calendar-heading {
  align-self: center;
  font-size: 1.75em;
  font-weight: 700;
  grid-column: 2;
  grid-row: 1;
}

.calendar-para {
  grid-column: 2;
  grid-row: 2;
}

.calendar-tile {
  background-color: var(--bg-white);
  grid-template: 1fr 1fr / 1fr 2fr;
}

.day-due {
  font-size: 3em;
  font-weight: 700;
  text-align: center;
}

.due-date-container {
  background-color: var(--bg-gray);
  border-radius: 1.25em;
  grid-column: 1;
  grid-row: 1 / 3;
  height: 8em;
  padding: 1.25em;
  width: 8em;
}

.learning-img {
  height: auto;
  width: 100%;
  margin-top: .75rem;
}

.learning-tile h3 {
  margin-bottom: 1rem;
}

.month-due {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
}

.news-tile {
  grid-row: 4;
}

.tile-narrow {
  background-color: var(--bg-white);
  border-radius: 1.25em;
  color: var(--text-black);
  grid-column: 2;
  padding: 1.75em;
}

.tile-wide {
  background-color: var(--bg-white);
  border-radius: 1.25em;
  color: var(--text-black);
  grid-column: 1 / 3;
  padding: 2.5em;
}

.todo-tile {
  grid-row: 3 / 4;
}

.welcome-tile {
  background-image: var(--gradient-color);
  color: white;
  grid-row: 1 / 3;
}

/* ---------- END DASHBOARD ---------- */


/* ---------- START SEO CONTENT EDITOR ---------- */

#d2-main-container .clone-data {
  background-color: var(--input-error);
}

/* ---------- END SEO CONTENT EDITOR ---------- */


/* ---------- START SEO KEYWORDS (METRICS & RESEARCH) ---------- */

#d2-main-container .d2-content-title {
    margin-bottom: 1.5rem;
}

#d2-main-container .flex-header p:not(:last-child) {
    margin-bottom: 1.2rem;
}

#filter-form {
    margin: 0;
}

.bg-rad-grad-black {
    background: radial-gradient(circle at center, #333, #000);
    color: #ffffff;
    font-weight: 700;
}

.bg-rad-grad-blue {
    background: radial-gradient(circle at center, #0c5dd9, #0000aa);
    color: #ffffff;
    font-weight: 700;
}

.bg-rad-grad-green {
    background: radial-gradient(circle at center, #469851 , #297533);
    color: #ffffff;
    font-weight: 700;
}

.d2-table th.bg-rad-grad-green {
    background: radial-gradient(circle at center, #469851 , #297533);
}

.bg-rad-grad-red {
    background: radial-gradient(circle at center, #dd2020 , #bb1a1a);
    color: #ffffff;
    font-weight: 700;
}

.d2-table th.bg-rad-grad-red {
    background: radial-gradient(circle at center, #dd2020 , #bb1a1a);
}

.bg-rad-grad-yellow {
    background: radial-gradient(circle at center, #f4f880 , #e1d11c);
    color: #ffffff;
    font-weight: 700;
}

.container-kpi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(23.5rem, 1fr));
    gap: 1.875rem 1.25rem;
    max-width: min(calc(100vw - 16.75rem), calc(97.75rem - 1px));
    margin: 0 auto 3.125rem;
}

.container-kpi-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(17rem, 1fr));
    gap: 1.875rem 1.25rem;
    margin: 0 auto 3.125rem;
}

.container-kpi .d2-list-tile {
    margin-bottom: 0;
}

#container-metric-table {
    margin: 0 -1rem;
}

.container-range {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.container-range > :nth-child(1),
.container-range > :nth-child(2) {
    flex-basis: calc(50% - 4px);
}

.flex-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 3.125rem;
}

.kpi-hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
}

.kpi-txt-lg {
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 1.2;
}

.kpi-txt-pvp {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

h2.section-title {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}

.split-60-40 > :nth-child(1) {
    flex-basis: calc(60% - (0.4 * 3.125rem));
}

.split-60-40 > :nth-child(2) {
    flex-basis: calc(40% - (0.6 * 3.125rem));
}

.table-input-text {
    min-width: 300px;
    width: 100%;
}

@media (max-width: 1412px) {
    .container-kpi-4 {
        grid-template-columns: repeat(2, minmax(17rem, 1fr));
    }

}

@media (max-width: 1330px) {
    #container-metric-table {
        margin: 0 2rem;
    }

    #filter-form {
        margin-top: 1.875rem;
    }

    .flex-header {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .table-collapse,
    .table-collapse tbody,
    .table-collapse tfoot,
    .table-collapse tr,
    .table-collapse th,
    .table-collapse td {
        display: block;
    }

    .table-collapse thead {
        display: none;
    }

    .table-collapse tr {
        background: #f2f2f2;
        margin: 2.5rem 0;
        border: 1px solid #ffffff;
    }

    .table-collapse td,
    .table-collapse tfoot th {
        min-height: 34px;
        border: none;
        border-bottom: 1px solid #ffffff;
        position: relative;
        padding-left: 50%;
    }

    .table-collapse td:before,
    .table-collapse tfoot th:before {
        font-weight: 700;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-top: 4px;
        padding-right: 10px;
        white-space: nowrap;
    }

    #seo-metric-table td:nth-of-type(1):before {
        content: "Page";
    }

    #seo-metric-table td:nth-of-type(2):before {
        content: "Keyword";
    }

    #seo-metric-table td:nth-of-type(3):before {
        content: "R1";
    }

    #seo-metric-table td:nth-of-type(4):before {
        content: "Impressions";
    }

    #seo-metric-table td:nth-of-type(5):before {
        content: "Clicks";
    }

    #seo-metric-table td:nth-of-type(6):before {
        content: "CTR";
    }

    #seo-metric-table td:nth-of-type(7):before {
        content: "Position";
    }

    #seo-metric-table td:nth-of-type(8):before {
        content: "R2";
    }

    #seo-metric-table td:nth-of-type(9):before {
        content: "Impressions";
    }

    #seo-metric-table td:nth-of-type(10):before {
        content: "Clicks";
    }

    #seo-metric-table td:nth-of-type(11):before {
        content: "CTR";
    }

    #seo-metric-table td:nth-of-type(12):before {
        content: "Position";
    }

    #seo-metric-table td:nth-of-type(13):before,
    #seo-metric-table tfoot th:nth-of-type(13):before {
        content: "+/- Impressions";
    }

    #seo-metric-table td:nth-of-type(14):before,
    #seo-metric-table tfoot th:nth-of-type(14):before {
        content: "+/- Clicks";
    }

    #seo-metric-table td:nth-of-type(15):before,
    #seo-metric-table tfoot th:nth-of-type(15):before {
        content: "+/- CTR";
    }

    #seo-metric-table td:nth-of-type(16):before,
    #seo-metric-table tfoot th:nth-of-type(16):before {
        content: "+/- Position";
    }

    #seo-metric-table tfoot th:nth-of-type(2) {
        display: none;
    }

    #seo-metric-table tfoot th:nth-of-type(3) {
        display: none;
    }

    #seo-metric-table tfoot th:nth-of-type(4):before {
        content: "Range 1 Impressions";
    }

    #seo-metric-table tfoot th:nth-of-type(5):before {
        content: "Range 1 Clicks";
    }

    #seo-metric-table tfoot th:nth-of-type(6):before {
        content: "Range 1 CTR";
    }

    #seo-metric-table tfoot th:nth-of-type(7):before {
        content: "Range 1 Position";
    }

    #seo-metric-table tfoot th:nth-of-type(8) {
        display: none;
    }

    #seo-metric-table tfoot th:nth-of-type(9):before {
        content: "Range 2 Impressions";
    }

    #seo-metric-table tfoot th:nth-of-type(10):before {
        content: "Range 2 Clicks";
    }

    #seo-metric-table tfoot th:nth-of-type(11):before {
        content: "Range 2 CTR";
    }

    #seo-metric-table tfoot th:nth-of-type(12):before {
        content: "Range 2 Position";
    }

    #seo-metric-table tfoot th:nth-of-type(4),
    #seo-metric-table tfoot th:nth-of-type(5),
    #seo-metric-table tfoot th:nth-of-type(6),
    #seo-metric-table tfoot th:nth-of-type(7),
    #seo-metric-table tfoot th:nth-of-type(9),
    #seo-metric-table tfoot th:nth-of-type(10),
    #seo-metric-table tfoot th:nth-of-type(11),
    #seo-metric-table tfoot th:nth-of-type(12) {
        background: #f2f2f2;
        color: #000;
        font-weight: 400;
    }

    #seo-research-table td:nth-of-type(1):before {
        content: "Status";
    }

    #seo-research-table td:nth-of-type(2):before {
        content: "Keyword";
    }

    #seo-research-table td:nth-of-type(3):before {
        content: "Date";
    }

    #seo-research-table td:nth-of-type(4):before {
        content: "Site Position";
    }

    #seo-research-table td:nth-of-type(5):before {
        content: "Impressions";
    }

    #seo-research-table td:nth-of-type(6):before {
        content: "Clicks";
    }

    #seo-research-table td:nth-of-type(7):before {
        content: "CTR";
    }

    #seo-research-table td:nth-of-type(8):before {
        content: "SEO Page";
    }

    #seo-research-table td:nth-of-type(9):before {
        content: "Page Position";
    }

    #seo-research-table td:nth-of-type(10):before {
        content: "SEO Template";
    }

    #seo-research-table td:nth-of-type(11):before {
        content: "Content Type";
    }

    #seo-research-table td:nth-of-type(12):before {
        content: "Live Page";
    }

    #seo-research-table td:nth-of-type(13):before {
        content: "Due Date";
    }

    #seo-research-table td:nth-of-type(14):before {
        content: "Notes";
    }

}

@media (max-width: 1060px) {
    .table-collapse td,
    .table-collapse tfoot th {
        padding-left: 40%;
    }

}

@media (max-width: 860px) {
    .table-collapse td,
    .table-collapse tfoot th {
        padding-left: 30%;
    }

    .table-input {
        min-width: auto;
    }

}

@media (max-width: 832px) {
    .container-kpi-4 {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 750px) {
    .container-kpi {
        max-width: 100%;
    }

}

/* ---------- END SEO KEYWORDS (METRICS & RESEARCH) ---------- */


/* ---------- START SEO TEMPLATE GALLERY ---------- */

#gallery-toggle {
    font-size: .85rem;
    padding: .375rem 15px;
    cursor: pointer;
}

#gallery-toggle::after {
    content: ">";
    margin-left: .25rem;
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}

#gallery-toggle.rotated::after {
    transform: rotate(90deg);
}

#gallery-container {
    display: flex;
    flex-wrap: wrap;
}

.button-container {
    display: flex;
    justify-content: space-around;
    padding: .75rem;
}

.thumb {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.thumb:hover {
    opacity: 70%;
}

.thumb-container {
    min-width: 21.4rem;
    max-width: 29.7rem;
    flex: 1 1 33%;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--div-border);
}

.thumb-title {
    text-align: center;
    font-size: 1.5rem;
}

/* ---------- END SEO TEMPLATE GALLERY ---------- */


/* ---------- START SPECIALS ---------- */

.special-expiration {
  display: flex;
  align-items: center;
  flex-basis: 16.4375rem;
  justify-content: end;
}

.special-expiration > :first-child {
  margin-left: 2.25rem;
  margin-right: 1.5rem;
}

.date-container {
  width: 6.25rem;
  height: 6.25rem;
  color: var(--text-white);
  background-color: var(--bg-green);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.inactive {
  background-color: var(--inactive-gray);
  color: var(--text-black);
}

.inactive-date {
  background-color: var(--bg-gray);
  color: var(--text-black);
}

.not-active-not-expired {
  background-color: var(--inactive-green);
}

.expiration-month {
  line-height: 1;
}

.expiration-day {
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 1;
}

.no-date {
  font-size: 2.625rem;
  font-weight: 700;
}

#d2-special-form {
  background-color: var(--bg-white);
  border-radius: 1.25rem;
}

.d2-col-1 {
  flex-grow: 1;
  border-right: 2px solid var(--div-border);
}

.d2-col-1 > :not(:last-child) {
  border-bottom: 2px solid var(--div-border);
}

.d2-col-2 {
  flex-basis: 19.1875rem;
  min-width: 19.1875rem;
}

#fixed-container > :not(:last-child) {
  border-bottom: 2px solid var(--div-border);
}

.d2-col-2 > .form-section {
  padding: 1.75rem 2.5rem;
  position: sticky;
}

.form-section {
  padding: 2rem 2.5rem;
  display: flex;
  flex-direction: column;
}

.form-heading {
  margin-bottom: 1.25rem;
}

#special-img {
  height: auto;
  width: fit-content;
  max-width: 80%;
}

#image-selector-button {
  align-self: flex-start;
  padding: 0 1.5rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.form-section label {
  color: var(--text-gray);
  font-weight: 600;
  margin-bottom: 0;
}

.form-section textarea {
  height: 6.5rem;
}

.form-input {
  background-color: var(--bg-gray);
  border: none;
  width: 100%;
  margin-bottom: .5rem;
  font-size: .8rem;
  padding: .375rem 0 .375rem .75rem;
  filter: drop-shadow(0 0 1px var(--bg-gray));
}

#special-expiration {
  flex-direction: row;
  align-items: center;
  border-top-right-radius: 1.25rem;
}

.fixed > #special-expiration {
  border-top-right-radius: 0;
}

#special-expiration > :first-child {
  margin-right: 1.5rem;
}

#settings-label {
  margin: 0;
}

#special-status {
  padding: 1rem 0;
}

#end_date_container {
  display: flex;
  align-items: center;
}

#end_date_label {
  flex-basis: 4.825rem;
}

#end-date {
  align-self: end;
  width: 0;
  height: 0;
  border: unset;
}

#end_date_picker {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23404040;}</style><g><path id="_205300936" class="st0" d="M381,71.5V23.8C381,10.7,370.2,0,357.1,0c-13.1,0-23.8,10.7-23.8,23.8v47.6c0,13.2,10.7,23.7,23.8,23.7C370.2,95.2,381,84.6,381,71.5L381,71.5z M15,47.7C6.8,47.7,0,54.5,0,63v421.5C0,493,6.8,500,15,500h470c8.2,0,15-7,15-15.5V63c0-8.5-6.8-15.3-15-15.3h-80.2v44.5c0,14.9-16.1,26.8-35.8,26.8h-23.7c-19.9,0-35.8-12-35.8-26.8V47.7h-119v44.5c0,14.9-15.9,26.8-35.7,26.8H131c-19.9,0-35.8-12-35.8-26.8V47.7H15L15,47.7z M404.8,214.2h71.4v71.5h-71.4V214.2z M404.8,309.4h71.4V381h-71.4V309.4z M404.8,404.8h71.4v62.4c0,5-4.5,9-10.2,9h-61.1L404.8,404.8L404.8,404.8z M309.4,214.2H381v71.5h-71.5V214.2z M309.4,309.4H381V381h-71.5V309.4z M309.4,404.8H381v71.4h-71.5V404.8z M214.2,214.2h71.5v71.5h-71.5L214.2,214.2L214.2,214.2z M214.2,404.8h71.5v71.4h-71.5L214.2,404.8L214.2,404.8z M119,214.2h71.4v71.5H119V214.2z M119,309.4h71.4V381H119V309.4z M119,404.8h71.4v71.4H119V404.8z M95.2,476.2H34.1c-5.7,0-10.2-4-10.2-9v-62.4h71.4L95.2,476.2L95.2,476.2z M95.2,381H23.8v-71.5h71.4V381z M95.2,285.8H23.8v-71.5h71.4V285.8z M288.7,306.5c3.7-1,7.8-0.1,10.7,2.8c4.3,4.2,4.3,11.2,0,15.5l-45.7,45.7c-2.1,2.1-4.9,3.2-7.8,3.2c-2.8,0-5.6-1.1-7.8-3.2L210,342.3c-10.2-10.2,5.3-25.7,15.5-15.5l20.4,20.4L288.7,306.5L288.7,306.5z"/></g><path class="st0" d="M166.8,71.5V23.8c0-13.2-10.7-23.8-23.8-23.8c-13.1,0-23.8,10.7-23.8,23.8v47.6c0,13.2,10.7,23.7,23.8,23.7C156.1,95.2,166.8,84.6,166.8,71.5L166.8,71.5z"/></svg>');
  background-repeat: no-repeat;
  width: 1.625rem;
  height: 1.625rem;
  margin-left: 1rem;
  margin-bottom: .25rem;
}

#allow_ais_updates {
  border: none;
  border-radius: .75rem;
  height: 2.875rem;
  padding: 0 .75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--bg-gray);
  background-image: var(--select-xl-svg);
  background-repeat: no-repeat;
  background-position: right .5rem;
  background-size: 1.25rem;
  font-size: .8rem;
}

#allow_ais_updates:focus {
  outline: none;
  border-color: var(--bg-green);
}

#search-link, #social-link {
  line-height: 1.2;
}

#search-link > span, #social-link > span {
  align-self: flex-end;
  padding: 0 .5rem;
}

#gld-content > .gld-template-container {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

/* ---------- END SPECIALS ---------- */


/* ---------- START MEDIA QUERIES ---------- */

@media screen and (min-width: 750px) {
  body, html {
    font-size: 9px;
  }

  #centering-div {
    margin-left: -12.5rem;
  }

  #d2-content-container {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
    padding-left: 4.25rem;
    padding-right: 4.25rem;
    grid-row: 2;
    grid-column: 2;
  }

  .d2-list-tile {
    padding: 1rem 2.5rem;
  }

  .reorder-text {
    display: block;
  }
}

@media screen and (min-width: 899px) and (min-height: 480px) {
  body, html {
    font-size: 10px;
  }
}

@media screen and (min-width: 949px) and (min-height: 500px) {
  body, html {
    font-size: 11px;
  }
}

@media screen and (min-width: 999px) and (min-height: 562px) {
  body, html {
    font-size: 12px;
  }
}

@media screen and (min-width: 1049px) and (min-height: 600px) {
  body, html {
    font-size: 13px;
  }
}

@media screen and (min-width: 1099px) and (min-height: 650px) {
  body, html {
    font-size: 14px;
  }
}

@media screen and (min-width: 1149px) and (min-height: 690px) {
  body, html {
    font-size: 15px;
  }
}

@media screen and (min-width: 1499px) and (min-height: 735px) {
  body, html {
    font-size: 16px;
  }
}

/* ---------- END MEDIA QUERIES ---------- */