﻿/**
____    __    ____  ___       __  ___  __  ____    __    ____  __  
\   \  /  \  /   / /   \     |  |/  / |  | \   \  /  \  /   / |  | 
 \   \/    \/   / /  ^  \    |  '  /  |  |  \   \/    \/   /  |  | 
  \            / /  /_\  \   |    <   |  |   \            /   |  | 
   \    /\    / /  _____  \  |  .  \  |  |    \    /\    /    |  | 
    \__/  \__/ /__/     \__\ |__|\__\ |__|     \__/  \__/     |__| 

    2021                                                                 

*/
    
    .limiter{ width:100%;  margin:0 auto}
    .container-table100{ width:100%;   display:-webkit-box;  display:-webkit-flex;  display:-moz-box;  display:-ms-flexbox;  display:flex;  align-items:flex-start;  justify-content:center;  flex-wrap:wrap}
    .wrap-table100{ width:100%}
    .limiter table{ border-spacing:1;  border-collapse:collapse;  background:white;  border-radius:0.35rem;  width:100%;  margin:1rem auto;  position:relative}
    .limiter table>*{ position:relative}
    .limiter table thead{ margin-left:-1.25rem; margin-right:-1.25rem; letter-spacing:1px!important}
    .limiter table thead tr{ background:#e0e0e0; margin-left:-1.25rem; margin-right:-1.25rem; font-weight:500; font-family:inherit}
    /*.limiter table tbody tr{ height:50px}*/
    .limiter table tbody tr:last-child{ border:0}
    .limiter table td, table th{ text-align:left;  color:#616161 !important;  font-weight:normal; }
    .limiter table td.l, table th.l{ text-align:right}
    .limiter table td.c, table th.c{ text-align:center}
    .limiter table td.r, table th.r{ text-align:center}
    .table100-head th{ font-size:18px;  color:#fff;  line-height:1.2;  font-weight:unset}
    .limiter tbody tr:nth-child(even){ background-color:#f5f5f5; }
    .limiter tbody tr{ font-size:15px;  color:#808080;  line-height:1.2;  font-weight:unset}

    /*>>>>>>========== EVIDENZA la RIGA AL PASSAGGIO DEL MOUSE ============<<<<<<<<<<*/
    .limiter tbody tr:hover{ color:#555;  /*background-color:#fafafa;*/  cursor:pointer; outline:2px solid rgba(190,170,220,0.5); opacity:0.8;}

    .column1{ width:260px;  padding-left:40px}
    .column2{ width:160px}
    .column3{ width:245px}
    .column4{ width:110px;  text-align:right}
    .column5{ width:170px;  text-align:right}
    .column6{ width:222px;  text-align:right;  padding-right:62px}
    .limiter table tbody tr td .dropdown-toggle{ padding:20px}

@media screen and (max-width:992px){
     .limiter table{ display:block}
     .limiter table >*, .limiter table tr, .limiter table td, .limiter table th{ display:block}
     .limiter table thead{ display:none}
     .limiter table tbody tr{ height:auto;  padding:10px;  border:1px solid #f5f5f5}
     .limiter table tbody tr td{ padding-top:20px !important;  margin-bottom:10px;  border-top:0px !important}
     .limiter table tbody tr td:last-child{ margin-bottom:0}
     .limiter table tbody tr td:before{ font-size:14px;  color:#000;  line-height:1.2;  font-weight:bold;   width:100%}
     .limiter table tbody tr td .dropdown{ text-align:right}
 
    .column4,  .column5,  .column6{ text-align:left}

     .column4,  .column5,  .column6,  .column1,  .column2,  .column3{ width:100%}
     .limiter tbody tr{ font-size:14px}
}
@media (max-width:576px){ 
    .container-table100{ padding-left:15px;  padding-right:15px}
}

