 

/*********************************************************************************************************************************
secondary.css - Version 2023-10-24
Links, Buttons
Breakpoints
- Mobile Portrait: < 460
- Mobile Landscape: < 800
- Tablet Portrait: < 922 
- Tablet Landscape: < 1200
**********************************************************************************************************************************/
/* FORMS */ 







/* BUTTON COLORS */ 

button.yellow, button.edit { background-color: #F2CF66; color:black;} /* D1B358 mustard*/
button.yellow:active, button.edit:active { background-color: #D1B358;} /* D1B358 mustard*/
button.grass{ background-color: #82BF56; }
button.grass:active{ background-color: #578934; }
button.green,button.go {background-color: #52C11F;}
button.green:active { background-color: #49ab1b; }
button.forest{ background-color: #228B22; }
button.forest:active{ background-color: #0B2E0B; }

button.sky, button.add {background-color: #3498DB;}
button.sky:active, button.add:active {background-color: #16547e;}
button.blue {background-color: #0B44EF; background-image: linear-gradient(350deg, #0939c8, #0B44EF, #1f54f5);}
button.blue:active { background-color: #0a3dd7;}
button.navy {background-color: #002868;}
button.purple { background-color: #991BE2;background-image: linear-gradient(350deg, #8017be, #991BE2, #a330e6);}
button.purple:active { background-color: #8a18cb;}
button.gray-dark {background-color: #3F4351;background-image: linear-gradient(350deg, #2d303a, #3F4351, #4a4f5f);}
button.gray-dark:active {background-color: #343743;}
button.gray { background-color: #6D6F7F;background-image: linear-gradient(350deg, #5a5c69, #6D6F7F, #797b8c);}
button.gray:active {background-color: #616371;}
button.gray-light {background-color: #E6EAEF;background-image: linear-gradient(350deg, #cdd5df, #E6EAEF, #f6f7f9);color:black;}
button.gray-light:active { background-color: #d6dde5;color:black;}
button.white{background-color: #fff;color:black;}
button.white:active{background-color: #ccc;color:black;}
button.candy{ background-color: #FF006A;background-image: linear-gradient(350deg, #d60059, #FF006A, #ff1a79);}
button.candy:active { background-color: #e6005f;}
button.red,button.delete{background-color: #990000;}
input[type="submit"] { background-color:#b21807; background:linear-gradient(to bottom, #b21807 5%, #800000 100%); }
input[type="submit"]:active { background-color: #b21807; }

button.tight {font-size: 0.85rem;  padding:0.4rem;padding-left:0.3rem !important;}
button.small {font-size: 0.85rem !important; padding:.4rem;}
button.medium {font-size: 1.2rem  !important;}
button.large {font-size: 1.5rem !important;}
button.huge {font-size: 1.85rem !important;}



/*********************************************************************************************************************************
FORMS.CSS - Version 2022-02-11
**********************************************************************************************************************************/







table.information { text-shadow: 1px 1px 0px #fff; background:#C7D2E7;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #C7D2E7;color: #000;width:100%;}
table.information th { padding:5px 5px 5px 5px;  border-bottom:1px solid #C7D2E7; background:#6699CC;	background: -webkit-gradient(linear, left top, left bottom, from(#E4E9F1), to(#C7D2E7)); background: -moz-linear-gradient(top,  #ededed,  #ebebeb); font-weight: bold; vertical-align: middle;}
table.information th:first-child { text-align: left; padding-left:20px;}
table.information tr:first-child th:first-child { -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; background-color:#666;}
table.information tr:first-child th:last-child { -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px;	background-color:#666;}
table.information tr { text-align: left; padding-left:20px;}
table.information td:first-child { text-align: left; padding-left:10px; border-left: 0;font-weight: bold;}
table.information td { padding:5px 5px 5px 5px; border-top: 1px solid #ffffff; border-bottom:1px solid #C7D2E7; border-left: 1px solid #C7D2E7; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);vertical-align: middle;}
table.information tr.even td { background: #f6f6f6;	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);}
table.information tr:last-child td { border-bottom:0;}
table.information tr:last-child td:first-child { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
table.information tr:last-child td:last-child {	-moz-border-radius-bottomright:3px;	-webkit-border-bottom-right-radius:3px;	border-bottom-right-radius:3px;}
table.information tr:hover td { background: #C7D2E7;}
table.information a:link { color: #666; font-weight: bold; text-decoration:none;}
table.information a:visited { color: #666; text-decoration:none;}
table.information a:active, table a:hover {	color: #bd5a35;	}
table.information button { size:1rem; padding:.25rem 1rem;}

