/**
* Copyright (C) 2009-2012:
*    Gabes Jean, naparuba@gmail.com
*    Gerhard Lausser, Gerhard.Lausser@consol.de
*    Gregory Starck, g.starck@gmail.com
*    Hartmut Goebel, h.goebel@goebel-consult.de
*    Andreas Karfusehr, andreas@karfusehr.de
*
* This file is part of Shinken.
*
* Shinken is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Shinken is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with Shinken.  If not, see <http://www.gnu.org/licenses/>.
*
**/

.shinken-main-nav-bar-table {
    border-collapse  : collapse;
    background-color : #343434;
    position         : fixed;
    top              : 0;
    left             : 0;
    right            : 0;
    height           : 60px;
    width            : 100%;
    z-index          : 1030;
}
/***************************************        JUST FOR JS RESPONSIVE       ********************************************/

.shinken-main-nav-bar-table.shinken-navbar-collapsed-actions-menu-activated .shinken-actions-menu-cel {
    display : none;
}
.shinken-main-nav-bar-table.shinken-navbar-collapsed-menu-activated .shinken-menu:not(.shinken-collapsed-menu-cell) {
    display : none;
}
.shinken-main-nav-bar-table:not(.shinken-navbar-collapsed-actions-menu-activated) .shinken-collapsed-menu-action-cell {
    display : none;
}
.shinken-main-nav-bar-table:not(.shinken-navbar-collapsed-menu-activated) .shinken-collapsed-menu-cell {
    display : none;
}
/***************************************        LOGO CELL        ********************************************/
.shinken-main-nav-bar-table .shinken-logo-cell {
    width     : 170px;
    min-width : 170px;
    background-color: white;
}
.shinken-main-nav-bar-table:not(.shinken-is-default-view-on) .shinken-logo-cell .shinken-logo {
    cursor : pointer;
}
.shinken-main-nav-bar-table .shinken-logo-cell .shinken-logo {
    top      : 12px;
    position : absolute;
    width    : 165px;
}
.shinken-main-nav-bar-table .shinken-logo-cell .shinken-logo .logo {
    position : relative;
    left     : 4px;
}
.shinken-main-nav-bar-table .shinken-logo-cell .shinken-version-number-container {
    position : absolute;
    top      : 38px;
    left     : 10px;
    height   : 10px;
    width    : 125px;
    color    : black;
}
.shinken-main-nav-bar-table .shinken-logo-cell .shinken-version-number-container .shinken-version-number {
    font-size     : 8px;
    color         : black;
    width         : 125px;
    line-height   : 1;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
/***************************************        LOGO CELL        ********************************************/
.shinken-main-nav-bar-table .default-view-btn {
    height      : 0;
    line-height : 0;
    position    : absolute;
}

.shinken-main-nav-bar-table .default-view-btn .icon-default-view-btn {
    position  : relative;
    top       : -30px;
    right     : 11px;
    font-size : 15px;
    color     : #444444;
    opacity   : 0.4;
    width     : 12px;
    height    : 15px;
}
.shinken-main-nav-bar-table:not(.shinken-is-default-view-on) .default-view-btn .icon-default-view-btn {
    cursor : pointer;
}
.shinken-main-nav-bar-table .default-view-btn .icon-default-view-btn:hover {
    color : #444444;
    opacity : 1;
}
.shinken-main-nav-bar-table.shinken-is-default-view-on .default-view-btn .icon-default-view-btn {
    color   : #444444;
    opacity : 1;
}
.shinken-main-nav-bar-table.shinken-is-default-view-on .default-view-btn .icon-default-view-btn:hover {
    color : #444444;
    opacity : 1;
}
/***************************************        BREADCRUMB CELL        ********************************************/
.shinken-main-nav-bar-table .shinken-separator-breadcrumb-back-cell {
    width     : 20px;
    min-width : 20px;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(239 239 239) 25%, rgba(52,52,52,1) 43%);
}
.shinken-main-nav-bar-table .shinken-separator-breadcrumb-back-cell .shinken-border-light {
    width  : 0;
    height : 50px;
    margin : auto;
}
.shinken-main-nav-bar-table .shinken-separator-breadcrumb-back-cell .shinken-border-light.shinken-left {
    border-left  : #000000 1px solid;
    border-right : #6C6C6C 1px solid;
}
.shinken-main-nav-bar-table .shinken-separator-breadcrumb-back-cell .shinken-border-light.shinken-right {
    border-left  : #6C6C6C 1px solid;
    border-right : #000000 1px solid;
}
.shinken-main-nav-bar-table .shinken-breadcrumb-back-cell {
    width     : 52px;
    min-width : 52px;
    padding-right: 5px;
}
.shinken-main-nav-bar-table .shinken-breadcrumb-back-cell .shinkon-arrow-left {
    font-family    : shinkenicons;
    text-anchor    : middle;
    text-transform : none;
}
.shinken-main-nav-bar-table .shinken-breadcrumb-back-cell .shinkon-arrow-left:before {
    position : relative;
    left     : 0px;
    top      : 1px;
}
.shinken-navigator-is-IE .shinken-main-nav-bar-table .shinken-breadcrumb-back-cell .shinkon-arrow-left {
    position : relative;
    left     : -1px;
}
.shinken-main-nav-bar-table .shinken-breadcrumb-back-cell .shinken-button {
    margin        : 0 6px;
    height        : 40px;
    width         : 40px;
    border-radius : 45px;
    box-shadow    : 0 0 10px rgba(0, 0, 0, .5) inset, 3px 3px 4px rgba(0, 0, 0, .5), -1px -1px 2px rgba(255, 255, 255, .5);
    background    : linear-gradient(to bottom, #6B6B6B 0, #424242 100%);
}
.shinken-main-nav-bar-table .shinken-breadcrumb-back-cell .shinken-button {
    display        : inline-block;
    vertical-align : middle;
    line-height    : normal;
    position       : relative;
    top            : -1px;
}
.shinken-main-nav-bar-table .shinken-breadcrumb-back-cell .shinken-button.shinken-disabled:hover {
    cursor : default;
}
/***************************************        MENUS        ********************************************/
.shinken-main-nav-bar-table .shinken-menu-label-table {
    color            : #EDEDED;
    background-color : #343434;
    border-radius    : 3px;
    box-shadow       : 1px 1px 0 #383838, -1px -1px 0 #595959;
    vertical-align   : middle;
    border-collapse  : separate;
    border-spacing   : 2px 0;
    height           : 24px;
    padding          : 0 8px;
}
.shinken-main-nav-bar-table .shinken-menu-label-table td {
    vertical-align : middle;
}
.shinken-main-nav-bar-table .shinken-menu-label-table * {
    white-space : nowrap;
}
.shinken-main-nav-bar-table .nav-link a:hover,
.shinken-main-nav-bar-table .nav-link .shinken-link:hover {
    text-decoration : none;
}
.dropdown-menu li > .shinken-link:hover,
.dropdown-menu li > .shinken-link:focus,
.dropdown-submenu:hover > .shinken-link {
    text-decoration   : none;
    color             : #FFFFFF;
    background-color  : #0081C2;
    background-image  : -moz-linear-gradient(top, #0088CC, #0077B3);
    background-image  : -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#0077B3));
    background-image  : -webkit-linear-gradient(top, #0088CC, #0077B3);
    background-image  : -o-linear-gradient(top, #0088CC, #0077B3);
    background-image  : linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat : repeat-x;
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.shinken-main-nav-bar-table .nav-link.open > a,
.shinken-main-nav-bar-table .nav-link > a:active,
.nav-item-active {
    box-shadow : 1px 1px 0 #383838, -1px -1px 0 #595959, 0 0 10px rgba(0, 0, 0, .75) inset;
}
.shinken-main-nav-bar-table .nav-link > .dropdown-menu {
    margin-top : 20px;
}
.shinken-main-nav-bar-table .shinken-portal-menu-cell {
    padding-left : 9px !important;
}
.shinken-main-nav-bar-table .nav-link > .dropdown-menu:after {
    bottom              : 100%;
    left                : 20px;
    content             : " ";
    height              : 0;
    width               : 0;
    position            : absolute;
    pointer-events      : none;
    border-style        : solid;
    border-color        : rgba(108, 108, 108, 0);
    border-bottom-color : #6C6C6C;
    border-width        : 10px;
}
.shinken-main-nav-bar-table .dropdown .caret {
    display        : inline-block;
    width          : 0;
    height         : 0;
    margin-left    : 2px;
    margin-top     : 0;
    margin-right   : 0;
    vertical-align : middle;
    border-top     : 4px solid;
    border-right   : 4px solid transparent;
    border-left    : 4px solid transparent;
}
.shinken-main-nav-bar-table .nav-link .dropdown-menu {
    background    : #6C6C6C;
    background    : linear-gradient(to bottom, #6C6C6C 0, #565656 100%);
    border-radius : 5px;
    padding       : 3px 0 0 0;
}
.shinken-main-nav-bar-table .nav-link .dropdown-menu > li > a,
.shinken-main-nav-bar-table .nav-link .dropdown-menu .shinken-link {
    color       : #FFFFFF;
    padding     : 7px 15px 7px 15px;
    font-size   : 14px;
    display     : block;
    clear       : both;
    font-weight : normal;
    line-height : 20px;
    white-space : nowrap;
}
.shinken-main-nav-bar-table .nav-link .dropdown-menu > li > a {
    padding : 3px 20px;
}
.dropdown-menu li:not(:first-child) a:not(.shinken-no-border),
.dropdown-menu li:not(:first-child) .shinken-link:not(.shinken-no-border) {
    border-top : 1px solid #838383;
}
.shinken-main-nav-bar-table .dropdown-menu .divider {
    margin           : 0;
    height           : 1px;
    overflow         : hidden;
    background-color : #E5E5E5;
}
.shinken-main-nav-bar-table .shinken-menu {
    width   : 1%;
    padding : 0 8px;
}
.shinken-main-nav-bar-table .shinken-menu .shinken-menu-label-table .caret {
    position : relative;
    top      : 1px;
}
.shinken-main-nav-bar-table .nav-link > a {
    display : inline-block;
}
.shinken-main-nav-bar-table .nav-link {
    height : 24px;
}

/***************************************        ARCHITECTURE MENU BUTTON        ********************************************/
.shinken-main-nav-bar-table .shinken-menu .shinken-architecture-button .shinken-menu-label-table {
    background : #666666;
}
.shinken-main-nav-bar-table a:active .shinken-menu-label-table,
.shinken-main-nav-bar-table .nav-link.open .shinken-menu-label-table {
    box-shadow : 1px 1px 0 #383838, -1px -1px 0 #595959, 0 0 10px rgba(0, 0, 0, .75) inset;
}
.shinken-main-nav-bar-table .shinkon-warning-circle {
    color   : orange;
    padding : 0 3px;
}
.shinken-main-nav-bar-table .discreet-link .shinkon-windows {
    padding : 0 3px;
}
.shinken-main-nav-bar-table .shinken-architecture-menu-cell .link-nav-bar:not(:first-child),
.shinken-main-nav-bar-table .shinken-architecture-button .link-nav-bar:not(:first-child) {
    border-top : 1px solid #838383;
}
.shinken-main-nav-bar-table .shinken-architecture-button .dropdown-menu .dropdown-submenu > .label-link-nav-bar:after {
    position          : absolute;
    content           : " ";
    right             : 0;
    width             : 0;
    height            : 0;
    border-color      : transparent;
    border-style      : solid;
    border-width      : 5px 0 5px 5px;
    border-left-color : #ECECEC;
    margin-top        : 5px;
    margin-right      : 5px;
}

.shinken-main-nav-bar-table .shinken-architecture-button .dropdown-menu .dropdown-submenu .dropdown-menu .link-nav-bar .shinken-nav-bar-line .label-link-nav-bar {
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    width         : 150px;
}
.shinken-main-nav-bar-table .shinken-architecture-button .dropdown-menu .link-nav-bar .label-link-nav-bar {
    display     : block;
    padding     : 7px 5px 7px 15px;
    clear       : both;
    font-weight : normal;
    line-height : 20px;
    color       : #FFFFFF;
}
.shinken-main-nav-bar-table .nav-link .dropdown-menu .link-nav-bar:focus,
.shinken-main-nav-bar-table .nav-link .dropdown-menu .link-nav-bar:hover {
    background-color : #0095DA;
}
/***************************************        LOG-OUT        ********************************************/
.shinken-main-nav-bar-table .shinken-logout-cell {
    width      : 90px;
    height     : 60px;
    border     : 0;
    margin     : 0;
    text-align : center;
    padding    : 5px;
}
.shinken-main-nav-bar-table .shinken-logout-cell .shinken-2023-parameter {
    font-size : 30px;
}
.shinken-main-nav-bar-table .shinken-btn-logout {
    background-color : #2A4755;
    color            : #0094DA;
    width            : 89px;
    height           : 53px;
    border-radius    : 8px;
    box-shadow       : 1px 3px 4px #232323;
    cursor           : pointer;
}
.shinken-main-nav-bar-table .shinken-logout-cell .shinken-btn-logout:hover {
    background-color : #225871;
}

.shinken-main-nav-bar-table .shinken-logout-cell .shinken-btn-logout .shinken-user-name {
    width       : 81px;
    line-height : 10px;
    font-size   : 10px;
    font-family : Lato, Helvetica, Arial, sans-serif;
    display     : inline-block;
    word-wrap   : break-word;
    word-break  : break-all;
}
.shinken-main-nav-bar-table .shinken-logout-cell .shinken-icon-container {
    height   : 29px;
    position : relative;
    padding  : 1px 0 0 0;
}

/*  Header element styles
    ------------------------------------------------------- */
.shinken-main-nav-bar-table .back_arrow {
    text-shadow    : rgba(255, 255, 255, .5) 1px 1px 0, rgba(0, 0, 0, .25) 0 0 1px;
    font-size      : 21px;
    color          : grey;
    margin-top     : 7px;
    margin-left    : 10px;
    text-anchor    : middle;
    text-transform : none;
    display        : inline-block;
    transform      : rotate(90deg);
}
.shinken-main-nav-bar-table.shinken-view-has-parent .back_arrow {
    color : #0095DA;
}
.shinken-main-nav-bar-table:not(.shinken-view-has-parent) .shinken-breadcrumb-back-cell .shinken-button {
    pointer-events : none;
}
/*  Icon styles  ------------------------------------------------------- */

.icon-impact {
    background-image    : url("/static/img/icons/icon-impact.png");
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : 20px auto;
    height              : 25px;
    width               : 30px;
}
.icon-itproblem {
    background-image    : url("/static/img/icons/icon-it.png");
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : 20px auto;
    height              : 25px;
    width               : 30px;
}
.nav-icon {
    padding-top : 4px;
    color       : #FFFFFF !important;
    font-size   : 18px;
}
.shinken-main-nav-bar-table-nav-bar {
    min-width : 530px;
}
.shinken-main-nav-bar-table .shinken-actions-menu-cel {
    width : 1%;
}
.shinken-menu-label-table,
.label-link-nav-bar,
.dropdown-submenu {
    font-size : 14px;
}

@font-face {
    font-family : "Lato";
    src         : url("/static/ui/angular/assets/styles/fonts/lato-regular.woff") format("woff"), url("/static/ui/angular/assets/styles/fonts/lato-regular.ttf") format("truetype");
    font-weight : normal;
    font-style  : normal;
}

/***************************************        FAVORITE      ********************************************/
.shinken-cell-add-favorite {
    width : 76px;
}
.shinken-cell-add-favorite .shinken-favorite-container {
    position : relative;
}
#id-shinken-add-favorite {
    padding    : 3px 2px;
    text-align : center;
}
#id-shinken-add-favorite .shinken-add-favorite {
    background-color : transparent;
    border           : solid 1px;
    color            : #FAD480;
    font-size        : 12px;
    border-radius    : 7px;
    font-family      : "Lato";
    cursor           : pointer;
    width            : 71px;
    height           : 49px;
    padding          : 2px;
}
#id-shinken-add-favorite .shinkon-star {
    font-size : 20px;
}

#id-shinken-add-favorite .shinken-add-favorite .shinken-favorite-text {
    line-height : 10px;
}
#id-shinken-add-favorite .shinken-add-favorite:hover {
    background-color : #EAC463;
}
#id-shinken-add-favorite .shinken-add-favorite:hover .shinken-favorite-text,
#id-shinken-add-favorite .shinken-add-favorite:hover .shinkon-star {
    color : #402E32;
}

