@charset "utf-8";
/* CSS Document */

:root {
    --bs-font-sans-serif: Roboto,system-ui,-apple-system,"Segoe UI","Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

    --app-bg-dark: #0f0f0f;

    --app-fs-xxl: 45pt;
    --app-fs-xl: 35pt;
    --app-fs-lg: 30pt;
    --app-fs-md: 17pt;
    --app-fs-sm: 12pt;
    --app-fs-xs: 8pt;
    --app-fs-xxs: 6pt;

    --app-statistics-design-color: #dbdb11;

    --app-theme-red-max: #7c0c0c;
    --app-theme-red-high: #9c1c24;
    --app-theme-red-medium: #7e7878;
    --app-theme-red-low: #6d6d6d;
    --app-theme-red-min: #ffffff;
    --app-theme-green-remark: #fec66e;

    --app-theme-green-max: #062315;
    --app-theme-green-high: #06373a;
    --app-theme-green-medium: #1f5f5b;
    --app-theme-green-low: #159947;
    --app-theme-green-min: #49b265;
    --app-theme-green-remark: #fec66e;

    --app-theme-blue-max: #172449;
    --app-theme-blue-high: #4676b4;
    --app-theme-blue-medium: #79a0c9;
    --app-theme-blue-low: #d3dde9;
    --app-theme-blue-min: #f6f7f9;
    --app-theme-blue-remark: #ee6b4a;

    --app-theme-yellow-max: #ffa921;
    --app-theme-yellow-high: #fec66e;
    --app-theme-yellow-medium: #fee582;
    --app-theme-yellow-low: #fffbc3;
    --app-theme-yellow-min: #f6f7f9;
    --app-theme-yellow-remark: #ba181b;

    --app-theme-black-max: #010101;
    --app-theme-black-high: #1c1c1c;
    --app-theme-black-medium: #4a4a4a;
    --app-theme-black-low: #6d6d6d;
    --app-theme-black-min: #e6e6e6;
    --app-theme-black-remark: #ba181b;

    --app-theme-nude-max: #0e0e0f;
    --app-theme-nude-high: #282424;
    --app-theme-nude-medium: #595053;
    --app-theme-nude-low: #7b716a;
    --app-theme-nude-min: #c7b9b1;
    --app-theme-nude-remark: #ba181b;

    --app-theme-orange-max: #ae4a0e;
    --app-theme-orange-high: #ec681d;
    --app-theme-orange-medium: #f57e1a;
    --app-theme-orange-low: #fd961d;
    --app-theme-orange-min: #fcc61b;
    --app-theme-orange-remark: #ba181b;

    --danger: #dc3545;
    --success: #28a745;
    --dark: #343a40;
    --primary: #3490dc;
}

/* media */

/* xxl start */
@media (min-width: 1400px) {
    .app-federation-card-image {
        height: 250px;
        width: 250px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xxl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-md);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-sm);
        font-weight: 600;
    }
}

/* xl end */
@media (max-width: 1399.98px) {
    .app-federation-card-image {
        height: 250px;
        width: 250px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-md);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-sm);
        font-weight: 600;
    }
}

/* xl start */
@media (min-width: 1200px) {
    .app-federation-card-image {
        height: 275px;
        width: 275px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-smd);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-sm);
        font-weight: 600;
    }
}

/* lg end */
@media (max-width: 1199.98px) {
    .app-federation-card-image {
        height: 250px;
        width: 250px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-sm);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-xs);
        font-weight: 600;
    }
}

/* lg start */
@media (min-width: 992px) {
    .app-federation-card-image {
        height: 250px;
        width: 250px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-sm);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-xs);
        font-weight: 600;
    }
}

/* md ends */
@media (max-width: 991.98px) {
    .app-federation-card-image {
        height: 250px;
        width: 250px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-xs);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-xxs);
        font-weight: 600;
    }
}

/* md start */
@media (min-width: 768px) {
    .app-federation-card-image {
        height: 250px;
        width: 250px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-xs);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-xxs);
        font-weight: 600;
    }
}

