/* Gestione altezza variabile celle (esempio se ci sono tooltip di dimensione variabile in lista) */
.list-cell-variable-size {
  height: fit-content !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Formattazione campi in lista */

/* Formattazione campi in form */
div.alert-wrapper.combo-wrapper {
  max-width: calc(100% - 80px); /* larghezza massima delle combo box */
}

/* Formattazione campi label messaggi */
div.rsit-lbl-message {
  margin: 8px 4px;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  padding: 8px 4px !important;
  height: fit-content !important;
}

div.rsit-lbl-message.error {
  background-color:rgb(243, 153, 141) !important;
  border-color: rgb(143, 32, 24);
}

div.rsit-lbl-message.warning {
  background-color: rgb(255, 248, 125) !important;
  border-color: rgb(244, 177, 0);
}

div.rsit-lbl-message.info {
  background-color:rgb(141, 175, 243) !important;
  border-color: rgb(101, 135, 203);
}

/* Formattazione ai gruppi di pannello */

/* Gestione colori tramite campo CSSCLass */
.rsit-unknown {
  border-left: 15px solid rgb(180, 180, 180);
  background-image: linear-gradient(
    90deg,
    rgba(180, 180, 180, 0.3) calc(100% - 45px),
    rgba(180, 180, 180, 1) 45px
  );
}

.rsit-normal {
  border-left: 15px solid rgb(0, 255, 0);
  background-image: linear-gradient(
    90deg,
    rgba(0, 255, 0, 0.3) calc(100% - 45px),
    rgba(0, 255, 0, 1) 45px
  );
}

.rsit-normal-new {
  border-left: 15px solid rgb(50, 120, 255);
  background-image: linear-gradient(
    90deg,
    rgba(50, 120, 255, 0.3) calc(100% - 45px),
    rgba(0, 255, 0, 1) 45px
  );
}

.rsit-warning {
  border-left: 15px solid rgb(255, 200, 0);
  background-image: linear-gradient(
    90deg,
    rgba(255, 200, 0, 0.3) calc(100% - 45px),
    rgba(255, 200, 0, 1) 45px
  );
}

.rsit-error {
  border-left: 15px solid rgb(255, 0, 0);
  background-image: linear-gradient(
    90deg,
    rgba(255, 0, 0, 0.3) calc(100% - 45px),
    rgba(255, 0, 0, 1) 45px
  );
}

.rsit-unknown > ion-label:after,
.rsit-normal > ion-label:after,
.rsit-normal-new > ion-label:after,
.rsit-warning > ion-label:after,
.rsit-error > ion-label:after {
  font-size: 3rem;
  content: "\f110";
  position: absolute;
  right: 10px;
  font-family: "Ionicons";
  margin-top: -6px;
}

.rsit-unknown > ion-label:after {
  color: rgb(90, 90, 90);
}
.rsit-normal > ion-label:after {
  color: rgb(0, 130, 0);
}
.rsit-normal-new > ion-label:after {
  color: rgb(25, 60, 125);
}
.rsit-warning > ion-label:after {
  color: rgb(130, 100, 0);
}
.rsit-error > ion-label:after {
  color: rgb(130, 0, 0);
}

/* Lista relazioni */
/* Comandi icona in lista */
.cmd-filter {
  font-size: 2rem !important;
  margin: 0px !important;
  padding: 0px !important;
  padding-top: 5px !important;
}

.cmd-filter > ion-icon {
  margin: 0px !important;
  padding: 0px !important;
}

/* Esito */
.esito-list {
  border-radius: 2px;
  height: 94% !important;
  padding: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.esito-list > span.combo-input {
  background: rgba(255, 255, 255, 70%);
  height: 100%;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Comandi toolbar */
.cmd-toolbar {
  border: 2px solid rgb(255, 255, 255);
  border-radius: 4px;
  background: rgb(21, 95, 220);
  padding: 20px 8px;
  margin-right: 8px !important;
}

.cmd-toolbar.disabled {
  background: rgb(138 138 138);
  border: 2px solid rgba(255, 255, 255, 70%);
}

.cmd-toolbar.disabled > .button-inner,
.cmd-toolbar.disabled > .button-inner > ion-icon {
  color: rgba(255, 255, 255, 70%) !important;
  cursor: default;
}

/* Posizione filtro ricerche */
.panel-filter-image {
  font-weight: bold;
  float: none;
  margin-left: 6px;
  width: 25px;
  height: 25px;
  text-align: center;
}

.panel-filter-image.filter-set {
  color: rgb(255, 255, 255);
  background: rgb(24, 82, 134);
  border: 2px solid rgb(24, 82, 134);
  border-radius: 4px;
}

ion-item-divider ion-label {
  margin-bottom: 0px;
  margin-top: 0px;
}

ion-item-divider {
  background: rgb(30 56 103 / 0.2);
  border-top: 1px solid rgb(30 56 103 / 0.4);
}

.rsit-button {
  margin: 10px 8px 10px 0px;
}

/**
 * pannello di login 
 */
.logo-login {
  margin: 5px 0px 5px 0px;
}

.rsit-pan-login ion-item-divider {
  background: rgb(30 56 103 / 0.5);
  min-height: 3px;
}

.rsit-pan-login ion-list > .item:last-child {
  border-bottom: 0px;
}

.rsit-pan-login .rsit-button {
  margin: 15px 8px 10px 0px;
}

ion-item.rsit-show-pwd {
  position: static;
}

ion-toggle.rsit-show-pwd {
  position: absolute;
  right: 15px;
  padding: 0 !important;
  margin-bottom: 10px !important;
}

.panel-field-value-form.form-cell-variable-size.rsit-pwd {
  width: calc(100% - 40px) !important;
  position: relative;
  left: -20px;
}

/** 
 * tutti pannelli 
 */
/* elimina la riga campi-input per i campi che non sono input */
div.item-inner.rsit-no-input {
  border-bottom: 0px;
}

/* experimental */
.input-wrapper.form-cell-variable-size {
  flex-basis: 100% !important;
}

ion-navbar.toolbar.show-navbar {
  flex-direction: row-reverse;
}

ion-menu > div.menu-inner {
  transform: none !important;
}

ion-menu.show-menu > .menu-inner {
  height: 300px;
}