.btn-add-new .button-bg {
    height: 52px;
    gap: 0 8px;
}
.flex-filter-table .row [class*='col-'] {
    margin-bottom: 12px;
}
.flex-table-tt {
    display: flex;
    align-items: center;
    gap: 0 6px;
    justify-content: flex-end;
}

.flex-table-tt .view-tk .btn-bg-gray {
    height: 28px;
}

.flex-table-tt .box-action-dots {
    margin: 0;
}

.flex-table-tt .box-action-dots>.icon {
    margin: 0;
}
.text-title-tb.text-right {
    text-align: right;
}
.flex-column-switch .switch-btn {
    gap: 0 8px;
    margin-bottom: 8px;
}



.popup-action-box.ct-popup-action {
    padding: 0;
    overflow: hidden;
}

.popup-action-box.ct-popup-action .item-action-box {
    padding: 8px;
    border-bottom: 1px solid rgba(224, 227, 233, 1);
    background: transparent;
    transition: all .3s;
    display: flex
    ;
        align-items: center;
}

.popup-action-box.ct-popup-action .item-action-box:last-child {
    border: none;
}

.popup-action-box.ct-popup-action .item-action-box .text-imt-action {
    width: 100%;
    gap: 0 8px;
    align-items: center;
    padding:0;
}

.popup-action-box.ct-popup-action .item-action-box .text-imt-action .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-imt-action.item-del .icon img {
    width: 14px;
}
.popup-action-box.ct-popup-action .item-action-box .text-imt-action .text {
    color: rgba(28, 43, 51, 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}
.popup-action-box.ct-popup-action .text-imt-action.item-del .text {
    color: #E14547;
}
.btn-choose-otp-table {
    position: relative;
}

.popup-choose-otp-tb {
    position: absolute;
    width: 250px;
    right: 0;
    top: 60px;
    background: #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index:1;
}
.block-table-learning-outcomes>.row>[class*='col-'] {
    margin-bottom: 30px;
}
.block-nodata .btn-add-new .button-bg {
    display: inline-flex;
    width: auto;
}

.block-nodata .btn-add-new {
    padding-top: 20px;
}
.flex-table-tt .view-tk .btn-bg-gray.ct-btn-red {
    background: #CE2368 !important;
}
.td-table-site.td-name-kt {
    width: 200px;
}
.flex-table-tt .view-tk .btn-bg-gray.ct-btn-red .text {
    color: #fff;
}
.block-table-learning-outcomes>.row>[class*='col-']:last-child {
    margin: 0;
}
.btn-border-otp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #218D20;
    border-radius: 6px;
    height: 44px;
    width: 100%;
    position: relative;
    padding: 0 24px;
    transition: all .3s;
}

.btn-border-otp .text {
    font-size: 15px;
    font-weight: 700;
    color: #218D20;
    transition: all .3s;
}

.btn-choose-otp-table .btn-bg-icon {
    height: 52px;
}

.list-btn-otp .btn-otp+.btn-otp {
    margin-top: 8px;
}

.btn-border-otp .icon {
    position: absolute;
    right: 12px;
}

.btn-border-otp:hover {
    background:  #006402;
    border-color: #006402;
}

.btn-border-otp:hover .text {
    color: #fff;
}

.btn-border-otp:hover .icon img {
    filter: brightness(9);
}

.btn-border-otp .icon img {
    transition: all .3s;
}

.popup-choose-otp-tb.open {
    opacity: 1;
    visibility: visible;
}
.popup-action-box.ct-popup-action .item-action-box .text-imt-action:hover .text {
    text-decoration: underline;
}
.btn-assignment-user {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}

.btn-bg-icon.btn-yellow {
    background: #E8972C;
    border-color:#E8972C !important;
}
.btn-bg-icon.btn-yellow:hover {
    background: rgba(233, 137, 11, 1);
    border-color:rgba(233, 137, 11, 1);
}
.btn-assignment-user .btn-bg-icon.btn-yellow {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    transition: all .3s;
}

.btn-assignment-user .btn-bg-icon.btn-yellow .text {
    color: #fff;
}

.btn-assignment-user .btn-bg-icon.btn-yellow:hover {
    background: rgba(233, 137, 11, 1);
    border-color:rgba(233, 137, 11, 1);
}

.item-topic:hover .btn-assignment-user {
    opacity: 1;
    visibility: visible;
}
@media (max-width:1399px) {
    .ct-table-detail-class .table {
        width: 1100px;
    }
    .ct-table-detail-class thead,.ct-table-detail-class tbody {
    }
    .ct-table-detail-class {
        overflow-x: auto;
    }
    .ct-table-detail-class .box-action-dots .popup-action-box {
        display: none;
    }
    .ct-table-detail-class .box-action-dots .popup-action-box.open {
        display: block;
    }
}
@media (max-width:991px){
    .popup-choose-otp-tb {
        right: auto;
        left: 0;
    }
    .btn-assignment-user {
        opacity: 1;
        visibility: visible;
    }
    .list-item-topics.ct-item-topic-detail .btn-assignment-user {
        position: absolute;
        bottom: 12px;
        left: 0;
        margin: auto;
        right: 0;
        width: calc(100% - 32px);
    }
    
    .list-item-topics.ct-item-topic-detail .main-item-topic .picture {
        position: inherit;
    }
    
    .main-item-topic item-topic {
        position: relative;
    }
    
    .list-item-topics.ct-item-topic-detail .item-topic {
        position: relative;
    }
    
    .list-item-topics.ct-item-topic-detail .main-item-topic {
        padding-bottom: 60px;
    }
    
    .list-item-topics.ct-item-topic-detail .btn-assignment-user .btn-bg-icon {
        border-radius: 6px;
    }
}
@media (min-width:576px) and (max-width:767px){
    .list-item-topics.ct-item-topic-detail .btn-assignment-user {
        width: calc(100% - 24px);
    }
}