/*--------------- TYPOGRAPHY------------------*/
/*------------- General rules ----------------*/
body {
    font-family: 'PF Bague Sans Pro', sans-serif;
    background-color: #000;
}


p, label, h1, h2, h3, h4, h5, h6 {
    letter-spacing: calc(0.01 * 1em);
    line-height: calc(1.5 * 1em);
    word-spacing: calc(0 * 1em);
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PF Bague Sans Pro', sans-serif;
}

/*14px*/
p {
    font-size: 0.875rem;
    font-weight: normal;
}

label {
    font-size: 0.8125rem;
    font-weight: bold;
    text-transform: uppercase;
}

label a{
    font-size: 0.8125rem !important;
    font-weight: bold;
}

h1 {
    font-size: 2.75rem;
    font-weight: bold;
}

h2 {
    font-size: 2.25rem;
    font-weight: bold;
}

h3 {
    font-size: 1.75rem;
    font-weight: bold;
}

h4 {
    font-size: 1.56rem;
    font-weight: bold;
}

h5 {
    font-size: 1.25rem;
    font-weight: normal;
}

h6 {
    font-size: 1.125rem;
    text-transform: uppercase;
}

.menu-link {
    font-size: 1.0625rem;
    font-weight: normal;
    text-transform: capitalize;
}

.submenu {
    font-size: 0.94rem;
    font-weight: normal;
    text-transform: capitalize;
}

/*13px small details text*/
.caption {
    font-size: 0.8125rem;
    line-height: 1.22rem;
    font-weight: normal;
}

/* 17px */
.large-body {
    font-size: 1.067rem;
    font-weight: normal;
}

.label-note {
    text-transform: capitalize;
    font-weight: 500;
    color: #707070;
}

i {
    font-size: 20px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

svg {
    fill: #444444;
}


.st0 {
    fill: #FFFFFF;
    stroke: #444444;
    stroke-miterlimit: 10;
}

.st3 {
    font-size: 11px;
}

svg.switch-direction {
    width: 200px;
    margin-left: -35px;
}


a {
    color: #f5d208;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

.disabled {
    pointer-events: none;
    opacity: .65;
}

.theme-primary-text-color {
    color: #000;
}

.theme-secondary-text-color {
    color: #f5d208;
}

.white-color {
    color: #fff;
}

.border-dashed {
    border: 1px dashed;
}

.theme-border-color {
    border-color: #f5d208 !important;
}

iframe {
    width: 100%;
}

.truncate-text-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.2em !important;
    min-height: 3.2em !important;
}

.truncate-text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.65em;
    min-height: 4.65em;
}

main.inner-page {
    background-color: #f5d208;
}

.border-black {
    border-color: black !important;
}

.m-height-86 {
    min-height: 86%;
}

/*---------------END TYPOGRAPHY------------------*/

/*-----------------BUTTONS--------------------*/

.btn {
    font-size: 0.875rem;
    font-weight: 500;
    border: solid 0.06rem #f5d208;
    box-shadow: 0 0.1875rem 0.375rem #00000029;
    padding: 0.625rem;
    min-width: 150px;
    min-height: 40px;
}

.btn-sm {
    font-size: 0.875rem;
    padding: 0.238rem;
    min-width: 115px;
    min-height: 30px;
}

.btn-lg {
    font-size: 1.25rem;
    padding: 0.625rem;
    min-width: 155px;
    min-height: 50px;
}


/*button with background solid color*/

.btn-solid {
    color: #000;
    letter-spacing: calc(0.12 * 1rem);
    background-color: #f5d208;
    border-radius: 0rem;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-solid:hover {
    color: #000;
    background-color: #ab9305;
    border: solid 0.06rem #ab9305;
}

.btn-solid:active {
    background-color: #ab9305;
    border-color: #ab9305;
}

.btn-solid:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem #0d6efd40;
}

/*.btn-solid:focus-visible {*/
/*    border-color: #174B9E;*/
/*    outline: none;*/
/*    box-shadow: 0 0 0.125rem 0.2rem #0d6efd40;*/
/*}*/

/*button with outline color clear background color*/

.btn-outline {
    background-color: #ffffff;
    color: #1b55b2;
}

.btn-outline:hover {
    background-color: #1b55b2;
    color: #ffffff;
}

.btn-outline:active {
    background-color: #174B9E;
    color: #ffffff;
    border-color: #174B9E;
}

.btn i {
    position: relative;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}

.btn-link {
    text-decoration: none;
    font-size: 1rem;
    color: #C5B206;
    border: none;
    box-shadow: none;
    padding: 0px;
    min-width: fit-content;
    min-height: fit-content;
}

.btn-link:hover {
    color: #fff;
}

.btn-link svg {
    position: relative;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}

.btn-link:hover svg {
    fill: #1b55b2;
}

.btn-link i {
    position: relative;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}

.link-roster {
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}

.link-roster i {
    width: fit-content;
    height: fit-content;
    margin-right: 0px;
    position: relative;
    top: -1px;
}

.link-roster:hover h3 {
    color: #333;
}
/*-----------------end BUTTONS--------------------*/


/*----------------Styling shortcodes---------------------*/
/*Box shadow elements*/
.shadow {
    box-shadow: 0px 3px 6px #00000016 !important;
}

.theme-shadow {
    box-shadow: 1px 3px 10px rgba(245, 210, 8 ,0.1) !important
}

/*Use spacer for consistent standard space between header and contend and where is needed*/
.spacer {
    margin-top: 1.25rem;
}


/*----------------Functions styles----------------------------------*/

/*sticky on top 0*/
.sticky {
    position: sticky;
    top: 0;
}

/*using in login full screen for item positioning*/
.stretched #wrapper {
    width: 100%;
    margin: 0;
    box-shadow: none;
}

#wrapper {
    position: relative;
    float: none;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.content-wrap {
    position: relative;
    padding: 0px 0;
    overflow: hidden;
}


/*Login half image*/

.login, .halfScreen-bg-image {
    min-height: 100vh;
}


.halfScreen-bg-image {
    background-image: url("/staticfiles/images/background.jpg");
    background-size: cover;
    background-position: center center;
}

.bg-image {
    background-image: url("/staticfiles/images/background.png");
    background-attachment: fixed;
    background-size: 40%;
    background-position: right bottom;
    background-repeat: no-repeat;
    opacity: 0.3;
    position: fixed;
}

.fullScreen-bg-image {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/staticfiles/images/background.jpg");
    background-size: cover;
    width: 100%;
}

/*---------------Login page with full bg styles------------------------*/
.vertical-middle {
    z-index: 3;
    position: relative;
    display: flex;
    width: 100%;
    min-height: 100%;
    justify-content: center;
    flex-flow: column;
}

.form-group {
    margin-bottom: 2rem;
}

.logo-login {
    max-width: 250px;
}

.card-body.login-titles h4 {
    letter-spacing: calc(0.05 * 1em);
    line-height: calc(1.5 * 1em);
    word-spacing: calc(0.05 * 1em);
}

/*---------------End Login page with full bg styles------------------------*/

/*-----------------inner menu styles-----------------------------------*/
.inner-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
    z-index: 6;
}

.inner-menu ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    display: inline-flex;
}

.inner-menu ul li a {
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    color: #444444;
}

.inner-menu ul li.dropdown-item a {
    padding: 5px 10px;
    display: flex;
}

svg:disabled {
    fill: #707070;
}

.sticky.inner-menu {
    top: 80px !important;
    position: sticky;
}

/*------------------end inner menu styles----------------------------*/

