BODY {
  background-color: white;
}

/* Elemento DIV che contiene l'intero oggetto WebEntryPoint */
#wep {
  background-color: white;
}

/* Elementi della Task bar */
#taskbar-trow {
  background-color: white;
  border-bottom: 1px solid white;
}

#wait-box {
  margin: 200px auto;
  width: 400px;
  height: 236px;
  background-color: #FAFAFA; 
  /* background-color: var(--accent-color); */
  border: 2px solid #19406A;
  /* border: 2px solid var(--darker-accent-color); */
  border-radius: 6px;  
}

.wait-box-logo {
	text-align: center;
}

.wait-box-title {
	text-align: center;
}

/* DIV del testo iniziale */
#wait-box-text {
  top: 50px;
  color: #4d74a4;  
  /* color: var(--light-text-color); */
  font-size: 11pt;
  font-weight: normal;
  font-family: "Segoe UI";
  text-align: center;
  position: relative;
  left: 0px;
  width: 280px;
}
/* DIV Progress bar caricamento immagini */
#wait-box-progress {
  left: 105px;
  top: 140px;
  background-color: #4d74a4;
}
.wait-box-title {
  font-size: 22pt;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 12px;
  line-height: 34px;
  letter-spacing: 2.5pt;
  color: #4d74a4;
  vertical-align: top !important;
  margin-top: 13px;
}


/* Elemento DIV che contiene l'header              */
#header-container {
  color: #000000;
  background-color: #FFFFFF;
  border-bottom: none;
  height: 50px;
  font-size: 35px;
  font-weight: 300;
  color: #464a4c;
  line-height: 50px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-family: "Segoe UI";
}

/* Elemento DIV che contiene la lista delle form aperte */
#form-list-container {
  background-color: white;
  background-image: url('images/logo_aton_mini.gif');
  background-position: center bottom;
  background-repeat: no-repeat;
  border-left: 3px solid #eaebec;
  border-right: 3px solid #eaebec;
  border-bottom: 1px solid #eaebec;
}

/* tolgo il "cmd" dall'header */
#header-command-box {
  display: none;
}


#welcome-container {
  border: 1px solid #eaebec;
}

/* Classe applicata allo span che contiene         */
/* l'intera toolbar                                */
.toolbar-container {
  background-color: white;
  border: 1px solid white;
}


