/*header, main, footer {
    padding-left: 240px;
}*/
@import url('../icons/newfont/flaticon.css');

body {
    overflow: hidden;
    width: 100vw;
    position: fixed;
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
}
.playlstselect1 {
    background-color: #0f1f48 !important;
    color: #fff !important;
}

.Masterselect {
    color: #0c3a5f !important;
    background-color: #dee8fb !important;
    font-weight: 600 !important;
    border: 2px solid #0c3a5f !important;
}

.Dismissalstyle {
    text-align: center;
    margin-right: 0px !important;
}

.palylist {
    color: #fff;
    text-align: center;
    background-color: #071331;
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px 0;
    cursor: pointer;
    border: 1px solid rgb(40,53,147);
}

    .palylist:hover {
        background-color: #102e77;
    }
    .selectIcon > span {
        border-color: #1e5286;
    }

.Dismissalstyle {
    font-weight: bold;
    color: #000 !important;
    text-decoration: underline !important;
}

 .Dismissalstyle:hover {
        text-decoration: underline !important;
   }

    .videoPlayerPostion{
    border: 2px solid #000;
    height:540px;
    width:fit-content;
    background: white !important;
}

.catchMapbackcolor:hover {
    fill-opacity: 1;
    fill:red;
}

.popmodlue {
    width: 850px;
}

.viewtabs .tab-content {
    padding: 0 !important;
}

    .viewtabs .tab-content > .active {
        background-color: #fff !important;
    }

    video{
            cursor: crosshair;
    }

.viewtabs .nav-tabs .nav-link {
    border-radius: 4px !important;
    padding: 5px 0 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: medium;
    text-align: center;
    color: #f5f0f0;
    background-color: #0b2d4e;
    text-align: center;
    display: flex;
    justify-content: space-around;
    /* color: #fff; */
    /* border-color: #335c88; */
    box-shadow: inset 0 -0.6em 1em -0.35em rgb(36, 58, 81), inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15), inset 0 0 0em 0.05em rgb(36, 58, 81);
}

    .viewtabs .nav-tabs .nav-link span {
        border-left: 1px solid;
        padding-left: 5px;
    }

.viewtabs .nav-tabs .nav-link {
    width: 200px !important;
}


.svgImageback {
    stroke-width: 0;
    stroke: rgb(0,0,0);
    fill: #b5d4b7;
}

.modal-header > .close {
    background-color: #3564ab !important;
    right: -13px !important;
    top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    box-shadow: none !important;
    background: #fff !important;
    border-radius: 0 !important;
}

    .modal-header > .close > span {
        color: #000 !important;
        font-size: 25px !important;
    }

.headercheck {
    cursor: pointer;
    z-index: 10;
    margin-left: 11px;
}
/*.chkmoues:hover{
    z-index:10 !important;
    cursor:pointer;
}*/

.tablefirstcol {
    width: 150px !important;
}

.tablefirstcol2 {
    width: 180px !important;
}

.svgtext {
    font-weight: bold;
    font-size: medium;
}

.svgtext2 {
    font-weight: bold;
    font-size: small;
}

.chkmoues {
    cursor: pointer;
    z-index: 0 !important;
    opacity: 1 !important;
    margin-left: 11px;
    position: inherit !important;
}

.main_bg {
    transition: all 0.5s ease;
}

    .main_bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
        transition: all 0.5s ease;
    }

    .main_bg:hover::before {
        background: rgba(0,0,0,0.1);
    }

    .main_bg:hover img {
        opacity: 1;
        transition: opacity 0.5s ease;
    }

.first_page {
}

.BowlingTypeSelect::after {
    content: 'ffff';
    color: red;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
}

.btn-floating {
    width: 30px;
    height: 30px;
}

    .btn-floating i {
        font-size: .87rem;
        line-height: 30px;
    }

:root {
    --accent: #fff;
    --border-width: 3px;
    --border-radius: 55px;
    --font-size: 20px;
}

.toggle {
    position: relative;
    border: solid var(--border-width) var(--accent);
    border-radius: var(--border-radius);
    transition: transform cubic-bezier(0, 0, 0.30, 2) .4s;
    transform-style: preserve-3d;
    perspective: 800px;
}

    .toggle > input[type="radio"] {
        display: none;
    }

    .toggle > #choice1:checked ~ #flap {
        transform: rotateY(-180deg);
    }

        .toggle > #choice1:checked ~ #flap > .content {
            transform: rotateY(-180deg);
        }

    .toggle > #choice2:checked ~ #flap {
        transform: rotateY(0deg);
    }

    .toggle > label {
        display: inline-block;
        /*min-width: 170px;*/
        padding: 5px 20px;
        font-size: var(--font-size);
        text-align: center;
        color: var(--accent);
        cursor: pointer !important;
        margin-bottom: 0;
    }

    .toggle > label,
    .toggle > #flap {
        font-weight: bold;
        text-transform: capitalize;
    }

    .toggle > #flap {
        position: absolute;
        top: calc( 0px - var(--border-width));
        left: 50%;
        height: calc(100% + var(--border-width) * 2);
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--font-size);
        background-color: var(--accent);
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
        transform-style: preserve-3d;
        transform-origin: left;
        transition: transform cubic-bezier(0.4, 0, 0.2, 1) .5s;
    }

        .toggle > #flap > .content {
            color: #333;
            transition: transform 0s linear .25s;
            transform-style: preserve-3d;
        }
        /*///////////////////////////////////////*/

.toggle1 {
    position: relative;
    border: solid var(--border-width) var(--accent);
    border-radius: var(--border-radius);
    transition: transform cubic-bezier(0, 0, 0.30, 2) .4s;
    transform-style: preserve-3d;
    perspective: 800px;
}

    .toggle1 > input[type="radio"] {
        display: none;
    }

    .toggle1 > #choice11:checked ~ #flap1 {
        transform: rotateY(-180deg);
    }

        .toggle1 > #choice11:checked ~ #flap1 > .content {
            transform: rotateY(-180deg);
        }

    .toggle1 > #choice21:checked ~ #flap1 {
        transform: rotateY(0deg);
    }

    .toggle1 > label {
        display: inline-block;
        /*min-width: 170px;*/
        padding: 5px 20px;
        font-size: var(--font-size);
        text-align: center;
        color: var(--accent);
        cursor: pointer !important;
        margin-bottom: 0;
    }

    .toggle1 > label,
    .toggle1 > #flap1 {
        font-weight: bold;
        text-transform: capitalize;
    }

    .toggle1 > #flap1 {
        position: absolute;
        top: calc( 0px - var(--border-width));
        left: 50%;
        height: calc(100% + var(--border-width) * 2);
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--font-size);
        background-color: var(--accent);
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
        transform-style: preserve-3d;
        transform-origin: left;
        transition: transform cubic-bezier(0.4, 0, 0.2, 1) .5s;
    }

        .toggle1 > #flap1 > .content {
            color: #333;
            transition: transform 0s linear .25s;
            transform-style: preserve-3d;
        }

/*//////////////////////////////////////////////////////////////////////////*/

