/*
***********************
    Activity laouts
***********************
*/

.activity>.row {
    margin: 20px 0;
}

.activity__datepicker-popup {
    top: -37px;
    z-index: 12;
}

.activity__date-hide {
    z-index: -12;
    border: 0;
    display: block;
    float: left;
    width: 50px;
    position: absolute;
    top: 0;
    left: 269px;
}

.activity__settings-submit {
    overflow: hidden;
}

.datepicker-popup {
    margin-top: -50px;
    z-index: 11;
}

.activity [readonly]:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--color-border-inputs);
}

.activity table.dataTable {
    min-width: 687px;
}

.paging_full_numbers {
    float: right;
}

.activity table.dataTable thead .sorting:before,
.activity table.dataTable thead .sorting_asc:before,
.activity table.dataTable thead .sorting_desc:before,
.activity table.dataTable thead .sorting_asc_disabled:before,
.activity table.dataTable thead .sorting_desc_disabled:before {
    left: 7.5em;
}

.activity table.dataTable thead .sorting:after,
.activity table.dataTable thead .sorting_asc:after,
.activity table.dataTable thead .sorting_desc:after,
.activity table.dataTable thead .sorting_asc_disabled:after,
.activity table.dataTable thead .sorting_desc_disabled:after {
    left: 8em;

}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
     opacity: 0.6
}
table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after {
    opacity: 1
}

@media (max-width: 820px) {
    .activity__date-hide {
        top: -59px;
        left: -100px;
    }
}
@media (max-width: 770px) {
    .activity__date-hide {
        top: 93px;
    }
}

@media (max-width: 570px) {
    .datepicker-popup {
        margin-top: -408px;
        margin-left: -9px;
    }
    .activity {
        padding: 0 5px;
    }
    .activity__date-hide {
        left: 0;
    }
    .activity .dataTables_wrapper {
        margin: 0;
        padding: 0;
    }
}