:root {
    --main-color: #C3002F;        /* Nissan Red */
    --main-color2: #ec3640;       /* jaśniejszy red (hover) */
    --main-font: 'Nissan Brand';
    --client-main-color: #C3002F;

    --color-gray: #9ab4bb;        /* neutral gray */
    --color-light-gray: #f4f5f7;  /* bardzo jasny gray */
    --color-black: #000000;       /* true black */
    --color-white: #FFFFFF;       /* true white */
    --color-brown: #C3002F;       /* zamienione na red (usuniecie "bordo") */
    --color-light-brown: #ec3640; /* jaśniejszy red */
    --color-line: #020a0d;        /* subtelne linie na czarnym tle */
    --color-line-gray: #f4f5f7;   /* jasne separatory */
}

/*
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
    // IE10+ CSS styles go here
}
*/

@media screen and (min-width:0\0) and (min-resolution: +72dpi)
{
    /* IE 9 and above */

    /* --main-color */
    .centered_layout_button
    {
        background-color: #c3002f;
    }

    .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a
    {
        border-left: 3px solid #c3002f;
    }

    .btn, .btn-xs, .btn-primary
    {
        background-color: #c3002f;
    }

    .box.box-primary
    {
        border-top-color: #c3002f;
    }

    .nav-tabs-custom > .nav-tabs > li.active
    {
        border-top-color: #c3002f; !important;
    }

    li.active[data-v-82963a40] > a,
    li.active[data-v-82963a40] > a:hover,
    li.active[data-v-82963a40] > a:focus
    {
        background-color: #c3002f;
        border: 1px solid #c3002f;
    }

    .lds-dual-ring:after
    {
        border: 6px solid #c3002f;
        border-color: #c3002f transparent #c3002f transparent;
    }

    /* --main-color2 */

    .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a
    {
        background-color: #ec3640; !important;
    }

    .btn:hover, .btn-primary:hover, .btn.btn-primary:hover, a.btn:hover, a.btn-dark:hover, .btn-dark:hover, a.btn.btn-dark:hover
    {
        background-color: #ec3640; !important;
    }

    .btn:active, .btn-primary:active, .btn.btn-primary:active, a.btn:active, a.btn-dark:active, .btn-dark:active, a.btn.btn-dark:active
    {
        background-color: #ec3640; !important;
    }

    .btn:focus, .btn-primary:focus, .btn.btn-primary:focus, a.btn:focus, a.btn-dark:focus, .btn-dark:focus, a.btn.btn-dark:focus
    {
        background-color: #ec3640; !important;
    }

    /* --client-main-color */

    .sms-page-header
    {
        background-color: #c3002f;
    }
}

.skin-blue .login-box .login-logo img {
    max-width: 100px;
}