table.ds-submission-list {
	border-collapse: collapse;
	width:100%;
}
table.ds-submission-list tr.rightlistrow {
    font-size: 12px;
    height: 31px;
    border-bottom: 1px solid #fff;
    background-color: #f1f1f1;
    color: #000;
}
table.ds-submission-list thead tr {
    background: #555;
    border-bottom: 1px solid #fff;
    height: 22px;
}
.ds-listbody {
    overflow-y: auto;
    background: #d1d9db;
    padding: 0px;
    min-height: 1px;
    height: calc(100vh - 88px);
}
.ds-header {
    color: #fff;
    background: #555;
}

.text_continuous_coverage, .detail_continuous_coverage .badge-earned { color: #2673e6; border-color: #2673e6; }
.text_audience_engagement, .detail_audience_engagement .badge-earned { color: #f35407; border-color: #f35407; }
.text_site_excellence, .detail_site_excellence .badge-earned { color: #9e73d5; border-color: #9e73d5; }
.text_story_page_excellence, .detail_story_page_excellence .badge-earned { color: #6bc651; border-color: #6bc651; }
.text_multimedia, .detail_multimedia .badge-earned { color: #37a7e3; border-color: #37a7e3;}

.ds-left-panel {
    flex: 0 0 25%;
}
.ds-center-panel {
    flex: 0 0 50%;
    text-align: left;
}
.ds-right-panel {
    flex: 0 0 25%;
}
.ds-container.order-container {
    grid-template-columns: 1fr 2fr 1fr;
    gap: 30px;
    box-sizing: border-box;
    flex: 1 1 auto;
    overflow-y: auto;
    padding-bottom: 80px;
}
.ds-badge-area {
    display: flex;
    gap: 2px;
}
.ds-badge {
    box-sizing: border-box;
    flex: 1;
    background: #eee;
    color: #eee;
    position: relative;
}
.badge-attempts {
    position: absolute;
    right: 2px;
    bottom: 1px;
    font-size: 8px;
    height: 11px;
    line-height: 11px;
    font-weight: bold;
}
.bos-published {
    position: absolute;
    left: 2px;
    bottom: 1px;
    font-size: 8px;
    height: 11px;
    line-height: 11px;
    font-weight: bold;
}
.badge-attempted:not(.badge-earned) {
    opacity: .8;
    line-height: 38px;
}
.ds-badge.snods-excellence.badge-attempted:not(.badge-earned) {
    border: 1px solid #9e73d5;
    color: #9e73d5;
}
.ds-badge.snods-coverage.badge-attempted:not(.badge-earned) {
    border: 1px solid #2673e6;
    color: #2673e6;
}
.ds-badge.snods-story.badge-attempted:not(.badge-earned) {
    border: 1px solid #6bc651;
    color: #6bc651;
}
.ds-badge.snods-multimedia.badge-attempted:not(.badge-earned) {
    border: 1px solid #37a7e3;
    color: #37a7e3;
}
.ds-badge.snods-audience.badge-attempted:not(.badge-earned) {
    border: 1px solid #f35407;
    color: #f35407;
}
.ds-badge.snods-bos.badge-attempted:not(.badge-earned) {
    border: 1px solid #e78501;
    color: #e78501;
}
.ds-badge i {
    font-size: 25px;
    line-height: 40px;
    width: fit-content;
}
.ds-badge.snods-bos i {
    font-size: 20px;
}
.badge-earned {
    color: #fff !important;
}
.snods-excellence.badge-earned {
    background: #9e73d5;
}
.snods-coverage.badge-earned {
    background: #2673e6;
}
.snods-story.badge-earned {
    background: #6bc651;
}
.snods-multimedia.badge-earned {
    background: #37a7e3;
}
.snods-audience.badge-earned {
    background: #f35407;
}
.snods-bos.badge-earned {
    background: #e78501;
}
.active-badge-audience_engagement.current-year .ds-badge.badge-attempted.snods-audience {
    border: 2px solid #f35407;
    color: #f35407;
    opacity: 1;
}
.active-badge-audience_engagement.current-year .ds-badge.snods-audience i {
    line-height: 36px;
}
.active-badge-site_excellence.current-year .ds-badge.badge-attempted.snods-excellence {
    border: 2px solid #9e73d5;
    color: #9e73d5;
    opacity: 1;
}
.active-badge-site_excellence.current-year .ds-badge.snods-excellence i {
    line-height: 36px;
}
.active-badge-story_page_excellence.current-year .ds-badge.badge-attempted.snods-story {
    border: 2px solid #6bc651;
    color: #6bc651;
    opacity: 1;
}
.active-badge-story_page_excellence.current-year .ds-badge.snods-story i {
    line-height: 36px;
}
.active-badge-multimedia.current-year .ds-badge.badge-attempted.snods-multimedia {
    border: 2px solid #37a7e3;
    color: #37a7e3;
    opacity: 1;
}
.active-badge-multimedia.current-year .ds-badge.snods-multimedia i {
    line-height: 36px;
}
.active-badge-continuous_coverage.current-year .ds-badge.badge-attempted.snods-coverage {
    border: 2px solid #37a7e3;
    color: #37a7e3;
    opacity: 1;
}
.active-badge-continuous_coverage.current-year .ds-badge.snods-coverage i {
    line-height: 36px;
}
.active-badge-site_excellence.current-year .snods-excellence.badge-earned,
.active-badge-story_page_excellence.current-year .snods-story.badge-earned,
.active-badge-audience_engagement.current-year .snods-audience.badge-earned,
.active-badge-multimedia.current-year .snods-multimedia.badge-earned,
.active-badge-continuous_coverage.current-year .snods-coverage.badge-earned {
    border-top: 2px solid #000 !important;
    border-bottom: 2px solid #000 !important;
    border-left: none !important;
    border-right: none !important;
}
.ds-button {
    display: inline-block;
    color: #fff;
    padding: 14px 24px;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 100%;
}

.ds-button:hover {
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.ds-button:active {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.ds-button.ds-save {
    background: #005168; 
    color: #fff;
}
.ds-button:hover {
    filter: brightness(1.3);
}
.ds-button.ds-reject {
    background: #990000; 
    color: #fff;
}
.ds-button.ds-accept {
    background: #3c763d; 
    color: #fff;
}
.ds-left-panel p {
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
}
.ds-center-panel h1,
.ds-center-panel h2,
.ds-center-panel h3,
.ds-center-panel h4,
.ds-center-panel h5
.ds-center-panel h6 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.ds-center-panel > :first-child {
    margin-top: 0;
}
.ds-container .ds-checkbox {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}
.ds-container p.ds-criteria {
    padding: 10px;
    margin-top: 7px;
    font-size: 14px;
    line-height: 20px;
}
.ds-left-panel p.award-list-title {
    font-size: 12px;
    font-style: italic;
    text-align: left;
    margin-bottom: 2px;
    margin-top: 8px;
}
.ds-container .ds-checkbox.checked { background: #dff0d8; border: 1px solid #d0e9c6; }
.badge-attempted:not(.snods-bos),
.badge-earned:not(.snods-bos) {
    cursor: pointer;
}
.ds-container textarea#comments {
    height: 600px;
    max-height: calc(100vh - 230px);
}
.continuous_coverage, .row-continuous_coverage:hover, .active-continuous_coverage, .active.row-continuous_coverage { background: #2673e6 !important; color: #fff !important; }
.audience_engagement, .row-audience_engagement:hover, .active-audience_engagement, .active.row-audience_engagement { background: #f35407 !important; color: #fff !important; }
.site_excellence, .row-site_excellence:hover, .active-site_excellence, .active.row-site_excellence { background: #9e73d5 !important; color: #fff !important; }
.story_page_excellence, .row-story_page_excellence:hover, .active-story_page_excellence, .active.row-story_page_excellence { background: #6bc651 !important; color: #fff !important; }
.multimedia, .row-multimedia:hover, .active-multimedia, .active.row-multimedia { background: #37a7e3 !important; color: #fff !important; }

.ds-checkbox p {
    background: white;
    padding: 10px;
    margin-top: 10px;
}
table.orders-table .header-center {
    text-align: center;
}
.text-clip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
td.bos-star {
    padding-right: 20px;
}
td.bos-date {
    padding-right: 20px;
}
table.bos-table input[type="checkbox"] {
    transform: scale(1.3);
    vertical-align: middle;
    margin-right: 20px;
}
table.bos-table select.bos_cat {
    max-width: 80px;
    vertical-align: middle;
    margin-right: 10px;
}
.button_source:hover,
.button_bos:hover,
.link_bos:hover { 
    background: #ff9308; 
    color: #fff;
}
.button_source a,
.button_source a:hover,
.button_bos a, 
.button_bos a:hover,
.link_bos a,
.link_bos a:hover { 
    color: #fff; 
    text-decoration: none;
}
.button_source,
.button_bos,
.link_bos,
.progress_bos {
    float: right;
    color: #000;
    font-size: 13px;
    padding: 11px 10px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-weight: normal;
    height: 100%;
    transition: all .3s ease-in-out;
}
.progress_bos {
    display: none;
}
table.orders-table th.align-right {
    text-align: right;
    padding-right: 30px;
}
table.bos-table span.dashicons-star-filled {
    color: #ff9308;
}
table.bos-table tr {
    transition: all .3s ease-in-out;
}
table.bos-table tr:not(.pushed-to-bos,.row-deleting,thead tr):hover{
    background: #eee;
}
.bos-trash,
.bos-trash-story {
    font-size: 20px;
    padding-left: 15px;
    opacity: .3;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.bos-trash-story {
    display: none;
    font-size: 18px;
}
.bos-trash:hover,
.bos-trash-story:hover {
    opacity: 1;
}
.row-active {
    animation: rowactive 3s infinite;
}
@keyframes rowactive {
    0%, 100% {
        background-color: #ffbc64;
    }
    50% {
        background-color: #ff9308;
    }
}
@keyframes rowdeleting {
    0%, 100% {
        background-color: #db4654;
    }
    50% {
        background-color: #de2336;
    }
}
.row-deleting {
    animation: rowdeleting 3s infinite;
    color: #fff !important;
}
.row-deleting a,
.row-deleting .button_bos {
    color: #fff;
}
.row-deleting .button_bos {
    display: none;
}
table.bos-table .pushed-to-bos {
    background: #35aa1c;
    color: #fff;
}
tr.pushed-to-bos:hover {
    filter: brightness(1.2);
}
.button_bos a:hover {
    text-decoration: none;
}
table.bos-table .pushed-to-bos a,
.pushed-to-bos .button_bos {
    color: #fff;
}
.link_bos:empty {
    display: none;
}
.bos_green .bos_push_button,
.pushed-to-bos .bos_push_button {
    display: none;
}
.row-active .bos_push {
    color: transparent;
}
.ready-to-review .bos_publish {
    display: none;
}
table.school-awards-table .ds-badge {
    width: 42px;
    max-width: 42px;
    min-width: 42px;
    text-align: center;
    border: none !important;
    margin-right: 1px;
}
table.school-awards-table .ds-badge-area {
    gap: 0px;
    margin-left: 10px;
    height: 42px;
}
table.school-awards-table .history-badges {
    width: 268px;
}
td.align-right {
    text-align: right;
    padding-right: 4px;
}
td.ds-date {
    padding-left: 15px;
}
.awards-title select {
    appearance: none;
    padding-right: 2.5em;
    border-radius: 5px;
    background: #efefef;
    padding: 5px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    font-size: 24px;
    height: 40px;
    color: #006683;
    border: 2px solid #006683;
}
.awards-title .select-wrapper::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    right: 10px;
    top: 55%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: #006683;
}
.awards-title .select-wrapper {
    display: inline;
    position: relative;
}
table.orders-table th .ds-badge-area i {
    padding-left: 0px;
}
table.orders-table th .ds-badge-area .ds-badge {
    background: #fff;
}
.badge-filter-active {
    background: #000 !important;
}
.badge-filter-active i {
    color: #fff !important;
}
.snods-ds i {
    font-size: 20px;
}
.snods-ds.badge-earned {
    background: #000;
    color: #fff;
}
.order-container.bos-container {
    grid-template-columns: 3fr 1fr;
}
.order-container.history-container {
    grid-template-columns: 1fr 2fr;
}
.history-container .ds-badge {
    max-width: 50px;
    height: 50px;
    text-align: center;
}
.history-container .ds-badge-area a {
    width: 50px;
}
.history-badges a,
.ds-badge-area a {
    display: contents;
}
.history-container .ds-badge i {
    line-height: 50px;
}
.history-container p.award-list-title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
}
.history-container p.award-ds-date {
    font-size: 12px;
    font-style: italic;
}
.ds-year-history {
    margin-bottom: 15px;
}
canvas#bos-two-week,
canvas#ds-two-week,
canvas#bos-weekly,
canvas#historical-badges,
canvas#bos-yearly,
.ds-stats-chart canvas {
    width: 100%;
    margin-top: 30px;
}
.statistics-area {
    display: flex;
    gap: 50px;
    margin-top: 30px;
}
.stats-column {
    flex: 1;
}
.stats-area {
    display: flex;
    gap: 15px;
}
.stats-box {
    flex: 1;
    background: #6bcbc7;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding-bottom: 10px;
}
.stats-box a,
.stats-box a:hover {
    text-decoration: none;
    color: #fff;
}
.graph-teal {
    background: #4BC0C0;
    border-color: #3C9A9A;
}
.graph-purple {
    background: #9966FF;
    border-color: #7A52CC;
}
.graph-orange {
    background: #FF9F40;
    border-color: #CC7F33;
}
.graph-blue {
    background: #36A2EB;
    border-color: #2B82BC;
}
.bos-comment {
    color: #ccc;
    font-size: 17px;
}
.bos-comment-active,
.bos-comment:hover {
    color: #FF9F40;
    font-size: 17px;
}