.datetimepicker{
	background-color:#f6f6f6;
	
}

.history .add-btn{
    display: inline-block;
    width: 100%;
    height: 36px;
    background-color: #F18E1E;
    font-size: 14px;
    line-height: 36px;
    color: white;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0px 2px #B56B17;
    text-decoration: none;
}



.sk-wave {
  margin: 8px auto;
  width: 302px;
  height: 160px;
  text-align: center;
  font-size: 40px; }
  .sk-wave .sk-rect {
    background-color:  var(--headers-text-color) ;
    height: 100%;
    width:8px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.8s infinite ease-in-out;
            animation: sk-waveStretchDelay 1.8s infinite ease-in-out; }
                         .sk-wave .sk-rect04{
    -webkit-animation-delay: -1.8s;
            animation-delay: -1.8s; }
 .sk-wave .sk-rect03 {
    -webkit-animation-delay: -1.7s;
            animation-delay: -1.7s; }
                 .sk-wave .sk-rect02 {
    -webkit-animation-delay: -1.6s;
            animation-delay: -1.6s; }
                 .sk-wave .sk-rect01 {
    -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s; }
            
              .sk-wave .sk-rect0 {
    -webkit-animation-delay: -1.4s;
            animation-delay: -1.4s; }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.3s;
            animation-delay: -1.3s; }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.2s;
            animation-delay: -1.2s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
            
              .sk-wave .sk-rect6 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
              .sk-wave .sk-rect7 {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
              .sk-wave .sk-rect8 {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }


@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }


    .icon-unlocked{ background: url('../icons/lucchetto_aperto_32p.svg') 12px 50%  no-repeat;background-position: 50% 50%; }
     .icon-locked{ background: url('../icons/lucchetto_chiuso_rosso_32p.svg') 12px 50%  no-repeat; background-position: 50% 50%;}
     
     .clock-grey{background: var(--clock-grey-icon) 12px 50%  no-repeat;background-position: 50% 50%;}