body {
    font-family:Jost;
}

section {min-height:500px;}
select {
    cursor: pointer;
}

.table-x header h6 {
font-size: 9px;
text-transform: uppercase;
}
.table-x header>div {
    padding: 0 7.5px;
    background: #ff3838;
    color: #fff;
    border-radius: 3px 3px 0 0;
    display: flex;
    height: 30px;
    align-items: center;
    flex-wrap: wrap;
}

.table-x header>div>div {
    padding: 0 4px;
}

.tx-i-col-1 {
    flex: 1;
}

.tx-i-col-4 {
    flex: 4;
}

.tx-i-col-3 {
    flex: 3;
}

.tx-i-col-2 {
    flex: 2;
}

.tx-i-col-5 {
    flex: 5;
}
.table-x main input, .table-x main select {
    border-radius: 3px;
    padding: 6px 9px;
    background: #fff;
    border-color: #999a9a;
    margin-bottom: 0;
}
.tx-i-row {
    flex-wrap: wrap;
    transition: background 150ms ease;
    will-change: background;
    display: flex;
    padding: 10px 7.5px;
    align-items: center;
}
.tx-i-row>div {
    padding: 0 4px;
    font-size: 10px;
}
.table-x main input, .table-x main select {
    border-radius: 3px;
    padding: 6px 9px;
    background: #fff;
    border-color: #999a9a;
    margin-bottom: 0;
}
.bas-form input, .bas-form select, .bas-form textarea {
    border: 1px solid #c1c7ca;
    margin-bottom: 20px;
    padding: 12px 18px;
    background-color: #fff;
}
select {
    cursor: pointer;
}
.clr-blk {
    color: #000!important;
}

.tx-i-col-1-5 {
    flex: 1.5;
}



a {
    text-decoration: none !important;
}

body {
    margin: 0;
    padding: 0;
}

.navbar .container-fluid, .main .container-fluid {
    padding-right: 50px;
    padding-left: 50px;

}

.header1 {
    background: black;
    color: white;

}

.fa-exclamation {
    font-size: 30px;
    padding: 5px;
}

.header2 {
    background-image: url('https://i.hizliresim.com/if0aa2w.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 1048;
    height: 60vh;
}

.logo {
    width: 200px;
    height: 50px;
    margin: 0px 20px;
}

.fa-bars {
    color: white;
}

.nav-link {
    color: white !important;
}

.btn-sale {
    color: white;
}

.header-title {
    color: white;
    font-size: 30px;
}

.section {
    background: #f5f5f5;
}

.team-link {
    color: black;
    text-decoration: none;
    font-size: 20px;
}

.card1 {
    box-shadow: 1px 1px 2px .1px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease;
}

.card1:hover {
    transform: translateY(-10px);
    box-shadow: 1px 1px 2px .1px rgba(5, 5, 5, .5);
}

.team-img {
    transition: transform 0.3s;
    box-shadow: 1px 1px 2px .1px rgba(0, 0, 0, 0.5);
}

.team-img:hover {
    transform: scale(.9);
}

.section2 {
    background: var(--dark-red);
}

.section2-title {
    color: white
}

.sec2-input {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mail-input {
    border: none;
}

.fa-telegram {
    font-size: 25px;
}

.height {
    height: 100px;
}

#footer {
    background: black;
}

.btn-face {
    background-color: darkblue;
    background-image: repeating-linear-gradient(45deg, rgb(0, 0, 219), rgb(0, 0, 219));
    border-radius: 95px 95px 205px 155px !important;
}

.fa-facebook-f {
    color: white;
    font-size: 25px;
}

.btn-ig {
    border-radius: 95px 95px 205px 155px !important;
    background-image: repeating-linear-gradient(45deg, yellow, rgb(255, 123, 0), rgb(255, 13, 106), rgb(120, 59, 120));
}

.fa-instagram {
    color: white;
    font-size: 20px;
}

.fa-twitter {
    color: white;
    font-size: 20px;
}

.btn-tw {
    border-radius: 95px 95px 205px 155px !important;
    background-image: repeating-linear-gradient(45deg, rgb(27, 201, 254), rgb(27, 201, 254));
}

.footer {
    background-image: url('https://bilet2go.com/footer-bg.jpg');
    background-position: center left;
  background-color: #343a40;
  color: #fff;
  padding: 70px 0;
}

.footer .logo {
  font-weight: bold;
  margin-bottom: 20px;
}

.footer .social-icons {
  margin-bottom: 20px;
}

.footer .social-icons a {
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
}

.footer .links-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.footer .links-column {
  margin-bottom: 20px;
}

.footer .links-column ul li {
  list-style: none;
  margin-bottom: 5px;
}

.footer .links-column ul li a {
  color: #fff;
  text-decoration: none;
}

.footer .links-column ul li:hover a {
  color: #ffd216;
}

.footer .logo {
    margin-left:0;
    margin-right:20px;
}

.footer .upcoming-events ul li {
  list-style: none;
  margin-bottom: 5px;
}

.footer .upcoming-events ul li a {
  color: #fff;
  text-decoration: none;
}

.footer .upcoming-events ul li:hover a {
  color: #ffd216;
}

.footer ul {padding-left:0!important; }

#dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    background: white;
    color: red;
    text-decoration: none;
    width: 500px;
}
.menuList{
    color: var(--dark-red) !important;
}
.menuList:hover {
    background-color: var(--dark-red);
    color: white !important;
}
#dropdown-menu1 {
    position: absolute;
    top: 100%;
    right: 130px;
    z-index: 1000;
    background: white;
    color: red;
    text-decoration: none;
    width: 300px;
}
.btn-hover:hover{
    background-color: white;
    color: var(--dark-red) !important;
}
.fa-bars{
    color: white ;
}
#navbarToggler{
    border: none;
    background-color: transparent;
    font-size: 30px;
}

