/* Variables by theme */
    :root {
    /* Login - Change folder to company name */
    --login-background-image-mobile: url("/themes/default/images/loginBackgroundMobile.jpg");
    --login-background-image-desktop: url("/themes/default/images/loginBackground.jpg");

    /*Primary Color for Company*/
    --primary-color: #00CE93;
    --primary-color-light: #00CE93;
    --primary-color-lighter: #d1ffc8;
    --primary-color-disabled: #718d85;
    --primary-color-dark: #09C48D;
    --primary-color-darker: #0AA678;

    /*Secondary Color for Company*/
    --secondary-color: #696969;
    --secondary-color-light: #868686;
    --secondary-color-lighter: #CDCDCD;
    --secondary-color-disabled: #999898;

    /*Background Navbar for Company*/
    --navbar-background-color: #00CE93;

    /* Alert Colors*/
    --alert-primary-color:  #00CE93;
    --alert-secondary-color: #696969;
    --alert-success-color: #13BA4D;
    --alert-success-color-light: #B9DFCB;
    --alert-danger-color: #b5434f;
    --alert-danger-color-light: #F4C1C7;
    --alert-warning-color: #b5912e;
    --alert-warning-color-light: #fdebba;
    --alert-info-color: #5f91aa;
    --alert-info-color-light: #d3ebf8;

    /*Radio Input Checks & Radio*/
    --input-check-color: #00CE93;
    --input-check-color-disabled: #83b2a5;

    /*Radio Input Border Color*/
    --input-border-color: #152022;
    --input-border-color-disabled: #83b2a5;

    /*Success Color*/
    --success-color: #13BA4D;
    --success-color-dark: #19C655;
    --success-color-light: #B9DFCB;
    --success-color-lighter: #C3D977;
    --success-color-disabled: #B9DFCB;

    /*Danger Color*/
    --danger-color: #D64545;
    --danger-color-dark: #c11628;
    --danger-color-light: #EE6C67;
    --danger-color-lighter: #E8ADAA;
    --danger-color-disabled: #EE6C67;

    /*Warning Color*/
    --warning-color: #E3B740;
    --warning-color-dark: #dfa300;
    --warning-color-light: #F4CD5C;
    --warning-color-lighter: #E9DAA5;
    --warning-color-disabled: #F4CD5C;

    /*Information Color*/
    --info-color: #1FBABF;
    --info-color-dark: #50a3cd;
    --info-color-light: #A2C8DB;
    --info-color-lighter: #9BD3EF;
    --info-color-disabled: #A2C8DB;

    /* Neutro Color*/
    --neutro-color-black: #152022;
    --neutro-color-900: #212529;
    --neutro-color-800: #383838;
    --neutro-color-700: #757575;
    --neutro-color-600: #9d9d9d;
    --neutro-color-500: #9f9f9f;
    --neutro-color-400: #c0c2c3;
    --neutro-color-300: #cdcdcd;
    --neutro-color-200: #bfbfbf;
    --neutro-color-100: #f0f6f6;
    --neutro-color-white: #ffffff;
    }
    /* End of variables by theme */

    /* FROM THIS POINT ON, CUSTOM CSS GOES HERE */

    /* region *****NAVBAR***** */
    .navbar.default-layout {
        background: linear-gradient(45deg, #00CE93, #9CEE8C, #00CE93);
        background-size: 400% 100%;
        animation: moveGradient 20s ease infinite;
    }

    @keyframes moveGradient {
        0%   { background-position: 0% 50%; }
        50%  { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    /* endregion END NAVBAR */

    /* region *****BUTTONS***** */
    .btn-primary {
        background: linear-gradient(45deg, rgba(0, 206, 147, 1) 0%, rgba(156, 238, 140, 1) 100%);
        background-size: 300% 100%;
        background-position: left center; /* estado inicial */
        transition: background-position 0.25s ease, color 0.25s ease;
        color: #FAFAFA;
        border: none!important;
        font-weight: 300;
    }

    /* Hover a mitad del gradiente */
    .btn-primary:hover {
        background-color: #00CE93;
        background-position: center center;
    }

    /* Active en el extremo final */
    .btn-primary:active {
        background-color: #00CE93;
        background-position: right center;
        box-shadow: 0 0 1px 3px #d1ffc8!important;
    }

    /* Focus igual que active */
    .btn-primary:focus {
        background-color: #00CE93;
        background-position: right center;
        box-shadow: 0 0 1px 3px #d1ffc8;
    }

    /* region *****BACKGROUND COLORS***** */

    .bg-success {
        background: #2de06b!important;
        color: var(--neutro-color-black);
    }

    .bg-danger {
        color: var(--neutro-color-black);
    }

    .bg-warning {
        color: var(--neutro-color-black);
    }

    .bg-info {
        color: var(--neutro-color-black);
    }

    /* endregion END BACKGROUND COLORS */

    /* region *****LIST GROUP ITEMS***** */
    .list-group-item.active {
        color: var(--neutro-color-black);
    }
    /* endregion END LIST GROUP ITEMS */