/* sm end  */
@media (max-width: 767.98px) {
    .app-federation-card-image {
        height: 280px;
        width: 280px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-xs);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-xxs);
        font-weight: 600;
    }
}

/* sm start */
@media (min-width: 576px) {
    .app-federation-card-image {
        height: 280px;
        width: 280px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-xs);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-xxs);
        font-weight: 600;
    }
}

/* none */
@media (max-width: 575.98px) {
    .app-federation-card-image {
        height: 280px;
        width: 280px;
    }

    .app-federation-card-title {
        font-size: var(--app-fs-xl);
        font-weight: 900;
    }

    .app-federation-card-line-1 {
        font-size: var(--app-fs-xs);
        font-weight: 900;
    }

    .app-federation-card-line-2 {
        font-size: var(--app-fs-xxs);
        font-weight: 600;
    }
}
/* end media */

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

/* scroll bar */
.app-scroll-bar-custom::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    display: block;  /* Ocultar scroll */
}

/* thumb styles */
.app-scroll-bar-custom::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* thumb styles hover */
.app-scroll-bar-custom::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* thumb active styles */
.app-scroll-bar-custom::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

/* track styles */
.app-scroll-bar-custom::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

/* track styles hover */
.app-scroll-bar-custom::-webkit-scrollbar-track:hover,
.app-scroll-bar-custom::-webkit-scrollbar-track:active {
    background: #ededed;
}

/* fonts styles */

.app-fs-xxl {
    font-size: var(--app-fs-xxl);
}

.app-fs-xl {
    font-size: var(--app-fs-xl);
}

.app-fs-lg {
    font-size: var(--app-fs-lg);
}

.app-fs-md {
    font-size: var(--app-fs-md);
}

.app-fs-sm {
    font-size: var(--app-fs-sm);
}

.app-fs-xs {
    font-size: var(--app-fs-xs);
}

.app-fs-xxs {
    font-size: var(--app-fs-xxs);
}

.app-fw-300 {
    font-weight: 300;
}

.app-fw-600 {
    font-weight: 600;
}

.app-fw-900 {
    font-weight: 900;
}

.app-container-fluid-animated {
    position: relative;
    top: 179px;
    transition: .75s all ease;
}

.app-container-fluid-animated.collapsed {
    top: 100px;
}

.app-background-image-default {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.app-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
}

.app-bg-dark-transparent-1 {
    background-color: rgba(0,0,0,.1);
}

.app-bg-dark-transparent-2 {
    background-color: rgba(0,0,0,.2);
}

.app-bg-dark-transparent-3 {
    background-color: rgba(0,0,0,.3);
}

.app-bg-dark-transparent-4 {
    background-color: rgba(0,0,0,.4);
}

.app-bg-dark-transparent-5 {
    background-color: rgba(0,0,0,.5);
}

.app-bg-dark-transparent-6 {
    background-color: rgba(0,0,0,.6);
}

.app-bg-dark-transparent-7 {
    background-color: rgba(0,0,0,.7);
}

.app-bg-dark-transparent-8 {
    background-color: rgba(0,0,0,.8);
}
.app-bg-dark-transparent-9 {
    background-color: rgba(0,0,0,.9);
}

.app-filter-brightness-min {
    filter: brightness(0.2);
}

.app-filter-brightness-low {
    filter: brightness(0.4);
}

.app-filter-brightness-medium {
    filter: brightness(0.6);
}

.app-filter-brightness-high {
    filter: brightness(0.8);
}

.app-filter-brightness-max {
    filter: brightness(1);
}

.app-color-inherit {
    color: inherit !important;
}

.app-federation-card-image {
    background-color: #1a1a1a;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #1a1a1a;
}

.app-federation-card-text {
    color: #1a1a1a;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-federation-card-title {
    letter-spacing: 5px;;
}

.app-leagues-link {
    font-size: 11pt;
    padding: 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
}

