/*****************
 * PLUGIN LAYOUT *
 *****************/
.docidfiles
  {
    display: block;
    margin: 22px 8px;
    width: 120px;
  }  
  
.docidfileslight
  {
   display:inline-block;
   margin:4px 8px;
  }  

/************* 
 * DOCS LIST *
 *************/  
.docs-cards .card-title 
  {
   font-size:20px;
   font-family: TitilliumRegular;
   font-weight:bold;
   line-height:1.6rem;
  }
 
.pc_itemlist ul
  {
   list-style-type:none;
  }
  
.pc_itemlist > ul > li
  {
    margin-bottom: 16px;
  }  
  
.pc_itemlist .elencoDocs
  {
    margin-bottom: 8px;
  }  
   
.moduletable ul li .elencoDocs .lbl-ext
  {
   background:#30638d;
   color:#fff;
   padding:2px 8px;
   border-radius:8px;
  }   

.estensione-lbl
  {
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    min-width: 100px;
    text-align: center;
  }
  
.estensione-lbl:hover
  {
   opacity:.8;
  }

.estensione
  {
   display:inline-block;
  }

.filesize
  {
   margin:0 0 0 8px;
   display:inline-block;
  }
    

.cat_title
  {
   font-weight:bold;
  }

.docHideAll
  {
   display:none !important;
  }

.docDetail  
  {
   display:none;
   margin:16px 0;
  }  
  
.docShow
  {
   width:100%;
   display:block;
  }
  
.catDoc
  {
    padding:0;
    border-bottom:1px solid #dfe3e7;
    margin-bottom:8px;
  }  
  
.catDoc li
  {
    list-style-type:none;
    display: inline-block;
    border-right:1px solid #dfe3e7;   
    padding: 0px 8px 8px 0;
    font-weight:bold;
  }

.catDoc li:last-child
  {
    border-right:0px solid #dfe3e7;   
  }

  
    
.docs-cards .card .list-group
  {
    display: block;    
  }
  
.docs-list .list .list-group
  {
    display: inline-block;    
  }  
  
.docs-list .list .list-group
  {
    display: block;    
  }    
  
.docs-cards .card .list-group-flush .list-group-item,
.docs-list .list .list-group-flush .list-group-item
  {
    display: inline-block;
    border:0 !important;    
    margin: 0 0 8px 0;
  } 
  
.docs-cards .card .list-group
  {
    border:0 !important;    
  }     
  
.docs-cards .card .list-group-item a
  {
    text-decoration:none;
  }    
    

.docs-list .list
  {
    list-style-type:none;
    display: block;
    vertical-align: top;
    margin: 8px;
    background-clip: border-box;
    border: 1px solid #dfe3e7;
    border-radius: 0.25rem;
    padding: 8px;
  }    
  
  
.lastModified
  {
   width:100%;
   border:#552222 solid 1px;
   background-color:yellow;
   color:#000;
   text-align:center;
  }

.doc_elenco_box
  {
   border:#000 solid 0px;
   background-color:#fff;
   color:#000;
   width:100%;
   /*float:left;*/
   display:inline-block;
   margin-bottom:10px;
   margin-left:0px;
   border-top: #0b86f1 solid 2px;
  }

.dateDocs
  {
   margin-bottom:2px;
  }

.doc_legend
  {
   text-transform:uppercase;
   font-weight:bold;
   background-color:#fff;
   line-height: 32px;
   color:#fff;
   cursor:pointer;
   color:#004287;
   padding-left:8px;
   margin-bottom:0px;
   background-repeat:no-repeat;
   background-position:6px 6px !important;
  }


td.doc_riga
  {
   vertical-align:top;
   text-align:center;
   padding:4px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 0.8em;   
   border-right:#dedede solid 1px;
   border-bottom:#dedede solid 1px;  
  }  
  
.doc_riga_cat
  {
   vertical-align:top;
   padding:0px;
   clear:both;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 1em;   
   list-style-type:none;
   font-weight:bold;
   margin-left:0px !important;
  }  
 
tr.row0
  {
   background-color:#fff;
   padding:4px;   
   width:100%;   
   height:100%;
  }

tr.row0:hover, tr.row1:hover
  {
   background-color:#FFFF99;
  }


tr.row1
  {
   background-color:#e9e9e9;
   padding:4px; 
   width:100%;
   height:100%;   
  }

ul.doc_elenco
  {
   /* 
   float: left;*/
   margin:0px 0px 0px 20px;  
   display:block;
   width:100%;
   list-style-type: none;
  }

li.row0
  {
   float:left !important;
   display:block;
   width:90%;
   background-color:#fff ;
   background-image:url('/components/com_publiccompetitions/images/ico_documenti.png');
   background-repeat:no-repeat;
   background-position:0px 8px;
   padding:4px;
   padding-left:24px;   
  }

li.row1
  {
   float:left;
   display:block;
   width:90%;
   background-color:#e9e9e9;
   background-image:url('/components/com_publiccompetitions/images/ico_documenti.png');
   background-repeat:no-repeat;
   background-position:0px 8px;
   padding:4px;
   padding-left:24px;   
  }


li.row_category
  {
   float:left !important;
   display:block;
   width:90%;
   padding:4px;
   padding-left:0px;   
   color:#004287;
  }  
  
li.row_cat0
  {
   background-color:#fff;
  }  
  
li.row_cat1
  {
   background-color:#e9e9e9;
  }  

.row1_category_back
  {
   display:block;
   padding:4px;
   margin:8px 0px;
  }  
  

li.row0:hover, li.row1:hover
  {
   background-color:#FFFF99;
   background-image:url('/components/com_publiccompetitions/images/ico_documenti.png');
   background-repeat:no-repeat;
   background-position:0px 8px;
   padding:4px;
   padding-left:24px;   
  }



  
li.doc_riga
  {
   vertical-align:top;
   padding:0px;
   clear:both;
   font-family: Arial,Helvetica,sans-serif;
   /*line-height:1.2em;*/
   margin-bottom:10px;
   list-style-image:url('/components/com_publiccompetitions/images/ico_documenti.png');
   float:left;
  }


li.doc_title_descr
  {
   font-weight:bold;
   width:100%;
  }

td.doc_title_descr
  {
   font-weight:bold;
   /*width:50%;*/
   border-right:#dedede solid 1px;
   border-bottom:#dedede solid 1px;   
  }  
  
/* */  
  
.displayfieldvalue
 { 
 }
  
.displaydatevalue
 {
 }
  
  
.doc_link_item
  {
  
  }
  
.doc_description_item
  {
   font-weight:normal;
   float:left;
   display:block;
   clear:both;
   width:100%;  
  }  
  
.doc_hits_item
  {
   font-style: italic;
  }  
  

.doc_break_item
  {
   clear:both;
   display:block;
   width:100%;
   height:5px;
  }
  
/**********
 * MOBILE *
 **********/  


@media (max-width: 768px)
  {
    ul.doc_elenco
      {
       margin:0px;
       padding:0px       
      }  

    ul.doc_elenco li,
    ul.doc_elenco li:hover
      {
       background-image:none;
       padding:4px 4px 4px 4px;
      }   
      
    ul.doc_elenco li .doc_title_descr,
    ul.doc_elenco li .doc_riga     
      {
       margin-left:0px !important;
      }
      
    .docs-cards .card
      {
        width:100%;
        display: block;
      }      
      
    .card-deck .card      
      {
        width:100%;
        display: block;
        flex: 1 0 100%;
        margin-left:0px;
        margin-right:0px;
      }      

    .card-deck .card:not(:first-child) 
      {
        margin-left: 0px;
      }      
            
  }