:root {
  --gradient-main:#8d27C4;
  --gradient-minor:#872c84;
  --header-text:#F0EFEF;  
  --main-background:#F3E7E7;
  --main-text: #1D1B1B;
}
body {
        background-color: var(--main-background);
        font-size:18;
        padding:0px;
        margin:0px;
        color:var(--main-text);
}  

.spacer {
        background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));
        color:var(--header-text);
        height:25px;
        width:100%; 
        padding:0px;
        margin:0px;
} 
h3 {
	
}
th      {                                                                                                                                                                                                                     
        font-weight:bold;                                                                                                                                                                                                          
        background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));                                                                                                                                                                                               
        color:var(--header-text);                                                                                                                                                                                                          
        text-align:left; 
        padding-left:12px;		
}  
.thTL      {                                                                                                                                                                                                                     
        font-weight:bold;                                                                                                                                                                                                          
        background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));                                                                                                                                                                                               
        color:var(--header-text);                                                                                                                                                                                                          
        text-align:left;
        border-top-left-radius:12px;	
        padding-left:12px;	
}   
.thTR      {                                                                                                                                                                                                                     
        font-weight:bold;                                                                                                                                                                                                          
        background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));                                                                                                                                                                                               
        color:var(--header-text);                                                                                                                                                                                                          
        text-align:right;	
        border-top-right-radius:12px;
	    padding-right:12px;
} 
.thBL      {                                                                                                                                                                                                                     
        font-weight:bold;                                                                                                                                                                                                          
	    background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));		                                                                                                                                                                                         
        color:var(--header-text);                                                                                                                                                                                                          
        text-align:left;
        border-bottom-left-radius:12px;	
        padding-left:12px;			
}   
.thBR      {                                                                                                                                                                                                                     
        font-weight:bold;                                                                                                                                                                                                          
	    background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));		
        color:var(--header-text);                                                                                                                                                                                                          
        text-align:left;
        border-bottom-right-radius:12px;		
} 
td.table      {                                                                                                                                                                                                                     
        font-weight:bold;                                                                                                                                                                                                          
        background-color:var(--main-background);
        color:var(--main-text);   
        text-align:left; 
		padding-left:5px;
		padding-right:5px;
} 
       }                                                                                                                                                                                                                          
       tr.tableRow:nth-child(even) {background:#cebad9;}                                                                                                                                                                                      
       tr.tableRow:nth-child(odd)  {background:  #FFFFFF;}     
a {
       color: var(--main-text);
       text-decoration: none;
       display: inline-block;
 }
li {
       border-top:  1px solid var(--gradient-minor);
       padding-top:5px;
       position:relative;
       left: -20px;
       height: 35px;
       list-style-type: none;
 }
div.panel  {
       position: absolute;
       right: 0;
       top: 0;
       bottom: 0;
	   width: 180px;
	   height: 220px;
	   border-radius:  15px;
       box-shadow: 0px 0px 15px black;
//     background-color:var(--gradient-main);
       background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));
       color:var(--header-text);
	   margin-top:40px; 
	   margin-right:15px; 
       padding: 10px;

      -webkit-transition:all .5s linear;
	  -moz-transition:all .5s linear;
       transition:all .5s linear;
	  -webkit-transform: scaleX(0.000001);
	  -moz-transform: scaleX(0.000001);
	   transform: scaleX(0.000001);
    /* Don't forget the vendor specific pre-fixes! */
}
div.panel:target {
	   display: block;
//     background-color:var(--gradient-main);
       background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));
       color:var(--header-text);		 
       font-size:1.1em;
	  -webkit-transform: scaleX(1);
  	  -moz-transform: scaleX(1);
	   transform: scaleX(1);
}
#title {
       color:var(--header-text);
       font-weight:bold;
 }
#header {
       position: fixed;
	   margin-left:0px;
       top: 0;
       width: 100%;
       height: 30px;
       background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));
       color:var(--header-text);
       font-weight:bold;
 }
#footer {
       position: fixed;
       bottom: 0;
       width: 100%;
       height: 30px;
       font-weight:bold;
       background-image:linear-gradient(var(--gradient-minor), var(--gradient-main));
	   color:var(--header-text);
 }

.close {
       background-color: var(--gradient-main);	
	   border:  1px solid var(--gradient-minor);
	   color:var(--header-text);
	   padding-left:10px;
	   padding-right:10px;
	   border-radius:12px;
}
.submit {
       background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));
	   border:  1px solid var(--gradient-minor);
	   color:var(--header-text);
	   font-size:1.25em;
	   padding-left:10px;
	   padding-right:10px;
	   border-radius:12px;
}
.reset {
       background-image:linear-gradient(var(--gradient-minor), var(--gradient-main));
	   border:  1px solid var(--gradient-main);
	   color:var(--header-text);
	   font-size:1.25em;
	   padding-left:10px;
	   padding-right:10px;
	   border-radius:12px;
}
.collapsible {
       background-image:linear-gradient(var(--gradient-main), var(--gradient-minor));
       border-radius:12px;
       color:var(--header-text);   
       cursor: pointer;
       padding: 10px;
       margin-left:5px;
       width: 98%;
       border: none;
       text-align: left;
       outline: none;
       font-size: 12px;
}

.active, .collapsible:hover {
       background-color: var(--main-background); 
}

.collapsible:after {
       content: '\002B';
       color: var(--main-text);   
       font-weight: bold;
       float: right;
       margin-left: 25px;
}

.active:after {
       content: "\2212";
}

.content {
       padding: 0 10px;
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.2s ease-out;
       background-color: var(--main-background);
       color: var(--main-text);  
       margin-left:12px;margin-right:12px;
       border-bottom-left-radius:12px;
       border-bottom-right-radius:12px;
}