/*------------------social asil--------------------------------*/
.scrolled.social-media-asil {
    background-color: #000;
    border-radius: 40px;
    padding: 0.625rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.social-media-asil {
    position: fixed;
    top: 40%;
    right: 15px;
    z-index: 100;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-media-asil ul {
    margin-bottom: 0;
}

.social-media-links--platforms {
    padding-left: 0;
}

.social-media-asil li {
    margin: 0 0 1.5em 0!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-media-links--platforms.vertical li {
    list-style-type: none;
    margin: 0 0 0.5em 0;
}

.social-media-links--platforms.vertical li:last-child {
    margin: 0!important;
}

.scrolled.social-media-asil ul li:last-child {
    margin: 0!important;
}

.social-media-asil a {
    color: #000;
    -webkit-transition: color ease-in-out .3s;
    -o-transition: color ease-in-out .3s;
    transition: color ease-in-out .3s;
}

.scrolled.social-media-asil a {
    color: #f5d208;
}

.social-media-asil a:hover {
    color: #333
    ;
}

.scrolled.social-media-asil ul li a:hover {
    color: #C5B206;
}

.social-media-asil a i {
    margin-right: 0;
    width: fit-content;
    height: auto;
}

/*social home*/

.social-home .scrolled.social-media-asil {
    background-color: #f5d208;
    border-radius: 40px;
    padding: 0.625rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-home .social-media-asil {
    position: fixed;
    top: 40%;
    right: 15px;
    z-index: 100;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-home .social-media-asil ul {
    margin-bottom: 0;
}

.social-home .social-media-links--platforms {
    padding-left: 0;
}

.social-home .social-media-asil li {
    margin: 0 0 1em 0!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-home .social-media-links--platforms.vertical li {
    list-style-type: none;
    margin: 0 0 0.5em 0;
}

.social-home .social-media-links--platforms.vertical li:last-child {
    margin: 0!important;
}

.social-home .scrolled.social-media-asil ul li:last-child {
    margin: 0!important;
}

.social-home .social-media-asil a {
    color: #f5d208;
    -webkit-transition: color ease-in-out .3s;
    -o-transition: color ease-in-out .3s;
    transition: color ease-in-out .3s;
}

.social-home .scrolled.social-media-asil a {
    color: #000;
}

.social-home .social-media-asil a:hover {
    color: #C5B206
    ;
}

.social-home .scrolled.social-media-asil ul li a:hover {
    color: #C5B206;
}

.social-home .social-media-asil a i {
    margin-right: 0;
    width: fit-content;
    height: auto;
}
/*------------------end social asil--------------------------------*/

/*------------------Page title--------------------------------*/

#page-title {
    position: relative;
    padding: 3rem 0;
    background-color: var(--secondary-bgcolor);
    border-bottom: var(--border-bottom);
}

#page-title.sticky {
    position: sticky;
    top: 4.3rem /*6.35rem*/;
    z-index: 100;
}

/*------------------Tabs position on scroll------------------------------*/
#nav-tabs.sticky {
    position: sticky;
    top: 14rem /*16.1rem*/;
    z-index: 100;
}


/*----------------------------Verification code---------------------------*/
.verify {
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #1B55B2;
    margin-left: 10px;
    border-radius: 50%;
    display: inline-block;
}

/*----------------------------homepage sections---------------------------*/
#homapage-games {
    margin-top: 60px;
    background-image: url(../images/stadium-bg3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

/*----------------------------end homepage sections---------------------------*/

#homepage-footerbanner {
    margin-top: 6rem;
}

#homepage-footerbanner .heigth-banner {
    min-height: 24.3rem;
}

#homepage-footerbanner .score-table {
    min-height: 24.3rem;
}

/*----------------------------Carousel---------------------------*/
.carousel-indicators [data-bs-target] {
    background-color: #D6D6D6;
    opacity: 1;
    width: 40px;
    height: 12px;
}

.carousel-indicators .active {
    background-color: #f5d208;
}

.full-page-carousel {
    height: 93vh;
}

.full-page-carousel img {
    height: 83vh;
    object-fit: cover;
}

/*.carousel-caption {
    bottom: 50%;
}*/

.carousel-title {
    background-color: #f5d208;
    color: #000;
    width: fit-content;
    padding: 5px;
    font-size: 2rem;
    font-weight: bold;
    text-align: left;
}

.carousel-subtitle {
    background-color: #000;
    color: #f5d208;
    width: fit-content;
    margin-top: 30px;
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
}

.carousel-control-next,
.carousel-control-prev {
    width: 5%;
}

.carousel-subtitle a {
    color: #fff;
}

.carousel-subtitle a:hover {
    border-bottom: 3px solid #f5d208;
}

.carousel-caption {
    right: inherit;
    left: 18%;
    width: 26%;
    text-align: left;
    bottom: 2.25rem;
}

.carousel-caption .btn-solid {
    background-color: #fff;
    border: 1px solid #fff;
    float: right;
    margin-top: 30px;
    font-size: 1.2rem
}

.carousel-caption .btn-solid i {
    top: 2px;
}

.carousel-caption .btn-solid:hover {
    background-color: #f5d208;
    border: 1px solid #f5d208;
}
/*----------------------------End Carousel---------------------------*/

#season{
    background-image: url('../images/members.jpg');
    background-size: cover;
    margin-top: 6rem;
    margin-bottom: 6rem;
}

#official-jersey {
    background-image: url('../images/fanzone/viber-image-2024-09-18-13-50-58-436.jpg');
    background-size: cover;
    margin-top: 6rem;
    margin-bottom: 6rem;
}

#official-jersey .color-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.home-big-banner#official-jersey {
    background-size: 50%;
    background-position: center 13%;
}

/*----------------------------Members---------------------------*/
#members {
    background-image: url('../images/members.jpg');
    background-size: contain;
    background-position: center;
    margin-top: 6rem;
    margin-bottom: 4rem;
}

#members-form {
    background-image: url('../images/members-overlay.jpg');
    background-size: cover;
    background-position: center;
    min-height: 500px;
}
/*----------------------------End Members---------------------------*/

/*----------------------------Gallery---------------------------*/
.gallery {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
    margin: 10px auto;
    padding: 0 10px;
}

.gallery__item {
    /*align-items: center;
    justify-content: center;*/
    display: list-item;
    position: relative;
}

.gallery__item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.gallery__item--hor {
    grid-column: span 2;
}

.gallery__item--vert {
    grid-row: span 2;
}

.gallery__item--lg {
    grid-column: span 2;
    grid-row: span 2;
}

.video ::before {
    font-family: 'Font Awesome 6 Free';
    color: white;
    content: "\f04b";
    opacity: 0.9;
    font-size: 44px;
    position: absolute;
    left: 20px;
    bottom: 10px;
}

.img-list {
    list-style: none;
    margin: 0;
}

.img-list figure {
    border: 5px solid transparent;
    box-sizing: border-box;
    /* width: 28.3%; */
    height: 207px;
    /* float: left; */
    position: relative;
    cursor: pointer;
    display: inline-block;
}

/*.img-list figure:hover ::before{
    font-family: 'Font Awesome 6 Free';
    color: white;
    content: "\f04b";
    opacity: 0.9;
    font-size: 44px;
    position: absolute;
    left: 20px;
    bottom: 10px;
}*/

.img-list img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*----------------------------End Gallery---------------------------*/

/*----------------------------Sponsors---------------------------*/
.separator-sponsor {
    height: 5px;
    width: 70px;
    background-color: #f5d208;
    display: block;
    position: relative;
    margin: 1rem auto;
}

.sponsor-item {
    margin-bottom: 2rem;
    padding: 0.5rem;
}

.sponsor-item {
    max-width: 100%;
    height: auto;
    -webkit-filter: brightness(0) invert(1);;
    filter: brightness(0) invert(1);
}

.sponsor-item:hover {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(0.8);
}

.all-sponsors .sponsor-item {
    margin-bottom: 0;
}
/*----------------------------End Sponsors---------------------------*/


/*----------------------------Page Header---------------------------*/
.page__header {
    height: 220px;
    background: no-repeat center center;
    background-size: cover;
}

.color-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

.headerTextBox {
    min-height: 220px;
}

/*----------------------------End Page Header---------------------------*/

/*-----------------------Fixtures---------------------------- */
.fixtures-match.my-team{
    background-color: #dcbd07;
}

.fixtures-match .match-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fixtures-match .match-date-info {
    background-color: #000;
    padding: 0.625rem;
    text-align: right;
}

.fixtures-match .match-date-info .match-date-date {
    font-size: 0.85rem;
    line-height: 1.25rem;
    text-transform: capitalize;
    margin-bottom: 0.25rem;
    font-weight: bold;
}

