/*
 * Copyright 2005-2021 Centreon
 * Centreon is developped by : Julien Mathis and Romain Le Merlus under
 * GPL Licence 2.0.
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License as published by the Free Software
 * Foundation ; either version 2 of the License.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
 * PARTICULAR PURPOSE. See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with
 * this program; if not, see <http://www.gnu.org/licenses>.
 *
 * Linking this program statically or dynamically with other modules is making a
 * combined work based on this program. Thus, the terms and conditions of the GNU
 * General Public License cover the whole combination.
 *
 * As a special exception, the copyright holders of this program give Centreon
 * permission to link this program with independent modules to produce an executable,
 * regardless of the license terms of these independent modules, and to copy and
 * distribute the resulting executable under terms of Centreon choice, provided that
 * Centreon also meet, for each linked independent module, the terms  and conditions
 * of the license of that module. An independent module is a module which is not
 * derived from this program. If you modify this program, you may extend this
 * exception to your version of the program, but you are not obliged to do so. If you
 * do not wish to do so, delete this exception statement from your version.
 *
 * For more information : contact@centreon.com
 *
 */

 ::-webkit-scrollbar {
    height: var(--scrollbar-height);
    width: var(--scrollbar-width);
    background-color: var(--scrollbar-background);
}
::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-background);
    border-radius: calc(var(--scrollbar-width) / 2);
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-background-hover);
}

* {
    margin:0;
    padding:0;
    scrollbar-color: var(--scrollbar-thumb-background) var(--scrollbar-background);
    scrollbar-width: thin;
}
html {
    height: 100%;
    font-size:12px;
}
body {
    background-color:var(--body-background);
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size:1rem;
    color:var(--body-color);
    height: 100%;
}
.link a {
    font-size:1rem;
}

/* Set Basic objects properties */
a {
    text-decoration:none;
}

img, hr {
    border:0;
    padding:0;
}
ul {
    list-style-type:none;
}

table {
    border-collapse:collapse;
    empty-cells:show;
    border-spacing:0;
}

img {
    margin:0px;
    padding:0;
}

input, textarea {
    border: 1px solid var(--textarea-border-color);
    background-color: var(--textarea-background-color);
    color: var(--textarea-font-color);
}

input, select {
    border-radius: 0px;
    padding: 4px;
    border: 1px solid var(--select-border-color);
    line-height: 18px;
    background-color: var(--input-select-background-color);
    color: var(--select-color);
}

input[type="checkbox"]  {
    border: 0px;
    margin: 0;
    padding: 0px;
    vertical-align: middle;
}

.md-checkbox {
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.md-checkbox.md-checkbox-inline {
    display: inline-block;
}
.md-checkbox label {
    cursor: pointer;
    display: inline;
    line-height: 1.25em;
    vertical-align: top;
    clear: both;
    padding-left: 1px;
}
.md-checkbox label.empty-label {
    margin-left: 0;
    padding-left: 0;
}
.md-checkbox label:not(:empty) {
    padding-left: 0.4em;
}
.md-checkbox label:before, .md-checkbox label:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
}
.md-checkbox label:before {
    width: 1.25em;
    height: 1.25em;
    background: var(--md-checkbox-background);
    border: 2px solid var(--table-font-color);
    border-radius: 0.125em;
    cursor: pointer;
    transition: background .3s;
}

.md-checkbox input[type="checkbox"] {
    outline: 0;
    visibility: hidden;
    width: 1.25em;
    margin: 0;
    display: block;
    float: left;
    font-size: inherit;
}
.md-checkbox input[type="checkbox"]:checked + label:before {
    background: var(--bt-success-background-color);
    border: none;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
    transform: translate(.25em, 0.3365384615em) rotate(-45deg);
    width: 0.75em;
    height: 0.375em;

    border: 0.145em solid var(--md-checkbox-border-color-after);
    border-top-style: none;
    border-right-style: none;
}
.md-checkbox input[type="checkbox"]:disabled + label:before {
    border-color: var(--md-checkbox--disabled-border-color-before);
}
.md-checkbox input[type="checkbox"]:disabled:checked + label:before {
    background: var(--md-checkbox--disabled-checked-background-color-before);
}
.md-checkbox input[type="checkbox"]:disabled:checked + label.md-label-green:before {
    background: var(--md-check-input-disabled-checked-before);
}


@keyframes ripple {
    0% {
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0);
    }
    50% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
    }
}
.md-radio, .md-radio-modified {
    vertical-align: bottom;
}
.md-radio.md-radio-inline, .md-radio-modified.md-radio-inline {
    display: inline-block;
}
.md-radio input[type="radio"], .md-radio-modified input[type="radio"] {
    display: none;
}
.md-radio input[type="radio"]:checked + label:before, .md-radio-modified input[type="radio"]:checked + label:before {
    border-color: var(--md-radio-checked-backgroud-color);
}
.md-radio input[type="radio"]:checked + label:after, .md-radio-modified input[type="radio"]:checked + label:after {
    transform: scale(1);
}
.md-radio label, .md-radio-modified label {
    display: inline-block;
    height: 16px;
    position: relative;
    padding: 2px 6px 0 18px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom;
}
.md-radio label:before, .md-radio label:after, .md-radio-modified label:before, .md-radio-modified label:after {
    position: absolute;
    box-sizing: border-box;
    content: '';
    border-radius: 50%;
    transition: all .3s ease;
    transition-property: transform, border-color;
}
.md-radio label:before, .md-radio-modified label:before {
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 2px solid var(--bt-success-background-color);
}
.md-radio label:after, .md-radio-modified label:after {
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    transform: scale(0);
    background: var(--bt-success-background-color);
}
.md-radio-modified label {
    padding: 4px 0px 0 18px;
    height: 17px;
}

input[type="radio"] {
    vertical-align: middle;
}

select {
    background-color: var(--select-background) ;
    background-image: url('../../img/icones/7x7/sort_desc.gif');
    background-repeat: no-repeat, repeat;
    background-position: right 5px top 50%, 0 0;
    background-size: .65em auto, 100%;
    min-width: 50px;
    width: auto;
    font-family: "Open Sans", Arial, Tahoma, Helvetica, sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 20px 4px 6px;
    color: var(--select-color) ;
    overflow-y: auto;
}

select::-ms-expand {
    display: none;
}
select[multiple="multiple"] {
    background-image: none;
    overflow: auto;
}
option {
    color: var(--option-color);
    padding-left: 1px;
    padding-right: 1px;
}

hr {
    background-color: var(--hr-background-color);
    height: 1px;
    margin: 3px 0;
}

iframe {
    border: none;
}

label {
    vertical-align: middle;
}
.main {
    padding: 0px 15px;
}
.pathway {
    padding: 10px 0;
}
pre.wrap {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.margin_right {
    margin-right: 6px;
}

.table{
    width: 100%;
    text-overflow: ellipsis;
    white-space: initial;
}

.subTable {
    margin: 4px 8px;
    width: auto !important;
    line-height: 18px;
}

p.description {
    color: var(--p-color-description-color);
    padding: 4px 0px;
}

p.description a, p.description a:visited {
    color: var(--bt-success-background-color);
}

/* -------- wrappers ----------*/

.center_box {
    width: 450px;
    border: 1px solid var(--center-box-border-color);
    margin: auto;
    border-radius: 4px;
}

.center_box img {
    text-align: center;
    border: 0;
    display: block;
    margin: 24px auto;
}

.center_box a {
    text-align: center;
}

.border-radius {
    border: 1px solid var(--border-radius-border-color);
    padding: 2px;
    border-radius: 4px;
    display: inline-block;
}

/* ------ slider ------------*/

#rotation_timer {
    width: 180px !important;;
    margin: 12px 10px !important;;
    background-color: var(--rotation-timer-background-color) !important;;
    border: 1px solid var(--rotation-timer-border-color) !important;;
}

.ui-slider .ui-slider-handle {
    width: 8px !important;
    height: 8px !important;
    background: var(--ui-silder-handle-background-color) !important;
    border: 1px solid var(--ui-silder-handle-border-color) !important;
    z-index: 3 !important;
    border-radius: 4px !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em !important;
}

.ui-slider-horizontal {
    height: .2em !important;
}

#timer_value {
    text-align: center;
    color: var(--timer-value-color);
}

/* ------ Select 2 ---------*/

.select2-container {
    width: 213px !important;
}

.select2-selection {
    cursor: initial !important;
}

.select2-container .select2-selection--multiple {
    min-height: auto !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

::placeholder {
    color: var(--placeholder-font-color);
}

.select2-container--default .select2-selection--single {
    background-color: var(--select2-container-selection-background-color);
    border: 1px solid var(--bt-success-background-color);
    border-radius: 0 !important;
}

/* Selected element on select2 */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0;
    margin-right: 2px !important;
    padding: 0 !important;
}

