/**
 * 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: #EEEEEE; /* text color of header bar */
    background-color: #0073d0;  /* 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: #69B3DB; /* border color of empty user/password input fields */
}

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

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

.colorBranding-2 .loginButton:not([disabled]):hover {
    background: #69B3DB; /* background colors used for gradient of hovered (while mouse over) login button */
    background: -moz-linear-gradient(top, #0073d0 0%, #69B3DB 100%);
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #0073d0), color-stop(100%, #69B3DB));
    background: -webkit-linear-gradient(top, #0073d0 0%, #69B3DB 100%);
    background: -o-linear-gradient(top, #0073d0 0%, #69B3DB 100%);
    background: -ms-linear-gradient(top, #0073d0 0%, #69B3DB 100%);
    background: linear-gradient(to bottom, #0073d0 0%, #69B3DB 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' */
}
#loading-bar .bar {
    background: #E0E0E0;
}
a {
    color: #2B95d0;
}
.myNotes-dateSeparator {
    display: table;
    white-space: nowrap;
    padding: 5px 10px;
    margin-bottom: 63px;
    margin-top: 25px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color:#0073d0;
    max-width: 100%;
  }
.modal-footer-span {
    margin-top: 7px;
    font-size: 15px;
    color: #0073d0;
    margin-left: 10px;
    float: left;
}
.notificationCounterColor {
    background: #69B3DB;
    color: #ffffff;
}
a.dark {
    color: #2B95d0;
    cursor: pointer;
}
.fw_btn_light,
.fw_btn_light-green {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
}
.fw_btn_light > div,
.fw_btn_light-green > div,
.fw_btn_light button,
.fw_btn_light-green button {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
}
.fw_btn_light.fw_btn_light:not([disabled]):hover,
.fw_btn_light-green.fw_btn_light:not([disabled]):hover {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #dadada 100%);
}
.fw_btn_light.fw_btn_light-green:not([disabled]):hover,
.fw_btn_light-green.fw_btn_light-green:not([disabled]):hover {
  background: #69B3DB;
  background: linear-gradient(to bottom, #69B3DB 0%, #69B3DB 100%);
  border-color: #69B3DB;
}
.fw_btn_light.fw_btn_light:not([disabled]):active,
.fw_btn_light-green.fw_btn_light:not([disabled]):active {
  background: #e6e6e6;
  background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
}
.fw_btn_light.fw_btn_light-green:not([disabled]):active,
.fw_btn_light-green.fw_btn_light-green:not([disabled]):active {
  color: var(--color-charcoal);
  background: #69B3DB;
  background: linear-gradient(to bottom, #69B3DB 0%, #69B3DB 100%);
}

.cfwRulesInactive {
    width: 28px;
    height: 28px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -738px -655px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}

.cfwRulesActive {
    width: 28px;
    height: 28px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -778px -655px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.ccStartCollabM {
    width: 16px;
    height: 16px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -1137px -600px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.ccJoinCollabM {
    width: 16px;
    height: 16px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -1112px -600px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.ccMuteM {
    width: 16px;
    height: 16px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -883px -600px; /* green mic */
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.ccHandsUpActiveSmall {
    width: 16px;
    height: 16px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -1037px -740px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.ccHandsUpInactiveSmall {
    width: 16px;
    height: 16px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -1061px -740px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.ccHandsUpActive {
    width: 30px;
    height: 30px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -955px -740px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.audiovideosettings {
    width: 28px;
    height: 28px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -817px -655px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.ccWebRTCStopStreaming {
    width: 16px;
    height: 16px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -890px -662px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.submitSurveyActive {
    width: 16px;
    height: 16px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -422px -80px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.unreadIndicator {
    color: white;
    background-color: #69B3DB;
    height: 14px;
    min-width: 14px;
    padding: 2px 4px;
    margin-top: -31px;
    margin-right: 3px;
    margin-left: 15px;
    box-sizing: border-box;
    border-radius: 7px;
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    text-align: center;
    z-index: 3;
    position: fixed;
}
.fw_btn_green {
    background:#69B3DB;
    background: linear-gradient(to bottom, #3384af 0%, #69B3DB 100%);
    color: #ffffff;
}

.fw_btn_green:disabled {
    background:#69B3DB;
    border-color: #3384af;
}

.fw_btn_green:not([disabled]):hover {
    background: linear-gradient(to top, #3384af 0%, #69B3DB 100%);
}

.fw_btn_green:not([disabled]):active {
      background: #69B3DB;
      border-color: #3384af;
      border-style: inset;
}
.colorDark-1 button.fw_btn_green, .colorDark-2 button.fw_btn_green {
    border-color: #3384af;
}
.headerControlBox .headerPhoneContrast {
    filter: contrast(2);
}
.colorDark-2 .activeSpeaker {
    font-size: 14px;
    color: #2B95d0;
}
.speakingGlow {
    box-shadow: 0 0 10px 6px #2B95d0;
}
.pwText-Green {
    color: #2B95d0;
}
.expiryDateColor {
    color: #2B95d0;
}
.colorLight-1 .actionable:active {
    color: #2B95d0;
}
.unreadIndicatorMinichat {
    color: white;
    background-color:  #69B3DB;;
    height: 13px;
    min-width: 11px;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 17px;
    margin-right: 28px;
    padding: 2px 4px;
    border-radius: 7px;
}
.microphone-activity-bar .activity-icon.active {
    width: 8px;
    height: 8px;
    background-image: url('/openscapeuc/resources/images/sprite.svg');
    background-position: -390px -364px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}

.addToMyNotesCC {
    margin-bottom: -15px;
    font-size: 15px;
    color: #2B95d0;
}
.huntingGroupAvailable {
    width: 28px;
    height: 28px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -956px -655px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.huntingGroupBusy {
    width: 28px;
    height: 28px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -990px -655px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.huntingGroupUnavailable {
    width: 28px;
    height: 28px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -1060px -655px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.huntingGroupStopped {
    width: 28px;
    height: 28px;
    background-image: url(/openscapeuc/resources/images/sprite.svg);
    background-position: -1024px -655px;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
#headerbar, #headerBarFloorControl {
    width: 100%;
    height: 56px;
}
.header {
    display: flex;
    align-items: center;
    padding-right: 5px;
    height: 56px;
    justify-content: space-between;
}
/* ----- Colors used for Application Header Bar ----- */
.colorBranding-1 {
    color: #EEEEEE; /* text color of header bar */
    background-color: #0073d0;  /* background color of header bar */
}
#headerbar .unifyLogo,
#headerBarFloorControl .unifyLogo {
    background-repeat: no-repeat;
    display: inline-block;
    display: block;
    width: 30px;
    height: 23px !important;
    margin-left: 17px !important;
    min-width: unset;
    background-size: 100%;
}
.tmwSettingMarginTop {
    margin-top: 56px;
}
#ftueLine4Scheduled {
    margin-top: 56px;
    margin-bottom: 0;
}
.noteAddedStatusSingle {
    margin-top: 56px;
    font-size: 15px;
    color: #0073d0;
}
@media only screen and (max-height: 630px), only screen and (min-width: 392px) and (max-width: 639px), only screen and (min-width: 640px) and (max-width: 1023px) {
    .modal.fade.in {
        top: 56px;
    }
}
#brand-logo-v2 {
    background-repeat: no-repeat;
    background: url('/openscapeuc/resources/branding/company-logo-login.png');
    width: 60px;
    height: 46px;
    background-size: 100%;
    background-repeat: no-repeat;
}
#brand-logo {
    background-repeat: no-repeat;
    width: 168px;
    height: 50px;
    background-size: 100%;
    margin-left: -35px;
}
.speakerOverlay {
    color: #2B95d0;
    background-color: rgba(0, 0, 0, 0.54);
    border-radius: 8px;
    padding: 8px;
    font-size: 0.8rem;
    z-index: 1;
    left: 12px;
    bottom: 64px;
    position: fixed;
}
.colorDark-1 .activeSpeaker {
    font-size: 14px;
    color: #2B95d0;
}
.navOpenScapeBrandText {
    font-weight: 700;
    margin: 0 20px;
    color: #ffffff;
    font-size: 20px;
    margin: 0 40px;
    display: flex;
    min-width: 200px;
}