/* Classe applicata al contenitore dell'intera		 */
/* form                                            */
.form-container {
  background-color: white;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


/* Classe applicata al contenitore della caption	 */
/* della form                                      */
.form-caption-container {
  /* color: black;
  position: relative;
  height: 29px;
  line-height: 25px;
  font-size: 13pt;
  letter-spacing: 1px;
  border-bottom: 1px solid #a6a6a6; */
  height: 45px;
}

/* Classe applicata al contenitore dei messaggi  	 */
/* della form                                      */
.form-message-container {
  background-color: white;
  border-bottom: 1px solid white;
}

.frame-content-container {
  background-color: white !important;
}

/* Classe applicata al contenitore della toolbar     */
/* del frame                                         */
.frame-toolbar-container {
  background-color: white;
  border-bottom: 1px solid #e2e2e2;
}

/* Classe applicata al contenitore della toolbar     */
/* del frame in caso di icone piccole                */
.frame-toolbarsmall-container {
  background-color: white;
  border-bottom: 1px solid white;
}

/* Classi applicata al DIV che appare quando la      */
/* toolbar ha contenuto scrollabile                  */
.frame-toolbar-scrollbox-dx {
  background-color: white;
}

.frame-toolbarsmall-scrollbox-dx {
  background-color: white;
}

.frame-toolbar-scrollbox-sx {
  background-color: white;
}

.frame-toolbarsmall-scrollbox-sx {
  background-color: white;
}

/* Classe applicata al testo della caption del frame    */
.frame-toolbarsmall-caption {
  color: #808080;
}

/* Classe applicata alla Box esterna               */
/*  di un indicatore                               */
.indicator-box {
  border: solid white 1px;
}

/* Classe applicata al testo dell'indicatore       */
/* quando questo � evidenziato                     */
.indicator-text:hover {
  background-color: #808080;
}

.panel-form-container {
  background-color: white !important;
}

/* Classe applicata alla status bar di un pannello            */
/* (area che contiene) le informazioni di navigazione         */
.panel-toolbar-status {
  color: #808080;
}

/* Classe applicata alla status bar di un pannello            */
/* se esso � in stato DATA (al posto di panel-toolbar-status) */
/* per i pannelli con icone piccole                           */
.panel-statussmall-data {
  color: #808080;
}

.panel-list-container {
  background-color: white !important;
}

/* Classe applicata al DIV che contiene tutta la   */
/* finestra popup                                  */
.popup-frame-container {
  background-color: white;
}

/* se necessario aggiunge i bordi alla finestra    */
/* popup                                           */
.popup-border-thin {
  border: 1px solid white;
}

/* Classe applicata al DIV che contiene la caption */
/* della finestra popup                            */
.popup-frame-caption {
  color: #808080;
  border-bottom: 1px solid white;
}

/* Il submenu-container � il DIV che contiene i    */
/* comandi figli di questo command set (solo per   */
/* essi)                                           */
.submenu-container-level-1 {
  border-bottom: 1px solid white;
}

/* Questa classe rappresenta la testata del        */
/* command set (l'oggetto stesso)                  */
.menu-commandset-level-1 {
  border-bottom: 1px solid white;
  color: #808080;
}

.menu-commandset-level-2 {
  color: black;
}

.menu-commandset-level-3 {
  color: black;
}

.menu-commandset-level-4 {
  color: black;
}

/* Questa classe rappresenta il link interno       */
/* alla testata del command set                    */
.menu-commandset-link-level-1 {
  color: #808080;
}

.menu-commandset-link-level-2 {
  color: black;
}

.menu-commandset-link-level-3 {
  color: black;
}

.menu-commandset-link-level-4 {
  color: black;
}


/* Questa classe rappresenta il link interno       */
/* alla testata del command                        */
.menu-command-link-level-1 {
  color: #808080;
}

.menu-command-link-level-2 {
  color: black;
}

.menu-command-link-level-3 {
  color: black;
}

.menu-command-link-level-4 {
  color: black;
}

/* Classe applicata al titolo della lista delle Form Aperte */
.form-list-header {
  color: #808080;
}

/* Questa classe � associata ai separatori         */
/* fra i vari command/commandset                   */
.menu-separator-level-1 {
  border-bottom: 1px solid #eaebec;
}

.menu-separator-level-2 {
  background-color: #eaebec;
}

.menu-separator-level-3 {
  background-color: #eaebec;
}

/* Classe applicata al nome di una form non attiva */
/* nella form list                                 */
.form-list-caption {
  background-color: white;
  color: black;
  font-weight: normal;
}

/* Classe applicata al nome di una form non attiva */
/* nella form list (EVIDENZIATO)                   */
.form-list-caption-hl {
  background-color: white;
  color: black;
  font-weight: normal;
}

/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list                 */
.form-list-img {
  background-color: white;
  font-weight: normal;
}

/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list                 */
.form-list-img-hl {
  background-color: white;
  font-weight: normal;
}

/* Classe aggiuntiva applicata se il men�          */
/* � posizionato a destra                          */
.form-list-img-right {
  background-color: white;
  font-weight: normal;
}

/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list (EVID.-DESTRA)  */
.form-list-img-hl-right {
  background-color: white;
  font-weight: normal;
}

/* Classe applicata al nome della form attiva      */
/* nella form list                                 */
.form-list-active-caption {
  color: black;
}

/* Classe applicata all'immagine della entry della */
/* form attiva nella form list                     */
.form-list-active-img {
  background-color: white;
}


/* Classe applicata al pulsante chiudi tutto                  */
/* (NON EVIDENZIATO)                                          */
.form-list-close-all-button {
  color: #808080;
}

/* Classe applicata al pulsante chiudi tutto                  */
/* (EVIDENZIATO)                                              */
.form-list-close-all-button-hl {
  color: black;
}

/* Elemento DIV che contiene gli elementi della lista   */
/* delle form aperte                                    */
.form-list-entry-container {
  background-color: white;
}

/* Custom */

/*menu*/
#forms-container {
  padding: 0 20px;
}

.close-button:not(.form-caption-modal-image) {
  vertical-align: unset;
  margin-bottom: 10px;
  height: 20px;
}

.form-caption-image {
  margin-top: 10px;
}

.form-caption-text {
  /* height: 49px; */
  line-height: 30px;
  display: inline-block;
  padding-left: 15px;
  font-family: "Segoe UI";
  font-weight: 400;
}