/* Remove button on element in multiple select select2 */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--select2-selection-multiple-color) !important;
    padding: 2px 5px;
    background-color: var(--select2-selection-choice-remove-background-color);
    border-bottom: 1px solid var(--select2-selection-multiple-border-color);
    border-right: 1px solid var(--select2-selection-multiple-border-color);
    border-top: 1px solid var(--select2-selection-multiple-border-color);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    margin-right: 0 !important;
    float: right;
}

/* Content for display text in selected element on select 2 fields */
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-content {
    padding: 2px 8px 2px 8px;
    border-top: 1px solid var(--select2-selection-multiple-content-border-color-top);
    border-bottom: 1px solid var(--select2-selection-multiple-content-border-color-bottom);
    border-right: 1px solid var(--select2-selection-multiple-content-border-color-right);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    color: var(--select2-results-option-highlighted-background-color);
    background-color: var(--select2-selection-multiple-content-background-color);
    float: left;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--select2-results-option-highlighted-background-color);
    color: var(--select2-results-option-highlighted-color) !important;
}
.select2-container--default .select2-selection--multiple {
    border-radius: 0 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--select2-results-option-highlighted-color-aria-selected) !important;
    color: var(--select2-results-option-highlighted-color-aria-selected-font-color);
}

.formTable .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    min-height: 28px;
}

.ajaxOption .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    max-height: 80px;
}

.formTable .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    min-height: 28px;
}

/* Selected elements  */
.select2-results-header {
    width: 100%;
    z-index: 5000;
    position: relative;
    background-color: var(--selected2-results-header-background-color);
    border-bottom: 1px solid var(--selected2-results-header-border-bottom-color);
}

.select2-results-header:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.select2-results-header__nb-elements {
    display: inline-block;
    margin: 5px 3px;
    padding: 4px 0;
    color: var(--select2-results-header-color);
}

.select2-results-header__select-all {
    display: inline-block;
    float: right;
    margin: 5px 3px;
}

.clearAllSelect2 {
    margin-left: 4px;
}

.clearAllSelect2 img {
    vertical-align: middle;
}
/* -------- Tooltip ------- */
#WzTtDiV {
    overflow: visible !important;
    border: 1px solid var(--WzTtDi-border-color);
    border-radius: 4px;
    background: var(--WzTtDi-background-color);
}
#WzTiTl {
    background: var(--WzTiTl-background-color) !important;
}

#WzClOsE {
    padding: 1px 0px !important;
    cursor: pointer !important;
    color: var(--wzclose-font-color) !important;
    font-size: 8px !important;
    background: var(--wzclose-background-color) !important;
    border: 2px solid var(--wzclose-border-color) !important;
    border-radius: 20px !important;
    margin: 0px -15px 0px 0px;
    display: inline-block;
    top: -1.2em;
}
#WzTiTlI,#WzTtShDwR,#WzTtShDwB {
    display: none;
}

#WzBoDy {
    position: relative !important;
    z-index: 1 !important;
    border: none !important;
    padding: 0px 6px !important;
    background: none !important;
    top: -1em !important;
}
#WzBoDyI {
    color: var(--WzBodyI-font-color) !important;
    text-align: left !important;
    line-height: 16px !important;
}

/* ------ START : Colors -----*/
.red {
    color: var(--red-color);
}
/* ------ END : Colors -----*/

/* ------------ Badge -----------*/

.badge  {
    display: inline-block;
    border-radius: 18px;
    color: var(--badge-color);
    padding: 5px 10px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    min-width: 60px;
}

.badge a  {
    display: inline-block;
    color: var(--badge-a-color);
}

/* ----------- States --------------- */

.default_badge {
    background-color: var(--default-badge-background-color);
}
.host_down, .danger, .service_critical  {
    background-color: var(--host-down-danger-service-critical-background-color);
}
.host_unreachable, .unknown , .service_unknown {
    background-color: var(--host-unreachable-unknown-background-color);
}
.host_downtime      {
    background-color: var(--host-downtime-background-color);
}

.service_ok,.host_up, .success  {
    background-color: var(--service-ok-host-up-success-background-color);
}

.service_warning, .warning  {
    background-color: var(--service-warning-background-color);
}
.pending    {
    background-color: var(--pending-background-color);
}
.info {
    background-color: var(--info-background-color)
}
.ack {
    background-color: var(--ack-background-color);
}

.bdg_dtm:before {
    padding: 2px 4px;
    content: 'DTM';
    z-index: -7;
    background-color: var(--bdg-dtm-before-background-color);
    color: var(--bdg-dtm-before-color);
    font-size: 8px;
    border-radius: 2px;
    font-weight: bold;
}
.badge_downtime {
    padding: 2px;
    background-color: var(--badge-downtime-background-color);
    border-radius: 4px;
    display: inline-block;
}
.badge_undetermined {
    padding: 2px;
    background-color: var(--badge-undetermined);
    border-radius: 4px;
    display: inline-block;
}

/*------- START : Size icons --------*/

.ico-8 {
    width: 8px;
    height: 8px;
}

.ico-10 {
    width: 10px;
    height: 10px;
}

.ico-12 {
    width: 12px;
    height: 12px;
}

.ico-14 {
    width: 14px;
    height: 14px;
}

.ico-16 {
    width: 16px;
    height: 16px;
}

.ico-18 {
    width: 18px;
    height: 18px;
}

.ico-20 {
    width: 20px;
    height: 20px;
}

.ico-22 {
    width: 22px;
    height: 22px;
}
/* ------ END : Size icons
/* ------ START : Buttons -----*/
.btc {
    border-radius: 4px !important;
    padding: 4px 10px ;
    border: none !important;
    outline: none !important;
    color: var(--btc-color) !important;
    cursor: pointer;
}

.btc svg {
    fill: var(--btc-color) !important;
}

.bt_default {
    background: var(--bt-default-background-color) !important;
}

.bt_default:hover {
    background: var(--bt-default-hover-background-color) !important;
    color: var(--bt-default-hover-font-color) !important;
}

.bt_success {
    background: var(--bt-success-background-color) !important;
}
.bt_success:hover {
    background: var(--bt-action-hover-background-color) !important;
    color: var(--bt-success-hover-font-color) !important;
}

.bt_danger {
    background: var(--bt-danger-background-color) !important;
}

.bt_danger:hover {
    background: var(--bt-danger-hover-background-color) !important;
    color: var(--bt-danger-hover-font-color) !important;
}

.bt_info {
    background: var(--bt-info-background-color) !important;
}

.bt_info:hover {
    background: var(--bt-info-hover-background-color) !important;
    color: var(--bt-info-hover-font-color) !important;
}

.bt_warning {
    background: var(--bt-warning-background-color) !important;
}

.bt_action {
    background-color: var(--bt-action-color-background-color);
    color: var(--bt-action-color);
    border: 1px solid var(--bt-action-border-color);
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px !important;
}

.bt_action:hover {
    background-color: var(--bt-action-hover-background-color) !important;
    border: 1px solid var(--bt-action-hover-border-color) !important;
}

.bt_default:hover svg, .bt_success:hover svg, .bt_info:hover svg, .bt_danger:hover svg {
    fill: var(--btc-hover-color) !important;
}

.bt_default.ui-state-active,
.bt_default.ui-state-hover{
    background: var(--bt-default-ui-state-hover-background-color) !important;
    color: var(--bt-default-ui-state-hover-color) !important;
    outline: none !important;
}

.bt_success.ui-state-active,
.bt_success.ui-state-hover{
    background: var(--bt-success-ui-state-hover-background-color) !important;
    color: var(--bt-success-ui-state-hover-color) !important;
    outline: none !important;
}

.bt_danger.ui-state-active,
.bt_danger.ui-state-hover{
    background: var(--bt-danger-ui-state-hover-background-color) !important;
    color: var(--bt-danger-ui-state-hover-color) !important;
    outline: none !important;
}

.bt_info.ui-state-active,
.bt_info.ui-state-hover{
    background: var(--bt-info-ui-state-hover-background-color) !important;
    color: var(--bt-info-ui-state-hover-color) !important;
    outline: none !important;
}

.bt_warning.ui-state-active,
.bt_warning.ui-state-hover{
    background: var(--bt-warning-ui-state-hover-background-color) !important;
    color:var(--bt-warning-ui-state-hover-color) !important;
    outline: none !important;
}

.button_group {
    text-align: right;
    padding: 8px;
}

.button_group_center {
    text-align: center;
    margin: .8em;
}

.button_group input{
    padding: 0.4em .8em !important;
    text-decoration: none;
    color: var(--button-group-input-color) !important;
}

.button_group input[type="checked"] {
    vertical-align: bottom;
}
/* ------ END : Buttons -----*/

/* -------- START: Form ---------*/
input[type="submit"] {
    padding : 4px 10px;
    color: var(--input-submit-color);
}
/*--------- END : Form ---------*/

/* ------ END : Global -----*/
/* ------ START : Header -----*/

