/*------------------------------------
- GENERAL
------------------------------------*/


/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
   color: #333333;
   background-color: var(--primary);
   border-color: var(--primary);
}

.alert-primary hr {
   border-top-color: var(--primary);
}

.alert-primary .alert-link {
   color: #333333;
}

.badge-primary {
   color: #ffffff;
   background-color: var(--primary);
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
   color: #ffffff;
   background-color: var(--tertiary);
}

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

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
   background-color: var(--primary) !important;
}

.border-primary {
   border-color: var(--primary) !important;
}

.btn-primary {
   color: #ffffff !important;
   background-color: var(--primary);
   border-color: var(--primary);
}

.btn-primary:hover {
   color: #ffffff;
   background-color: var(--tertiary);
   border-color: var(--tertiary);
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
   color: #ffffff;
   background-color: var(--grey);
   border-color: var(--grey);
}

.btn-primary:focus,
.btn-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
   box-shadow: none;
}

.btn-outline-primary {
   color: var(--primary);
   background-color: transparent;
   border-color: var(--primary);
}

.btn-outline-primary:hover {
   color: #ffffff;
   background-color: var(--primary);
   border-color: var(--primary);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
   color: var(--primary);
   background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
   color: #ffffff;
   background-color: var(--primary);
   border-color: var(--primary);
}

.list-group-item-primary,
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
   color: #333333;
   background-color: var(--primary);
}

.list-group-item-primary.list-group-item-action.active {
   color: #ffffff;
   background-color: #333333;
   border-color: #333333;
}

.table-primary,
.table-primary>th,
.table-primary>td,
.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
   background-color: var(--primary);
}

.text-primary,
a.text-primary:hover,
a.text-primary:focus {
   color: var(--primary) !important;
}

.btn-outline-primary {
   color: var(--primary);
   border: none;
}

.btn-outline-primary:hover {
   background: var(--primary);
}

/*------------------------------------
- COLOR secondary
------------------------------------*/
.alert-secondary {
   color: #333333;
   background-color: var(--secondary);
   border-color: var(--secondary);
}

.alert-secondary hr {
   border-top-color: var(--secondary);
}

.alert-secondary .alert-link {
   color: #333333;
}

.badge-secondary {
   color: #ffffff;
   background-color: var(--secondary);
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
   color: #ffffff;
   background-color: var(--tertiary);
}

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

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
   background-color: var(--secondary) !important;
}

.border-secondary {
   border-color: var(--secondary) !important;
}

.btn-secondary {
   color: #ffffff !important;
   background-color: var(--secondary);
   border-color: var(--secondary);
}

.btn-secondary:hover {
   color: #ffffff;
   background-color: var(--tertiary);
   border-color: var(--tertiary);
}

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
   color: #ffffff;
   background-color: var(--tertiary);
   border-color: var(--tertiary);
}

.btn-secondary:focus,
.btn-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
   box-shadow: none;
}

.btn-outline-secondary {
   color: var(--secondary);
   background-color: transparent;
   border-color: var(--secondary);
}

.btn-outline-secondary:hover {
   color: #ffffff;
   background-color: var(--secondary);
   border-color: var(--secondary);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
   color: var(--secondary);
   background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
   color: #ffffff;
   background-color: var(--secondary);
   border-color: var(--secondary);
}

.list-group-item-secondary,
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
   color: #333333;
   background-color: var(--secondary);
}

.list-group-item-secondary.list-group-item-action.active {
   color: #ffffff;
   background-color: #333333;
   border-color: #333333;
}

.table-secondary,
.table-secondary>th,
.table-secondary>td,
.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
   background-color: var(--secondary);
}

.text-secondary,
a.text-secondary:hover,
a.text-secondary:focus {
   color: var(--secondary) !important;
}

.btn-outline-secondary {
   color: var(--secondary);
   border: none;
}

.btn-outline-secondary:hover {
   background: var(--secondary);
}


/*------------------------------------
- COLOR white
------------------------------------*/
.btn-outline-white {
   color: #ffffff;
   border: none;
}

.btn-outline-white:hover,
.btn-outline-white:hover a {
   color: #333333;
}

.btn-outline-white:hover {
   background: #ffffff;
}

/*------------------------------------
- COLOR dark
------------------------------------*/
.btn-outline-dark {
   color: #333333;
   border: 1px solid #333333;
   background: transparent;
}

.btn-dark a,
.btn-outline-dark a,
.btn-dark,
.btn-outline-dark {
   color: #333333;
}

.btn-outline-dark:hover {
   color: #ffffff;
}

.btn-outline-dark:hover {
   background: #333333;
}

.bg-dark {
   background: #333333 !important;
}