@font-face {
  font-family: 'VodafoneRg';
  src: url('../fonts/VodafoneRg-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/VodafoneRg-Regular.woff') format('woff'), url('../fonts/VodafoneRg-Regular.ttf') format('truetype'), url('../fonts/VodafoneRg-Regular.svg#VodafoneRg-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VodafoneRg';
  src: url('../fonts/VodafoneRg-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/VodafoneRg-Bold.woff') format('woff'), url('../fonts/VodafoneRg-Bold.ttf') format('truetype'), url('../fonts/VodafoneRg-Bold.svg#VodafoneRg-Bold') format('svg');
  font-weight: 800;
  font-style: normal;
}

body {
  font-family: 'VodafoneRg' !important;
  font-size:1rem;
  color: #212529;
  scroll-behavior: smooth;
}
/* old menu */
.main-menu{
    margin-top: 65px;
    max-height: calc(100vh - 100px);
}
.main-menu-scroll{
    overflow-y: scroll !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.main-menu-scroll::-webkit-scrollbar { 
    display: none;
}
/* //old menu */

#mainMenu .card .card-header{
    background-color: rgba(0,0,0,.01);
}
#mainMenu .card .card-header:hover{
    background-color: rgba(0,0,0,.03);
}
#mainMenu .card .card-header button{
    display: flex;
    align-items: center;
    color:#000 !important;
    text-decoration: none;
}
#mainMenu .card{
    margin-bottom: 5px;
}
#mainMenu .fa-mobile{
    font-size:1.5rem;
}
#mainMenu .card .btn-link{
    position: relative;
}
#mainMenu .card .btn-link i:nth-child(2){
    position: absolute;
    right: 10px;
    transition: all 250ms ease-out;
    margin-left:100px;
}
#mainMenu .card .btn-link.collapsed i:nth-child(2){
    transform: rotate(0deg);
}

#mainMenu .card .btn-link i:nth-child(2){
    transform: rotate(90deg);
}

/*CUSTOM CONTROL STYLE*/
.form-control:focus,
.custom-select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ed1c24;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, .25);
}

.custom-control-input:checked+label {
    color: #ed1c24;
}

.custom-control-label::before {
    border: 1px solid #555555;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #a50235;
    background-color: #ed1c24 !important;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, .25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #a50235;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #a50235;
    background-color: #a50235;
    border-color: #a50235;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #a50235;
}
/* //CUSTOM CONTROL STYLE*/

/* TOBI */
.tobi-chat-body{
    display:block;
    height: calc(100vh - 66px);
    overflow-y: scroll;
}

