form label small {
    color: #999;
}

.my-field-filled {
    border-color: #051b11;
}

.signin {
    width: 100%;
    max-width: 350px;
    margin: auto;
    padding: 15px;
}

.signin div {
    margin-bottom: 8px;
}

.signin button {
    width: 100%;
}

.my-mono {
    font-family: monospace;
}

.my-no-decoration {
    text-decoration: none;
}

.my-no-decoration:hover {
    text-decoration: underline;
}

.my-menu {
    width: 1%;
}

.my-menu button {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    border-radius: 0.2rem;
}

.my-menu button.my-status {
    width: 60px;
}

th.my-stat {
    width: 1%;
    min-width: 80px;
    text-align: right;
}

td.my-stat {
    text-align: right;
    white-space: nowrap;
    font-size: 0.85rem;
}

td.my-stat i {
    color: #aaa;
    font-size: 0.70rem;
    font-style: normal;
    text-align: right;
}

td.my-stat em {
    color: #444;
    font-size: 0.70rem;
    font-style: normal;
    text-align: right;
}

.my-discrep {
    width: 100%;
}

.my-discrep th {
    width: 20%;
    color: #aaa;
    text-align: right;
    font-size: 0.5rem;
    padding-right: 10px;
}

.my-discrep td {
    text-align: right;
    white-space: nowrap;
    font-size: 0.75rem;
    padding-right: 10px;
}

.my-discrep em {
    color: #666;
    font-style: normal;
}

.my-table-sm {
    max-width: 540px;
}
.my-table-md {
    max-width: 720px;
}

.my-table-lg {
    max-width: 960px;
}

.my-report-table td {
    white-space: nowrap;
}

.my-diff-more {
    color: #198754;
    font-size: 0.7rem;
    padding-top: 5px;
}

.my-diff-less {
    color: #dc3545;
    font-size: 0.7rem;
    padding-top: 5px;
}

.my-item-list {
    margin: 0.2rem 0 0 0;
    padding: 0;
    list-style-type: none;
}

.my-item-list li {
    display: inline-block;
    margin: 0.2rem 0.2rem 0 0;
    border: 1px solid #6c757d;
    padding: 0 0 0 0.25rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.my-item-list li div {
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("/img/x.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
}

.my-list {
    display:block;
    padding: 0 0.275rem 0 0.275rem;
}

.my-list-ul li {
    padding: 0.1rem 1rem;
}

.my-list .my-item-list {
    margin: 0;
}

.my-list .my-item-list li {
    margin: 0.2rem 0 0.2rem 0.2rem;
    border: 1px solid #6c757d;
    padding: 0 0 0 0.25rem;
}

.my-list .my-item-list li.my-list-clear {
    width: 1.25rem;
    background-color: #eee;
    background-image: url("/img/x.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
}

.my-list .my-item-list li.my-list-clear:hover {
    background-color: #ccc;
}

.my-list select {
    float: left;
    display: inline-block;
    width: 100px;
    border: 0;
    border-radius: 0;
}

.my-list input {
    float: left;
    display: inline-block;
    width: 160px;
    border: 0;
    border-radius: 0;
}

.input-group .my-select-type {
    flex-grow: 0.05;
}

.my-select-type option[value="allow"] {
    color: #198754;
}

.my-select-type option[value="reject"] {
    color: #dc3545;
}

.my-select-type:has(option[value="allow"]:checked) {
    color: #198754;
}

.my-select-type:has(option[value="reject"]:checked) {
    color: #dc3545;
}

table.my-table-values {
    margin: 0;
}

table.my-table-values td {
    width: 100%;
    text-align: right;
    white-space: nowrap;
}

table.my-table-values td:first-child {
    color: #6c757d;
    text-align: left;
}

.my-alert-container {
    position: fixed;
    top: 75px;
    right: 0;
    left: 0;
    z-index: 1030;
}

.my-alert-container .alert {
    padding: 0.5rem 1rem;
}

.my-alert-container .alert-dismissible .btn-close {
    padding: 0.75rem 1rem;
}
.my-btn-fill {
    color: #fff;
    background-color: #0da5fd;
    border-color: #0da5fd;
}

.my-btn-filled {
    color: #fff;
    background-color: #0d21fd;
    border-color: #0d21fd;
}

.my-btn-send {
    color: #fff;
    background-color: #98b302;
    border-color: #98b302;
}

.my-icon-check {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("/img/check.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
}