.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
}
.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}
.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
    right: 9px;
}
.daterangepicker.opensleft:after {
    right: 10px;
}
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}
.daterangepicker.opensright:before {
    left: 9px;
}
.daterangepicker.opensright:after {
    left: 10px;
}
.daterangepicker.drop-up {
    margin-top: -7px;
}
.daterangepicker.drop-up:before {
    top: auto;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
    top: auto;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none;
}
.daterangepicker.single .drp-selected {
    display: none;
}
.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block;
}
.daterangepicker.auto-apply .drp-buttons {
    display: none;
}
.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}
.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
    padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}
.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}
.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}
.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}
.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}
.daterangepicker th.month {
    width: auto;
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}
.daterangepicker select.yearselect {
    width: 40%;
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative;
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}
.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}
.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}
.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}
.daterangepicker .ranges li:hover {
    background-color: #eee;
}
.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}



.akrBasketballCourt {
		    
  position: relative;
}
.akrBasketballCourt .courtSection{		    
  cursor: pointer;
}
.akrBasketballCourt .courtSection:hover,
.akrBasketballCourt .courtSection.active{	
  background-color: #00989ab3;
}

.akrBasketballCourt .level-one-left {
  position: absolute;
  top: 3.3%;
  left: 33.5%;
  width: 16.6%;
  height: 27.4%;
  clip-path: polygon(4% 50%, 1% 36%, 3% 20%, 14% 6%, 15% 5%, 20% 0%, 96% -3%, 96% 100%, 84% 99%, 60% 95%, 46% 90%, 26% 79%, 12% 65%);
}	

