@import url('custom.css');
/*****************************************
 *
 *  Style TabGroup
 *
 *****************************************/
  .tabcontent,.tabcontent1  {
    color: white;
    display: none;
    padding: 20px;
    text-align: left;
}
.tablink,.tablink1 {
    background-color: #68addc;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 1px;
    font-size: 17px;
    width: 14.6%;
}

/* Change background color of buttons on hover */
.tablink:hover, .tablink1:hover {
    background-color: #004A81;
}
#tab1 {background-color:#496887;}
#tab2 {background-color:#496887;}
#tab3 {background-color:#496887;}
#tab4 {background-color:#496887;}
#tab5 {background-color:#496887;}
#tab6 {background-color:#496887;}
#tab7 {background-color:#496887;}
/*****************************************
 * End style TabGroup
 *****************************************/

.visibile {
  display:  inline-block;
}
.invisibile {
  display: none;
}

.co2_button{
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    color: #4B774C;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 3px 2px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    border: 2px solid #4B774C;
    height: 35px;

}

.co2_button:hover{
  box-shadow: inset 0 0 0 0 #4B774C;  
  color:#ffffff ;
  background-color: #4B774C;
}

.co2_button:active{
    text-decoration: none;
    color: #ffffff ;
    background-color: #004A81;
}

/********************************************************
 *                                              
 *              Tabella Modifica record Vista Singola
 *                                              
 * ******************************************************/
.co2_tableEditData{
   border-collapse: collapse;
   border: solid 1px red;
}

.co2_tableEditData td {
    text-align: left;
    background-color: #E9F5F9;
    color: black;
    border: 1px solid #779ecb;
    padding: 5px 10px 5px 5px;
    font-size: 14px !important;
    height: 25px;
    display: table-cell;
    vertical-align: inherit;    
}

.co2_tableEditData th {
    text-align: left;
    background-color: #004A81;
    color: white;
    border: 1px solid #779ecb;
    padding: 5px 5px 5px 10px;
    font-size: 14px !important;
    height: 25px;
    display: table-cell;
    vertical-align: inherit;    
}

.co2_tableEditData button{
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    color: #004A81;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 6px 4px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    border: 2px solid #3269AE;
    float: right;
}

.co2_tableEditData button:hover{
  box-shadow: inset 0 0 0 0 #4490EE;  
  color: #ffffff ;
  background-color: #004A81;
}

.co2_tableEditData button:active{
    text-decoration: none;
    color: #ffffff ;
    background-color: #004A81;
}


/* fine formattazione della tabella di Inserimento singolo */

/********************************************************
 *                                              
 *              Tabella Lista record Vista Multipla
 *                                              
 * ******************************************************/

.co2_tableListData{
  border-collapse: collapse;  
}

.co2_tableListData th{  /*riga di intestazione della tabella*/
    background-color: #4B774C;
    color: white;
    font-size: 16px;
    border: 1px solid #779ecb;
    padding: 10px 10px 10px 10px; /*top-right-bottom-left*/
}

.co2_tableListData tr:nth-child(odd)	{  /* riga pari */
    background-color: #92AD94;
    color: black;
    font-size: 1.1em;
    text-align: center;
    border: 1px solid #779ecb;
}
    
.co2_tableListData tr:nth-child(even){
    background-color: #DDF8E8;
    color: black;
    font-size: 1.1em;
    text-align: center;
    border: 1px solid #779ecb;
}

.co2_tableListData tr:hover td { /*generica riga della tabella che cambia colore al passaggio del mouse*/
    background-color:#E0E2DB;
} 

/* fine formattazione tabella Lista Vista Multipla*/

/********************************************************
 *                                              
 *              DIV Tabella Modifica record Vista Singola
 *                                              
 * ******************************************************/

.edTable
{
  border-collapse: collapse;  
}
.edTr
{
	display:table-row;
}

.edTr:hover .edTd { /*generica riga della tabella che cambia colore al passaggio del mouse*/
    background-color:#C8D5E2;
}

.edTr:nth-child(odd)	{  /* riga pari */
    background-color: #82b8d8;
    color: black;
    font-size: 1.1em;
    text-align: center;
    border: 1px solid #779ecb;
}
    
.edTr:nth-child(even){
    background-color: #E9F5F9;
    color: black;
    font-size: 1.1em;
    text-align: center;
    border: 1px solid #779ecb;
}

.edThead
{
	display:table-header-group;
}
.edTbody
{
	display:table-row-group;
}
.edTh{
	display:table-cell;
    text-align: left;
    background-color: #004A81;
    color: white;
    border: 1px solid #779ecb;
    padding: 5px 5px 5px 10px;
    font-size: 14px !important;
    height: 25px;
    vertical-align: inherit;
}

.edTd
{
	display:table-cell;
    border: 1px solid #779ecb;
}

.edTr.editing .edTd INPUT
{
	width:100px;
}

/********************************************************
 *                                              
 *              Tabella di inserimento record singolo
 *                                              
 * ******************************************************/

.co2_h1{
    color: #004A81;
    font-size: 3.0em !important;
    margin-bottom: 7px !important;    
}

.co2_tableInsertData{
   border-collapse: collapse;
   border: solid 1px red;
}

.co2_tableInsertData td {
    text-align: left;
    background-color: #92AD94;
    color: black;
    border: 1px solid #779ecb;
    padding: 5px 10px 5px 5px;
    font-size: 14px !important;
    height: 25px;
    display: table-cell;
    vertical-align: inherit;    
}

.co2_tableInsertData th {
    text-align: left;
    background-color: #4B774C;
    color: white;
    border: 1px solid #779ecb;
    padding: 5px 5px 5px 10px;
    font-size: 14px !important;
    height: 25px;
    display: table-cell;
    vertical-align: inherit;    
}

.co2_tdButtonBar {
    border: 1px solid #779ecb;
    font-size: 0,1em;
    text-align:right;
    padding: 3px;
}

.co2_tdButtonBar button{
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    color: #004A81;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 6px 4px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    border: 2px solid #3269AE;
    float: right;
}

.co2_tdButtonBar button:hover{
  box-shadow: inset 0 0 0 0 #4490EE;  
  color: #ffffff ;
  background-color: #4B774C;
}

.co2_tdButtonBar button:active{
    text-decoration: none;
    color: #ffffff ;
    background-color: #004A81;
}