.form-message-container {
  font-size: 14px;
  position: relative;
}

.form-message-div {
  padding: 0;
  width: auto;
}

.form-message-div b {
  color: #333333;
}

.form-message-icon {
  display: none;
}

#form-list-container {
  width: 260px !important;
}

#form-list-container {
  display: none;
}

.menu-commandset-level-1 {
  border-bottom: 1px solid #e1e6ef;
  color: #333333;
  height: auto;
  line-height: normal;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px;
  position: relative;
}

.menu-commandset-link-level-1 {
  font-size: 14px;
}

.menu-commandset-level-1 a {
  color: #333333;
}

.menu-separator-level-1 {
  display: none;
}

.menu-separator-first {
  display: none;
}

.menu-commandset-imagedx-level-1 {
  vertical-align: 0;
  cursor: pointer;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
  position: absolute;
  top: 20px;
  margin-left: auto !important;
  right: 10px;
}

.panel-value-html {
  white-space : normal !important;
}

.menu-commandset-imagedx-level-1 {
  background-color: transparent;
  border-radius: 0;
  -ms-border-radius: 0;
  right: 15px;
}

.submenu-container-level-1 {
  border-bottom: 1px solid #e1e6ef;
  background-color: #e9edf4;
  padding: 12px 0;
}

.menu-command-branchimage-level-2 {
  display: none;
}

.menu-command-link-level-2 {
  color: #606060;
  font-size: 14px;
  padding: 5px 15px;
  display: block;
  line-height: 1;
}

.menu-command-level-2:hover,
.menu-command-level-2-hover,
.menu-commandset-level-1:hover,
.menu-commandset-level-1-hover {
  background-color: transparent;
}

.menu-command-level-2:hover .menu-command-link-level-2,
.menu-command-level-2-hover .menu-command-link-level-2,
.menu-commandset-level-1:hover .menu-commandset-link-level-1,
.menu-commandset-level-1-hover .menu-commandset-link-level-1 {
  color: #3db39e;
}

.menu-scrollbox-dn,
.menu-scrollbox-up {
  background-color: #3db39e;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* Welcome */
#welcome-container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
}

#welcome-container body {
  background-image: none;
}

/* Main Content */

.frame-toolbar-caption {
  color: black;
  font-size: 16px;
  letter-spacing: 1px;
}

.frame-toolbarsmall-caption {
  color: black;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
}

.panel-status-qbe, .panel-statussmall-qbe {
  color: #3db39e !important;
  font-size: 14px;
  font-weight: normal;
}

/*
.panel-field-static {
	height: auto !important;
}
*/
.panel-status-data, .panel-statussmall-data {
  color: black;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
}

.panel-field-static SPAN {
  cursor: inherit;
  font-style: normal;
  /* color: #808080; */
}

.toolbar-frame-image:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.panel-value-button:hover,
.popup-button:hover {
  background-color: #3db39e;
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
}

.panel-value-button,
.popup-button {
  font-size: 12px !important;
  font-weight: bold !important;
  background-color: #3db39e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
}

.toolstrip-container {
  padding-top: 20px;
}

.selected-tab-caption-container-0,
.tab-caption-container-0 {
  margin-right: 7px;
  margin-top: 0;
}

/* .selected-tab-caption-0,
.tab-caption-0,
.tab-caption-h1-0 {
  background-color: #e1e6ef;
  font-size: 14px;
  border-radius: 0;
  -ms-border-radius: 0;
  border: 1px solid #e1e6ef;
  border-bottom: none;
  font-weight: bold;
  text-align: center;
  color: #333333;
} */

.selected-tab-caption-0 {
  background-color: #ffffff00;
  font-size: 14px;
  border-bottom: 2px solid #004C8B;
  font-weight: bold;
  text-align: center;
  color: #333333;
}

.tab-caption-0 {
  background-color: #ffffff00;
  font-size: 14px;
  border-bottom: none;
  font-weight: bold;
  text-align: center;
  color: #989898;
}

/* *******************************************************/


/* Classe applicata allo span centrale di una caption    */


/* della tabbed view (HILIGHT)                           */


/* *******************************************************/

.tab-caption-hl-0 {
  padding-left: 10px;
  transition: all 0.3s ease 0s;
  color: #004C8B;
  background-color: #ffffff00;
  font-weight: bold;
  font-size: 14px;
}

.popup-border-thin {
  border: none;

}