.fixtures-match .match-home,
.fixtures-match .match-away {
    font-size: 1rem;
    line-height: 1.625rem;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fixtures-match .match-away {
    -webkit-justify-content: end;
    justify-content: end;
}

.fixtures-match .match-home span {
    padding-left: 10px;
}

.fixtures-match .match-away span {
    padding-right: 10px;
}

/* .fixtures-match .match-home {
    text-align: right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
} */

.fixtures-match .match-score {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    font-size: 2rem;
    line-height: 4.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.fixtures-match .match-home img,
.fixtures-match .match-away img {
    width: 50px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.fixtures-match .match-home img {
    margin-left: 0.625rem;
}

.fixtures-match .match-away img {
    margin-right: 0.625rem;
}

/*-----------------------End Fixtures---------------------------- */

/*-----------------------Players Grid---------------------------- */
.player {
    background-color: #333;
    position: relative;
}

.trans {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.player-nummer {
    position: absolute;
    height: 60px;
    width: 45px;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 1;
}

.player:hover .player-nummer {
    background-color: #f5d208;
}

.player-nummer h3 {
    font-size: 20px;
    line-height: 18px;
    padding-top: 20px;
    text-align: center;
    color: #f5d208;
}

.player:hover .player-nummer h3 {
    color: #232323;
}

.player-image {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.player-image img {
    top: 0;
    width: 100%;
}

.player-text {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    padding: 18px 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.player:hover .player-text {
    background: -moz-linear-gradient(top, rgba(249, 202, 58, 0) 0%, rgba(249, 202, 58, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(249, 202, 58, 0) 0%, rgba(249, 202, 58, 1) 100%);
    background: linear-gradient(to bottom, rgba(249, 202, 58, 0) 0%, rgba(249, 202, 58, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f9ca3a', endColorstr='#f9ca3a', GradientType=0);
}

.player-text h3 {
    font-size: 23px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: 48px;
    width: calc(100% - 38px);
}

.player-text.executives h3 {
    bottom: 50px;
}

.player-text.executives p {
    font-size: 17px;
    line-height: 27px;
    color: #f5d208;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 38px);
}

.player-text p {
    font-size: 16px;
    line-height: 16px;
    color: #f5d208;
    position: absolute;
    bottom: 8px;
    width: calc(100% - 38px);
    height: calc(100% - 125px);
}

.player:hover .player-text h3 {
    color: #000;
}

.player:hover .player-text p {
    color: #312a01;
}

.player-text a {
    color: #f5d208;
    position: absolute;
    bottom: 7px;
    text-decoration: none;
    z-index: 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    border-bottom: solid 2px #f5d208;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    vertical-align: top;
    display: inline;
}

.player-text.players a {
    bottom: 16px;
}

.player:hover .player-text a {
    color: #232323;
}

.player-text a:hover {
    color: #232323;
    border-bottom: solid 2px #232323;
}
/*-----------------------End Players Grid---------------------------- */

/*------------------------------Players Info-------------------------*/
.squad-num {
    background-color: #f5d208;
    height: 104px;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.squad-num .shirt-no {
    font-size: 59px;
    color: #000;
}

.player-front-img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.player-front-img img {
    border: 0px;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

.player-info-title {
    margin: 0px;
    padding: 0px 0px 11px 0px;
    font-size: 23px;
    line-height: 14px;
    color: #ececec;
    font-weight: 700;
}

.player-basic-data-table {
    margin: 0px;
    padding: 0px;
}

.player-basic-data-table-r1:first-child {
    border-top: solid 1px #5c5c5c;
}

.player-basic-data-table-r1 {
    margin: 0px;
    padding: 0px;
    border-bottom: solid 1px #5c5c5c;
}

.player-basic-data-r1-label {
    margin: 0px;
    padding: 0px;
    width: 125px;
    float: left;
    font-size: 13px;
    color: #868686;
    line-height: 30px;
}

.player-basic-data-r1-text {
    margin: 0px;
    padding: 0px;
    width: calc(100% - 125px);
    float: right;
    font-size: 13px;
    color: #ececec;
    line-height: 30px;
}

.player-board-sponsor-logo {
    margin-top: 15px;
}

.player-board-sponsor-logo a img {
    border: 0px;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.current-stati-info-main {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.current-stati-info-title-main {
    margin: 0px;
}

.current-stati-table-main {
    margin: 0px;
    padding: 0px;
}

.current-stati-table-title table {
    margin-bottom: 0px;
    border: 0px;
}

.current-stati-table-title table tr th {
    color: #868686;
    font-size: 13px;
    padding: 8px 10px;
    font-weight: 400;
}

.current-stati-table-title table tr td {
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    font-weight: 400;
}

.player-box {
    background-color: #232323;
    padding: 10px;
}

.player-content h4 {
    line-height: 1.3em;
    min-height: 4rem;
}
/*------------------------------End Players Info-------------------------*/

.owl-theme .owl-dots .owl-dot span {
    width: 30px !important;
    border-radius: 0px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f5d208 !important;
}

/*------------------------------End full-article-------------------------*/
/* .page__article-inner {
    height: 385px;
    background: rgb(73,63,2);
    background: linear-gradient(90deg, rgba(73,63,2,1) 0%, rgba(0,0,0,1) 31%, rgba(25,25,25,1) 91%);
    position: relative;
    padding-top: 2.9375rem;
} */

.full-article {
    position: relative;
    z-index: 2;
    padding: 15px;
}

/* .full-article .full-article-position{
    margin-top: -8.5rem;
}

.full-article .full-article-position-right-bar{
    margin-top: -8.8rem;
} */

.full-article .article_image {
    position: relative;
    overflow: hidden;
    min-height: 24px;
    height: 24px;
    height: auto !important;
    margin-left: -20PX;
    margin-right: -20px;
    width: inherit;
}

.full-article .article_image .slider{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
}

.full-article .article_text {
    font-size: 1rem;
    margin: 2rem 0;
    color: #fff;
}

.full-article .article_text p{
    font-size: 1rem;
}

.paragraph-size p {
    font-size: 1rem;
}

.a2a-link i {
    color: #f5d208;
}

.a2a-link:hover i {
    color: #C5B206;
}

.box {
    margin-bottom: 15px;
}

.box-black {
    background: #000;
}

.skyscraper .head {
    margin: 0;
}
.box .head {
    background-color: #333;
    line-height: 50px;
    padding: 0 9px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.01rem;
}

.box-announcement .header {
    padding: 15px 15px 1px 15px;
    position: relative;
}

.box-announcement .content-oversize {
    background-color: #fff;
}

.content-oversize {
    position: relative;
    overflow: hidden;
    margin: 0 -5px;
    min-height: 24px;
    height: 24px;
    height: auto !important;
}

.box-announcement .content-oversize > * {
    padding: 30px;
}

.box-announcement .meta {
    padding-bottom: 15px;
}

.box-announcement .content-oversize .meta + .meta {
    border-top: 1px solid #000;
}

/*sponsor*/
.major-sponsor {
    padding: 2rem 0.5rem;
}

.major-sponsor img {
    width: 100%;
}
/*------------------------------End full-article-------------------------*/

/*-----------------------Board---------------------------- */
.mpc-icon {
    border: 5px solid #f5d208;
    border-radius: 999px;
    padding: 0px;
    padding: 0px;
    margin-right: 2px;
    margin-left: 2px;
}

.mpc-icon.mpc-icon-hover:hover, 
.mpc-parent-hover:hover .mpc-icon.mpc-icon-hover, 
.mpc-active .mpc-icon.mpc-icon-hover {
    border: 5px solid rgba(245, 210, 8, 0.7);
    border-radius: 999px;
}

.mpc-tooltip {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 15px solid #C5B206;
    border-radius: 0px;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 28px;
    color: #000;
    font-size: 14px;
    line-height: 1.7;
    text-align: left;
    background: #f5d208;
    border-right: 1px solid #C5B206;
    border-top: 1px solid #C5B206;
    border-bottom: 1px solid #C5B206;
}

.mpc-textblock {
    margin-top: 15px;
    max-width: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 1.4;
    text-align: center;
    text-transform: none;
}

.mpc-column {
    text-align: center;
}

.mpc-icon.mpc-icon-hover:hover i, 
.mpc-parent-hover:hover .mpc-icon.mpc-icon-hover i, 
.mpc-active .mpc-icon.mpc-icon-hover i {
    color: #0d1930;
}

.mpc-icon i {
    font-size: 20px;
    color: #ffffff;
}

.mpc-tooltip.mpc-position--top .mpc-arrow {
bottom: -14px;
left: 50%;
margin-left: -7px;
border-right-color: transparent!important;
border-bottom-color: transparent!important;
border-left-color: transparent!important;
}

.mpc-tooltip .mpc-arrow {
position: absolute;
border-color: #f5d208;
border-style: solid;
border-width: 7px;
}
/*-----------------------End Board---------------------------- */

/*----------------------- Pagination---------------------------- */
.page-link {
    font-size: 14px;
    padding: 7px 16px;
}

.pagination-lg .page-link {
    font-size: 16px;
    padding: 9px 14px;
}

.pagination li.disabled .page-link {
    color: #f5d208;
    background-color: #333;
    border-color: #3333;
}

.pagination li .page-link {
    color: #f5d208;
    background-color: #000;
    border-color: #000;
}

.page-item.active .page-link {
    color: #f5d208;
    background-color: #333;
    border-color: #333;
}

.page-item:hover .page-link {
    color: #f5d208;
    background-color: #333;
    border-color: #333;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


.page-item:first-child .page-link {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/*---------------------- Progress Bar--------------------------- */
.progress {
    margin-bottom: 10px;
    border-radius: 2px;
    height: 10px;
    background-color: #eeeeee;
}

.progress-bar {
    background: #1b55b2;
    border-radius: 2px;
}

/*--------------------------Rating------------------------------------ */
.rating-wrapper {
    align-self: center;
    display: inline-flex;
    direction: rtl !important;
    margin-left: auto;
    position: relative;
    margin-bottom: 20px;
}

.rating-wrapper label {
    color: #1b55b2;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    padding: 10px 50px;
    border: 1px solid #1b55b2;
    margin-right: 1px;
    font-weight: 400;
    white-space: normal !important;
}

.rating-wrapper .rating-label:nth-child(3) {
    border-radius: 0px 3px 3px 0px;
}

.rating-wrapper label:last-child {
    border-radius: 3px 0px 0px 3px;
}

.rating-wrapper input {
    height: 100%;
    width: 100%;
}

.rating-wrapper input {
    display: none;
}

.rating-wrapper label:hover,
.rating-wrapper label:hover ~ label {
    color: #FFFFFF;
    background-color: #246AD9;
}

.rating-wrapper input:checked ~ label {
    color: #FFFFFF;
    background-color: #1b55b2;
}

.rating-description {
    font-size: 13px;
    color: var(--primary-font-color);
    text-transform: uppercase;
    font-weight: 400;
}

.rating-description span:first-child {
    position: absolute;
    left: 0%;
    top: 110%;
}

.rating-description span:last-child {
    position: absolute;
    right: 0%;
    top: 110%;
}

/*--------------------------------Badge-------------------- */
.badge {
    /*min-width: 88px;*/
    text-align: center;
    /*font-size: 14px;*/
    font-weight: 300;
    color: #FFFFFF;
    border-radius: 3px 0 0 0;
    padding: 7px 10px;
    margin-bottom: 0;
}

.w-badge {
    min-width: 88px;
}

/*bg colors*/
.bg-pacific-blue {
    background-color: #0B9FC5;
}

.bg-orange {
    background-color: #E36219;
}

.bg-blue {
    background-color: #1861B5;
}

.bg-shamrock-green {
    background-color: #33CE95;
}

.bg-yellow {
    background-color: #f5d208;
}

.bg-dark-red {
    background-color: #D63031;
}

.bg-red {
    background-color: #F30000;
}

.bg-cadet-blue {
    background-color: #36A5B2;
}

.bg-electron-blue {
    background-color: #0984e3;
}

.bg-dark-green {
    background-color: #348F6E;
}

.bg-purple {
    background-color: #9050E0;
}

.bg-dark-gray {
    background-color: #707070;
}

.bg-mint {
    background-color: #00b894;
}

/*-------------------- Card types------------------ */
/*-------------------- Card general styles------------------ */

.card.homepage-article {
    background-color: #fff;
    position: relative;
}

.card-link:hover .card.homepage-article {
    background-color: #f5d208;
}

.homepage-article .article_date {
    position: absolute;
    margin-top: 0;
    top: 0;
    right: 0;
    background-color: #fff;
    height: 23px;
    line-height: 1.4;
    height: 21px;
}

.homepage-article .article_date:before {
    border-right: 5px solid #FFFFFF;
    content: "";
    display: inline-block;
    height: 0;
    left: -4px;
    position: absolute;
    width: 0;
    border-bottom: 23px solid transparent;
    border-top: 0;
    top: 0;
}

.homepage-article .card-title {
    font-size: 22px;
    color: #000;
}

.homepage-article .card-desc {
    font-size: 17px;
    color: #000;
}

.card-desc {
    font-size: 17px;
    color: #fff;
}

.homepage-article .card-desc p {
    font-size: 17px;
    color: #000;
}

.card-desc p {
    font-size: 17px;
    color: #fff;
}

.card-link:hover .homepage-article .article_date {
    background-color: #fff;
    color: #000;
}

.card {
    background-color: #000;
    border-radius: 0;
    border: none;
}

.card-link {
    text-decoration: none;
}

.card-link:hover .card {
    text-decoration: none;
    background-color: #333;
    transition: all 0.2s ease-out;
}

.article_date {
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: right;
    color: #000;
    display: block;
    padding: 0 0.625rem;
    width: 140px;
    height: 23px;
    font-weight: bold;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    bottom: 0;
    right: 0;
}

.article_date:before {
    border-right: 5px solid #FFFFFF;
    content: "";
    display: inline-block;
    height: 0;
    left: -5px;
    position: absolute;
    width: 0;
    border-bottom: 23px solid transparent;
    border-top: 0;
    top: 0;
}

.article_date i{
    font-size: 12px;
    position: relative;
    top: -1px;
}

.card-link:hover .article_date {
    background-color: #fff;
    color: #000;
}

.article_image {
    width: 100%;
    height: 400px;
    position: relative;
}

.article-right {
    margin-top: 3.1rem;
}

.article-right .article_image {
    height: 300px;
}

.article-right .card-title {
    font-size: 15px;
    min-height: 64px;
}

.article-right .article_date {
    font-size: 14px;
}

.article-right .article_date {
    width: 125px;
}

.article_image img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*homepage asil tv*/
.leading-video .article_image {
    height: 400px;
}

.video-group .article-space{
    margin-bottom: 1.25rem;
}

.video-group .article_image {
    height: 165.5px;
}

.video-group .article_date {
    font-size: 0.8rem;
    line-height: 1.7rem;
    padding: 0 0.5rem;
    width: 125px;
    height: 25px;
}

.video-group .article_date i {
    font-size: 10px;
}

.video-group .card-title {
    min-height: 70px;
    font-size: 15px;
}

.insta-link {
    text-decoration: none;
}

.insta-link:hover h3{
    color: #f5d208;
}

.insta-link i {
    font-size: inherit;
}

.insta-link:hover i{
    color: #f5d208;
}

/*end homepage asil tv*/

/*homepage widget game*/
.sportspress-bg{
    background-color: rgba(0, 0, 0, 0.8);
    padding: 40px 0;
}

.sportspress-hr {
    border: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 40px;
}

.card.sportspress {
    background-color: transparent;
    border: none;
    min-height: 335px;
    color: #ffffff;
}


.sportspress .card-header {
    background-color: transparent;
    border-bottom: none;
    border-left: none;
    border-radius: 0;
    padding: 10px;
    font-size: 17px;
    font-weight: bold;
}

.widget-game-result__date,
.widget-game-result__matchday,
.widget-game-result__venue {
    font-size: 12px;
    font-weight: bold;
}

.widget-game-result__teamlogo {
    height: 110px;
}

.widget-game-result__team-name {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
}

.widget-game-result__score-wrap {
    font-size: 26px;
    font-weight: 700;
}

.widget-game-result__counter {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 9px;
}

.widget-game-result__counter-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-game-result__counter-info span {
    margin-right: 15px;
}

.widget-game-result__counter-info span:last-child {
    margin-right: 0;
}

.widget-game-result__counter-info small {
    font-size: 11px;
    font-weight: 400;
}

.widget-game-result__score-result--loser {
    color: #C5B206;
}

.widget-game-result__score-label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

/*end homepage widget game*/

/*use this padding for login cards*/
.card-img,
.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card-body {

}

.card-title {
    padding-top: 5px;
    color: #f5d208;
    min-height: 97px;
    font-size: 22px;
    font-weight: bold;
}

.card-text {
    font-size: 16px;
    color: #000;
}

.card-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #eeeeeeb3;
    border-radius: 5px;
}

/*-------------------------Card login------------------------------*/

.card-login {
    max-width: 410px;
}

.card-login .card-body {
    padding: 3rem;
}

.card-login form button {
    width: 100%;
}

/*----------------------Card Feature-------------------------------------*/

.card-feature {
    min-height: 235px;
}

.card-feature .card-body {
    padding: 1rem;
}

.card-feature:hover {
    cursor: pointer;
}

.card-feature.zoom-card:hover {
    transform: scale(1.02);
    transition: transform 0.2s ease;
    transform-origin: top left;
    cursor: pointer;
}

/*------------------Extra features on card------------------------------------*/
.card-badge {
    position: absolute;
    top: 0%;
    left: 0%;
}

.card-badge-middle {
    margin-bottom: 20px;
}

.close-button {
    position: absolute;
    right: 5.5%;
    top: 4%;
}

.card-menu {
    position: absolute;
    right: -0.5%;
    top: 4%;
}

.card-menu .dropdown-menu {
    min-width: 30px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 1px;
    background-color: var(--card-text-dropdown-backround-color);
    border: none;
    padding: 0px;
    transform: translate(-18px, 24px) !important;

}

.card-menu .dropdown-menu .dropdown-item {
    text-align: center;
    padding: 5px 10px;
    color: var(--primary-font-color);
}

.card-menu .dropdown-menu .dropdown-item i {
    font-size: 16px;
}

.card-menu .dropdown-menu .dropdown-item:hover {
    color: #1b55b2;
    background-color: #ffffff;
}

.card-menu .dropdown-menu i {
    margin-right: 0;
}


.card-pill {
    background-color: var(--badge-bgstatus);
    border-radius: 3px;
    text-align: center;
    padding: 5px 10px;
    color: var(--badge-font-status);
    min-width: 77px;
    min-height: 26px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 10px;
}

.card-pill.indicator {
    background-color: #F2FFEE;
    color: #00851F;
    text-align: left;
    max-width: max-content;
}


/*--------------------End Card types------------------ */

/*------------------------------Horizontal Nav Pills----------------------------------------*/
.nav-pills .nav-item {
    border-right: 1px solid #707070;
}

.nav-pills .nav-item:last-child {
    border-right: none;
}

.nav-pills .nav-item:first-child .nav-link {
    padding-left: 2px;
}

.nav-pills .nav-link {
    font-size: 16px;
    padding: 0rem 1rem
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:active,
.nav-pills .nav-link.active,
.nav-pills .nav-link:focus {
    background-color: transparent;
    color: #1b55b2;
    font-weight: normal;
    font-size: 16px;
}

/*------------------------------End Horizontal Nav Pills----------------------------------------*/


/*-----------------------Nav Tabs (underline the active tab)-------------------------------*/
.navTab {
    background-color: var(--primary-bgcolor);
    padding: 10px 0 10px 8px;
}


.nav-tabs .nav-link {
    color: var(--primary-font-color);
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px 5px;
    border-bottom: 2px solid;
    border: transparent;
}

.nav-tabs .nav-link:first-child {
    margin-left: 0px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--primary-font-color);
    border: transparent;
    border-bottom: 2px solid #1b55b2;
    background-color: transparent;
    transition: 0s;
    font-weight: 600;
}

/*-----------------------End Nav Tabs (underline the active tab)-------------------------------*/

/*-----------------------Tabs scrolling on small screens------------------------*/
.scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 7px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
}

.scroller-right {
    float: right;
}

.scroller-left {
    float: left;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 40px;
}

.list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 0px;
    margin-top: 0px;
}

.list li {
    display: table-cell;
    position: relative;
    text-align: center;
    cursor: grab;
    cursor: -webkit-grab;
    color: #efefef;
    vertical-align: middle;
}


/*----------------------Right sidebar----------------------------------------*/

/*-------------Conversion right sidebar to filter button------------------- */
.scw-switcher-wrap.scw-switcher-open {
    width: 360px;
    height: 65%;
    padding: 35px 25px;
    overflow-y: scroll;
}

.scw-switcher-wrap {
    top: 215px;
    right: 19px;
    padding: 23px;
    width: 0;
    height: 0;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 3px;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}

.scw-switcher-wrap, .scw-trigger-icon {
    position: fixed;
    left: auto;
    background-color: #fff;
}

.scw-trigger-icon {
    width: 44px;
    height: 44px;
    top: 217px;
    right: 20px;
    border: 0;
    padding: 0;
    text-align: center;
    z-index: 5;
    cursor: pointer;
}


.scw-trigger-icon i {
    width: 42px;
}

/*-------------End Conversion right sidebar to filter button------------------- */

/*----------------------Right sidebar widgets----------------------------------------*/

.right-sidebar-widgets-wrap .widget:first-child {
    padding-top: 0;
    border-top: 0;
}

.widget:first-child {
    margin-top: 0;
}

.right-sidebar-widgets-wrap .widget {
    padding-top: 25px;
    border-top: 1px solid #eee;
}

.widget {
    position: relative;
    margin-top: 25px;
}

.right-sidebar-widgets-wrap .widget > h5 {
    letter-spacing: 1px;
}

/*.widget > h5 {*/
/*    margin-bottom: 25px;*/
/*    font-size: 15px;*/
/*    font-weight: 600;*/
/*    letter-spacing: 2px;*/
/*    text-transform: uppercase;*/
/*}*/

.widget-reminder {
    background-color: #F3F8FF;
    border-radius: 3px;
    padding: 25px;
    max-width: 100%;
}

/*----------------------End Right sidebar widgets----------------------------------------*/

/*----------------------Used as right sidebar widget ---------------------------------------*/
/*------------------Droptdown bootstrap select colors stages--------------------------------*/
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #1b55b2;
}

.opencall {
    background-color: #E36219;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.newposition {
    background-color: #0B9FC5;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}


.upcoming {
    background-color: #707070;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.review {
    background-color: #1861B5;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.closed {
    background-color: #D63031;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.applied {
    background-color: #33CE95;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.interview {
    background-color: #FDBA36;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.shortlist {
    background-color: #36A5B2;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.rejected {
    background-color: #D63031;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.offer {
    background-color: #0984E3;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.declined {
    background-color: #F30000;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.accepted {
    background-color: #348F6E;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.hired {
    background-color: #9050E0;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.onhold {
    background-color: #707070;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/*------------------End Droptdown bootstrap select colors stages--------------------------------*/

/*-----------------------Radio button & checkbox & switches---------------------------- */

.checkbox-style-1, .radio-style-1 {
    opacity: 0;
    position: absolute;
}

.checkbox-style-1, .checkbox-style-1-label, .radio-style-1, .radio-style-1-label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}

.checkbox-style-1:checked + .checkbox-style-1-label:before {
    content: "\f00c";
    font-family: 'Font Awesome 6 Free';
    color: #FFF;
    background: #1B55B2;
    border: 1px solid #1b55b2;
}

.checkbox-style-1:disabled + .checkbox-style-1-label:before {
    opacity: 0.5;
}

.radio-style-1:checked + .radio-style-1-label:before {
    background: #1B55B2;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-style-1:disabled + .radio-style-1-label:before {
    opacity: 0.5;
}

.checkbox-style-1-label:before {
    border-radius: 4px;
}

.radio-style-1-label:before {
    border-radius: 50%;
}

.checkbox-style-1-label, .radio-style-1-label {
    position: relative;
}

.checkbox-style-1-label:before, .radio-style-1-label:before {
    content: '';
    background: #FFF;
    border: 1px solid #D9D9D9;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 3px;
    margin-right: 10px;
    line-height: 1;
    text-align: center;
}

.checkbox-style-1-label.large-body:before {
    padding: 0px;
    text-transform: capitalize;

}

/*---------------------End Checkboxes & Radios-------------------------*/

/*-------------------------Single Switches-------------------------*/
.switch-toggle {
    position: absolute;
    margin-left: -9326px;
    visibility: visible;
}

input.switch-toggle-round + label {
    padding: 2px;
    width: 60px;
    height: 30px;
    background-color: #ddd;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.switch-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 15px;
}

.switch label {
    align-self: center;
    cursor: pointer;
}

input.switch-toggle-round:checked + label::before {
    background-color: #1B55B2;
}

input.switch-toggle-round + label::before {
    right: 1px;
    background-color: #f1f1f1;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

input.switch-toggle-round + label::after, input.switch-toggle-round + label::before {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}

input.switch-toggle-round:checked + label::after {
    margin-left: 30px;
}

input.switch-toggle-round + label::after {
    width: 28px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    -webkit-transition: margin .4s;
    -moz-transition: margin .4s;
    -o-transition: margin .4s;
    transition: margin .4s;
}

input.switch-toggle-round + label::after, input.switch-toggle-round + label::before {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}

/*--------------------End Switches-----------------------------*/


/*-------------------------Single Switches-------------------------*/
.switch-toggle-text {
    position: absolute;
    margin-left: -9326px;
    visibility: visible;
}

input.switch-toggle-round-text + label {
    padding: 2px;
    width: 105px;
    height: 35px;
    background-color: #ddd;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 25px;
}

input.switch-toggle-round-text:checked + label::before {
    background-color: #1B55B2;
}

input.switch-toggle-round-text + label::before {
    right: 1px;
    background-color: #f1f1f1;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

input.switch-toggle-round-text + label::after, input.switch-toggle-round-text + label::before {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}

input.switch-toggle-round-text:checked + label::after {
    margin-left: 73px;
}

input.switch-toggle-round-text + label::after {
    width: 31px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    -webkit-transition: margin .4s;
    -moz-transition: margin .4s;
    -o-transition: margin .4s;
    transition: margin .4s;
}

input.switch-toggle-round-text:checked + label .toggle-activate {
    display: block;
}

input.switch-toggle-round-text:checked + label .toggle-deactivate {
    display: none;
}

.toggle-activate {
    display: none;
    color: #FFFFFF;
    top: 24%;
    left: 10%;
}

.toggle-deactivate {
    color: #1b55b2;
    top: 26%;
    left: 33%;
}

.toggle-activate, .toggle-deactivate {
    position: absolute;
    font-size: 8px;
}

.switch-toggle-text + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 15px;
}

.switch1 label {
    align-self: center;
    cursor: pointer;
}

/*--------------------End Switches-----------------------------*/


/*----------------------Triple switches-------------------------*/

.tribbleSwitch {
    height: 26px;
    width: 26px;
    appearance: none;
    background-color: #FFFFFF;
    border-radius: 50%;
    opacity: 0;
    border: 1px solid #DEDFDF;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
}

.tribble-toggle-switch .inactive-toggle {
    transform: translateX(-12px);
}

.tribble-toggle-switch .active-toggle {
    transform: translate(10px, 1px);
}

.tribbleSwitch:hover {
    cursor: pointer;
}

.tribble-toggle-switch {
    display: inline-flex;
    justify-content: center;
    border-radius: 50px;
    width: 97px;
    height: 28px;
    margin-left: 15px;
}

.tribble-toggle-switch .default-toggle {
    opacity: 1;
}

.default-tribble-toggle {
    border: 1px solid #dddddd;
    background-color: #f1f1f1;
}

.inactive-tribble-toggle {
    border: 1px solid #A4A4A4;
    background-color: #A4A4A4;
}

.active-tribble-toggle {
    border: #1B55B2;
    background-color: #1B55B2;
}

/*----------------------End Triple switches-------------------------*/

/*----------------------Yes No Switch------------------------*/

.btn-outline-switch {
    color: #1b55b2;
    border-color: #1b55b2;
    background-color: #FFFFFF;
    font-size: 15px;
    min-width: 90px;
    min-height: 40px;
    padding: 8px;
    box-shadow: none;
}

.btn-check:checked + .btn-outline-switch,
.btn-outline-switch:active {
    color: #FFFFFF;
    background-color: #1b55b2;
    border-color: #1b55b2;
}

.btn-outline-switch:hover {
    color: #003DB7;
    background-color: #FFFFFF;
    border-color: #003DB7;
}

.btn-check:active + .btn-outline-switch:focus,
.btn-check:checked + .btn-outline-switch:focus,
.btn-outline-switch.active:focus,
.btn-outline-switch.dropdown-toggle.show:focus,
.btn-outline-switch:active:focus,
.btn-outline-switch:focus,
.btn-check:focus + .btn-outline-switch {
    box-shadow: 0 0 0 0.25rem transparent;
}

.btn-check:disabled + .btn-outline-switch {

}

/*----------------------End Yes No Switch------------------------*/

/*-------------------Checkboxes Colors-----------------------*/

/* checkboxes background color */
.checkbox-style-1.bg-shamrock-green:checked + :before {
    background-color: #33CE95;
    border-color: #33CE95;
}

.checkbox-style-1.bg-yellow:checked + :before {
    background-color: #f5d208;
    border-color: #f5d208;
}

.checkbox-style-1.bg-cadet-blue:checked + :before {
    background-color: #36A5B2;
    border-color: #36A5B2;
}

.checkbox-style-1.bg-dark-red:checked + :before {
    background-color: #D63031;
    border-color: #D63031;
}

.checkbox-style-1.bg-electron-blue:checked + :before {
    background-color: #0984e3;
    border-color: #0984e3;
}

.checkbox-style-1.bg-red:checked + :before {
    background-color: #F30000;
    border-color: #F30000;
}

.checkbox-style-1.bg-dark-green:checked + :before {
    background-color: #348F6E;
    border-color: #348F6E;
}

.checkbox-style-1.bg-purple:checked + :before {
    background-color: #9050E0;
    border-color: #9050E0;
}

.checkbox-style-1.bg-dark-gray:checked + :before {
    background-color: #707070;
    border-color: #707070;
}

.checkbox-style-1.bg-orange:checked + :before {
    background-color: #E36219;
    border-color: #E36219;
}

.checkbox-style-1.bg-pacific-blue:checked + :before {
    background-color: #0B9FC5;
    border-color: #0B9FC5;
}

.checkbox-style-1.bg-blue:checked + :before {
    background-color: #1861B5;
    border-color: #1861B5;
}

/*--------------- End checkboxes Colors --------------*/


/*------------------------ End radio button & checkbox Switches---------------------------------- */


/*------------------Forms and Form fields styles----------------------------------------- */

/*-----------------------General form styles---------------------------------*/

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple]):not([size]) {
    background-image: none;
}

.invalid-feedback {
    font-size: 13px;
    color: #dc3545;
}

.form-control, .form-select {
    padding: 0.375rem 0.75rem;
    color: #bebebe;
    background-color: #383838;
    border: 1px solid #383838;
    border-radius: 0rem;
}

.form-select {
    font-size: 14px;
}

.form-control::placeholder {
    font-size: 14px;
    color: #A4A4A4;
}

.form-control:disabled, .form-control[readonly] {
    opacity: 0.5;
}

.form-control:focus {
    box-shadow: 0px 0px 6px #47B5FF;
    border-color: transparent;
    color: #bebebe;
    background-color: #383838;
}

/*-----------------------Fields with floating------------------------------------------- */

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    transform: scale(1) translateY(-2rem) translateX(-0.80rem) !important;
    color: var(--primary-font-color);
    text-transform: capitalize;
    opacity: 1;

}

.form-floating > label {
    color: var(--primary-font-color);
    text-transform: capitalize;
    opacity: 1;
    padding: 0.5rem 0.75rem;
    font-size: 14px;
    font-weight: 500;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    height: 40px;
    background-color: #ffffff;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding: 5px 9px;
    color: var(--primary-font-color);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border: 1px solid #d9d9d9;
    box-shadow: none;
}


.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: url("../images/warning-sign.svg");
    background-size: calc(.55em + .275rem) calc(.75em + .375rem);
}

.form-group.form-floating {
    margin-bottom: 40px;
}

/*-----------------------End Fields with floating------------------------------------------- */

/*------------------------Datepicker fields----------------------------------------*/

.datepicker-icon {
    background-image: url(/staticfiles/images/calendar-regular.svg);
    background-position: right 13px center;
    background-size: 14px;
    background-repeat: no-repeat;
}

/*-----------------------End datepicker---------------------------------------*/

/*------------------------Search field----------------------------------------*/

.search-field {
    background-image: url(/staticfiles/images/magnifying-glass-solid.svg);
    background-position: right 15px center;
    background-size: 17px;
    background-repeat: no-repeat;
}

/*-----------------------End Search field---------------------------------------*/

/*-------------------CK text editor-----------------------------------------*/
.ck-editor__editable_inline {
    min-height: 200px;
}

.ck .ck-toolbar {
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    border-color: var(--field-border-color) !important;
    background-color: var(--field-background-color) !important;
}

.ck.ck-icon.ck-icon_inherit-color, .ck.ck-icon.ck-icon_inherit-color * {
    color: var(--primary-font-color) !important;
}

.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
    background: var(--ckeditor-icons-bg-color-hover) !important;
    color: var(--primary-font-color) !important;
}

.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active {
    background: var(--ckeditor-icons-bg-color-hover) !important;
    color: var(--primary-font-color) !important;
}

.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
    background: var(--ckeditor-icons-bg-color-hover) !important;
    color: var(--primary-font-color) !important;
}

.ck.ck-editor__main > .ck-editor__editable {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-color: var(--field-border-color) !important;
    background-color: var(--field-background-color) !important;
}

.ck.ck-editor__editable > .ck-placeholder::before {
    color: var(--placeholder-font-color);
}

.ck .ck-editor__main > .ck-editor__editable.ck-read-only {
    background: #C3C3C3;
}

/*---------------------end ck text editor----------------------*/


/*--------------------Uploading files field---------------------------------*/
/*-------------------selected file box width----------------------------------*/
.fragment.selected-file {
    max-width: max-content;
    min-width: 350px;
    font-size: .875rem;
    margin-bottom: 10px;
}

/*--------------------Remove the default bootstrap label "upload" from uploading field---------------------------------*/

input[type=file]::-webkit-file-upload-button {
    display: none;
}

input[type=file]::file-selector-button {
    display: none;
}

/*--------------Form Feedback----------------------*/
.has-error .help-block, .has-error {
    color: #dc3545;
}

.alert-danger {
    color: #dc3545;
    width: 301px;
    text-align: center;
    margin-top: 5px;
}

.rc-anchor-dark.rc-anchor-normal, .rc-anchor-dark.rc-anchor-compact {
    border: 1px solid transparent !important;
    border-radius: 0 !important;
}
/*--------------Form Feedback----------------------*/


/*------------------------Accordion------------------------------*/
.accordion-item {
    background-color: #fff;
    border: 1px solid #eeeeee;
    margin-top: 10px;
    border-radius: 0.188rem;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0.188rem;
    border-top-right-radius: 0.188rem;
}

/*.accordion-item:first-of-type .accordion-button {*/
/*    border-top-left-radius: 0.188rem;*/
/*    border-top-right-radius: 0.188rem;*/
/*}*/

.accordion-item:last-of-type {
    border-bottom-right-radius: 0.188rem;
    border-bottom-left-radius: 0.188rem;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid #eee;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background-color: #1B55B2;
    box-shadow: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.accordion-header {
    line-height: 2.5;
}

.accordion-button {
    padding: 0rem 1rem;
    background-color: #fff;
    color: #444444;
}

.accordion-button::after {
    background-size: 15px;
    background-position: 2px;
    filter: brightness(0) saturate(100%) invert(45%) sepia(1%) saturate(523%) hue-rotate(3deg) brightness(96%) contrast(86%);
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(1deg) brightness(104%) contrast(101%);
}

.accordion-body {
    background-color: #FFFFFF;
    position: relative;
}

/*------------------------end accordion----------------------------------- */

/*---------------------Accordion Style 1-------------------------------*/
.accordion-style-1 .accordion-item {
    border-color: transparent;
}

.accordion-style-1 .accordion-header {
    position: relative;
}

.accordion-style-1 .accordion-header .badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.accordion-style-1 .accordion-header-icon {
    margin-top: 0.8rem;
}

.accordion-style-1 .accordion-header-icon i {
    margin-right: 0.5rem;
    font-size: 18px;
}

.accordion-style-1 .accordion-header-details {
    margin-top: 2.2rem;
    margin-bottom: 0.5rem;
}

.accordion-style-1 .accordion-button {
    border-color: transparent;
    box-shadow: 0px 3px 6px #00000029;
    line-height: 1.5;
    color: #444444;
    background-color: #ffffff;
    z-index: 3;
}

.accordion-style-1 .accordion-button:hover {
    cursor: pointer;
}

.accordion-style-1 .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(1066%) hue-rotate(194deg) brightness(102%) contrast(99%);
}

.accordion-style-1 .accordion-collapse {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 3px solid #1B55B2;
}

/*---------------------End Accordion Style 1-------------------------------*/

/*calendar*/
.box #calendar .day {
    width: calc(14.27%);
    background: #000;
}

.box #calendar .header h1 {
    color: #f5d208;
}

.box #calendar .header {
    background: #000;
    color: #f5d208;
}

.box #calendar .right {
    border-color: transparent transparent transparent #f5d208;
}

.box #calendar .left {
    border-color: transparent #f5d208 transparent transparent;
}

.box #calendar .day.other .day-name {
    color: #333;
}

.box #calendar .day.other .day-number {
    color: #333;
}