.first_page ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    margin: 0;
    padding: 0;
}

    .first_page ul li {
        list-style: none;
        margin: 0 5px;
    }

        .first_page ul li a .fa {
            font-size: 40px;
            color: #262626;
            line-height: 80px;
            transition: .5s;
            padding-right: 14px;
        }

        .first_page ul li a span {
            padding: 0;
            margin: 0;
            position: absolute;
            top: 30px;
            color: #262626;
            letter-spacing: 4px;
            transition: .5s;
        }

        .first_page ul li a {
            text-decoration: none;
            display: absolute;
            display: block;
            width: 22vh;
            height: 22vh;
            background: #fff;
            text-align: left;
            padding-left: 0;
            transform: rotate(0deg) skew(0deg) translate(0, 0);
            transition: .5s;
            box-shadow: -20px 20px 10px rgba(0, 0, 0, .5);
            /*padding-right: 15px;*/
            margin-right: 20px;
            font-weight: 600;
            border-radius: .7rem;
        }

        .first_page ul li:last-child a {
            margin-right: 0;
        }

     /*   .first_page ul li a:before {
            content: '';
            position: absolute;
            top: 8px;
            left: -12px;
            height: 99%;
            width: 16px;
            background: #b1b1b1;
            transform: .5s;
            transform: rotate(0deg) skewY(-45deg);
        }

        .first_page ul li a:after {
            content: '';
            position: absolute;
            bottom: -13px;
            left: -4px;
            height: 16px;
            width: 97%;
            background: #b1b1b1;
            transform: .5s;
            transform: rotate(0deg) skewX(-45deg);
        }*/

        .first_page ul li a img {
            width: 100%;
        }

        .first_page ul li a:hover {
            transform: rotate(0deg) skew(0deg) translate(0px, -15px);
            box-shadow: -50px 50px 50px rgba(0, 0, 0, .5);
        }

        .first_page ul li:hover .fa {
            color: #fff;
        }

        .first_page ul li:hover span {
            color: #fff;
        }

        .first_page ul li:hover:nth-child(1) a {
            background: #097896;
        }

            .first_page ul li:hover:nth-child(1) a:before {
                background: #0e5467;
            }

            .first_page ul li:hover:nth-child(1) a:after {
                background: #0e5467;
            }

        .first_page ul li:hover:nth-child(2) a {
            background: #f4b606;
        }

            .first_page ul li:hover:nth-child(2) a:before {
                background: #daa50e;
            }

            .first_page ul li:hover:nth-child(2) a:after {
                background: #daa50e;
            }

        .first_page ul li:hover:nth-child(3) a {
            background: #f94e4e;
        }

ul li:hover:nth-child(3) a:before {
    background: #cc4343;
}

.first_page ul li:hover:nth-child(3) a:after {
    background: #cc4343;
}

.first_page ul li:hover:nth-child(4) a {
    background: #bb8f11;
}

    .first_page ul li:hover:nth-child(4) a:before {
        background: #bb6b15;
    }

    .first_page ul li:hover:nth-child(4) a:after {
        background: #bb6b15;
    }

.first_page ul li:hover:nth-child(5) a {
    background: #46d3a4;
}

[data-toggle~="collapse"] {
    cursor: pointer;
}

.first_page ul li:hover:nth-child(5) a:before {
    background: #32a57e;
}

.first_page ul li:hover:nth-child(5) a:after {
    background: #32a57e;
}


.BowlingTypeSelect {
    fill: #235184;
    stroke-width: 3;
    stroke: rgb(251, 251, 251);
}

.stamptext {
    fill: yellow;
    font-size: 14px;
}

.BowlingTypeSelect_text {
    fill: #fff;
}

.ballselect {
    fill: #000 !important;
    stroke: #000 !important;
}

.ballselectfff {
    /*fill: #fff !important;
    stroke: #fff !important;*/
    fill: #0c5686 !important;
    stroke: #fff !important;
}


.BowlingType_text {
    fill: #062557;
}

.BowlingTypeFilter {
    fill: #ffffff4f;
    stroke-width: 3;
    stroke: rgb(0,0,0);
}

.BowlingTypeFilterWW {
    fill: #271c1cc7;
    stroke-width: 3;
    stroke: rgb(151, 154, 175);
}

.tcenter {
    text-align: center;
}

.Submenus_Bg_header {
    height: 4rem !important;
}

.ballShortZone {
    transform: translate(-5px,-5px);
    cursor: pointer;
}

.FilterOverflow ul {
    list-style: none;
    padding: 0;
    margin: 0;
}



.refresh_icon {
    position: relative;
    float: right;
    width: 5vh;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #243a51;
    z-index: 9;
    color: #fff;
    font-size: medium;
    cursor: pointer;
    /*margin-top: -5vh;*/
    border-radius: 4px;
    border-left: 1px solid #fff;
    border-radius: 0;
}

.back_catch {
    padding: 8px 10px;
    height: 35px;
    margin-top: 0;
}

.refresh_icon i {
    -webkit-transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
}

.refresh_icon:hover i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.nav-tabs .nav-link {
    border-radius: 0 !important;
    padding: 10px 0 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: medium;
    color: #fff;
}

    .nav-tabs .nav-link.active {
        background-color: #335c88;
        color: #fff;
        border-color: #335c88;
        box-shadow: inset 0 -0.6em 1em -0.35em rgb(36, 58, 81), inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15), inset 0 0 0em 0.05em rgb(36, 58, 81);
    }

.nav-tabs a.active {
    background-color: #0e4c7d !important;
}

.tab-content > .active {
    background-color: #0e4c7d;
}

