/********************* HEADER  ****************************************************************************/
#id-shinken-changes-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-first-cell,
#id-shinken-changes-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-second-cell {
    width   : 13%;
    padding : 2px 10px;
}
#id-shinken-changes-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-third-cell,
#id-shinken-changes-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-fifth-cell,
#id-shinken-changes-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-sixth-cell {
    width   : 22%;
    padding : 2px 8px;
}
#id-shinken-changes-table .shinken-table-difference .shinken-table-difference-header .shinken-arrow-cell {
    width : 2%
}
#id-shinken-changes-table .shinken-table-difference .shinken-table-difference-header .shinken-action-cell {
    width : 6%
}
#id-shinken-changes-table .shinken-table-difference .shinken-collapse-container {
    position : absolute;
    right    : calc(50% - 10px);
    top      : 5px;
}
#id-shinken-changes-table .shinken-table-difference .shinken-next-cell .shinken-collapse-container {
    right : 0;
    top   : 1px;
}
/********************* LINE PROPERTY  ****************************************************************************/
#id-shinken-changes-table .shinken-property-key-generic-cell.shinken-action-cell {
    position : relative;
}
#id-shinken-changes-table .shinken-property-key-generic-cell.shinken-action-cell .display_override_difference {
    position : absolute;
    top      : 0;
    right    : 0;
}
#id-shinken-changes-table .shinken-body-overrides-property-difference-content-container .shinken-arrow-cell,
#id-shinken-changes-table .shinken-property-line-difference .shinken-arrow-cell {
    text-align : center;
}
/********************* LINE OVERRIDE CHECK  ****************************************************************************/
#id-shinken-changes-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-check-name-cell {
    width : 23.5%; /*13+13% - 2.5% from tabulation*/
}
#id-shinken-changes-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-previous-cell,
#id-shinken-changes-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-next-cell {
    width : 22%;
}
#id-shinken-changes-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-from-cell {
    width : 28%; /* 22% + 6% from action cell not displayed*/
}
#id-shinken-changes-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-arrow-cell {
    width : 2%;
}
/********************* PROPERTY LINE  ****************************************************************************/
#id-shinken-changes-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-key-cell {
    width : 8%; /*13% - 5% from tabulation*/
}
#id-shinken-changes-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-name-cell {
    width : 13%;
}
#id-shinken-changes-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-previous-value-cell,
#id-shinken-changes-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-next-value-cell {
    width : 22%;
}
#id-shinken-changes-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-arrow-cell {
    width : 2%;
}
#id-shinken-changes-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-from-cell {
    width : 28%; /* 22% + 6% from action cell not displayed*/
}
#id-shinken-changes-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-previous-value-cell .shinken-check-overrides-difference-common-cell-value {
    max-height : 100px;
    overflow   : auto;
}
/********************* LEGACY  ****************************************************************************/
#id-shinken-changes-table .shinken-property-line-difference.shinken-is-disabled .shinken-ignore {
    display : none;
}
#id-shinken-changes-table .shinken-property-line-difference:not(.shinken-is-disabled) .shinken-apply {
    display : none;
}
#id-shinken-changes-table .shinken-difference-btn {
    border-radius : 5px;
    max-width     : 80px;
    word-break    : break-all;
    text-align    : center;
}
#id-shinken-changes-table .shinken-difference-btn.shinken-ignore {
    color            : #F11509;
    background-color : white;
}
#id-shinken-changes-table .shinken-difference-btn.shinken-ignore:hover {
    background-color : rgba(241, 21, 9, 0.5);
    color            : #FFFFFF;
}
#id-shinken-changes-table .shinken-difference-btn.shinken-apply {
    color            : #34BC6B;
    background-color : white;
    border-radius    : 5px;
    font-size        : 12px;
}
#id-shinken-changes-table .shinken-difference-btn.shinken-apply:hover {
    background-color : rgba(52, 188, 107, 0.51);
    color            : #FFFFFF;
}
#id-shinken-changes-table .shinken-difference-btn .shinkon {
    margin    : 4px;
    font-size : 10px;
}
.shinken-property-line-difference.shinken-is-disabled .shinken-value-cell {
    text-decoration : line-through;
}
/********************* HEADER  ****************************************************************************/
.shinken-table-difference {
    width         : 100%;
    word-break    : normal;
    border        : 0;
    color         : #000000;
    text-align    : left;
    border-radius : 5px;
    table-layout  : fixed;
}
/*Put a spacing after the tbody*/
.shinken-table-difference tbody[data-property-name="service_overrides"]:after {
    content : '';
    display : block;
    height  : 2px;
}
.shinken-table-difference table {
    table-layout : fixed;
}
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-first-cell,
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-second-cell,
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-third-cell,
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-forth-cell,
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-fifth-cell {
    padding : 2px 8px 2px 0;
    border  : 0;
}
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-fifth-cell.shinken-next-value-cell {
    padding-right : 0;
}
.shinken-table-difference .shinken-table-difference-header .shinken-apply-header-cell-generic {
    background-color : #C2C2C2;
    border-radius    : 3px;
    color            : black;
    padding          : 0 5px;
}
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-first-cell,
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-second-cell {
    width : 19%;
}
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-third-cell,
.shinken-table-difference .shinken-table-difference-header .shinken-difference-header-fifth-cell {
    width : 30%
}
.shinken-table-difference .shinken-table-difference-header .shinken-arrow-cell {
    width : 2%
}
.shinken-table-difference .shinken-table-difference-header .shinken-from-cell {
    width : 0
}
/********************* BUTTONS COLLAPSE  ****************************************************************************/
.shinken-table-difference .shinken-toggle-container-lvl[data-lvl="2"] .shinken-collapse-container {
    position : absolute;
    right    : 2px !important;
    top      : calc(50% - 10px) !important; /*10px for the half of button height*/
}
.shinken-table-difference .shinken-container-icon-button-shinicon-angle-double {
    background    : white;
    color         : #0A0A0A;
    font-size     : 20px;
    width         : 20px;
    height        : 20px;
    border-radius : 3px;
    cursor        : pointer;
    box-shadow    : rgba(99, 99, 99, 0.2) 0 2px 4px 0;
}
.shinken-table-difference .shinken-table-line-difference.shinken-close .shinken-property-line-difference .shinken-shinicon-angle-double-close,
.shinken-table-difference .shinken-table-line-difference:not(.shinken-close) .shinken-property-line-difference .shinken-shinicon-angle-double-open,
.shinken-table-difference .shinken-check-name.shinken-close .shinken-shinicon-angle-double-close,
.shinken-table-difference .shinken-check-name:not(.shinken-close) .shinken-shinicon-angle-double-open {
    display : none;
}
.shinken-table-difference .shinken-check-name.shinken-close .shinken-check-property-override-box-shadow {
    display : none;
}
.shinken-table-difference .shinken-table-line-difference.shinken-toggle-container-lvl .shinken-next-value-cell {
    padding-right : 24px;
    position      : relative;
}
/********************* LINE DIFFERENCE  ****************************************************************************/
.shinken-table-difference .shinken-property-line-difference {
    box-shadow : 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.shinken-table-difference .shinken-table-line-difference:not([data-property-name="service_overrides"]),
.shinken-table-difference .shinken-table-line-difference .shinken-render-value-container .shinken-title-of-render-value-container {
    background-color : #F6F6F6;
}
.shinken-table-difference .shinken-table-line-difference:not([data-property-name="service_overrides"]):hover,
.shinken-table-difference .shinken-table-line-difference:not([data-property-name="service_overrides"]):hover .shinken-render-value-container .shinken-title-of-render-value-container {
    background-color : #FFFFFF !important;
}
.shinken-table-difference .shinken-table-line-difference .shinken-property-line-difference {
    box-shadow : none;
}
.shinken-table-difference .shinken-property-line-difference .shinken-property-key-generic-cell {
    padding          : 2px 5px;
    max-height       : 50px;
}
.shinken-table-difference .shinken-property-line-difference .shinken-property-key-generic-cell:last-child {
    border-bottom-right-radius: 4px;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-property-line-difference:hover .shinken-property-line-difference .shinken-property-key-generic-cell,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-property-line-difference:hover .shinken-property-line-difference .shinken-arrow-cell {
    background-color : #F0F7F8 !important;
}
.shinken-table-difference .shinken-table-line-difference .shinken-property-line-difference .shinken-property-key-generic-cell .shinken-from-cell-content {
    background-color : #D9E9F1;
    max-height       : 200px;
    overflow         : auto;
}
.shinken-table-difference .shinken-table-line-difference[data-is-service-overrides='0'] .shinken-property-line-difference .shinken-property-key-generic-cell .shinken-from-cell-content {
    background-color : #F6F6F6;
}
.shinken-table-difference .shinken-property-line-difference .shinken-property-key-generic-cell .shinken-property-key-cell-container-content {
    max-height : 200px;
    overflow   : auto;
}
.shinken-table-difference .shinken-property-line-difference .shinken-property-key-generic-cell .shinken-property-key-cell-container-content .shinken-collapse-container {
    right : 0;
}
.shinken-table-difference .shinken-property-key-cell-container-content .shinken-collapse-container {
    position : absolute;
    top      : calc(50% - 10px);
    right    : 50%;
}
.shinken-table-difference .shinken-table-line-difference .shinken-property-line-difference > td.shinken-property-key-cell {
    border-bottom-left-radius : 4px;
    border-top-left-radius    : 4px;
    word-break                : break-all;
}
/********************* LINE DIFFERENCE OVERRIDE  ****************************************************************************/
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-property-line-difference > td {
    background-color : #D9E9F1;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-property-line-difference:hover > td {
    background-color : #F0F7F8 !important;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-property-line-difference > td.shinken-next-value-cell {
    border-bottom-right-radius : 4px;
    border-top-right-radius    : 4px;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-body-overrides-property-difference-content-container {
    position : relative;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-previous-value-cell .shinken-previous-value-cell-container,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-next-value-cell .shinken-next-value-cell-container {
    /*max-height       : 80px;*/
    overflow         : auto;
    background-color : #D1DFE6;
    margin-top       : 4px;
    margin-bottom    : 4px;
    padding          : 4px;
    border-radius    : 4px;
}
.shinken-table-difference .shinken-table-line-difference .shinken-check-override-property-value-is-default-or-inherited {
    color : rgb(128, 0, 128);
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-body-overrides-property-difference-content-container .shinken-property-key-generic-cell {
    background-color : #E0EEF5;
    padding          : 2px 5px;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-body-overrides-property-difference-content-container .shinken-arrow-cell,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-body-overrides-property-difference-content-container .shinken-from-cell,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-body-overrides-property-difference-content-container .shinken-thresholds-display-property-final-render-line-collapsed-first-and-second-cell,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-body-overrides-property-difference-content-container .shinken-thresholds-display-property-final-render-line-collapse-fourth-cell {
    background-color : #E0EEF5;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-header-overrides-check-difference-title {
    font-weight : bold;
    position    : relative;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-header-overrides-check-difference-title .shinken-check-name-icon {
    position : absolute;
    top      : 1px;
    left     : 5px;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-header-overrides-check-difference-title .shinken-check-name-label {
    padding-left : 20px;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-override-invalid {
    color      : #F89406;
    font-style : italic;
    font-size  : 0.9em;
}
/********************* SEPARATOR  ****************************************************************************/
.shinken-table-difference .shinken-table-line-difference .shinken-separator-line {
    height           : 2px;
    background-color : white;
}
.shinken-table-difference .shinken-check-property-override-box-shadow {
    height     : 10px;
    box-shadow : inset 0 7px 9px -10px rgba(0, 0, 0, 0.4);
    position   : absolute;
    top        : 0;
}
.shinken-table-difference .shinken-check-name-table-container > .shinken-check-property-override-box-shadow {
    width       : 97.5%;
    margin-left : 2.5%;
}
.shinken-table-difference .shinken-body-overrides-property-difference-content-container > .shinken-check-property-override-box-shadow {
    width       : 95%;
    margin-left : 5%;
}
/********************* CHECK NAME LINE  ****************************************************************************/
.shinken-table-difference .shinken-check-name-table-container:hover .shinken-check-name-cell,
.shinken-table-difference .shinken-check-name-table-container:hover .shinken-previous-cell,
.shinken-table-difference .shinken-check-name-table-container:hover .shinken-next-cell,
.shinken-table-difference .shinken-check-name-table-container:hover .shinken-arrow-cell,
.shinken-table-difference .shinken-check-name-table-container:hover .shinken-from-cell {
    background-color : #F0F7F8 !important;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-check-name-tabulate-cell {
    width            : 2.5%; /* for tabulation*/
    background-color : transparent;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-check-name-cell {
    width            : 35.5%; /*19+19% - 2.5% from tabulation*/
    background-color : #D5E5EC;
    border-radius    : 4px 0 0 4px;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container[data-index="0"] .shinken-check-name-cell {
    border-radius : 0 0 0 4px !important;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-previous-cell,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-next-cell {
    width            : 30%;
    background-color : #D5E5EC;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-previous-cell .shinken-note,
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-next-cell .shinken-note {
    font-size : 10px;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-arrow-cell {
    width            : 2%;
    background-color : #D5E5EC;
}
.shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-from-cell {
    width            : 0;
    background-color : #D5E5EC;
}
/********************* PROPERTY LINE  ****************************************************************************/
.shinken-table-difference .shinken-previous-value-cell,
.shinken-table-difference .shinken-next-value-cell {
    word-break: break-word;
}
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-title-of-render-value-container {
    background-color : #E0EEF5 !important;
}
.shinken-table-difference .shinken-overrides-property-difference-table > tbody:hover .shinken-property-key-generic-cell,
.shinken-table-difference .shinken-overrides-property-difference-table > tbody:hover .shinken-arrow-cell,
.shinken-table-difference .shinken-overrides-property-difference-table > tbody:hover .shinken-from-cell,
.shinken-table-difference .shinken-overrides-property-difference-table > tbody:hover .shinken-thresholds-display-property-final-render-line-collapsed-first-and-second-cell,
.shinken-table-difference .shinken-overrides-property-difference-table > tbody:hover .shinken-thresholds-display-property-final-render-line-collapse-fourth-cell,
.shinken-table-difference .shinken-overrides-property-difference-table > tbody:hover .shinken-title-of-render-value-container {
    background-color : #F0F7F8 !important;
}
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-check-overrides-difference-blank-cell {
    width : 5%;
}
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-key-cell {
    width      : 14%;
    word-break : break-all;
}
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-name-cell {
    width : 19%;
}
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-previous-value-cell,
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-next-value-cell {
    width : 30%;
}
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-arrow-cell {
    width : 2%;
}
.shinken-table-difference .shinken-overrides-property-difference-table .shinken-from-cell {
    width : 0;
}
.shinken-table-difference .shinken-old-name {
    font-size: 10px;
    color: grey;
    font-weight: initial;
}
/*td, th {*/
/*    border : 1px solid red !important;*/
/*}*/
.badger-outter {
 background:#fff;
 border:1px solid #ccc;
 min-width: 15px;
 height: 17px;
 border-radius: 13px;
 -moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 box-shadow:0px 1px 5px #ccc;
 -moz-box-shadow:0px 1px 5px #ccc;
 -webkit-box-shadow:0px 1px 5px #ccc;
 float:left;
 position:absolute;
 top:-15px;
 right:-18px;
 z-index:9999;
}
.badger-inner {
 min-width: 15px;
 height: 15px;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background: #f13c31;
 background: -moz-linear-gradient(100% 100% 90deg, #f13c31, #f79690);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f79690), to(#f13c31));
   background: -webkit-linear-gradient(#f79690, #f13c31);
    background: -o-linear-gradient(#f79690, #f13c31);
    margin:1px 2px 1px 2px !important;
    z-index:99999;
}
.badger-badge {
 color:#fff;
 padding:0px 5px !important;
 margin:0 !important;
 text-align:center;
 text-shadow:0px -1px 1px #e01b0f;
 z-index:999999;
 }
.badger-text
 { font-size:18px; }
.badger-number {
 font-size:12px !important;
 line-height: 12px;
}
/* This button is for on/off things, like activeate/desactivate checks. It's important
to remove the !important from onoff so we get a gray "active" state. */
.btn-onoff {
  background-color: hsl(201, 67%, 56%) /*!important*/;
  background-repeat: repeat-x;
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", #b2daef, #43a5d9));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b2daef), to(#43a5d9));
  background-image: -moz-linear-gradient(top, #b2daef, #43a5d9);
  background-image: -ms-linear-gradient(top, #b2daef, #43a5d9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2daef), color-stop(100%, #43a5d9));
  background-image: -webkit-linear-gradient(top, #b2daef, #43a5d9);
  background-image: -o-linear-gradient(top, #b2daef, #43a5d9);
  background-image: linear-gradient(#b2daef, #43a5d9);
  border-color: #43a5d9 #43a5d9 hsl(201, 67%, 49.5%);
  /* And no color so the text inside is gray too */
  /*color: #333 !important;*/
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.42);
  -webkit-font-smoothing: antialiased;
}
/* I don't know why, but by default it's 15px, and it stop in the middle of the button. */
.btn-onoff:hover {
    background-position: 0 -25px;
}
/* By default bootstrap put 5px, I don't see why*/
.btn-group + .btn-group {
  margin-left: 0px;
}
/**
 * Copyright (C) 2013-2018:
 * This file is part of Shinken Enterprise, all rights reserved.
 **/
/*  Body
    ------------------------------------------------------- */
body {
  padding: 0px 0px 0px 0px !important;
}
/*  Shinken basics*/
.shinken-content                                                {
  position           : absolute;
  top                : 53px;
  left               : 0;
  right              : 0;
  height             : calc(100% - 53px);
  max-height         : calc(100% - 53px);
  overflow           : hidden;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
}
.shinken-content .span12 {
  width      : 100%;
  *width     : 99.94680851063829%;
  box-sizing : border-box;
}
.shinken-content .span11 {
  width      : 92%;
  *width     : 92%;
  box-sizing : border-box;
}
.shinken-content .span10 {
    width      : 84%;
    *width     : 84%;
    box-sizing : border-box;
    margin     : 0px;
}
.shinken-content .span9                                         {
  width      : 75%;
  *width     : 75%;
  box-sizing : border-box;
}
.shinken-content .span8                                         {
  width      : 66%;
  *width     : 66%;
  box-sizing : border-box;
  margin     : 0px;
}
.shinken-content .span7 {
  width  : 58%;
  *width : 57.12912895262725%;
}
.shinken-content .span6                                         {
    width      : 50%;
    *width     : 50%;
    box-sizing : border-box;
    margin     : 0px;
}
.shinken-content .span5 {
  width  : 42%;
  *width : 40.00205712942283%;
}
.shinken-content .span4                                         {
  width      : 33%;
  *width     : 33%;
  box-sizing : border-box;
  margin     : 0px;
}
.shinken-content .span3                                         {
    width      : 25%;
    *width     : 25%;
    box-sizing : border-box;
    margin     : 0px;
}
.shinken-content .span2                                         {
    width      : 16%;
    *width     : 16.5%;
    box-sizing : border-box;
}
.shinken-content .span1 {
  width  : 8%;
  *width : 3.33%;
}
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -30px;
}
#push, #footer {height: 30px;}
/*  Special Font Awesome styles (Font Color)
    ------------------------------------------------------- */
.font-white {
  color: #FFFFFF;
}
.font-black {
  color: #000000;
}
.font-green {
  color: #468847;
}
.font-yellow {
  color: #FFEE00;
}
.font-orange {
  color: #F89406;
}
.font-red {
  color: #DA4F49;
}
.font-grey {
  color: #505050;
}
.font-lightgrey {
  color: #EBEBEB;
}
.font-darkgrey {
  color: #535456;
}
.font-blue {
  color: #3A87AD;
}
/*  Special Shinken Buttons
    ------------------------------------------------------- */
.btn-spezial {
  min-height: 15px !important;
  line-height: 17px;
}
/*  Special Shinken styles
    ------------------------------------------------------- */
.min-height {
  min-height: 600px;
}
.no-leftpadding {
 padding-left: 0;
}
.leftpadding1 {
  padding-left: 10px;
}
.leftpadding2 {
  padding-left: 20px;
}
.no-leftmargin {
 margin-left: 0 !important;
}
.no-bottommargin {
 margin-bottom: 0 !important;
}
.no-rightmargin {
 margin-right: 0 !important;
}
.no-topmargin {
 margin-top: 0 !important;
}
.no-margin {
    margin : 0 !important;
}
.no-border {
  border: none !important;
}
.topmmargin {
  margin-top: 10px;
}
.topmmargin1 {
  margin-top: 5px;
}
.topmmargin2 {
  margin-top: 4px !important;
}
.bottommargin {
  margin-bottom: 20px;
}
.leftmargin {
  margin-left: 20px !important;
}
.no-maxwidth{
  max-width: none !important;
}
.quickinfo{
  text-decoration: none !important;
}
.plus6 {
  width: 52.6%;
}
.imgsize1 {
  height: 12px;
  width: 12px;
  margin-right: 2px;
}
.imgsize2 {
  height: 16px;
  width: 16px;
  margin-right: 2px;
}
.imgsize3 {
  height: 25px;
  width: 25px;
  margin-right: 2px;
  vertical-align: -3px;
}
.imgsize4 {
  height: 48px;
  width: 48px;
  margin-right: 10px;
  vertical-align: -3px;
}
.list-tag-img {
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    margin-right: 2px;
}
.box {
  min-height: 20px;
  padding: 10px 0px 10px 5px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.box blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.wrap {
  width: 100% !important;
  max-width: 100% !important;
  word-wrap: break-word;
}
.hero-unit p {
  color: #FFF;
}
.hero-unit-small {
  padding: 30px;
}
/*  Alert styles => BTN Color
    ------------------------------------------------------- */
.alert {
  /*color: #FFFFFF;*/
  text-align: center;
}
.alert-small {
  background-color: #999999;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-size: 11.05px;
  font-weight: bold;
  padding: 2px 4px 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.trim-Yes, .trim-No {
  color: #FFFFFF;
  text-transform: uppercase;
  min-height: 100% !important;
}
.alert-down {min-height: 100% !important;}
.alert-critical, .alert-down, .trim-Yes {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.alert-critical:hover, .alert-down:hover, .trim-Yes:hover { color: #FFFFFF; background-color: #bd362f;}
.alert-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.alert-warning:hover { background-color: #f89406; }
.alert-good, .alert-up, .alert-ok, .trim-No {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.alert-good:hover, .alert-up:hover, .alert-ok:hover, .trim-No:hover { color: #FFFFFF; background-color: #51a351; }
.alert-unknown, .alert-unreachable, .alert-pending {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.alert-unknown:hover, .alert-unreachable:hover, .alert-pending:hover { color: #FFFFFF ;background-color: #2f96b4; }
/*  Badger styles
    ------------------------------------------------------- */
.badger {
  background-color: #999999;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-size: 9.75px;
  font-weight: bold;
  padding: 1px 3px 2px;
  text-transform: uppercase;
  position: relative;
  top: -15px;
  right: 8px;
  z-index: 666;
}
.badger-beta {
  background-color: #999999;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-size: 9.75px;
  font-weight: bold;
  padding: 1px 3px 2px;
  position: relative;
  right: -75px;
  text-transform: uppercase;
  top: -31px;
  z-index: 666;
}
.badger-critical {
  /*background-color: #e10000;*/
  background-color: rgb(255,0,0); opacity: 0.85;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
}
.badger-warning {
  /*background-color: #e10000;*/
  background-color: rgb(255,153,0); opacity: 0.85;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
}
.badger-ok {
  background-color: #7AB317;
  background-image: -moz-linear-gradient(center top , #7AB317, #669900);
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
}
h1 {
  font-size: 24px;
}
h1, h2, h3, h4 {
  color: #787878;
}
/* To tag potential long div, and cut them if too long with '...'*/
.cut_long {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Add a disabled-link style that make the link not show, and put in gray*/
a.disabled-link,
a.disabled-link:visited ,
a.disabled-link:active,
a.disabled-link:hover {
    background-color:#ffffff !important;
    color:#aaa !important;
    pointer-events: none
}
/* In the top menu, there is too much margin on the left part,
 bootstrap put a left margin of 10, I prefer 0*/
.navbar .nav.pull-right {
  margin-left: 0px;
  margin-right: 0;
}
.row-fluid .offset1 {
  margin-left: 3%;
}
/* With the SORTER javascript plugin */
th[data-sort]{
  cursor:pointer;
}
/* For list where we do not want a style */
.no_list_style{
    list-style-type: none;
}
hr {
    border-top: 1px solid #656565;
    border-bottom: 1px solid #656565;
}
.ui-widget-content {
background-color: #333;
/*background:none!important;*/
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    border-radius: 0px;
}
.label{
    border-radius: 0px;
}
.table-striped tbody>tr:nth-child(even)>td,.table-striped tbody>tr:nth-child(even)>th{
    background-color:#d9d9d9;
}
.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{
    background-color:#dfdfdf;
}
.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child{
    border-top-left-radius: 0px;
}
.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child {
    border-top-right-radius: 0px;
}
.table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child {
    border-bottom-left-radius: 0px;
}
.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child {
    border-bottom-right-radius: 0px;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.alert-small {
    border-radius:0px!important;
}
.dropdown-menu {
    border-radius: 0px;
}
.navbar .navbar-inner {
    background-color: #f5f5f5;
    background-image: none!important;
}
.navbar-search .search-query {
    border-radius: 0px!important;
}
.navbar .nav>li>a {
    text-shadow: none;
    border-right: 0px;
    border-left: 0px;
}
.navbar .nav>li>a{float:none;padding:9.5px 15px 9.5px;/*color:black!important*/;/*#c8c8c8;text-decoration:none;text-shadow:0 1px 0 #3a3f44*/}
.navbar .nav .dropdown-toggle .caret{margin-top:8px;
      border-bottom-color: white!important;
      border-top-color: white!important;
}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{/*background-color:#3a3f44;color:#fff;*/text-decoration:none}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{/*color:#fff;*/text-decoration:none;/*background-color:#272b30;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125)}
.navbar .nav>li>a:hover{/*background-color:red!important;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg,red,#3a3f44);background-image:-webkit-linear-gradient(280deg,red,#3a3f44);background-image:-o-linear-gradient(280deg,#272b30,#3a3f44);background-image:linear-gradient(280deg,#272b30,#3a3f44);*/ /*border-left:1px solid transparent;border-right:1px solid transparent*/}
.navbar .nav>li.active>a,.navbar .nav>li.active>a:hover{color:#bbbfc2;background-color:#3a3f44;background-color:#43494f;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg,#30353b,#43494f);background-image:-webkit-linear-gradient(280deg,#30353b,#43494f);background-image:-o-linear-gradient(280deg,#30353b,#43494f);background-image:linear-gradient(280deg,#30353b,#43494f);border-right:1px solid #2e3134}
.well{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #d9d9d9;
    border: 0px solid #101214;
    border-radius: 0px;
}
.well h1, .well h2, .well h3, .well h4{
    color: black;
}
#footer .container{
    display:none;
}
.btn{
    border-radius: 0px;
}
.btn-success {
color: white;
}
.btn-warning {
color: white;
}
.badge {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 20px;
}
.badge-ok, .badge-up {
    background-color: #54d87c;
}
.badge-critical, .badge-down {
    background-color: #b94a48;
}
.nomargin{
    margin:0!important;
}
.nopadding{
    padding: 0px!important;
}
.lowpadding{
    padding: 5px;
}
.nominheight{
    min-height:0px!important;
}
/* Stong tool tips*/
.tooltip.in{
    opacity:1!important;
    filter:alpha(opacity=100)!important;
}
/* do not limit size */
.tooltip-inner{
    max-width:none!important;
}
/* do not want some buttons to have a high Z! */
/* And a color green*/
.btn-group > .btn.active{
    z-index:1;
    background-color: #5ED879;
}
.nav-tabs {
    border-bottom: 1px solid #101214;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
border: 1px solid #101214;
}
.nav-tabs .active>a, .nav-tabs .active a:hover {
    border-bottom: 1px solid #272b30;
}
.navbar .nav {
    margin: 0 0px 0 0;
}
.navbar-inner {
    max-height: 40px;
}
/*.navbar{*/
    /*max-height: 45px;*/
/*}*/
/*.navbar .container-fluid{*/
    /*max-height: 45px;*/
/*}*/
.nav-controll .divider-vertical {
    display: none;
}
/* To make search form not overload the right part */
.navbar form {
    margin: 5px 6px 21px!important;
}
/*Fix gauge shadow*/
.counter, .lab {
    text-shadow:none!important;
}
.box{
    min-height: 20px!important;
    padding: 19px!important;
    margin-bottom: 20px!important;
    background-color: #202328!important;
    border: 1px solid #101214!important;
    border-radius: 4px!important;
}
/* Fix main table view */
.tableCriticity .img_status {
    background-color:none!important;
    background:none!important;
}
.tableCriticity a {
color: #fff!important;
}
/* Low padding for some div. Def at 19px*/
.low_padding{
    padding:10px;
}
.very_low_padding{
    padding:5px;
}
.nopadding{
    padding:0px;
}
/* input are by default gray, this sucks */
input{
    color:black;
}
/* By default forms got a 21px bottom border, this sucks too.*/
form{
    margin: 0 0 0px;
}
#wrap{
    /*margin: -0px auto -30px!important;*/
}
/* Fix Dashboard things */
.widget-place .widget-header {
    background-image: none;/*linear-gradient(#52575c,#3a3f44 70%,#3a3f44);*/
    background-color: #3d3d3d;
    border-bottom: #101214 solid 1px!important;
    /*border-left: #101214 solid 1px!important;
    border-right: #101214 solid 1px!important;*/
    box-shadow:none;
    color: white;/*#c8c8c8;*/
    text-shadow: none;
}
.widget {
    margin: 1em;
    border: #101214 solid 1px!important;
    /*border-right: #101214 solid 1px!important;
    border-bottom: #101214 solid 1px!important;*/
}
.widget-menu .font-grey{
    color:white!important;
}
.widget-content{
    background-image: linear-gradient(#141414, #383838);
}
.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
    border-color: gray;/*#ddd transparent #ddd #ddd;*/
}
h1, h2, h3, h4, h5, h6 {
text-shadow: -0px -0px 0 rgba(0,0,0,0.3);
/*color:white!important;*/
}
body{
    background-color: #e4e4e4;/*black;*/
    color: black;
}
/* Some useful for Enterprises viws */
.value-ok{
    color: #b8dc00;
}
.value-warning{
    color: #ffb01f;
}
.value-critical{
    color:#b94a48;
}
.value-neutral{
    color: #00b5ff;
}
/*.bloc-ok, .bloc-up{*/
    /*border-radius: 0px!important;*/
    /*/!*padding: 5px 10px 5px!important;*/
    /*font-size: 14px!important;*/
    /*color: white!important;*/
    /*background-color: #b8dc00;!important;*/
    /*font-weight: bold;*/
    /*margin-top:2px;*!/*/
    /*background-color: #9edc79;!important;*/
    /*width:12px!important;*/
    /*height:12px!important;*/
    /*display: inline-block;*/
    /*vertical-align:middle;*/
    /*margin-right:3px;*/
    /**/
/*}*/
.bloc-unknown, .bloc-pending{
    border-radius: 0px!important;
    /*padding: 5px 10px 5px!important;
    font-size: 14px!important;
    color: white!important;
    background-color: #b8dc00;!important;
    font-weight: bold;
    margin-top:2px;*/
    background-color: #00b5ff;!important;
    width:12px!important;
    height:12px!important;
    display: inline-block;
    vertical-align:middle;
    margin-right:3px;
    
}
.bloc-critical{
    border-radius: 0px!important;
    /*padding: 5px 10px 5px!important;
    font-size: 14px!important;
    color: white!important;
    background-color: #b8dc00;!important;
    font-weight: bold;
    margin-top:2px;*/
    background-color: #e32d2c;!important;
    width:12px!important;
    height:12px!important;
    display: inline-block;
    vertical-align:middle;
    margin-right:3px;    
}
.bloc-warning{
    border-radius: 0px!important;
    /*padding: 5px 10px 5px!important;
    font-size: 14px!important;
    color: white!important;
    background-color: #b8dc00;!important;
    font-weight: bold;
    margin-top:2px;*/
    background-color: #EAA93B;!important;
    width:12px!important;
    height:12px!important;
    display: inline-block;
    vertical-align:middle;
    margin-right:3px;    
}
.bloc-disabled{
    border-radius: 0px!important;
    /*padding: 5px 10px 5px!important;
    font-size: 14px!important;
    color: white!important;
    background-color: #b8dc00;!important;
    font-weight: bold;
    margin-top:2px;*/
    background-color: #7B7770;!important;
    width:12px!important;
    height:12px!important;
    display: inline-block;
    vertical-align:middle;
    margin-right:3px;    
}
.bloc-running, .bloc-forced-import{
    border-radius: 0px!important;
    /*padding: 5px 10px 5px!important;
    font-size: 14px!important;
    color: white!important;
    background-color: #b8dc00;!important;
    font-weight: bold;
    margin-top:2px;*/
    background-color: purple!important;
    width:12px!important;
    height:12px!important;
    display: inline-block;
    vertical-align:middle;
    margin-right:3px;
    
}
.bloc-difference-computing{
    border-radius: 0px!important;
    /*padding: 5px 10px 5px!important;
    font-size: 14px!important;
    color: white!important;
    background-color: #b8dc00;!important;
    font-weight: bold;
    margin-top:2px;*/
    background-color: #6EBCA2!important;
    width:12px!important;
    height:12px!important;
    display: inline-block;
    vertical-align:middle;
    margin-right:3px;
    
}
.btn-success {
    background-color: #9edc79;
    background-image: linear-gradient(to bottom,#9edc79,#9edc79);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351',endColorstr='#ff51a351',GradientType=0);
}
.btn-warning {
    background-color: #faa732;
    background-image: none;
    background-repeat: repeat-x;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaa732',endColorstr='#fffaa732',GradientType=0);*/
}
.btn-danger {
    background-image: linear-gradient(to bottom,#bd362f,#bd362f);
}
.btn {
    /*box-shadow: inset 0 0px 0 rgba(255,255,255,.2),0 0px 0px rgba(0,0,0,.05);*/
}
.alert-critical, .alert-down, .trim-Yes {
    background-image: linear-gradient(to bottom,#bd362f, #bd362f)!important;
}
.top-box-gray{
    /*border-top:4px solid #656565;*//*#1c1e22*/
}
.gray-back{
    background-color: #cfcfcf;
    margin-right: 0px!important;
    /*border-right:0px!important;*/
}
.gray-back a{
    border:0px!important;
}
/* from 141414/top to 383838/bottom */
.degraded-back{
    /*background-image: linear-gradient(black, #383838);*/
    /*background-image: radial-gradient( farthest-side ellipse at top left, black, #383838);*/
    background-color: #dfdfdf;
    /*border: 1px solid #333;*/
}
.tabs-left>.nav-tabs {
    border-right: 0px solid #ddd;
}
li.tab-label {
    list-style-type: none;
    /*background-image: url(/static/images/tab-label.png);*/
    background-repeat: no-repeat;
    background-position: 0 0.16em;
    padding-left: 5px;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
/*
.gray-back > li.active {
    background-image: url(/static/images/tab-label-active.png);
}
*/
.dropdown-menu a{
    /*color: #fff;*/
}
.container-fluid{
    padding-left: 0px;
}
/* match the same size as input-medium*/
.select-small{
    width: 160px;
}
/* TOP MENU */
.main-nav .arrow_back_border {
background-color: #373737;
margin-top: 5px;
height: 50px;
width: 50px;
border-radius: 30px;
display: block;
position: relative;
}
.main-nav .Back_Arrow_Background {
height: 40px;
width: 40px;
margin: 5px;
padding: 0;
position: absolute;
border-radius: 45px;
display: block;
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%);
}
.main-nav .arrow_back {
text-shadow: rgba(255,255,255,.5)1px 1px 0,rgba(0,0,0,.25)0 0 1px;
display: block;
text-align: center;
font-size: 21px;
line-height: 0;
margin-top: 19px;
}
.main-nav .btn-logout .icon, .navigator .inner-icon, .shinkon, .tile-grid li .tile .inner-icon {
font-family: shinkon;
text-anchor: middle;
text-transform: none;
}
/*
.main-nav .Back_Arrow_Background:active{
    box-shadow:0 4px 2px rgba(0,0,0,.75)inset
}
.main-nav .Back_Arrow_Background:active .arrow_back{
top:2px;position:relative
}
*/
.dropdown-submenu > a:after{
    border-left-color: #6c6c6c;
}
/*
* {
    transition: color 240ms ease-out,background-color 240ms ease-out,opacity 240ms ease-out;
}
*/
#footer{
    display:none;
}
/*********      ***********/
.span-new {
    color:#ffef3a;
}
.span-change {
    color:#02ff00;
}
/**** MAIN MENU   */
/* Button apply changes */
.navbar .nav>li>a.menu-apply-changes-highlight{
    border-color: rgb(43, 188, 255)!important;
    background-color: #0095da!important;
    color: #fff!important;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.25)!important;
}
.navbar .nav>li>a.menu-apply-changes-disabled{
    cursor: default!important;
    color:gray!important;
}
.dropdown-submenu > .dropdown-menu {
    border-radius : 0 0px 0px 0px;
}
.label, .badge {
    background-color : #C1C1C1;
    color            : black;
    text-shadow      : -0px -0px 0 rgba(0, 0, 0, 0.3);
}
.value-neutral {
    color       : black; /*#eda23e;*/
    font-weight : bold
}
.low-vert-margin {
    margin-top    : 5px;
    margin-bottom : 5px;
}
.force-left {
    float : left !important;
}
.warning-forbidden-characters {
    background-color: red !important;
    background-image: none !important;
}
.warning-dollar-character {
    background-color: orange !important;
    background-image: none !important;
}
/*!
 *  Font Awesome 3.0.2
 *  the iconic font designed for use with Twitter Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fortawesome.github.com/Font-Awesome/
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@davegandy.com
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
  display: inline;
  /* keeps button heights with and without icons the same */
}
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
li [class^="icon-"],
.nav li [class^="icon-"],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}
ul.icons {
  list-style-type: none;
  text-indent: -0.75em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .75em;
}
.icon-muted {
  color: #eeeeee;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@-moz-document url-prefix() {
  .icon-spin {
    height: .9em;
  }
  .btn .icon-spin {
    height: auto;
  }
  .icon-spin.icon-large {
    height: 1.25em;
  }
  .btn .icon-spin.icon-large {
    height: .75em;
  }
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }
.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }
/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }
.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }
.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }
.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }
.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }
.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }
.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }
.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }
.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }
.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }
.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }
.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }
.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }
.icon-lightbulb:before            { content: "\f0eb"; }
.icon-exchange:before             { content: "\f0ec"; }
.icon-cloud-download:before       { content: "\f0ed"; }
.icon-cloud-upload:before         { content: "\f0ee"; }
.icon-user-md:before              { content: "\f0f0"; }
.icon-stethoscope:before          { content: "\f0f1"; }
.icon-suitcase:before             { content: "\f0f2"; }
.icon-bell-alt:before             { content: "\f0f3"; }
.icon-coffee:before               { content: "\f0f4"; }
.icon-food:before                 { content: "\f0f5"; }
.icon-file-alt:before             { content: "\f0f6"; }
.icon-building:before             { content: "\f0f7"; }
.icon-hospital:before             { content: "\f0f8"; }
.icon-ambulance:before            { content: "\f0f9"; }
.icon-medkit:before               { content: "\f0fa"; }
.icon-fighter-jet:before          { content: "\f0fb"; }
.icon-beer:before                 { content: "\f0fc"; }
.icon-h-sign:before               { content: "\f0fd"; }
.icon-plus-sign-alt:before        { content: "\f0fe"; }
.icon-double-angle-left:before    { content: "\f100"; }
.icon-double-angle-right:before   { content: "\f101"; }
.icon-double-angle-up:before      { content: "\f102"; }
.icon-double-angle-down:before    { content: "\f103"; }
.icon-angle-left:before           { content: "\f104"; }
.icon-angle-right:before          { content: "\f105"; }
.icon-angle-up:before             { content: "\f106"; }
.icon-angle-down:before           { content: "\f107"; }
.icon-desktop:before              { content: "\f108"; }
.icon-laptop:before               { content: "\f109"; }
.icon-tablet:before               { content: "\f10a"; }
.icon-mobile-phone:before         { content: "\f10b"; }
.icon-circle-blank:before         { content: "\f10c"; }
.icon-quote-left:before           { content: "\f10d"; }
.icon-quote-right:before          { content: "\f10e"; }
.icon-spinner:before              { content: "\f110"; }
.icon-circle:before               { content: "\f111"; }
.icon-reply:before                { content: "\f112"; }
.icon-github-alt:before           { content: "\f113"; }
.icon-folder-close-alt:before     { content: "\f114"; }
.icon-folder-open-alt:before      { content: "\f115"; }
/********************* LEGACY  ****************************************************************************/
.elements-list-panel .body-inner .cell.column-type .shinken-change-tooltip {
    color      : #FFFFFF;
    left       : 0;
    display    : none;
    padding    : 20px 10px 20px 10px;
    position   : relative;
    width      : 90vw;
    min-width  : 670px;
    word-break : normal;
}
.elements-list-panel .body-inner .cell.column-type:hover .shinken-change-tooltip {
    display        : block;
    pointer-events : auto;
}
.elements-list-panel .body-inner .cell.column-type .shinken-change-tooltip .shinken-table-difference {
    width              : 100%;
    box-shadow         : 2px 2px 6px rgba(0, 0, 0, 0.28);
    background         : #FFFFFF;
    /*-webkit-box-shadow : 2px 2px 6px rgba(0, 0, 0, 0.28);*/
    /*-moz-box-shadow    : 2px 2px 6px rgba(0, 0, 0, 0.28);*/
    /*-ms-box-shadow     : 2px 2px 6px rgba(0, 0, 0, 0.28);*/
    /*-o-box-shadow      : 2px 2px 6px rgba(0, 0, 0, 0.28);*/
    /*box-shadow         : 2px 2px 6px rgba(0, 0, 0, 0.28);*/
}
.shinken-change-tooltip .shinken-table-difference {
    color : #000000;
}
/********************* HEADER  ****************************************************************************/
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-first-cell,
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-second-cell {
    width   : 15%;
    padding : 2px 0px;
}
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-third-cell,
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-fifth-cell,
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-sixth-cell {
    width   : 22%;
    padding : 2px 0px;
}
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-arrow-cell,
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-action-cell {
    width : 2%
}
.shinken-change-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-apply-header-cell-generic {
    background-color: white;
}
.shinken-change-tooltip .shinken-table-difference .shinken-collapse-container {
    right : 5px;
}
.shinken-change-tooltip .shinken-hook-pop-up {
    top : 2px;
}
/********************* LINE PROPERTY  ****************************************************************************/
.shinken-change-tooltip .shinken-property-key-generic-cell.shinken-action-cell {
    position : relative;
}
.shinken-change-tooltip .shinken-body-overrides-property-difference-content-container .shinken-arrow-cell,
.shinken-change-tooltip .shinken-property-line-difference .shinken-arrow-cell {
    text-align : center;
}
.shinken-change-tooltip .shinken-table-difference .shinken-property-key-cell-container-content {
    max-height: 200px;
    overflow: auto;
    margin: 0;
}
/********************* LINE OVERRIDE CHECK  ****************************************************************************/
.shinken-change-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-check-name-cell {
    width : 27.5%; /*15+15% - 2.5% from tabulation*/
}
.shinken-change-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-previous-cell,
.shinken-change-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-next-cell {
    width : 22%;
}
.shinken-change-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-from-cell {
    width : 24%; /* 22% + 2% from action cell not displayed*/
}
.shinken-change-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-arrow-cell {
    width : 2%;
}
/********************* PROPERTY LINE  ****************************************************************************/
.shinken-change-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-key-cell{
    width: 10%; /*15% - 5% from tabulation*/
}
.shinken-change-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-name-cell{
    width: 15%;
}
.shinken-change-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-previous-value-cell,
.shinken-change-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-next-value-cell{
    width: 22%;
}
.shinken-change-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-arrow-cell{
    width: 2%;
}
.shinken-change-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-from-cell{
    width: 24%;
}
/********************* LEGACY  ****************************************************************************/
.elements-list-panel .body-inner .cell.column-working_area_status .shinken-proposed-tooltip {
    position         : relative;
    display          : none;
    pointer-events   : auto !important;
    width            : 60vw;
    font-size        : 12px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    background: #FFFFFF;
    padding          : 5px 5px 10px 5px;
    word-break       : normal;
    border-radius    : 5px;
    margin           : 5px;
}
.elements-list-panel .body-inner .cell.column-working_area_status .shinken-proposed-tooltip .chg-item {
    margin-top : 6px;
    width      : 250px;
    border     : 2px solid #FEAE80;
}
.elements-list-panel .body-inner .cell.column-working_area_status:hover .shinken-proposed-tooltip {
    display        : block;
    pointer-events : auto;
}
/********************* HEADER  ****************************************************************************/
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-first-cell,
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-second-cell {
    width   : 18%;
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-third-cell,
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-fifth-cell {
    width   : 30%;
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-arrow-cell,
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-difference-header .shinken-action-cell {
    width : 2%
}
/********************* LINE PROPERTY  ****************************************************************************/
.shinken-proposed-tooltip .shinken-property-key-generic-cell.shinken-action-cell {
    position : relative;
}
.shinken-proposed-tooltip .shinken-body-overrides-property-difference-content-container .shinken-arrow-cell,
.shinken-proposed-tooltip .shinken-property-line-difference .shinken-arrow-cell {
    text-align : center;
}
/********************* LINE OVERRIDE CHECK  ****************************************************************************/
/*Put a spacing after the tbody*/
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-line-difference:after {
    content: '';
    display: block;
    height: 2px;
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-check-name-cell {
    width : 33.5%; /*18+18% - 2.5% from tabulation*/
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-previous-cell{
    width : 30%;
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-next-cell {
    width : 32%;
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-arrow-cell {
    width : 0%;
}
/********************* PROPERTY LINE  ****************************************************************************/
.shinken-proposed-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-key-cell{
    width: 13%; /*18% - 5% from tabulation*/
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-name-cell{
    width: 18%;
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-previous-value-cell,
.shinken-proposed-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-next-value-cell{
    width: 30%;
}
.shinken-proposed-tooltip .shinken-table-difference .shinken-overrides-property-difference-table .shinken-arrow-cell{
    width: 2%;
}
#id-shinken-notifies-container {
    position : absolute;
    top      : 55px;
    right    : 10px;
}
#id-shinken-notifies-container .shinken-notify-container {
    width            : 335px;
    margin           : 2px 0;
    background-color : white;
    padding          : 4px;
    border           : #4949497A solid 2px;
    border-radius    : 6px;
}
#id-shinken-notifies-container .shinken-notify-container .shinken-notify-content {
    width         : 100%;
    word-break    : break-all;
    padding       : 5px 30px 5px 5px;
    text-align    : center;
    border-radius : 3px;
}
#id-shinken-notifies-container .shinken-notify-container {
    position : relative;
}
#id-shinken-notifies-container .shinken-notify-container .shinken-notify-close {
    font-size : 20px;
    position  : absolute;
    top       : 7px;
    right     : 6px;
    cursor    : pointer;
    width     : 23px;
    height    : 0;
}
#id-shinken-notifies-container .shinken-notify-row.shinken-notify-success .shinken-notify-container .shinken-notify-content {
    background-color : #C5F9E4;
    color            : #25976D;
}
#id-shinken-notifies-container .shinken-notify-row.shinken-notify-error .shinken-notify-container .shinken-notify-content {
    background-color : #FDD2D2;
    color            : #D51018;
}
#id-shinken-notifies-container .shinken-notify-row.shinken-notify-warning .shinken-notify-container .shinken-notify-content {
    background-color : #FFEBCA;
    color            : #E38D21;
}
#id-shinken-notifies-container .shinken-notify-row.shinken-notify-info .shinken-notify-container .shinken-notify-content {
    background-color : #B5FAFF;
    color            : #3A87E3;
}
/********************* LEGACY  ****************************************************************************/
#id-shinken-propose-table .shinken-button-proposed-btn {
    padding : 5px 10px !important;
}
#id-shinken-propose-table .shinken-hint {
    padding-left : 2em;
    font-style   : italic;
    font-size    : 0.8em;
}
#id-shinken-propose-table .shinken-proposed-bloc {
    padding-bottom : 2em;
}
#id-shinken-propose-table .shinken-proposed-bloc p {
    font-size : 12px;
}
#id-shinken-propose-table .shinken-rejected-bloc textarea {
    margin-left : 30px;
}
#id-shinken-propose-table .shinken-section-header {
    width : 100%;
}
#id-shinken-propose-table .shinken-section-header .shinken-col-title {
    width : 100%;
}
#id-shinken-propose-table .shinken-section-header .shinken-col-button {
    text-align : right;
    min-width  : 250px;
}
#id-shinken-propose-table .shinken-table-proposed .shinken-table-proposed-data {
    text-align : left;
    padding    : 3px 15px;
}
#id-shinken-propose-table .shinken-difference-btn {
    padding       : 3px;
    margin        : 3px;
    cursor        : pointer;
    border-radius : 3px;
}
#id-shinken-propose-table .shinken-change-import-key-cell {
    min-width : 50px;
}
#id-shinken-propose-table .shinken-title {
    display       : inline-block;
    float         : none;
    margin-left   : 0 !important;
    padding-left  : 5px;
    padding-right : 5px;
    margin-bottom : 10px;
    font-weight   : bold;
    border-bottom : 2px solid #656565;
    width         : 100%;
}
/********************* HEADER  ****************************************************************************/
#id-shinken-propose-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-first-cell,
#id-shinken-propose-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-second-cell {
    width   : 18%;
}
#id-shinken-propose-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-third-cell,
#id-shinken-propose-table .shinken-table-difference .shinken-table-difference-header .shinken-difference-header-fifth-cell {
    width   : 30%;
}
#id-shinken-propose-table .shinken-table-difference .shinken-table-difference-header .shinken-arrow-cell,
#id-shinken-propose-table .shinken-table-difference .shinken-table-difference-header .shinken-action-cell {
    width : 2%
}
/********************* LINE PROPERTY  ****************************************************************************/
#id-shinken-propose-table .shinken-property-key-generic-cell.shinken-action-cell {
    position : relative;
}
#id-shinken-propose-table .shinken-body-overrides-property-difference-content-container .shinken-arrow-cell,
#id-shinken-propose-table .shinken-property-line-difference .shinken-arrow-cell {
    text-align : center;
}
/********************* LINE OVERRIDE CHECK  ****************************************************************************/
#id-shinken-propose-table .shinken-table-difference .shinken-table-line-difference:after { /*Put a spacing after the tbody*/
    content: '';
    display: block;
    height: 2px;
}
#id-shinken-propose-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-check-name-cell {
    width : 33.5%; /*18+18% - 2.5% from tabulation*/
}
#id-shinken-propose-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-previous-cell{
    width : 30%;
}
#id-shinken-propose-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-next-cell {
    width : 32%;
}
#id-shinken-propose-table .shinken-table-difference .shinken-table-line-difference[data-property-name="service_overrides"] .shinken-check-name-table-container .shinken-arrow-cell {
    width : 0;
}
/********************* PROPERTY LINE  ****************************************************************************/
#id-shinken-propose-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-key-cell{
    width: 13%; /*18% - 5% from tabulation*/
}
#id-shinken-propose-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-property-name-cell{
    width: 18%;
}
#id-shinken-propose-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-previous-value-cell,
#id-shinken-propose-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-next-value-cell{
    width: 30%;
}
#id-shinken-propose-table .shinken-table-difference .shinken-overrides-property-difference-table .shinken-arrow-cell{
    width: 2%;
}
#id-shinken-window-modal {
    position         : fixed;
    top              : 53px;
    bottom           : 0px;
    width            : 100vw;
    background-color : rgba(0, 0, 0, 0.8);
    text-align       : center;
}
#id-shinken-window-modal .shinken-window-modal-content {
    width  : 90%;
    height : 90%;
    margin : 2% auto;
}
#id-shinken-window-modal .shinken-window-modal-content iframe {
    width         : 100%;
    height        : 100%;
    border        : 0px;
    box-shadow    : 5px 20px 15px rgb(21, 21, 21);
    border-radius : 4px;
}
#id-shinken-window-modal #id-shinken-window-modal-close {
    min-height: 40px;
    min-width: 40px;
    position: absolute;
    top : 10px;
    right: 10px;
    font-size: 50px;
    font-weight: bold;
    color: white;
}
#id-shinken-window-modal #id-shinken-window-modal-close:after{
    content: "x";
}
.working-area, .working-area-action-panel, .menu-working-element-summary {
    border           : solid;
    border-width     : 1px 1px 0 1px;
    border-color     : #FF9670;
    background-color : #FFCF9D !important;
    background-image : repeating-linear-gradient(45deg, transparent, transparent 20px, #000000 20px, #000000 40px) !important;
}
body[data-list-type='working_area'] .elements-action-panel .elements-title-panel .shinken-action,
body[data-list-type='my_working_area'] .elements-action-panel .elements-title-panel .shinken-action {
    height : 50px;
    border : none;
}
.menu .navigation .navigation-entry > li > a.menu-working-element-summary {
    background-color : #FFCF9D !important;
}
.background-text-working-area {
    background-color : rgba(255, 255, 255, 1);
    color            : #000000;
    border-radius    : 5px;
    padding          : 2px 0 3px 2px;
    border           : 1px solid;
    height           : 23px;
}
.working-area-list-panel {
    border           : solid;
    border-width     : 0 1px 1px 1px !important;
    border-color     : #FF9670 !important;
    background-color : #FFCF9D !important;
}
.working-area-icon-title {
    position : relative;
    top      : 4px;
}
.working-area-working {
    color   : #FFCF9D;
    padding : 3px;
}
.working-area-action-panel > div.elements-title-panel > div.title.white-around {
    background-color : #FCFCFC;
    color            : #000000;
    border           : 1px solid #060606;
    font-size        : 30px;
    padding          : 0 5px;
    border-radius    : 5px;
    display          : inline-block;
    margin-right     : 25px;
    margin-left      : 5px;
    line-height      : 24px;
}
.working-area-banner {
    padding       : 4px 4px;
    border-radius : 5px 5px 0 0;
    display       : none;
    box-sizing    : border-box;
    border-radius : 5px 5px 0 0;
    background    : #743333 linear-gradient(60deg, #6F746F, #743333) repeat scroll 0% 0%;
}
.area-header .working-area-banner .to-staging-button {
    vertical-align      : middle;
    display             : inline-block;
    padding             : 8px 15px;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    min-width           : 150px;
}
.area-header .working-area-banner .to-staging-button .btn-elements {
    display             : block;
    padding             : 4px 5px;
    border-radius       : 3px !important;
    background-color    : #4C8B26;
    background-image    : linear-gradient(to bottom, #86C163, #4C8B26);
    text-shadow         : 0 -1px 1px rgba(255, 255, 255, 0.2);
    border              : 1px solid white;
    box-shadow          : 0 5px 15px rgba(0, 0, 0, .3);
    color               : white;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}
.area-header .working-area-banner .to-staging-button .btn-elements.hover, .btn-elements:hover {
    text-decoration     : none;
    background-color    : #E6E6E6;
    background-position : 0 -29px;
    transition          : background-position 0.2s linear 0s;
    color               : white;
}
.white-around {
    background-color : #FCFCFC;
    color            : #000000;
    border           : 1px solid #060606;
    font-size        : 18px;
    padding          : 0 10px;
    border-radius    : 5px;
    display          : inline-block;
    margin-right     : 15px;
    margin-left      : 15px;
    line-height      : 23px;
}
.working-area-banner .icon {
    position   : relative;
    top        : 2px;
    width      : 28px;
    text-align : center;
}
.comments-tooltip {
    position   : relative;
    display    : none;
    margin     : 10px;
    top        : -8px;
    left       : -19px;
    color      : #000000;
    text-align : left;
}
.comments-tooltip-inner {
    width              : 250px;
    font-size          : 12px;
    padding            : 10px;
    padding-bottom     : 0;
    background-color   : #FFFFFF;
    border             : 1px solid #000000;
    border-radius      : 5px;
    margin-top         : 20px;
    margin-left        : 15px;
    -webkit-box-shadow : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow    : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow     : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow      : 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow         : 2px 2px 6px rgba(0, 0, 0, 0.28);
    word-break         : normal;
}
.comment-pane {
    margin-bottom : 10px;
}
.comment-pane-top {
    padding                 : 5px;
    border                  : 1px solid #000000;
    border-top-left-radius  : 5px;
    border-top-right-radius : 5px;
    background-color        : #D3D3D3;
    word-wrap               : break-word;
    white-space             : normal;
}
.comment-pane-bottom {
    border                     : 1px solid #000000;
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
    padding                    : 3px 6px;
    max-height                 : 300px;
    overflow-y                 : auto;
    white-space                : pre-line;
}
.elements-list-panel .body-inner .cell.column-comments .comments-tooltip .shinken-hook-pop-up {
    top  : -16px;
    left : 0;
}
.text_propose_comment {
    white-space : pre-line;
    border      : 2px solid #FEAE80;
    padding     : 2px;
}
.text_propose {
    text-indent : 30px;
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.elements-list-panel .body-inner .cell.column-working_area_status .rejected-tooltip {
    position       : relative;
    text-align     : left;
    display        : none;
    pointer-events : none;
    width          : 250px;
    font-size      : 12px;
    padding        : 20px 10px 20px 10px;
    word-break     : normal;
}
.elements-list-panel .body-inner .cell.column-working_area_status .rejected-tooltip .text_reject {
    background-color   : #FD5753;
    color              : #000000;
    padding            : 5px 15px;
    border-radius      : 5px;
    display            : inline-block;
    box-shadow         : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow    : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow     : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow      : 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow         : 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.elements-list-panel .body-inner .cell.column-working_area_status .rejected-tooltip .text_reject_desc {
    background-color : #FD5753;
    color            : #000000;
    text-align       : left;
    word-break       : normal;
    white-space      : pre-line;
    padding          : 1px 3px;
    border-radius    : 5px;
    display          : inline-block;
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.elements-list-panel .body-inner .cell.column-working_area_status:hover .rejected-tooltip {
    display        : block;
    pointer-events : auto;
}
.elements-list-panel .body-inner .cell.column-comments:hover .comments-tooltip {
    display        : block;
    pointer-events : auto;
}
.elements-list-panel .body-inner .cell.column-working_area_status .comments-tooltip-inner {
    background-color   : #FFFFFF;
    color              : #000000;
    width              : 250px;
    padding            : 5px 2px;
    border-radius      : 5px;
    display            : inline-block;
    box-shadow         : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow    : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow     : 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow      : 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.action-area-inside > table {
    width : 100%;
}
.action-area-inside > table {
    display : none;
}
[data-type="hosts"] .action-area-inside > table {
    display : table;
}
.comment-header .comments-tooltip {
    position : absolute;
    top      : 10px;
    right    : 0;
    left     : inherit;
    z-index  : 10000;
}
.comment-header:hover .comments-tooltip {
    display        : block;
    pointer-events : auto;
}
.btn-apply_work_area {
    color             : #FFFFFF;
    background-color  : #4C8B26 !important;
    background-image  : linear-gradient(to bottom, #86C163, #4C8B26);
    background-repeat : repeat-x;
    padding           : 0 5px;
}
.btn-reject_work_area, .btn-reject_work_area.disabled {
    color             : #FFFFFF;
    background-color  : #DA4F49 !important;
    background-image  : linear-gradient(to bottom, #EE5F5B, #BD362F);
    background-repeat : repeat-x;
}
.shinken-content .action-area .action-button .btn-submit-to-stagging {
    color             : #FFFFFF;
    text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align        : center;
    width             : 50%;
    background-color  : #6A00F9;
    /*background-image  : linear-gradient(to bottom, #6A00F9, #9F01F9);*/
    background-image  : linear-gradient(to bottom, #A168C1, #6A00F9);
    background-repeat : repeat-x;
    border-color      : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius     : 5px;
    cursor            : pointer;
}
.shinken-content .action-area .action-button .btn-submit-to-stagging:hover {
    background-position : 0 -500px !important;
    transition          : background-position 0.1s linear 0s !important;
    /*background-image: none;*/
}
.shinken-content .action-area .action-button .btn-submit-to-stagging.in-pop-up {
    display          : inline-block;
    background-color : #9F01F9;
    background-image : linear-gradient(to bottom, darkgrey, grey);
    border-color     : white;
}
.shinken-content .action-area .action-button .btn-submit-to-stagging.in-pop-up:hover {
    background-image : none;
}
.shinken-content .action-area .action-button .btn-submit-to-stagging.btn-left-merged {
    border-bottom-right-radius : 0;
    border-top-right-radius    : 0;
}
.shinken-content .action-area .action-button .btn-submit-to-stagging.btn-right-merged {
    border-bottom-left-radius : 0;
    border-top-left-radius    : 0;
}
.shinken-content .action-area .action-button #comment-to-submit-for-staging {
    position         : fixed;
    z-index          : 9999;
    color            : #FFFFFF;
    text-shadow      : 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color : #4E00B7;
    border           : 2px solid #868686;
    padding          : 5px;
    display          : none;
    text-align       : center;
    border-radius    : 5px;
}
.shinken-content .action-area .action-button #comment-to-submit-for-staging .shinken-tooltip-arrow {
    position           : absolute;
    top                : 14px;
    left               : -16px;
    margin-top         : -4px;
    border             : 8px solid transparent;
    border-right-color : #868686;;
    display            : block;
    width              : 0;
    height             : 0;
}
#element-btn-submit-to-stagging table {
    height : 100%;
    width  : 100%;
}
#element-btn-submit-to-stagging table tr {
    height : 100%;
}
#element-btn-submit-to-stagging table tr a {
    height  : 100%;
    padding : 0 5px;
    border  : 0;
}
.shinken-content .action-area .action-button #comment-to-submit-for-staging.active {
    display : block;
}
.shinken-content .action-area .action-button #comment-to-submit-for-staging .close-btn-pop-up {
    position      : absolute;
    top           : -10px;
    right         : -10px;
    background    : #FFFFFF;
    border-radius : 25px;
    height        : 21px;
    width         : 21px;
    color         : #868686;
    border        : 1px solid #868686;
    cursor        : pointer;
}
.shinken-content .action-area .action-button #comment-to-submit-for-staging textarea {
    min-height : 85px;
    min-width  : 300px;
}
.shinken-content .action-area .action-button .btn-unlock-work-area {
    color             : #FFFFFF;
    text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color  : #7C353B;
    background-image  : linear-gradient(to bottom, #A76666, #7C353B);
    background-repeat : repeat-x;
    border-color      : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.elements-list-panel .body-inner .cell .tag.WORKING, .shinken-tab-title .tag.WORKING {
    background : #FFCF9D;
    color      : #000000;
}
.elements-list-panel .body-inner .cell .tag.PROPOSED, .shinken-tab-title .tag.PROPOSED {
    background : #E26B26;
    color      : #000000;
}
.elements-list-panel .body-inner .cell .tag.REJECTED, .shinken-tab-title .tag.REJECTED {
    background : #FD5753 none repeat scroll 0% 0%;
    color      : #000000;
}
.elements-list-panel .body-inner .cell .tag.VALIDATED, .shinken-tab-title .tag.VALIDATED {
    background : #43BAFF none repeat scroll 0% 0%;
    color      : #000000;
}
.shinken-tab-title .tag {
    padding : 1px 3px 0 3px;
}
.elements-action-panel .elements-title-panel .see-all-button {
    display    : inline-block;
    margin-top : 5px;
}
.elements-action-panel .elements-title-panel .see-all-button .btn-elements {
    display          : block;
    padding          : 4px 5px;
    border-radius    : 3px !important;
    background-color : #0095DA;
    background-image : linear-gradient(to bottom, #38C0FF, #0597DA);
    text-shadow      : 0 -1px 1px rgba(255, 255, 255, 0.2);
    border           : 1px solid white;
    box-shadow       : 0 5px 15px rgba(0, 0, 0, .3);
    color            : white;
}
.elements-action-panel .elements-title-panel .see-all-button .btn-elements.hover, .btn-elements:hover {
    text-decoration     : none;
    background-color    : #E6E6E6;
    background-position : 0 -29px;
    transition          : background-position 0.2s linear 0s;
    color               : white;
}
.no-edit-propose {
    padding       : 6px 14px;
    border-bottom : 1px solid #EBEBEB;
    border-radius : 5px;
    font-size     : 26px;
    background    : #E26B26;
    border        : 1px white solid;
}
.no-edit-working-area {
    background    : #FFCF9D none repeat scroll 0% 0%;
    border        : 1px white solid;
    font-size     : 18px;
    padding       : 2px 5px;
    border-radius : 5px;
    display       : inline-block;
    margin-right  : 25px;
}
/* select style when an option is only available in workarea*/
/** Dropdown */
.elements-option-in-workarea {
    color            : black;
    background-color : #FFCF9D;
}
/* ************************************************** Event display banner *****************************************************************************************************/
.shinken-content #right-column.working-area .staging-area-banner {
    display : none;
}
.shinken-content #right-column.working-area .working-area-banner {
    display : table-cell;
}
body[data-state-work-flow="save-in-working-area"] .hide-when-save-in-working-area,
body[data-state-work-flow="save-direct-in-staging"][data-is-admin="True"] .hide-when-save-direct-in-staging {
    display : none !important;
}
body[data-state-work-flow="save-in-working-area"][data-in-working-area="false"] .working-area-banner,
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="false"][data-is-admin="True"] .working-area-banner,
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="true"][data-element-modify="true"][data-is-admin="True"] .working-area-banner {
    display : none;
}
body[data-state-work-flow="save-in-working-area"][data-in-working-area="true"] .staging-area-banner,
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="true"][data-is-admin="True"] .staging-area-banner,
body[data-state-work-flow="save-in-working-area"][data-in-working-area="false"][data-element-modify="true"] .staging-area-banner {
    display : none !important;
}
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="true"][data-is-admin="True"] .working-area-banner,
body[data-state-work-flow="save-in-working-area"][data-in-working-area="true"] .working-area-banner,
body[data-state-work-flow="save-in-working-area"][data-in-working-area="false"][data-element-modify="true"] .working-area-banner {
    display : inline-block;
}
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="true"] #right-column,
body[data-state-work-flow="save-in-working-area"][data-in-working-area="true"] #right-column,
body[data-state-work-flow="save-in-working-area"][data-in-working-area="false"][data-element-modify="true"] #right-column {
    border           : solid;
    border-width     : 1px 1px 0 1px;
    border-color     : #FF9670;
    background-color : #FFCF9D;
    background-image : repeating-linear-gradient(45deg, transparent, transparent 20px, #000000 20px, #000000 40px);
}
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="true"][data-element-modify="true"] #right-column {
    border           : none;
    background-color : transparent;
    background-image : none;
}
body[data-state-work-flow="save-in-working-area"][data-in-working-area="false"] .staging-area-banner,
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="false"] .staging-area-banner,
body[data-state-work-flow="save-direct-in-staging"][data-in-working-area="true"][data-element-modify="true"] .staging-area-banner {
    display : inline-block !important
}