/*
Define some standard colors
*/
:root {
  --bfr_blue: #034ea2;
  --bfr_lightblue: #a0bddc;
  --bfr_shadowblue: #7d98ca; /* #0550a4; */  
  --bfr_darkblue: #003f9a;
  --bfr_darkblue_two: #001f7a;  
  --bfr_blue_two: #00469e;  
  --bfr_grey: #d1d2d4;
  --bfr_lightgrey: #e6e7e9;    
  --bfr_darkgrey: #b1b2b4;     
  --test_pink: #ff99ff;
  --test_green: #99ff99;  
  --test_magenta: #990099;
  --test_yellow: #99ff00;
  --test_torquois: #009999;    
}

.dd-button {
        border: 1px dashed var(--bfr_darkgrey);
        border-radius: 15px;
        box-shadow: none;
        height: 100px;
        width: 200px;    
        color: transparent;
      }

/*.dd-button:focus {
  box-shadow: #ff0000 0 0 0 1.5px inset, #00ff00 0 2px 4px, #0000ff 0 7px 13px -3px, #ff00ff 0 -3px 0 inset;
}*/

.dd-button:hover {
/*    border-radius: 100px;
    border: 2px dashed var(--test_pink);    
    outline: 10px dashed var(--test_yellow);
    box-shadow: var(--test_green) 30px 30px 70px inset;
    background-color: #ff00ff;    */
    /*Everything under is unused???*/
/*     color: #ff0000; */
}

.dd-button:active {
/*    transition: 100ms;
    transform: translateX(4px) translateY(9px);
    border-radius: 50px;*/
    /*z-index: 10;*/
    /*Everything under is unused???*/
/*    color: #ff0000;
    background-color: #ff0000;
    border: 10px dashed var(--test_pink);    
    outline: 20px dashed var(--test_yellow);
    box-shadow: var(--test_green) 0 3px 7px inset;*/
}

/*.dd-button:clickedon {
    box-shadow: var(--test_green) 0 3px 7px inset;
    background-color: var(--test_green);
    transform: translateX(20px) translateY(20px);
    border: 10px solid var(--test_green);
    outline: 20px dashed var(--test_green);
}*/


/*[aria-pressed="true"]:focus {
  box-shadow: 0 0 0 0.25rem yellow,
              inset 0 0 0 0.15rem #000, 
              inset 0.25em 0.25em 0 #fff;  
}*/

.dd-button:isOpen { 
    border: 1px solid var(--test_yellow);  /*done*/
    background-color: var(--test_magenta);
} /* Maybe less so */
/***************************************************************/


/* assets/custom.css */
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
}

th, td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: left;
}

th {
    background-color: #f2f2f2;
    font-weight: bold;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}