#header {
    position: relative;
    background-color: var(--header-background-color);
    height: 70px;
    padding-left: 20px;
}
#centreon_logo {
    width: 18em;
    float: left;
    margin-top: 10px;
}
#logo {
    position: absolute;
    max-width: 100%;
    top: 5px;
}

#logli {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    top: 45px;
    right: 10px;
}

form#AjaxBankBasic {
    padding-bottom: 0px;
}

#contener {
    height: calc(100% - 170px);
}
.container {
    position: absolute;
    right: 10px;
    top: 77px;
}

#Tcontener {
    height: 100%;
    position: relative;
    margin-bottom: 35px;
}

.GlobalContainer tr {
    vertical-align: top;
}

/* ------- START : Table ------- */



.ListTable tr{
    vertical-align: middle;
}

.ListTableSmall {
    border: 1px var(--list-table-small-border-color) solid;
    border-radius: 4px;
    margin-bottom: 8px;
}

.ToolbarPagination img {
    vertical-align: bottom;
    width: 12px;
    height: 12px;
}

.img_box {
    margin: 0px;
    padding: 0px;
    width: 26px;
    height: 26px;
    position: absolute;
}

/* ------- END : Table -----------*/


/* ------- START : Chart label style fix ------- */
.c3-tooltip td {
    text-align: left;
}
/* ------- END : Chart label style fix ------- */


/* ------ START : Indicators -----*/

#resume_light {
    background-color: var(--resume-light);
    float: right;
    width: auto;
    border-radius: 0px 0px 0px 10px;
}

#resume_light table {
    border-collapse:separate;
    border-spacing: 2px;
    float: right;
}

.Resume_light_table th {
    border-right: 1px solid var(--resume-light-table-th-border-right);
    text-align: right;
}

.Resume_light_table th span,
.Resume_light_table td span{
    display: inline-block;
    border-radius: 10px;
    color: var(--resume-light-table-td-span-color);
}

.Resume_light_table th span a,
.Resume_light_table td span a{
    display: inline-block;
    padding: 2px 8px;
    color: var(--resume-light-table-th-span-background-color);
}

.Resume_light_table th span {
    background-color:var(--resume-light-table-th-span-background-color);
    margin-right: 5px;
}

.Resume_light_table td span img{
    display: inline-block;
    padding: 5px 6px;
    vertical-align: middle;
}

.Resume_light_table th, .Resume_light_table td  {
    padding:3px;
    font-size: 11px;
}

.Resume_light_table td {
    text-align: center;
    float: left;
}
/* ------ END : Indicators -----*/

/* ------ END : Header -----*/
/* ------ START : Menu -----*/

#mainnav {
    float: left;
}
#mainnav li {
    float: left;
    margin-bottom: -1px;
}

#mainnav li.a {
    border-bottom: 2px solid var(--main-nav-li-a-border-bottom);
}

#mainnav li a {
    padding: .6em .8em .6em .8em;
    display: inline-block;
}

.a {
    margin-left:2px;
    margin-top:1px;
    background-color: var(--a-background-color) !important;
}

.b {
    margin-left:3px;
}
.c {
    border-width:1px;
    float:right;
    margin-left:5px;
    margin-top:0;
}

.headerTabContainer {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

/* Menu 1 */

#menu_1 {
    background-color : var(--menu-1-background-color);
    overflow: hidden;
}
#menu_1 li {
    float:left;
    list-style-type:none;
    padding-right:1px;
    text-align:center;
}
#menu_1 li div  {
    float:left;
}
#menu_1 li a {
    color:var(--menu-1-li-1-color);
    font-size:12px;
    font-weight: bold;
    text-decoration:none;
    padding: 8px 12px;
    display: inline-block;
}
#menu_1 li a:hover {
    background-color: var(--menu-1-li-a-hover-background-color);
}

/* Menu 2 */

#menu_2 {
    color:#000;
    padding-bottom:1px;
    word-spacing:3px;
}
#menu_2 a       {color:var(--menu-2-a-color);font-size:11px;padding-left:5px;padding-right:2px;text-decoration:none;}

#menu_2 a{
    display: inline-block;
    padding: 8px 10px;
}
.separator_menu2{color:var(--seperator-menu-2-color);font-weight:bolder;}


/* Menu 3 */

.Tmenu3     {background-color:var(--t-menu-3-background-color);border-collapse:collapse;}
.Tmenu3 .top .left,.Tmenu3 .top .right,.Tmenu3 .bottom .left,.Tmenu3 .bottom .right {height:9px;width:10px;}

.title_menu {
    border-bottom: 1px solid #a7a9ac;
}

.title_menu h4 {
    padding-bottom: 4px;
    color: var(--title-menu-h4-color);
}

div.menuLeft {
    margin: 0px;
    padding: 10px;
    white-space: nowrap;
    background-color: var(--div-menu-left-background-color);
    -moz-border-radius: 7px / 7px;
    -webkit-border-radius: 7px / 7px;
    -khtml-border-radius: 7px / 7px;
    border-radius: 7px / 7px;
}

.menuLeft ul {
    padding-left: 10px;
}

.menuLeft  li {
    list-style-type: none;
    padding-left: 1px;
    margin-bottom: 2px;
}

#menu_3 a:hover {
    color:var(--menu3-anchor-hover-font-color);
}

#menu3_bgcolor  {background:var(--menu3-background-color);}

#date {
    font-size: 12px;
    color: var(--date-font-color);
    right: 10px;
    top: 112px;
    margin-right: 10px;
}

#Tmenu {
    vertical-align: top;
    min-width: 160px;
}

.sub-menu {
    overflow: hidden;
}
.sub-menu li {
    float: left;
    list-style-type: none;
}

.sub-menu li a{
    display: inline-block;
    padding: 8px 10px;
}

.Resume_light_table {
    margin-left: 40px;
}

/* ------ END : Menu -----*/

/* ------ START : Details Page ------*/

.globalTitle {

}

.globalTitle td {
    padding: 10px 0;
}

.detail-chart-title {
    text-align: left;
    background-color: var(--detail-chart-title-background-color);
    padding: 5px 0;
    padding-left: 5px;
}

/* ------ START : info box -----*/

.info_box {
    margin-top: 10px;
    border: 1px solid var(--info-box-border-color) !important;
    background: var(--info-box-background-color) !important;
    border-radius: 4px !important;
    text-align: center !important;
}

.info_box h4 {
    color: var(--info-box-h4-font-color) !important;
    margin: 8em 0;
}

/* ------ END : info box -----*/

/* ------ START : Popover-----*/

.inactive {
    display: none;
}

.cntn {
    display: inline-block;
}

.position_toggle_wrapper {
    position: absolute;
    z-index: 100;
}

.footer_toggle_wrapper {
    height:40px;
}


.toggle_wrapper {
    background-color: var(--toggle-wrapper-background-color);
    top: 5.4em;
    z-index: 1;
    border: 1px solid var(--toggle-wrapper-border-color);
    border-radius: 4px;
}

.toggle_wrapper table{
    width: 100%;
}

.toggle_wrapper iframe {
    width: 100%;
    overflow: hidden;
}

#addView iframe,#editView iframe, #addwdgt iframe{
    height: 198px;
}

#addwdgt {
    max-width: 750px;
}

.table .FormHeader {
    padding: 4px;
    color: var(--table-form-header-font-color);
    border-bottom: 1px solid var(--table-form-header-bottom-border-color);
}

table-form-header-h3 {
    color: var(--table-form-header-h3-font-color);
}

.FormHeader .td {padding-left:2px;}

.FormRowValue {
    padding-left: 5px;
}
.FormRowField {
    padding-left:40px;
    vertical-align:top;
    white-space:normal;
}
.FormRowField .helpTooltip svg {
    padding-top: 4px;
}
.table .FormRowField {
    width: 34ch;
    padding: 5px 32px 4px 6px;
    vertical-align: middle;
    line-height: 1.5;
}
div.oreonbutton{
    margin-left: 6px;
}
#command_line{
    margin-left: 6px;
}
#listOfMacroDiv{
    margin-bottom: 4px;
}

.formRowLabel {
    width:  32ch;
    display: flex;
    align-items: center;
    gap: 2px;
}

.table .FormRowValue {
    padding: 4px 6px;
}

.table .FormRowValue.flex-row-wrap {
    display: flex;
    flex-flow: row wrap;
    max-width: 80vw;
}

.table .FormRowValue.flex-row-wrap .md-checkbox-inline {
    margin: 2px 10px 2px 0px;
}

/* ------ END : Popover-----*/

/* ------ START : Tabs -----*/
.tabs_header {
    background: transparent !important;
    border-radius: 0 !important;
    border-top: 0px solid var(--tabs-header-top-border-color) !important;
    border-right: 0px solid var(--tabs-header-right-border-color) !important;
    border-left: 0px solid var(--tabs-header-left-border-color) !important;
}

