/*
    Específico del tema oscuro
*/

:root {
    --hermes-primary: 46, 45, 56;
    --hermes-secondary: 33, 33, 41;
    --scroll-primary: 214, 222, 225;
    scrollbar-color: rgb(var(--scroll-primary)) transparent;
    overflow-y: overlay;
}

body {
    background-color: #181818;
    color: #dfdfdf;
    background-image: url("../thumbs/patrones/dark.png");
    background-size: 256px;
    background-repeat: repeat;
}

img:not(.bright) {
    filter: brightness(.75) contrast(1.1);
}


::selection
{
    color: #E8E8E8;
    background: #121212;
}

.paperbook p::selection,
.paperbook h1::selection,
.paperbook h2::selection,
.paperbook h3::selection,
.paperbook h4::selection,
.paperbook h5::selection,
.paperbook h6::selection,
.paperbook em::selection,
.paperbook b::selection,
.paperbook i::selection,
.paperbook strong::selection,
.paperbook u::selection,
.paperbook small::selection,
.paperbook span::selection
{
    color: #181818;
    background: #E8E8E8;
}

.no-paperbook p::selection,
.no-paperbook h1::selection,
.no-paperbook h2::selection,
.no-paperbook h3::selection,
.no-paperbook h4::selection,
.no-paperbook h5::selection,
.no-paperbook h6::selection,
.no-paperbook em::selection,
.no-paperbook b::selection,
.no-paperbook i::selection,
.no-paperbook strong::selection,
.no-paperbook u::selection,
.no-paperbook small::selection,
.no-paperbook span::selection
{
    color: #E8E8E8;
    background: #121212;
}

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

.bg-primary.bg-opacity-10 {
    background-color: rgba(var(--hermes-primary), 1.0) !important;
}

.bg-primary.bg-opacity-9 {
    background-color: rgba(var(--hermes-primary), .93) !important;
}

.bg-primary.bg-opacity-8 {
    background-color: rgba(var(--hermes-primary), .83) !important;
}

.bg-primary.bg-opacity-7 {
    background-color: rgba(var(--hermes-primary), .73) !important;
}

.bg-primary.bg-opacity-6 {
    background-color: rgba(var(--hermes-primary), .63) !important;
}

.bg-primary.bg-opacity-5 {
    background-color: rgba(var(--hermes-primary), .5) !important;
}

.bg-primary.bg-opacity-4 {
    background-color: rgba(var(--hermes-primary), .4) !important;
}

.bg-primary.bg-opacity-3 {
    background-color: rgba(var(--hermes-primary), .3) !important;
}

.bg-primary.bg-opacity-2 {
    background-color: rgba(var(--hermes-primary), .2) !important;
}

.bg-primary.bg-opacity-1 {
    background-color: rgba(var(--hermes-primary), .1) !important;
}

.bg-primary.bg-opacity-0 {
    background-color: rgba(var(--hermes-primary), 0) !important;
}

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

.bg-secondary.bg-opacity-10 {
    background-color: rgba(var(--hermes-secondary), 1.0) !important;
}

.bg-secondary.bg-opacity-9 {
    background-color: rgba(var(--hermes-secondary), .93) !important;
}

.bg-secondary.bg-opacity-8 {
    background-color: rgba(var(--hermes-secondary), .83) !important;
}

.bg-secondary.bg-opacity-7 {
    background-color: rgba(var(--hermes-secondary), .73) !important;
}

.bg-secondary.bg-opacity-6 {
    background-color: rgba(var(--hermes-secondary), .6) !important;
}

.bg-secondary.bg-opacity-5 {
    background-color: rgba(var(--hermes-secondary), .5) !important;
}

.bg-secondary.bg-opacity-4 {
    background-color: rgba(var(--hermes-secondary), .4) !important;
}

.bg-secondary.bg-opacity-3 {
    background-color: rgba(var(--hermes-secondary), .3) !important;
}

.bg-secondary.bg-opacity-2 {
    background-color: rgba(var(--hermes-secondary), .2) !important;
}

.bg-secondary.bg-opacity-1 {
    background-color: rgba(var(--hermes-secondary), .1) !important;
}

.bg-secondary.bg-opacity-0 {
    background-color: rgba(var(--hermes-secondary), 0) !important;
}

.text-primary {
    color: rgb(var(--hermes-primary)) !important;
}

.text-secondary {
    color: rgb(var(--hermes-secondary)) !important;
}

.nav-link.link-primary:not(.active) {
    color: lightsteelblue !important;
}

.nav-link.link-primary:not(.active):hover {
    color: lightblue !important;
    background-color: rgba(var(--hermes-primary), .3) !important;
}

.nav-link.link-primary.active {
    color: white !important;
    background-color: rgba(var(--hermes-primary), .7) !important;
}

.nav-link.link-primary.active:hover {
    color: white !important;
}

a.link-primary:not(.boton) {
    color: rgb(var(--hermes-primary)) !important;
}

a.link-primary:not(.boton):hover {
    color: gray !important;
}

.btn-primary{
    background-color: rgb(var(--hermes-primary)) !important;
    border: 0px;
}

.btn-primary:hover{
    background-color: rgba(var(--hermes-primary), .9) !important;
}

.btn-secondary{
    background-color: rgb(var(--hermes-secondary)) !important;
    border:0px;
}

.btn-secondary:hover{
    background-color: rgba(var(--hermes-secondary), .9) !important;
}

.form-control{
    background-color: #faf9f6;
}

.cabecera {
    background-color: rgba(var(--hermes-primary), .7) !important;
    /*Nuevo codigo*/
    box-shadow: 0 8px 32px 0 rgba(0, 0, 3, 0.25);
}

.bg-gradient-ugr {
    background: rgb(var(--hermes-primary));
    background: -webkit-linear-gradient(left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: -moz-linear-gradient(left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: linear-gradient(to right, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
}

.bg-gradient-ugr-vertical {
    background: rgb(var(--hermes-primary));
    background: -webkit-linear-gradient(top, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: -moz-linear-gradient(top, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: linear-gradient(to bottom, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
}

.bg-gradient-ugr-diagonal {
    background: rgb(var(--hermes-primary));
    background: -webkit-linear-gradient(top left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: -moz-linear-gradient(top left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: linear-gradient(to bottom right, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
}