@media screen and (min-width: 768px){
   #navbarToggler{
    display: none;
   }
   #navbarContent{
    display: flex !important;
    justify-content: flex-end !important;
   }
   
}
/* index.html */



/* accountInfo.html */


.nav-link1 {
    color: white !important;
}
.nav-link1:hover {
    color: var(--dark-red) !important;
}
.nav-menu {
    border: .5px solid lightgray;
}

.my-toggler {
    border: none;
    font-size: 25px;
}

#linkList {
    position: absolute;
    top: 100%;
    z-index: 1000;
    background: white;
    color: red;
    text-decoration: none;
    width: 25%;
}

.fa-magnifying-glass {
    color: white;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: none !important;
    align-items: none !important;
    justify-content: flex-start !important;
}

#form3Example1 {
    border-radius: 20px;
}

#form3Example2 {
    border-radius: 20px;
}

.formLink {
    color: white;
}

.btn-rec {
    display: flex;
    justify-content: flex-end;
}

.btn-save-rec {
    display: flex;
    justify-content: space-between;
}

.fa-house {
    color: rgb(59, 59, 59);
    size: 20px
}

.red {
    background: var(--dark-red) !important;
    border: 1px solid var(--light-red) !important;
}

.green {
    background: var(--dark-green) !important;
    border: 1px solid var(--dark-green)
}

.gray {
    background: var(--light-gray) !important;
    border: 1px solid var(--dark-gray) !important;
}

.btn-link {
    color: white !important;
    text-decoration: none !important;

}

.yellow {
    background: var(--yellow) !important;
}

.white {
    background: white !important;
    color: black !important;
}

.list-info {
    background: var(--dark-red) !important;
}

.navbar-brand {
    color: white;
}

.fa-circle-pause {
    color: var(--yellow);
    font-size: 20px;
    padding-left: 3px;
}

.fa-circle-check {
    font-size: 50px;
}

.fa-ticket {
    font-size: 50px;
}

.fa-hand-holding-dollar {
    font-size: 50px;
}
.bars2{
    color:black;
}
.transition{
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}
.transition.show {
    opacity: 1;
}




/* Sold.html */