#globalView .ui-widget-content {
    border: var(--global-view-ui-widget-content-border-color);
    background: var(--global-view-ui-widget-content-background-color);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: var(--ui-background-color) !important;
    border: 1px solid var(--ui-state-active-border-color) !important;
}

.ui-state-default a {
    color: var(--ui-anchor-state-default-font-color) !important;
    font-weight: bold;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: var(--ui-anchor-state-active-visited-font-color) !important;
}

#globalView .ui-tabs-nav {
    display: flex;
    align-items: flex-start;
    margin: .8em 0 .2em;
    padding: 0;
    line-height: 1;
    overflow-x: auto;
}

#globalView .ui-tabs-nav .ui-tabs-tab {
    display: flex;
    align-items: center;
    height: 2em;
    padding: 0 .4em;
    border-bottom: 0;
    white-space: nowrap;
}

#globalView .ui-tabs-nav .ui-tabs-tab.ui-state-hover {
    border-color: var(--ui-button-state-disabled-hovered-active-border-color);
}

#globalView .ui-tabs-nav .ui-tabs-tab.ui-tabs-active {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

#globalView .ui-tabs-nav .ui-tabs-tab.ui-tabs-active::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--global-view-ui-active-tabs-border-bottom-color);
    content: "";
}

#globalView .ui-tabs .ui-tabs-nav .ui-tabs-tab a {
    padding: 0;
    text-decoration: none;
}

.viewBody .widgetBody .portlet {
    border: 1px solid var(--view-body-portlet-border-color) !important;
}

.viewBody .widgetBody .ui-widget-header {
    color: var(--view-body-ui-widget-header-font-color);
    font-weight: bold;
    background: var(--view-body-ui-widget-header-background-color);;
    border: 0;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 6px 6px !important;
}

.viewBody .widgetBody .ui-widget-content {
    border-radius: 0;
}

.toggleEdit {
    position: absolute;
    right: 16px;
    top: 12px;
}


/* ------ END : Tabs -----*/

/* ------ START : Forms ------ */
.formTable .ListHeader,
.table .ListHeader{
    background: var(--form-table-list-header-background-color);
    border-bottom: var(--form-table-list-header-border-bottom-color);
}
.formTable .ListHeader td,
.table .ListHeader td{
    border-bottom: none;
    padding: 0px 4px !important;
}

.formTable .ListHeader h3,
.table .ListHeader h3 {
    font-weight: normal;
    color: var(--form-table-list-header-h3-font-color);
    margin: 4px 0;
    font-size: 1.3em;
}

.formTable .list_lvl_1,
.table .list_lvl_1 {
    background-color: var(--form-table-list-lvl-1-background-color);
}

.formTable .list_lvl_1 .ListColLvl1_name,
.table .list_lvl_1 .ListColLvl1_name,
.ListTable .list_lvl_1 .ListColLvl1_name {
    padding: 6px 0;
    background-color: var(--form-table-list-lvl-1-col-name-background-color);
    border-bottom: 1px solid var(--form-table-list-lvl-1-col-name-border-bottom-color);
    border-top: 1px solid var(--form-table-list-lvl-1-col-name-border-top-color);
}

.formTable .list_lvl_1 h4,
.table .list_lvl_1 h4,
.ListTable .list_lvl_1 h4{
    font-weight: normal;
    color: var(--info-box-h4-font-color);
    /*margin-left: 12px;*/
    padding: 4px;
    font-size: 1.1em;
}
/* ------ END : Forms -------- */

/* ------ START : Footer -----*/

#footer {
    float:left;
    width:100%;
    background-color: var(--footer-background-color);
    position: fixed;
    bottom: 0;
    z-index: 111;
}

#footer table tr td{
    padding: 0 10px;
}

#footer a {
    display: inline-block;
    padding: 10px;
}

#tactical_light {position:absolute;right:10px;top:10px;}

.Resume_light_table, .tactical_light_table      {color:var(--tactical-light-table-font-color);font-size:8px;}

#logOut {color:var(--log-out-font-color);font-weight:700;position:absolute;}

#logOut     {right:10px;top:131px;}

.TcTD {
    padding:10px;
}
.help       {position:absolute;right:15px;top:15px;}

.pathWay {
    padding:0px;
    margin:0px;
    color:var(--path-way-font-color);
    font-size: small;
}

.pathWay :hover {
    text-decoration: underline;
}

.imgPathWay {border:0;margin:0 0 -2px;padding:0;}

.separator      {color:var(--separator-font-color);font-style:italic;font-weight:700;}
.list_separator {text-align:center;background-color:var(--list-separator-background-color);}

/* Info Bulle */
a.infobulle         {position:relative;text-decoration:none;z-index:24;}
a.infobulle:hover   {z-index:25;}

/* Pagination */

.otherPageNumber    {
    color:var(--other-page-numbers-font-color);
}
.currentPageNumber {
    color:var(--current-page-number-font-color);
}
.page_limit         {background-color:var(--page-limit-font-backgound-color);border:1px;border-color:var(--page-limit-border-color);border-style:solid;color:var(--page-limit-font-color);font-weight:700;padding-bottom:3px;padding-left:25px;width:80px;}
.mini_checkbox      {height:12px;width:12px;top:-5px;}
#QuickSearch {
    position: absolute;
    right: 30px;
}

/* Widget css */
.manageMoreViews {
    display: block;
    height: 16px;
    width: 16px;
    border: 1px solid var(--manage-more-views-border-color);
    border-radius: 4px;
    margin: 9px 4px;
    float: left;
    cursor: pointer;
}
.manageMoreViews:hover {
    border: 1px solid var(--manage-more-views-hover-border-color);
}
.more_views_disable {padding:2px 2px 3px 3px; background: url("../../img/icons/circle-down.png") no-repeat center scroll;background-size: 12px 12px;}
.more_views_enable  {padding:2px 2px 3px 3px; background: url("../../img/icons/circle-up.png") no-repeat center scroll;background-size: 12px 12px;}

/* Widget pagination */

.pagination .current {
    background: var(--widget-pagination-current-background-color);
    color: var(--widget-pagination-current-font-color);
    border: 1px solid var(--widget-pagination-current-border-color);
}

.pagination a {
    border: 1px solid var(--widget-pagination-anchor-border-color);
    color: var(--widget-pagination-anchor-font-color);
    text-decoration: none;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0.3em 0.8em;

    border-radius: 4px;
}

/* Warning */
.msg-wrapper {
    margin: 1rem auto;
    opacity: 1;
    transition: opacity .2s ease-out;
}
.msg-center {
    text-align: center;
}
.msg,
.error-msg {
    background-color: var(--error-message-background-color);
    border: 1px solid var(--error-message-border-color);
    color: var(--error-message-font-color);
    font-weight: bold;
    margin: 5px auto;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
    width: 30%;
}

.success-msg {
    background-color: var(--success-message-background-color);
    border: 1px solid var(--success-message-border-color);
    color: var(--success-message-font-color);
    font-weight: bold;
    margin: 5px auto;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
    width: 30%;
}

.msg strong {
    display: block;
    font-size: 18px;
}

.msg-field {
    display: inline-block;
    padding:6px 0;
    text-align: center;
}

.msg-field.error {
    color: var(--message-field-error-font-color);
}

.msg-field.success2 {
    color: var(--message-field-success2-font-color);
}

#centreonMsg    {
    top:50px;
    height:20px;
    left:450px;
    overflow:auto;
    position:absolute;
    width:310px;
    text-align:center;
    border-radius:4px;
}
#centreonMsg.react-centreon-message    {
    top:10px;
}


div.uptodate,div.updateSecu,div.update,div.update_readme,div.update_output,div.graph_footer,div.left_menu {margin:3px;padding:3px;}
div.uptodate,div.updateSecu,div.update,div.update_readme,div.graph_footer,div.left_menu,div.menuLeft,div.updateError{border-radius:4px;}

div.uptodate    {background-color:var(--up-to-date-background-color);border:1px var(--up-to-date-border-color) solid; color:var(--up-to-date-color)}
div.updateSecu  {background-color:var(--update-secu-background-color);border:1px var(--update-secu-border-color) solid;color:var(--up-to-date-color)}
div.update  {background-color:var(--update-background-color);border:1px var(--update-border-color) solid; color: var(--update-font-color)}
div.updateError {background-color:var(--update-error-background-color);border:1px var(--update-error-border-color) solid;}
div.update_readme,div.update_output {background-color:var(--update-read-me-output-background-color);border:1px var(--update-read-me-output-border-color) solid;}

