﻿table.table1 tr:nth-child(odd) , table.table3 tr:nth-child(odd) {background: rgba(255,255,255,0.8);}
table.table1 tr:nth-child(even) , table.table3 tr:nth-child(even) {background: rgba(200,200,200,0.8);}

table.table1 
{
    background-color: rgb(255,255,255);
    border: 1px solid black;
}



table.table1 th
{
    background: rgba(0,0,255,1);
    font-size: 1.2em;
    text-align: center !important; /* border: 0 none;*/
    padding: 5px !important;
    
}
table.table1 td
{
    padding: 0.5em 2em 0.5em 2em !important; /* border: 0 none;*/
   
    text-align: center !important;
}

table.table2 
{
    border-collapse: separate;

    background-color: rgb(255,255,255);
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;
    overflow:hidden;

    border-spacing: 0;
    margin: 2em; /* border: 0 none;*/
    border: 5px double blue;
}

table.table2 th
{
    font-size: 1.2em;
    text-align: center !important; /* border: 0 none;*/
    padding: 3px !important;
    border: 1px solid blue;
}
table.table2 td
{
    padding: 0.5em 2em 0.5em 2em !important; /* border: 0 none;*/
    border: 1px solid blue;
    text-align: center !important;
}


table.table3
{
    border-collapse: collapse;
    border-spacing: 0;
    border: 3px solid black;
    margin: 2em; /* border: 0 none;*/
}

table.table3 th
{
    font-size: 1.2em;
   
    padding: 5px !important;
    border: 1px solid black;
    text-align: center !important; /* border: 0 none;*/
}
table.table3 td
{
    border: 1px solid black;
    text-align: center !important;
    padding: 0.5em 2em 0.5em 2em !important; /* border: 0 none;*/
  
}

table.table4
{
    display:inline-block;
    position:relative;
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px;
    transform: scale(1); 
    transition: all 0.5s ease-in-out;
    overflow:hidden;
    border-style:dotted;
}

table.table4 th
{
    font-size: 2em;
   
    padding: 10px !important;
 
    text-align: center !important; /* border: 0 none;*/
    background-color: rgba(100,100,100,0.5);
}
table.table4 td
{
    
    text-align: center !important;
    padding: 0.5em 2em 0.5em 2em !important; /* border: 0 none;*/
  
}

table.table4:hover
{

    border-width:thin;
    
    border-style:outset;
    transform: scale(1.2); 
    transition: all 0.5s ease-in-out;
}