/* Colors */
:root {
    --primary: #2F7AB9;
    --secondary: #EB690A;
    --tertiary: #FCB20E;
    --dark: #0D0D0D;
    --gray: #383838;
    --blue: #005398;
}
/* Colors */

/* GENERAL */
* {
    font-family: 'Chillax', sans-serif;
}

.bg-general {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-primary-k {
    background-color: var(--primary);
}

.bg-tertiary {
    background-color: var(--tertiary);
}

.bg-secondary-k {
    background-color: var(--secondary);
}

.bg-gold {
    background: rgb(255,191,0);
    background: linear-gradient(90deg, rgba(255,191,0,1) 8%, rgba(205,164,52,1) 26%);
}

.bg-platinum {
    background: rgb(218,222,222);
    background: linear-gradient(90deg, rgba(218,222,222,1) 0%, rgba(90,83,71,1) 20%);
}

.bg-diamond {
    background: rgb(203,227,241);
    background: linear-gradient(90deg, rgba(203,227,241,1) 27%, rgba(154,197,219,1) 55%);
}

.bg-footer {
    background-color: var(--blue);
}

.color-primary {
    color: var(--primary);
}

/* GENERAL */


/* Tab outline icon */
.tab-outline-icon li a {
    filter: grayscale(100%);
    color: gray !important;
}
.tab-outline-icon li a.active {
    filter: grayscale(0%);
    color: var(--dark) !important;
}
/* Tab outline icon */

/* Card outline icon */
.card-outline-icon .nav-link p i{
    color: #ffffff;
    background-color: var(--gray);
}
.card-outline-icon .nav-link.active p i{
    color: #ffffff !important;
    background-color: var(--primary);
}
/* Card outline icon */

/* Modal image */
.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Modal image */

/*TABS*/
.tabs-bar{
  width: 100%;
  list-style: none;
  display: block;
  padding-left: 5px;
}

.tabs-bar .tab{
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: -1px;
  padding: 10px;
  filter: grayscale(100%);
  color: gray !important;
}

.tabs-bar .tab-active{
  filter: grayscale(0%);
  color: var(--dark) !important;
}

.content{
  display: none;
}

.content-active{
  display: block;
}