/* Specifique Appli */
/*  Arbo ACL */
.arbo_a     {margin-left:30px;padding-top:0;}
.arbo_a .bg_grey {background-color: var(--arbo-a-bg-grey-background-color);}
.arbo_a .bg_grey_mid {background-color: var(--arbo-a-bg-grey-mid-background-color);}
.arbo_a .bg_grey_light {background-color: var(--arbo-a-bg-grey-light-background-color);}
.arbo_a .bg_grey_white {background-color: var(--arbo-a-bg-grey-white-background-color);}
.arbo_a li  {list-style: none;margin: 1px 0 0 0;}
.arbo_a td  {padding: 4px 2px;}
.arbo_a img {width: 10px;cursor: pointer;}
.arbo_b     {display:none;margin-left:40px;padding-top:1px;}
.arbo_c     {display:none;margin-left:50px;padding-top:0;}
.arbo_d     {display:none;list-style:none;margin:0px;padding-left:25px;}
.arbo_d .td_label    {padding: 5px 10px;}
.arbo_d .td_checkbox    {text-align:right;padding:5px 10px;}

/* Search Options */
.search_input_host  {padding:2px 2px 3px 18px; background: var(--search-input-host-background-color) url("../../img/icones/16x16/server_network.gif") no-repeat scroll 1px 0px;}
.search_input_active_host   {padding:2px 2px 3px 18px; background: var(--search-input-active-host-background-color) url("../../img/icones/16x16/server_network.gif") no-repeat scroll 1px 0px;}
.search_input_service   {padding:2px 2px 3px 18px; background: var(--search-input-service-background-color) url("../../img/icons/service.png") no-repeat scroll 1px 0px;}
.search_input_active_service    {padding:2px 2px 3px 18px; background: var(--search-input-active-service-background-color) url("../../img/icons/service.png") no-repeat scroll 1px 0px;}

.search_input_active    {background-color:var(--search-input-active-background-color);}
.search_input_found     {background-color:var(--search-input-found-background-color);}

.search_input_host, .search_input_active_host, .search_input_service, .search_input_active_service, .search_input_active, .search_input_found {height:14px;}

/* Log Options */
.ajaxOption {
    border-collapse:separate;
    empty-cells:show;
    background-color: var(--ajax-option-background-color);
    color:var(--ajax-option-font-color);
    border-bottom: 1px var(--ajax-option-border-bottom-color) solid;
    border-top: 1px var(--ajax-option-border-top-color) solid;
    padding: 10px;
    position: relative;
    margin-bottom: 14px;
    border-radius: 5px;
}
/*.ajaxOption tr:first-child {
    text-align: right;
    position: relative;
}*/

.ajaxOption tr:first-child h5 {
    background-color: var(--ajax-option-tr-first-child-background-color);
    padding: 3px 6px;
    position: absolute;
    right: 6px;
    bottom : 0;
    color: var(--ajax-option-tr-first-child-font-color);
}

.ajaxOption td  {
    vertical-align: middle;
    padding: 2px 0px;
    position: relative;
    color:var(--ajax-option-h4-font-color)
}

.ajaxOption h4 {
    color: var(--ajax-option-h4-font-color);
}

.ajaxOption .divider hr {
    margin: 10px 0;
}

.ajaxOption .checkbox h4 {
    display: inline-block;
    margin-left: 5px;
}

/* Taktical Overview */
.SubTableTactical table {margin:3px;}
.SubTableTactical td,.SubTable2Tactical td {vertical-align:top;width:120px;}
.SubTableTactical td    {background-color:var(--sub-table-tactical-td-background-color);}
.SubTacticalDT          {background-color:var(--sub-tactical-DT-background-color);border:2px var(--sub-tactical-DT-border-color) solid;}
.tactical_light_table td    {border:1px SOLID var(--tactical-light-table-td-border-color);width:120px;}
.tactical_light_header      {background-color:var(--tactical-light-header-background-color);background-image:url("./Images/bg_header_bluegray.gif");background-position:top left;background-repeat:repeat-x;color:var(--tactical-light-header-font-color);}
.tacWarn                    {background-color:var(--tac-warn-background-color);}
.tacPB                      {background-color:var(--tac-pb-background-color);}
#hostStats                                      {margin-top:10px;}
#hostStats,#serviceStats,#unhandledproblems     {border:1px var(--host-service-stats-unhandeled-problems-border-color) solid;margin-bottom:20px;}
.tacticakDiv                                    {border:1px var(--tactikal-div-border-color) solid;}

/* Line alternate */
.tab table .ListHeader td {border-top-width:0;}

.list_one td,.tab .list_one td,
.list_two td,.tab .list_two td,
.list_three td,.tab .list_three td,
.list_four td, .tab .list_four td,
.list_lvl_2 td,.tab .list_lvl_2 td,
.list_lvl_1 td,.tab .list_lvl_1 td,
.list_up td,.tab .list_up td,
.list_down td,.tab .list_down td,
.line_ack td,.tab .line_ack td,
.line_downtime td, .tab .line_downtime td,
.list_unreachable td,.tab .list_unreachable td,
.row_disabled td, .tab .row_disabled td {
    border-bottom: 1px solid var(--listing-border-botom-color);
}



.row_disabled {
    background-color:var(--row-disabled-background-color);
    padding:1px 3px;
}

.ListHeader{
    font-weight:700;
    vertical-align:top;
}
.ListHeader td,
.ListHeader th {
    padding: 8px 4px !important;
    font-weight:700;
    height:18px;
    vertical-align:middle;
    border-bottom: 1px solid var(--listing-border-botom-color);
}
.ListColHeaderPicker        {padding:1px 3px;text-align:center;vertical-align:middle;width:10px;}
.ListColHeaderCenter        {padding:1px 3px;text-align:center;}
.ListColHeaderLeft      {padding:1px 3px;text-align:left;}
.ListColHeaderRight     {padding:1px 3px;text-align:right;}
.ListColHeaderWrap      {padding:1px 3px;text-align:left;white-space:normal;}
#ListColHeaderLeft div      {padding-left:0;}

.ListColFooterRight,.ListColFooterLeft,.ListColFooterCenter {border-top-style:solid;border-top-width:0.1px;}

.ListColNoWrap                          {white-space:normal;}
.ListColFooter1                         {padding:1px 3px;}
.ListColFooterLeft, .ListColLeft                {text-align:left;}
.ListColCenter,.ListColLeft,.ListColRight,.ListColNoWrap    {padding:1px 3px;}
.ListColRight                           {padding:1px 3px;}

* html #ListTable td,#ListTableMedium td,#ListTableSmall td,.ListTable td,.ListTableMedium td,.ListTableSmall td {margin:0;padding:0 4px;}
.ListTableSmall a,.ListTable a,.ListTableMedium a,.ListTableSmall a, .ListTableSmallArg a {z-index:5;}
.ListTable td a {
    /*margin: 0px 6px;*/
}
.ListTableMedium        {width:60%;}
.ListTableSmallArg      {
    width: 100%;
    border-width: 0px;;
}
table.ListTableSmallArg td {
    padding: 2px 0px;
}
.ListTableMultiTp       {border-width:0;width:100%;}
.ListTable,.ListTableMedium,.ListTableSmall,.ListTableMultiTp {
    border-collapse:separate;
    border-spacing:0;
    border-style:solid;
    empty-cells:show;
}
.ListTable,.ListTableMedium,.ListTableSmall {border-width:1px;}
.ListTable td,.ListTableMedium td,.ListTableSmall td,.ListTableSmallArg {padding-bottom:2px;padding-top:2px;}
.ListTable td {padding: 4px;}
.ListTable td[disabled]::after {
    content: " (" attr(disabled) ")";
    font-weight: bold;
    padding-left: 5px;
}
span.show-disabled[disabled]::after {
    content: " (" attr(disabled) ")";
    font-weight: bold;
    float: right;
}
.tab .ListTableMedium {
    margin-top:21px;
}
.ListTable img {
    vertical-align: middle;
}
.TableFooter {margin-bottom:4px;margin-top:8px;width:100%;z-index:1;}

.list_lvl_1, .list_lvl_2 {
    vertical-align:middle;
}

.list_lvl_3 {
    text-align: left;
    vertical-align: middle;
    border-bottom: 2px solid var(--list-lvl-3-border-bottom-color);
}

.list_lvl_3 th, .list_lvl_3 td {
    padding: 6px;
    font-weight: normal;
}

.list_lvl_3 th {
    color: var(--list-lvl-3-th-font-color);
}

.list_lvl_3 th:first-child, .list_lvl_3 td:first-child {
    width: 205px;
    padding-left: 12px;
}


.ListColLvl2_name {padding-left:15px;}

/* End Valide */


/* Specifique */

.warn {
    background-color:var(--warn-background-color);
    border:2px solid var(--warn-border-color);
    color:var(--warn-font-color);
    font-weight:400;
    margin:5px;
    padding:3px;
    text-align:center;
}

#debug {
    height:63px;
    left:450px;
    overflow:auto;
    position:absolute;
    top:2px;
    width:310px;
}

.ColPopup {
    white-space:nowrap;
    padding: .6em !important;
}

.bulleDashtab {
    border-collapse:separate;
    width:100%;
}