.md-autocomplete-suggestions li {
    font-size: 14px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 48px;
    height: 48px;
    transition: background 0.15s linear;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dropdownAll {
    color: #000000;
    font-weight: bold;
}

.filtermodel_height {
    width: 100%;
    height: 70vh;
    overflow-y: scroll;
}

.screen {
    position: absolute !important;
    bottom: 100px;
    width: 100%;
}

.innerdiv {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.firstcol {
    max-width: 130px;
    font-size: medium;
    font-weight: normal;
    padding-left: 7px;
}

.secoudcol {
    /*max-width: 750px;
          width:750px;*/
    font-size: medium;
    font-weight: bold;
    display: inline-block;
}

    .secoudcol > input {
        padding: 1px;
        color: #fff;
        width: 180px;
        font-size: medium;
        /*font-weight: bold;*/
    }

.backrow {
    /*background-image: linear-gradient(to top, #004080, #006699);*/
    background: #004080;
    border-bottom: 1px solid #5f90c1;
}


.center_popover {
    position: absolute;
    left: 50% !important;
    margin-left: -67px;
    transition: all .25s ease-in-out;
    /*transform: scale(0);*/
}

/*svg > .ballShortZone:hover + .center_popover {
        transform: scale(1);
    }*/

.reset_btn {
    background-color: #228ce6;
    border: 1px solid transparent;
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    transition: all .25s ease;
}

    .reset_btn:hover {
        background: -webkit-linear-gradient(top, #1a3856 80%, #0099e6 );
        background: -o-linear-gradient(top, #1a3856 80%, #0099e6);
        background: -moz-linear-gradient(top, #1a3856 80%, #0099e6);
        background: linear-gradient(top, #1a3856 80%, #0099e6);
    }

        .reset_btn:hover a > span {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }

@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left: 0;
    }
}

@media only screen and (max-width : 1024px) {
    .nav-tabs .nav-link {
        padding: 5px 0 !important;
        font-size: x-small !important; /*medium;*/
    }

    .svgtext2 {
        font-weight: bold;
        font-size: smaller;
    }
}


@media (max-width: 1366px) {

    /*.refresh_icon {
        width: auto !important;
    }*/

    .nav_top {
        padding: 0 1rem !important;
    }

    .main_section {
        padding-top: 0 !important;
    }

    .fa-bars {
        font-size: large !important;
    }

    .top_logo_text p {
        font-size: large !important;
    }

    .fa-refresh {
        font-size: large !important;
    }

    .sub_filters_head {
        font-size: 15px !important;
        padding: 7px 15px 5px !important;
    }

    .MenuHeaderFont {
        font-size: 15px !important;
        margin-bottom: 0;
    }

    .logos_img {
        width: 45px !important;
        height: 45px !important;
        object-fit: cover;
    }

    .logo_text {
        font-size: 14px !important;
    }

    .nav-flex-icons li a svg {
        height: 20px;
    }

    .player_filter {
        padding: 10px 10px 10px !important;
    }

    .nav-tabs .nav-link {
        padding: 5px 0 !important;
        font-size: medium; /*medium;*/
    }
}

.mobile_icon_menu {
    display: none;
}

.tblCss {
    border: 1px solid black;
    border-collapse: collapse;
    background-color: white;
}

.FontWhite {
    fill: white;
    color: white;
}

.FontBlack {
    color: black;
}

.FontRed {
    color: red;
}

.HeaderFont {
    font-weight: bold;
    font-size: 18px;
    /*font-size: 14px;*/
}

.MenuHeaderFont {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
}

.WWRegionFont {
    color: black;
    font-weight: bold;
    font-size: 25px;
    fill: #fff !important;
}

.WWRegionRunFont {
    color: black;
   
    font-size: 12px;
    fill: #fff !important;
}
.WWRegionRunFont2 {
    color: black;
    font-size: 14px;
    fill: #fff !important;
}


.WWRegionFont2 {
    color: black;
    font-weight: bold;
    font-size: 27px;
    fill: #fff !important;
}

.ShotzoneRegionFont {
    color: black;
    font-weight: bold;
    font-size: 16px;
    font-family: Verdana,sans-serif;
    fill: #fff !important;
}

.LineViewFont {
    color: black;
    font-weight: bold;
    font-size: 13px;
    font-family: Verdana,sans-serif;
    fill: #000 !important;
}

.ShotzoneRegionFont2 {
    color: black;
    font-weight: bold;
    font-size: 15px;
    font-family: Verdana,sans-serif;
    fill: #fff !important;
}

.NormalFont {
    font-size: 15px;
    fill: black;
    font-weight: bold;
    /*font-family:"Verdana"*/
}

.MouseMove {
    stroke: blue;
}

    .MouseMove:hover {
        cursor: move;
    }

.mouse-up {
    stroke: blue;
}

.mouse-down {
    stroke: red;
}

.rectangle {
    cursor: move;
}

.menu_img {
    margin-left: 10px !important;
    margin-top: 4px !important;
}

.ball {
    cursor: pointer;
    stroke-dashoffset: 0;
    stroke-Width: 0;
}

    .ball:hover {
        width: 12px;
        height: 12px;
    }

.ballShortZone {
    cursor: pointer;
    stroke-dashoffset: 0;
    stroke-Width: 0;
}

    .ballShortZone:hover {
        width: 18px;
        height: 18px;
    }
/*.CircleOutside:hover {
      stroke-Width: 2;
      stroke:white;
      outline-color: rgb(0, 0, 255);
  outline-style: solid;
  outline-width: 1px;
    }*/
.st0 {
    enable-background: new;
}

.st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #024A94;
}

.st2 {
    fill: none;
    stroke: #FFFFFF;
    stroke-miterlimit: 100;
}

body {
    /*font-family: "Atlas Grotesk Web",sans-serif;*/
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
}

.st3 {
    fill: #FFFFFF;
}

.st4 {
    font-family: 'Roboto-Medium';
}

.st5 {
    font-size: 13px;
}

.st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
}


.LineDash {
    /*stroke-Width: 2;
    stroke-dasharray: 10;
    stroke-dashoffset: 1000;
    stroke-linecap: round;
    cursor: pointer;
    animation: dash 300s linear forwards;*/
     stroke-Width: 3px;
    stroke-linecap: round;
    cursor: pointer;
    stroke-dasharray: 6;
    stroke-dashoffset: 1000;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

.LineDash:hover {
    stroke-width: 3px;
    stroke-linecap: round;
}

.line {
    stroke-Width: 2;
    stroke-linecap: round;
    cursor: pointer;
    stroke-dasharray: initial;
    /*opacity:0.5;*/
}

.img {
    overflow: visible;
}

.line:hover {
    stroke-width: 4;
    stroke-linecap: round;
}

#ui-datepicker-div{
    z-index:1000 !important;
}
/*.ng-hide:not(.ng-hide-animate) {
  
    display: block !important;
    position: absolute;
    top: -9999px;
    left: -9999px;
}*/
.btnstyle {
    box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1), 0 0px 10px 0 rgba(0,0,0,0.12);
}

.filtermenu {
    right: -0.5rem;
    top: .2rem;
    margin-right: 1rem;
}

.ulCss {
    padding: 0;
    list-style: none;
}

.liCss {
    display: inline-block;
    /* inline block hack for IE 6&7 */
    zoom: 1;
    *display: inline;
    padding: 0px;
    color: white;
}

.BtnBowlingStyleSelect {
    background-color: #00c851 !important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    padding: 5px;
}

.BtnBowlingStyleMain {
    background-color: #a6c !important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    padding: 5px;
}

.BtnBowlingStyle {
    background-color: #33b5e5 !important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    padding: 5px;
}

.BtnBowlingStyle, BtnBowlingStyleSelect:hover {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

/* Range filter for bowling speed */
.slider {
    position: relative;
    text-align: left;
    border: 1px solid gray;
    height: 0.6em;
    border-radius: 10px;
}

    .slider .handle {
        position: absolute;
        z-index: 2;
        width: 1.25em;
        height: 1.25em;
        /*background-color: gray;*/
        /*background-image: url('https://chennai.cricket-21.com/CricketAnalyticsWebDemo2/Images/Ball/white.png');*/
    }

.handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.slider .range {
    position: absolute;
    z-index: 1;
    display: block;
    font-size: .7em;
    background-color: #0099e6;
    top: 0;
    height: 100%;
    border-radius: 10px;
}

.FilterLblHeader {
    font-size: 1rem;
    color: black;
}

.table-wrapper-scroll-y {
    display: block;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-scroll-height1 {
    max-height: 500px;
}

.table-scroll-height2 {
    max-height: 400px;
}

.BorderStyle {
    border-width: 1px;
    border-style: solid;
    border-top: none;
}



/* Table Header Freeze*/


.scrollingtableHeight {
    height: 80vh /*100%*/; /*set table height here; can be fixed value or %*/
}

.scrollingtableHeight2 {
    height: 70vh /*100%*/; /*set table height here; can be fixed value or %*/
}

.scrollingtableHeight1 {
    height: 60vh /*100%*/; /*set table height here; can be fixed value or %*/
}

.scrollingtable {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 80vw; /*if you want a fixed width, set it here, else set to auto*/
    min-width: 0 /*100%*/; /*if you want a % width, set it here, else set to 0*/
    min-height: 0 /*104px*/; /*if using % height, make this large enough to fit scrollbar arrows + caption + thead*/
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    /*line-height: 20px;
    padding: 20px 0 20px 0; /*need enough padding to make room for caption*/ */;
}



    .scrollingtable .scrollbarhead {
        float: right;
    }

        .scrollingtable .scrollbarhead:before {
            position: absolute;
            width: 200px;
            top: -1px; /*inverse border-width*/
            background: white; /*match page background color*/
        }


.headerDiv {
    position: relative;
    border-top: 1px solid white;
    height: 100%;
    padding-top: 30px; /*this determines column header height*/
    vertical-align: middle;
}

    .headerDiv:before {
        top: 0;
        background: #212529; /*header row background color*/
    }

    .headerDiv:before,
    .headerDiv2:after {
        content: "";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
    }

.headerDiv2 {
    min-height: 0 /*43px*/; /*if using % height, make this large enough to fit scrollbar arrows*/
    max-height: 100%;
    overflow: scroll /*auto*/; /*set to auto if using fixed or % width; else scroll*/
    overflow-x: hidden;
    background: none;
    border-left: 1px solid white; /*border around table body*/
}

    .headerDiv2:after {
        background: white;
    }
/*match page background color*/
.fixedtableCss {
    width: 100%;
    border-spacing: 0;
    margin-top: -20px; /*inverse of column header height*/
    /*margin-right: 17px;*/ /*uncomment if using % width*/
}





.fixedtheadCss {
    vertical-align: bottom;
    white-space: nowrap;
    /*text-align: center;*/
}




    .divHeaderLable:before,
    .fixedtheadCss > tr > * + :before {
        position: absolute;
        top: 0;
        white-space: pre-wrap;
        vertical-align: middle;
        color: white; /*header row font color*/
    }

.divHeaderLable:before,
.divHeaderLable:after {
    margin-top: 4px;
    padding-left: 10px;
    content: attr(label);
    font-family: Roboto,sans-serif;
}


.fixedtheadCss > tr > * + :before {
    content: "";
    display: block;
    min-height: 30px; /*match column header height*/
    padding-top: 1px;
    border-left: 1px solid white; /*borders between header cells*/
    border-bottom: 1px solid white; /*borders between header cells*/
    vertical-align: middle;
}


.fixedtbodyCss, .fixedtbodyImgCss {
    vertical-align: middle;
}

    .fixedtbodyCss > tr:after,
    .fixedtbodyImgCss > tr:after {
        content: "";
        display: table-cell;
        position: relative;
        padding: 0;
        border-top: 1px solid #dee2e6;
        border-left: 1px solid #dee2e6;
        top: -1px; /*inverse of border width*/
    }

    .fixedtbodyCss > tr,
    .fixedtbodyImgCss > tr {
        background: white;
    }

    .fixedtbodyCss tr:hover,
    .fixedtbodyImgCss tr:hover {
        background-color: #ececec;
    }

    .fixedtbodyCss > tr > * {
        border: 1px solid #dee2e6;
        padding-top: 1.1rem;
        line-height: 1.5px;
        padding-left: 10px;
        padding-bottom: 1rem;
    }

    .fixedtbodyImgCss > tr > * {
        border: 1px solid #dee2e6;
        padding-top: 0.6rem;
        line-height: 2px;
        padding-left: 10px;
        padding-bottom: 0.6rem;
    }




/* End*/
/*PITCH map */

.pitchmapSelectAll {
    fill: lime;
    stroke: purple;
    stroke-width: 1;
    /*opacity:0.1 !important;*/
}

.pitchmapReg1 {
    fill: #ceb07f;
    stroke: #000;
    stroke-width: 1;
}

.pitchmapReg7 {
    fill: #c3a374;
    stroke: #000;
    stroke-width: 1;
}

.pitchmapReg2 {
    fill: #78a3ae;
    stroke: #000;
    stroke-width: 1;
}

.pitchmapReg3 {
    fill: #835e81;
    stroke: #000;
    stroke-width: 1;
}

.pitchmapReg4 {
    fill: #72aa44;
    stroke: #000;
    stroke-width: 1;
}

.pitchmapReg5 {
    fill: #c55b3f;
    stroke: #000;
    stroke-width: 1;
}

.pitchmapReg6 {
    fill: #c3a374;
    stroke: #000;
    stroke-width: 1;
}


.pitchmapUnselect {
    fill: white;
    stroke: #000;
    stroke-width: 1;
}

.USpitchmapReg1 {
    fill: #ceb07f;
    stroke: #000;
    stroke-width: 1;
    opacity: 0.4;
}

.USpitchmapReg7 {
    fill: #c3a374;
    stroke: #000;
    stroke-width: 1;
    opacity: 0.4;
}

.USpitchmapReg2 {
    fill: #78a3ae;
    stroke: #000;
    stroke-width: 1;
    opacity: 0.4;
}

.USpitchmapReg3 {
    fill: #835e81;
    stroke: #000;
    stroke-width: 1;
    opacity: 0.4;
}

.USpitchmapReg4 {
    fill: #72aa44;
    stroke: #000;
    stroke-width: 1;
    opacity: 0.4;
}

.USpitchmapReg5 {
    fill: #c55b3f;
    stroke: #000;
    stroke-width: 1;
    opacity: 0.4;
}

.USpitchmapReg6 {
    fill: #c3a374;
    stroke: #000;
    stroke-width: 1;
    opacity: 0.4;
}

/*.pitchmapReg11{
      fill: #ceb07f !important;
      opacity:0.5 ;
  
}*/

.pitchmapReg1:hover,
.pitchmapReg2:hover,
.pitchmapReg3:hover,
.pitchmapReg4:hover,
.pitchmapReg5:hover,
.pitchmapReg6:hover,
.pitchmapReg7:hover,
.pitchmapUnselect:hover,
.pitchmapSelectAll:hover,
.cursor:hover {
    cursor: pointer;
}

/*PITCH map END*/

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 50px;
    cursor: pointer;
}

::-webkit-scrollbar-button {
    background: #444;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(188, 189, 242, 0.50);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #666;
        cursor: pointer;
    }

.left_main, .right_main {
    height: 95vh;
}

.jj {
    height: 5vh;
}

.FilterOverflow {
    height: 83vh;
    overflow: auto;
    overflow-y: scroll;
    /*scrollbar-color: #67aed5 #a6a8a6;
    scrollbar-width: thin;*/
}

.player_filterHeader {
    font-weight: normal;
    color: #989898;
    padding: 8px 0;
    color: #1065c1;
    margin: 0 20px;
    padding-right: 20px;
    border-bottom: solid 1px #e0e1e1;
    font-size: 15px;
    font-weight: bold;
    /*background-image: url('../../Images/Icons/RightArrow_sm.png');*/
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.player_filter {
    font-weight: normal;
    color: #fff;
    /*padding: 8px 0;*/
    /*padding: 13px 10px;*/
    padding: 8px 10px;
    /*margin: 0 20px;*/
    /*margin: 0 5px;*/
    padding-left: 10px;
    border-bottom: solid 1px #e0e1e1;
    font-size: 14px;
    font-weight: 400;
    /*background-image: url('../../Images/Icons/RightArrow_sm.png');*/
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease-in-out;
    /*box-shadow: inset 0px 0px 10px #1a61ab;*/
}

    .player_filter a {
        display: block;
    }

.Player_Backgroud {
    color: #fff;
    /*font-weight: 700;*/
    /*background: rgb(75,35,79);*/
    background: -moz-linear-gradient(-45deg, rgba(75,35,79,1) 0%, rgba(24,45,130,1) 37%, rgba(32,124,202,1) 81%, rgba(125,185,232,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(75,35,79,1) 0%,rgba(24,45,130,1) 37%,rgba(32,124,202,1) 81%,rgba(125,185,232,1) 100%);
    background: linear-gradient(135deg, rgba(75,35,79,1) 0%,rgba(24,45,130,1) 37%,rgba(32,124,202,1) 81%,rgba(125,185,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b234f', endColorstr='#7db9e8',GradientType=1 );
    border-radius: 5px;
}

.player_filter:hover {
    color: #fff;
    /*font-weight: 700;*/
    /*background: rgb(75,35,79);*/
    /*background: -moz-linear-gradient(-45deg, rgba(75,35,79,1) 0%, rgba(24,45,130,1) 37%, rgba(32,124,202,1) 81%, rgba(125,185,232,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(75,35,79,1) 0%,rgba(24,45,130,1) 37%,rgba(32,124,202,1) 81%,rgba(125,185,232,1) 100%);
    background: linear-gradient(135deg, rgba(75,35,79,1) 0%,rgba(24,45,130,1) 37%,rgba(32,124,202,1) 81%,rgba(125,185,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b234f', endColorstr='#7db9e8',GradientType=1 );*/
    background-color: #0c3a5f;
}

.player_filterHeader:hover {
    color: #28a745;
}

.player_filterBox {
    left: 0;
    /*top: 142px;
        width: 200px;*/
    width: 100%; /*16vw;*/
    font-size: 12px;
    position: absolute;
    border-right: solid 1px #e0e1e1;
    border-left: solid 1px #e0e1e1;
    box-sizing: border-box !important;
    z-index: 2;
    /*background-color: #fff;*/
    overflow: auto;
    color: black;
    background: rgb(36,58,81);
    background: -moz-linear-gradient(-45deg, rgba(36,58,81,1) 31%, rgba(32,124,202,1) 85%, rgba(41,137,216,1) 87%, rgba(3,138,208,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(36,58,81,1) 31%,rgba(32,124,202,1) 85%,rgba(41,137,216,1) 87%,rgba(3,138,208,1) 100%);
    background: linear-gradient(135deg, rgba(36,58,81,1) 31%,rgba(32,124,202,1) 85%,rgba(41,137,216,1) 87%,rgba(3,138,208,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243a51', endColorstr='#038ad0',GradientType=1 );
}

.sub_filters_head {
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    /*font-family: BentonSansMedium;*/
    font-weight: bold;
    font-size: 20px;
    /*padding-top:20px;*/
    padding: 10px 20px;
    /*padding-bottom: 10px;*/
}

.Submenus_Bg {
    background: #1a3856;
    /*background: -webkit-linear-gradient(top, #1a3856 80%, #0099e6 );
    background: -o-linear-gradient(top, #1a3856 80%, #0099e6);
    background: -moz-linear-gradient(top, #1a3856 80%, #0099e6);
    background: linear-gradient(top, #1a3856 80%, #0099e6);*/
    height: 5vh;
    padding-bottom: 0;
}

    .Submenus_Bg .navbar {
        height: 5vh;
        background-color: transparent;
    }


.Submenus_Bg_WW {
    background: #093104;
    background: -webkit-linear-gradient(top, #093104 80%, #a5cea0 );
    background: -o-linear-gradient(top, #093104 80%, #a5cea0 );
    background: -moz-linear-gradient(top, #093104 80%, #a5cea0 );
    background: linear-gradient(top, #093104 80%, #a5cea0 );
    height: 5vh;
    padding-bottom: 0;
}


.popheader_Bg {
    background: rgb(75,35,79);
    background: -moz-linear-gradient(-45deg, rgba(75,35,79,1) 0%, rgba(24,45,130,1) 37%, rgba(32,124,202,1) 81%, rgba(125,185,232,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(75,35,79,1) 0%,rgba(24,45,130,1) 37%,rgba(32,124,202,1) 81%,rgba(125,185,232,1) 100%);
    background: linear-gradient(135deg, rgba(75,35,79,1) 0%,rgba(24,45,130,1) 37%,rgba(32,124,202,1) 81%,rgba(125,185,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b234f', endColorstr='#7db9e8',GradientType=1 );
    height: 5vh;
    padding-bottom: 0;
}

.main_section {
    height: 95vh;
    /*padding-top: 4px;*/
}

.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
    color: #fff;
}

.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:hover {
    color: #000 !important;
}

.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
    color: #000;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 80%, #004080 );
    background: -o-linear-gradient(top, #fff 80%, #004080);
    background: -moz-linear-gradient(top, #fff 80%, #004080);
    background: linear-gradient(top, #fff 80%, #004080);
}

.nav-item > .dropdown-menu a {
    color: #fff;
    font-weight: bold;
    background: #1a3856;
    background: -webkit-linear-gradient(top, #1a3856 80%, #0099e6 );
    background: -o-linear-gradient(top, #1a3856 80%, #0099e6);
    background: -moz-linear-gradient(top, #1a3856 80%, #0099e6);
    background: linear-gradient(top, #1a3856 80%, #0099e6);
}

.jj div > a > span {
    border-radius: 50%;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.Filtermodal {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 33; /* Sit on top */
    left: 0;
    width: 300px; /*20vw;*/
    overflow-y: hidden; /* Enable scroll if needed */
    overflow-x: hidden;
    background-color: rgb(0,0,0); /* Fallback color */
    /*bottom: 0;*/
    /*top: 5px;*/
    outline: 0;
    height: 94vh;
}

.Filtermodalcontent {
    background-color: #fff;
    /*border: 1px solid #888;*/
    width: 100%;
    height: 100%;
}

.VideomodalPopup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    /*width: 38vw; 
        height:50vh;*/
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    bottom: 0;
    top: 0;
    outline: 0;
    padding-right: 0 !important;
}

.force-scroll {
    overflow-y: scroll;
    height: 10vh;
}



/*Auto complete css start*/
.angucomplete-holder {
    position: relative;
    font: 15px Verdana;
}

.angucomplete-dropdown {
    font: inherit;
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 300px;
    padding: 6px;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    top: 36px;
    left: 0px;
    margin-top: -6px;
    background-color: #fff;
    overflow-y: auto;
    max-height: 150px;
}

.angucomplete-searching {
    font: inherit;
    font-size: 85%;
    color: #999;
    letter-spacing: 1px;
}

.angucomplete-row {
    padding: 5px;
    margin-bottom: 4px;
    color: #000;
    clear: both;
}

.angucomplete-selected-row {
    background-color: #428bca;
    color: #fff;
}

.form-control {
    outline: 0;
    border-color: #ECECEC;
    border-style: solid;
    border-width: 1px;
    width: 300px;
    background-color: #fff;
    padding: 6px;
    border-radius: 2px;
    margin-bottom: 5px;
    font: inherit;
    font-size: 90%;
}

.highlight {
    font-weight: bold;
    color: #dc143c;
}

/*Auto complete css end*/

/*table style start*/
::-webkit-scrollbar {
    width: 0.6em;
    border-radius: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }



.table-fixed thead {
    width: 100%;
}

#pop1 > .table-fixed tbody {
    height: 370px;
}

.table-fixed tbody {
    height: auto;
    overflow-y: scroll;
    width: 100%;
    padding-right: -15px;
    padding-left: -15px;
    font-size: medium;
    font-weight: bold;
    color: black;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

    .table-fixed tbody td, .table-fixed thead > tr > th {
        float: left;
        padding: 0.3em;
    }

.modal-body {
    padding: 0.1em;
}

md-virtual-repeat-container {
    z-index: 15000 !important;
}

.pop1 > tbody > tr > td:hover {
    background: #243a51;
    font-weight: bold;
    color: #fff;
}

.playerbox {
    cursor: pointer;
    text-align: center;
    position: relative;
    background-color: #cad8e7;
    height: 9vh;
}

.Playerselection {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* border: 3px; */
    border-color: #243a51;
    border-bottom-width: 5PX;
    color: #ff6a00;
    font-weight: bold;
    font-size: medium;
    /* height: 8vh; */
    /* margin: auto; */
    width: 100%;
    /* margin: 0 auto; */
    text-align: center;
    text-transform: uppercase;
}

    .Playerselection > span {
        text-align: center;
        margin: auto;
    }

.pop1 > .table-striped > tbody > tr:nth-child(odd) > td,
.pop1 > .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #dee2e6;
    border-bottom-width: 0.01em;
    border-bottom-color: black;
    color: black;
    font-size: 14px;
    font-weight: 400;
    font-family: Verdana, Tahoma, sans-serif;
}

/*#pop1 > .table-striped > tbody > tr> th {
        background-color:red;
    }*/

.pop1 > .dd thead > tr > th {
    background: #1a6398 !important; /*rgba(96,125,139,.7);*/
    font-weight: bold;
    color: #fff;
}


.pop1 > .table-fixed thead > tr > th {
    background: #243a51; /*rgba(96,125,139,.7);*/
    font-weight: bold;
    color: #fff;
}

.pop1 > .table-striped > tbody > tr > td .ddd {
    border-bottom-width: 0.01em;
    border-bottom-color: black;
    color: black;
    font-size: 14px;
    font-weight: 400;
    font-family: Verdana, Tahoma, sans-serif;
    background: #243a51; /*rgba(96,125,139,.7);*/
    font-weight: bold;
    color: #fff;
}

.pop1 > .table-striped > tbody > tr:nth-child(even) > td,
.pop1 > .table-striped > tbody > tr:nth-child(even) > th {
    border-bottom-width: 0.01em;
    border-bottom-color: black;
    color: black;
    font-size: 14px;
    font-weight: 400;
    font-family: Verdana, Tahoma, sans-serif;
}

/*table style end*/



/*Home header Tab*/

.login {
    background: url(../../Images/User-Login.png) no-repeat 6px center;
    width: 15px;
    height: 15px;
    display: block;
}

/*End Home header Tab*/


/*table style*/
.table th {
    font-size: initial;
    font-weight: bold;
}

.table td, .table th {
    padding: .05rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table.table td, table.table th {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.firstColumn {
    padding-left: .75rem;
}

th:nth-child(1) {
    padding-left: .75rem !important;
}

td:nth-child(1) {
    padding-left: .75rem !important;
}

.table-responsive {
    height: 91.5vh;
    overflow: scroll;
}

thead tr:nth-child(1) th {
    /*background-image: linear-gradient(to bottom, #6b0a39, #92003c, #b80036, #da1028, #f63500);*/
    background-color: #090c65;
    color: #fff;
    font-weight: bold;
    position: sticky; /*!important;*/
    top: 0;
    z-index: 10 !important;
    font-size: small;
}
/*end table style*/


.ball_details {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.ball_details_Right {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.closebtn {
    display: none;
}

    .leftmenutoggle{
        display:none;
    }
@media (max-width : 567px) {
    /*@media (max-width : 767px) {*/
    .mobile_icon_menu {
        display: block;
    }

    .closebtn {
        display: block;
    }

    .left_main {
        height: 100%;
        width: 70%;
        position: fixed;
        z-index: 16;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 28px !important;
    }
    .leftmenutoggle{
        display:block!important;
    }
    .closebtn {
        position: absolute;
        top: 52px;
        z-index: 99999;
        color: red;
        font-size: 40px;
        right: 3px;
    }

    .Filtermodal {
        width: 100%;
        position: absolute;
    }
}


.nav-link {
    padding: 0 !important;
}

.tabletitle {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: medium;
}

.feedback .dd {
    position: fixed;
    right: -120px;
    top: 125px;
}

.feedback .video {
    position: fixed;
    right: -122px;
    top: 175px;
}

    .feedback .video:hover {
        position: fixed;
        right: 0px;
        top: 175px;
    }

.feedback .dd:hover {
    position: fixed;
    right: 0px;
    top: 125px;
}


.cus_checkbox .cus_input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.cus_checkbox:hover .cus_input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cus_checkbox .cus_input:checked ~ .checkmark {
    background-color: #007bff;
    border-right: 2px solid #33b5e5;
    border-bottom: 2px solid #33b5e5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cus_checkbox .cus_input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cus_checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.johnselva2 > i.fa {
    border-radius: 60px;
    box-shadow: 1px 3px 6px #888;
    padding: 0.2em 0.3em;
    cursor: pointer;
}

.johnselva2:hover > i.fa {
    border-radius: 60px;
    box-shadow: 1px 3px 10px #004080;
    padding: 0.2em 0.3em;
}

/*Accordion*/
.accordion_section {
    padding-top: 10px;
}

    .accordion_section .card {
        margin-bottom: 10px;
    }

    .accordion_section .card-header {
        background-color: transparent;
        padding: 0;
        border-bottom: 0;
    }

        .accordion_section .card-header button {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

.filtertextboxdropdown {
    margin-bottom: 10px;
    margin-top: 5px;
    width: 100% !important;
}

.filterselect {
    background-color: #235e98 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.filterselect2 {
    background-color: #0a2e52ed !important;
    color: #fff !important;
    font-weight: bold !important;
}

.filterlable {
    display: block;
    padding: 3px 2px;
    color: #000;
    margin-bottom: 0;
    font-size:smaller;
}

    .filterlable:hover {
        background-color: #3f63a0;
        color: #fff!important;
    }

.card_backset {
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.16), 0 0px 0px 0 rgba(0,0,0,.12), 0 0px 0px 0 rgba(0,0,0,.16), 0 0px 10px 0 rgba(0,0,0,.12);
    margin-bottom: 5px;
}

    .card_backset > .card-header {
        padding: 12px 0 12px 3px;
        color: rgba(0, 0, 0, 0.5);
    }

.dropdownfilter_setup {
    height: 200px;
    overflow-y: scroll;
}

.filterlable > input {
    opacity: 1 !important;
    padding-right: 20px !important;
    position: relative !important;
}

.mymodal_innerscroll {
    /*height: 86vh;*/
    height: calc(100vh - 100px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.video__model .modal-footer {
    justify-content: flex-start;
    padding: 0 1rem;
}

.video__model .modal-lg {
    /*max-width: 100% !important;*/
    width: 100%;
    height: 100vh;
}

.video__model .modal-footer .video_controlls a {
    margin: 5px 2px;
}

.replay_video {
    width: auto; 
    border-radius: 2px;
    padding: 5px 5px;
    color: #fff !important;
    font-size: 13px !important;
    height: 28px;
}

.bookmark_star a {
    padding: 0 5px;
}

    .bookmark_star a i {
        font-size: larger; /*15px;*/
        cursor: pointer;
        /*border:2px solid #000;*/
    }

.bookmark_star1 a {
    padding: 0 9px;
}

    .bookmark_star1 a i {
        font-size: 24px; /*15px;*/
        cursor: pointer;
        /*border:2px solid #000;*/
    }

.myicon {
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

.myiconwhite {
    text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
}

.myicon2 {
    text-shadow: -3px 0 #000, 0 3px #000, 3px 0 #000, 0 -3px #000;
}

/*.videoTable > thead tr:nth-child(1) th {
    background-image: linear-gradient(to bottom, #04233f, #103557, #1c4770, #285b8b, #346fa6) !important;
}*/





.john45 td {
    background-image: linear-gradient(to bottom, #6b0a39, #92003c, #b80036, #da1028, #f63500) !important;
    color: #fff;
}

.show_bookmark {
    visibility: hidden !important;
}

.sub_menu ul {
    background-color: #003158;
}

    .sub_menu ul li {
        padding: 5px 15px;
        border-bottom: 1px solid #004080;
        cursor: pointer;
    }

        .sub_menu ul li a {
            color: #fff;
            font-size: 14px;
        }

        .sub_menu ul li:hover {
            background-color: #004080;
        }

            .sub_menu ul li:hover a {
                color: #;
            }



/*CUSTOM CHECK BOX*/
.check_box {
    display: flex;
    justify-content: center;
    padding: 3px 15px 0px;
    background-color: #092f4c;
}

.cust_box {
    display: block;
    position: relative;
    padding-left: 18px;
    padding-right: 20px;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

.cust_box1 {
    display: inline-block;
    margin-bottom: 0;
}

/* Hide the browser's default checkbox */
.cust_box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #eee;
    border-radius: 0;
}

/* On mouse-over, add a grey background color */
.cust_box:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cust_box input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cust_box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cust_box .checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

label.cust_box::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 10px;
    background: #000;
    width: 1px;
    height: 15px;
}

label.cust_box:last-child::after {
    display: none;
}





table [type=checkbox]:checked, table [type=checkbox]:not(:checked) {
    position: relative;
    opacity: 34;
    pointer-events: all;
}

.feedback .dd {
    position: fixed;
    right: -120px;
    top: 125px;
}

    .feedback .dd:hover {
        position: fixed;
        right: 0px;
        top: 125px;
    }


.csvExport .dd {
    position: fixed;
    right: -120px;
    top: 175px;
}

    .csvExport .dd:hover {
        position: fixed;
        right: 0px;
        top: 175px;
    }

.lablelocation {
    margin-top: 5px;
}

.bowl_type {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 29%;
}



.right_main_menu {
    position: fixed;
    bottom: 4%;
    right: 2%;
}

    .right_main_menu .btn-secondary {
        width: 50px;
        height: 50px;
        background: #ccc;
        border-radius: 50px;
        border: 2px solid #fff;
        margin: 0;
        padding: 0;
    }

    .right_main_menu .dropdown-toggle::after {
        display: none;
    }

    .right_main_menu .dropdown-menu {
        /*width: auto;*/
        min-width: 102px;
        /* margin-left: 10px; */
        padding:4px 0px;
        /*width: 100px;*/
    }

    .modal-title {
       color: white;
    }

    .right_main_menu .dropdown-item {
        display: initial !important;
        /*color: #fff;*/
        /*border: solid 1px #0b4a73;
        padding: 4px;*/
    }

.right_main_menu .dropdown .dropdown-menu .dropdown-item {
    /*padding:5px !important;*/
}




    .sub_menus {
        display: none;
    }

.right_main_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .right_main_menu ul li {
        display: inline-block;
    }

.colorpicker {
    width: auto;
    display: none;
    height: auto;
    background-color: #fff;
    position: absolute;
    bottom: 200px;
    left: 20px;
    padding: 10px;
}



    .colorpicker .thumb {
        display: none;
    }

.color_changer {
    border: 1px solid #ced4da !important;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0 5px 0 0;
    border-radius: 50px;
    color: transparent !important;
    border-color: transparent;
}

.close {
    position: absolute;
    top: -7px;
    right: -10px;
    margin: 0;
    font-size: 14px;
    background: #fff;
    padding: 3px;
    border-radius: 50px;
    opacity: 1;
    width: 20px;
    height: 20px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px #000;
}

.close1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    color: #000;
    border: 1px solid #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 50px;
    box-shadow: -2px 2px 9px -2px #000;
    font-weight: 500;
}

.ball_bar {
    position: absolute;
    top: 50%;
    width: 12%;
    left: 4px;
}

.full_video .mission-statement {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*z-index: 999;*/
    background: #fff;
}

    .full_video .mission-statement video {
        width: 100vw;
        height: 49.25vw;
        /* min-height: 16vh; */
        min-width: 177.77vh;
        top: 50%;
        left: 50%;
        /* transform: translate(-50%, -50%);
        /*width: 100vw;
        height: 56.25vw;
        min-height: 100vh;
        min-width: 177.77vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
    }

.full_video .modal-header {
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.full_video .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    /*z-index: 9999;*/
}

.full_video .videotitle {
    background-color: #08080840 !important;
    background-image: none;
}

.full_video .modal-footer {
    background: #080808d6 !important;
}

.full_video .videheader {
    background-color: #08080840 !important;
    color: #fff;
    font-weight: bold;
}

video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.Videonotfount {
    width: 75.5%;
    height: 87%;
    position: absolute;
    z-index: 2222;
}

.Videonotfount_full {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}


.full_video .small_videoWidth {
    display: none;
}

.small_video .videheader {
    background-image: linear-gradient(to bottom, #04233f, #103557, #1c4770, #285b8b, #346fa6);
    color: #fff;
    font-weight: bold;
}

.videheader > td {
    font-size: 12px;
    font-weight: 400;
}

.small_video .modal-lg {
    max-width: 1000px;
    /*max-width: 1000px !important;*/
    height: auto;
}

.small_videoWidth {
    width: 25%;
}

.full_videoWidth {
    width: 75%;
    padding: 0 0 0 15px;
}

/*.small_video .modal-body {
    padding-bottom: 55px;
}*/

.small_video .mission-statement {
    /*position: relative;*/
    /*overflow:hidden;*/
}

.vid_div {
    overflow: hidden;
}

.small_video .modal-lg video {
    height: 424px;
    width: 754px;
    /*max-width: 100%;*/
}

.small_video .modal-footer {
    /*bottom: -55px !important;*/
}



/*table sorting*/

.table_custom {
    width: 100%;
    border: 1px solid #EEEEEE;
    display: table;
}

.table-header {
    display: table-row;
    width: 100%;
    background: #000;
}

.header__item {
    position: sticky;
    top: 0;
    background-color: #090c65;
}

.table-content {
    display: table-row-group;
}

.table-row {
    display: table-row;
    width: 100%;
}

.table-data, .header__item {
    text-align: center;
    display: table-cell;
    font-size: .9rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-weight: 300;
}

    .table-data:first-child, .header__item:first-child {
        padding-left: .75rem !important;
    }

.table-row:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.filter__link {
    color: white !important;
    text-decoration: none !important;
    position: relative;
    font-size: small;
    font-weight: 600;
}

    .filter__link:hover {
        color: #fff;
    }

.totalRow {
    background-color: #38576d !important;
    color: #fff;
}

    .totalRow > table-data  > a {
        background-color: #38576d !important;
        color: #fff !important;
    }
.filter__link::after {
    content: '';
    position: absolute;
    right: -18px;
    color: white;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.filter__link.desc::after {
    /*content: '';
        position: absolute; 
        top: 50%;
        right: -10px;
        width: 6px;
        height: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;*/
}

.filter__link.asc::after {
    /*content: '';
        position: absolute; 
        top: 50%;
        right: -10px;
        width: 6px;
        height: 10px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;*/
}

.table-fooder div {
    font-weight: bold;
}

/*end table sorting*/


.Masterfilterclose {
    top: 3px;
    right: -20px;
    color: #fff;
    position: absolute !important;
    cursor:pointer;
}

    .Masterfilterclose > .fa {
        background-color: #1b3d5e;
        border-radius: 5px;
    }

/*slider range*/

section.range-slider {
    position: absolute;
    top: 0;
    left: 27.8%;
    width: 44.5%;
    float: left;
    text-align: center;
}

    section.range-slider input[type="range"] {
        pointer-events: none;
        position: absolute;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        border: none;
        border-radius: 0px;
        background: #21801000;
        box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 0px 0 0 #d9d4d4;
        -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 0px 0 0 #d9d4d4;
        /*overflow: hidden;*/
        left: 0;
        top: -5px;
        width: 100%;
        outline: none;
        height: 5px;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

        section.range-slider input[type="range"]::-webkit-slider-thumb {
            pointer-events: all;
            position: relative;
            z-index: 1;
            outline: 0;
            -webkit-appearance: none;
            width: 8px;
            height: 10px;
            border: none;
            border-radius: 1px;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dad8da), color-stop(100%, #413F41));
            /* android <= 2.2 */
            background-image: -webkit-linear-gradient(top, #dad8da 0, #413F41 100%);
            /* older mobile safari and android > 2.2 */
            background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
            /* W3C */
        }

        section.range-slider input[type="range"]::-moz-range-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -moz-appearance: none;
            width: 20px;
            height: 20px;
            border: none;
            border-radius: 14px;
            background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
            /* W3C */
        }

        section.range-slider input[type="range"]::-ms-thumb {
            pointer-events: all;
            position: relative;
            z-index: 10;
            -ms-appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 14px;
            border: 0;
            background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
            /* W3C */
        }

    section.range-slider input[type=range]::-moz-range-track {
        position: relative;
        z-index: -1;
        background-color: black;
        border: 0;
    }

    section.range-slider input[type=range]:last-of-type::-moz-range-track {
        -moz-appearance: none;
        background: none transparent;
        border: 0;
    }

    section.range-slider input[type=range]::-moz-focus-outer {
        border: 0;
    }

#rangeSZ .thumb {
    display: none;
}

/*end slider range*/
.md__li ul {
    top: 38px !important;
}

.md__li li {
    padding: 5px;
}


.check_switch .switch1 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 25px;
  margin: 0;
}

.check_switch .switch1 input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.check_switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25px;
  background-color: #9faeb9;
  border-color: #9faeb9;
  -webkit-transition: .4s;
  transition: .4s;
}

.check_switch .slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

 input:checked + .slider {
  background-color: #1a6398;
}

.check_switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.check_switch input:checked + .slider:before {
  -webkit-transform: translateX(34px);
  -ms-transform: translateX(34px);
  transform: translateX(34px);
}

/* Rounded sliders */
.check_switch .slider.round {
  border-radius: 34px;
}

.check_switch .slider.round:before {
  border-radius: 50%;
}

.sett_modal_btn {
    border-radius: 30px;
}

.nav_align li.nav-item.dropdown {
    display: flex;
    align-items: center;
    padding: 4px 3px 0;
}

.nav_align li.nav-item.dropdown a i {
    font-size: 23px;    
}




.popscreen {
    position: absolute !important;
    bottom: 17vh;
    width: 269px;
}

.popscreen .balldetails {
    position: absolute;
    bottom: 0px;
    left: 4px;
    border-radius: 8px;
    border-color: #004080;
    color: #e4d40b;
    font-size: small;
    font-weight: 700;
    background-color: #073507;
}

.popscreen .poprow {
    height: 23px !important;
    display: flex !important;
    align-items: center !important;
}

.popscreen .popfirstcol {
    max-width: 114px;
    padding: 0 0 0 7px !important;
    text-align:left;
}

.popscreen .popsecoudcol {
    padding: 1px;
    width: 190px;
}

.popscreen .popplaintext {
    display: block;
    width: 100%;
    /* padding-top: .375rem; */
    /* padding-bottom: .375rem; */
    margin-bottom: 0;
    line-height: 1.5;
    color: #f3eb06;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}


/**************************************************MASTER PAGE CSS ***************************************/
.demo-select-all-checkboxes > [type=checkbox]:checked, .demo-select-all-checkboxes > [type=checkbox]:not(:checked) {
    position: relative !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.selacet_all {
    position: relative !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.md-label {
    width: 100%;
}

fieldset {
    min-width: 0;
    padding: 0 0 0 30px !important;
    margin: 0;
    border: 0;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

select {
    height: 200px;
}

#shapeContainer {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(../../Images/SZL.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

/*md-autocomplete span {
        color: blue;
         }*/
.ui-datepicker-calendar, .ui-datepicker-year {
    /*display: none;*/
}
section.range-slider input[type="range"] {
    height: 9px !important;
}
section.range-slider {
    position: absolute;
    top: 6px !important;
}
    .selecttionMaster {
    border: solid;
    border-width: 1px;
    border-color: #1a3856;
    border-radius: 9px;
    background-color: #ffffff;
    z-index: 999 !important;
}

.ShotZone {
    fill: green;
    stroke: #ffffff;
    stroke-width: 1;
    fill-opacity: 0.1;
    stroke-opacity: 0.9;
}

.ShotZoneSelect {
    fill: #ffffff;
    stroke: #000000;
    stroke-width: 1;
    fill-opacity: 0.6;
    stroke-opacity: 2;
}

.ShotZoneAll {
    fill: #e09012;
    stroke: #ff6a00;
}


md-autocomplete-wrap > [type='search'] {
    /*font-weight:bold;*/
}

md-autocomplete input:not(.md-input) {
    padding: 0px 0px 0px 8px;
    font-family: "Atlas Grotesk Web",sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.md-whiteframe-1dp, .md-whiteframe-z1, .jj {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.jj {
    border: none;
    border-radius: 5px;
}

md-autocomplete md-autocomplete-wrap {
    border-radius: 5px;
}

.dropdown-primary .dropdown-content li span:hover {
    color: #1a6398 !important;
    font-weight: bold;
    font-size: small;
}

.mdb-skin .dropdown-content li:not(.disabled) span {
    color: #1a6398 !important;
    font-weight: bold;
    font-size: small;
}

.dropdown-content li > a, .dropdown-content li > span {
    font-size: small;
    color: #4285f4;
    display: block;
    padding: .2rem 0 !important;
}



.form-check-input[type=checkbox] + label, label.btn input[type=checkbox] + label {
    padding-left: 19px !important;
}

/*.highlight {
            color: red;
            font-weight:bold;
            }

        .highlight:empty {
        display: none;
    }*/

.PlayerDetailsPopup {
    height: 90%;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 75vw;
    width: 22vw;
    overflow-y: auto; /* Enable scroll if needed */
    overflow-x: hidden;
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*bottom: 0;*/
    /*top:55px;*/
    outline: 0;
}

.PlayerDetailsPopupcontent {
    background-color: #fff;
    border: 1px solid #888;
    width: 100%;
}


.videoTable td {
    font-size: .64rem !important;
    font-weight: 300;
}


/**************************************************END MASTER PAGE CSS ***********************************/

.filtertext {
    margin: 0 5px 0 0;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

    .filtertext em {
        ont-size: 9px;
        display: block;
        font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
        font-size:9px;
        padding: 2px;
        position: absolute;
        top: -11px;
        right: -7px;
        text-decoration: none;
        font-style: normal;
        background: #ed1c24;
        color: #fff;
        min-width: 13px;
        border-radius: 50%;
        max-height: 13px;
        line-height: 8px;
        font-weight: 700;
        vertical-align: baseline;
        white-space: nowrap;
        text-align: center;
        border: 1px solid rgba(255,255,255,.1);
    }

table.table-hover tbody tr:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    transition: .5s;
    background-color: rgb(10 52 115 / 27%);
    color: #000;
    cursor: pointer;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(83 158 236 / 6%);
}















/* CSS3 */

/* The whole thing */
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

    /* Each of the items in the list */
    .custom-menu li {
        padding: 4px 12px;
        cursor: pointer;
        list-style-type: none;
        transition: all .3s ease;
        user-select: none;
    }

        .custom-menu li:hover {
            background-color: #DEF;
        }
        .collapsing-playlist {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing-playlist {
    transition: none;
  }
}




@keyframes rotate4 {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash4 {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dashoffset: -125px;
  }
}

.form-check-inline{
    margin-right: 0.251rem!important;
}


.blinking {
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
  
}

@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.filterlablelive {
    display: block;
    padding: 3px 2px;
    color: #000;
    margin-bottom: 0;
    font-size: smaller;
    cursor: pointer;
}

.filterlablelive > input {
    opacity: 1 !important;
    padding-right: 20px !important;
    position: relative !important;
}

.heightrem{
    height:3rem!important
}
.heightmax{
    height:max-content!important
}