html{
    background: rgb(0,0,0);
    background-color: #000c12;
}

.update_alert.active .activated{
    display: block;
}

.update_alert.active .stopped{
    display: none;
}  

.update_alert:not(.active) .activated{
    display: none;
}

.update_alert:not(.active) .stopped{
    display: block;
}

.swal2-popup{
    background-color: #1f2937;
    color:white !important;
    border: 1px solid #a2a2a2 !important;
    border-radius: 8px;
}

::-webkit-inner-spin-button { 
    display:none;
  }
  ::-webkit-calendar-picker-indicator { background-color:white}
  input[type=date]{
    font-size:25px;
  }
  ::-webkit-datetime-edit-text { color:#555555}
  ::-webkit-datetime-edit-month-field { color:#555555 }
  ::-webkit-datetime-edit-day-field { color: #555555; margin-left: 5px }
  ::-webkit-datetime-edit-year-field { color:#555555; }
  ::-webkit-calendar-picker-indicator{ 
    background-image: url(http://icons.iconarchive.com/icons/dakirby309/simply-styled/256/Calendar-icon.png);
        background-position:center;
         background-size:20px 20px;
         background-repeat:no-repeat;
        color:rgba(204,204,204,0);
  }

  [x-cloak] { display: none !important; }

  #logo-sidebar:hover .to-hide-on-desktop{

    width: initial;
    height: 18px;
    opacity: 1;
    
  }

  #logo-sidebar .to-hide-on-desktop{

    width: 0 !important;
    height:  18px;
    opacity: 0 ;
    
  }

  #logo-sidebar svg.side-traslated{
    margin-left: 0px;
    transition: margin-left 300ms ease-in-out;
    width: calc(var(--spacing)* 7) !important;
  }

  #logo-sidebar:hover svg.side-traslated{
    margin-left: 22px;
    width: initial !important;
  }

  #logo-sidebar:hover{
    width: 300px !important;
  }

  #logo-sidebar{
    transition: width 300ms ease-in-out;
    width: 69px !important;
  }

  .pagination_style nav div > span{
    border-radius: 8px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.1);
  }

  .pagination_style > *{
    box-shadow: none !important;
  }

  .pagination_style span button{
    cursor: pointer !important;
    border: none !important;
   }

   .pagination_style span button:hover{
    background-color: #0d72ff !important;
    color:white !important;
    border: none !important;  
   }

   .pagination_style span[aria-current="page"] span{
    color: white !important;
    background-color: #0d72ff !important;
    border: none !important;
   }

   .pagination_style span[aria-disabled="true"] span{
    color: #555555 !important;
    border: none !important;
   }