Backend-Api/ServiceHost/wwwroot/AssetsAdminNew/ServiceAmountsManagement/css/Index.css

.ServiceModal-width {
    max-width: 710px;
}

.sticky {
    position: sticky;
    top: 5px;
    z-index: 10;
}

.goToTop {
    position: fixed;
    bottom: -10px;
    margin-right: 100px;
    z-index: 100;
    color: #fff;
    background-color: #25acacd6;
}

.goToTop:hover {
    color: #fff;
    background-color: #2ca4a4;
}

.btn-create {
    background-color: #84CC16;
    border-radius: 7px;
    color: #ffffff;
    padding: 3px 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.Rtable .Rtable-row .Rtable-cell.column-heading {
    height: 100%;
    align-items: center;
    justify-content: center;
}

.service-list .Rtable-cell.width2,
.service-list .Rtable-cell.width3,
.service-list .Rtable-cell.width4,
.service-list .Rtable-cell.width5 {
    background: #16b7971f;
    padding: 8px 0;
}

.service-list .Rtable-cell.width6,
.service-list .Rtable-cell.width7 {
    background: #359bb130;
    padding: 8px 0;
}

.service-list .Rtable-cell.width8,
.service-list .Rtable-cell.width9,
.service-list .Rtable-cell.width10 {
    background: #d3d00836;
    padding: 8px 0;
}

.table-service .width1,
.table-service .service-list .width1 {
    width: 5% !important;
}

.table-service .width2,
.table-service .service-list .width2 {
    width: 10% !important;
}

.table-service .width3,
.table-service .service-list .width3 {
    width: 10% !important;
}

.table-service .width4,
.table-service .service-list .width4 {
    width: 10% !important;
}

.table-service .width5,
.table-service .service-list .width5 {
    width: 10% !important;
}

.table-service .width6,
.table-service .service-list .width6 {
    width: 11% !important;
}

.table-service .width7,
.table-service .service-list .width7 {
    width: 11% !important;
}

.table-service .width8,
.table-service .service-list .width8 {
    width: 11% !important;
}

.table-service .width9,
.table-service .service-list .width9 {
    width: 11% !important;
}

.table-service .width10,
.table-service .service-list .width10 {
    width: 11% !important;
}

.table-service .width11,
.table-service .service-list .width11 {
    width: 95% !important;
}

.table-service .service-list .width3 .Rtable-cell--content,
.table-service .service-list .width7 .Rtable-cell--content {
    text-align: center;
    text-align: -webkit-center;
}

.table-service .ticket-list .green {
    background-color: #C4FFC2;
}

.badget-inprogress {
    color: #ffffff;
    background-color: #EAB308;
    width: 60%;
    text-align: center;
    padding: 3px 6px;
    border-radius: 30px;
    display: inline-block;
}

.badget-open {
    color: #353535;
    background-color: #E2E8F0;
    width: 60%;
    text-align: center;
    padding: 3px 6px;
    border-radius: 30px;
    display: inline-block;
}

.badget-answer {
    color: #ffffff;
    background-color: #60A5FA;
    width: 60%;
    text-align: center;
    padding: 3px 6px;
    border-radius: 30px;
    display: inline-block;
}

.badget-closed {
    color: #ffffff;
    background-color: #84CC16;
    width: 60%;
    text-align: center;
    padding: 3px 6px;
    border-radius: 30px;
    display: inline-block;
}


.btn-ticket-detail {
    background: rgba(93, 209, 52, 0.3);
    border: 0.5px solid #2E8F2F54;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

.btn-ticket-task {
    background: #C9EEFE;
    border: 0.5px solid #FFFFFF;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    margin: 0 2px;
}

.btn-ticket-edit {
    background: rgba(52, 209, 209, 0.3);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    color: #009EE2;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

.btn-ticket-delete {
    background: rgba(209, 50, 50, 0.15);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    color: #BF3737;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

.btn-ticket-detail:hover {
    background: rgba(93, 209, 52, 0.4);
}

.btn-ticket-edit:hover {
    background: rgba(52, 209, 209, 0.5);
}

.btn-ticket-delete:hover {
    background: rgba(209, 50, 50, 0.3);
}


.btn-ticket-more {
    background: #C7F8F8;
    border: 1px solid #0B5959;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    color: #0B5959;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

    .btn-ticket-more:hover {
        background: #ACD2D2;
    }

.table-service .Rtable .Rtable-row .Rtable-cell .Rtable-cell--content > span {
    border-radius: 5px;
    background: rgba(87, 227, 227, 0.25);
    width: 32px;
    height: 32px;
    display: inline-block;
    padding: 0 10px;
    font-weight: 600;
}

.operations-btns .span1 {
    color: #0B5959;
    font-size: 14px;
    font-weight: 500;
}

.operations-btns .span2 {
    color: #0B5959;
    font-size: 13px;
    font-weight: 500;
}

.black-background {
    background-color: #E3E3E3 !important;
}

.status {
    display: inline-block;
    padding: 6px;
    width: 60px;
    border-radius: 20px;
    color: #ffffff;
    font-weight: 500;
}

.status-green {
    background-color: #84cc16;
}

.status-red {
    background-color: #ef4444;
}

@media (max-width: 1380px) {
    .badget-inprogress,
    .badget-answer,
    .badget-closed,
    .badget-open {
        width: 110px;
        font-size: 10px;
    }

    .Rtable .Rtable-row .Rtable-cell .Rtable-cell--content {
        font-size: 10px;
    }

    .table-service .Rtable-cell.column-heading {
        font-size: 12px !important;
    }

        /*.table-service .width1,
    .table-service .ticket-list .width1 {
        width: 5% !important;
    }*/

        .table-service .Rtable-cell.column-heading.width2 {
            width: 18% !important;
        }

    .table-service .width2,
    .table-service .ticket-list .width2 {
        width: 12% !important;
    }

    /*    .table-service .width3,
    .table-service .ticket-list .width3 {
        width: 5% !important;
    }*/

    /*/*.table-service .width3,
    .table-service .ticket-list .width3 {
        width: 17% !important;
        text-align: center !important;
    }

    .table-service .width4,
    .table-service .ticket-list .width4 {
        width: 15% !important;
    }

    .table-service .width5,
    .table-service .ticket-list .width5 {
        width: 15% !important;*/
    /*text-align: center !important;*/
    /*}*/

    .table-service .ticket-list .width3 .Rtable-cell--content {
        text-align: center;
        text-align: -webkit-center;
    }

    .table-service .ticket-list .Rtable-cell--content {
        font-size: 11px;
    }

    .table-service .width6,
    .table-service .ticket-list .width6 {
        width: 16% !important;
    }

    .table-service .width7,
    .table-service .ticket-list .width7 {
        width: 8% !important;
        text-align: center !important;
    }

    .table-service .width8,
    .table-service .ticket-list .width8 {
        width: 5% !important;
    }
}



@media (max-width: 992px) {
    .table-service .width1 {
        width: 4% !important;
    }

    .table-service .width7, .table-service .ticket-list .width7 {
        width: 4% !important;
        text-align: end !important;
    }
}

@media (max-width: 767px) {
    .goToTop {
        position: fixed;
        bottom: 54px;
        margin-right: 39%;
        z-index: 100;
        color: #fff;
        background-color: #25acac70;
    }

    .Rtable--collapse .Rtable-row {
        outline: 0;
        border: 1px solid #ECFFFF;
        padding: 0;
        margin: 5px 0px 0;
    }

    .Rtable--collapse .Rtable-row .Rtable-cell.width3 .Rtable-cell--content {
        justify-content: right;
        display: flex;
    }

    .Rtable--collapse .Rtable-row .Rtable-cell.width8 {
        justify-content: end;
    }

    .Rtable--collapse .Rtable-row .Rtable-cell.width8 {
        justify-content: end;
    }

    .Rtable--collapse .Rtable-row .Rtable-cell.width5 {
        justify-content: center;
    }

    .Rtable--collapse .Rtable-row .Rtable-cell.width4 {
        justify-content: center;
    }

    .Rtable--collapse .Rtable-row .Rtable-cell.width8 .Rtable-cell--content {
        justify-content: end;
        display: flex;
    }

    .Rtable--collapse .Rtable-row .Rtable-cell {
        border-bottom: 0;
    }

    .badget-inprogress,
    .badget-answer,
    .badget-closed {
        border-radius: 0;
    }

    .btn-ticket-detail {
        border: 1px solid #248826;
        border-radius: 8px;
        color: #248826;
        background-color: #B7EABA;
    }

    .table-service .width1,
    .table-service .service-list .width1 {
        width: 10% !important;
    }

    .table-service .width11,
    .table-service .service-list .width11 {
        width: 90% !important;
    }
}