.box #calendar .day-name {
    color: #f5d208;
}

.box #calendar .day-number {
    color: #f5d208;
}

.box #calendar .arrow {
    border-color: transparent transparent #333 transparent;
}

.box #calendar .details {
    background: #333;
}

/*---------------------Score-Table-------------------------------*/
.score-table.small-score-table th {
    padding: 5px 0px !important;
}
.score-table.small-score-table {
    font-size: 0.7rem;
}

.box .score-table.small-score-table {
    background-color: #000;
    color: #f5d208;
}

.box .score-table.small-score-table .ga {
    background-color: #000;
}

.box .score-table.small-score-table .gb {
    background-color: #000;
}

.box .score-table.small-score-table thead {
    background-color: #000;
    color: #f5d208;
}

.box .score-table.small-score-table .my-team {
    background-color: #f5d208;
    color: #000;
    font-weight: 700;
}

.score-table.small-score-table .team-logo {
    width: 15px;
    height: 15px;
}

.score-table.small-score-table td {
    line-height: 18px;
    padding: 0.1rem 0.2rem;
}

.score-table {
    color: #fff;
    background-color: #262626;
    vertical-align: middle;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.score-table th {
    padding: 15px 0px !important
}

.score-table td {
    line-height: 33px;
}

/*.score-table .team-logo {
    width: 30px;
    height: 30px;
}*/

.small-score-table .table-logo {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.table-logo {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.table-logo img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#homepage-footerbanner .score-table .name{
    /* margin-top: 10px; */
}

.score-table tr {
    border: transparent;
}

.score-table .ga {
    background-color: #dcbd07;
}

.score-table .gb {
    background-color: #c4a806;
}

.score-table .my-team {
    background-color: #C5B206;
    color: #000;
    font-weight: 700;
}

.score-table td {
    text-align: center
}

.score-table .name {
    text-align: left
}

.score-table .name span {
    font-weight: bold;
}

.score-table thead {
    background-color: #f5d208;
    border-bottom: 2px solid transparent;
    color: #000;
    font-size: 15px;
}

/*---------------------End Score-Table-------------------------------*/

/*-----------------------------Table------------------------------------*/
.table-style-1 {
    vertical-align: middle;
}

.table-style-1 thead .sorting {
    cursor: pointer;
    position: relative;
}

.table-style-1 thead .sorting:before,
.table-style-1 thead .sorting:after {
    right: 20px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 13px;
}

.table-style-1 thead .sorting:before {
    content: "\f077";
}

.table-style-1 thead .sorting:after {
    content: "\f078";
}

.table-style-1 thead .sorting:before,
.table-style-1 thead .sorting:after {
    position: absolute;
    display: block;
    opacity: .3;
}

.table-style-1 thead .sorting:before {
    bottom: 0.9em;
}

.table-style-1 thead .sorting:after {
    bottom: 0.2em;
}

.table-style-1 > :not(:last-child) > :last-child > * {
    border-bottom-color: inherit;
}

/*-----------------------------End Table------------------------------------*/

/*--------------------Overwrite legendary changes--------------------------------------*/
/*-------------overwrite livesearch opacity bg color--------------------*/
.livesearch-select .dropdown-menu {
    z-index: 80;
}

/*-------------overwrite livesearch placeholder--------------------*/
.livesearch-select .bs-placeholder .filter-option .filter-option-inner .filter-option-inner-inner {
    font-size: 14px;
    color: var(--placeholder-font-color);
    line-height: 1.75;
}

/*--------------------End Overwrite legendary changes--------------------------------------*/

/*--------------------------------Alert Box-------------------------------------*/
.alert-style-1 {
    position: absolute;
    width: 560px;
    right: 15px;
}

.alert-style-1.alert-warning {
    color: #856404;
}

/*--------------------------------End Alert Box-------------------------------------*/

/*------------------------Box with records or whatever box with actions-----------------------------------------------------*/
.fragment {
    height: auto;
    display: block;
    padding: 10px;
    border-radius: 0px;
    box-sizing: border-box;
    text-decoration: none;
    margin-bottom: 20px;
    background-color: #f5d208;
}

.fragment .btn-close {
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    padding: 0;
}

.fragment.pill-fragment {
    color: #1b55b2;
    font-size: 15px;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 0px;
}

.pill-fragment .btn-close {
    filter: brightness(0) saturate(100%) invert(24%) sepia(77%) saturate(1596%) hue-rotate(200deg) brightness(96%) contrast(96%);
    opacity: 1;
    width: 13px;
    padding: 0;
    margin-top: 3px;
}

/*------------------Box With Icon------------------------------*/
.box-with-icon {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;

}

.boxWithIcon-icon {
    width: 6.5rem;
    height: 4rem;
    padding: 0 0.75rem;
}

.boxWithIcon-content {
    flex-grow: 1;
    min-width: 0;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 0.5rem;

}

/*------------------End Box With Icon------------------------------*/

/*-------------------------Ul List-----------------------------*/
/*bullet point align left*/
.list-bullets {
    margin-left: -12px;
}

/*-------------------------End Ul List-----------------------------*/

.edit-record {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    font-size: 1rem;
}

.btn-edit {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #444;
    background: transparent url(/staticfiles/images/edit.svg);
    border: 0;
    border-radius: 0.25rem;


}


/*modal icons*/
.styled-icons {
    max-width: 80px;
}

.status-msg.success {
    background-color: rgba(74,147,74, 0.7);
    padding: 10px 20px 10px 20px;
    color: #aedcae;
    border: 1px solid #376e37;
}

.status-msg.error {
    background-color: rgba(179,0,0, 0.7);
    padding: 10px 20px 10px 20px;
    color: #fff;
    border: 1px solid #b30000;
}

.status-msg p:first-child {
    margin-bottom: 0;
    margin-top: 0;
}

.status-msg p {
    margin-bottom: 0;
    margin-top: 1rem;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f5d208; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

@media (max-width: 1430px) {
    .full-page-carousel img {
        height: 110vh;
    }

    .full-page-carousel {
        height: 127vh;
    }

    .carousel-caption {
        width: 47%;
    }
}  

@media (max-width: 1420px) {
    .player-basic-data-info {
        width: 100%;
        float: none;
    }

    .player-board-sponsor-box {
        width: 100%;
        float: none;
        margin-top: 0px;
    }

    .player-board-sponsor-logo {
        width: 200px;
    }
}

@media (max-width: 1400px) {
    .player-text h3 {
        font-size: 29px;
    }
}


@media (max-width: 1340px) {
    .card-feature {
        min-height: 255px;
    }
}


@media (max-width: 1200px) {
    .fixtures-match .match-score {
        font-size: 1.4rem;
    }

    .player-text h3 {
        font-size: 24px;
        line-height: 25px;
    }

    .player-text p {
        height: calc(100% - 117px);
    }

    .player-text.executives p {
        font-size: 17px;
        line-height: 20px;
        bottom: 8px;
    }

    .score-table {
        font-size: 1rem;
    }

    .fixtures-match .match-date-info .match-date-date {
        font-size: 0.65rem;
    }

    .fixtures-match .match-home, .fixtures-match .match-away {
        font-size: 0.9rem;
    }
}

@media (max-width: 1024px) {
    #page-title.sticky {
        top: 3.6rem /*6.35rem*/;
    }

    #nav-tabs.sticky {
        top: 13.05rem /*18.35rem*/;
    }

    .img-list figure {
        height: 170px;
    }

    .score-table {
        font-size: 0.8rem;
    }

    .fixtures-match .match-date-info .match-date-date {
        font-size: 0.6rem;
    }
}

@media (max-width: 900px) {
    #page-title.sticky {
        position: relative;
        top: 0rem;
    }

    #nav-tabs.sticky {
        top: 3.6rem;
    }

    .score-table th {
        padding: 10px 0px !important;
        font-size: 10px;
    }
}

