.odd-select-time-block {
    display: flex;
    justify-content: center; 
    align-items: center
}
.odd-select-time-item-left {
    display: flex;
    flex: 1 1 30%
}
.odd-select-time-item-center {
    display: flex;
    flex: 1 1 30%;
    justify-content: center
}
.odd-select-time-item-right {
    display: flex;
    flex:1 1 30%; 
    justify-content: flex-end
}
.odd-selflearning-thead-bg {
    background-color:rgba(0, 103, 167, 0.2) !important;
}
.odd-table-list-ul-block {
    display: flex; 
    flex-wrap: wrap; 
    row-gap: .5em; 
    list-style-type: none; 
    padding: 0; 
    margin: 0
}
.odd-table-list-a-items {
    column-gap: .25em; 
    cursor: pointer
}
.odd-sl-select-icon {
    color: #9B1B30;
    background-color: transparent ;
    border: 1px solid #9B1B30;
    box-shadow: 0 0 1px 1px lightgray;
}
.odd-sl-select-icon-right:hover {
    color: white;
    background-color: #9B1B30 !important;
    border: 1px solid #9B1B30;
    box-shadow: 0 0 1px 1px lightgray;
}
@media only screen and (max-width:601px) {
    .odd-block-flex-col-2-row {
        display: flex;
        flex-direction: column;
    }
    .odd-select-time-block {
        flex-direction: column;
        row-gap: .5em;
    }
    .odd-sl-select-list-block-left-item-block-item-block-left {
        display: flex;
        flex: 1 1 50%; 
        column-gap: .5em;
        flex-direction: column;
    }
    .odd-th-select-blockui-preview, .odd-td-select-blockui-preview, .odd-th-view-col, .odd-td-view-col, 
    .odd-th-course-list, .odd-td-course-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1fr;
        /* gap: 5px; */
        word-break: break-word;
    }
}
@media screen and (max-width:1024px) and (min-width:602px) {
    .odd-block-flex-col-2-row {
        display: flex;
        flex-direction: column;
    }
    .odd-select-time-block {
        flex-direction: column;
        row-gap: .5em;
    }
    .odd-sl-select-list-block-left-item-block-item-block-left {
        display: flex;
        flex: 1 1 50%; 
        column-gap: .5em;
        flex-direction: column;
    }
    .odd-th-select-blockui-preview, .odd-td-select-blockui-preview, .odd-th-view-col, .odd-td-view-col,
    .odd-th-course-list, .odd-td-course-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1fr;
        /* gap: 5px; */
        word-break: break-word;
    }
}
@media screen and (max-width:1180px) and (min-width:1025px) {
    .odd-block-flex-col-2-row {
        display: flex;
    }
    .odd-select-time-block {
        flex-direction: column;
        row-gap: .5em;
    }
    .odd-sl-select-list-block-left-item-block-item-block-left {
        display: flex;
        flex: 1 1 50%; 
        column-gap: .5em;
    }
    .odd-th-select-blockui-preview, .odd-td-select-blockui-preview {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns:.5fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-view-col, .odd-td-view-col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns: .3fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-course-list, .odd-td-course-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns: .8fr .8fr 1.5fr 1.5fr .5fr .8fr;
        gap: 5px;
        word-break: break-word;
    }
}   
@media screen and (max-width:1920px) and (min-width:1181px) {
    .odd-block-flex-col-2-row {
        display: flex;
    }
    .odd-select-time-block {
        column-gap: .5em;
    }
    .odd-sl-select-list-block-left-item-block-item-block-left {
        display: flex;
        flex: 1 1 50%; 
        column-gap: .5em;
    }
    .odd-th-select-blockui-preview, .odd-td-select-blockui-preview {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns: .5fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-view-col, .odd-td-view-col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns: .3fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-course-list, .odd-td-course-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns: .8fr .8fr 1.5fr 1.5fr .5fr .8fr;
        gap: 5px;
        word-break: break-word;
    }
}
@media only screen and (min-width:1921px) {
    .odd-block-flex-col-2-row {
        display: flex;
    }
    .odd-select-time-block {
        column-gap: .5em;
    }
    .odd-sl-select-list-block-left-item-block-item-block-left {
        display: flex;
        flex: 1 1 50%; 
        column-gap: .5em;
    }
    .odd-th-select-blockui-preview, .odd-td-select-blockui-preview {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns: .5fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-view-col, .odd-td-view-col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns: .3fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-course-list, .odd-td-course-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns: .8fr .8fr 1.5fr 1.5fr .5fr .8fr;
        gap: 5px;
        word-break: break-word;
    }
}