﻿/*
* === MP - 21/03/2018 - richiesta di vedere caratteri in nero e non in grigio (sito nuovo ARNEG) ===
*                       Pulsanti color rosso, barra header color rosso ARNEG come sito vecchio  ===
* === MP - 20/05/2020 - Nasconde pulsante in UCF per richiamo azioni standard riportato CSS ROOT
* === MP - 26/01/2021 - Pulsante per: Richiedi Password Smarrita 

form#webup.-smeup-withHeader > div.webupContent {
  margin-top: 10px;
}


*/


/*  Pulsante per: Richiedi Password Smarrita  non posso usare a.ui-commandlink.ui-widget 
  in alternativa vado per ID a[id="loginTabView:j_idt123:j_idt137"]
  
*/

#login_content .ui-accordion-content a.ui-commandlink.ui-widget  {   
  font-weight: 200; 
  width: auto;
  padding: 5px;
  border: 4px solid #ffd500; 
  border-radius: 4px;
  background-color: #ffd500 ;
  right: 0px;
  bottom: 0px;
  position: absolute;}  

body, .ui-widget, .ui-widget .ui-widget , .ui-widget-content { color: #202020; }

/*body, .ui-commandlink  { background-color: yellow;  }
/*body, .ui-commandlink, .ui-widget { color: #000000; background-color: yellow;}*/
 
.ui-toolbar-group-right {
  visibility: hidden;
  height: 1px;
}

:root {
  /*  U. I.   */

  /* Colore principale 
  --main-color: #CC0000;
   --main-color-light: #db0000;
 
  
  
  */
  --main-color: #ff5f03;
  --main-color-light: #ffaa00;
  --main-color-lighter: #ffc105;
  --main-color-lightest: #f7e00a; 
  --main-color-dark: #b50000;
  --main-color-darkest: #820000;

  /* Colore secondario */
  --second-color: #ffc107;
  --second-color-light: #ffd454;
  --second-color-dark: #f5a10f;

  /* Finestre e pannelli */
  --body-background-color: #f5f5f5; /* Colore di sfondo della pagina di WebUP e dello sfondo dei titoli (dialog, ecc.) */
  --title-background-color: #f5f5f5; /* Colore di sfondo dei titoli delle finestre */
  --main-background-color: #ffffff; /* Colore di sfondo per schede, pannelli, ecc. */
  --right-click-panel-background-color: #f5f5f5; /* Colore pannello dinamismi */
  --main-border-color: #d0d0d0; /* Colore distanziatori, bordi, ecc. */
  --main-border-color-hover: #f5f5f5; /* Colore distanziatori, bordi, ecc. all'hover */
  --main-border-stronger-color: #bdbdbd; /* Colore più marcato per distanziatori, bordi, ecc. (i.e.: in footer, header, ecc.) */

  /* Testi e icone */
  --main-font-family: "Lato", sans-serif; /* Font dei caratteri */
  --main-icon-color: #808080; /* Colore delle icone */
  --main-icon-color-hover: #a0a0a0; /* Colore delle icone all'hover */
  --main-text-color: #202020; /* Colore del testo */
  --main-text-lighter-color: #bebebe; /* Colore del testo più leggero, i.e.: etichette nella form di login */
  --main-text-stronger-color: #1a1a1a; /* Colore del testo più marcato */
  --main-text-alternate-color: #ffffff; /* Colore del testo alternato (usato quando il colore principale diventa non leggibile) */
  --disabled-text-color: #888888; /* Colore del testo disabilitato */
  --disabled-background-color: #f5f5f5; /* Colore di sfondo per campi input disabilitati */
  --tags-background-color: #f5f5f5; /* Colore dei tag */
  --input-background-color: transparent; /* Colore di sfondo dei campi di input */
  --hover-background-color: #f0f0f0; /* Colore di sfondo elementi selezionati con hover */
  --hover-color: #303030; /* Colore elementi selezionati con hover */

  /*  H E A D E R  */

  /* Principali */
  --header-background-color: var(--main-color); /* Colore sfondo */
  --header-color: #ffffff; /* Colore testo */
  --header-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.5); /* Ombreggiatura */

  /* Icone */
  --header-icons-color: #ffffff; /* Colore icone */
  --header-icons-activated-color: var(
    --second-color
  ); /* Colore icone attivate */
  --header-icons-disabled-color: #bdbdbd; /* Colore icone disattivate */
  --header-icons-badge-background-color: var(
    --second-color
  ); /* Colore sfondo badge icone */
  --header-icons-badge-color: #ffffff; /* Colore testo badge icone */

  /* Spotlight */
  --header-spotlight-background-color: #ffffff; /* Colore sfondo spotlight */
  --header-spotlight-color: var(--main-text-color); /* Colore testo spotlight */
  --header-spotlight-icons-color: #f5f5f5; /* Colore icone spotlight */
  --header-spotlight-icons-when-focused-color: var(
    --main-color
  ); /* Colore icone spotlight, quando quest'ultimo è attivo */
  --header-spotlight-icons-when-focused-color-hover: var(
    --main-color-light
  ); /* Colore icone spotlight, quando quest'ultimo è attivo, all'hover */

  /*  S I D E B A R  */

  /* Principali */
  --sidebar-background-color: #ffffff; /* Colore sfondo */
  --sidebar-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.5); /* Ombreggiatura */

  /* Icone */
  --sidebar-icons-color: var(--main-color); /* Colore icone */
  --sidebar-icons-border-color: var(
    --sidebar-background-color
  ); /* Bordo icone */
  --sidebar-icons-hover-color: var(
    --main-icon-color-hover
  ); /* Colore icone all'hover */
  --sidebar-icons-hover-border-color: var(
    --second-color
  ); /* Bordo icone all'hover */
  --sidebar-icons-hover-background-color: var(
    --hover-background-color
  ); /* Sfondo icone all'hover */
  --sidebar-icons-activated-color: var(
    --second-color
  ); /* Colore icone attivate */
  --sidebar-icons-badge-background-color: var(
    --second-color
  ); /* Colore sfondo badge icone */
  --sidebar-icons-badge-color: #ffffff; /* Colore testo badge icone */

  /*  B U T T O N S  */

  /* Utility buttons (come il Back To Top) */
  --button-utility-background-color: var(--main-color); /* Colore sfondo */
  --button-utility-color: #ffffff; /* Colore testo */
  --button-utility-size: 42px; /* Dimensione bottone */
  --button-utility-font-size: 34px; /* Dimensione icona bottone */
  /* Primary buttons */
  --button-primary-background-color: var(--main-color); /* Colore sfondo */
  --button-primary-hover-background-color: var(
    --main-color-light
  ); /* Colore sfondo all'hover */
  /* Success/Submit buttons */
  --button-success-background-color: #199955; /* Colore sfondo */
  --button-success-hover-background-color: #22ca70; /* Colore sfondo all'hover */
  /* Warning buttons */
  --button-warning-background-color: #ffc107; /* Colore sfondo */
  --button-warning-hover-background-color: #ffd454; /* Colore sfondo all'hover */
  /* Danger/Delete buttons */
  --button-delete-background-color: #d91e18; /* Colore sfondo */
  --button-delete-hover-background-color: #f0423c; /* Colore sfondo all'hover */
  /* Info buttons */
  --button-info-background-color: #446cb3; /* Colore sfondo */
  --button-info-hover-background-color: #6a8fd1; /* Colore sfondo all'hover */
  /* Popup buttons */
  --button-popup-background-color: var(
    --main-background-color
  ); /* Colore sfondo */
  --button-popup-border-color: var(--main-color); /* Colore bordo */
  --button-popup-color: var(--main-color); /* Colore testo */
  --button-popup-hover-color: var(
    --main-color-light
  ); /* Colore testo all'hover */
  /* Right-click-gear buttons */
  --button-right-click-color: var(--main-icon-color); /* Colore */
  --button-right-click-hover-color: var(
    --main-icon-color-hover
  ); /* Colore all'hover */
  /* Bottoniere */
  --button-one-many-background-color: #f0f0f0; /* Colore sfondo */
  --button-one-many-hover-background-color: var(
    --main-color
  ); /* Colore sfondo all'hover */
  --button-one-many-color: #303030; /* Colore */
  --button-one-many-hover-color: #8a8a8a; /* Colore all'hover */

  /*  S P I N N E R S  */

  --spinner-primary-color: var(--main-color-lightest); /* Colore primario */
  --spinner-secondary-color: var(
    --main-color-light
  ); /* Colore secondario (per transizioni) */
  --spinner-complete-color: #199955; /* Colore spinner al completamento (solo barre v2 e v3) */
}

/* dimensioni immagine stato studio  td.columnForcedOneLine.obj span.cellContent>img {   a[href="https://net.tutsplus.com"] 

td a[data-column="S1IMST"] span.cellContent div.image-cell-content {
        width: 50px !important;
        height: 10px !important;
}
*/