/** ====================================================================================================================
 *  @copyright Copyright (c) 2004-2024 lewebconcret.ch <http://www.lewebconcret.ch>
 *  @author Jose Malvarez <jose@lewebconcret.ch>
 *  @package CSS
 *  @project CPC.02
 *  --------------------------------------------------------------------------------------------------------------------
 *  Description   : styles.scss
 *  Date          : 2024
 *  Version       : 1.0
 *  ================================================================================================================= */
/* Includes */
/**
Responsive font sizes
 */
/**
Color variables
 */
/**
Environment styles
 */
/*--------------------------------------------------------------
# Environments specs
--------------------------------------------------------------*/
.border-top-DEV {
  border-top-color: #ffb300 !important;
  border-style: solid;
  border-width: 5px; }

.border-top-DEMO {
  border-top-color: #ff00f4 !important;
  border-style: solid;
  border-width: 5px; }

.border-top-PROD {
  border-top-color: transparent !important;
  border-style: solid;
  border-width: 5px; }

/* Fonts */
:root {
  --default-font: -apple-system, BlinkMacSystemFont, sans-serif;
  --heading-font: -apple-system, BlinkMacSystemFont, sans-serif;
  --nav-font: -apple-system, BlinkMacSystemFont, sans-serif;
  --background-color: #ffffff;
  /* Background color for the entire website, including individual sections */
  --default-color: #444444;
  /* Default color used for the majority of the text content across the entire website */
  --heading-color: rgba(68, 8, 128, 0.25);
  /* Color for headings, subheadings and title throughout the website */
  --accent-color: #6f1ec0;
  /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff;
  /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff;
  /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
  --nav-color: #ffffff;
  /* The default color of the main navmenu links */
  --nav-hover-color: #6f1ec0;
  /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff;
  /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff;
  /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #444444;
  /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #6f1ec0;
  /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */ }

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */
.light-background {
  --background-color: #f5f6f8;
  --surface-color: #ffffff; }

.dark-background {
  --background-color: #440880;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #6f1ec0;
  --contrast-color: #ffffff; }

/* Smooth scroll */
:root {
  scroll-behavior: smooth; }

/** Color Variables */
body.HOME #main-card {
  border-color: #b7b7b7;
  color: #121212; }
  body.HOME #main-card > .card-header {
    background: linear-gradient(135deg, #b7b7b7, #5e5e5e);
    border-bottom: 1px solid black; }
    body.HOME #main-card > .card-header .title {
      color: #121212; }
    body.HOME #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #848484, #5e5e5e);
      color: white; }
      body.HOME #main-card > .card-header#card-new .title {
        color: white; }
  body.HOME #main-card > .card-body table thead, body.HOME #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #dedede 35%, #eaeaea 100%);
    border-bottom: 1px solid black; }
    body.HOME #main-card > .card-body table thead th, body.HOME #main-card > .card-body table thead td, body.HOME #main-card > .card-body table tfoot th, body.HOME #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.HOME #main-card > .card-body table thead th a, body.HOME #main-card > .card-body table thead td a, body.HOME #main-card > .card-body table tfoot th a, body.HOME #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.HOME.detail-template .card {
  color: #050505; }
  body.HOME.detail-template .card a {
    color: #050505; }
  body.HOME.detail-template .card.profile {
    background-image: linear-gradient(310deg, #c4c4c4 0%, #c4c4c4 100%); }
    body.HOME.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: #050505;
      color: #c4c4c4; }
    body.HOME.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: #050505;
      background: linear-gradient(180deg, #9e9e9e 10%, transparent 100%); }
      body.HOME.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: #050505; }
  body.HOME.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #454545 0%, #ababab 60%);
    border-color: #5e5e5e;
    color: #121212; }
  body.HOME.detail-template .card.data .domain .content {
    border-color: #454545; }
    body.HOME.detail-template .card.data .domain .content .item .title {
      color: #383838; }
    body.HOME.detail-template .card.data .domain .content .item .value, body.HOME.detail-template .card.data .domain .content .item a {
      color: black; }

body.HOME .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #5e5e5e, #b7b7b7);
  border-bottom: 1px solid black; }
  body.HOME .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #121212; }
    body.HOME .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.HOME {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #5e5e5e;
  overflow: hidden;
  background-image: linear-gradient(135deg, #eaeaea, white); }
  .marketing .domain.HOME .card-header {
    background-image: linear-gradient(135deg, #848484, #b7b7b7);
    border-radius: 0; }
    .marketing .domain.HOME .card-header i {
      font-size: 5rem;
      color: #454545;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.HOME .card-body .card-title {
    color: #454545; }
  .marketing .domain.HOME .card-body .card-text {
    color: #5e5e5e;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.HOME .card-footer {
    border-radius: 0; }
    .marketing .domain.HOME .card-footer a {
      background-image: linear-gradient(135deg, #848484, #b7b7b7); }
      .marketing .domain.HOME .card-footer a span {
        font-size: 1.25rem;
        color: #454545;
        font-weight: 600; }

body.MEMBERS #main-card {
  border-color: #ff5d48;
  color: black; }
  body.MEMBERS #main-card > .card-header {
    background: linear-gradient(135deg, #ff5d48, #941100);
    border-bottom: 1px solid black; }
    body.MEMBERS #main-card > .card-header .title {
      color: black; }
    body.MEMBERS #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #e11a00, #941100);
      color: white; }
      body.MEMBERS #main-card > .card-header#card-new .title {
        color: white; }
  body.MEMBERS #main-card > .card-body table thead, body.MEMBERS #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #ffa094 35%, #ffb7ae 100%);
    border-bottom: 1px solid black; }
    body.MEMBERS #main-card > .card-body table thead th, body.MEMBERS #main-card > .card-body table thead td, body.MEMBERS #main-card > .card-body table tfoot th, body.MEMBERS #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.MEMBERS #main-card > .card-body table thead th a, body.MEMBERS #main-card > .card-body table thead td a, body.MEMBERS #main-card > .card-body table tfoot th a, body.MEMBERS #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.MEMBERS.detail-template .card {
  color: black; }
  body.MEMBERS.detail-template .card a {
    color: black; }
  body.MEMBERS.detail-template .card.profile {
    background-image: linear-gradient(310deg, #ff7361 0%, #ff7361 100%); }
    body.MEMBERS.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: black;
      color: #ff7361; }
    body.MEMBERS.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: black;
      background: linear-gradient(180deg, #ff2f15 10%, transparent 100%); }
      body.MEMBERS.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: black; }
  body.MEMBERS.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #610b00 0%, #ff462e 60%);
    border-color: #941100;
    color: black; }
  body.MEMBERS.detail-template .card.data .domain .content {
    border-color: #610b00; }
    body.MEMBERS.detail-template .card.data .domain .content .item .title {
      color: #480800; }
    body.MEMBERS.detail-template .card.data .domain .content .item .value, body.MEMBERS.detail-template .card.data .domain .content .item a {
      color: black; }

body.MEMBERS .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #941100, #ff5d48);
  border-bottom: 1px solid black; }
  body.MEMBERS .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: black; }
    body.MEMBERS .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.MEMBERS {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #941100;
  overflow: hidden;
  background-image: linear-gradient(135deg, #ffb7ae, white); }
  .marketing .domain.MEMBERS .card-header {
    background-image: linear-gradient(135deg, #e11a00, #ff5d48);
    border-radius: 0; }
    .marketing .domain.MEMBERS .card-header i {
      font-size: 5rem;
      color: #610b00;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.MEMBERS .card-body .card-title {
    color: #610b00; }
  .marketing .domain.MEMBERS .card-body .card-text {
    color: #941100;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.MEMBERS .card-footer {
    border-radius: 0; }
    .marketing .domain.MEMBERS .card-footer a {
      background-image: linear-gradient(135deg, #e11a00, #ff5d48); }
      .marketing .domain.MEMBERS .card-footer a span {
        font-size: 1.25rem;
        color: #610b00;
        font-weight: 600; }

body.CANDIDATES #main-card {
  border-color: #ffd193;
  color: #462800; }
  body.CANDIDATES #main-card > .card-header {
    background: linear-gradient(135deg, #ffd193, #de8101);
    border-bottom: 1px solid black; }
    body.CANDIDATES #main-card > .card-header .title {
      color: #462800; }
    body.CANDIDATES #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #fea62d, #de8101);
      color: white; }
      body.CANDIDATES #main-card > .card-header#card-new .title {
        color: white; }
  body.CANDIDATES #main-card > .card-body table thead, body.CANDIDATES #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #fff2df 35%, #fffcf9 100%);
    border-bottom: 1px solid black; }
    body.CANDIDATES #main-card > .card-body table thead th, body.CANDIDATES #main-card > .card-body table thead td, body.CANDIDATES #main-card > .card-body table tfoot th, body.CANDIDATES #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.CANDIDATES #main-card > .card-body table thead th a, body.CANDIDATES #main-card > .card-body table thead td a, body.CANDIDATES #main-card > .card-body table tfoot th a, body.CANDIDATES #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.CANDIDATES.detail-template .card {
  color: #2c1a00; }
  body.CANDIDATES.detail-template .card a {
    color: #2c1a00; }
  body.CANDIDATES.detail-template .card.profile {
    background-image: linear-gradient(310deg, #ffdcac 0%, #ffdcac 100%); }
    body.CANDIDATES.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: #2c1a00;
      color: #ffdcac; }
    body.CANDIDATES.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: #2c1a00;
      background: linear-gradient(180deg, #febc60 10%, transparent 100%); }
      body.CANDIDATES.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: #2c1a00; }
  body.CANDIDATES.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #ab6301 0%, #fec77a 60%);
    border-color: #de8101;
    color: #462800; }
  body.CANDIDATES.detail-template .card.data .domain .content {
    border-color: #ab6301; }
    body.CANDIDATES.detail-template .card.data .domain .content .item .title {
      color: #925501; }
    body.CANDIDATES.detail-template .card.data .domain .content .item .value, body.CANDIDATES.detail-template .card.data .domain .content .item a {
      color: black; }

body.CANDIDATES .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #de8101, #ffd193);
  border-bottom: 1px solid black; }
  body.CANDIDATES .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #462800; }
    body.CANDIDATES .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.CANDIDATES {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #de8101;
  overflow: hidden;
  background-image: linear-gradient(135deg, #fffcf9, white); }
  .marketing .domain.CANDIDATES .card-header {
    background-image: linear-gradient(135deg, #fea62d, #ffd193);
    border-radius: 0; }
    .marketing .domain.CANDIDATES .card-header i {
      font-size: 5rem;
      color: #ab6301;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.CANDIDATES .card-body .card-title {
    color: #ab6301; }
  .marketing .domain.CANDIDATES .card-body .card-text {
    color: #de8101;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.CANDIDATES .card-footer {
    border-radius: 0; }
    .marketing .domain.CANDIDATES .card-footer a {
      background-image: linear-gradient(135deg, #fea62d, #ffd193); }
      .marketing .domain.CANDIDATES .card-footer a span {
        font-size: 1.25rem;
        color: #ab6301;
        font-weight: 600; }

body.CATEGORIES #main-card {
  border-color: #fff3ff;
  color: #a600a6; }
  body.CATEGORIES #main-card > .card-header {
    background: linear-gradient(135deg, #fff3ff, #ff40ff);
    border-bottom: 1px solid #400040; }
    body.CATEGORIES #main-card > .card-header .title {
      color: #a600a6; }
    body.CATEGORIES #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #ff8dff, #ff40ff);
      color: white; }
      body.CATEGORIES #main-card > .card-header#card-new .title {
        color: white; }
  body.CATEGORIES #main-card > .card-body table thead, body.CATEGORIES #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, white 35%, white 100%);
    border-bottom: 1px solid #400040; }
    body.CATEGORIES #main-card > .card-body table thead th, body.CATEGORIES #main-card > .card-body table thead td, body.CATEGORIES #main-card > .card-body table tfoot th, body.CATEGORIES #main-card > .card-body table tfoot td {
      color: #400040;
      font-size: 1rem;
      font-weight: 600; }
      body.CATEGORIES #main-card > .card-body table thead th a, body.CATEGORIES #main-card > .card-body table thead td a, body.CATEGORIES #main-card > .card-body table tfoot th a, body.CATEGORIES #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.CATEGORIES.detail-template .card {
  color: #8d008d; }
  body.CATEGORIES.detail-template .card a {
    color: #8d008d; }
  body.CATEGORIES.detail-template .card.profile {
    background-image: linear-gradient(310deg, white 0%, white 100%); }
    body.CATEGORIES.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: #8d008d;
      color: white; }
    body.CATEGORIES.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: #8d008d;
      background: linear-gradient(180deg, #ffc0ff 10%, transparent 100%); }
      body.CATEGORIES.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: #8d008d; }
  body.CATEGORIES.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #ff0dff 0%, #ffd9ff 60%);
    border-color: #ff40ff;
    color: #a600a6; }
  body.CATEGORIES.detail-template .card.data .domain .content {
    border-color: #ff0dff; }
    body.CATEGORIES.detail-template .card.data .domain .content .item .title {
      color: #f300f3; }
    body.CATEGORIES.detail-template .card.data .domain .content .item .value, body.CATEGORIES.detail-template .card.data .domain .content .item a {
      color: black; }

body.CATEGORIES .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #ff40ff, #fff3ff);
  border-bottom: 1px solid #400040; }
  body.CATEGORIES .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #a600a6; }
    body.CATEGORIES .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: #400040; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.CATEGORIES {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #ff40ff;
  overflow: hidden;
  background-image: linear-gradient(135deg, white, white); }
  .marketing .domain.CATEGORIES .card-header {
    background-image: linear-gradient(135deg, #ff8dff, #fff3ff);
    border-radius: 0; }
    .marketing .domain.CATEGORIES .card-header i {
      font-size: 5rem;
      color: #ff0dff;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.CATEGORIES .card-body .card-title {
    color: #ff0dff; }
  .marketing .domain.CATEGORIES .card-body .card-text {
    color: #ff40ff;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.CATEGORIES .card-footer {
    border-radius: 0; }
    .marketing .domain.CATEGORIES .card-footer a {
      background-image: linear-gradient(135deg, #ff8dff, #fff3ff); }
      .marketing .domain.CATEGORIES .card-footer a span {
        font-size: 1.25rem;
        color: #ff0dff;
        font-weight: 600; }

body.COUNTRIES #main-card {
  border-color: #ffad48;
  color: black; }
  body.COUNTRIES #main-card > .card-header {
    background: linear-gradient(135deg, #ffad48, #945200);
    border-bottom: 1px solid black; }
    body.COUNTRIES #main-card > .card-header .title {
      color: black; }
    body.COUNTRIES #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #e17c00, #945200);
      color: white; }
      body.COUNTRIES #main-card > .card-header#card-new .title {
        color: white; }
  body.COUNTRIES #main-card > .card-body table thead, body.COUNTRIES #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #ffcf94 35%, #ffdbae 100%);
    border-bottom: 1px solid black; }
    body.COUNTRIES #main-card > .card-body table thead th, body.COUNTRIES #main-card > .card-body table thead td, body.COUNTRIES #main-card > .card-body table tfoot th, body.COUNTRIES #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.COUNTRIES #main-card > .card-body table thead th a, body.COUNTRIES #main-card > .card-body table thead td a, body.COUNTRIES #main-card > .card-body table tfoot th a, body.COUNTRIES #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.COUNTRIES.detail-template .card {
  color: black; }
  body.COUNTRIES.detail-template .card a {
    color: black; }
  body.COUNTRIES.detail-template .card.profile {
    background-image: linear-gradient(310deg, #ffb961 0%, #ffb961 100%); }
    body.COUNTRIES.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: black;
      color: #ffb961; }
    body.COUNTRIES.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: black;
      background: linear-gradient(180deg, #ff9615 10%, transparent 100%); }
      body.COUNTRIES.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: black; }
  body.COUNTRIES.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #613600 0%, #ffa22e 60%);
    border-color: #945200;
    color: black; }
  body.COUNTRIES.detail-template .card.data .domain .content {
    border-color: #613600; }
    body.COUNTRIES.detail-template .card.data .domain .content .item .title {
      color: #482800; }
    body.COUNTRIES.detail-template .card.data .domain .content .item .value, body.COUNTRIES.detail-template .card.data .domain .content .item a {
      color: black; }

body.COUNTRIES .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #945200, #ffad48);
  border-bottom: 1px solid black; }
  body.COUNTRIES .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: black; }
    body.COUNTRIES .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.COUNTRIES {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #945200;
  overflow: hidden;
  background-image: linear-gradient(135deg, #ffdbae, white); }
  .marketing .domain.COUNTRIES .card-header {
    background-image: linear-gradient(135deg, #e17c00, #ffad48);
    border-radius: 0; }
    .marketing .domain.COUNTRIES .card-header i {
      font-size: 5rem;
      color: #613600;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.COUNTRIES .card-body .card-title {
    color: #613600; }
  .marketing .domain.COUNTRIES .card-body .card-text {
    color: #945200;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.COUNTRIES .card-footer {
    border-radius: 0; }
    .marketing .domain.COUNTRIES .card-footer a {
      background-image: linear-gradient(135deg, #e17c00, #ffad48); }
      .marketing .domain.COUNTRIES .card-footer a span {
        font-size: 1.25rem;
        color: #613600;
        font-weight: 600; }

body.USERS #main-card {
  border-color: #47b0ff;
  color: black; }
  body.USERS #main-card > .card-header {
    background: linear-gradient(135deg, #47b0ff, #005493);
    border-bottom: 1px solid black; }
    body.USERS #main-card > .card-header .title {
      color: black; }
    body.USERS #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #0080e0, #005493);
      color: white; }
      body.USERS #main-card > .card-header#card-new .title {
        color: white; }
  body.USERS #main-card > .card-body table thead, body.USERS #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #93d1ff 35%, #addcff 100%);
    border-bottom: 1px solid black; }
    body.USERS #main-card > .card-body table thead th, body.USERS #main-card > .card-body table thead td, body.USERS #main-card > .card-body table tfoot th, body.USERS #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.USERS #main-card > .card-body table thead th a, body.USERS #main-card > .card-body table thead td a, body.USERS #main-card > .card-body table tfoot th a, body.USERS #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.USERS.detail-template .card {
  color: black; }
  body.USERS.detail-template .card a {
    color: black; }
  body.USERS.detail-template .card.profile {
    background-image: linear-gradient(310deg, #60bbff 0%, #60bbff 100%); }
    body.USERS.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: black;
      color: #60bbff; }
    body.USERS.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: black;
      background: linear-gradient(180deg, #149aff 10%, transparent 100%); }
      body.USERS.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: black; }
  body.USERS.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #003760 0%, #2da5ff 60%);
    border-color: #005493;
    color: black; }
  body.USERS.detail-template .card.data .domain .content {
    border-color: #003760; }
    body.USERS.detail-template .card.data .domain .content .item .title {
      color: #002847; }
    body.USERS.detail-template .card.data .domain .content .item .value, body.USERS.detail-template .card.data .domain .content .item a {
      color: black; }

body.USERS .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #005493, #47b0ff);
  border-bottom: 1px solid black; }
  body.USERS .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: black; }
    body.USERS .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.USERS {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #005493;
  overflow: hidden;
  background-image: linear-gradient(135deg, #addcff, white); }
  .marketing .domain.USERS .card-header {
    background-image: linear-gradient(135deg, #0080e0, #47b0ff);
    border-radius: 0; }
    .marketing .domain.USERS .card-header i {
      font-size: 5rem;
      color: #003760;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.USERS .card-body .card-title {
    color: #003760; }
  .marketing .domain.USERS .card-body .card-text {
    color: #005493;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.USERS .card-footer {
    border-radius: 0; }
    .marketing .domain.USERS .card-footer a {
      background-image: linear-gradient(135deg, #0080e0, #47b0ff); }
      .marketing .domain.USERS .card-footer a span {
        font-size: 1.25rem;
        color: #003760;
        font-weight: 600; }

body.ROLES #main-card {
  border-color: #43ff43;
  color: black; }
  body.ROLES #main-card > .card-header {
    background: linear-gradient(135deg, #43ff43, #008f00);
    border-bottom: 1px solid black; }
    body.ROLES #main-card > .card-header .title {
      color: black; }
    body.ROLES #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #00dc00, #008f00);
      color: white; }
      body.ROLES #main-card > .card-header#card-new .title {
        color: white; }
  body.ROLES #main-card > .card-body table thead, body.ROLES #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #8fff8f 35%, #a9ffa9 100%);
    border-bottom: 1px solid black; }
    body.ROLES #main-card > .card-body table thead th, body.ROLES #main-card > .card-body table thead td, body.ROLES #main-card > .card-body table tfoot th, body.ROLES #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.ROLES #main-card > .card-body table thead th a, body.ROLES #main-card > .card-body table thead td a, body.ROLES #main-card > .card-body table tfoot th a, body.ROLES #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.ROLES.detail-template .card {
  color: black; }
  body.ROLES.detail-template .card a {
    color: black; }
  body.ROLES.detail-template .card.profile {
    background-image: linear-gradient(310deg, #5cff5c 0%, #5cff5c 100%); }
    body.ROLES.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: black;
      color: #5cff5c; }
    body.ROLES.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: black;
      background: linear-gradient(180deg, #10ff10 10%, transparent 100%); }
      body.ROLES.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: black; }
  body.ROLES.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #005c00 0%, #29ff29 60%);
    border-color: #008f00;
    color: black; }
  body.ROLES.detail-template .card.data .domain .content {
    border-color: #005c00; }
    body.ROLES.detail-template .card.data .domain .content .item .title {
      color: #004300; }
    body.ROLES.detail-template .card.data .domain .content .item .value, body.ROLES.detail-template .card.data .domain .content .item a {
      color: black; }

body.ROLES .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #008f00, #43ff43);
  border-bottom: 1px solid black; }
  body.ROLES .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: black; }
    body.ROLES .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.ROLES {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #008f00;
  overflow: hidden;
  background-image: linear-gradient(135deg, #a9ffa9, white); }
  .marketing .domain.ROLES .card-header {
    background-image: linear-gradient(135deg, #00dc00, #43ff43);
    border-radius: 0; }
    .marketing .domain.ROLES .card-header i {
      font-size: 5rem;
      color: #005c00;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.ROLES .card-body .card-title {
    color: #005c00; }
  .marketing .domain.ROLES .card-body .card-text {
    color: #008f00;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.ROLES .card-footer {
    border-radius: 0; }
    .marketing .domain.ROLES .card-footer a {
      background-image: linear-gradient(135deg, #00dc00, #43ff43); }
      .marketing .domain.ROLES .card-footer a span {
        font-size: 1.25rem;
        color: #005c00;
        font-weight: 600; }

body.PERMISSIONS #main-card {
  border-color: #fffc46;
  color: black; }
  body.PERMISSIONS #main-card > .card-header {
    background: linear-gradient(135deg, #fffc46, #929000);
    border-bottom: 1px solid black; }
    body.PERMISSIONS #main-card > .card-header .title {
      color: black; }
    body.PERMISSIONS #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #dfdb00, #929000);
      color: white; }
      body.PERMISSIONS #main-card > .card-header#card-new .title {
        color: white; }
  body.PERMISSIONS #main-card > .card-body table thead, body.PERMISSIONS #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #fffe92 35%, #fffeac 100%);
    border-bottom: 1px solid black; }
    body.PERMISSIONS #main-card > .card-body table thead th, body.PERMISSIONS #main-card > .card-body table thead td, body.PERMISSIONS #main-card > .card-body table tfoot th, body.PERMISSIONS #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.PERMISSIONS #main-card > .card-body table thead th a, body.PERMISSIONS #main-card > .card-body table thead td a, body.PERMISSIONS #main-card > .card-body table tfoot th a, body.PERMISSIONS #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.PERMISSIONS.detail-template .card {
  color: black; }
  body.PERMISSIONS.detail-template .card a {
    color: black; }
  body.PERMISSIONS.detail-template .card.profile {
    background-image: linear-gradient(310deg, #fffd5f 0%, #fffd5f 100%); }
    body.PERMISSIONS.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: black;
      color: #fffd5f; }
    body.PERMISSIONS.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: black;
      background: linear-gradient(180deg, #fffc13 10%, transparent 100%); }
      body.PERMISSIONS.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: black; }
  body.PERMISSIONS.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #5f5e00 0%, #fffc2c 60%);
    border-color: #929000;
    color: black; }
  body.PERMISSIONS.detail-template .card.data .domain .content {
    border-color: #5f5e00; }
    body.PERMISSIONS.detail-template .card.data .domain .content .item .title {
      color: #464500; }
    body.PERMISSIONS.detail-template .card.data .domain .content .item .value, body.PERMISSIONS.detail-template .card.data .domain .content .item a {
      color: black; }

body.PERMISSIONS .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #929000, #fffc46);
  border-bottom: 1px solid black; }
  body.PERMISSIONS .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: black; }
    body.PERMISSIONS .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.PERMISSIONS {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #929000;
  overflow: hidden;
  background-image: linear-gradient(135deg, #fffeac, white); }
  .marketing .domain.PERMISSIONS .card-header {
    background-image: linear-gradient(135deg, #dfdb00, #fffc46);
    border-radius: 0; }
    .marketing .domain.PERMISSIONS .card-header i {
      font-size: 5rem;
      color: #5f5e00;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.PERMISSIONS .card-body .card-title {
    color: #5f5e00; }
  .marketing .domain.PERMISSIONS .card-body .card-text {
    color: #929000;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.PERMISSIONS .card-footer {
    border-radius: 0; }
    .marketing .domain.PERMISSIONS .card-footer a {
      background-image: linear-gradient(135deg, #dfdb00, #fffc46); }
      .marketing .domain.PERMISSIONS .card-footer a span {
        font-size: 1.25rem;
        color: #5f5e00;
        font-weight: 600; }

body.ARTICLES #main-card {
  border-color: #e484e3;
  color: #170517; }
  body.ARTICLES #main-card > .card-header {
    background: linear-gradient(135deg, #e484e3, #942193);
    border-bottom: 1px solid black; }
    body.ARTICLES #main-card > .card-header .title {
      color: #170517; }
    body.ARTICLES #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #d131d0, #942193);
      color: white; }
      body.ARTICLES #main-card > .card-header#card-new .title {
        color: white; }
  body.ARTICLES #main-card > .card-body table thead, body.ARTICLES #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #f2c2f1 35%, #f6d7f6 100%);
    border-bottom: 1px solid black; }
    body.ARTICLES #main-card > .card-body table thead th, body.ARTICLES #main-card > .card-body table thead td, body.ARTICLES #main-card > .card-body table tfoot th, body.ARTICLES #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.ARTICLES #main-card > .card-body table thead th a, body.ARTICLES #main-card > .card-body table thead td a, body.ARTICLES #main-card > .card-body table tfoot th a, body.ARTICLES #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.ARTICLES.detail-template .card {
  color: #020002; }
  body.ARTICLES.detail-template .card a {
    color: #020002; }
  body.ARTICLES.detail-template .card.profile {
    background-image: linear-gradient(310deg, #e899e8 0%, #e899e8 100%); }
    body.ARTICLES.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: #020002;
      color: #e899e8; }
    body.ARTICLES.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: #020002;
      background: linear-gradient(180deg, #da5ad9 10%, transparent 100%); }
      body.ARTICLES.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: #020002; }
  body.ARTICLES.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #6a186a 0%, #df6fde 60%);
    border-color: #942193;
    color: #170517; }
  body.ARTICLES.detail-template .card.data .domain .content {
    border-color: #6a186a; }
    body.ARTICLES.detail-template .card.data .domain .content .item .title {
      color: #551355; }
    body.ARTICLES.detail-template .card.data .domain .content .item .value, body.ARTICLES.detail-template .card.data .domain .content .item a {
      color: black; }

body.ARTICLES .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #942193, #e484e3);
  border-bottom: 1px solid black; }
  body.ARTICLES .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #170517; }
    body.ARTICLES .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.ARTICLES {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #942193;
  overflow: hidden;
  background-image: linear-gradient(135deg, #f6d7f6, white); }
  .marketing .domain.ARTICLES .card-header {
    background-image: linear-gradient(135deg, #d131d0, #e484e3);
    border-radius: 0; }
    .marketing .domain.ARTICLES .card-header i {
      font-size: 5rem;
      color: #6a186a;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.ARTICLES .card-body .card-title {
    color: #6a186a; }
  .marketing .domain.ARTICLES .card-body .card-text {
    color: #942193;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.ARTICLES .card-footer {
    border-radius: 0; }
    .marketing .domain.ARTICLES .card-footer a {
      background-image: linear-gradient(135deg, #d131d0, #e484e3); }
      .marketing .domain.ARTICLES .card-footer a span {
        font-size: 1.25rem;
        color: #6a186a;
        font-weight: 600; }

body.ATHLETES #main-card {
  border-color: #84e0e4;
  color: #051617; }
  body.ATHLETES #main-card > .card-header {
    background: linear-gradient(135deg, #84e0e4, #219094);
    border-bottom: 1px solid black; }
    body.ATHLETES #main-card > .card-header .title {
      color: #051617; }
    body.ATHLETES #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #31cbd1, #219094);
      color: white; }
      body.ATHLETES #main-card > .card-header#card-new .title {
        color: white; }
  body.ATHLETES #main-card > .card-body table thead, body.ATHLETES #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #c2f0f2 35%, #d7f5f6 100%);
    border-bottom: 1px solid black; }
    body.ATHLETES #main-card > .card-body table thead th, body.ATHLETES #main-card > .card-body table thead td, body.ATHLETES #main-card > .card-body table tfoot th, body.ATHLETES #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.ATHLETES #main-card > .card-body table thead th a, body.ATHLETES #main-card > .card-body table thead td a, body.ATHLETES #main-card > .card-body table tfoot th a, body.ATHLETES #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.ATHLETES.detail-template .card {
  color: #000202; }
  body.ATHLETES.detail-template .card a {
    color: #000202; }
  body.ATHLETES.detail-template .card.profile {
    background-image: linear-gradient(310deg, #99e5e8 0%, #99e5e8 100%); }
    body.ATHLETES.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: #000202;
      color: #99e5e8; }
    body.ATHLETES.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: #000202;
      background: linear-gradient(180deg, #5ad6da 10%, transparent 100%); }
      body.ATHLETES.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: #000202; }
  body.ATHLETES.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #18676a 0%, #6fdbdf 60%);
    border-color: #219094;
    color: #051617; }
  body.ATHLETES.detail-template .card.data .domain .content {
    border-color: #18676a; }
    body.ATHLETES.detail-template .card.data .domain .content .item .title {
      color: #135355; }
    body.ATHLETES.detail-template .card.data .domain .content .item .value, body.ATHLETES.detail-template .card.data .domain .content .item a {
      color: black; }

body.ATHLETES .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #219094, #84e0e4);
  border-bottom: 1px solid black; }
  body.ATHLETES .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #051617; }
    body.ATHLETES .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.ATHLETES {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #219094;
  overflow: hidden;
  background-image: linear-gradient(135deg, #d7f5f6, white); }
  .marketing .domain.ATHLETES .card-header {
    background-image: linear-gradient(135deg, #31cbd1, #84e0e4);
    border-radius: 0; }
    .marketing .domain.ATHLETES .card-header i {
      font-size: 5rem;
      color: #18676a;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.ATHLETES .card-body .card-title {
    color: #18676a; }
  .marketing .domain.ATHLETES .card-body .card-text {
    color: #219094;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.ATHLETES .card-footer {
    border-radius: 0; }
    .marketing .domain.ATHLETES .card-footer a {
      background-image: linear-gradient(135deg, #31cbd1, #84e0e4); }
      .marketing .domain.ATHLETES .card-footer a span {
        font-size: 1.25rem;
        color: #18676a;
        font-weight: 600; }

body.ACHIEVEMENTS #main-card {
  border-color: #f9eb94;
  color: #3d3604; }
  body.ACHIEVEMENTS #main-card > .card-header {
    background: linear-gradient(135deg, #f9eb94, #ceb40c);
    border-bottom: 1px solid black; }
    body.ACHIEVEMENTS #main-card > .card-header .title {
      color: #3d3604; }
    body.ACHIEVEMENTS #main-card > .card-header#card-new {
      background: linear-gradient(135deg, #f3d933, #ceb40c);
      color: white; }
      body.ACHIEVEMENTS #main-card > .card-header#card-new .title {
        color: white; }
  body.ACHIEVEMENTS #main-card > .card-body table thead, body.ACHIEVEMENTS #main-card > .card-body table tfoot {
    background-image: linear-gradient(310deg, #fdf9dc 35%, #fefdf4 100%);
    border-bottom: 1px solid black; }
    body.ACHIEVEMENTS #main-card > .card-body table thead th, body.ACHIEVEMENTS #main-card > .card-body table thead td, body.ACHIEVEMENTS #main-card > .card-body table tfoot th, body.ACHIEVEMENTS #main-card > .card-body table tfoot td {
      color: black;
      font-size: 1rem;
      font-weight: 600; }
      body.ACHIEVEMENTS #main-card > .card-body table thead th a, body.ACHIEVEMENTS #main-card > .card-body table thead td a, body.ACHIEVEMENTS #main-card > .card-body table tfoot th a, body.ACHIEVEMENTS #main-card > .card-body table tfoot td a {
        text-decoration: underline; }

body.ACHIEVEMENTS.detail-template .card {
  color: #252102; }
  body.ACHIEVEMENTS.detail-template .card a {
    color: #252102; }
  body.ACHIEVEMENTS.detail-template .card.profile {
    background-image: linear-gradient(310deg, #faf0ac 0%, #faf0ac 100%); }
    body.ACHIEVEMENTS.detail-template .card.profile .timestamps .card .card-header .nav-link.active {
      background-color: #252102;
      color: #faf0ac; }
    body.ACHIEVEMENTS.detail-template .card.profile .timestamps .card .card-body {
      border-top-color: #252102;
      background: linear-gradient(180deg, #f6e264 10%, transparent 100%); }
      body.ACHIEVEMENTS.detail-template .card.profile .timestamps .card .card-body .card-title {
        color: #252102; }
  body.ACHIEVEMENTS.detail-template .card.data .domain header {
    background-image: linear-gradient(310deg, #9e8a09 0%, #f7e77c 60%);
    border-color: #ceb40c;
    color: #3d3604; }
  body.ACHIEVEMENTS.detail-template .card.data .domain .content {
    border-color: #9e8a09; }
    body.ACHIEVEMENTS.detail-template .card.data .domain .content .item .title {
      color: #867508; }
    body.ACHIEVEMENTS.detail-template .card.data .domain .content .item .value, body.ACHIEVEMENTS.detail-template .card.data .domain .content .item a {
      color: black; }

body.ACHIEVEMENTS .modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #ceb40c, #f9eb94);
  border-bottom: 1px solid black; }
  body.ACHIEVEMENTS .modal .modal-dialog .modal-content .modal-header .modal-title {
    color: #3d3604; }
    body.ACHIEVEMENTS .modal .modal-dialog .modal-content .modal-header .modal-title small {
      color: black; }

.marketing .row {
  justify-content: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid silver; }
  .marketing .row:empty {
    display: none; }

.marketing .domain.ACHIEVEMENTS {
  padding-left: 0rem;
  padding-right: 0rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  border-color: #ceb40c;
  overflow: hidden;
  background-image: linear-gradient(135deg, #fefdf4, white); }
  .marketing .domain.ACHIEVEMENTS .card-header {
    background-image: linear-gradient(135deg, #f3d933, #f9eb94);
    border-radius: 0; }
    .marketing .domain.ACHIEVEMENTS .card-header i {
      font-size: 5rem;
      color: #9e8a09;
      padding: .25em;
      line-height: initial;
      width: auto;
      height: auto; }
  .marketing .domain.ACHIEVEMENTS .card-body .card-title {
    color: #9e8a09; }
  .marketing .domain.ACHIEVEMENTS .card-body .card-text {
    color: #ceb40c;
    font-size: 1rem;
    font-weight: 600;
    text-align: left; }
  .marketing .domain.ACHIEVEMENTS .card-footer {
    border-radius: 0; }
    .marketing .domain.ACHIEVEMENTS .card-footer a {
      background-image: linear-gradient(135deg, #f3d933, #f9eb94); }
      .marketing .domain.ACHIEVEMENTS .card-footer a span {
        font-size: 1.25rem;
        color: #9e8a09;
        font-weight: 600; }

.badge {
  width: auto;
  min-width: 1rem;
  border-width: 1px;
  padding: 0.5rem;
  font-weight: 700;
  border-radius: 0.25rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.25); }
  .badge span {
    mix-blend-mode: luminosity;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.5);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.5); }
  .badge.wins {
    background-color: rgba(0, 143, 0, 0.5); }
  .badge.loses {
    background-color: rgba(148, 17, 0, 0.5); }
  .badge.deuces {
    background-color: rgba(255, 147, 0, 0.5); }
  .badge.no_decisions {
    background-color: rgba(94, 94, 94, 0.5); }

html {
  height: 100%; }
  html body {
    font-family: var(--default-font);
    flex-direction: column;
    height: 100%;
    display: flex; }
    html body .toast .debug-info {
      font-family: var(--bs-font-monospace);
      font-weight: 200;
      font-size: 0.6rem; }
    html body#home-login main {
      background-image: linear-gradient(135deg, white, rgba(255, 255, 255, 0.65)), url("/assets/img/login.jpg");
      background-size: cover;
      background-repeat: no-repeat; }
    html body #main-card {
      border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
      border-width: 1px;
      border-style: solid;
      margin-bottom: 0;
      overflow: hidden; }
      html body #main-card > .card-header {
        padding-top: 2.5rem;
        padding-bottom: 2rem; }
        html body #main-card > .card-header .title {
          font-weight: 400;
          font-family: inherit;
          background-clip: text;
          position: relative;
          z-index: 1; }
          html body #main-card > .card-header .title i {
            margin-right: 1rem; }
          html body #main-card > .card-header .title small {
            font-weight: 200;
            text-transform: inherit;
            padding-left: 2rem; }
        html body #main-card > .card-header#card-new {
          width: 100%; }
          html body #main-card > .card-header#card-new .card-title {
            margin-bottom: 0; }
          html body #main-card > .card-header#card-new .actionButton {
            height: 3.6rem;
            width: 100%; }
      html body #main-card > .card-body {
        padding: 0;
        overflow: hidden;
        flex-direction: row;
        display: flex; }
    html body .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 2.5rem;
      font-weight: 700;
      font-family: inherit; }
      html body .modal .modal-dialog .modal-content .modal-header .modal-title small {
        font-size: 1.5rem;
        font-weight: 200;
        text-transform: inherit;
        padding-left: 2rem; }
    html body .modal .modal-dialog .modal-content .modal-footer form {
      justify-content: space-evenly;
      width: 100%;
      display: flex; }
    html body .modal .modal-dialog .modal-content .modal-footer button {
      margin-bottom: 0; }
    html body.list-template #card-new .card-title {
      margin-bottom: 0; }
    html body.list-template #card-new .actionButton2 {
      height: 3.6rem;
      width: 100%; }
    html body.list-template #main-card .card-body {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      html body.list-template #main-card .card-body table {
        border-collapse: collapse;
        table-layout: auto;
        width: 100%;
        margin-bottom: 0; }
        html body.list-template #main-card .card-body table td:last-child, html body.list-template #main-card .card-body table th:last-child {
          padding-right: 3rem; }
        html body.list-template #main-card .card-body table thead, html body.list-template #main-card .card-body table tfoot {
          border-bottom: 1px solid #e9ecef; }
          html body.list-template #main-card .card-body table thead th, html body.list-template #main-card .card-body table thead td, html body.list-template #main-card .card-body table tfoot th, html body.list-template #main-card .card-body table tfoot td {
            padding: 1.5rem 0.5rem;
            letter-spacing: 0px;
            white-space: nowrap;
            font-size: 0.85rem;
            text-transform: uppercase;
            opacity: 0.7; }
        html body.list-template #main-card .card-body table tbody tr td.avatar-lg {
          width: auto !important;
          height: auto !important;
          padding: 1rem 1rem 1rem 0.5rem; }
          html body.list-template #main-card .card-body table tbody tr td.avatar-lg i {
            font-size: 2rem;
            margin-top: 0.75rem; }
          html body.list-template #main-card .card-body table tbody tr td.avatar-lg img.avatar {
            border: 1px solid #e9ecef;
            box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12);
            border-radius: 50%;
            object-fit: cover; }
        html body.list-template #main-card .card-body table tbody tr td.font-monospace {
          font-size: 0.9em;
          letter-spacing: -1px; }
    html body.detail-template #main-col .card.profile {
      max-width: 33%;
      height: auto;
      margin: 0;
      border: none; }
      html body.detail-template #main-col .card.profile > .card-header .avatar {
        width: 100%;
        height: auto;
        padding-bottom: 1rem; }
        html body.detail-template #main-col .card.profile > .card-header .avatar img {
          width: 100%; }
        html body.detail-template #main-col .card.profile > .card-header .avatar i {
          font-size: 18rem;
          line-height: initial;
          margin-top: initial !important;
          height: initial;
          width: initial; }
      html body.detail-template #main-col .card.profile > .card-body .card-text ul {
        padding-left: 0;
        list-style: none; }
        html body.detail-template #main-col .card.profile > .card-body .card-text ul li {
          line-height: 1.75rem;
          font-size: 1rem; }
      html body.detail-template #main-col .card.profile > .card-footer {
        text-align: center;
        width: 100%; }
        html body.detail-template #main-col .card.profile > .card-footer .footer-element {
          margin: auto auto 2rem auto; }
          html body.detail-template #main-col .card.profile > .card-footer .footer-element.buttons {
            width: 75%;
            text-align: center; }
            html body.detail-template #main-col .card.profile > .card-footer .footer-element.buttons .actionButton {
              line-height: 2;
              width: 100%; }
          html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps {
            font-family: monospace;
            width: 100%; }
            html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps i {
              font-weight: 600; }
            html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps .card {
              background-color: transparent;
              border: 0;
              box-shadow: none;
              min-height: 14rem; }
              html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps .card .card-header {
                padding-bottom: 0.6rem; }
                html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps .card .card-header .nav-link {
                  padding-bottom: 0;
                  border: 0; }
                  html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps .card .card-header .nav-link i {
                    padding-bottom: 0.5rem; }
              html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps .card .card-body {
                border-top-width: 1px;
                border-top-style: solid;
                margin-top: -1px; }
                html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps .card .card-body .card-title {
                  font-family: monospace;
                  font-size: 0.8rem;
                  font-weight: bold;
                  text-transform: capitalize;
                  text-align: left;
                  padding-bottom: 0.8rem; }
                html body.detail-template #main-col .card.profile > .card-footer .footer-element.timestamps .card .card-body .card-text li {
                  font-weight: 400;
                  font-size: 0.75rem;
                  text-align: left; }
    html body.detail-template #main-col .card.data {
      width: 100%;
      margin: 0;
      padding: 2rem;
      height: auto;
      border: none; }
      html body.detail-template #main-col .card.data .domain {
        margin-bottom: 1rem; }
        html body.detail-template #main-col .card.data .domain:first-child header {
          margin-top: 0; }
        html body.detail-template #main-col .card.data .domain header {
          border-width: 1px;
          border-style: solid;
          padding: 1.5rem 0 0.5rem 1rem;
          border-radius: 0.5rem 0.5rem 0 0;
          margin-top: 0.5rem;
          margin-bottom: 0;
          font-weight: 600;
          font-size: 1.2rem;
          line-height: 1.625; }
        html body.detail-template #main-col .card.data .domain .content {
          padding: 2rem 1rem;
          border-width: 1px;
          border-style: solid;
          border-radius: 0 0 0.5rem 0.5rem; }
          html body.detail-template #main-col .card.data .domain .content .item .title {
            font-weight: 600;
            font-size: .9rem;
            padding-top: 1rem;
            padding-bottom: 0;
            margin-bottom: 0; }
          html body.detail-template #main-col .card.data .domain .content .item .value, html body.detail-template #main-col .card.data .domain .content .item a {
            color: #000000;
            font-weight: 400;
            font-size: 0.9rem;
            letter-spacing: 0.5px; }
          html body.detail-template #main-col .card.data .domain .content .item a {
            text-decoration: underline;
            text-decoration-style: dotted;
            text-decoration-color: silver;
            text-underline-offset: 7px; }
            html body.detail-template #main-col .card.data .domain .content .item a:hover {
              text-decoration-color: red;
              text-decoration-style: solid; }
    html body > header {
      --background-color: #7928ca;
      --heading-color: #ffffff;
      color: var(--default-color);
      background-color: var(--background-color);
      padding: 15px 0;
      transition: all 0.5s;
      z-index: 1030;
      height: auto; }
      html body > header .logo {
        line-height: 1; }
        html body > header .logo img {
          max-height: 4rem;
          margin-right: 1rem; }
        html body > header .logo .sitename {
          font-size: 18px;
          margin: 0;
          font-weight: 500;
          color: var(--heading-color);
          letter-spacing: 2px;
          text-transform: uppercase; }
      html body > header .btn-getstarted,
      html body > header .btn-getstarted:focus {
        color: var(--contrast-color);
        background: var(--accent-color);
        font-size: 14px;
        padding: 8px 25px;
        margin: 0 0 0 30px;
        border-radius: 50px;
        transition: 0.3s; }
        html body > header .btn-getstarted:hover,
        html body > header .btn-getstarted:focus:hover {
          color: var(--contrast-color);
          background: color-mix(in srgb, var(--accent-color), transparent 15%); }
      html body > header .navbar {
        box-shadow: none; }
        html body > header .navbar .navbar-toggler .navbar-toggler-icon {
          background-image: var(--bs-navbar-toggler-icon-bg); }
        html body > header .navbar .navbar-collapse .nav-item .nav-link, html body > header .navbar .navbar-collapse .nav-item .nav-link:focus {
          padding-left: 10px;
          padding-right: 10px;
          font-weight: 600;
          color: white;
          font-size: calc(1.26rem + 0.12vw);
          padding-bottom: 0;
          margin-bottom: 0; }
          @media (min-width: 1200px) {
            html body > header .navbar .navbar-collapse .nav-item .nav-link, html body > header .navbar .navbar-collapse .nav-item .nav-link:focus {
              font-size: 1.35rem; } }
          html body > header .navbar .navbar-collapse .nav-item .nav-link:hover, html body > header .navbar .navbar-collapse .nav-item .nav-link:focus:hover {
            text-decoration-style: unset;
            text-underline-offset: 7px;
            text-decoration-line: none;
            color: white; }
        html body > header .navbar .navbar-collapse .nav-item .dropdown-menu {
          margin-top: 0;
          padding-top: 0;
          padding-left: 1rem; }
          html body > header .navbar .navbar-collapse .nav-item .dropdown-menu .dropdown-item {
            font-size: 1rem;
            font-weight: 600;
            color: white; }
        html body > header .navbar li i {
          font-size: larger;
          padding-right: 0.5rem; }
          html body > header .navbar li i.toggle-dropdown {
            font-size: small; }
      html body > header #statusBar {
        color: white;
        border-top: 1px solid white; }
        html body > header #statusBar a {
          color: white;
          font-weight: bold; }
        html body > header #statusBar #breadcrumbs .breadcrumb-item {
          font-size: 1rem; }
        html body > header #statusBar #breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
          float: left;
          padding-right: var(--bs-breadcrumb-item-padding-x);
          color: white;
          font-family: 'FontAwesome';
          content: "\f105" !important; }
    html body main {
      transition: all 0.2s ease-in-out;
      position: relative;
      flex-shrink: 0;
      min-height: 80vh;
      margin-top: 12rem; }
      html body main #main-container {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; }
      html body main a {
        text-decoration: none; }
        html body main a:hover {
          text-decoration-style: dotted;
          text-underline-offset: 7px;
          text-decoration-line: underline;
          text-decoration-color: red; }
    html body #footer {
      padding-bottom: 0;
      height: 6vh;
      margin-top: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      html body #footer .copyright {
        border-top: none; }

@media (min-width: 576px) {
  html body > header {
    height: 12rem; }
    html body > header .navbar .navbar-collapse {
      justify-content: flex-end;
      flex-grow: inherit; }
      html body > header .navbar .navbar-collapse .nav-item .dropdown-menu:before {
        left: 50%;
        margin-left: -11px; }
      html body > header .navbar .navbar-collapse .nav-item .dropdown-menu .dropdown-item {
        color: black; }
    html body > header .navbar li i {
      font-size: larger;
      padding-right: 0.5rem; }
      html body > header .navbar li i.toggle-dropdown {
        font-size: small; } }

@media (min-width: 1200px) {
  .navmenu a i, .navmenu a:focus i {
    line-height: initial; } }

/*
Info Areas
 */
.icon-sm {
  width: 48px;
  height: 48px; }
  .icon-sm i {
    top: 2px;
    font-size: 1.25rem; }

.color-input-wrapper {
  height: 1.5em;
  width: 1.5em;
  overflow: hidden;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  position: relative; }
  .color-input-wrapper input[type=color] {
    position: absolute;
    height: 4em;
    width: 4em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0; }

.card {
  border: 1px solid #dddddd; }
  .card .card-body {
    font-family: inherit; }

/** UPLOAD */
#avatar {
  opacity: 0; }

#avatar-label {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  font-size: 1rem; }

.image-area {
  border: 2px dashed rgba(255, 255, 255, 0.7);
  padding: 1rem;
  position: relative; }
  .image-area::before {
    content: 'Uploaded image result';
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    z-index: 1; }
  .image-area img {
    z-index: 2;
    position: relative; }

input:read-only {
  border-color: transparent; }

.actionButton span {
  color: white;
  filter: invert(1) grayscale(1) brightness(1.3) contrast(9000);
  mix-blend-mode: luminosity;
  opacity: 0.95; }

.form-switch .form-check-input:checked {
  border-color: green;
  background-color: green;
  height: 1.2rem;
  width: 2.5rem; }

.gradient-border {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--default-color), transparent 90%); }

/** profile.scss */
.card {
  border-radius: 0;
  margin-bottom: 30px; }
  .card .card-header {
    background-color: transparent; }
  .card .card-body .card-title {
    font-size: 1.5rem;
    font-weight: 600; }
  .card .card-body .card-text2 li {
    line-height: 1.75rem;
    font-size: 1.2rem; }
    .card .card-body .card-text2 li code {
      color: var(--bs-card-color); }
    .card .card-body .card-text2 li a {
      text-decoration: none;
      color: var(--bs-card-color); }
  .card .card-block {
    padding: 1.25rem; }
    .card .card-block p {
      line-height: 25px; }
  .card .domain {
    margin-bottom: 1rem; }
    .card .domain:first-child header {
      margin-top: 0; }
    .card .domain header {
      background-image: linear-gradient(310deg, #ebeff4 0%, #ebeff4 100%);
      border-bottom: 1px solid #e0e0e0;
      padding-bottom: 5px;
      margin-bottom: 20px;
      font-weight: 600;
      font-size: 1.1rem;
      line-height: 1.625;
      margin-top: 0.5rem;
      color: var(--accent-color); }
    .card .domain .content .item .title {
      color: var(--bs-indigo);
      font-weight: 600;
      font-size: .9rem;
      padding-top: 1rem;
      padding-bottom: 0;
      margin-bottom: 0; }
    .card .domain .content .item .value, .card .domain .content .item a {
      color: #000000;
      font-weight: 400;
      font-size: 0.9rem;
      letter-spacing: 0.5px; }
    .card .domain .content .item a {
      text-decoration: underline;
      text-decoration-style: dotted;
      text-decoration-color: silver;
      text-underline-offset: 7px; }
      .card .domain .content .item a:hover {
        text-decoration-color: red;
        text-decoration-style: solid; }

body#edit .card .domain:first-child header {
  margin-top: 0; }

body#edit .card .domain header {
  font-size: 1.3rem; }

body#edit .card .domain .content .item .title {
  color: var(--bs-black);
  font-weight: 600;
  font-size: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0;
  margin-bottom: 0; }

@media only screen and (min-width: 1400px) {
  p {
    font-size: 1rem; } }

.text-muted {
  color: #919aa3 !important; }

.bg-gradient-faded-info-light {
  background-image: radial-gradient(370px circle at 50% 10%, rgba(255, 255, 255, 0.4), #a3d2dd 100%); }

.bg-gradient-faded-primary-light {
  background-image: radial-gradient(370px circle at 50% 10%, rgba(114, 8, 87, 0.4), #ba499f 100%); }