/* Visual identity, generated image assets and locally hosted Font Awesome icons. */
.cc-standalone-body {
  background-image: linear-gradient(rgba(245,249,253,.96),rgba(243,247,251,.98)), url("images/dashboard-air-bg.png") !important;
  background-size: cover, cover !important;
  background-position: center, center top !important;
  background-attachment: fixed, fixed !important;
}

.cc-login-visual {
  isolation: isolate;
  background-image: linear-gradient(135deg,rgba(5,25,47,.28),rgba(4,28,58,.08)), url("images/login-operations-bg.png") !important;
  background-size: cover !important;
  background-position: 42% center !important;
}

.cc-login-visual::before {
  z-index: -1;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  right: 0 !important;
  top: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg,rgba(5,26,48,.2),transparent 66%);
}

.cc-login-message,
.cc-login-brand,
.cc-login-points { text-shadow: 0 2px 18px rgba(0,20,45,.38); }

.cc-login-points span::before {
  content: "\f058" !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-grid !important;
  place-items: center;
  margin-right: 8px !important;
  border-radius: 7px !important;
  background: rgba(72,172,246,.16) !important;
  box-shadow: inset 0 0 0 1px rgba(129,205,255,.18) !important;
  color: #73c7ff;
  font-family: "Font Awesome 7 Free" !important;
  font-size: 11px;
  font-weight: 900;
}

.cc-welcome {
  position: relative;
  min-height: 126px;
  align-items: center !important;
  overflow: hidden;
  padding: 24px 28px !important;
  border: 1px solid rgba(207,224,239,.9);
  border-radius: 20px;
  background: linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 52%,rgba(255,255,255,.36) 100%), url("images/dashboard-air-bg.png") right center/cover no-repeat;
  box-shadow: 0 12px 35px rgba(25,68,104,.07);
}

.cc-welcome::after {
  content: "\f201";
  position: absolute;
  right: 50px;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(73,157,229,.2);
  border-radius: 19px;
  background: rgba(255,255,255,.7);
  color: #2182d5;
  box-shadow: 0 15px 35px rgba(25,114,190,.14);
  font-family: "Font Awesome 7 Free";
  font-size: 27px;
  font-weight: 900;
  backdrop-filter: blur(10px);
}

.cc-welcome > div { position: relative; z-index: 1; }
.cc-live { position: absolute !important; z-index: 2; right: 28px; bottom: 18px; }