.popup-frame-caption {
  color: white;
  border-bottom: 1px solid white;
  background: #3db39e;
  font-size: 14px;
  font-weight: bold;
}

/* .popup-frame-content .form-caption-container {
  height: auto;
  line-height: 14px;
  padding: 10px;
  background-color: #004C8B;
  position: relative;
} */

/* .popup-frame-content .form-caption-text {
  height: auto;
  line-height: 14px;
  display: inline-block;
  padding-left: 0;
  font-size: 14px;
  font-weight: bold;
  color: white;
} */

.popup-frame-content .form-caption-modal-image {
  /* margin: 0; */
  position: absolute;
}

.popup-frame-content .form-caption-modal-image.close-button {
  right: 30px;
}

.popup-frame-content .form-caption-modal-image.max-button {
  right: 55px;
}

.popup-frame-content .form-caption-modal-image.min-button {
  display: none;
}

.popup-frame-content .form-caption-modal-image.debug-button {
  right: 105px;
}

.popup-frame-content .form-caption-modal-image.accept-button {
  right: 80px;
}

.panel-field-caption-list SPAN {
  color: #676767 !important;
  font-weight: bold !important;
  vertical-align: bottom;
}

.pannel-value-input {
  border-radius: 4px !important;
}

.panel-field-value-form {
  border-radius: 4px;
}

.panel-value-activator {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.combo-activator {
  cursor: pointer;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/aeco.gif);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.form-caption-modal-image {
  /* position: absolute; */
  width: 20px !important;
  height: 20px !important;
  margin-top: 8px !important;
}

.popup-frame-content .form-message-container {
  font-size: 14px;
  position: relative;
  padding: 0 10px;
}

button,
.popup-button-default {
  color: white;
  -padding: 10px 15px;
  border: 0;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.popup-button-default {
  background-color: #3db39e;
}

button {
  background-color: #333333;
}

button:hover {
  background-color: #333333;
  opacity: 0.8;
}

.popup-button-default:hover {
  background-color: #3db39e;
  opacity: 0.8;
}

.group-container,
.group-container .group-label {
  background-color: #e1e6ef !important;
}

.popup-delay-progress-container {
  border: 1px solid #e1e6ef;
}

.popup-delay-progress-box {
  background-color: #f8f9fc;
  background-image: none;
}

.popup-delay-inner-progress-box {
  background-color: #004C8B;
  background-image: none;
}

.form-caption-container .toolbar-form-container {
  position: absolute;
  right: 40px;
  top: 14px;
}

.toolbar-form-image-hl {
  background: transparent;
  box-shadow: none;
}

.toolbar-form-image-hl:hover {
  background: transparent;
}

.bkm-btn-menu {
  background-color: #E1E2E1 !important;
  color: #676767 !important;
  white-space: inherit;
  line-height: 18px;
}

.bkm-btn-blue {
  background-color: #1976D2 !important;
  white-space: inherit;
  line-height: 18px;
}

.bkm-btn-green {
  background-color: #4BAD85 !important;
  white-space: inherit;
  line-height: 18px;
}

.bkm-btn-red {
  background-color: #CD4B31 !important;
  white-space: inherit;
  line-height: 18px;
}

.group-list-box {
  line-height: 25px !important;
  height: 25px !important;
  background-color: transparent !important;
}

.popup-menu-container 
{
  background-color: white;
  /* border: 1px solid #99bbe8; */
  border: unset;
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: 600px; 
}

.form-frames-container 
{
  background-color: white;
}

.panel-field-list-box > .panel-value-input  {
    padding-top: 2px;
	padding-bottom: 2px;
}

.panel-field-value-list {

    padding: 2px;
    line-height: 2;
}

div.panel-field-value-list {
    padding: 0px;
	line-height: 2.4;
	padding-left: 2px;
}

input.combo-input {
    padding: 0 2px;
}

#header-notification-image, #header-chatbot-image, #header-user-image {
  vertical-align: middle;
  cursor: pointer;
}

.header-notification-hl, .header-chatbot-hl, .header-user-hl {
  background-color: #FFFFFF;
  padding: 5px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin-right: 10px;
}

.header-notification-hover, .header-chatbot-hover, .header-user-hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  background-color: #FFFFFF;
  padding: 5px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin-right: 10px;
}

#header-notification-container, #header-chatbot-container, #header-user-container {
  display: inline;
  position: relative;
}