.tobi-chat-messages{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
    padding:10px;
    scroll-behavior: smooth;
}
.tobi-chat-messages-list{
    margin-bottom: 25px;
}
.tobi-chat-messages-list:last-child .tobi-chat-messages-item{
    margin-bottom: 0px;
}
.tobi-chat-messages-item{
    display: flex;
    flex-direction: row;
    margin-right: 5px;
}
.tobi-chat-messages-item .tobi-avatar{
    display: flex;
    flex: 0 0 55px;
    position: relative;
}
.tobi-chat-messages-item .tobi-avatar img{
    width: 55px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.tobi-chat-messages-item .tobi-messages{
    margin-left:10px;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line{
    margin:0px;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble{
    position: relative;
    margin-bottom: 4px;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble .animation{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 18px;
    top: 7px;
    z-index: 1;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble .animation span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: flex;
    background: #323232;
    -webkit-animation: animationAnimation 1.5s ease-in-out infinite;
    animation: animationAnimation 1.5s ease-in-out infinite;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble .animation span:first-child {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble .animation span:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble .animation span:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
@keyframes animationAnimation{
    0%{transform:translateY(0)}
    28%{transform:translateY(-5px)}
    44%{transform:translateY(0)}
}

.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble:last-child{
    margin-bottom: 0px;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p{
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 8px 16px;
    margin-bottom:0px;
    border-radius: 24px;
    background-color: #f4f4f4;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p.typing .date{
   display: none;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p .date{
    align-self: flex-end;
    font-size:0.75rem;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p .text{
    display:block;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p .animation{
    display:none;
}

.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p.typing{
    width: 60px;
    height: 40px;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p.typing .animation{
    display:flex;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble p.typing .text{
    display:none;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble:first-child p {
    border-bottom-left-radius: 0;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble:not(:last-child):not(:first-child) p {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble:last-child p {
    border-top-left-radius: 0;
}
.tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble:only-of-type p {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}
.tobi-chat-messages-list[data-type="question"] .tobi-chat-messages-item .tobi-messages .tobi-messages-line  .tobi-chat-bubble p{
    color:#fff;
    background-color: #e60001;
}
.tobi-chat-messages-list[data-type="question"] .tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble .animation span{
    background: #fff;
}
.tobi-chat-messages-list[data-type="question"] .tobi-answer-option{
    display: none;
    flex-wrap: wrap;
    gap:7px;
    margin-top:10px;
}
.tobi-chat-messages-list[data-type="question"] .tobi-answer-option.disabled button{
    pointer-events: none;
    user-select: none;
}
.tobi-chat-messages-list[data-type="question"] .tobi-answer-option button{
    padding:5px 10px;
    white-space: nowrap;
    color:#e60001;
    border:2px solid #f4f4f4;
    border-radius: 25px;
    background-color: #fff;
    outline: 0px;
    cursor: pointer;
    transition: all 300ms ease-out;
}
@media only screen and (min-width: 992px)  {
    .tobi-chat-messages-list[data-type="question"] .tobi-answer-option button:hover{
        color:#fff;
        border:2px solid #323232;
        background-color: #323232;
    }
}
.tobi-chat-messages-list[data-type="answer"] .tobi-chat-messages-item{
    justify-content: flex-end;
}
.tobi-chat-messages-list[data-type="answer"] .tobi-chat-messages-item .tobi-messages .tobi-messages-line  .tobi-chat-bubble p{
    color:#fff;
    background-color: #495057;
}
.tobi-chat-messages-list[data-type="answer"] .tobi-chat-messages-item .tobi-messages .tobi-messages-line .tobi-chat-bubble .animation span{
    background: #fff;
}
/* //TOBI */

/* Tab and Collapse */
.nav-tabs .nav-link.active{
    color:#dc3545;
}
.nav-tabs .nav-link{
    color:#495057;
}

.card-group .card {
    border:0px;
}
.card-group .card .nav-link{
    color:#fff;
    border-color: #5a6268;
}
.card-group .card .nav-link:hover{
    color:#122a36;
}
.card-group .card .nav-link.collapse{
    color: #fff;
    background-color: #5a6268;
}
.card-group .card .nav-link.collapsed{
    color: #fff;
    background-color: #5a6268;
}
.card-group .card .nav-link i{
    transition: all 250ms ease-out;
}
.card-group .card .nav-link.collapse i{
    transform: rotate(90deg);
}

.card-group .card .nav-link.collapse.collapsed i{
    transform: rotate(0deg);
}


.dropdown-item:active{
    background-color: #dc3545;
}
   
/* //Tab and Collapse */

/* Table Rowspan Border */
.tableRowspanBorder {
    border-collapse: collapse;
}
.tableRowspanBorder th{
    border-top: 2px solid red;
}
.tableRowspanBorder th:first-child{
    border-left: 2px solid red;
}
.tableRowspanBorder th:last-child {
    border-right: 2px solid red;
}
.tableRowspanBorder tbody tr .colored {
    border-left: 2px solid red;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}
.tableRowspanBorder tbody .colored-row td:nth-of-type(n+2) {
    border-top: 2px solid red;
}
.tableRowspanBorder tbody tr td:last-child {
    border-right: 2px solid red;
}
.tableRowspanBorder tbody tr:last-child td:nth-child(n+1) {
    border-bottom: 2px solid red;
}
/* //Table Rowspan Border */

.loader{
    position: fixed;
    top:0px;
    left:0px;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: rgba(255,255,255,0.5);
}
.loader .animation{
    padding:10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 1px rgb(220 53 69);
    background-color: white;
}

/* Mağaza Ekibi Scorecard */
#magaza-ekibi-scorecard .bubbles{
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2%;
    margin: 0px auto;
}

#magaza-ekibi-scorecard .bubbles .item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    aspect-ratio: 1/ 1;
    width: 125px;
    height: 125px;
    margin-bottom:10px;
    padding:10px;
    color:#fff;
    border-radius: 50%;
}
#magaza-ekibi-scorecard .bubbles .item img{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#magaza-ekibi-scorecard .bubbles .item h6{
    margin:10px 0px 0px;
    text-align: center;
}	
#magaza-ekibi-scorecard .bubbles .item h5{
    margin:0px;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 991px) {
    #magaza-ekibi-scorecard .bubbles .item{
        width: 100px;
        height:100px;
    }
}
@media (max-width: 767px) {
    #magaza-ekibi-scorecard .bubbles .item{
        width: 80px;
        height:80px;
    }
    #magaza-ekibi-scorecard .bubbles .item h6{
        margin:0px;
        font-size:0.76rem;
    }	
    #magaza-ekibi-scorecard .bubbles .item h5{
        font-size:0.76rem;
    }
}
/* //Mağaza Ekibi Scorecard */
/* Şampiyonlar Ligi */
.sampiyonlar-ligi{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 66px);
    background-color: rgb(255,0,0);
    background-image:   url('../images/sampiyonlar-ligi-grass.png'),
                        url('../images/sampiyonlar-ligi-left-light-red.png'),
                        url('../images/sampiyonlar-ligi-right-light-red.png'),
                        url('../images/sampiyonlar-ligi-light-red.png'),
                        linear-gradient(0deg, rgb(192 0 0) 19%, rgb(202 1 1) 35%, rgba(0,0,0,1) 100%);

    background-repeat: no-repeat !important;
    background-position: bottom center, top left, top right, top center  !important;
    background-size: 1920px auto, auto auto, auto auto, 100% auto, 100% 100% !important;
}
@media (max-width: 991px) {
    .sampiyonlar-ligi{
        background-position: bottom center, top left, top right, top center !important;
        background-size: 1440px auto, 205px auto, 205px auto, 100% auto, 100% 100% !important;
    }
}
@media (max-width: 576px) {
    .sampiyonlar-ligi{
        background-position: bottom center, top left, top right, top center !important;
        background-size: 1440px auto, 130px auto, 130px auto, 500px auto, 100% 100% !important;
    }
}
.sampiyonlar-ligi h1{
    width: 100%;
    margin-top: 25px;
    margin-bottom: 10px;
    color:white;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 7px 47.2px rgba(7, 32, 71, 0.004);
}

@media (max-width: 768px) {
    .sampiyonlar-ligi h1{
        margin-bottom:50px;
    }
}
@media (max-width: 576px) {
    .sampiyonlar-ligi h1{
        font-size:1.5rem;
    }
}
.sampiyonlar-ligi p{
    margin: 10px 5px 50px;
    text-align: center;
    color:white;
}
.sampiyonlar-ligi .table-container{
    border: 1px solid #fff;
    border-radius: 10px;
}
.sampiyonlar-ligi table{
    margin-bottom: 0px;
    color:white;
}
@media (max-width: 576px) {
    table{
        font-size: 0.90rem;
    }
}
.sampiyonlar-ligi table th{
    text-wrap:nowrap;
    border-top:none;
    background-color: #b1272740;
}
.sampiyonlar-ligi table td{
    background-color: #b1272740;
}
.sampiyonlar-ligi table th:nth-child(1){
    width: 24px;
    text-align: center;
}
.sampiyonlar-ligi table th:nth-child(4),.sampiyonlar-ligi table th:nth-child(5){
    text-align: center;
}
.sampiyonlar-ligi table td:nth-child(1),.sampiyonlar-ligi table td:nth-child(4),.sampiyonlar-ligi table td:nth-child(5),.sampiyonlar-ligi table td:nth-child(6){
    text-align: center;
}

.sampiyonlar-ligi .table td, .sampiyonlar-ligi .table th{
    padding:.50rem
}
/* //Şampiyonlar Ligi */
/* Table tbody scroll */
.table-tbody-scroll thead, .table-tbody-scroll tbody tr{
    width:100%;

    display:table;
    table-layout:fixed;
}
.table-tbody-scroll tbody{
    display:block;
    height: auto;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Table tbody scroll */

/* Shopp2Call Lig */
.shop2call-ligi{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 66px);
    background-color: black;
}

.shop2call-ligi-bg{
    position: fixed;
    top:0px;
    left:0px;
    width: 100vw;
    height: 100vh;
    opacity: 0.5;
    background-repeat: no-repeat !important;
    background-position: top center!important;
    background-size: 1920px auto !important;
    background-image: url('../images/shop2call-lig-bg.jpg');
}
.shop2call-ligi h1{
    width: 100%;
    margin-top: 25px;
    margin-bottom: 10px;
    color:white;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 7px 47.2px rgba(7, 32, 71, 0.004);
}

@media (max-width: 768px) {
    .shop2call-ligi h1{
        margin-bottom:50px;
    }
}
@media (max-width: 576px) {
    .shop2call-ligi h1{
        font-size:1.5rem;
    }
}
.shop2call-ligi p{
    margin: 10px 5px 50px;
    text-align: center;
    color:white;
}
.shop2call-ligi .table-container{
    border: 1px solid #fff;
    border-radius: 10px;
}
.shop2call-ligi table{
    margin-bottom: 0px;
    color:white;
}
@media (max-width: 576px) {
    table{
        font-size: 0.90rem;
    }
}
.shop2call-ligi table th{
    text-wrap:nowrap;
    border-top:none;
    background-color: #b1272740;
}
.shop2call-ligi table td{
    background-color: #b1272740;
}
.shop2call-ligi table th:nth-child(1){
    width: 24px;
    text-align: center;
}
.shop2call-ligi table th:nth-child(4),.shop2call-ligi table th:nth-child(5){
    text-align: center;
}
.shop2call-ligi table td:nth-child(1),.shop2call-ligi table td:nth-child(4),.shop2call-ligi table td:nth-child(5),.shop2call-ligi table td:nth-child(6){
    text-align: center;
}
.shop2call-ligi .table td, .shop2call-ligi .table th{
    padding:.50rem
}
.shop2call-ligi table th:nth-last-child(-n+7) {
    text-align: center;
}
.shop2call-ligi table td:nth-last-child(-n+7){
    text-align: center;
}
/* //Shopp2Call Lig */