.cc-nav-icon i { font-size: 14px; }
.cc-nav-footer i { margin-right: 5px; color: #65b8ed; }
.cc-tabs button:hover .cc-nav-icon i { transform: scale(1.08); }
.cc-nav-icon i { transition: transform .18s ease; }

.cc-goalbar > div { position: relative; overflow: hidden; }
.cc-goalbar > div::after {
  position: absolute;
  right: 14px;
  top: 12px;
  color: rgba(29,112,186,.11);
  font-family: "Font Awesome 7 Free";
  font-size: 34px;
  font-weight: 900;
}
.cc-goalbar > div:nth-child(1)::after { content: "\f140"; }
.cc-goalbar > div:nth-child(2)::after { content: "\f201"; }
.cc-goalbar > div:nth-child(3)::after { content: "\f51e"; }

.cc-kpi {
  position: relative;
  overflow: hidden;
}
.cc-kpi-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px !important;
  height: 32px;
  display: grid !important;
  place-items: center;
  border-radius: 10px;
  background: #eaf4fd;
  color: #2580cf;
  font-size: 13px;
  opacity: 1 !important;
}
.cc-kpi.green .cc-kpi-icon { background:#e7f8f1; color:#0b956c; }
.cc-kpi.purple .cc-kpi-icon { background:#f0edff; color:#7059d4; }
.cc-kpi.orange .cc-kpi-icon { background:#fff2df; color:#c87918; }
.cc-kpi.gray .cc-kpi-icon { background:#edf2f6; color:#687f92; }

.cc-section-title h2::before,
.cc-panel > h2::before,
.cc-card > h3::before {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-right: 9px;
  border-radius: 9px;
  background: #eaf4fd;
  color: #1b78c7;
  font-family: "Font Awesome 7 Free";
  font-size: 12px;
  font-weight: 900;
  vertical-align: 3px;
}
.cc-section-title h2::before,.cc-card > h3::before { content: "\f080"; }
#cc-tab-canceladas .cc-section-title h2::before { content:"\f1ea"; }
#cc-tab-mensuales .cc-section-title h2::before { content:"\f073"; }
#cc-tab-domiciliados .cc-section-title h2::before { content:"\f09d"; }
#cc-tab-seguimientos .cc-section-title h2::before { content:"\f2f1"; }
#cc-tab-promesas .cc-section-title h2::before { content:"\f2b5"; }
#cc-tab-vueltas > h2::before { content:"\f2a0"; }

.cc-app button.cc-secondary::before,
.cc-toolbar > button::before,
.cc-pager button::before,
.cc-app button.cc-open::before,
.cc-app button.cc-cancelled-open::before,
.cc-modal form button[type="submit"]::before,
.cc-card form > button::before {
  display: inline-block;
  margin-right: 7px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}
.cc-app button.cc-secondary::before { content:"\f2f1"; }
.cc-toolbar > button::before { content:"\f002"; }
.cc-pager button:first-child::before { content:"\f053"; }
.cc-pager button:last-child::before { content:"\f054"; margin-right:0; margin-left:7px; }
.cc-app button.cc-open::before,.cc-app button.cc-cancelled-open::before { content:"\f2a0"; }
.cc-modal form button[type="submit"]::before { content:"\f0c7"; }
.cc-card form > button::before { content:"\f093"; }
#cc-settings-form > button::before { content:"\f0c7"; }

.cc-admin-link::before {
  content: "\f234";
  margin-right: 7px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}
.cc-admin-link-soft::before { content:"\f35d"; }

.cc-empty::before {
  content: "\f07c";
  display: block;
  margin-bottom: 9px;
  color: #a8bfd2;
  font-family: "Font Awesome 7 Free";
  font-size: 25px;
  font-weight: 900;
}

.cc-password-toggle::before {
  content: "\f06e";
  margin-right: 5px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}

.cc-login-submit::before {
  content: "\f023";
  margin-right: 9px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}

.cc-user a::before,
.cc-exec-user a::before {
  content: "\f2f5";
  margin-right: 6px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}
.cc-user a.cc-kpi-link::before { content:"\f080"; }
.cc-exec-user a.cc-system-link::before { content:"\f3fd"; }

.cc-app a[href^="tel:"]::before {
  content: "\f095";
  margin-right: 6px;
  color: #2382d2;
  font-family: "Font Awesome 7 Free";
  font-size: 11px;
  font-weight: 900;
}

.cc-alert::before {
  content: "\f0f3";
  margin-right: 8px;
  color: #c38619;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}

.cc-exec-hero {
  min-height: 150px;
  padding: 24px 26px !important;
  overflow: hidden;
  border: 1px solid #dfe8f1 !important;
  border-radius: 19px !important;
  background: linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.52)),url("images/dashboard-air-bg.png") right center/cover no-repeat !important;
  box-shadow: 0 10px 30px rgba(27,66,102,.06) !important;
}

.cc-exec-hero button::before {
  content: "\f2f1";
  margin-right: 7px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}

.cc-exec-kpi-head i.fa-solid {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center;
  border-radius: 9px !important;
  background: #e9f4fd !important;
  color: #267fc9;
  font-size: 11px;
  font-style: normal;
}
.cc-exec-kpi.green .cc-exec-kpi-head i { background:#e7f8f1 !important; color:#0b956c; }
.cc-exec-kpi.purple .cc-exec-kpi-head i { background:#f0edff !important; color:#7059d4; }
.cc-exec-kpi.orange .cc-exec-kpi-head i { background:#fff2df !important; color:#c87918; }
.cc-exec-kpi.navy .cc-exec-kpi-head i { background:#e9eef3 !important; color:#31536f; }

@media (max-width: 720px) {
  .cc-welcome { min-height: 116px; padding: 20px !important; }
  .cc-welcome::after { right: 20px; width: 48px; height: 48px; font-size: 21px; }
  .cc-live { right: 18px; bottom: 12px; }
  .cc-login-visual { background-position: 33% center !important; }
}