.app-leagues-link-dark {
    background-color: #292525;
    color: #fff;
    border: solid 2px #000;
    transition: all .5s;
}

.app-leagues-link-dark:hover {
    background-color: #000;
    color: #fff;
    border: solid 2px #292525;
}

.app-leagues-link-danger {
    background-color: #cb2e2c;
    color: #fff;
    border: solid 2px #f00;
    transition: all .5s;
}

.app-leagues-link-danger:hover {
    background-color: #f00;
    color: #fff;
    border: solid 2px #cb2e2c;
}

.app-leagues-link-blue {
    background-color: #141643;
    color: #fff;
    border: solid 2px #25286d;
    transition: all .5s;
}

.app-leagues-link-blue:hover {
    background-color: #25286d;
    color: #fff;
    border: solid 2px #141643;
}

.app-leagues-link-green {
    background-color: #0e5f34;
    color: #fff;
    border: solid 2px #114d2d;
    transition: all .5s;
}

.app-leagues-link-green:hover {
    background-color: #114d2d;
    color: #fff;
    border: solid 2px #0e5f34;
}

.app-leagues-edit {
    color: darkgrey;
    text-decoration: none;
    outline: none !important;
    width: 40px;
}

.app-avatar {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.app-avatar-rounded {
    border-radius: 50%;
}

.app-avatar-min {
    width: 35px;
    height: 35px;
}

.app-avatar-xxs {
    width: 50px;
    height: 50px;
}

.app-avatar-xs {
    width: 75px;
    height: 75px;
}

.app-avatar-sm {
    width: 100px;
    height: 100px;
}

.app-avatar-md {
    width: 125px;
    height: 125px;
}

.app-avatar-lg {
    width: 150px;
    height: 150px;
}

.app-avatar-xl {
    width: 200px;
    height: 200px;
}

.app-avatar-xxl {
    width: 300px;
    height: 300px;
}

.app-horizontal-scrolling-wrapper {
    color: unset;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
}

.app-horizontal-scrolling-element {
    color: unset;
    display: inline-block;
}

.app-horizontal-scrolling-btns-canvas {
    position: absolute;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    top: 15px;
    padding: 0 25px;
}

.app-horizontal-scrolling-btn {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid darkgray;
    border-radius: 50%;
    color: darkgray;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: opacity .5s;
}

.app-horizontal-scrolling-btn-right::before {
    font-family: 'FontAwesome';
    content: '\f054';
    font-size: x-large;
}

.app-horizontal-scrolling-btn-left::before {
    font-family: 'FontAwesome';
    content: '\f053';
    font-size: x-large;
}

.app-input-default {
    font-size: 1rem;
    outline: none !important;
}

.app-input-default-border {
    border: solid 1px silver;
}

.app-input-default-label {
    display: block;
    font-size: var(--app-fs-xs);
    font-weight: 900;
    color: darkgrey;
}

.app-input-default-label-required::before {
    content: 'requerido';
    font-size: 9px;
    font-weight: 300;
    display: block;
    color: #db0300;
}

.app-button-list-select {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 12px;
    border: solid 1px gray;
}

.app-button-default {
    font-size: 11pt;
    padding: 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all .5s;
}

.app-button-default-md {
    font-size: 11pt;
    padding: 10px 30px;
}

.app-button-default-sm {
    font-size: 9pt;
    padding: 8px 24px;
}

.app-button-default-xs {
    font-size: 8pt;
    padding: 6px 12px;
}

.app-button-default-dark {
    background-color: #292525;
    color: #fff;
    border: solid 2px #000;
}

.app-button-default-dark:hover {
    background-color: #000;
    color: #fff;
    border: solid 2px #292525;
}

.app-button-default-danger {
    background-color: #cb2e2c;
    color: #fff;
    border: solid 2px #f00;
}

.app-button-default-danger:hover {
    background-color: #f00;
    color: #fff;
    border: solid 2px #cb2e2c;
}

.app-button-default-secondary {
    background-color: #848f96;
    color: #fff;
    border: solid 2px #6d7072;
}

.app-button-default-secondary:hover {
    background-color: #6d7072;
    color: #fff;
    border: solid 2px #848f96;
}

.app-button-default-success {
    background-color: #62b660;
    color: #fff;
    border: solid 2px #4f924d;
}

.app-button-default-success:hover {
    background-color: #4f924d;
    color: #fff;
    border: solid 2px #62b660;
}

.app-qr-modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: white;
	z-index: 1600;
    transition: all .5s ease;
}

