/**
 * Copyright (c) 2005-2016 Unify Software and Solutions GmbH & Co. KG, Germany
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * Unify Software and Solutions GmbH & Co. KG, Germany.
 *
 * Copying of this document, or giving it to others, or the use or
 * communication of the contents thereof, is forbidden without prior
 * written authorization.  The copyright notice hereon shall not
 * constitute or imply publication.
 */

/*
 * This is a cascading style sheet that can be used to alter the main colors of the application. Main colors are the
 * ones used in the login screen, in the header bar and in the images of the application.
 *
 * As a template, this file contains the (outcommented) default colors used within the application. To alter a color
 * of a specific element of the application, the corresponding style has to be set to the hexadecimal value of the
 * desired color. Therefore the block comment around the 'attribute: value' pair has to be removed.
*/

/* ----- Colors used for Application Header Bar ----- */
.colorBranding-1 {
    /* color: #b3b2b4; */ /* text color of header bar */
    /* background-color: #000000; */ /* background color of header bar */
}

/* ----- Colors used in Login Screen ----- */
.colorBranding-2.loginDialog {
    /* background-color: #2a3136; */ /* background color of entire login screen */
}

.colorBranding-2 #loginForm input:focus:required:invalid:focus,
.colorBranding-2 #loginForm textarea:focus:required:invalid:focus,
.colorBranding-2 #loginForm select:focus:required:invalid:focus {
    /* border-color: #88c541; */ /* border color of empty user/password input fields */
}

.colorBranding-2 .loginButton {
    /* background: #88c541; */ /* background colors used for gradient of login button */
    /* background: -moz-linear-gradient(top, #88c541 0%, #689a3a 100%); */
    /* background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #88c541), color-stop(100%, #689a3a)); */
    /* background: -webkit-linear-gradient(top, #88c541 0%, #689a3a 100%); */
    /* background: -o-linear-gradient(top, #88c541 0%, #689a3a 100%); */
    /* background: -ms-linear-gradient(top, #88c541 0%, #689a3a 100%); */
    /* background: linear-gradient(to bottom, #88c541 0%, #689a3a 100%); */
    /* color: #ffffff; */ /* text color of login button */
    /* border-color: #88c541; */ /* border color of login button */
}

.colorBranding-2 .loginButton:disabled {
    /* background: #525459; */ /* background color of disabled login button */
    /* border-color: #525459; */ /* border color of disabled login button */
}

.colorBranding-2 .loginButton:not([disabled]):hover {
    /* background: #689a3a; */ /* background colors used for gradient of hovered (while mouse over) login button */
    /* background: -moz-linear-gradient(top, #689a3a 0%, #689a3a 100%); */
    /* background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #689a3a), color-stop(100%, #88c541)); */
    /* background: -webkit-linear-gradient(top, #689a3a 0%, #88c541 100%); */
    /* background: -o-linear-gradient(top, #689a3a 0%, #88c541 100%); */
    /* background: -ms-linear-gradient(top, #689a3a 0%, #88c541 100%); */
    /* background: linear-gradient(to bottom, #689a3a 0%, #88c541 100%); */
}

.colorBranding-2 .loginButton:not([disabled]):active {
    /* background: #88c541; */ /* background color of active (while pressed) login button */
    /* border-color: #689a3a; */ /* border color of active (while pressed) login button */
}

.colorBranding-2 .login header {
    /* color: #ffffff; */ /* text color of 'OpenScape UC' label */
}

.colorBranding-2 .login h2 {
    /* color: #ffffff; */ /* text color of 'Web Client' label */
}

.colorBranding-2 #footer {
    /* color: #b3b2b4; */ /* text color of 'Version' label */
}

.colorBranding-2 #footer a:hover {
    /* color: #ffffff !important; */ /* text color of hovered (while mouse over) 'About' link */
}

.colorBranding-2 #footer a:active {
    /* color: #b3b2b4 !important; */ /* text color of active (while pressed) 'About' link */
}

.colorBranding-2 #footer a:visited {
    /* color: #b3b2b4; */ /* text color of already visited 'About' link (not enabled by default, use with '!important;' to enable) */
}

/* ----- Colors used in Images ----- */
.colorDark-1 .icon {
    /*fill: #7c7b7f;*/ /* image background color in color set '1st level dark' */
}
.colorDark-2 .icon {
    /*fill: #b3b2b4;*/ /* image background color in color set '2nd level dark' */
}
.colorLight-1 .icon {
    /*fill: #2a3136;*/ /* image background color in color set '1st level light' */
}
.colorLight-2 .icon {
    /*fill: #525459;*/ /* image background color in color set '2nd level light' */
}
.colorBranding-1 .icon {
    /*fill: #b3b2b4;*/ /* image background color in color set '1st level branding' */
}
.colorBranding-2 .icon {
    /*fill: #b3b2b4;*/ /* image background color in color set '2nd level branding' */
}