.btn-primary {
  background-color: #00086c; }
  .btn-primary:hover {
    background-color: #1781c0; }

.card.card-border {
  border: 1px solid #00086c; }

.app-version {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 80%; }

.loadingAnimate {
  transform-origin: 50% 50%;
  animation: 1.20482s linear 0s infinite normal forwards running breath; }

@keyframes breath {
  0% {
    animation-timing-function: cubic-bezier(0.9647, 0.2413, -0.0705, 0.7911);
    transform: scale(0.91); }
  51% {
    animation-timing-function: cubic-bezier(0.9226, 0.2631, -0.0308, 0.7628);
    transform: scale(1.02994); }
  100% {
    transform: scale(0.91); } }

label.rbChoice {
  display: block;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5em; }
  label.rbChoice input {
    position: absolute;
    left: -9999px; }
    label.rbChoice input:checked + span {
      background-color: #d6d6e5;
      color: #000000; }
      label.rbChoice input:checked + span:before {
        box-shadow: inset 0 0 0 0.5em #00005c; }
  label.rbChoice span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 99em;
    transition: 0.25s ease; }
    label.rbChoice span:hover {
      background-color: #d6d6e5;
      color: #000000; }
    label.rbChoice span:before {
      display: flex;
      flex-shrink: 0;
      content: "";
      background-color: #fff;
      width: 1.5em;
      height: 1.5em;
      border-radius: 50%;
      margin-right: 0.375em;
      transition: 0.25s ease;
      box-shadow: inset 0 0 0 0.125em #00005c; }

.list-interventi-mobile .card-body {
  /* padding: 1em;*/ }

.list-interventi-mobile .item-int {
  font-size: 13px;
  font-weight: bold;
  padding: 3px 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
  display: inline-block;
  text-align: center;
  background-color: red;
  float: right; }
  .list-interventi-mobile .item-int.item-int-0, .list-interventi-mobile .item-int.item-int-1 {
    background-color: green; }

.list-interventi-mobile .item-row {
  border-bottom: 2px solid #00086c;
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px; }
  .list-interventi-mobile .item-row:last-child {
    border-bottom: none; }
  .list-interventi-mobile .item-row .item-label {
    font-weight: 400;
    color: #1781c0; }
  .list-interventi-mobile .item-row .item-value {
    color: #00086c;
    font-weight: 800;
    margin-left: 10px; }
  .list-interventi-mobile .item-row .item-motivo {
    overflow: hidden;
    text-overflow: clip; }
    .list-interventi-mobile .item-row .item-motivo.item-movito-close {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .list-interventi-mobile .item-row a[data-readmore-toggle] {
    float: right;
    margin-top: 10px;
    color: #1781c0;
    text-decoration: underline; }
    .list-interventi-mobile .item-row a[data-readmore-toggle]:hover {
      color: #00086c; }

.dettaglio-intervento [class*="action-"] {
  display: none; }

.dettaglio-intervento .col-ricambi {
  width: 90px; }

.dettaglio-intervento.stato-undefined .action-undefined {
  display: flex; }

.dettaglio-intervento.stato-preso-in-carico .action-preso-in-carico {
  display: flex; }

.dettaglio-intervento.stato-preso-in-carico #dvRicambiList {
  display: none; }

.dettaglio-intervento.stato-arrivo-on-site .action-on-site {
  display: flex; }
  .dettaglio-intervento.stato-arrivo-on-site .action-on-site #btnRestart {
    display: none; }

.dettaglio-intervento.stato-arrivo-on-site #dvRicambiList {
  display: none; }

.dettaglio-intervento.stato-problema-parti .col-ricambi {
  display: none; }

.dettaglio-intervento.stato-sospeso .action-sospeso {
  display: flex; }

.dettaglio-intervento.stato-sospeso #dvRicambiList {
  display: none; }

.dettaglio-intervento .scadenza-sla {
  text-align: center;
  border: 2px solid red;
  border-radius: 10px;
  padding: 8px 5px 5px; }

.dettaglio-intervento label.ticket-label {
  font-weight: 400;
  color: #1781c0;
  margin-bottom: 0px;
  display: block; }
  .dettaglio-intervento label.ticket-label.ticket-label-inline {
    display: inline-block;
    min-width: 50px;
    margin-right: 10px; }

.dettaglio-intervento .tasks .task-item {
  border-bottom: 1px solid #00086c;
  padding: 10px 0px; }
  .dettaglio-intervento .tasks .task-item p {
    margin: 0px; }
  .dettaglio-intervento .tasks .task-item label.task-label {
    font-weight: 400;
    color: #1781c0;
    margin-bottom: 0px;
    display: block; }
    .dettaglio-intervento .tasks .task-item label.task-label.task-label-inline {
      display: inline-block;
      min-width: 75px;
      margin-right: 5px; }
  .dettaglio-intervento .tasks .task-item .task-value {
    font-weight: bolder;
    letter-spacing: -1px; }
  .dettaglio-intervento .tasks .task-item .task-btn {
    padding: 4px 7px; }
    .dettaglio-intervento .tasks .task-item .task-btn span.material-icons-outlined {
      position: relative;
      top: 2px; }
  .dettaglio-intervento .tasks .task-item:last-child {
    border-bottom: none; }

.dettaglio-intervento .dv-intervento-risolutivo {
  margin-bottom: 0px;
  display: flex; }
  .dettaglio-intervento .dv-intervento-risolutivo label {
    flex: 1; }
  .dettaglio-intervento .dv-intervento-risolutivo .dv-intervento-risolutivo-question {
    display: flex;
    justify-content: center; }
    .dettaglio-intervento .dv-intervento-risolutivo .dv-intervento-risolutivo-question > div:first-child {
      margin-right: 10px; }

.intervento-chiudi .firma .firma-empty {
  width: 100%;
  height: 70px;
  background-color: #f2f2f2;
  position: relative; }
  .intervento-chiudi .firma .firma-empty:after {
    content: " ";
    width: 95%;
    position: absolute;
    bottom: 15px;
    border-bottom: 2px solid black;
    margin-left: 50%;
    transform: translateX(-50%); }

.modal-signature {
  max-width: 90%; }
  .modal-signature .modal-header,
  .modal-signature .modal-footer {
    padding: 0.5rem; }
  .modal-signature #dvFrm {
    width: 100%; }
    .modal-signature #dvFrm canvas {
      padding-top: 5px; }

@media (orientation: landscape) {
  .modal-signature img {
    display: none; } }

@media (orientation: portrait) {
  .modal-signature {
    text-align: center; }
    .modal-signature img {
      margin: 0px auto;
      width: 150px; }
    .modal-signature #dvFrm {
      display: none; }
    .modal-signature .modal-footer {
      display: none; } }