.bulleDashtab td {
    background-color:var(--bulle-dash-tab-td-background-color);
    border:0.5px solid var(--bulle-dash-tab-td-border-color);
    border-collapse:separate;
}

.bulleDash {
    font-size:12px;
    padding:2px 5px;
    text-align:right;
}

.bulleDashleft {
    font-size:12px;
    padding:2px 5px;
    text-align:left;
}

.ListHeaderPopup    {background-color:var(--list-header-popup-background-color);border-left:none 0 var(--list-header-popup-border-left-color);font-weight:700;}
.ListHeaderPopup td     {border:solid 0 var(--list-header-popup-td-border-color);}

/* END Info Bulles */


.tab    {display:none;float:left;z-index:1;}
#tab1   {display:block;float:left;z-index:1;}


#validForm input    {font-size:11px;font-weight:400;margin-top:5px;}
#validForm  {
    padding:10px;
    text-align:center;
}
#validFormTop {
    float: right;
}


/* ToolBar */
.cachediv           {display:none;}
.consol_button {
    float:left;
}
.consol_button img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.ToolbarTable {
    margin: 6px 0px;
}
.ToolbarTR          {padding-left:10px;}
.ToolbarTR td:first-child {
    width: 50%;
}
.ToolbarTR a.btc { display: inline-block; font-size: 1rem; height: 28px; line-height: 29px; padding: 0 10px; }

.ToolbarTR input[type="submit"].btc {
    font-size: 1rem;
    height: 28px;
    line-height: 29px;
    padding: 0 10px;
}

#mail_to {
    margin-right: 4px;
}

.Toolbar_TDSelectAction_Top {
    border: 1px solid var(--toolbar-td-select-top-action-border-color);
    border-radius: 4px;
    padding: 3px 2px;
    margin-left: 6px;
    margin-right: 4px;
    overflow: hidden;
    float: left;
}

input[type="checkbox"],a.infobulle:hover table {
    border:1px var(--checkbox-anchor-info-bulle-hover-table-border-color) solid;
}
td, a.infobulle:hover td {
    padding:0px;
}

#menu_3 a,#footer a,#logli a,#logOut a {color:var(--menu-3-logout-anchor-font-color);}

#Tcontener,#Tmainpage,#tabLegend,div.tab,.Tmenu3 .center,.ListTable {width:100%;}

.ListTable {
font-size: 12px;
}

#Tmainpage {
    vertical-align: top;
}

.Small,.pagination,.ListColPicker,.ListColFooterCenter,.ListColCenter,.ListCol1,#page a,#page {text-align:center;}

.img_volante {
    background-color: var(--image-volante-background-color);
    display: none;
    position: fixed;
    z-index: 500;
    width: 600px;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid var(--image-volante-border-color);
}

.popup_volante {
    background-color: var(--popup-volante-background-color);
    display: none;
    position:fixed;
    z-index:500;
    border-radius: 4px;
    border: 1px solid var(--popup-volante-border-color);
    font-weight:normal;
    text-align:justify;
}

#validForm label {
    padding: 2px 18px;
}

.FormFooter,.ListColFooter5,.ListColFooter5 a,.ListColFooterCenter,.ListColFooterLeft,.ListColFooterRight   {font-size:12px;font-weight:700;padding-right:10px;}
.ListColFooterRight,.ListColRight,.Toolbar_pagelimit {text-align:right;}
.Toolbar_pagelimit select {
    float: right;
}
.list_one,.list_two,.list_three,.list_four,.line_ack,.line_downtime,.list_unreachable,.row_disabled     {
    font-weight:400;
    vertical-align:middle;
}

div.ams     {text-align:center;font-style:italic;}

.helpTooltip {
    padding-right: 3px;
    vertical-align: middle;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

ul.no-deco-list {
    list-style-type: none;
}

/* CLONE ELEMENT */
.clone_template .FormRowField,
.clone_template .FormRowValue {
    width: 208px;
}
.clonable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.cloneremove {
    margin-top:-5px;
    cursor: pointer;
    float: right;
}
.clone-placeholder {
    border-color: var(--clone-placeholder-border-color);
    border-style: dashed;
    margin-top: 0px;
    margin-bottom: 10px;
    height:60px;
}
.clone-cell {
    padding-top:1px;
    padding-bottom:3px;
}

/* reporting 2015 */

form#FormPeriod input{
    /*padding : 2px 0;*/
}

form#FormPeriod input[type="submit"] {
    padding: 2px 6px;
    color: var(--form-period-submit-font-color);
    background: var(--form-period-submit-background-color);
    border: 1px solid var(--form-period-submit-border-color);
}
form#FormPeriod select{
    border : 1px solid var(--form-period-select-border-color);
}

table#reportingStateTable tr.list_one td,
table#reportingStateTable tr.list_two td,
table#reportingStateTable tr.list_lvl_2 td{
    padding : 5px;
}

table#reportingStateTable .ListColRight {
    text-align: center;
}

td.ListColHeaderLeft select {
    border : 1px solid var(--td-list-col-header-left-select-border-color);
}

span.state_badge {
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 2px;
    padding: 0;
}

.info_msg {
    position: absolute;
    width: auto;
    height: auto;
    background: var(--info-message-background-color);
    top: 7em;
    left: 30em;
    padding: 3px 6px;
    font-size: 11px;
    color: var(--info-message-font-color);
    font-weight: bold;
    z-index: 1;
    border-radius: 2px;
    border: 1px solid var(--info-message-border-color);
}
.info_msg:before {
    content: "";
    position: absolute;
    top : -5px;
    left: 6px;
    width: 0;
    height: 0;
    border-left: 5px solid var(--info-message-before-border-left-color);
    border-right: 5px solid var(--info-message-before-border-right-color);
    border-bottom: 5px solid var(--info-message-before-border-bottom-color);
}

/* Style for popin */
.centreon-popin {
    position: absolute;
    z-index: 1065;
    background-color: var(--centreon-popin-background-color);
    padding: 1em 3em 1em 1em;
    border-radius: 4px;
    border: 1px solid var(--centreon-popin-border-color);
}

.popin-wrapper {
    position: relative;
}

.popin-wrapper .button_group_center {
    margin-bottom: 0 !important;
}

.popin-wrapper p {
    color: var(--popin-wrapper-font-color);
}

.popin-wrapper a.close {
    position: absolute;
    top: -0.3em;
    right: -2.3em;
}

.centreon-popin-overlay {
    opacity: 0.2;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--centreon-popin-overlay-background-color);
    z-index: 1052;
}

.cboxIframe body {
    background: transparent !important;
}

#colorbox {
    outline: none;
}

#cboxContent {
    border-radius: 4px;
    border: 1px solid var(--cbox-content-border-color);
}

.colorbox-popin {
    padding: 1em;
}

#cboxClose {
    background: #fff url('../../img/icons/circle-cross.png') no-repeat 0 0 /100% !important ;
    top: -10px !important;
    height: 18px !important;
    width: 18px !important;
    right: -10px !important;
    border-radius: 10px;
    border-width: 0px;
}

/* ColorBox CSS */
#cboxBottomRight, #cboxBottomLeft, #cboxBottomCenter, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxTopRight, #cboxTopLeft {
    background: var(--cbox-dimensions-background-color) !important;
}

/* Fullscreen icon */
.fullscreen-icon {
    position: fixed;
    right: 10px;
    border-radius: 4px;
    background-color: var(--fullscreen-icon-background-color);
    padding: 6px;
    cursor: pointer;
    z-index:112;
    bottom:14px;
}

.fullscreen-icon img {
    vertical-align: middle;
}

/* Style for Eventlogs page */
.log-extend-icon {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 1em;
}

.ajaxOption td.log-select {
    vertical-align: top;
    position: relative;
}

/* -------- List Links --------------- */
.linkList {
    table-layout: fixed;
}
.linkList td {
    border-bottom: 1px solid var(--list-link-td-border-bottom-color);
    padding: 4px !important;
    white-space: initial;
    width: 50%;
}

.linkList td a {
    text-decoration: none;
    color: var(--list-link-td-anchor-font-color);
}
.linkList td a:hover {
    text-decoration: none;
    color: var(--list-link-td-anchor-hover-font-color);
}

/* Dividers */

.horizontal_divider {
    width: 1px;
    background-color: var(--horizontal-divider-background-color);
}

.fixedDiv{
    position: fixed;
}

/* -------- Graphs pagination -----------*/

.displayStatus {
    float: right;
    margin: 6px 0;
}
.displayStatus label {
    vertical-align: top;
}
#graph_pagination {
    float: left;
    width: 100%;
}

.paginator_p {
    text-align: center;
    float: left;
    color: var(--paginator-p-font-color);
    background-color: var(--paginator-p-background-color);
    cursor: pointer;
    padding: 2px 0;
    border-radius: 10px;
}
.paginator_p .over {
    background-color: var(--paginator-p-over-background-color);
}