@media (max-width: 850px) {
    .full-page-carousel, .carousel-inner {
        height: 93vh;
    }
    .full-page-carousel img {
        height: 61vh;
    }

    .carousel-title {
        font-size: 1.5rem;
    }

    .carousel-caption {
        bottom: -10.75rem;
        width: 53%;
        left: 10%;
    }
}

@media (max-width: 768px) {

    .btn, .btn-group {
        width: 100%;
    }

    .card-feature .card-button {
        position: inherit;
    }

    .card-feature {
        min-height: 235px;
    }

    #page-title {
        padding: 2rem 0rem;
    }

    #page-title.sticky {
        position: relative;
        top: 0rem;
    }

    #nav-tabs.sticky {
        top: 4.6rem;
    }

    /*rating paddings*/
    .rating-wrapper label {
        padding: 10px 30px;
    }

    .img-list figure {
        width: 50%;
        height: 170px;
    }

    .widget-game-result__teamlogo {
        height: 80px;
    }

    .full-article .full-article-position{
        margin-top: -8.5rem;
    }
    
    .full-article .article_image {
        height: 450px;
    }

    .fixtures-header h2 {
        font-size: 1.6rem;
    }

    .fixtures-match .match-date-info .match-date-date {
        font-size: 0.7rem;
    }

    .fixtures-match .match-home img, .fixtures-match .match-away img {
        width: 30px;
        height: 30px;
    }

    .fixtures-match {
        margin-bottom: 10px;
    }

    .fixtures-match .match-date-info {
        text-align: center;
        border: 1px solid #f5d208;
        padding: 0.35rem
    }

    .fixtures-match .match-score {
        font-size: 1.3rem;
        line-height: 2rem;
    }

    .fixtures-match .match-home {
        margin-top: 5px;
    }

    .fixtures-match .match-home, 
    .fixtures-match .match-away {
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .my-team .match-away {
        margin-bottom: 5px;
    }

    .full-article .full-article-position-right-bar {
        margin-top: 0.5rem;
    }

    .article-right .article_image {
        height: 250px;
    }

    .player-text p {
        height: calc(100% - 125px);
    }

    .squad-right-inner {
        padding: 0;
    }

    .carousel-caption {
        width: 100%;
        left: 5%;
    }
}

