/* Panache Custom CSS */


/******************************************************************************* 
  correction d'un bug d'affichage 
  Chrome: Version 94.0.4606.81 (Official Build) (64-bit)
*******************************************************************************/
.apex-item-select,
.apex-item-text,
.apex-item-textarea,
.apex-item-multi, 
.a-IRR-search-field {
    backface-visibility: hidden;
} 


.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

/*
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
*/
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltiptext {
    z-index:10000;
}

 
.tooltip2 {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 3px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 150%;
    /*top: 100%;*/
    left: 50%;
    margin-left: -100px; /*60px;*/
    
    /*white-space: nowrap;*/
}

.tooltip2 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip2:hover .tooltiptext2 {
    visibility: visible;
}


 
 /* This is to remove the "screen reader mode" from the footer of all pages */
.t-Footer-srMode {display:none}

.pa_color_cell_block {
    display: block;
    padding: 3px 8px 3px 8px;
    text-align: center;
    border-radius: 4px;
}

.pa_color_cell {
    padding: 3px 8px 3px 8px;
    text-align: center;
    border-radius: 4px;
}

.pa_link_block:hover {
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  transform: scale(1.02, 1.02);  
}



.pa_hidden {
	display:none
}

.pa_irep_small_link_column th#LINK, .pa_irep_small_link_column td[headers=LINK]{
	width:2px
}


.pa_div_websocket div {
  display: inline;
  margin: 0 1em 0 1em;
}
		
.pa-websocket-off{
    -webkit-filter: grayscale(100%) opacity(40%); /* Chrome, Safari, Opera */
    filter: grayscale(100%) opacity(40%);
}


.pa-font-size-22{
	font-size: 22px;
}

.pa_highlight_strikethrough{
   text-decoration: line-through;
}

.pa_text_gray{
   color:#8c9eb0;
}

.pa_highlight_disabled{
   color:lightgray;
   font-style:italic;
}

.pa_highlight_red1{
   background-color:#F44336;
   color:white;
   padding:.4rem .8rem;
   display:block;
}

.pa_highlight_blue1{
   background-color:#BBDEFB;
   color:black;
   padding:.4rem .8rem;
   display:block;
}

.pa_highlight_blue2{
   background-color:#2196F3;
   color:white;
   padding:.4rem .8rem;
   display:block;
}

.pa_highlight_green1{
   background-color:#CDDC39;
   color:black;
   padding:.4rem .8rem;
   display:block;
}
.pa_highlight_green2{
   background-color:#8BC34A;
   color:black;
   padding:.4rem .8rem;
   display:block;
}

.pa_highlight_orange1{
   background-color:#FFC107;
   color:black;
   padding:.4rem .8rem;
   display:block;
}
.pa_highlight_orange2{
   background-color:#FF9800;
   color:black;
   padding:.4rem .8rem;
   display:block;
}
.pa_highlight_orange3{
   background-color:#FF5722;
   color:black;
   padding:.4rem .8rem;
   display:block;
}