/* .card-header {
    margin: auto;
    display: inline-block;
    text-align: center;
} */

.scrollabletextbox {
    height: 10em;
    width: 20em;
    font-family: "Open Sans", sans-serif;
    font-size: 82%;
    overflow: scroll;
}

.main {
    width: 50em;
    margin: 1em auto;
    padding: 1em;
}

table {
    font-family: "Open Sans", sans-serif;
    white-space: nowrap;
    border-collapse: separate;
    border: var(--bs-gray-dark) solid 1px;
    margin: auto;
}



table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #2b2f33;
    color: var(--primary);
    text-align: center;
    vertical-align: bottom;
}

table tbody th {
    font-weight: bold;
    font-style: italic;
    text-align: left !important;
    position: sticky;
    left: 0;
    background-color: #2b2f33;
    color: var(--primary);
    z-index: 1;
}

table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}



caption {
    text-align: left;
    position: sticky;
    left: 0;
}

table.table-bordered td,
th {
    text-align: left !important;
    padding: 0 !important;
}

tr.head {
    background-color: #2b2f33;
    color: var(--primary);
}

div.center {
    margin: auto;
    border: green solid 3px;
    padding: 10px;
}
/* 
.custom-control-input:checked~.custom-control-label.red::before {
    background-color: #bd0101;
}

.custom-control-input:checked~.custom-control-label.green::before {
    background-color: #007706;
}

.custom-control-input:checked~.custom-control-label.gray::before {
    background-color: #727272;
} */

.custom-control-label {
    text-align: left;
    color: #868686;
}

table.table-bordered td,
th {
    text-align: center !important;
    /* border-top: 2px solid var(--bs-gray-dark) !important;
    border-left: 5px solid var(--bs-gray-dark) !important;
    border-bottom: 2px solid var(--bs-gray-dark) !important;
    border-left: 5px solid var(--bs-gray-dark) !important; */
}

table.table-bordered {
    width: 60em;
}


.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.hidden {
    display: none;
}


.scrollabletextbox{
    width: 100%;
}
#feedback{
    margin-top: 1.5em;
    width: 100%;
    height: 10em;
    color: var(--success);
}

.form-select{
    width: 4em;
    margin: 0.3em;
}

#in_email,#in_dates,#in_name, #submit, #btnSwitch {
    margin: 0.3em;
    width: 9em !important;
}
#name_email, #date{
    margin: 0.1em;
    width: 8em !important;
}


/* For jquery-ui */
.ui-widget-content {
    background: #222222 !important;
}

/* for bootstrap */
.accordion-button.collapsed {
    /* background: rgb(34,34,34); */
    /* background: rgb(34,34,34); */
/* background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(64,63,63,1) 35%, rgba(117,117,117,1) 100%); */
color: var(--bs-gray-900);
background: var(--bs-gray-600);
}
.accordion-button{
        font-size: .7em !important;
}

.col {
    margin: 0 0 0.3em 0;
}

.warn{
    border-color: var(--bs-danger) !important;
}

.accordion-body {
    padding: 0 !important;
}
.sm{
    font-size: .7em;
    font-weight: 100;
    color: var(--bs-white);
    text-align: left;
}

/* .radio-label:checked ~ label {
    background: var(--bs-success) !important;
    color: var(--bs-gray-100);
} */

.alert{
    margin: .1em !important;
    padding: .3em !important;
}