.MessaggioResetPassword{
  cursor: inherit !important;
  font-style: normal !important;
  color: #808080 !important;
  line-height: 1.5 !important;
}

#header-main-image{
  height: 41px;
}

#header-main-caption {
  border-left: 2px solid;
  padding-left: 10px;
}

#side-menu-container {
  border-bottom: 1px solid #b6b6b6;
  -webkit-box-shadow: 0px 7px 8px -2px rgb(172 172 172 / 49%);
  box-shadow: 0px 7px 8px -2px rgb(172 172 172 / 49%);
  z-index: 999;
}

/* Classe applicata al DIV contenuto nella MSGTIP     */
.messagetooltip-text{
  border-top: solid 1px #E5E5E5;
  border-top: solid 1px var(--highlight-color);
}
/* Classe applicata al frame contenitore della MSGTIP */
.messagetooltip-border-top{
  background-image: none !important;
  height: 0px;
}
/* Classe applicata al frame contenitore della MSGTIP */
.messagetooltip-border-right{
  background-image: none !important;
  width: 0px;
}
/* Classe applicata al frame contenitore della MSGTIP */
.messagetooltip-border-bottom
{
  background-image: none !important;
  height: 0px;
}
/* Classe applicata al frame contenitore della MSGTIP */
.messagetooltip-border-left{
  background-image: none !important;
  width: 0px;
}

.messagetooltip-frame-container {
	border: solid 1px var(--tooltip-border-color);
  border-radius: 5px;
  padding: 4px;
  font-family: "Segoe UI";
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

#toolbar-container {
  /* height: 37px; */
  height: fit-content;
  -webkit-box-shadow: 0px 7px 8px -2px rgb(172 172 172 / 49%);
  box-shadow: 0px 7px 8px -2px rgb(172 172 172 / 49%);
  /* z-index: 999; */
  padding-top: 15px;
}

#toolbar-container .toolbar-container {
  display: contents;
}

.toolbar-container input {
  color: #574861;
  background-color: white;
  letter-spacing: 2px;
  box-shadow: none;
  transition: 0.3s;
  font-weight: 500;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.toolbar-button {
  border-radius: 0px;
}

.toolbar-button:hover {
  background-color: #2477B3;
  color: white;
}

.messagetooltip-whisker {
	display: none;
}

.panel-row-selector {
	height: 16px;
}

.popup-icon-div {
	padding-top: 7px;
}

.popup-icon {
	height: 32px;
}

.form-message-icon {
	height: 16px;
}

/* .menu-bar-command, .menu-bar-hover {
  color: unset;
}

.menu-bar-command {
  line-height: 40px;
} */

.popup-menu-item {
  background-color: white;
}

#forms-container {
  margin-top: 20px;
}

/* .bkm-fa-icon-list {
  transition: 0.1s;
  font-size: 14px !important;
  color: #2196f3 !important;
} */

.bkm-fa-icon-list:hover {
  opacity: 0.8;
  font-size: 15px !important;
}

.hover-all{
  background-color: #f0f0f0 !important;
}

.panel-toolbar-button-small, .panel-toolbar-button-small-down, .panel-toolbar-button-small-hover {
  width: 20px;
}

.panel-toolbar-button, .panel-toolbar-button-down, .panel-toolbar-button-hover, .frame-toolbar-button, .frame-toolbar-button-hover, .frame-toolbar-button-down {
  width: 22px;
  height: 22px;
  padding: 0px;
}

.book-container {
  border: none;
}

.book-section {
  padding: 0px !important;
}

.header-second-caption {
  font-size: 15px;
  font-weight: 400;
  margin-right: 10px;
  vertical-align: middle;
}

.panel-toolbar-qbetip {
  width: 18px;
  margin-top: 0px !important;
}

.messagetooltip-image {
  width: 18px;
}

iframe {
  border: none;
}

.chatbot-frame-container {
  position: absolute;
  z-index: 9999;
  right: 10px;
  top: 70px;
}

.chatbot-frame-container > iframe {
  height: 300px;
}

div.mercato-preview img,div.mercato-preview iframe {
  max-height: 99% !important;
  max-width: 100% !important;
}

.bkm-img-click img {
  cursor: pointer;
}

.bkm-img-click img:hover {
  opacity: 0.7;
}

.bkm-img-click img:active {
  opacity: 1;
}
.panel-html-editor{
  overflow: auto !important;
}