.akrBasketballCourt .level-one-right {
  position: absolute;
  top: 3.3%;
  right: 33.5%;
  width: 16.6%;
  height: 27.4%;
  clip-path: polygon(1% -100%, 81% 4%, 85% 8%, 89% 14%, 95% 24%, 96% 42%, 90% 57%, 82% 69%, 72% 78%, 56% 88%, 38% 95%, 17% 99%, 1% 100%);		
}
/* <!-----Level two------> */
.akrBasketballCourt .level-two-right {
  position: absolute;
  top: 3.3%;
  right: 18.5%;
  width: 21.6%;
  height: 38.8%;
  clip-path: polygon(18% 0%, 87% 0%, 91% 10%, 93% 20%, 93% 30%, 91% 40%, 87% 50%, 77% 65%, 68% 74%, 56% 83%, 40% 91%, 21% 100%, 1% 63%, 19% 52%, 32% 32%, 30% 16%, 26% 9%);
}
.akrBasketballCourt .level-two-left {
  position: absolute;
  top: 3.3%;
  left: 18.5%;
  width: 21.6%;
  height: 38.8%;			
  clip-path: polygon(6% 42%, 4% 17%, 230% -446%, 84% -16%, 67% 25%, 68% 30%, 72% 40%, 75% 46%, 91% 60%, 104% 65%, 100% 60%, 88% 80%, 78% 99%, 59% 92%, 42% 83%, 26% 70%, 12% 54%);
}
.akrBasketballCourt .level-two-bottom {
  position: absolute;
  top: 17.3%;
  left: 35.5%;
  width: 28.6%;
  height: 28.8%;
  clip-path: polygon(16% 37%, 23% 42%, 32% 46%, 64% 46%, 73% 44%, 83% 37%, 99% 86%, 81% 94%, 51% 99%, 56% 99%, 15% 93%, 0% 85%);
}	
/* <!-----Level three------> */
.akrBasketballCourt .level-three-left {
  position: absolute;
  top: 3.3%;
  left: 9.5%;
  width: 16.6%;
  height: 39.9%;
  clip-path: polygon(0 0, 64% 0, 55% 23%, 57% 38%, 58% 41%, 66% 54%, 79% 65%, 90% 73%, 90% 72%, 29% 94%, 13% 99%, 0% 91%);
}
.akrBasketballCourt .level-three-bottom {
  position: absolute;
  top: 30.3%;
  left: 33.5%;
  width: 32.6%;
  height: 33.8%;
  clip-path: polygon(16% 41%, 21% 43%, 33% 46%, 58% 48%, 79% 43%, 85% 41%, 98% 87%, 75% 94%, 44% 95%, 25% 93%, 32% 95%, 3% 87%);			
}
.akrBasketballCourt .level-three-left-bottom {
  position: absolute;
  top: 32.3%;
  left: 10.5%;
  width: 32.6%;
  height: 27.8%;
  clip-path: polygon(25% 20%, 44% 2%, 56% 19%, 71% 33%, 85% 41%, 78% 72%, 71% 99%, 78% 102%, 62% 94%, 43% 81%, 23% 63%, 5% 41%);
}
.akrBasketballCourt .level-three-right {
  position: absolute;
  top: 3.3%;
  right: 9.5%;
  width: 15.6%;
  height: 39.9%;
  clip-path: polygon(30% 0%, 100% 0%, 100% 20%, 100% 91%, 83% 100%, 65% 93%, 46% 87%, 20% 78%, 3% 72%, 26% 55%, 37% 36%, 38% 19%);
}
.akrBasketballCourt .level-three-right-bottom {
  position: absolute;
  top: 32.3%;
  right: 10.5%;
  width: 32.6%;
  height: 27.8%;
  clip-path: polygon(25% 20%, 44% 2%, 56% 19%, 71% 33%, 85% 41%, 78% 72%, 71% 99%, 78% 102%, 62% 94%, 43% 81%, 23% 63%, 5% 41%);
  transform: scaleX(-1);
}
/* <!-----Level four------> */
.akrBasketballCourt .level-four-left {
  position: absolute;			
  top: 3.3%;
  left: 2.5%;
  width: 5.7%;
  height: 35.8%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.akrBasketballCourt .level-four-bottom {
  position: absolute;
  top: 61.6%;
  left: 28.9%;
  width: 42%;
  height: 35.2%;
  clip-path: polygon(17% 0%, 35% 5%, 55% 6%, 57% 6%, 72% 4%, 83% 0%, 89% 34%, 94% 64%, 101% 108%, 99% 100%, 0% 101%, 6% 63%, 12% 30%);
}
.akrBasketballCourt .level-four-left-bottom {
   position: absolute;
  top: 39.6%;
  left: 2.7%;
  width: 32.7%;
  height: 57.2%;
  clip-path: polygon(0% 15%, 0% 0%, 16% 0%, 30% 11%, 49% 22%, 65% 29%, 81% 34%, 98% 38%, 100% 38%, 100% 39%, 77% 104%, 0% 100%);
}
.akrBasketballCourt .level-four-right {
  position: absolute;
  top: 3.3%;
  right: 2.7%;
  width: 5.7%;
  height: 35.8%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.akrBasketballCourt .level-four-right-bottom {
   position: absolute;
  top: 39.6%;
  right: 2.7%;
  width: 32.7%;
  height: 57.2%;
  clip-path: polygon(0% 15%, 0% 0%, 16% 0%, 30% 11%, 49% 22%, 65% 29%, 81% 34%, 98% 38%, 100% 38%, 100% 39%, 77% 104%, 0% 100%);
  transform: scaleX(-1);
}
/* .img-fluid{
  max-width: 100%;
  height: auto;
} */
.akrBasketballCourt {
  position: relative;
  max-width: 800px;
}

#modalPlayer .modal-content h3 {
  font-size: 30px;
  font-weight: 600;
  color: #464E5F;
  margin: 0px;
}

#modalPlayer .player-avail p {
  color: #B5B5C3;
  font-size: 15px;
  font-weight: 400;
}
#modalPlayer #search-player {
  text-indent: 20px;
  border-radius: 28px !important;
  padding: 10px 25px !important;
  background-color: #F1F1F1;
  color: #B6B6B6;
  height: 55px;
}
.rooster-list .crtr-box {
  height: auto;
  padding: 6px;
}
.rooster-list button.btn {
  border-radius: 6px;
}
.player-name.flex-auto {
  margin-left: auto;
}
.w-icon{
  position: relative;
}
.profile-user-icon{
  position: absolute;
  top: 18px;
  left: 20px;
}
.rooster-list .btn.btn-default {
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-size: 12px;
  text-indent: 5px;
  height: 40px;
}
.hidden {
  display: none;
}

#undoLastRec {
    position: fixed;
    bottom: 40px;
    right: 10px;
    border-radius: inherit;
    z-index: 1;
}
i.fa.fa-close.hideme {
    position: relative;
    top: -22px;
    right: -104%;
    width: 20px;
    height: 20px;
    padding-top: 3px;
    border-radius: 50%;
    background-color: #eeb969;
    text-align: center;
}
.akr-match-details {
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(227 203 254 / 40%);
    padding: 5px;
    font-size: 12px;
}
.c-switch-inline {
    min-width: 150px !important;
}
img.imgPercent {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    z-index: -1;
}
.sbtBtn.shot-detail {
    cursor: pointer;
}

/* datatable styling */

table.dataTable.no-footer{
    border-bottom : 1px solid rgba(70, 78, 95, 0.15) !important;
}

table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    border-bottom: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #fff !important;
    border: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background: #00C1AD !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #00C1AD !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color:#fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #fff !important;
}
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }
    .daterangepicker .ranges ul {
        width: 140px;
    }
    .daterangepicker.single .ranges ul {
        width: 100%;
    }
    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }
    .daterangepicker.single .drp-calendar,
    .daterangepicker.single .ranges {
        float: left;
    }
    .daterangepicker {
        direction: ltr;
        text-align: left;
    }
    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }
    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }
    .daterangepicker .drp-calendar,
    .daterangepicker .ranges {
        float: left;
    }
}
@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left;
    }
    .daterangepicker.rtl .ranges {
        float: right;
    }
    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}