/*
Copyright (C) 2001-2021 OTRS AG, https://otrs.com/
Copyright (C) 2021 Znuny GmbH, https://znuny.org/

This software comes with ABSOLUTELY NO WARRANTY. For details, see
the enclosed file COPYING for license information (GPL). If you
did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
*/

/**
 * @package     Skin "Default"
 */

/**
 * @section     Colors
 */

:root { 

    /* Main Colors */
    --primary-color: #014f99;
    --primary-color-darker: #1684bf;
    --primary-color-rgb: rgba(22, 132, 191, 0.2);
    --secondary-color: red;
    --white-bg-header: #E2E2EA7A;
    --white: #ffffff;
    --black: #171725;
    --gray-darker: #5E5E68;
    --gray-dark: #696974;
    --gray-semi-dark: #92929D;
    --gray-md: #B5B5BE;
    --gray-light: #ededed;
    --gray-semi-light: #EFEFEF;
    --gray-ultra-light: #f5f5f5;
    --color-scroll-bar: #92929D;
    --mail-outgoing-color: #ffeec6;

    --disabled: #C0BFBE;

    --bread-crumb: var(--gray-semi-dark);
    --bread-crumb-active: var(--black);
    --bread-crumb-font-size: var(--font-size-sm);


    --color-ticket-header: #F9F9F9;
    --email-info: #F9F9F9;
    --ticket-subject: var(--table-text-color);

    --success-color: #3DD598;
    --warning-color: #FC5A5A;

    /* Flag Element */
    --color-flag-default: #cdcdcd;

    /* Alert Component */
    --alert-close-icon-color: var(--gray-dark);

        /* Info */
        --alert-info-bg-color: #50b6ff10;
        --alert-info-icon-color: #50B5FF;
        --alert-info-border-color: #50b6ff1a;

        /* Error */
        --alert-error-bg-solid-color: #FC5A5A;
        --alert-error-bg-color: #FC5A5A10;
        --alert-error-icon-color: #FC5A5A;
        --alert-error-border-color:#FC5A5A1a;

        /* Success */
        --alert-success-bg-solid-color: #3DD598;
        --alert-success-bg-color: #3DD59810;
        --alert-success-icon-color: #3DD598;
        --alert-success-border-color: #3DD5981a;

        /* Warning */
        --alert-warning-bg-solid-color: #F2BD0E;
        --alert-warning-bg-color: #F2BD0E10;
        --alert-warning-icon-color: #F2BD0E;
        --alert-warning-border-color: #F2BD0E1a;

        /* Notice */
        --alert-notice-bg-color: #cccccc10;
        --alert-notice-icon-color: #cccccc;
        --alert-notice-border-color: #cccccc1a;

    --color-icon-favorite: #F2BD0E;

    /* Forms */
    --border-color: #E2E2EA;
    --border-input-color: #BBBBC4;

    /* Sections */
    --main-bg-color: #FAFAFB;
    --input-field-bg-color: var(--white);

    /* BG's */
    --overlay-bg: rgba(23, 23, 37, 0.145);
}