.app-qr-content {
	align-items: center;
	justify-content: center;
	display: flex;
	height: 100%;
}

.app-statistics-container {
    width: 100%;
    border: 2px solid var(--app-statistics-design-color);
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    /* border-radius: 5px; */
}


.app-statistics-title {
    position: relative;
    padding: .25em .3em .25em;
    background-color: var(--app-statistics-design-color);
    width: 50%;
    padding-left: 10px;
    color: #242424;
    font-size: var(--app-fs-md);
    font-weight: 900;
}

.app-statistics-title::after {
    position: absolute;
    z-index: -1;
    content: "";
    right: -10%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: inherit;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
}

.app-statistics-border-qualified {
    /* border-left: 9px solid var(--app-statistics-design-color) !important; */
    box-shadow: inset 5px 0 0 0 var(--app-statistics-design-color);
    -webkit-box-shadow: inset 5px 0 0 0 var(--app-statistics-design-color);
    -moz-box-shadow: inset 5px 0 0 0 var(--app-statistics-design-color);
    -ms-box-shadow: inset 5px 0 0 0 var(--app-statistics-design-color);
}

.app-statistics-border-unqualified {
    /* border-left: 5px solid gray !important; */
    box-shadow: inset 5px 0 0 0 silver;
    -webkit-box-shadow: inset 5px 0 0 0 silver;
    -moz-box-shadow: inset 5px 0 0 0 silver;
    -ms-box-shadow: inset 5px 0 0 0 silver;
}

.tournament-games-edit {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 200;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'FontAwesome';
    font-size: x-large;
}

.tournament-games-edit-off {
    border: 2px solid #00ed00;
    background-color: #2dfb2d;
    color: #294931;
}

.tournament-games-edit-off::before {
    content: '\f044';
    padding: 0 0 0 5px;
}

.tournament-games-edit-on {
    background-color: #ff4545;
    color: #262424;
    border: 2px solid #ff3131;
}

.tournament-games-edit-on::before {
    content: '\f044';
}


/* upcoming games */
.app-upcoming-tournament-header {
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    height: 100px;
}

