body{
    counter-reset: Serial;
}
.datepicker--nav{
    max-width: unset !important;
    height: unset !important;
    background-color: unset !important;
    z-index: unset !important;
    width: unset !important;
    overflow-y: unset !important;
    overflow: unset !important;
    transform: unset !important;
    position: unset !important;
    top: unset !important;
    right: unset !important;
}
.datepicker-here{
	border: none !important;
    text-align: center !important;
    font-size: 18px !important;
    color: #111 !important;
    width: 252px !important;
    margin: auto;
    cursor: pointer;
}
.datepicker-here-temp{
    border: none !important;
    text-align: center !important;
    font-size: 18px !important;
    color: #111 !important;
    width: 252px !important;
    margin: auto;
}
.datepicker-here:focus{
	outline: none !important;
}
.daily_action_date_input {
    position: relative;
    width: 252px;
    margin: auto;
    z-index: 1;
}
.daily_action_date_input .fa-caret-down,.fa-calendar{
    position: absolute;
    top: 6px;
    right: 50px;
    z-index: -1;
}
.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer{
    left: unset !important;
    right: 50px !important;
}
.infinite_scroll_table {
    max-width:980px;
    table-layout:fixed;
    margin:auto;
}
.infinite_scroll_table th, .infinite_scroll_table td {
    padding:5px 10px;
}
.infinite_scroll_table thead, .infinite_scroll_table tfoot {
    display:table;
    width:100%;
    /*width:calc(100% - 18px);*/
}
.infinite_scroll_table tbody {
    max-height:1800px;
    overflow:auto;
    overflow-x:hidden;
    display:block;
    width:100%;
}
.infinite_scroll_table tbody tr {
    width:100%;
    table-layout:fixed;
}
.infinite_scroll_table tr th:nth-child(1), .infinite_scroll_table tr td:nth-child(1){
    width: 64px;
}
.infinite_scroll_table tr th:nth-child(2), .infinite_scroll_table tr td:nth-child(2){
    white-space: unset !important;
}
.infinite_scroll_table tr th:nth-child(3), .infinite_scroll_table tr td:nth-child(3){
    width: 100px;
}
.infinite_scroll_table tr th:nth-child(4), .infinite_scroll_table tr td:nth-child(4){
    width: 100px; 
}

.infinite_scroll_table tr td:first-child:before{
  counter-increment: Serial;      /* Increment the Serial counter */
  content: counter(Serial); /* Display the counter */
}
.infinite_scroll_table tr td a{
    color: #2ec6d0;
}
.no-user-data{
    border-top: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}
.scoraboard-filter-block{
    margin-top: 16px;
}
.today_column, .total_column{
    cursor: pointer;
}

.sort-icon{
    float: left;
    padding: 4px;
}
.sort-content{
    width: calc(100% - 30px);
    margin: 0 0 0 30px;
}
.d-none{
    display: none;
}
@media only screen and (max-width: 959px){
    .scoraboard-filter-block{
        margin-top: 0px;
    } 
}
@media only screen and (max-width: 769px){

    .table-responsive{
        border: none !important;
    }
    .scoraboard-filter-block{
        margin-top: 0px;
    }   

    .infinite_scroll_table{
        min-width: unset !important;
        width: 100%;
    }

    .infinite_scroll_table tr th:nth-child(1), .infinite_scroll_table tr td:nth-child(1){
        width: 44px;
        padding: 8px 4px;
    }
    .infinite_scroll_table tr th:nth-child(2), .infinite_scroll_table tr td:nth-child(2){
        padding: 8px 4px;
        white-space: unset !important;
    }
    .infinite_scroll_table tr th:nth-child(3), .infinite_scroll_table tr td:nth-child(3){
        width: 60px;
        padding: 8px 4px;
    }
    .infinite_scroll_table tr th:nth-child(4), .infinite_scroll_table tr td:nth-child(4){
        width: 60px;
        padding: 8px 4px;
    }
    .infinite-scroll-padding{
        padding: 0 !important
    }
}