body{
  background-color: #333333;
}
a{
color:  #d7d9da
}
/* spiner */
.spiner{
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
	border-left: 16px solid pink;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: relative;
     top: 50%;
     transform: perspective(1px) translateY(-50%);
	margin:auto;
	margin-top: -120px;
}

.auyama-preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-color:#212529;
 

}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* spiner */

a:hover{
  color:  #c3ff52
  }
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:after ,
table.dataTable thead .sorting_asc:after 
{
     opacity: 0!important; 
} 
a.legal{
  color:  #929292
  }
a:hover.legal{
  color:  #616161
  }
 
/*

table.dataTable thead .sorting_asc:after {
  content: "\f063";
  font-family: 'FontAwesome';
}
table.dataTable thead .sorting_desc:after {
  content: "\f062";
  font-family: 'FontAwesome';
}*/

.wood-table>div:nth-child(odd) {background: #424242;
  padding: 15px 0px;
  border-bottom: 1px solid #9e9e9e;}
  
  .wood-table>div:nth-child(even) { 
    padding: 15px 0px;
   }

.manager{
  color: #c3ff52;
}

.dataTables_filter label,
.dataTables_length label
{color:white!important}

 thead tr th,
 tfoot tr th{ background-color: #03a9f4!important}

.navbar-nav li{
    margin-left: 10px;
    margin-right: 10px;
}
.blink  {
  animation: blinker 1s linear infinite;
}

.overrow:hover{ 
  background-color: #333333;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.navbar-brand {
    position: absolute;
    left: 10px;
}

select[name="contatti_length"],
input[type="search"]
{
    padding:10px!important;
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    font-size: 12px!important;
   /* height: 25px!important;*/
}

form label{
  font-weight: bolder;
}

.toggle-column input  {
  /* screen reader only */
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
  }

  .label-with {
  -webkit-user-select: none;
  user-select: none;
  }

  .toggle-column label {
      display: inline-block;
      padding: 2px 0px;
     
       
      cursor: pointer;
  }

  .toggle-column label::before {
  display: inline-block;
  margin-right: 10px;
  font-family: 'Font Awesome 5 Free', 'FontAwesome';
  font-weight: 900;
  font-size: 1.4em;

  /* toggle-on icon, but flipped to be "off" */
  content: '\f205';
  transform: scale(-1);
  }

  .toggle-column input:checked + label::before {
  transform: none; /* undo flip */
  color:green;
  
  }
@media screen and (min-width:1024px) {
  .columnsx3
  {
    column-count: 3;
  }
}


@media screen and (max-width:700px) {
    .navbar-brand{
        display: none!important;
    }
}












ul.checkbox-img {
    list-style-type: none;
    padding:0
  }
  
  .checkbox-img li {
    display: inline-block;
  }
  
  .checkbox-img input[type="checkbox"][id^="myCheckbox"] {
    /*display: none;*/

    opacity: 0;
    position: relative;
    top: 55px;
    left: 45px;
  }
  
  .checkbox-img label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
  }
  
  .checkbox-img label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
  }
  
  .checkbox-img label img {
    height: 50px;
    width: 50px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
  }
  
  .checkbox-img    :checked + label {
      border-color: #ddd;
      border-radius: 20px;
      }
  
      .checkbox-img    :checked + label:before {
      content: "✓";
      background-color: grey;
      transform: scale(1);
      }
  
      .checkbox-img   :checked + label img {
      transform: scale(0.9);
      /* box-shadow: 0 0 5px #333; */
      z-index: -1;
      }
  .report_access,
  .notify-user  { color: #616161;}

  .report_access:hover,
  .notify-user .ok,
  .report_report_access
  { color: #c3ff52;}