@media (max-width: 600px) {
    #page-title {
        padding: 2rem 0rem;
    }

    .carousel-caption {
        width: 93%;
        left: 5%;
    }
}

@media (max-width: 580px) {
    #page-title {
        padding: 2rem 0rem;
    }

    .mpc-tooltip.mpc-wrap-content.mpc-wide {
        width: 400px !important;
    }

    .social-home .social-media-asil {
        top: 36px;
        right: 80px;
        z-index: 999;
    }

    .social-media-asil {
        top: 36px;
        right: 80px;
        z-index: 999;
    }

    .social-media-links--platforms.vertical li {
        display: inline-block;
        margin-right: 13px !important;
        margin-bottom: 0 !important;
    }

    .social-media-asil a {
        color: #000;
    }

    .social-media-asil {
        top: 36px;
        right: 80px;
        z-index: 999;
    }

    .social-media-links--platforms.vertical li {
        display: inline-block;
        margin-right: 13px !important;
        margin-bottom: 0 !important;
    }

    .social-home .social-media-asil a {
        color: #000;
    }

    .social-media-asil a {
        color: #000;
    }

    .squad-info-title h2 {
        font-size: 40px;
        line-height: 43px;
    }

    .squad-info-title h2 .role {
        font-size: 27px;
    }

    .player-basic-data-info {
        margin-top: -35px;
    }

    .score-table {
        font-size: 0.6rem;
    }

    
}

