@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Rubik', sans-serif;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6,
a,
btn,
span,
p {
    font-family: 'Rubik', sans-serif !important;
}

* {
    padding: 0;
    margin: 0;
    font-family: 'Rubik', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.container-manual {
    width: 100%;
    padding-right: 6%;
    padding-left: 6%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

a {
    text-decoration: none !important;
}

.min-270 {
    min-width: 200px;
}

.justify-content-between {
    justify-content: space-between;
}

.mainHead {
    text-transform: uppercase;
    font-weight: 400;
    /* color: #221e25; */
    font-size: 26px;
    font-family: 'Rubik';
}

.mainHead a {
    text-transform: capitalize;
    font-size: 16px;
    margin-left: 8px;
    font-weight: 300;
    color: #000000;
}


/* Banner start */

.bannerCont .carousel-item {
    height: 650px;
}

.bannerCont .carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.carousel-indicators,
.socialIcons {
    position: absolute;
    right: 0;
    flex-direction: column;
    top: 35%;
    bottom: unset;
    left: unset;
    margin: auto 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 60px;
    margin-left: 0;
    list-style: none;
}

.socialIcons {
    top: 75%;
    margin-right: 50px;
}

.socialIcons li {
    margin-bottom: 10px;
}

.socialIcons li img {
    width: 21px;
}

.carousel-indicators li {
    width: 6px;
    height: 6px;
    transition: all linear .3s;
    opacity: 1;
    border-radius: 30px;
    margin-bottom: 8px;
    position: relative;
    background-clip: border-box;
    border: 2px solid #f4e600;
    background: #47046d;
}

.carousel-indicators .active {
    background: #f4e600;
}

#carouselExampleIndicators {
    z-index: 9;
}

.carousel-indicators li::after {
    content: '';
    width: 0px;
    height: 1px;
    border-top: 1px solid #f4e600;
    display: inherit;
    position: absolute;
    left: 8px;
    top: 2.5px;
    transition: all linear .3s;
}

.carousel-indicators li.active::after {
    width: 63px;
}

.whiteBuil {
    position: absolute;
    height: 100%;
    width: 6%;
    z-index: 99;
    background: #eeeff1;
}

.whiteBuilBot {
    position: absolute;
    background: #eeeff1;
    z-index: 99;
    bottom: 0;
    /* width: 100%; */
    height: 120px;
    margin-left: 10px;
}

.carousel-control-next,
.carousel-control-prev {
    position: unset;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-next img,
.carousel-control-prev img {
    width: 21px;
}


/* Banner end */


/* Video Modal start */

#myModal .modal-dialog,
#myModal .modal-content,
#myModal .modal-body {
    max-width: 100%;
    /* left: 0; */
    max-height: 100vh;
    height: 100vh;
    /* top: 0; */
    margin: 0;
    border: 0;
}

#myModal .modal-body {
    background: rgba(0, 0, 0, .9);
}

#myModal iframe,
#myModal video {
    width: 100%;
    height: 100%;
}

#myModal .close {
    position: absolute;
    color: white;
    background: #7B2DA6;
    z-index: 9999;
    opacity: 1;
    font-weight: 400;
    right: 0;
    width: 53px;
    height: 53px;
    padding: 10px 13px 16px 26px;
    top: 0;
    border-radius: 0px 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0 !important;
}


/* Video Modal end */


/* Match schedule start */

.matchCont {
    margin-top: -95px;
}

.matchSech {
    display: flex;
    justify-content: space-between;
    z-index: 9;
}

.border-bottom-me {
    border-bottom: 1px solid #d9d9d9;
}

.matchCont {
    background: #eeeff1;
}

.vsPara {
    color: #6c6073;
    font-size: 14px;
    margin: 0 10px 0;
}

.iconWrap {
    display: inline-flex;
    min-width: 54px;
    width: 54px;
    min-height: 54px;
    background: white;
    border-radius: 30px;
    height: 54px;
    justify-content: center;
    padding: 8px;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.iconWrap img {
    max-width: 100%;
    max-height: 100%;
}

.timeDate {
    margin: 0;
    font-size: 17px;
    color: #6c6073;
    font-weight: bold;
}

.dateMonth {
    color: #a49ca8;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
}

.majLeg {
    color: #8e8593;
    font-size: 15px;
    text-transform: uppercase;
}

.teamvs {
    text-transform: uppercase;
    color: #7907b9;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: 3px;
    font-size: 15px;
    white-space: pre-wrap !important;
}

.mb-1-me {
    margin-bottom: 3px;
}

.locPara {
    font-size: 15px;
    color: #6c6073;
}


/* Match schedule end */


/* Featured Video start */

.featureCont {
    background: linear-gradient( 45deg, black, rgba(0, 0, 0, .5)), url(../img/featureBg.jpg) no-repeat 0px center /cover;
}

.vidImgCont {
    width: 100%;
	height: max-content;
    max-height: 176px;
    position: relative;
}

.vidImgCont .imgCover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
}

.vidImgCont .videoImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.matPara {
    font-weight: 500;
    color: #f4e600;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 17px;
    margin-bottom: 4px;
}

.videoPara {
    font-size: 15px;
    color: white;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 10px;
}

.playVid {
    color: white;
    opacity: .5;
    font-weight: 300;
    font-size: 15px;
    transition: all linear .3s;
}

.playVid2 {
    opacity: 1;
}

.playVid img {
    margin-right: 10px;
    width: 20px;
}

.playVid:hover {
    opacity: 1;
    color: white;
}

.bigVidPara {
    font-size: 35px;
    color: white;
    font-weight: 300;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: 'Bariol Regular';
}


/* Featured Video end */

.mainHead .white_text {
    color: white;
    opacity: .7;
}


/* Score start */

.mainHead.violet {
    color: #5b078a;
}

.mainHead.violet a {
    color: #8f8794;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e6e8eb;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
}

.select2-results__options li {
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8f8794;
    font-weight: 300;
    font-size: 15.5px;
}

.select2-container--default .select2-selection--single {
    height: 40px;
    padding: 5px 6px;
    outline: 0 !important;
    background: url(../img/dropdownArrow.png) no-repeat;
    background-size: 12px;
    background-position: calc(100% - 15px) 15.5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 38px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0 !important;
    font-size: 14px;
}

.select2-container {
    max-width: 100%;
}

.scoreTable {
    counter-reset: 1;
}

.scoreTable tr {
    counter-increment: row-num;
}

.scoreTable tr td:first-child::before {
    content: counter(row-num);
}

.scoreTable th {
    font-weight: 400;
    vertical-align: bottom;
    border: 1px solid #e4e5e6;
    border-bottom-color: #fff !important;
    border-top-color: #fff;
    color: #443a49;
    font-size: 15px;
    background: #eeeff1;
    vertical-align: middle;
    padding: .65rem .75rem;
}

.scoreTable th.borderLeft-0 {
    background: #e6e8eb;
}

.scoreTable td {
    font-size: 14px;
    color: #443a49;
    font-weight: 500;
    vertical-align: middle;
    border: 1px solid #e4e5e6;
    text-align: center;
    padding: 1rem .75rem;
}

.scoreTable td:nth-child(2),
.scoreTable td:first-child {
    text-align: left;
}

.scoreTable td:first-child {
    font-weight: 400;
}

.scoreTable.table-striped tbody tr:nth-of-type(even) {
    background-color: #f7f7f8;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.cirNum {
    display: inline-block;
    margin: 0 auto;
    padding: 3px 5px;
    width: 47.7px;
    background: #87e027;
    font-weight: 400 !important;
    color: white;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
}

.cirNum.red {
    background: #f44257;
}

.cirNum.violet {
    background: #7b2da6;
}

.viewAll {
    text-transform: uppercase;
    font-size: 14px;
    color: #4e0577 !important;
}

.viewAll img {
    width: 17px;
    margin-left: 5px;
    margin-top: -3px;
}


/* Officers start */