.paginator_p_wrap {
    margin: 6px auto;
    float: none;
}

.paginator_p.selected {
    background-color: var(--paginator-p-selected-background-color);
}
.slider {
    margin-bottom: 1em;
}

.paginator_slider {
    margin: 6px auto;
}

.macro_legend {
    padding: 10px;
    background-color: var(--macro-legend-background-color);
    margin-top: 6px;
    float: left;
    margin-left: 15px;
    color: var(--macro-legend-font-color);
    border-radius: 4px;
}

/* Jquery Tabs */

div#tabs_periods {
    background: var(--tabs-periods-background-color);
    border: 1px solid var(--tabs-periods-border-color);
    border-radius: 4px;
}

.ui-widget-content  {
    background: var(--ui-widget-content-background-color);
}
.ui-widget-header {
    background: var(--ui-widget-header-background-color) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ui-widget-header-border-bottom-color) !important;
    border-radius: 0 !important;
}

.resizeTitle{
    overflow-x:hidden;
    white-space:nowrap;
    max-width:350px;
}

/* ----- Jquery Datepicker ---------*/

.ui-datepicker, .ui-timepicker {
    background: var(--ui-date-time-picker-background-color) !important;
    border-radius: 4px !important;
}
.ui-datepicker .ui-datepicker-title , .ui-timepicker .ui-datepicker-title{
    color: var(--ui-datepicker-title-font-color);
}
.ui-datepicker td span,.ui-datepicker td a, .ui-timepicker td span, .ui-timepicker td a{
    border: 1px solid var(--ui-td-date-time-picker-anchor-span-border-color) !important;
    background: var(--ui-td-date-time-picker-anchor-span-background-color) !important;
    font-weight: bold !important;
    color: var(--ui-td-date-time-picker-anchor-span-font-color) !important;
    border-radius: 40%;
}

td.ui-timepicker-minute-cell a, td.ui-timepicker-minute-cell span{
    border: 1px solid var(--ui-timepicker-minute-cell-border-color) !important;
    background: var(--ui-timepicker-minute-cell-background-color) !important;
    font-weight: bold !important;
    color: var(--ui-timepicker-minute-cell-font-color) !important;
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled.ui-state-hover,
.ui-timepicker .ui-timepicker-next.ui-state-disabled.ui-state-hover,
.ui-timepicker .ui-timepicker-prev.ui-state-disabled.ui-state-hover{
    border: 0;
    background-color: var(--ui-datepicker-time-next-prev-state-disabled-hover-background-color);
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-timepicker .ui-timepicker-prev.ui-state-hover,
.ui-timepicker .ui-timepicker-next.ui-state-hover {
    border: 0;
    background: var(--ui-datepicker-time-next-prev-state-hover-background-color) !important;
}

/* --------- Bloc Elements -------------- */

.elemBloc {
    border: 1px solid var(--elem-bloc-border-color);
    height: 174px;
    overflow: hidden;
}

.elemBloc:not(.advancedForm) label, .elemBloc:not(.advancedFormService) label {
    cursor: pointer;
    position: relative;
    padding-left: 16px;
    margin-right: 10px;
}

.elemBloc input[type=checkbox] {
    display: none;
    height: 118px;
    overflow: hidden;
}

.elemBloc:not(.advancedForm) label:before, .elemBloc:not(.advancedFormService) label:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: var(--elem-bloc-not-advanced-form-service-label-before-background-color);
    border: 1px solid var(--elem-bloc-not-advanced-form-service-label-before-border-color);
}

input.included[type=checkbox]:checked + label:before {
    content: "\2714";
    color: var(--included-checkbox-checked-before-font-color);
    text-align: center;
    line-height: 10px;
    background-color: var(--included-checkbox-checked-before-background-color);
    border: 1px solid var(--included-checkbox-checked-before-border-color);
}

input.excluded[type=checkbox]:checked + label:before {
    content: "\2716";
    color: var(--excluded-checkbox-checked-before-font-color);
    text-align: center;
    line-height: 10px;
    background-color: var(--excluded-checkbox-checked-before-background-color);
    border: 1px solid var(--excluded-checkbox-checked-before-border-color);
}

.advancedForm, .advancedFormService {
    display: none;
}

.checkbox-tpl, .checkbox-servicetpl {
    padding-bottom: 3px ;
}
.checkbox-tpl:hover, .checkbox-servicetpl:hover {
    background-color: var(--checkbox-tpl-service-hover-background-color);
}

.editBt {
    background: url("../../img/icons/edit_white.png") no-repeat center scroll var(--edit-bt-background-color);
    background-size: 10px 10px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 2px;
    margin-top: 3px;
    margin-left: 3px;
    cursor: pointer;
}

.editBt.disabled {
    background: url("../../img/icons/edit_white.png") no-repeat center scroll var(--edit-bt-disabled-background-color);
    background-size: 10px 10px;
    cursor: no-drop;
}

.docExport_Textarea {
    width: 54em;
    height: 20em;
}

#htTplExcluded .editBt, #stTplExcluded .editBt{
    display: none;
}

.preview_icon {
    float: left;
    padding: 4px;
    border: 2px solid var(--preview-icon-border-color);
    border-radius: 8px;
    vertical-align: middle;
}

.preview_icon img {
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

.field-group {
    float: left;
    margin-left: 4px;
    margin-top: 4px;
}

textarea.default-textarea {
    width: 100%;
    min-width: 300px;
    height: 150px;
}

.md-preview {
    width: 300px;
    min-height: 150px;
    max-height: 250px;
    overflow: auto;
    float: right;
    margin: 2px;
    padding: 2px;
    border: 1px solid var(--md-preview-border-color);
    background-color: var(--md-preview-background-color);
}

/* Vertical Tabs */
.vertical-tabs.ui-widget-content{
    background: var(--vertical-tabs-widget-content-background-color);
    border: none;
}

.vertical-tabs.ui-tabs-vertical .ui-tabs-nav {
    padding: 0em;
    width: auto;
    background: var(--ui-vertical-tabs-nav-background-color) !important;
    position: absolute;
    border-bottom: 0px !important;
    top: 10px;
    left: 10px;
}
.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border: 0px !important;
    margin: 0 0 2px 0 !important;
    position: initial !important;
}
.ui-tabs-vertical .ui-tabs-nav li a {
    display:block;
    padding: 0 !important;
}