.app-upcoming-tournament-header > img {
    position: absolute;
    height: 120px;
    width: auto;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.app-upcoming-tournament-header-team {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.app-upcoming-tournament-header-league {
    font-size: .7rem;
    font-weight: 600;
    position: absolute;
    right: 0;
    margin: .8rem;
}

.app-upcoming-tournament-header-bg-green {
    background: rgb(0,128,0);
    background: linear-gradient(0deg, rgba(0,128,0,1) 0%, rgba(0,141,0,1) 15%, rgba(0,155,0,1) 50%, rgba(0,141,0,1) 85%, rgba(0,128,0,1) 100%);
    color: #ffffb6;
}

.app-upcoming-tournament-header-bg-danger {
    background: rgb(128,0,0);
    /* background: linear-gradient(0deg, rgba(128,0,0,1) 0%, rgba(141,0,0,1) 15%, rgba(155,0,0,1) 50%, rgba(141,0,0,1) 85%, rgba(128,0,0,1) 100%); */
    background: linear-gradient(346deg, rgba(13,13,13,1) 0%, rgba(28,28,28,1) 4%, rgba(20,20,20,1) 63%, rgba(41,41,41,1) 96%, rgba(21,21,21,1) 100%);;
    color: #fff;
}

.app-upcoming-tournament-header-bg-dark {
    background: rgb(44,44,44);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(5,5,5,1) 4%, rgba(35,35,35,1) 63%, rgba(58,58,58,1) 96%, rgba(57,57,57,1) 100%);
    color: #ececea;
}

.app-upcoming-tournament-header-bg-blue {
    background: rgb(1,1,127);
    background: linear-gradient(0deg, rgba(0,2,105,1) 0%, rgba(3,16,110,1) 15%, rgba(1,1,127,1) 50%, rgba(3,16,110,1) 85%, rgba(0,2,105,1) 100%);
    color: #fff;
}

.app-upcoming-tournament-game {
    position: relative;
    height: 60px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.app-upcoming-tournament-game-secondary {
    position: relative;
    height: 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.app-upcoming-tournament-game-main {
    font-size: 1.2rem;
    font-weight: 600;
}

.app-upcoming-tournament-game-secondary {
    font-size: .6rem;
    font-weight: 300;
}

.app-upcoming-tournament-game > img {
    position: absolute;
    height: auto;
    width: 40%;
    border-radius: 50%;
    top: 50%;
    right: 0;
    transform: translate(25%, -50%);
    filter: brightness(0.5);
}

.app-upcoming-tournament-game-bg-gold {
    height: 100px;
    color: #ededed;
    background: rgb(96,53,18);
    background: linear-gradient(90deg, rgba(96,53,18,1) 0%, rgba(200,150,41,1) 25%, rgba(250,242,144,1) 100%);
}

.app-upcoming-tournament-game-bg-green {
    height: 100px;
    color: #353535;
    background: rgb(249,255,166);
    background: linear-gradient(90deg, rgba(249,255,166,1) 0%, rgba(171,184,57,1) 100%);
}

.app-upcoming-tournament-game-bg-dark {
    height: 100px;
    color: #e3e3e3;
    background: rgb(97,96,96);
    background: linear-gradient(90deg, rgba(63,63,63,1) 0%, rgba(22,22,22,1) 100%);
}

.app-upcoming-tournament-game-bg-danger {
    height: 100px;
    color: #dbdbdb;
    background: rgb(126,0,0);
    background: linear-gradient(90deg, rgb(126, 0, 0) 0%, rgb(50, 0, 0) 100%);
}

.app-upcoming-tournament-game-bg-blue {
    height: 100px;
    color: #e9e9e9;
    background: rgb(0,0,166);
    background: linear-gradient(90deg, rgba(0,0,166,1) 0%, rgba(0,0,0,1) 100%);
}

/* upcoming games old version */
.app-upcoming-avatar {
    position: absolute;
    height: 300px;
    width: auto;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.app-upcoming-team-label {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 900;
}

.app-upcoming-vs {
    position: absolute;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-weight: 900;
    font-size: 1.25rem;
    color: #000;
}

.app-upcoming-bg-main-green {
    background: rgb(0,128,0);
    background: linear-gradient(0deg, rgba(0,128,0,1) 0%, rgba(0,141,0,1) 15%, rgba(0,155,0,1) 50%, rgba(0,141,0,1) 85%, rgba(0,128,0,1) 100%);
    color: #ffff99;
}

.app-upcoming-bg-local-green {
    height: 100px;
    color: #000;
    background: rgb(179,179,1);
    background: linear-gradient(90deg, rgba(179,179,1,1) 0%, rgba(255,255,0,1) 100%);
}

.app-upcoming-bg-visit-green {
    height: 100px;
    color: #000;
    background: rgb(27,255,0);
    background: linear-gradient(90deg, rgba(27,255,0,1) 0%, rgba(6,149,4,1) 100%);
}

.app-upcoming-bg-main-dark {
    background: rgb(44,44,44);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(5,5,5,1) 15%, rgba(50,50,50,1) 50%, rgba(25,25,25,1) 85%, rgba(0,0,0,1) 100%);
    color: #ececea;
}

.app-upcoming-bg-local-dark {
    height: 100px;
    color: #fff;
    background: rgb(41,45,40);
    background: linear-gradient(90deg, rgba(41,45,40,1) 0%, rgba(189,189,189,1) 100%);
}

.app-upcoming-bg-visit-dark {
    height: 100px;
    color: #fff;
    background: rgb(138,138,138);
    background: linear-gradient(90deg, rgba(138,138,138,1) 0%, rgba(22,22,22,1) 100%);
}

.app-upcoming-bg-main-danger {
    background: rgb(128,0,0);
    background: linear-gradient(0deg, rgba(128,0,0,1) 0%, rgba(141,0,0,1) 15%, rgba(155,0,0,1) 50%, rgba(141,0,0,1) 85%, rgba(128,0,0,1) 100%);
    color: #fff;
}

.app-upcoming-bg-local-danger {
    height: 100px;
    color: #fff;
    background: rgb(61,61,61);
    background: linear-gradient(90deg, rgba(61,61,61,1) 0%, rgba(143,143,143,1) 100%);
}

.app-upcoming-bg-visit-danger {
    height: 100px;
    color: #fff;
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(74,0,0,1) 100%);
}

.app-upcoming-bg-main-blue {
    background: rgb(1,1,127);
    background: linear-gradient(0deg, rgba(0,2,105,1) 0%, rgba(3,16,110,1) 15%, rgba(1,1,127,1) 50%, rgba(3,16,110,1) 85%, rgba(0,2,105,1) 100%);
    color: #fff;
}

.app-upcoming-bg-local-blue {
    height: 100px;
    color: #fff;
    background: rgb(61,76,75);
    background: linear-gradient(90deg, rgba(61,76,75,1) 0%, rgba(97,144,150,1) 100%);
}

.app-upcoming-bg-visit-blue {
    height: 100px;
    color: #fff;
    background: rgb(0,0,255);
    background: linear-gradient(90deg, rgba(0,0,255,1) 0%, rgba(0,0,0,1) 100%);
}

/* gradient buttons */
.app-gradient-button {
    transition: 0.5s;
    padding: 15px 20px;
    text-align: center;
    background-size: 200% auto;
    display: block;
}

.app-gradient-button:hover {
    background-position: right center; /* change the direction of the change here */
    text-decoration: none;
}

.app-gradient-button.xl {
    padding: 15px 20px;
    font-size: 1rem;
}

.app-gradient-button.md {
    padding: 10px 15px;
    font-size: .8rem;
}

.app-gradient-button.sm {
    padding: 8px 12px;
    font-size: .7rem;
}

.app-gradient-button.red {
    background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%);
    border: 1px solid #b31217;
    color: var(--bs-light);
}

.app-gradient-button.black {
    background-image: linear-gradient(to right, #34373a 0%, #434343  51%, #34373a  100%);
    border: 1px solid #000;
    color: var(--bs-light);
}

.app-gradient-button.gold {
    background-image: linear-gradient(to right, #666600 0%, #999966  51%, #666600  100%);
    border: 1px solid #666600;
    color: var(--bs-light);
}

.app-gradient-button.gray {
    background-image: linear-gradient(to right, #899689 0%, #c9c9c9 51%, #9aa89a 100%);
    border: 1px solid #9aa89a;
    color: var(--bs-light);
}

.app-fs-18 {
    font-size: 18px;
}

.app-fs-16 {
    font-size: 16px;
}

.app-fs-14 {
    font-size: 14px;
}

.app-fs-12 {
    font-size: 12px;
}

.app-fs-10 {
    font-size: 10px;
}

.app-fs-8 {
    font-size: 8px;
}

.app-fs-6 {
    font-size: 6px;
}

.app-outline-none {
    outline: none !important;
}


.app-btn-incidencia-salva {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    height: 100%;
    background-color: transparent;
    text-align: left;
    border: none;
}

.app-btn-incidencia-salva:hover {
    background-color: whitesmoke;
    border: solid var(--bs-gray-500) 1px;
}

.fs-7 {
    font-size: .85rem !important;
}

.fs-8 {
    font-size: .75rem !important;
}

.fs-9 {
    font-size: .65rem !important;
}