/* ==========================================================================
MOLA-AZUL: #292663
MOLA-ROSA: #ee3f75
========================================================================== */
.bg-pattern-mola {
    background-color: #292663;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23312d76' fill-opacity='0.4'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bg-pattern-light {
    background-color: #efefef;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bg-mola {
    background-color: #292663;
}

.bg-primary {
    background-color: #0c98cd !important;
}

.bg-success {
    background-color: #59bd7b !important;
}

.bg-info {
    background-color: #5b7ef5 !important;
}

.bg-warning {
    background-color: #ecec36 !important;
}

.bg-danger {
    background-color: #f75959 !important;
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #f53535 !important;
}

/* ==========================================================================
BUTTONS
========================================================================== */
.btn-mola-azul {
    background-color: #292663;
    border-color: #292663;
    color: #fff;
}

.btn-mola-azul:hover {
    background-color: #1e1b47;
    border-color: #1a183e;
    color: #fff;
}

.btn-mola-azul:focus,
.btn-mola-azul.focus {
    background-color: #1e1b47;
    border-color: #1a183e;
    box-shadow: 0 0 0 0.2rem rgba(73, 71, 122, 0.5);
    color: #fff;
}

.btn-mola-azul.disabled,
.btn-mola-azul:disabled {
    background-color: #292663;
    border-color: #292663;
    color: #fff;
}

.btn-mola-azul:not(:disabled):not(.disabled):active,
.btn-mola-azul:not(:disabled):not(.disabled).active,
.show > .btn-mola-azul.dropdown-toggle {
    background-color: #1a183e;
    border-color: #161435;
    color: #fff;
}

.btn-mola-azul:not(:disabled):not(.disabled):active:focus,
.btn-mola-azul:not(:disabled):not(.disabled).active:focus,
.show > .btn-mola.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(73, 71, 122, 0.5);
}

.btn-mola-rosa {
    background-color: #ee3f75;
    border-color: #ee3f75;
    color: #fff;
}

.btn-mola-rosa:hover {
    background-color: #eb1c5c;
    border-color: #e61455;
    color: #fff;
}

.btn-mola-rosa:focus,
.btn-mola-rosa.focus {
    background-color: #eb1c5c;
    border-color: #e61455;
    box-shadow: 0 0 0 0.2rem rgba(241, 92, 138, 0.5);
    color: #fff;
}

.btn-mola-rosa.disabled,
.btn-mola-rosa:disabled {
    background-color: #ee3f75;
    border-color: #ee3f75;
    color: #fff;
}

.btn-mola-rosa:not(:disabled):not(.disabled):active,
.btn-mola-rosa:not(:disabled):not(.disabled).active,
.show > .btn-mola-rosa.dropdown-toggle {
    background-color: #e61455;
    border-color: #da1351;
    color: #fff;
}

.btn-mola-rosa:not(:disabled):not(.disabled):active:focus,
.btn-mola-rosa:not(:disabled):not(.disabled).active:focus,
.show > .btn-mola-rosa.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 92, 138, 0.5);
}

/* ==========================================================================
BADGE
========================================================================== */
.badge-mola {
    background-color: #292663;
    color: #fff;
}

a.badge-mola:focus,
a.badge-mola:hover {
    background-color: #1e1b47;
    color: #fff;
}

a.badge-mola.focus,
a.badge-mola:focus {
    box-shadow: 0 0 0 0.2rem rgba(73, 71, 122, 0.5);
    outline: 0;
}

.badge-primary {
    background-color: #0c98cd;
}

.badge-secondary {
    background-color: #7f91a3;
    color: #fff;
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    background-color: #64788b;
    color: #fff;
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(127, 145, 163, 0.5);
    outline: 0;
}

.badge-success {
    background-color: #59bd7b;
}

a.badge-success:focus,
a.badge-success:hover {
    background-color: #44ac67;
    color: #fff;
}

a.badge-success.focus,
a.badge-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(81, 166, 111, 0.5);
    outline: 0;
}

.badge-info {
    background-color: #5b7ef5;
}

a.badge-info:focus,
a.badge-info:hover {
    background-color: #3762f3;
    color: #fff;
}

a.badge-info.focus,
a.badge-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(116, 145, 247, 0.5);
    outline: 0;
}

.badge-warning {
    background-color: #fbb157;
    color: #fff;
}

a.badge-warning:focus,
a.badge-warning:hover {
    background-color: #faa032;
    color: #fff;
}

a.badge-warning.focus,
a.badge-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(218, 156, 80, 0.5);
    outline: 0;
}

.badge-danger {
    background-color: #f75959;
}

a.badge-danger:focus,
a.badge-danger:hover {
    background-color: #f53535;
    color: #fff;
}

a.badge-danger.focus,
a.badge-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 114, 114, 0.5);
    outline: 0;
}

.btn-info .badge {
    color: #5b7ef5;
}

.btn-mola-rosa .badge {
    background-color: #fff;
    color: #ee3f75;
}

/* ==========================================================================
TEXT
BORDER
========================================================================== */
.text-mola {
    color: #292663 !important;
}

.text-mola-rosa {
    color: #ee3f75 !important;
}

a.text-mola-rosa:focus,
a.text-mola-rosa:hover,
a.text-mola-rosa[aria-expanded=true] {
    color: #eb1c5c !important;
}

.text-primary {
    color: #0c98cd !important;
}

a.text-primary:focus,
a.text-primary:hover,
a.text-primary[aria-expanded=true] {
    color: #0a7da9 !important;
}

.text-success {
    color: #59bd7b !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #44ac67 !important;
}

.text-info {
    color: #5b7ef5 !important;
}

.text-danger {
    color: #f75959 !important;
}

/* ==========================================================================
FORM
========================================================================== */
.form-control {
    border-radius: 4px;
    color: #495057;
}

.form-control:focus,
.single-line:focus {
    border-color: #a6d9ed;
    box-shadow: 0 0 0 .2rem rgba(48, 167, 213, 0.25);
}