.wrapper,.wrapper .main,td {
    position: relative
}

.small,small {
    font-size: 14px
}

span.label {
    white-space: pre
}

#table1 {
    margin-bottom: 20px
}

table {
    width: 100%;
    margin: auto;
    overflow: hidden
}

th {
    font-weight: 700;
    padding: 10px
}

tr:nth-child(odd) {
    background-color: rgba(160,160,160,.03)
}

td {
    border: 1px solid rgba(160,160,160,.25);
    padding: 8px	
}

td:nth-child(3n),td:nth-child(4n) {
    text-align: inherit
}

tr:not(:first-child) td:not(:first-child):hover::after {
    background-color: rgba(160,160,160,.15);
    content: "";
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1
}

td:hover {
    /*background-color: rgba(160,160,160,.05)*/
}

table tbody tr {
    border: 0
}

tr:nth-child(2n+1):hover,table tr:hover {
    background-color: rgba(160,160,160,.15)
}

tr:nth-last-child(1) {
    border-bottom: 1px solid rgba(160,160,160,.25)
}

th.redips-mark {
    text-align: center;
    border: 1px solid #fff
}

th.redips-mark:last-child {
    border-right: 1px solid rgba(160,160,160,.25)
}

#table1>tbody:nth-child(1)>tr:last-child>th:nth-child(1) {
    border-bottom: 1px solid rgba(160,160,160,.25)
}

#redips-drag {
    margin: auto
}

.redips-drag,.redips-nodrag {
    margin: 1px auto;
    z-index: 10;
    text-align: center;
    font-size: 14px
}

.t1,.t2,.t3 {
    color: #3b3b3b;
    font-weight: 700
}

.t3 {
    color: #ff5050
}

.t1:hover,.t2:hover {
    color: #b22
}

.redips-mark {
    color: #fff;
    font-size: 18px!important;
    background-color: #b5b5b5
}

.redips-trash {
    color: #fff;
    background-color: #4682b4;
    text-align: center
}

.form-control:focus,.form-select:focus {
    border-color: #ff7e00;
    box-shadow: inset 0 0 0 1px #ff7e00
}

@media only screen and (max-width:767px) {
    th {
        padding: 7px
    }

    tr:not(:first-child) td:not(:first-child):hover::after {
        position: initial
    }

    tr:nth-child(2n+1):hover,tr:hover {
        background-color: unset
    }

    td {
        padding: 5px 0;
        border: 1px solid rgba(160,160,160,.25)!important;
        border-bottom: 0 solid rgba(160,160,160,.25)!important
    }

    td:empty {
        padding: 16px 0
    }

    td:last-child {
        border-bottom: 1px solid rgba(160,160,160,.25)!important
    }

    tr:nth-last-child(1) {
        border-bottom: 0 solid rgba(160,160,160,.25)!important
    }

    .rounds {
        display: block;
        padding: 5px 0
    }

    .view {
        display: flex
    }

    span.label {
        white-space: nowrap
    }

    tr.view>th:nth-child(n) {
        border-right: 1px solid #fff
    }

    tr.view>th:nth-last-child(1) {
        border-right: none
    }

    th.redips-mark {
        border: 0
    }

    th.redips-mark>small {
        padding: 0 6px
    }
}

@media (max-width:991px) {
    .wrapper .main .content-sidebar h2 {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .wrapper .main .content-sidebar h2 {
        font-size: 32px;
        line-height: 36px
    }
}

@media (prefers-color-scheme:dark) {
    .t1,.t2 {
        color: #757575
    }

    tr:not(:first-child) td:not(:first-child):hover::after {
        background-color: rgba(160,160,160,.15)
    }

    tr.view>th:nth-child(n) {
        border-right: none
    }

    tr.view>th:nth-last-child(1) {
        border-right: 1px solid rgba(160,160,160,.25)
    }

    tr:nth-child(2n+1):hover,tr:hover {
        background-color: background-color: rgba(160,160,160,.15)
	}

	td:hover {
		background-color: rgba(160,160,160,.15)
	}

	.redips-mark {
		color: #999;
		background-color: unset
	}

	th.redips-mark {
		border: 1px solid rgba(160,160,160,.25)
	}
}