/*body {
font-family: helvetica, arial, times,sans-serif;
color:black;
background-color:white;
width:480px;
margin-left:auto;
margin-right:auto;
}*/

/*a{color:blue;}*/
td{ vertical-align:top;}

label{
    font-size: 14px;
    /* color: #474747; */
    font-weight: bold;
    padding: 6px 0 0;
    display: block;
}


dd{ margin-left:0px; margin-bottom:.2em;}

.minor{ font-size:.75em;}
.major{ font-size:2em;}
.micromenu{ margin-top:-1.5em;}
.number {text-align:right;}
.warning { color: #E04F1F;}

#field_name{ width: 100%;}
#field_content { height: 30em !important;}


.froala-box{
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
      font-size: 13px;
      color: #333;
}

a { text-decoration: underline; }
a.Button { text-decoration: none; }
em{
    font-style:italic;
}

table.table{
    border-collapse: collapse;
}

table.table td, table.table th{
    padding: 4px;
    border-bottom: solid 1px #666;
}
table.table th{
    font-weight: bold;
}

table.table.attendence{
    min-width: 7.5in;
    margin:auto;
}

table.table.attendence td {
    border: solid 1px #666;
}
table.table.attendence td.checkin{
    width:32px; text-align:center;
}

table.table.attendence .attended td.checkin, td.checkin.attended{
    background: #25E915;
}

table.table.all-borders td, table.table.all-borders th {
    border: solid 1px #666;
}

.ButtonGroup .Button, #Content input.Button, .Button {
background: #25E915;
background-image: linear-gradient(bottom, rgb(32, 149, 41) 25%, rgb(44, 179, 93) 63%);
background-image: -o-linear-gradient(bottom, rgb(32, 149, 41) 25%, rgb(44, 179, 93) 63%);
background-image: -moz-linear-gradient(bottom, rgb(32, 149, 41) 25%, rgb(44, 179, 93) 63%);
background-image: -webkit-linear-gradient(bottom, rgb(32, 149, 41) 25%, rgb(44, 179, 93) 63%);
background-image: -ms-linear-gradient(bottom, rgb(32, 149, 41) 25%, rgb(44, 179, 93) 63%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(32, 149, 41)), color-stop(0.63, rgb(44, 179, 93)) );
text-shadow: 0 -1px 0 #012802;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 2px rgba(0,0,0,0.3);
border-color: #8CB28B;
color: #fff;
}

#Head .SiteMenu a.bidlykin:hover { color:white; text-decoration: underline;}

.card{ width: 432px; float:left; border:solid 1px #eee; border-radius: 3px; padding: 12px; margin-right:2%; margin-top:24px;}
.card-add{ background: #C2F7AA; margin: -12px; margin-bottom:-18px; border-top:solid 1px #eee; margin-top:1em; padding: 12px 12px 18px;}
.card-add label { font-weight: bold;}
.card-add input[type=text] { width:100%; font-size:16px; padding: 4px;}
.card-table.table {width: 100%; margin-left:-4px; margin-right:4px;}
.card-table.table td {border-top: solid 1px #eee; padding-top:8px; padding-bottom:8px;}

.table > thead > tr > th.header { pointer: cursor; }
.table > thead > tr > th.header.headerSortDown, .table > thead > tr > th.header.headerSortUp  { text-decoration: underline; }
@media print {
    .noprint { display:none;}
}


.wellStyle {
    border: solid 1px #C3AACC;
    background: #ECD2F5;
    padding: 6px 8px 8px;
    border-radius: 4px;
    margin-top: -6px;
}

.paperform {
    width: 96px;
/*    height: 64px;*/
    font-size:20px;
}
.waitlist > td {
    background: #FEFFDD;
    color: #48483A;
}
.dropped > td, .dropped > th {
    background: #e4e4e4;
    color: #999;
    text-decoration: line-through;
}
.wideRow { width: 1100px;}

.tab-nav {
    margin-top: 1em;
}
.tab-nav li {
    display: inline-block;
    background: #F7F7F7;
    border: 1px solid #D0D0D0;
    padding: 4px 8px;
    border-radius: 8px;
}
.tab-nav a {
    color: #777;
    text-decoration: none;
}
.tab-nav li:hover a {
    color: #222;
}
.tab-nav li.active {
    background: #404040;
}
.tab-nav li.active a {
    color: #fff;
}

.alert {
    padding: 4px 10px;
    width: fit-content;
    margin: 0 auto;
}
.alert-success {
    border-left: solid 4px #4CAF50;
}
.alert-danger {
    border-left: solid 4px #f44336;
}
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 1em;
    gap: 1em;
}