.ui-tabs-vertical .ico-tab.ui-state-default,
.ui-tabs-vertical .ui-widget-content .ico-tab.ui-state-default,
.ui-tabs-vertical .ui-widget-header .ico-tab.ui-state-default {
    background: var(--ui-vertical-tabs-state-default-background-color);
}
.ui-tabs-vertical .ico-tab.ui-state-default a,
.ui-tabs-vertical .ui-widget-content .ico-tab.ui-state-default a,
.ui-tabs-vertical .ui-widget-header .ico-tab.ui-state-default a{
    opacity: 0.5;
}
.vertical-tabs.ui-tabs-vertical .ui-tabs-nav .ico-tab.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
}
.vertical-tabs.ui-tabs-vertical .ui-tabs-nav .ico-tab.ui-state-active a{
    opacity: 1;
}
.vertical-tabs.ui-tabs-vertical .ui-tabs-panel {
    padding: 0em;
    float: left;
    width: 100%;
}
.vertical-tabs .lang-wrapper:before {
    position: absolute;
    top: 10px;
    left: 3.2em;
    content: "";
    width: 1px;
    height: 80%;
    background: var(--vertical-tabs-lang-wrapper-before-background-color);
}
.vertical-tabs .lang-abr {
    display: inline-block;
    position: absolute;
    top: 7px;
    right : 1em;
    text-transform: capitalize;
    color: var(--vertical-tabs-lang-abr-font-color);
}
.vertical-tabs.ui-tabs-vertical .ui-tabs-panel textarea {
    width: 100%;
    padding: .5em 2em .5em 3.5em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* While in fullscreen, hide any children with class 'tohide' */
.tohide {
    display: none;
}
:fullscreen .tohide, :-webkit-full-screen .tohide, :-moz-full-screen .tohide, :-ms-fullscreen .tohide {
    display: none;
}

/* -- Views Performance page -- */
.graph-options {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2px;
}

.graphZone {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.graphZone.col2 .graph {
    width: 49%;
}

.graphZone.col3 .graph {
    width: 32%;
}

.graph {
    margin-top: 4px;
    border: 1px solid var(--graph-border-color);
    width: 100%;
    position: relative;
}

.graph .title {
    background-color: var(--graph-title-background-color);
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-weight: bold;
    width: calc(100% - 4px);
    padding: 0 2px;
    cursor: move;
}
.graph .title .btc {
    vertical-align: top;
}

.graph .title .actions {
    float: right;
    margin-top: 6px;
}

.graph .title .remove {
    margin-top: 6px;
    cursor: pointer;
}

.graph .title > span {
    vertical-align: top;
    margin-top: 2px;
}

.graph .content {
    margin: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.graph .action {
    position: absolute;
    padding: 0 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 240px;
    top: 20px;
}

.graph .action.left {
    left: 0;
}

.graph .action.right {
    right: 0;
}

.graph .action .bt_action {
    z-index: 50;
    padding: 4px;
    opacity: 0.2;
    transition: opacity .25s ease-in-out;
    cursor: pointer;
}

.graph .action .bt_action:disabled {
    cursor: not-allowed;
}

.graph .action .bt_action:hover {
    opacity: 1;
}

.graph .chart {
    overflow: hidden;
}

.graph .chart-status {
    margin-top: 10px;
    margin-left: 40px;
    overflow: visible;
}

.graph .c3-region.region-downtime {
    fill: var(--graph-region-downtime-fill-color);
}

.graph .c3-region.region-ack {
    fill: var(--graph-region-ack-fill-color);
}

.chart-legends {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    padding: 0 32px;
}

.chart-legends .chart-legend-action {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
}

.chart-legends .chart-legend-action > img {
    height: 14px;
    cursor: pointer;
}

.chart-legends .chart-legend {
    padding: 0 4px;
    font-size: 12px;
    color: var(--chart-legend-font-color);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.chart-legends .chart-legend > div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    cursor: pointer;
}

.chart-legends .chart-legend .chart-legend-color {
    width: 12px;
    height: 12px;
    margin: 2px;
}

.chart-legends .chart-legend.hidden .chart-legend-color {
    opacity: 0.3;
}

.chart-legends .chart-legend span {
    line-height: 16px;
}

.chart-legends .chart-legend .extra {
    display: none;
    margin-left: 6px;
}

.chart-legends .chart-legend .extra span {
    margin-left: 4px;
}

.chart-legends.extend {
    flex-direction: column;
}

.chart-legends.extend .chart-legend .extra {
    display: block;
}

.ico-col.active {
    border: 1px var(--ico-col-active-border-color) solid;
    border-radius: 2px;
}


.ico-col-1,
.ico-col-2,
.ico-col-3,
.ico-18 {
    cursor: pointer;
}

.ico-col.ico-col-1 {
    background-image: url('../../img/icons/1-col-gray.png');
    background-size: cover;
}

.ico-col.ico-col-1.active {
    background-image: url('../../img/icons/1-col-blue.png');
    background-size: cover;
}

.ico-col.ico-col-2 {
    background-image: url('../../img/icons/2-col-gray.png');
    background-size: cover;
}

.ico-col.ico-col-2.active {
    background-image: url('../../img/icons/2-col-blue.png');
    background-size: cover;
}

.ico-col.ico-col-3 {
    background-image: url('../../img/icons/3-col-gray.png');
    background-size: cover;
}

.ico-col.ico-col-3.active {
    background-image: url('../../img/icons/3-col-blue.png');
    background-size: cover;
}

/* Refresh component for chart */
.refresh {
    margin: 0 6px 0 0;
    padding: 0;
    border: 1px solid var(--refresh-border-color);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    height: 16px;
    cursor: pointer;
}

.refresh .icon {
    display: inline-block;
    vertical-align: middle;
}

.refresh .icon img {
    margin: 1px;
}

.refresh .time {
    line-height: 14px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.refresh-list {
    display: none;
    position: absolute;
    left: -1px;
    top: 16px;
    border: 1px solid var(--refresh-list-border-color);
    border-radius: 2px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 150;
    background-color: var(--refresh-list-background-color);
}

.refresh-list li {
    padding: 2px 3px;
    white-space: nowrap;
}

.refresh-list li:hover {
    background-color: var(--refresh-list-li-hover-background-color);
}

.refresh-list.show {
    display: block;
}

/* broker_stat */

.broker_stats {
    position: relative;
}

.broker_stats_lastmodif {
    position: relative;
    float: right;
}

ul.module_list {
    min-width: 122px;
}

.broker_stats .informations_header {
    position: relative;
    height: auto;
    width: 100%;
}

.broker_stats .informations {
    overflow: hidden;
    display: block;
    padding: 4px;
    position: relative;
}

.broker_stats {
    margin-bottom: 5px;
}

.broker_stats.stats_lv2 {
    margin: 5px 36px;
}

.broker_stats.stats_lv2 p.title {
    background-color: var(--broker-stats-lv2-title-background-color);
}

.broker_stats.stats_lv2  p.title:hover {
    background-color: var(--broker-stats-lv2-title-hover-background-color);
}

.broker_stats p.title {
    cursor: pointer;
    padding: 6px;
    background-color: var(--broker-stats-title-background-color);
    border-bottom: 1px solid var(--broker-stats-title-border-bottom-color);
    border-top: 1px solid var(--broker-stats-title-border-top-color);
}

.broker_stats  p.title:hover {
    background-color: var(--broker-stats-title-hover-background-color);
}

.expand {
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent var(--expand-border-color) transparent;
    transition: transform 0.2s;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.expand-icon {
    transform: rotate(-45deg);
}

.broker_stats ul.module_list {
    margin: 3px;
}

.broker_stats ul.peers {
    margin-left: 153px;
}

.broker_stats ul.filters {
    margin-left: 153px;
}

.broker_stats ul li {
    list-style: none;
}

.broker_stats .info_name {
    float: left;
    color: var(--broker-stats-info-name-font-color);
    font-weight: 600;
}

.broker_stats .info_value {
    float: right;
    width: 80%;
}

.broker_stats .module_status {
    float: right;
    padding: 0 6px;
}

.broker_stats .loaded {
    color: var(--broker-stats-loaded-font-color);
}

/* Generation page */
.consoleSteps {
    width: 15%;
}

#progress_bar {
    width: 120px;
    height: 12px;
}

.ui-progressbar-value {
    background-color: var(--ui-progress-bar-value-background-color) !important
}

.widget-progressbar-value {
    color: var(--widget-progress-bar-value-color) !important
}

.section-expand {
    height: 95%;
    margin-bottom: 20px;
}

/* Inline checkbox */
.checkbox-inline {
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
}

#installationContent .accordion {
    background-color: var(--installation-content-accordion-background-color);
    color: var(--installation-content-accordion-font-color);
    cursor: pointer;
    padding: 5px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

#contentwrapper div.section {
    padding: 0 10px;
}

#contentwrapper > div:not(:nth-child(2)) div.section {
    display: none;
    padding: 0 10px;
    background-color: var(--content-wrapper-not-2nth-child-section-background-color);
    overflow: hidden;
}

.accordion h1:hover {
    background-color: var(--accordion-hover-background-color);
    cursor: pointer;
}

.portlet-header {
    height: 14px;
}

.portlet-header input {
    padding-bottom: 0;
    padding-top: 0;
    border: 0;
    background-color: var(--portlet-header-input-background-color);
    width: auto;
    line-height: 13px;
}

.portlet-header form {
    padding: 0;
    margin: 0;
    line-height: 14px;
}

/* configuration pollers action buttons */
.ui-icon-white {
    background-image: url("./jquery-ui/images/ui-icons_ffffff_256x240.png") !important;
}

.bt-poller-action{
    line-height: 20px;
    font-size: 13.3333px;
    margin: 4px 16px 0px 0px !important;
}

.bt-poller-action:disabled {
    background: var(--bt-poller-action-disabled-background-color) !important;
    cursor: not-allowed;
}
.add-new-entry {
    cursor: pointer;
    color: var(--bt-success-background-color);
}

.gorgone_config_file {
    padding: 4px;
    color: var(--gorgone-config-file-font-color);
    background-color: var(--gorgone-config-file-background-color);
}

/* utilities */
.ml-1 {
    margin-left: 8px;
}
.ml-2 {
    margin-left: 16px;
}
.mr-1 {
    margin-right: 8px;
}
.fs-0 {
    font-size: 0;
}

/* license manager error pages style */
.notAuthorizedContainer {
    -webkit-box-align: center;
    place-items: center;
    display: grid;
    grid-template-rows: 2fr 3fr 2fr;
    height: calc(100vh - 39px);
    position: relative;
    width: 100%;

}

.logoSection {
    align-self: flex-end;
    height: 88px;
    width: 29rem;
}

.messageBlockSection {
    place-content: center;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    -webkit-box-pack: center;
    max-width: 40%;
    overflow: visible;
    text-align: center;
}

.messageHeader {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 4rem;
    line-height: 1;
    letter-spacing: 0em;
    color: var(--license-manager-error-message-color);
    font-weight: 700;
}

.firstMessage {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0em;
    color: var(--badge-color);
}

.secondMessage {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    color: var(--badge-color);
}

.backgroundImage {
    height: 100%;
    position: absolute;
    width: 100%;
}
/* popup tables of bam */
.popup_volante table:nth-child(1) tr:nth-child(1) td {
    color: var(--popup-th-color);
    font-size: 13px;
}
