/***************************************        CONTAINER        ********************************************/
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration {
    width            : 270px;
    background-color : #343434;
    border-radius    : 5px
}
/***************************************        SEPARATOR        ********************************************/
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-dropdown-separator-container .shinken-dropdown-separator {
    width            : 100%;
    background-color : #FFFFFF;
    height           : 1px;
}
/***************************************        DECONNECTION        ********************************************/
/*.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-dropdown-common-button {*/
/*    width  : 100%;*/
/*    height : 40px;*/
/*}*/
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-dropdown-common-button-content-container {
    padding : 10px 10px;
    cursor  : pointer;
}
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-dropdown-common-button-content-label {
    padding-right : 20px;
    color         : #FFFFFF;
    font-size     : 13px;
    height        : 20px;
    line-height   : 20px;
}
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-dropdown-common-button-content-container .shinken-dropdown-label-icon {
    float     : right;
    color     : #78909C;
    font-size : 10px;
}
/***************************************        TOGGL ICON        ********************************************/
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-toggle-container.shinken-close .shinken-dropdown-common-button .shinken-dropdown-common-button-content-container .shinken-2023-arrow-up {
    display : none;
}
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-toggle-container.shinken-close .shinken-dropdown-common-button .shinken-dropdown-common-button-content-container .shinken-2023-arrow-down {
    display : inline;
}
.shinken-user-configuration-drop-down .shinken-dropdown-container-configuration .shinken-toggle-container .shinken-dropdown-common-button .shinken-dropdown-common-button-content-container .shinken-2023-arrow-down {
    display : none;
}
/***************************************        NOTIFICATION AREA ARROW        ********************************************/
.shinken-user-configuration-drop-down #tooltip-arrow-top-right {
    border-bottom-color : #343434;
}
/***************************************        NOTIFICATION CONTAINER       ********************************************/
.shinken-user-configuration-drop-down .shinken-notification-main-container {
    padding   : 10px;
    font-size : 11px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-title {
    color          : #FFFFFF;
    padding-bottom : 5px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-sound-icon-container {
    font-size : 10px;
    width     : 20px;
    height    : 20px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-container-radio-button-default {
    padding-right : 10px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-container-radio-button-common {
    width : 10px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-container-radio-button-common .shinken-notification-radio-button-common {
    font-size : 10px;
    cursor    : pointer;
    position  : absolute;
    left      : -20px;
    top       : 5px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-container-radio-button-common .shinken-notification-radio-button-color-for-default {
    color : #AC4FF8;
    float : right;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-container-radio-button-common .shinken-notification-radio-button-color-normal {
    color : #7D7C86;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-text-default-value-common {
    color      : #AC4FF8;
    font-style : italic;
    font-size  : 10px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-label-input-range {
    color          : #8A8A8A;
    font-size      : 10px;
    padding-bottom : 10px;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-text-enable-disable {
    color      : #8A8A8A;
    font-size  : 10px;
    text-align : center;
}

.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-blink-text-default-value {
    text-align : center;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-sound-text-default-value,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-sound-default-value {
    text-align : center;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-sound-container-default-value,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-notification-blink-container-default-value {
    width : 50%;
}
/*.shinken-user-configuration-drop-down .shinken-notification-main-container td {*/
/*    border: 1px solid red;*/
/*}*/
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-sound-container-icon-common,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-blink-container-icon-and-radio-button-common {
    width         : 20px;
    height        : 20px;
    padding       : 2px;
    text-align    : center;
    border-radius : 3px;
    box-shadow    : 0 4px 4px rgba(0, 0, 0, 0.25);
    font-size     : 10px;
    position      : relative;
    margin        : auto;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-sound-container-icon-enable,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-blink-container-icon-enable-and-radio-button {
    color      : #FFFFFF;
    background : #393939;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-sound-container-icon-enable,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-blink-container-icon-enable-and-radio-button {
    background : #4F4F4F;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-sound-container-icon-disable,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-blink-container-icon-disable-and-radio-button {
    background : #393939;
    color      : #FFFFFF;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-sound-container-icon-disable,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-blink-container-icon-disable-and-radio-button {
    background : #4F4F4F;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-sound-container-icon-disable,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-blink-container-icon-disable-and-radio-button {
    background : #393939;
    color      : #FFFFFF;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-sound-container-icon-disable,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-blink-container-icon-disable-and-radio-button {
    background : #4F4F4F;
}

.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-volume-container-icon-default,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-sound-container-icon-default,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-blink-container-icon-default {
    background : #393939;
    color      : #AC4FF8;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-volume-container-icon-default,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-sound-container-icon-default,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-active .shinken-blink-container-icon-default {
    background : #4F4F4F;
}
/***************************************        VOLUME        ********************************************/
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume[data-value="0"] .shinken-notification-sound-icon-container .shinken-sound-on {
    display : none;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume:not([data-value="0"]) .shinken-notification-sound-icon-container .shinken-sound-off {
    display : none;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume[data-default-value="0"] .shinken-volume-container-icon-default .shinken-sound-on {
    display : none;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume[data-default-value="1"] .shinken-volume-container-icon-default .shinken-sound-off {
    display : none;
}

.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume[data-default-value="0"] .shinken-volume-icon-default-value .shinken-sound-on {
    display : none;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume:not([data-default-value="0"]) .shinken-volume-icon-default-value .shinken-sound-off {
    display : none;
}

.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-sound-icon-container .shinken-input-range-btn-default {
    background : #93D5F3;
    color      : #000000;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume .shinken-notification-sound-icon-container .shinken-sound-svg path {
    fill : #FFFFFF;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-sound-icon-container .shinken-sound-svg path {
    fill : #AC4FF8;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-volume-icon-default-value .shinken-sound-svg path {
    fill : #AC4FF8;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-volume-icon-default-value .shinken-sound-svg path {
    fill : #AC4FF8;
}
/***************************************        SLIDER        ********************************************/
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-notification-main-table .shinken-range-container {
    padding-left : 10px;
}
body:not(.shinken-navigator-is-IE) .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound {
    -webkit-appearance : none;
    width              : 100%;
    height             : 2px;
    border-radius      : 5px;
    outline            : none;
    opacity            : 0.7;
    -webkit-transition : .2s;
    transition         : opacity .2s;
    cursor: pointer;
}
body:not(.shinken-navigator-is-IE) .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound::-webkit-slider-thumb {
    -webkit-appearance : none;
    appearance         : none;
    width              : 10px;
    height             : 10px;
    border-radius      : 50%;
    background         : #363636;
    cursor             : pointer;
    border             : #FFFFFF solid 1px;
}
body:not(.shinken-navigator-is-IE) .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound::-moz-range-thumb {
    width         : 8px;
    height        : 8px;
    border-radius : 50%;
    background    : #363636;
    cursor        : pointer;
    border        : #FFFFFF solid 1px;
}
body:not(.shinken-navigator-is-IE) .shinken-user-configuration-drop-down .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-slider-sound {
    border : 1px solid #AC4FF8;
}
body:not(.shinken-navigator-is-IE) .shinken-user-configuration-drop-down .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-slider-sound::-webkit-slider-thumb {
    border-color : #AC4FF8;
}
body:not(.shinken-navigator-is-IE) .shinken-user-configuration-drop-down .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-slider-sound::-moz-range-thumb {
    border-color : #AC4FF8;
}
/***************************************        SLIDER IE       ********************************************/
body.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound {
    -webkit-appearance : none;
    width              : 100% !important;
    border             : none;
    outline            : none;
    opacity            : 0.7;
    -webkit-transition : .2s;
    transition         : opacity .2s;
    padding            : 0;
    cursor             : pointer;
}
/*ms-track: c'est le container de la barre*/
body.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound::-ms-track {
    /* IE Range track */
    border-color  : transparent;
    border-width  : 4px 0px; /* allows taller thumb */
    color         : transparent;
    height        : 2px;
    width         : 100%;
    background    : transparent;
    border-radius : 5px;
}
/*ms-thumb: c'est le cercle de lar barre*/
body.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound::-ms-thumb {
    /* Thumb */
    background    : #363636;
    border        : #FFFFFF solid 1px;
    border-radius : 8px;
    height        : 8px;
    width         : 8px;

}
body.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-slider-sound::-ms-thumb {
    /* Thumb */
    border : #AC4FF8 solid 1px;
}
/*ms-fill-lower: c'est la partie gauche avant le cercle de la barre*/
/*ms-fill-upper: c'est la partie droite après le cercle de la barre*/
body.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound::-ms-fill-lower,
body.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound::-ms-fill-upper {
    /* IE Range upper fill */
    background    : #FFFFFF;
    border-radius : 5px;
    height        : 2px;
}
body.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume .shinken-notification-slider-sound::-ms-tooltip {
    /* IE Range upper fill */
    display : none;
}
.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-slider-sound::-ms-fill-lower,
.shinken-navigator-is-IE .shinken-user-configuration-drop-down .shinken-tbody-for-volume[data-default-btn-status="1"] .shinken-notification-slider-sound::-ms-fill-upper {
    background : #AC4FF8;
}


/***************************************        RADIO        ********************************************/
.shinken-user-configuration-drop-down .shinken-notification-main-container [type=radio] {
    position : absolute;
    opacity  : 0;
    width    : 100% !important;
    height   : 100% !important;
    margin   : 0 !important;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container [type=radio] + svg {
    cursor : pointer;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-radio-button-notification-sound-group,
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-radio-button-notification-blink-group {
    height   : 10px;
    width    : 10px;
    position : relative;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-radio-button-default-value-svg svg.shinken-radio-button-svg .shinken-checked-svg circle {
    fill : #AC4FF8;
}
.shinken-user-configuration-drop-down .shinken-notification-main-container .shinken-radio-button-default-value-svg svg.shinken-radio-button-svg .shinken-unchecked-svg circle {
    stroke : #AC4FF8;
}
.shinken-user-configuration-drop-down .shinken-user-configuration-drop-down .shinken-radio-element {
    cursor: pointer;
}
/***************************************       BLINK ICONS        ********************************************/
.shinken-user-configuration-drop-down .shinken-user-configuration-drop-down .shinken-radio-element.shinken-active .shinken-radio-button-svg .shinken-unchecked-svg {
    display : none;
}
.shinken-user-configuration-drop-down .shinken-user-configuration-drop-down .shinken-radio-element:not(.shinken-active) .shinken-radio-button-svg .shinken-checked-svg {
    display : none;
}
.shinken-user-configuration-drop-down .shinken-blink-icon-enable .shinken-blink-icon path,
.shinken-user-configuration-drop-down .shinken-blink-icon-disable .shinken-blink-icon path {
    fill : #FFFFFF;
}
.shinken-user-configuration-drop-down .shinken-blink-icon-default-value .shinken-blink-icon path {
    fill : #AC4FF8;
}
.shinken-user-configuration-drop-down .shinken-blink-icon-disable .shinken-blink-icon .shinken-on-svg {
    display : none;
}
/***************************************        WARNING MESSAGES       *************************************/
.shinken-user-configuration-drop-down .shinken-tbody-for-blink .shinken-warning-for-user-configuration {
    display : none !important;
}
/***************************************        DEBUG SEF-10563        ********************************************/
.shinken-user-configuration-drop-down[data-active-view="360"] .shinken-notification-main-container .shinken-notification-main-table,
.shinken-user-configuration-drop-down[data-active-view="impacts"] .shinken-notification-main-container .shinken-notification-main-table,
.shinken-user-configuration-drop-down[data-active-view="reporting-web"] .shinken-notification-main-container .shinken-notification-main-table,
.shinken-user-configuration-drop-down[data-active-view="reporting"] .shinken-notification-main-container .shinken-notification-main-table {
    cursor : default;
}
.shinken-user-configuration-drop-down[data-active-view="360"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume,
.shinken-user-configuration-drop-down[data-active-view="360"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-blink,
.shinken-user-configuration-drop-down[data-active-view="impacts"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume,
.shinken-user-configuration-drop-down[data-active-view="impacts"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-blink,
.shinken-user-configuration-drop-down[data-active-view="reporting-web"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume,
.shinken-user-configuration-drop-down[data-active-view="reporting-web"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-blink,
.shinken-user-configuration-drop-down[data-active-view="reporting"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-volume,
.shinken-user-configuration-drop-down[data-active-view="reporting"] .shinken-notification-main-container .shinken-notification-main-table .shinken-tbody-for-blink {
    opacity        : 0.4;
    pointer-events : none;
}