.setHeight {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.setHeight::-webkit-scrollbar {
    display: none;
}

.offiCont {
    display: flex;
    align-items: flex-end;
    padding: 10px 10px 0 10px;
    background: #eeeff1;
    border: 1px solid #eeeff1;
}

.offiName {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: black !important;
}

.offiReg {
    color: #685e6d;
    font-size: 14px;
    margin-bottom: 2px !important;
}

.offiImg {
    max-width: 100px;
    max-height: 85px;
}

.offiContact {
    color: #5e5464 !important;
    font-size: 14px;
    padding: 9px 0;
    display: inline-block;
    line-break: anywhere;
}

.borderRow {
    border: 1px solid #eeeff1;
    border-top: 0;
    margin: 0;
}

.offiPhone img {
    width: 10px;
    margin-right: 6px;
}

.offiMail img {
    width: 13px;
    margin-right: 6px;
}


/* Officers end */


/* Star player start */

.posAbsoPlayers {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 100%;
    height: max-content;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.posAbsoPlayers::-webkit-scrollbar {
    display: none;
}

.starCont .tab-content>.active {
    display: flex;
}

.starCont {
    background: #eeeff1;
}

.walkerNum {
    font-size: 33px;
    color: #4e0577;
    display: flex;
    margin-bottom: 3px;
    align-items: flex-start;
}

.walkerNum span {
    font-size: 23px;
    margin-top: 2px;
    margin-right: 3px;
}

.walkerName {
    color: #29232c;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Bariol bold';
    margin-bottom: 0;
    line-height: 42px;
}

.walkerPos {
    color: #6c6073;
    text-transform: uppercase;
    font-size: 23px;
    line-height: 32px;
    font-family: 'Bariol regular';
}

.walkerDes {
    color: #5e5464;
    font-size: 15px;
    margin-top: 29px;
    margin-bottom: 0;
}

.walkerMan {
    max-height: 400px;
    width: 100%;
}

.gamesPlay {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 7px 15px;
    border-bottom: 1px solid #d6ca05;
    /* margin-bottom: 0; */
}

.minPlay {
    font-size: 15px;
    color: #443a49;
}

.minNum {
    color: #3a343e;
    font-size: 15px;
    font-weight: 500;
}

.para2020 {
    font-family: 'bariol bold';
    color: black;
    font-size: 17px;
    padding: 0 15px 8px 15px;
}

.stats2020 {
    background: #f4e600;
    padding: 30px 1px 50px;
}

.svgContain {
    width: max-content;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.svgContain svg {
    transform: rotate(-90deg);
}

.svgText {
    text-align: center;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    z-index: 9;
    margin-bottom: 0;
    color: white;
    line-height: 24px;
    max-width: 80px;
}

.svgCon {
    position: absolute;
    bottom: -20px;
    color: #504544;
    font-size: 15px;
    margin-bottom: 0;
}

.tabLink .starOffi {
    border-bottom: 1px solid #dadce0;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    transition: all linear .3s;
}

.starOffi:hover,
.tabLink.active .starOffi {
    background: white;
    border-top-color: white;
    border-bottom-color: white;
}


/* News start */

.newsCont {
    background: #5b078a;
}

.matPara2 span {
    color: #887e8e;
}

.newsMore {
    background: #4e0577;
    color: white;
    padding: 5px 20px;
    font-weight: 500;
    display: inline-block;
    margin-top: 7px;
    font-size: 14px;
    transition: all linear .3s;
}

.newsMore:hover {
    background: white;
    color: #4e0577;
}

.posRel {
    position: relative;
}

.bgNumNews {
    position: absolute;
    font-size: 105px;
    font-weight: 500;
    color: white;
    opacity: .03;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.posUnset {
    position: unset;
}

.newsLgImg {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 785px;
    height: 479px;
}

.newsLgImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.newsLgCont {
    height: 479px;
    z-index: 99;
}

.newsLgPara {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-bottom: 55px;
}

.newsLgPara2 {
    font: 15px;
    font-weight: 500;
    color: white;
}

.zindex99 {
    z-index: 999;
}

.evntImgCont {
    height: 400px;
    width: 100%;
    position: relative;
    box-shadow: 0 9px 10px rgba(0, 0, 0, .25);
}

.evntImgCont2 {
    box-shadow: 0 9px 10px rgba(0, 0, 0, .25);
}

.evntImgCont img,
.evetImgCont2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.evntParaCont {
    position: absolute;
    background: #f4e600;
    bottom: 0;
    width: 75%;
    right: 0;
    padding: 20px;
}

.matPara3 {
    color: #5b0789;
}

.evntMore {
    color: #5b0789 !important;
    font-weight: 500;
    font-size: 15px;
}

.videoPara2 {
    color: #534b58;
    font-weight: 400;
}

.evetImgCont2 {
    min-width: 180px;
    width: 180px;
    height: 188px;
}

.evntParaCont2 {
    background: white;
    padding: 20px 15px;
    height: 185px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.evntParaCont2::-webkit-scrollbar {
    display: none;
}

.matPara4 {
    color: #5b0789;
}

.matPara4 span {
    color: #887e8e;
}

.posLatest {
    color: #550780;
    position: absolute;
    right: 6%;
    font-size: 150px;
    top: 10px;
    font-weight: 600;
}

.newsLgImg::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, .3);
}


/* News end */


/* ****** Photos gallery page start ********/

.photoManual,
.videoManual {
    background: #eeeff1;
}

.photoInput {
    color: #221e25;
    border: 1px solid #e6e8eb;
    border-right: 0;
    outline: 0 !important;
    padding: 5px 10px 5px 37px;
    height: 40px;
    font-size: 15px;
    width: 80%;
    background: url(../img/searchIcon.png) no-repeat 11px center;
    background-size: 14px;
    font-family: 'Rubik';
}

.photoInput::placeholder {
    color: #8f8794;
    font-weight: 300;
    font-family: 'Rubik';
}

.noBorLeft {
    position: relative;
}

.noBorLeft::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 27px;
    background: #e6e8eb;
    top: 7px;
    right: 235px;
}

.noBorLeft .select2-container--default .select2-selection--single {
    border-left: 0;
    border-radius: 0;
}

.noBorLeft .select2-container {
    width: 235px !important;
    max-width: 2350px !important;
    min-width: 235px;
}

.photoTitle {
    color: #221e25;
    font-weight: 500;
    font-size: 15px;
    margin: 20px 0;
    line-height: 24px;
}

.photoView {
    text-transform: uppercase;
    font-size: 15px;
    color: #4e0577 !important;
    min-width: 60px;
}

.photoView img {
    width: 14px;
    margin-left: 7px;
    position: relative;
    top: -1.5px;
}

.photoFlex {
    display: flex;
    width: 100%;
    min-height: 100px;
    align-items: center;
    justify-content: center;
}

.photoFlex img {
    width: 100%;
}

.uk-child-width-1-3\@m>* {
    width: 100%;
}

*+.uk-grid-margin,
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin {
    margin-top: 0;
}

.photoCont {
    will-change: transform;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.myRow {
    display: block;
    line-height: 0;
    -webkit-column-count: 4;
    -webkit-column-gap: 0px;
    -moz-column-count: 4;
    -moz-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
}


/* ****** Photos gallery page end ********/


/* ****** Videos gallery page start ********/

.videosPlay {
    color: #9e9da1 !important;
    font-weight: 500;
    font-size: 15px;
    transition: all linear .3s;
    cursor: context-menu;
}

.videoPge.teamvs {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.videosPlay img {
    margin-right: 10px;
    width: 22px;
}

.dateLeague {
    color: #887e8e;
    font-weight: 500;
    font-size: 15px;
    margin: 13px 0 3px;
    display: flex;
}

.dateLeague span {
    display: inline-block;
    color: white;
    font-size: 11px;
    padding: 2px 6px;
    align-self: center;
    margin-left: 8px;
}

.dateLeague .lgsRed {
    background: #ff8787;
}

.dateLeague .lgsYellow {
    background: #f8bf62;
}

.dateLeague .lgsGrey {
    background: #b892fe;
}

.dateLeague .lgsGreen {
    background: #c8d845;
}

.dateLeague .lgsBlue {
    background: #30d2f3;
}

.largeVimg,
.smallVimg {
    width: 100%;
    height: 533px;
    position: relative;
}

.smallVimg {
    height: 204px;
}

.largeVimg .vidLgImg,
.smallVimg .vidLgImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.videoPlayCont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.largeVimg .videoPlayCont img {
    width: 68px;
}

.smallVimg .videoPlayCont img {
    width: 38px;
}

.m-t-30 {
    margin-top: 35px;
}

.smallCol {
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    max-width: 48.5%;
}


/* ****** Videos gallery page end ********/


/* ****** Our Associations page start ********/

.ourPhotoInput {
    border-right: 1px solid #e6e8eb;
    width: 100%;
}

.ourNoborleft::after {
    display: none;
}

.garPara {
    color: #7a787c;
    font-size: 14px;
    font-weight: 500;
    margin: 3px 0 0;
}

.namLoc {
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

.teamBear {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.ourAciCont {
    display: flex;
    /* align-items: center; */
    background: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, .01);
    margin-bottom: 20px;
    transition: all linear .3s;
}

.ourAciCont:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.forAciAfter {
    position: relative;
}

.forAciAfter::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background: #e6e8eb;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ourPosRel {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    padding: 10px;
}

.tIcAlCont {
    background: #5b078a;
    padding: 17px 17px 17px 18px;
    border-radius: 0 50px 50px 0;
    height: 100%;
    align-self: unset;
    display: flex;
    align-items: center;
    min-width: max-content;
}

.tIcCont {
    background: white;
    display: inline-block;
    border-radius: 50%;
    height: 70px;
    min-width: 70px;
    width: 70px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tIcCont img {
    max-width: 80%;
    max-height: 80%;
}

.ourArrowCont {
    flex: 0 0 7%;
    max-width: 7%;
    align-items: flex-end;
    padding-right: 25px;
}

.ourArrowCont img {
    width: 23px;
}

.teamNameCont {
    flex: 0 0 20%;
    max-width: 20%;
}

.direcCont {
    flex: 0 0 38%;
    max-width: 38%;
}

.locaCont {
    flex: 0 0 27%;
    max-width: 27%;
}

.ourPagination {
    width: max-content;
    text-align: right;
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 13px 10px;
    background: white;
    align-items: center;
}

.ourPagination .pagePrev {
    background: white !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.ourPagination .pageNext {
    background: white !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.ourPagination li a img {
    width: 8px;
}

.ourPagination li a {
    padding: 2px;
    background: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    min-width: 25px;
    min-height: 25px;
    color: #7a787c;
    transition: all linear .3s;
    margin: 0 5px;
}

.ourPagination li a.active {
    background: #5b078a;
    color: white;
}


/* ****** Our Associations page end ********/


/* ****** Standings page start ********** */

.col-20-per,
.col-80-per {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-20-per {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-80-per {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.resFilter {
    font-weight: bold;
    font-size: 11.5px;
    color: #5b078a !important;
    text-transform: uppercase;
}

.recFound {
    color: #8f8794;
    font-weight: bold;
    font-size: 11.5px;
}

.stanFilCont {
    background: white;
    padding: 15px;
    border: 1px solid #e6e8eb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .01);
    margin-top: 18px;
}

.stanSelHead {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 10px;
    color: #8f8794;
}

.stanSelect {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    padding-right: 20px;
    background: transparent;
    outline: 0 !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 15px;
    background: url(../img/stanSelDrop.png) no-repeat;
    background-position: calc(100% - 5px) center;
}

.banUpBtn {
    padding: 10px 18px;
    text-transform: uppercase;
    font-size: 13px;
    transition: all linear .3s;
    font-weight: 500;
}

.banUpBtn.violetBtn {
    background: #5b078a;
    color: white;
    border: 1px solid #5b078a;
}


/* .banUpBtn.violetBtn:hover{
    color: #5b078a;
    background: white;
} */

.banUpBtn.whiteBtn {
    border: 1px solid #fff;
    background: white;
    color: inherit;
}


/* .banUpBtn.whiteBtn:hover{
    background: rgb(233, 233, 233);
    color: inherit;
} */

.bantamHead {
    font-family: 'Rubik', sans-serif;
    padding: 11px 20px;
    background: #443a49;
    color: white;
    font-weight: 400;
    font-size: 17px;
    margin: 0;
    margin-top: 25px;
}

.stanTable th {
    text-align: center;
    border: 1px solid #fff;
    background: #e6e8eb;
    font-weight: 400;
    font-size: 16px;
    border-bottom: 0 !important;
}

.stanTable td {
    font-size: 16px;
    border: 0;
    background: white;
    border-bottom: 1px solid #eeeff1;
}

.scoreTable td.text-left,
.scoreTable th.text-left {
    padding-left: 35px;
}

.stanTable .cirNum {
    display: inline-block;
    margin: 0 auto;
    padding: 3px 5px;
    width: 52.7px;
    font-weight: 400 !important;
    color: white;
    font-size: 15px;
    text-align: center;
    border-radius: 30px;
}

.stanTable td:nth-child(2),
.stanTable td:first-child {
    text-align: center;
}

.stanTable th:first-child,
.stanTable td:first-child {
    border-left: 1px solid #e4e5e6;
}

.stanTable th:last-child,
.stanTable td:last-child {
    border-right: 1px solid #e4e5e6;
}

.min-100 {
    min-width: 50px;
    width: 125px;
}

.stanIcon {
    max-width: 30px;
    max-height: 33px;
    margin-right: 15px;
}

.stanTable tr td:first-child::before {
    content: unset;
}

.collDivTd {
    padding: 0px 44px 20px 50px!important;
    background: #eeeff1 !important;
    border: 1px solid #e4e5e6 !important;
    max-height: 700px;
    overflow-y: scroll;
}

.collDivTd::-webkit-scrollbar {
    width: 8px;
}


/* Track */

.collDivTd::-webkit-scrollbar-track {
    background: #eeeff1;
}


/* Handle */

.collDivTd::-webkit-scrollbar-thumb {
    background: #d6d7d8;
}


/* Handle on hover */

.collDivTd::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.colDivTime {
    font-size: 16px;
    font-weight: 500;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-top: 18px;
}

.collDivRow {
    background: white;
    align-items: center;
    padding: 8px 0;
}

.colDivTeam {
    color: #7b2da6;
    font-size: 15px;
    margin: 0;
}

.tabMore img {
    transition: all linear .3s;
}

.tabMore.active img {
    transform: rotatex(180deg);
}

.colDivTeam img {
    margin-right: 8px;
    width: 18px;
}

.colDivCity img {
    width: 20px;
}

.colDivSpan {
    min-width: 29.4px;
    font-size: 14px;
    display: inline-flex;
    font-weight: 500;
    /* padding: 3px 7px; */
    color: white;
    background: #f44257;
    margin-right: 1px;
    height: 27px;
    align-items: center;
    justify-content: center;
}

.colDivSpan.greenDiv {
    background: #87e027;
}

.min-330 {
    min-width: 330px;
}

.stanTable {
    margin-bottom: 0;
}

.tabMoreTd {
    cursor: pointer;
}


/* ****** Standings page end ********** */


/* ****** Playoff page start *******/

.playManCont {
    background: #eeeff1;
}

.playInput {
    color: #221e25;
    border: 1px solid #e6e8eb;
    outline: 0 !important;
    padding: 5px 10px 5px 37px;
    height: 40px;
    font-size: 15px;
    width: 60%;
    background: url(../img/searchIcon.png) no-repeat 11px center;
    background-size: 14px;
    font-family: 'Rubik';
}

.yearSel .select2-container {
    width: 145px !important;
}

.yearSel .select2-container--default .select2-selection--single {
    background: url(../img/calendarIcon.png) no-repeat;
    background-size: 14px;
    background-position: calc(100% - 15px) 11px;
}

.playFcont {
    margin-top: 30px;
}

.playCont {
    background: white;
    padding: 30px 30px 63px;
    position: relative;
    min-height: 195px;
    height: 100%;
}

.playPdfCont {
    background: #eeeff1;
    min-width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.playPdfCont img {
    width: 73%;
    max-width: 75%;
    max-height: 80%;
}

.playName {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
}

.playYear {
    margin: 8px 0 0;
    font-size: 12.5px;
    font-weight: 600;
    color: #887e8e;
}

.playYear img {
    width: 12px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.downBrac {
    display: block;
    text-align: center;
    padding: 8px;
    background: #5b078a;
    color: white !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13.5px;
    letter-spacing: .5px;
    position: absolute;
    width: calc(100% - 60px);
    bottom: 28px;
}

.downBrac img {
    margin-right: 12px;
    width: 18px;
}


/* ****** Playoff page end *******/


/* ****** Schedule page start *******/

.selDate {
    width: 200px;
    border-radius: 0;
    height: 41.2px;
    outline: 0 !important;
    box-shadow: none !important;
    margin-left: 15px;
    background: white url(../img/calendarIcon.png) no-repeat;
    background-size: 14px;
    background-position: calc(100% - 15px) 11px;
    font-size: 15px;
    border: 1px solid #e6e8eb;
}

.banUpBtn.whiteBtn {
    border-top: 0;
    border-bottom: 0;
    padding: 11px 18px;
}

.selDate::placeholder {
    font-weight: 300;
    font-size: 16px;
}

.banUpBtn.whiteBtn:hover {
    background: #5B078A;
    color: white;
}

.banUpBtn.violetBtn:hover {
    color: #5B078A;
    background: white;
}

.schDate {
    margin: 0;
    font-size: 18px;
    color: white;
}

.schCity {
    color: white;
    font-weight: 300;
    font-size: 15px;
    margin: 0;
}

.schTable {
    margin-bottom: 0;
}

.schCity img {
    width: 20px;
    margin-right: 8px;
    margin-top: -2px;
}

.schTable tr td:first-child::before {
    content: counter(row-num);
    display: none;
}

.schTable td {
    text-align: left;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #e4e5e6;
    background: white;
    padding: 20px .75rem;
}

.schTable td:first-child {
    border-left: 1px solid #e4e5e6;
}

.schTable td:last-child {
    border-right: 1px solid #e4e5e6;
}

.schTable .min-50 {
    max-width: 75px;
    padding-left: 0;
    padding-right: 0;
    min-width: 64px;
    width: 64px;
}

.schTable .min-150 {
    min-width: 140px;
    max-width: 150px;
}

.schTable .min-170 {
    min-width: 165px;
    max-width: 170px;
}

.schTable .colDivTeam {
    color: #5B078A;
    margin: 0;
    font-weight: 500;
}

.schTable .colDivSpan {
    height: 25px;
    min-width: 27.4px;
    font-size: 13.5px;
}

.schSport {
    color: #8f8794;
    font-weight: 400;
    margin-bottom: 4px;
    font-size: 15px;
}

.schSpoAns {
    font-size: 15px;
    margin: 0;
}


/* ****** Schedule page end *******/


/* ****** Officers page Start *******/

.radioOffi {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}

.offiRadLab {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 18px;
    transition: .3s all linear;
    color: #4f4c51;
    cursor: pointer;
}

.radioCont:last-child .offiRadLab:last-child {
    margin-bottom: 0;
}

.offiRadLab::before,
.offiRadLab::after {
    content: '';
    display: inline-block;
    border-radius: 30px;
    position: absolute;
    transition: .3s all linear;
}

.offiRadLab:before {
    border: 1px solid #8f8794;
    width: 13px;
    height: 13px;
    background: white;
    left: 0;
    top: 5px;
}

.offiRadLab:after {
    width: 8.3px;
    height: 8.3px;
    background: #8f8794;
    left: 2.5px;
    top: 7.5px;
}

.radioOffi:checked~.offiRadLab {
    color: #5b078a;
}

.radioOffi:checked~.offiRadLab:before {
    border-color: #5b078a;
}

.radioOffi:checked~.offiRadLab:after {
    background: #5b078a;
}

.offiProCont {
    display: flex;
    min-width: 90px;
    min-height: 90px;
    max-width: 90px;
    max-height: 90px;
    background: white;
    border: 3px solid #eeeff1;
    border-radius: 50%;
    overflow: hidden;
    align-items: flex-end;
    justify-content: center;
}

.proOffCont {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eeeff1;
}

.sociOffi {
    padding: 15px 20px 20px;
}

.offiNameCOnt {
    padding-left: 15px;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.mainOffCont {
    background: white;
    height: 100%;
}

.offimtCont {
    margin-bottom: 30px;
}

.offiProCont img {
    max-width: 100%;
    width: 75%;
    max-height: 100%;
    position: relative;
}

.offiDesigPete {
    color: #8f8794;
    font-size: 14px;
    margin: 0;
}

.offiNamePete {
    color: #5b078a;
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    position: relative;
}

.offiNamePete:after {
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    border: 1px solid #5b078a;
    position: absolute;
    bottom: 0;
    background: #5b078a;
}

.offiPetPhone,
.offiPetMail {
    color: #5e5464;
    font-size: 15px;
    padding-left: 24px;
    line-break: anywhere;
}

.offiPetPhone span {
    font-weight: 600;
}

.offiPetMail {
    background: url(../img/mailIcon.png) no-repeat 0% center;
    background-size: 14px !important;
    margin: 0;
}

.offiPetPhone {
    background: url(../img/phoneIcon.png) no-repeat 0% center;
    background-size: 11px !important;
    margin-bottom: 12px;
}

.mainOffCont,
.offiNamePete,
.offiNamePete:after,
.offiDesigPete,
.offiPetPhone,
.offiPetMail {
    transition: all linear .3s;
}

.mainOffCont:hover,
.mainOffCont.active {
    background: #5b078a;
}

.mainOffCont:hover .offiPetMail,
.mainOffCont.active .offiPetMail {
    background: url(../img/mailIconW.png) no-repeat 0% center;
}

.mainOffCont:hover .offiPetPhone,
.mainOffCont.active .offiPetPhone {
    background: url(../img/phoneIconW.png) no-repeat 0% center;
}

.mainOffCont:hover .offiNamePete,
.mainOffCont.active .offiNamePete {
    color: #eddd06;
}

.mainOffCont:hover .offiNamePete:after,
.mainOffCont.active .offiNamePete:after {
    border-color: #eddd06;
    background: #eddd06;
}

.mainOffCont:hover .offiDesigPete,
.mainOffCont.active .offiDesigPete {
    font-weight: 600;
}

.mainOffCont:hover .offiDesigPete,
.mainOffCont:hover .offiPetPhone,
.mainOffCont:hover .offiPetMail,
.mainOffCont.active .offiDesigPete,
.mainOffCont.active .offiPetPhone,
.mainOffCont.active .offiPetMail {
    color: white;
}


/* ****** Officers page end *******/


/* ****** News page start *******/

.newsWalkerDes {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsPage.teamvs.videoPge {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-bottom: 8px;
}

.newsLarge {
    height: 553px;
}

.newsDate {
    font-size: 13px;
}

.dateLeague .newsViolet {
    background: #5b078a;
}

.dateLeague .newsYellow {
    background: #beb430;
}


/* ****** News page end *******/


/* ****** News detail page start *******/

.bywfflHead {
    color: #5b078a;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 30px;
    width: 37%;
    margin: 15px auto;
}

.byWffl {
    color: #887e8e;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}

.newsimgCont {
    width: 100%;
    height: 520px;
    margin-top: 45px;
    margin-bottom: 45px;
}

.newsimgCont img,
.relImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mt-me-3 {
    margin-top: 10px;
}

.relPostCont {
    display: flex;
    padding: 14px;
    background: white;
}

.relContent {
    padding-left: 15px;
}

.relContent .newsPage.teamvs.videoPge {
    white-space: pre-wrap !important;
    font-size: 14px;
    margin-bottom: 4px;
}

.newdWalker {
    margin-bottom: 20px;
    padding-right: 15px;
}

.relImg {
    min-width: 108px;
    width: 108px;
    height: 88px;
}

.relContent .newsDate {
    font-size: 12px;
    margin-top: 0;
}

.relContent .dateLeague span {
    margin-left: 0;
    font-size: 10px;
}

.newshare {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 9px;
}

ul.newsocial {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

.newsocial li a {
    display: block;
    background: white;
    width: 45px;
    height: 55px;
    border-bottom: 1.5px solid #eeeff1;
    background-size: 15px !important;
    transition: all linear .3s;
}

.newsocial li a.newsfb {
    background: white url(../img/newsfb.png) no-repeat center center;
    background-size: 10px !important;
}

.newsocial li a.newstwt {
    background: white url(../img/newstwt.png) no-repeat center center;
}

.newsocial li a.newslink {
    background: white url(../img/newslink.png) no-repeat center center;
}

.newsocial li a.newspin {
    background: white url(../img/newspin.png) no-repeat center center;
}

.newsocial li a.newsfb:hover {
    background: white url(../img/newsfbvio.png) no-repeat center center;
    background-size: 10px !important;
}

.newsocial li a.newstwt:hover {
    background: white url(../img/newstwtvio.png) no-repeat center center;
}

.newsocial li a.newslink:hover {
    background: white url(../img/newslinkvio.png) no-repeat center center;
}

.newsocial li a.newspin:hover {
    background: white url(../img/newspinvio.png) no-repeat center center;
}

.newsDeCont {
    background: #eeeff1;
}


/* ****** News detail page end *******/


/* ****** Profile page start *******/

.proMainCont {
    background: #eeeff1;
}

.bb-1 {
    border-bottom: 1px solid white;
}

.tranTab.nav-tabs {
    border-bottom: 0;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
}

.tranTab.nav-tabs::-webkit-scrollbar {
    display: none;
}

.tranTab.nav-tabs .nav-item.show .nav-link,
.tranTab.nav-tabs .nav-link.active {
    color: #5B078A;
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid #5B078A;
}

.tranTab.nav-tabs .nav-link {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 17px 5px 15px;
    margin: 0 35px;
    color: #887e8e;
    border: 0;
    border-bottom: 3px solid transparent;
    transition: all linear .3s;
    width: max-content;
    background-position: 6px center !important;
}

.proNavlink {
    background: url(../img/profTran.png) no-repeat;
    padding-left: 35px !important;
}

.proNavlink.active {
    background: url(../img/profA.png) no-repeat;
}

.passNavlink {
    background: url(../img/changepass.png) no-repeat;
    padding-left: 50px !important;
}

.passNavlink.active {
    background: url(../img/passA.png) no-repeat;
}

.kidsNavlink {
    background: url(../img/mykids.png) no-repeat;
    padding-left: 35px !important;
}

.kidsNavlink.active {
    background: url(../img/myKidsA.png) no-repeat;
}

.infoNavlink {
    background: url(../img/cardInfo.png) no-repeat;
    padding-left: 37px !important;
}

.infoNavlink.active {
    background: url(../img/cardInfoA.png) no-repeat;
}

.tranNavlink {
    background: url(../img/transaction.png) no-repeat;
    padding-left: 35px !important;
}

.tranNavlink.active {
    background: url(../img/transactionA.png) no-repeat;
}

.schNavlink {
    background: url(../img/schIcon.png) no-repeat;
    padding-left: 33px !important;
    background-size: 20px !important;
}

.schNavlink.active {
    background: url(../img/schIconA.png) no-repeat;
}

.tranTab .tab-content>.active {
    display: block;
}

.proLogout {
    font-size: 14px;
    font-weight: 500;
    color: #5B078A !important;
    text-transform: uppercase;
}

.proLogout img {
    width: 28px;
    margin-right: 5px;
    margin-top: -2px;
}

.proProImg {
    display: inline-flex;
    min-width: 80px;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: white;
}

.proProImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.proAvatar {
    margin-top: 3px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.upremove {
    display: inline-block;
    font-weight: 600;
    font-size: 12.5px;
    text-transform: uppercase;
    color: inherit;
    padding: 8px 15px;
    background: white;
    transition: all linear .3s;
    margin-bottom: 0;
    cursor: pointer;
}

.upremove:hover {
    color: #5B078A;
}

.proFormCont {
    margin-bottom: 22px;
    font-size: 14px;
    outline: 0 !important;
    box-shadow: none !important;
    border-color: #e5e7eb;
    height: 39px;
}

.selProForm {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white url(../img/proDropA.png) no-repeat;
    background-position: calc(100% - 15px) center;
    padding-right: 35px;
}

input[type='number'].proFormCont {
    -moz-appearance: textfield;
}

input[type='number'].proFormCont::-webkit-outer-spin-button,
input[type='number'].proFormCont::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea.proFormCont {
    height: 98px;
}

.proFormCont::placeholder {
    color: #a7a7a7;
    font-weight: 300;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 300px white inset !important;
}

.bbt-1 {
    border-top: 1px solid #dddddd;
}

.savePro {
    display: block;
    text-align: center;
    padding: 9px;
    background: #5b078a;
    color: white !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12.5px;
    letter-spacing: .5px;
    border: 0 !important;
    outline: 0 !important;
}

.canPro {
    background: white;
    color: #5b078a !important;
}

.mycardCont {
    color: white;
    border: 3px solid #fff;
    background: #5B078A url(../img/lineBgPro.png) no-repeat center center /cover;
    margin-bottom: 20px;
    position: relative;
    min-height: 135px;
    padding: 13px 90px 35px 15px;
}

.cardHold {
    font-size: 14px;
    font-weight: 300;
    margin: 0px 0 5px;
}

.cardNum {
    font-size: 15px;
    margin-bottom: 3px;
}

.cardBank {
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    bottom: 13px;
    margin: 0;
}

.proEditCont {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
}

.proEdit {
    display: inline-flex;
    min-width: 30px;
    height: 30px;
    background: #eddd06;
    justify-content: center;
    align-items: center;
}

.proEdit img {
    width: 13px;
}

.proTrash {
    margin-left: 2px;
}

.proTrash img {
    width: 12px;
}

.visaCont {
    padding: 3px;
    background: white;
    position: absolute;
    right: 15px;
    bottom: 16px;
    width: 62px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.visaCont img {
    max-width: 100%;
    max-height: 100%;
}

.bor-right {
    border-right: 1px solid #ddd;
}

.tranTable th {
    font-weight: 400;
    font-size: 15.5px;
    text-align: left !important;
    padding-left: 20px;
    border-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle !important;
}

.tranTable td {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle !important;
    padding-top: 18px;
    padding-bottom: 18px;
}

.tranTable td:last-child {
    text-align: right;
    padding-right: 40px;
}

.min-200 {
    min-width: 190px;
    width: 200px;
}

.min-300 {
    min-width: 300px;
    width: 350px;
}

.tranTable .min-150 {
    min-width: 165px;
    width: 150px;
}

.tranTable td:nth-child(2),
.tranTable td:first-child {
    text-align: left;
}

.tranTable th.text-center {
    text-align: center !important;
}

.tranArrow {
    width: 22px;
    margin-left: 8px;
    margin-top: -2px;
}

.tranArrow.down {
    transform: rotate(180deg);
}

.isConfirm,
.isPending,
.isCancel {
    padding: 3px 6px;
}

.isConfirm {
    background: #c7eabf;
    color: #287816;
}

.isPending {
    background: #ffdaae;
    color: #8d5c23;
}

.isCancel {
    background: #ffbcbc;
    color: #884343;
}

.onGoing {
    margin: 0;
    color: #5b078a;
    text-align: center;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: -18px;
    font-size: 80%;
    font-size: 11.5px;
    color: #dc3545;
    margin-bottom: 14px;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none !important;
}

.selProForm.form-control.is-valid,
.was-validated .selProForm.form-control:valid {
    background-image: url(../img/proDropA.png) !important;
    background-color: white;
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    background-size: unset !important;
}

.cardScroll {
    max-height: 300px;
    overflow-y: scroll;
    /* -ms-overflow-style: none;
    scrollbar-width: none; */
}


/* .cardScroll::-webkit-scrollbar{
    display: none;
} */

.tranBody {
    min-height: 100vh;
    background: #eeeff1;
}

.schPane .select2-container {
    width: 100% !important;
    background: white;
}

.schPane .select2-container--default .select2-selection--single {
    border-radius: 0;
}

.addieCont {
    background: #efe2f7;
    margin: 0;
    margin-right: 10px;
    padding: 1px 5px;
    margin-top: 4px;
    font-size: 13.5px;
}

.schPane .schTable td {
    padding: 18px .75rem;
}


/* ****** Profile page end *******/

@media (min-width:1200px) {
    .newsDeCont .col-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 7.333333%;
        max-width: 7.333333%;
    }
    .newsDeCont .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 26%;
        max-width: 26%;
    }
}

@media (max-width:1200px) {
    .tranTab.nav-tabs .nav-link {
        font-size: 12.5px;
        padding: 13px 5px 13px;
        margin: 0 13px;
    }
    .proNavlink {
        padding-left: 30px !important;
        background-size: 15px !important;
    }
    .passNavlink {
        padding-left: 43px !important;
        background-size: 25px !important;
    }
    .kidsNavlink {
        padding-left: 32px !important;
        background-size: 17px !important;
    }
    .infoNavlink {
        padding-left: 35px !important;
        background-size: 18px !important;
    }
    .tranNavlink {
        padding-left: 32px !important;
        background-size: 18px !important;
    }
    .schNavlink {
        padding-left: 30px !important;
        background-size: 17px !important;
    }
}

@media (min-width:1200px) and (max-width:1360px) {
    .downBrac {
        font-size: 12.5px;
        letter-spacing: .2px;
        bottom: 27px;
        width: calc(100% - 50px);
    }
    .downBrac img {
        margin-right: 9px;
        width: 18px;
    }
    .playCont {
        min-height: 185px;
        padding: 25px 25px 63px;
    }
    .playName {
        font-size: 15px;
        line-height: 22px;
    }
    .tranTab.nav-tabs .nav-link {
        margin: 0 25px;
    }
}

@media (max-width:992px) {
    .whiteBuilBot,
    .whiteBuil {
        display: none;
    }
    .matchCont {
        margin-top: 0;
    }
    .bannerCont .carousel-item {
        height: 450px;
    }
    .collDivTd {
        padding: 0px 24px 20px 30px!important;
    }
    /* .indiSm{
        position: absolute;
        top: -100px;
    } */
    .collDivTd {
        max-height: 400px;
    }
    ul.newsocial {
        display: flex;
    }
    .newsocial li a {
        width: 56px;
        height: 43px;
        border-right: 1.5px solid #eeeff1;
        border-bottom: 0;
    }
    .bywfflHead {
        width: 100%;
    }
    .newdWalker {
        padding-right: 0;
    }
    .bor-right {
        border: 0;
    }
    .mainHead {
        font-size: 22px;
    }
    .cardScroll {
        max-height: max-content;
    }
}

@media (max-width:1200px) {
    .setHeight {
        height: unset !important;
    }
    .col-20-per,
    .col-80-per {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bywfflHead {
        width: 80%;
    }
}

@media (min-width:1200px) and (max-width:1330px) {
    .posLatest {
        font-size: 104px;
        top: 58px;
    }
    .locaCont {
        flex: 0 0 28%;
        max-width: 28%;
    }
    .direcCont {
        flex: 0 0 36%;
        max-width: 36%;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .newsLgImg {
        width: 100%;
    }
    .newsLgCont,
    .newsLgImg {
        height: 420px;
    }
    .posAbsoPlayers {
        top: unset;
        right: 0;
        bottom: 3px;
    }
    .photoTitle {
        font-size: 14px;
        margin: 10px 0;
        padding-right: 10px;
    }
    .photoView {
        font-size: 14px;
    }
    .myRow {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .container-manual {
        padding-right: 4%;
        padding-left: 4%;
    }
    .locaCont {
        flex: 0 0 29%;
        max-width: 29%;
    }
    .direcCont {
        flex: 0 0 31%;
        max-width: 31%;
    }
    .ourArrowCont {
        flex: 0 0 9%;
        max-width: 9%;
    }
    .stanFilCont {
        width: 49.25%;
        display: inline-block;
        margin-right: 10px;
    }
    .recFound,
    .resFilter {
        font-size: 13px;
    }
    .offiStanFill {
        width: 100%;
    }
    .radioCont {
        width: 19%;
        display: inline-block;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .newsLgImg {
        width: 100%;
    }
    .newsLgCont,
    .newsLgImg {
        height: 420px;
    }
    .w-md-100 {
        width: 100% !important;
    }
    .posAbsoPlayers {
        top: unset;
        right: 0;
        bottom: 3px;
    }
    .photoTitle {
        font-size: 14px;
        margin: 20px 0;
        padding-right: 10px;
    }
    .photoView {
        font-size: 14px;
    }
    .myRow {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .smallCol {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tIcAlCont {
        padding: 10px 10px 10px 12px;
    }
    .locaCont,
    .ourArrowCont {
        padding: 15px;
    }
    .locaCont {
        flex: 0 0 89%;
        max-width: 89%;
    }
    .teamNameCont {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .direcCont {
        flex: 0 0 36%;
        max-width: 36%;
    }
    .ticAiourCont {
        flex: 0 0 14%;
        max-width: 14%;
    }
    .ourArrowCont {
        flex: 0 0 10%;
        max-width: 10%;
    }
    .ourAciCont {
        flex-wrap: wrap;
    }
    .ticAiourCont,
    .teamNameCont,
    .direcCont {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    .stanFilCont {
        width: 48.9%;
        display: inline-block;
        margin-right: 10px;
    }
    .recFound,
    .resFilter {
        font-size: 13px;
    }
    .playInput {
        width: 50%;
    }
    .offiStanFill {
        width: 100%;
    }
    .radioCont {
        width: 24%;
        display: inline-block;
    }
    .newsimgCont {
        height: 420px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width:300px) and (max-width:576px) {
    .mainHead a {
        width: 100%;
        display: block;
        margin: 0;
    }
    .customRow {
        margin-right: 0;
        margin-left: 0;
    }
    .container-manual.myContMan {
        padding-right: 2% !important;
        padding-left: 2% !important;
    }
    .select2-container {
        max-width: 100%;
        width: 100% !important;
    }
    .newsLgImg {
        width: 100%;
    }
    .newsLgCont,
    .newsLgImg {
        height: 420px;
    }
    .w-md-100,
    .w-sm-100,
    .evntParaCont {
        width: 100% !important;
    }
    .evntParaCont2 {
        height: unset;
        overflow: unset;
    }
    .starCont .tab-content {
        padding-top: 100px;
    }
    .posAbsoPlayers {
        height: 90px;
        display: flex;
        flex-wrap: nowrap;
    }
    .tabLink .starOffi {
        width: max-content;
    }
    .photoTitle {
        font-size: 14px;
        margin: 15px 0;
        padding-right: 10px;
    }
    .photoView {
        font-size: 14px;
    }
    .uk-grid>* {
        padding: 0 15px 0 47px!important;
    }
    .photoInput {
        width: 100%;
        border-right: 1px solid #e6e8eb;
        margin-bottom: 15px;
    }
    .noBorLeft .select2-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100%;
        border-left: 1px solid #e6e8eb;
    }
    .noBorLeft::after,
    .forAciAfter::after {
        display: none;
    }
    .myRow {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .m-t-30 {
        margin-top: 25px;
    }
    .largeVimg {
        height: 204px;
    }
    .largeVimg .videoPlayCont img {
        width: 38px;
    }
    .videoPge.teamvs {
        white-space: unset;
        overflow: visible;
        text-overflow: unset;
    }
    .smallCol {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ticAiourCont {
        padding: 10px 15px;
        flex: 0 0 100px;
        max-width: 100px;
        display: flex;
        justify-content: center;
    }
    .teamNameCont {
        flex: 0 0 calc(100% - 100px);
        max-width: calc(100% - 100px);
    }
    .tIcCont {
        height: 50px;
        min-width: 50px;
        width: 50px;
    }
    .ourAciCont {
        flex-wrap: wrap;
    }
    .direcCont,
    .locaCont,
    .ourArrowCont {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ourArrowCont {
        padding-right: 15px;
    }
    .ourArrowCont img {
        width: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .ticAiourCont,
    .teamNameCont,
    .direcCont,
    .locaCont {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    .ourPosRel {
        padding: 10px 15px;
    }
    .tIcAlCont {
        padding: 10px 10px 10px 10px;
        border-radius: 50%;
        height: max-content;
        width: max-content;
    }
    .tabLink .starOffi {
        height: 100%;
    }
    .stanTable th,
    .stanTable td,
    .colDivTime {
        font-size: 15px;
    }
    .bantamHead {
        font-size: 16px;
    }
    .stanTable .cirNum {
        padding: 3px 3px;
        width: 46.7px;
        font-size: 14px;
    }
    .playInput,
    .yearSel {
        width: 100%;
    }
    .yearSel .select2-container {
        width: 100% !important;
    }
    .downBrac {
        font-size: 12.5px;
        letter-spacing: .2px;
        bottom: 27px;
        width: calc(100% - 50px);
    }
    .downBrac img {
        margin-right: 9px;
        width: 18px;
    }
    .playCont {
        min-height: 185px;
        padding: 25px 25px 63px;
    }
    .schTabCont .banUpBtn.whiteBtn,
    .schTabCont .banUpBtn.violetBtn,
    .schPane .banUpBtn.whiteBtn,
    .schPane .banUpBtn.violetBtn {
        width: 49%;
        text-align: center;
    }
    .schTabCont .selDate,
    .schPane .selDate {
        width: 100%;
        margin: 0;
    }
    .schDate,
    .schCity {
        width: 100%;
        font-size: 16px;
    }
    .schCity {
        margin-top: 10px;
        font-size: 15px;
    }
    .stanFilCont {
        background: white;
        padding: 8px 15px;
        margin-top: 10px;
    }
    .ourPagination {
        padding: 9px 10px;
    }
    .ourPagination li a {
        font-size: 13px;
        font-weight: 500;
        min-width: 22px;
        min-height: 22px;
    }
    .offiStanFill {
        width: 100%;
    }
    .offimtCont {
        padding: 0;
    }
    .offiProCont {
        min-width: 80px;
        min-height: 80px;
        max-width: 80px;
        max-height: 80px;
    }
    .offimtCont {
        margin-bottom: 20px;
    }
    .bywfflHead {
        width: 100%;
        font-size: 20px;
    }
    .newsimgCont {
        height: 220px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .tranTable th,
    .tranTable td {
        font-size: 14px;
    }
    .proLogout {
        font-size: 13px;
    }
    .proLogout img {
        width: 21px;
        margin-right: 3px;
    }
    .proEdit {
        min-width: 25px;
        height: 25px;
    }
    .visaCont {
        width: 50px;
        height: 22px;
    }
}


/*=============================11-27-2020============================*/


/*--------------------header-------------------*/

.header {
    background: #eeeff1;
    padding: 15px 0 15px;
}

.navbar-nav.ml-auto.header_right {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
}

a.nav-item.nav-link {
    color: #4f4c51;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 0;
    font-weight: 400;
    padding-left: 15px !important;
}

.navbar-nav.ml-auto.header_right a.btn {
    font-size: 15px;
    background: #5b078a;
    border-radius: 0;
    margin-left: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 20px;
    font-weight: 400;
}

.navbar-nav.ml-auto.header_right a.login {
    background: #eddd06;
    color: #000000;
}


/*--------------------d_box-------------------*/

.d_box {
    padding: 30px 20px;
    background: #fff;
    margin-bottom: 40px;
}

.badge {
    font-size: 12px;
    background: #f8bf62;
    color: #fff;
    font-weight: 500;
    border-radius: 0;
    padding: 7px 10px;
}

.d_box h3 {
    font-size: 17px;
    font-weight: 500;
    color: #221e25;
    margin: 20px 0 0;
}

.d_box h4 {
    font-size: 14px;
    font-weight: 500;
    color: #887e8e;
    margin: 8px 0 0;
}

.d_box p {
    font-size: 17px;
    color: #5e5464;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.d_box a.btn {
    color: #fff !important;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 7px 10px 7px 40px;
    background: #5b078a url(../img/b.png);
    background-repeat: no-repeat;
    background-position-x: 15px;
    width: 146px;
    background-position-y: 8px;
}

.box-man {
    border-left: 6px solid #f8bf62;
    padding-left: 20px;
}

.event .badge {
    background: #b892fe;
}

.box-man.event {
    border-color: #b892fe;
}

.general .badge {
    background: #30d2f3;
}

.box-man.general {
    border-color: #30d2f3;
}

.schedules .badge {
    background: #c8d845;
}

.box-man.schedules {
    border-color: #c8d845;
}


/*-------------------- Footer -------------------*/

.footer {
    background: #eeeff1 url(../img/bg.png);
    padding: 40px 0 30px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.footer h3 {
    font-size: 18px;
    font-weight: 500;
    color: #38303c;
    text-transform: uppercase;
    margin: 10px 0 10px;
    min-height: 22px;
}

.footer a {
    font-size: 17px;
    color: #5e5464;
    font-weight: 400;
    line-height: 35px;
}

.footer ul {
    padding: 0;
    margin: 0;
}

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

.coppy_right {
    background: #e6e7e8;
    padding: 15px 0;
}

.coppy_right a {
    font-size: 17px;
    color: #5e5464;
    font-weight: 400;
    border-left: 1px solid;
    padding: 0 5px;
}

.coppy_right p {
    font-size: 17px;
    color: #5e5464;
    font-weight: 400;
    margin: 0;
}

.coppy_right ul {
    padding: 0;
    margin: 0;
    float: right;
}

.coppy_right ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.social_icons li {
    padding-right: 10px !important;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav {
        margin-top: 50px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .navbar-nav.ml-auto.header_right {
        display: none !important;
    }
    .container-manual {
        padding-right: 15px;
        padding-left: 15px;
    }
    .footer h3 {
        margin: 30px 0 10px;
    }
    .footer .col-md-2:nth-child(3) h3 {
        display: none;
    }
    .coppy_right ul {
        margin-top: 8px;
        float: left;
    }
    .navbar-light .navbar-brand {
        width: 70px;
    }
    .navbar-light .navbar-toggler {
        border: none;
        padding: 0;
    }
    a.nav-item.nav-link {
        padding-left: 0 !important;
        line-height: 35px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    a.nav-item.nav-link {
        font-size: 11px;
        padding-left: 5px !important;
    }
    .footer h3 {
        font-size: 13px;
    }
    .footer a {
        font-size: 12px;
        line-height: 28px;
    }
    .footer h3 {
        min-height: 36px;
    }
    .coppy_right a {
        font-size: 12px;
    }
    .coppy_right p {
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    a.nav-item.nav-link {
        font-size: 15px;
        padding-left: 15px !important;
    }
    .footer h3 {
        font-size: 12px;
    }
    .footer a {
        font-size: 12px;
        line-height: 28px;
    }
    .coppy_right p {
        font-size: 14px;
    }
    .coppy_right a {
        font-size: 14px;
    }
}


/* Sign in and Sign up modal by Muthukumar 04-Mar-2021 */

.signInModal .modal-header {
    position: relative;
    justify-content: flex-start;
}

.signInModal .modal-content {
    background: #5b078a;
    border: 0;
    border-radius: 10px;
}

.signInModal .modal-body {
    background: white;
    border-radius: 10px;
    padding: 28px 25px;
    box-shadow: 0 10px 19px rgb(0 0 0 / 9%);
}

.signInModal .close {
    position: absolute;
    font-weight: 400;
    border-radius: 50%;
    border: 1px solid white;
    padding: 3px 0px;
    color: white;
    font-size: 28px;
    width: 37px;
    right: 30px;
    opacity: 1 !important;
    height: 37px;
    font-weight: 300;
    bottom: 30px;
}

.signInModal .nav-tabs .nav-link {
    background: transparent !important;
    border: 0 !important;
    text-transform: uppercase;
    color: white;
    font-size: 17px;
    /* font-weight: 300; */
    padding: 10px 25px 20px;
    position: relative;
}

.signInModal .nav-tabs .nav-link.active {
    color: #f4e600;
}

.signInModal .nav-tabs .nav-link:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: transparent;
    bottom: -36px;
    right: 0;
    left: 0;
    border: 22px solid transparent;
    margin: 0 auto;
    border-bottom-color: white;
    transition: all linear .1s;
}

.signInModal .nav-tabs .nav-link.active:after {
    bottom: -11px;
}

.signInModal .nav-tabs .nav-link.sgIn.active:after {
    margin: unset;
    margin-left: 9%;
}

.forPass {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #5b078a !important;
    text-decoration: none;
    margin: 0px 0 25px 0;
    display: block;
}

.signInModal .canPro,
.signInModal .savePro {
    font-size: 14px;
    padding: 10px;
}

.signInModal .canPro,
.signInModal .savePro {
    border: 1px solid #5b078a !important;
}

.signInModal label {
    font-size: 14px;
    font-weight: 500;
    color: #a1a1a1;
    margin-bottom: 5px;
}

.signInModal .invalid-feedback {
    margin-top: -12px;
    margin-bottom: 12px;
}

.signInModal .modal-body {
    min-height: 311px;
}

.otpHead {
    font-size: 23px;
    margin-bottom: 30px;
}

.sendOtp {
    font-size: 14px;
    color: #a1a1a1;
    margin-bottom: 45px;
}

.enOtp {
    margin: 0;
    font-size: 14.5px;
    font-weight: 500;
}

.otpInputs input {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 50px !important;
    font-size: 22px;
    color: #5b078a;
    font-weight: 300;
    border-radius: 0;
}

.otpInputs input:focus,
.otpInputs input.active {
    color: #5b078a;
    border: 2px solid #5b078a;
}

.sendOtp span {
    font-weight: 500;
    color: #8b8a8a;
}

.termCon a {
    text-decoration: none;
    color: #5b078a !important;
    font-weight: 400;
}

.modal {
    backdrop-filter: blur(1px);
    z-index: 9999999;
}

@media (min-width: 576px) {
    .signInModal .modal-dialog {
        max-width: 600px;
    }
}

@media (max-width: 600px) {
    .signInModal .nav-tabs .nav-link {
        font-size: 16px;
        padding: 0px 15px 20px;
    }
    .signInModal .close {
        font-size: 21px;
        width: 30px;
        height: 30px;
        bottom: 33px;
    }
    .signInModal .nav-tabs .nav-link:after {
        border-bottom-color: white;
    }
    .otpInputs input {
        width: 39px;
        height: 39px;
        margin-right: 10px;
    }
    .signCol {
        display: flex;
        justify-content: space-between;
        padding: 15px 15px 0;
    }
}


/* Profile css */

.socIcon a svg {
    width: 35px;
    min-width: 35px;
    padding: 8px 11px;
    display: inline-block;
    background-color: #daf3f8ad;
    border-radius: 18px;
    vertical-align: middle;
    margin-right: 0;
    cursor: pointer;
}

.socIcon a {
    font-size: 16px;
    color: #443a49;
    margin-right: 6px !important;
}

.socIcon {
    width: 170px;
    display: flex;
}

.socIcon a.dollarIcon {
    padding: .5px 4px;
    border: 2px solid #443a49;
    font-size: 9px;
    border-radius: 2px;
    position: relative;
    top: -1px;
}

.socIcon a.dollarIcon svg {
    width: 10px;
    position: relative;
    top: -1px;
}

.socIcon .pencil svg {
    fill: #443a49;
}

.staIcon {
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #C3BB38;
    color: white !important;
    overflow: hidden;
}

.staIcon svg {
    width: 18px;
}

.staIcon.danger {
    background: #B70F0A;
}

.proEdit.proTrash.document img {
    width: 14px;
}

.card_action {
    margin-left: 2px;
}

.proEdit.check svg {
    color: black !important;
    width: 20px;
    transform: rotate(-3deg);
    position: relative;
    top: 1px;
}

.checkPng {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #C3BB38;
    color: white !important;
    overflow: hidden;
    position: relative;
    top: 2px;
}

.checkPng svg {
    width: 13px;
}

textarea.proFormCont,
textarea.proFormCont::placeholder {
    font-size: 14px !important;
}

textarea.proFormCont {
    height: 94px;
}

.myProTab .invalid-feedback {
    margin-top: -13px;
    margin-bottom: 10px;
}

.proProImg {
    background: #EEEFF1;
    border: 1px solid #ddd;
}

.proProImg img.default {
    height: unset;
    width: 87%;
}

.perInfo svg {
    position: relative;
    top: -3px;
    margin-right: 6px;
}

.iccImg {
    height: 40px;
    min-width: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    color: white;
    font-size: 16px;
    overflow: hidden;
    font-weight: 600;
    border-radius: 50%;
    margin-right: 10px;
    text-transform: uppercase;
    border-radius: 50%;
    background: #56ccf2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iccImg.iccGreen {
    background: #6fcf97;
}

.iccImg.iccViolet {
    background: #9886f6;
}

.iccImg.iccRose {
    background: #df85f6;
}

.iccImg.iccOrange {
    background: #ffdf00;
}

.iccImg.iccDgreen {
    background: #5aca72;
}

.iccImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -o-object-fit: cover;
    -o-object-position: center;
}

.subName {
    font-size: 14px;
    margin: 0;
    color: #8c9aa3;
    font-weight: 300;
}

.mainName {
    margin-bottom: 2px !important;
}

.isConfirm,
.isPending,
.isCancel {
    width: 100px;
    text-align: center;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
}

.newTrTable td {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #53646f;
    border: 0 !important;
    font-size: 14px;
}

.newTrTable thead th {
    color: #767c80;
    font-weight: 500;
    font-size: 13px;
    background: transparent;
    border: 0 !important;
}

.newTrTable tr {
    border-top: 1px solid #e4e9ea !important;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.newTrTable tbody tr:first-child,
.newTrTable thead tr {
    border-top: 0 !important;
}

.newTrTable {
    border-bottom: 1px solid #e4e9ea !important;
}

#addKidModal .modal-header {
    background: linear-gradient(171deg, #5b078ac7, #21078ac9);
}

#addKidModal .modal-title {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

#addKidModal .close {
    color: white !important;
    opacity: 1 !important;
    font-weight: 400;
}

.myProTab .select2-container {
    width: 100% !important;
}

.myProTab .select2-container--default .select2-selection--single .select2-selection__placeholder,
.myProTab .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
}

.tranLabel {
    font-size: 14px;
    color: #5f5f5fd1;
    margin-bottom: 4px;
    font-weight: 500;
}

.makePri {
    color: #333;
    font-size: 15px;
}

.proEdit {
    background: white !important;
}

.makePri::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #808080;
    background: white;
    position: relative;
    top: 4px;
    margin-right: 10px;
}

input#radMake:checked+.makePri::before {
    background: #0075ff url(../img/check-mark.png) no-repeat;
    border-color: #0075ff;
    background-position: center center;
    background-size: 10px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 640px;
    }
}

@media (min-width:1600px) {
    .mycardCont {
        width: 49%;
        display: inline-block;
        padding-right: 145px;
    }
}

.signHeader {
    background: #EEEFF1;
    height: 15px;
    padding-top: 10px;
    z-index: 999999999;
    position: sticky;
    top: 0;
}

.modal-open .signHeader {
    z-index: 9999999;
}

.eHeaderRow {
    box-shadow: 0 9px 9px rgb(0 0 0 / 22%);
    background-color: #fff;
}

.wrap-sticky .eHeaderRow.sticked {
    position: fixed;
    top: 15px;
}

.swal2-container.swal2-center {
    z-index: 9999999;
}

.banUpBtn.yellowBtn {
    background: #eddd06;
    color: black;
    border: 1px solid #eddd06;
}

@media (max-width: 576px) {
    .signHeader a {
        padding: 5px 7px;
        font-size: 10px;
    }
    .signHeader .logout_btn img {
        margin-right: 3px;
        width: 18px;
        margin-bottom: 2px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .ef159133982080612969 nav.B3-navbar.bootsnav ul.B3-nav>li>a {
        margin-bottom: 0px;
        padding: 24px 5px;
    }
}

.signHeader .logout_btn:hover img {
    filter: unset;
}

.signHeader .logout_btn img {
    filter: brightness(50.5);
    margin-right: 10px;
}

.signInModal ul.nav {
    margin-top: 20px;
}

.select2-container {
    background: white;
}

.cardScroll {
    max-height: 313px !important;
    overflow-y: auto;
}

.cardScroll::-webkit-scrollbar {
    width: 7px;
}


/* Track */

.cardScroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

.cardScroll::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

.cardScroll::-webkit-scrollbar-thumb:hover {
    background: #888;
}


/* For select2 by Muthukumar 25-Mar-2021 */

.stanSelCont .select2-selection__rendered {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300;
    font-size: 15px !important;
    padding-left: 0 !important;
}

.stanSelCont .select2-selection {
    border: 0 !important;
    padding: 0 !important;
    height: 30px !important;
}

.stanSelCont .select2-container--default .select2-selection--single {
    background: unset;
}

.stanSelCont .select2-container {
    background: url(../img/stanSelDrop.png) no-repeat !important;
    background-position: calc(100% - 5px) center !important;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
}

.stanSelCont .select2-selection__arrow {
    display: none !important;
}

.select2-dropdown,
.select2-search__field {
    border: 1px solid #eee;
}


/* NO record found css by Muthukumar 29-Mar-2021 */

.norecFound {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 450px;
    width: 100%;
}

.norecFound img {
    width: 210px;
    filter: grayscale(1);
}

.norecFound p {
    margin: 15px 0 0 24px;
    font-size: 24px;
    font-weight: 300;
    color: #747474;
    text-align: center;
}

.d_box a.btn.linkBtn {
    background: #5b078a url(../img/linkBtn.png) no-repeat;
    background-size: 21.5px;
    background-position: left 15px center !important;
}

#cont_model .modal-header{
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0px;
    padding: 10px 14px;
    background-color: #eeeff1c7;
}

#cont_model .logo-model img {
    height: 60px;
    margin-top: 0px !important;
}

#cont_model .logo-model{
    text-align: center;
    display: block;
    width: 100%;
}

#cont_model .modal-content{
    border: 1px solid #dbd9d9;
}

#cont_model .modal-footer{
    display: none;
}

#cont_model{
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#cont_model::-webkit-scrollbar{
    display: none;
}

.share-fb, .share-twi, .share-lin {
    background: transparent;
    outline: 0 !important;
    border: 0 !important;
    display: flex;
    color: white !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-bottom: 7px;
}

.share-fb i, .share-twi i, .share-lin i {
    font-size: 19px !important;
    color: white !important;
}


@media (min-width: 1700px){
    .form-control{
        height: calc(2.25em + .125em);
        padding: .375em .75em;
        font-size: .875em;
        border: .0625em solid #ced4da;
        border-radius: .25em;
    }
    .signHeader {
        height: 1em;
        padding-top: .63em;
    }
    .banUpBtn{
        padding: .73em 1.4em;
        font-size: .815em;
    }
    .banUpBtn.yellowBtn{
        border: .0065em solid #eddd06;
    }
    .banUpBtn.violetBtn {
        border: .0065em solid #5b078a;
    }
    .wrap-sticky{
        height: 6em;
    }
    .eHeaderRow{
        box-shadow: 0 .5625em .5625em rgb(0 0 0 / 22%);
    }
    .ef159133982080612969 nav.B3-navbar.bootsnav li.dropdown ul.dropdown-menu{
        border-radius: .375em;
        width: 14.5em;
        min-width: 10em;
        padding: .3125em 0;
        margin: .125em 0 0;
        font-size: .875em;
        border: .0625em solid rgba(0,0,0,.15);
    }
    .ef159133982080612969 nav.B3-navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
        font-size: 1em !important;
        padding: .725em 1.0375em;
    }
    .signInModal .modal-dialog {
        max-width: 48em !important;
		border-radius: .625em !important;
        margin: 1.75em auto;
    }
    .signInModal .modal-content{
        border-radius: .625em;
    }
    .signInModal .invalid-feedback{
        font-size: .71875em;
        margin-bottom: 1.1em;
        margin-top: .25em!important;
    }
	.signInModal .nav-tabs{
		border-bottom: 0.0625em solid #eee !important;
	}
    .sendOtp {
        font-size: .875em;
        margin-bottom: 3.2125em;
    }
    .signInModal .canPro, .signInModal .savePro {
        border: .0625em solid #5b078a !important;
    }
    
    .signInModal .canPro, .signInModal .savePro {
        font-size: .875em;
        padding: .725em;
    }
    .signInModal .modal-body {
        min-height: 19.4375em;
        border-radius: .625em;
    }
    .signInModal .nav-tabs .nav-link {
        padding: .625em 0px .6875em;
        margin: 0 25px;
        border-bottom: .1875em solid transparent !important;
        font-size: 1.0625em;
    }
    .backButton {
        height: 1.875em;
        margin-top: -.9375em;
        margin-left: .5em!important;
    }
    .backButton img{
        width: 1.5em;
    }
    .enOtp {
        font-size: 0.90625em;
    }
    .forPass{
        font-size: .875em;
        margin: 0px 0 1.5625em 0;
    }
    .otpInputs input{
        width: 1.8em;
        height: 1.8em;
        font-size: 1.375em;
        margin-right: .88em;
    }
    img.img-tp{
        right: 1.25em;
        width: 10em;
    }
    .signInModal .row{
        margin-right: -.9375em;
        margin-left: -.9375em;
    }
    .signInModal .col-12, .signInModal .col-6{
        padding-right: .9375em;
        padding-left: .9375em;
    }
    .otpHead{
        font-size: 1.375em;
        margin-bottom: 2.2em!important;
    margin-top: 1.1em!important;
    }
    .proFormCont{
        font-size: .875em;
        height: 2.7375em;
    }
    .p-4 {
        padding: 1.5em!important;
    }
    .pl-3, .px-3 {
        padding-left: 1em!important;
    }
    .ef159133982080612969{
        padding-top: 1.5635em !important;
    }
    .B3-navbar{
        min-height: 3.125em;
    }
    .B3-navbar-collapse{
        padding-right: .9375em;
        padding-left: .9375em;
    }
    .B3-navbar-nav>li>a {
        line-height: 1.4em;
    }
    .ef159133982080612969 nav.B3-navbar.bootsnav ul.B3-nav > li > a{
        padding: 1em 1.07em;
        font-size: .875em !important;   
    }
    .ef159133982080518924 .efImage{
        padding-bottom: .9375em !important;
    }
    .rugby-logo{
        width: 6.25em !important;
    }
    .B3-nav span.icon {
        margin-right: .3125em;
        margin-left: .3125em;
    }
    .bannerCont .carousel-item{
        height: 40.625em;
    }
    .socialIcons li img {
        width: 1.3215em;
    }
    .socialIcons {
        margin-right: 3.125em;
    }
    .whiteBuilBot{
        height: 7.5em;
		margin-left: 0;
		padding-right: .9375em;
		padding-left: .9375em;
		margin-bottom: -.1em;
    }
	.whiteBuil{
	    height: 101%;	
	}
    .matchCont{
        margin-top: -5.9375em;
    }
    .pb-5, .py-5{
        padding-bottom: 3em !important;
    }
    .pt-5, .py-5{
        padding-top: 3em !important;
    }
    .mr-2, .mx-2{
        margin-right: .6em!important;
    }
    .mainHead{
        font-size: 1.625em;
        margin-bottom: .6em;
    }
    .mainHead a{
        font-size: .63em;
        margin-left: .5em;
    }
    .select2-container--default .select2-selection--single{
        height: 2.5em;
        padding: .3125em .375em;
        background-size: .75em !important;
        background-position: calc(100% - .9375em) .968em !important;
        border: .0625em solid #e6e8eb;
    }
    .select2-container .select2-selection--single .select2-selection__rendered{
        padding-left: .5em;
        padding-right: 1.4em;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 1.95em;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        font-size: 0.9375em;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder{
        font-size: 1.03em;
    }
    #exampleSlider .MS-content{
        margin: .9375em 1% .9375em 1%;        
    }
    #exampleSlider .MS-content .item{
        padding-right: 3.75em;
    }
    #carouselExampleIndicators .carousel-indicators li{
        width: .375em;
        height: .375em;
        border: .125em solid #f4e600;
        margin-right: .1875em;
        margin-left: .1875em;
        border-radius: 1.875em;
        margin-bottom: .5em;
    }
    .socialIcons li {
        margin-bottom: .625em;
    }
    .carousel-indicators li::after {
        content: '';
        width: 0px;
        height: .0625em;
        border-top: .0625em solid #f4e600;
        display: inherit;
        position: absolute;
        left: .5em;
        top: 0.15625em;
        transition: all linear .3s;
    }
    .carousel-indicators li.active::after {
        width: 3.9375em;
    }
    #carouselExampleIndicators .carousel-indicators, .socialIcons{
        margin-right: 3.75em;
    }
    .border-bottom-me{
        border-bottom: .0065em solid #d9d9d9;
    }
    .pb-4, .py-4{
        padding-bottom: 1.5em !important;
    }
    .mt-3, .my-3{
        margin-top: 1em !important;
    }
    .pt-4, .py-4{
        padding-top: 1.5em !important;
    }
    .majLeg, .locPara{
        font-size: 0.9375em;
    }
    .teamvs {
        font-size: 0.9375em;
        margin-bottom: 0.75em;
        margin-top: .1875em;
    }
    .iconWrap{
        width: 3.375em;
        min-width: 3.375em;
        min-height: 3.375em;
        height: 3.375em;
        border-radius: 1.875em;
        padding: .5em;
    }
    .vsPara{
        font-size: .875em;
        margin: 0 .725em 0;
    }
    .dateMonth{
        font-size: 0.8585em;
    }
    .timeDate{
        font-size: 1.0625em;
    }
    .vidImgCont{
        max-height: 11em;
		    height: 9em;
    }
	#myModal .close{
		height: 3.0125em;
		border-radius: 0px 0 0 2.925em;
		width: 3.0125em;
		font-size: 1.5em;
	}
    .matPara{
        font-size: 0.9375em;
        margin-top: 1.0625em;
        margin-bottom: .25em;
    }
    .videoPara{
        font-size: 0.9375em;
        margin-bottom: .625em;
        line-height: 1.375em;
    }
    .mt-4, .my-4{
        margin-top: 1.5em !important;
    }
    .scoreTable th{
        font-size: 0.9375em;
        border: 0.0625em solid #e4e5e6;
        border-bottom-color: #fff !important;
        border-top-color: #fff;
    }
    .scoreTable td{
        border: .0625em solid #e4e5e6;
        font-size: .875em;
    }
    #region-teams-win-loss_wrapper table.dataTable thead th, #region-teams-win-loss_wrapper table.dataTable thead td{
        padding: .65em 1.125em;
    }
    .cirNum{
        font-size: 1em;
        border-radius: 1.875em;
        width: 3.3em;
        padding: 0.1875em .3125em;
    }
    .viewAll{
        font-size: .875em;
    }
    .viewAll img{
        width: 1.25em;
        margin-left: .1875em;
        margin-top: -.1125em;
    }
    .mt-xl-0, .my-xl-0 {
        margin-top: 0!important;
    }
    .setHeight{
        min-height: 22.5em;
    }
    .pl-sm-2, .px-sm-2 {
        padding-left: .5em!important;
    }
    .pl-sm-3, .px-sm-3 {
        padding-left: 1em!important;
    }
    .pr-sm-3, .px-sm-3 {
        padding-right: 1em!important;
    }
    .ml-2, .mx-2 {
        margin-left: .5em!important;
    }
    .mb-1, .my-1 {
        margin-bottom: .25em!important;
    }
    .pl-2, .px-2{
        padding-left: .5em!important;
    }
    .pr-1, .px-1 {
        padding-right: .25em!important;
    }
	.mt-md-0, .mt-lg-0, .mt-sm-0{
		margin-top: 0 !important;
	}
    .offiCont{
        padding: .625em .625em 0 .625em;
        border: .0625em solid #eeeff1;
    }
    .offiImg {
        max-width: 6.25em;
        max-height: 5.3125em;
    }
    .offiName, .offiReg{
        font-size: .875em;
    }
    .borderRow{
        border: .0625em solid #eeeff1;
    }
    .offiContact{
        font-size: .875em;
        padding: .25em 0 0px !important;
    }
    .offiPhone img{
        width: .725em;
        margin-right: .4em;
    }
    table.asoTeamTab.dataTable tbody th, table.asoTeamTab.dataTable tbody td {
        padding: 1.15em .85em !important;
    }
	.offiMail img{
		width: .925em;
		margin-right: .4em;
	}
    /* Select2 dropdown */
    .select2-dropdown, .select2-search__field{
        border: .0625em solid #eee;
    }
    .select2-search--dropdown{
        padding: .25em;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field{
        font-size: .875em;
        border: .0625em solid #aaa;
    }
    .select2-container--default .select2-results>.select2-results__options{
        max-height: 12.5em;
    }
    .select2-results__options li{
        font-size: .875em;
        padding: .45em;
    }
	.select2-container--default .select2-selection--single .select2-selection__clear {
        margin-right: 2.375em;
    }
    /* Footer */
    .feet3, .feet2{
        border-left: .125em solid #5e5464;
    }
    [data-widget=button] a{
        height: 1.3125em!important;
    }
    .ef159163008856245734{
        padding-top: 3.125em!important;
        padding-bottom: 3.125em!important;
    }
    .ef159163008856337453{
        margin-right: 1.25em!important;
        padding-left: .9375em!important;
    }
    .ef160484260930971309, .ef160502735209968988, .ef160502740393779331{
        margin-right: 1.25em!important;
    }
    .ef160484431231037741 .col-auto{
        padding-left: 0.9375em;
    }
    .ef1604841928909 .efImage{
        width: 10em!important;
    }
    .ef1604843897215 > * {
        font-size: 1.125em !important;
    }
    .ef1604844045253 * {
        font-size: .96em !important;
    }
    .ef160484412506676740 *, .ef160484419739260635 *, .ef160484423666673673 * {
        font-size: 0.9575em !important;
    }
    .ef159163008856337453 p{
        margin-bottom: .625em !important;
    }
    .ef160484431231037741{
        margin-right: -.9375em!important;
        margin-left: -.9375em!important;
    }
    [data-widget=icon].ef160484431231365076 .eficon, [data-widget=icon].ef160484431231555782 .eficon, [data-widget=icon].ef160484431231839698 .eficon{
        border-width: .0625em !important;
        border-radius: 3.125em!important;
        font-size: .875em!important;
    }
    [data-widget=icon] .icon{
        padding: .725em ;
    }
    .ef159163008856245734 h3{
        font-size: 1.125em !important;
        margin-bottom: .5em;
    }
    .ef159163008856245734 [data-widget=button] a{
        height: 1.3125em!important;
        margin-bottom: .625em !important;
    }
    .ef159163008856245734 [data-widget=button] a .eftext, .ef1604891848746 [data-widget=button] a .eftext{
        font-size: 0.9375em !important;
    }
    .ef1599427854240{
        padding-top: .9375em!important;
        padding-bottom: 1.4375em!important;
    }
    .ef1604891848746{
        padding-top: .625em!important;
        padding-right: .9375em!important;
        padding-left: .625em!important;
    }
    .ef1599427889032{
        padding-top: .625em!important;
    }
    .ef1599427889032 *{
        font-size: .95em!important;
    }
    .ef1604891892810{
        padding-left: .9375em!important;
    }
    .ef160489194310618048 a{
        padding-left: .625em !important;
    }
    .ef160489194310487899{
        padding-left: .9375em!important;
        padding-right: .9375em!important;
    }
    .ef160489194695363239 a{
        padding-left: .625em !important;
    }
    .ef160484431231037741 .col-auto{
        padding-left: .8em!important;
    }
	
	#cont_model .modal-dialog{
		max-width: 40em;
	}
	#cont_model .modal-header{
		    border-bottom: .0625em solid #d2d2d2;
			padding: .625em .875em;
	}
	#cont_model .logo-model img {
		height: 3.75em;
	}
	#cont_model .modal-header .close {
		padding: .65em;
		margin: -.65em -.65em -.65em auto;
		font-size: 1.2em;
	}
	#cont_model .modal-body{
		    padding: 1em;
	}
	#cont_model .modal-body .col-sm-12{
		padding-left: .9375em!important;
        padding-right: .9375em!important;
	}
	#cont_model .modal-body .row{
	    margin-left: -.9375em!important;
		margin-right: -.9375em!important;
	}
	#cont_model .modal-body p {
		margin-top: 0;
		margin-bottom: 1em;
		font-size: 1em;
	}

    /* Schedule page */
	#index_videos .col-xl-3{
		padding-left: .9375em!important;
        padding-right: .9375em!important;
	}

    .pb-3, .py-3 {
        padding-bottom: 1em!important;
    }
    .pt-3, .py-3 {
        padding-top: 1em!important;
    }
    .pr-lg-3, .px-lg-3 {
        padding-right: 1em!important;
    }
    .pl-sm-3, .px-sm-3 {
        padding-left: 1em!important;
    }
    .pb-md-5, .py-md-5 {
        padding-bottom: 3em!important;
    }
    .pt-md-5, .py-md-5 {
        padding-top: 3em!important;
    }
    .ml-md-3, .mx-md-3 {
        margin-left: 1em!important;
    }
    .mr-lg-3, .mx-lg-3 {
        margin-right: 1em!important;
    }
    .ml-lg-3, .mx-lg-3{
        margin-left: 1em!important;
    }
    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5em!important;
    }
    .mb-4, .my-4 {
        margin-bottom: 1.5em!important;
    }
    .photoInput{
        border: .0625em solid #e6e8eb;
        border-right: 0;
        padding: .3125em .625em .3125em 2.5125em;
        height: 2.7em;
        font-size: .9375em;
        background: url(../img/searchIcon.png) no-repeat .6875em center;
        background-size: 1.05em;
    }
    .closeSearch{
        font-size: .9375em;
        top: .5em;
        right: .625em;
    }
    .ourPhotoInput{
        border-right: .0625em solid #e6e8eb;
    }
    .recFound{
        font-size: .65em;
    }
    .resFilter{
        font-size: .65em;
    }
    .stanFilCont{
        padding: .9em;
        border: .0625em solid #e6e8eb;
        box-shadow: 0 0 .3125em rgb(0 0 0 / 1%);
        margin-top: 1.1em;
    }
    .stanSelHead{
        font-size: .8em;
        margin-bottom: .725em;
    }
    .stanSelCont .select2-container{
        background: url(../img/stanSelDrop.png) no-repeat !important;
        background-position: calc(100% - .3125em) center !important;
        background-size: .51em !important;
    }
    .stanSelCont .select2-selection{
        height: 1.75em !important;
    }
    .stanSelCont .select2-selection__rendered{
        font-size: .8575em !important;
    }
    .banUpBtn.whiteBtn{
        padding: .86em 1.355em;
        border: .0625em solid #fff;
        border-top: 0;
        border-bottom: 0;
    }
    .selDate {
        width: 15em !important;
        height: 2.775em;
        margin-left: .9375em;
        background: white url(../img/calendarIcon.png) no-repeat;
        background-size: .875em;
        background-position: calc(100% - .875em) .6875em;
        font-size: .9375em;
        border: .0675em solid #e6e8eb;
    }
    .selDate::placeholder {
        font-size: 1em;
    }
    .bantamHead{
        padding: .6875em 1.25em;
        font-size: 1.0625em;
        margin: 0;
        margin-top: 1.5625em;
    }
    .schDate{
        font-size: 1.05em;
    }
    .addCal{
        border-left: .0675em solid #79717c !important;
        font-size: .775em !important;
        margin-left: 1.175em !important;
        padding-left: 1.1em !important;
    }
    .addCal img {
        width: 1.2em !important;
        top: -.0675em !important;
        margin-right: .49em !important;
    }
    .col-20-per, .col-80-per{
        padding-right: .9375em;
        padding-left: .9375em;
    }
    div.calenDrop .dropMenu{
        box-shadow: 0 0 .625em rgb(0 0 0 / 16%);
        border: .0625em solid #eeeff1;
        min-width: 9.3em;
        padding: .5em 0;
        border-radius: .25em;
        left: 1.675em !important;
    }
    div.calenDrop .dropMenu.show{
        top: 1.85em !important;
        left: 1.675em !important;
    }
    div.calenDrop .dropMenu a {
        font-size: .775em !important;
        padding: .45em 0.85em;
        border-bottom: .0625em solid #cccccc5c;
    }
    .schCity {
        font-size: .8875em;
    }
    .schCity img {
        width: 1.3em;
        margin-right: .5em;
        margin-top: -.125em;
    }
    .scoreTable td{
        font-size: .875em;
    }
    .schTable td{
        border: none;
    }
    table.schTable.dataTable tbody th, table.schTable.dataTable tbody td{
        padding: 1.15em .95em;
    }
    .pagePreLoader{
        background-size: 4em !important;
    }
    .schTable .min-170{
        min-width: 8.125em !important;
        max-width: 8.75em !important;
    }
    .schTable .colDivTeam{
        font-size: 1.08em;
    }
    .schTable .min-50 {
        max-width: 4.6875em;
        min-width: 4em;
        width: 4em;
    }
    .schTable .min-150 {
        min-width: 8.75em;
        max-width: 9.375em;
    }
    .schSport{
        margin-bottom: .25em;
        font-size: 1.05em;
    }
    .schSpoAns{
        font-size: 1.08em;
    }
    .dataTables_length label {
        margin-bottom: .5em;
        font-size: 1em;
    }
    .dataTables_length select{
        border: .0625em solid #e6e8eb;
        padding: .375em .625em .375em .3125em;
        margin: 0 .3125em;
    }
    .ourPagination{
        padding: .7125em .625em;
        margin-top: .5em!important;
    }
    .col-80-per .col-sm-4{
        padding-right: .9375em;
        padding-left: .9375em;
    }
    .ourPagination li a{
        padding: .125em;
        font-size: .8575em;
        min-width: 1.5625em;
        min-height: 1.5625em;
        margin: 0 .3125em;
    }
    .ourPagination li a img {
        width: .5em;
    }
    .datepicker{
        border: .0625em solid #dbdbdb;
        box-shadow: 0 .25em .75em rgb(0 0 0 / 15%);
        border-radius: .25em;
        font-size: .875em;
        width: 18.625em;
    }
    .datepicker--pointer{
        border-top: .0625em solid #dbdbdb;
        border-right: .0625em solid #dbdbdb;
        width: .725em;
        height: .725em;
    }
    .-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer{
        bottom: calc(100% - .25em);
    }
    .-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer{
        left: .725em;
    }
    .datepicker--nav{
        border-bottom: .0625em solid #efefef;
        min-height: 2em;
        padding: .35em;
    }
    .datepicker--nav-action{
        width: 2.3em;
        border-radius: .25em;
    }
    .datepicker--nav-action svg {
        width: 2.3em;
        height: 2.3em;
        padding: .4em;
    }
    .datepicker--nav-action path{
        stroke-width: .125em;
    }
    .datepicker--nav-title {
        border-radius: .25em;
        padding: 0 .5em;
    }
    .datepicker--nav-title i{
        margin-left: .29em;
    }
    .datepicker--content{
        padding: .25em;
    }
    .datepicker--days-names{
        margin: .55em 0 .25em;
    }
    .datepicker--cell{
        height: 2.3em;
        border-radius: .25em;
    }
    .datepicker--cells-months, .datepicker--cells-years, .datepicker--years{
        height: 11.025em;
    }
    #scoreNew .modal-content{
        border-radius: calc(.3em - .0675em);
    }
    #scoreNew .modal-body{
        padding: 1em;
		padding-right: 1.5375em !important;
		padding-left: 1.5375em !important;
    }
    #scoreNew .modal-header, #scoreNew .modal-body, #scoreNew .modal-footer{
        padding-left: 1.25em;
        padding-right: 1.25em;
    }
    #scoreNew .modal-header{
        padding-right: 4em;
        padding-top: 1em;
		padding-left: 1.25em !important;
        padding-bottom: 1em;
        border-bottom: .0625em solid #dee2e6;
    }
    #scoreNew .close{
        right: .85em !important;
    }
    #scoreNew .temName{
        font-size: 1.0625em;
        line-height: 1.4em;
    }
    #scoreNew .temPlayers{
        font-size: 1em;
        line-height: 1.4em;
        margin: .25em 0 0;
    }
    #scoreNew .nav-tabs .nav-link{
        font-size: .9375em !important;
    }
    #scoreNew .borRadTr{
        border-right: .0625em solid #ececf6 !important;
        border-bottom: .0625em solid #ececf6 !important;
        max-height: 25em;
    }
    #scoreNew table.dataTable thead th, #scoreNew table.dataTable thead td {
        padding: .625em 1.125em;
        border-bottom: .0625em solid #111;
    }
    #scoreNew table.dataTable thead th{
        font-size: 1em;
    }
    div#player_stats_content table.scoreBTable th.sticPos p{
        padding: .75em 1em !important;
        font-size: 1em;
        border-bottom: .0625em solid #747474 !important;
    }
    table.scoreBTable tbody td p{
        font-size: .92em;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.sorting_1:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
        top: 50%;
        left: .3125em;
        height: 1em;
        width: 1em;
        margin-top: -9px;
        border: .15em solid #fff;
        border-radius: 1em;
        box-shadow: 0 0 0.2em #444;
        line-height: 1em;
        content: "+";
    }
    div#player_stats_content table.dataTable.dtr-inline.collapsed>tbody>tr>td.sorting_1:before, #player_stats_content table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
        font-size: .785em;
        margin-top: -.5375em;
        left: .8875em;
    }
    #player_stats_content table.dataTable>tbody>tr.child span.dtr-title{
        min-width: 6.5625em !important;
    }
    #player_stats_content .scoreBTable .dtr-data p{
        font-size: 1em;
    }
    .tooltip, .tooltip * {
        font-size: 0.9em;
        padding: .4em 1em;
        word-break: normal !important;
        width: max-content;
        max-width: 13em;
        border-radius: .3em;
    }

    /* Playoff page */
    .playInput {
        border: .0625em solid #e6e8eb;
        padding: .3125em 1.925em .3125em 2.4125em !important;
        height: 2.67em;
        font-size: .9375em;
        width: 60%;
        background: url(../img/searchIcon.png) no-repeat .6875em center !important;
        background-size: .975em !important;
    }
    .closeSearch{
        font-size: .9375em;
        top: .55em;
        right: .655em;
    }
    .yearSel .select2-container{
        width: 9.0625em !important;
    }
    .yearSel .select2-container--default .select2-selection--single{
        background: url(../img/calendarIcon.png) no-repeat;
        background-size: .875em !important;
        background-position: calc(100% - .9375em) .5875em !important;
    }
    .playFcont{
        margin-top: 1.875em;
    }
    .playCont {
        padding: 1.875em 1.875em 3.9375em;
        min-height: 12.1875em;
    }
    span.playPdfCont{
        min-width: 4em;
        height: 4em;
        padding: .59em;
        width: 4em;
    }
    .playName {
        font-size: .9em;
        line-height: 1.5em;
    }
    .playYear{
        margin: .68em 0 0;
        font-size: .71em;
    }
    .playYear img {
        width: 1em;
        top: -.125em;
        margin-right: .35em;
    }
    .downBrac{
        padding: .6em;
        font-size: .78em;
        letter-spacing: .03125em;
        width: calc(100% - 4.75em);
        bottom: 1.95em;
    }
    .downBrac img {
        margin-right: .95em;
        width: 1.325em;
    }
    .playFcont{        
        padding-right: .9375em;
        padding-left: .9375em;
    }
    .norecFound{
        height: 28em;
    }
    .norecFound img{
        width: 13.126em;
    }
    .norecFound p {
        margin: .8375em 0 0 1em;
        font-size: 1.5em;
    }
}


@media (min-width: 1800px){
    body{
        font-size: 16.5px;
    }
}

@media (min-width: 1680px){
    body{
        font-size: 17.5px;
    }
}


@media (min-width: 1900px){
    body{
        font-size: 19.9px;
    }
}

@media (min-width: 2000px){
    body{
        font-size: 21.2px;
    }
}

@media (min-width: 2200px){
    body{
        font-size: 24px;
    }
}

@media (min-width: 2500px){
    body{
        font-size: 26.7px;
    }
}

@media (min-width: 3000px){
    body{
        font-size: 31.9px;
    }
}

@media (min-width: 3400px){
    body{
        font-size: 35.7px;
    }
}

@media (min-width: 3800px){
    body{
        font-size: 40.5px;
    }
}

@media (min-width: 4000px){
    body {
        font-size: 42.6px;
    }
}

@media (min-width: 4500px){
    body {
        font-size: 48px;
    }
}

@media (min-width: 6000px){
    body {
        font-size: 64px;
    }
}