@media (max-width: 500px) { 
    .score-table .name {
        text-align: center;
    }

    .score-table .name span {
        width: 100%;
        display: block;
        line-height: 13px;
        margin-top: 3px;
    }
}


@media (max-width: 480px) {
    #page-title {
        padding: 2rem 0rem;
    }

    /*rating paddings*/
    .rating-wrapper label {
        padding: 8px 25px;
    }
     
    .article-right .article_image {
        height: 200px;
    }
}

@media (max-width: 425px) {

    /*rating paddings*/
    .rating-wrapper label {
        padding: 5px 20px;
    }

    .img-list figure {
        width: 100%;
        height: 190px;
    }

    .widget-game-result__teamlogo {
        height: 60px;
    }
    .mpc-tooltip.mpc-wrap-content.mpc-wide {
        width: 300px !important;
    }

    .player-basic-data-table {
        width: 275px;
    }

    .video-group .article_date{
        font-size: 0.8rem;
        padding: 0 0.425rem;
        width: 113px;
    }
    
    .score-table th {
        padding: 15px 0px !important;
    }

    .score-table td {
        line-height: 10px;
    }

    .score-table .team-logo {
        width: 15px;
        height: 15px;
    }

    .score-table {
        font-size: 0.5rem;
    }

    .score-table th {
        padding: 5px 0px !important;
        font-size: 8px;
    }

    .video-group .card-title {
        min-height: 100px;
        font-size: 15px;
    }

    .widget-game-result__score-label {
        margin-top: 0px;
    }

    .widget-game-result__score-wrap {
        margin-top: 5px;
    }

    .widget-game-result__date, .widget-game-result__matchday, .widget-game-result__venue {
        margin-bottom: 10px;
    }

    .social-home .social-media-asil a i {
        font-size: 19px;
    }

    .social-media-links--platforms.vertical li {
        margin-right: 9px !important;
    }

    .social-home .social-media-asil {
        top: 32px;
    }

    .home-big-banner#official-jersey {
        background-size: 70%;
    }
}

@media (max-width: 375px) {
    .widget-game-result__teamlogo {
        height: 50px;
    }

    .top-social-media a {
        margin-right: 5px;
    }

    .fixtures-header h2 {
        font-size: 1.4rem;
    }
}

@media (max-width: 320px) {
    #page-title {
        padding: 2rem 0rem;
    }

    /*rating paddings*/
    .rating-wrapper label {
        padding: 3px 15px;
    }
}