* {
    box-sizing: border-box;
}

.left {
    float: left;
}
.right {
    float: right;
}


#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9;

    display: flex;
    justify-content: center;
}
#loader md-progress-circular {
    /*margin: calc(50% - 60px) auto 0;*/
    align-self: center;
}

/* coloro il pulsante dello stesso colore del menù */
.my-md-primary {
    background-color:  #1976D2 !important;
}

/* per colorare i testi di bianco - anche per le svg (così da averne 1 per tutto) */
.color-withe {
    color: #ffffff  !important;
}

/* css per la barra del qr code */
.nordine {
    width: 50%;
    margin: auto;
}

/* css per dialog ddt_crea */
.background-blue {
    background-color: #1976D2 !important;
}
.align {
    min-height: initial;
    min-width: initial;
}
#dati md-toolbar-tools md-icon svg {
    height: 15px;
}

md-icon.white {
  color:#FFFFFF;
}
md-icon.yellow {
  color:#FFBF18;
}
md-icon.green {
  color:#00C200;
}
md-icon.red {
  color:#FF0000;
}


/* per rotazione infinita */
/* css div 
-webkit-animation: rotating-function 2.25s linear infinite;
     -moz-animation: rotating-function 2.25s linear infinite;
      -ms-animation: rotating-function 2.25s linear infinite;
       -o-animation: rotating-function 2.25s linear infinite;
          animation: rotating-function 2.25s linear infinite;
 fine css div */

@-webkit-keyframes rotating-function {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotating-function {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-ms-keyframes rotating-function {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

@-o-keyframes rotating-function {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}

@keyframes rotating-function {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}