.table-link{
    color: var(--dark-red) !important;
}
.table-link:hover{
    color: var(--dark-red) !important;
}
.table-link2{
    color: black !important;
}
.table-link2:hover{
    color: black !important;
}
.fa-ellipsis-vertical{
    color:var(--dark-red); 
    font-size: 20px;
}
/* #navbarContent{

    position: absolute;
    top: 100%;
    right: 100px;
    z-index: 1000;
    background: white;
    color: red;
    text-decoration: none;
    width: 300px;
} */
.fa-plus{
    color:white !important;
}
.sec-btns{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sec-btns2{
    margin-right: 10px !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#navbarContent1{

    position: absolute;
    top: 100%;
    right: 100px;
    z-index: 1000;

}

/*Kullanici Menü */

.kullanici-menu {
    position:relative;
    
}
.kullanici-menu i {font-size:22px!important;color:black;}
.kullanici-menu .biletsat {
    padding:8px 25px;
    font-weight:600;
    }
.kullanici-menu button:hover {
    background: lightgray;
}
.kullanici-menu .nav-link {color:black!important;}    

/*Kullanici Menü Bitiş */

.ustmenu {
    font-weight:500;
    font-size:16px;
    margin-left:25px;
}

.ustmenu .nav-link {
    padding-right:1rem!important;
    padding-left:1rem!important;
}
.ustmenu .nav-link:hover {
    color:#ffd216!important;
    
}

.header-alt a {
    color:black;
    font-size:16px;
    }
    
    .header-alt a:hover {color:#5c5b5b; }
   .header-alt .navbar-nav {margin-bottom:0!important; }
   .header-alt .navbar-nav ul {margin-bottom:0!important; }
    
    .search-icon {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      height: 50%;
    }
    
    .search-icon2 {
        position: absolute;
bottom: 40%;
right: 28%;
transform: translateY(-50%);
    }

.header .form-control {
border: 2px solid #ffd216;
border-radius: 20px;
background: white; 
    padding:6px 20px;
    min-width: 300px;
}

.btn-yellow {background:#ffd216;}
.btn-dark {background:#313131;}
.kullanici-menu i {font-size:22px!important;}

.navbar-expand-lg .navbar-collapse {justify-content:right!important;}
.anasayfa-banner {margin-top:-115px;}
.anasayfa-banner h2 { text-shadow: 0px 2px black }

.kat-bolum {
    background:white;
    padding:12px;
    border-radius:10px;
    box-shadow: 0px 2px 4px #f0f0f0;
  
}
.kat-bolum a, h3 {
 color:black;   
 font-size: 1.3rem;
}

.kat-bolum:hover {
    box-shadow: 0px 2px 4px #b5a20a80;}
.kat-kisayol {
    margin-top:-70px;
}
      
.carousel-control-next, .carousel-control-prev {
    width:3%!important;
    height:10%;
    background:black;
    z-index:999;
    top:35%
}

.carousel-control-next {
    right:-4%;
}

.carousel-control-prev {

    left:-4%; 

}



.etkinlikresim {border-radius:.25rem .25rem 0px 0px;}
.card-body {padding: 5px 10px;}
.card-title {background:#ffd216;padding:5px;}
.etkinlikfiyat {font-size:26px;font-family:Poppins;}  
.etkinlik-yeri {background:#313131;color:white;padding:5px;}
.etkinlik-yeri:before {
    content:"\f3c5";
    font-family:FontAwesome;
    margin-right:8px;
}


 .flyout-menu {
      position: fixed;
      top: 0;
      right: -300px; 
      height: 100vh;
      width: 250px;
      background-image: url('https://i.hizliresim.com/s2uxc9r.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      z-index: 1000;
      transition: right 0.3s ease;
    }

    .flyout-menu.open {
      right: 0; 
    }

    .flyout-menu .container {
      padding: 20px;
    }

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

    .flyout-menu ul li {
      margin-bottom: 10px;
    }

    .flyout-menu ul li a {
      color: white;
      text-decoration: none;
    }

    @media (min-width: 992px) {
      .flyout-menu {
        display: none; 
      }
    }
    
    .close-icon {
      position: absolute;
      top: 10px;
      right: 10px;
      color: white;
      font-size: 18px;
      cursor: pointer;
    }
    
    .flyout-menu .logo {
        margin:0;
    }
    .flyout-menu a {
        font-size:18px;
    }
    
    .navbar-toggler.custom-toggler {
      background-color: transparent; 
      border:none;
      line-height: 1.4;
      font-size:1.85rem;
      padding:.25rem 1.5rem;
      text-align:right;
    }
    
    .navbar-toggler.custom-toggler .navbar-toggler-icon:before {
        content:"\f0c9";
        color:#ffd216;
        font-weight:900;
        font-family:FontAwesome;
    }
    
    .card h5, .card h6, .card p {color:black;}

.nav-detay {
    background:#ffd216;
    padding:15px 0px ;
    border-radius: 0px 0px 20px 20px;
}

.takim-logolari {
    position: relative;
    top: 15%;
justify-content:center;
   min-height:300px;
    z-index: 2;
    margin:5px 0px;
    border-radius:.25rem .25rem 0px 0px;
    padding-top:20%;
    
    
}
.takim-logolari img {
    max-height:130px;
    width:auto;
    
}
    
    
    @media (max-width: 767px) {
        
        .navbar .container-fluid, .main .container-fluid {padding-right:10px;padding-left:10px; }
        .ozelbutton {padding:5px;margin-right:10px;}

    }
    @media (max-width: 896px) {

        .table-flex .mobile-title {display:block !important;}
        .table-flex thead {display:none;}
        .table-flex tbody tr {display: grid;grid-template-columns: repeat(2, auto);gap: 1px;margin-bottom: 10px;}
        .table-flex tbody tr td.mobile-title {text-align: left;background-color: #000;color:#fff;vertical-align: middle;font-size:13px;display: inline-flex !important;align-items: center;}
        .table-flex tbody tr td input {width: 100% !important;}
       
    }


 .arkaplanli {
        background-image: url('https://bilet2go.com/footer-bg.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }

        .table > thead {

            background:#212529;
        }

        .table-flex .mobile-title {display:none!important}

    .fs-7 {font-size: 0.888rem;}