#id-shinken-add-favorite.shinken-disabled-favorite {
    pointer-events : none;
    opacity        : 0.5;
}


/***************************************        FAVORITE FORM      ********************************************/

#id-shinken-add-favorite-form-container {
    position          : absolute;
    background-color  : white;
    border            : 1px solid rgba(0, 0, 0, 0.2);
    border-radius     : 6px;
    box-shadow        : 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip   : padding-box;
    right             : auto;
    left              : 50%;
    -webkit-transform : translate(-50%, 0);
    -o-transform      : translate(-50%, 0);
    transform         : translate(-50%, 0);
    top               : 71px;
}
#id-shinken-add-favorite-form-container .shinken-container-favorite-form {
    width : 215px;
}
#id-shinken-add-favorite-form-container .shinken-content-favorite-form {
    margin-left   : 15px;
    margin-right  : 15px;
    margin-bottom : 10px;
}
#id-shinken-add-favorite-form-container .shinken-add-favorite-arrow {
    height           : 16px;
    width            : 16px;
    background-color : #FFFFFF;
    position         : absolute;
    left             : 50%;
    top              : 0px;
    border-left      : 1px solid rgba(0, 0, 0, 0.3);
    border-top       : 1px solid rgba(0, 0, 0, 0.3);
    transform        : translate(-50%, -50%) rotate(45deg);
}
#id-shinken-add-favorite-form-container .shinken-favorite-name-area {
    padding-top : 3px;
    height      : 30px;
    line-height : 23px;
    font-size   : 14px;
    font-weight : 700;
}
#id-shinken-add-favorite-form-container .shinken-broom-in-name-area {
    color     : rgb(169, 68, 66);
    font-size : 15px;
    opacity   : 0.5;
    cursor    : pointer;
}
#id-shinken-add-favorite-form-container .shinken-broom-in-name-area:hover {
    opacity : 1;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input-area .shinken-repository-personal-selector {
    background-color : rgba(0, 0, 0, 0.25);
    border-radius    : 3px;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input-area .shinken-repository-personal-selector .shinken-list-select {
    border        : rgba(0, 0, 0, 0.25) 1px solid;
    border-radius : 3px;
    margin-top    : 2px;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input-area .shinken-repository-personal-selector .shinken-select-container .shinken-select-selector .shinken-selector-label {
    display : inline-block;
    padding : 8px 12px;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input-area .shinken-repository-personal-selector .shinken-select-container .shinken-select-selector .shinken-selector-label .shinken-default-label {
    color : #999999;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input-area .shinken-repository-personal-selector .shinken-select-container .shinken-select-selector .caret {
    margin : 8px 6px;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input-area .shinken-repository-personal-selector .shinken-select-container .shinken-option {
    padding : 2px 6px;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input {
    display            : block;
    width              : 100%;
    height             : 35px;
    padding            : 6px 12px;
    font-size          : 14px;
    line-height        : 1.428571429;
    color              : #6B6B6B;
    background-color   : rgba(0, 0, 0, .25);
    background-image   : none;
    border             : 1px solid #CCCCCC;
    border-radius      : 4px;
    -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow         : inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition      : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition         : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#id-shinken-add-favorite-form-container .shinken-input-table[data-status="shinken-error-status"] .shinken-favorite-input {
    border-color     : red;
    color            : #6B6B6B !important;
    background-color : rgba(0, 0, 0, .25) !important;
}
#id-shinken-add-favorite-form-container .shinken-favorite-input:focus {
    border-color       : #66AFE9;
    outline            : 0;
    -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow         : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
#id-shinken-add-favorite-form-container .shinken-favorite-button-area {
    height      : 50px;
    padding-top : 14px;
}
#id-shinken-add-favorite-form-container .shinken-favorite-validate-button {
    color            : #008BD0;
    background-color : transparent;
    border-color     : #008BD0;
}
#id-shinken-add-favorite-form-container .shinken-favorite-validate-button:hover {
    color            : #008BD0;
    background-color : transparent;
    border-color     : #006293
}
#id-shinken-add-favorite-form-container .shinken-favorite-cancel-button {
    color            : #333333;
    background-color : transparent;
    border-color     : #333333;
}
#id-shinken-add-favorite-form-container .shinken-favorite-button {
    text-transform   : uppercase;
    display          : inline-block;
    margin-bottom    : 0;
    font-weight      : 700;
    text-align       : center;
    vertical-align   : middle;
    cursor           : pointer;
    background-image : none;
    border           : 2px solid;
    white-space      : nowrap;
    padding          : 6px 11px;
    font-size        : 14px;
    line-height      : 1.428571429;
    border-radius    : 0;
}
/***************************************        WEATHER SERVICE NAV BAR BUTTON      ********************************************/
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .nav-link {
    height : 26px !important;
}
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .nav-link.open .dropdown-toggle {
    box-shadow : none;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar:not(.shinken-service-weather-with-issues) .shinken-number-service-weather-with-issues,
#id-shinken-service-weather-button-expanded-in-nav-bar:not(.shinken-service-weather-with-issues) .shinken-number-service-weather-with-issues,
#id-shinken-service-weather-button-collapsed-in-nav-bar:not(.shinken-service-weather-with-issues) .shinken-total-view-problems-collapsed_2,
#id-shinken-service-weather-button-expanded-in-nav-bar:not(.shinken-service-weather-with-issues) .shinken-total-view-problems_2 {
    display : none;
}
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-number-service-weather-with-issues {
    margin-left : 5px;
    padding     : 5px 7px;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-number-service-weather-with-issues {
    padding     : 2px 3px;
    margin-left : 10px;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-number-service-weather-with-issues,
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-number-service-weather-with-issues {
    background-color : #EC5757;
    height           : 100%;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-number-service-weather-with-issues .shinken-counter-label,
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-number-service-weather-with-issues .shinken-counter-label {
    background-color : transparent;
}

#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-number-service-weather-with-issues {
    border-radius : 10px;
}
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-red-border-cause-service-weather-issues {
    border         : 1px solid #EC5757;
    padding-right  : 0;
    border-spacing : 0;
    box-shadow     : unset;
    height         : 26px !important;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view-collapsed,
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view {
    margin-left : 5px;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar .shinken-total-view-collapsed .shinken-counter-label,
#id-shinken-service-weather-button-expanded-in-nav-bar .shinken-total-view .shinken-counter-label,
#id-shinken-service-weather-button-expanded-in-nav-bar .shinken-total-view-problems_2 .shinken-counter-label,
#id-shinken-service-weather-button-expanded-in-nav-bar .shinken-total-view-problems_1 .shinken-counter-label,
#id-shinken-service-weather-button-collapsed-in-nav-bar .shinken-total-view-problems-collapsed_2 .shinken-counter-label,
#id-shinken-service-weather-button-collapsed-in-nav-bar .shinken-total-view-problems-collapsed_1 .shinken-counter-label {
    color       : white;
    font-size   : 14px !important;
    font-weight : normal;
    line-height : 14px !important;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view-collapsed:after,
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view:after {
    content : " /";
}
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view-problems-collapsed_2,
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view-problems_2 {
    background-color : #EC5757;
    padding          : 3px 8px;
    border-radius    : 5px;
    margin-left      : 2px;
}
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view-problems-collapsed_2 .shinken-counter-label,
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-total-view-problems_2 .shinken-counter-label {
    background-color : transparent;
}
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-container-total-view:hover,
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-container-total-view-collapsed:hover {
    background-color : #EC5757;
    background-image : none;
}
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-container-total-view:hover .shinken-total-view-problems_2 .shinken-counter-label,
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-container-total-view-collapsed:hover .shinken-total-view-problems-collapsed_2 .shinken-counter-label {
    color : #EC5757 !important;
}
#id-shinken-service-weather-button-expanded-in-nav-bar.shinken-service-weather-with-issues .shinken-container-total-view:hover .shinken-total-view-problems_2,
#id-shinken-service-weather-button-collapsed-in-nav-bar.shinken-service-weather-with-issues .shinken-container-total-view-collapsed:hover .shinken-total-view-problems-collapsed_2 {
    background-color : white;
    color            : #EC5757;
}