@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Cuprum&display=swap');
*/

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


/*ozel renk tanimi*/
/* #e30646 */
:root {
    --arkaplan: #ededed;
    --kurumsal: var(--bs-primary);
    --font: 'Cuprum';
    --sandalye: #0a0
}

/*ozel renk tanimi*/

body,
html {
    /*font-family: 'PT Sans Narrow', sans-serif; */
    /*font-family: 'Roboto', sans-serif;*/
    font-family: var(--font), sans-serif;
    /*background:var(--arkaplan);*/
    /*
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    */
    /*! padding-bottom: 100px; */
    /*overflow-x:hidden*/
}



.ust1 {
    top: 0;
    z-index: 9999999;
    background: var(--bs-primary) !important;
    box-shadow: 0 3px 3px #00000050;
    border-bottom: 1px solid #ffffff80;
    border-top: 2px solid white;
}

.kurumAd {
    color: #ffffff80;
    margin-left: 1rem;
}

.logoKapsayan {
    position: relative;
    width: 240px;
    height: 40px;
}

.logoKapsayan .logo {
    position: absolute;
    top: 0px;
    width: 100%;
    ;
    text-align: center;
    background: linear-gradient(180deg, #fff 0%, #fff 90%, #ccc 100%);
    padding: 0.5rem 1.0rem;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 4px 4px #00000060;
    /* display:none;*/
}

.logoKapsayan .logo img {
    height: 40px;
}

/* dikey logo icin overwrite*/
.logoKapsayan.Dikey {
    width: 120px !important;
}

.logoKapsayan.Dikey .logo img {
    height: 60px !important;
}

/* dikey logo icin overwrite*/


.logoKapsayan .logo:after {
    content: '';
    position: absolute;
    top: -0.038rem;
    right: -15px;
    width: 16px;
    height: 16px;
    z-index: 9999;
    background: url(../img/kose.png);
    transform: rotate(90deg)
}

.logoKapsayan .logo:before {
    content: '';
    position: absolute;
    top: -0.038rem;
    left: -15px;
    width: 16px;
    height: 16px;
    z-index: 9999;
    background: url(../img/kose.png);
    transform: rotate(180deg)
}

#ustSagMenu li.nav-item.dil a.nav-link img {
    opacity: 0.3;
}

#ustSagMenu li.nav-item.dil a.nav-link.active img {
    opacity: 1;
}

#ustSagMenu a.nav-link {
    color: white;
    padding: 1rem auto;
    border-right: 1px solid #ffffff50;
}

#ustSagMenu .nav-item .bi {
    opacity: 0.5;
}

#ustSagMenu a:hover {
    background: #ffffff20
}

#ustSagMenu .dropdown-menu {
    background: var(--bs-primary) !important;
    width: calc(100% + 1px);
    box-shadow: 0px 10px 10px #00000050;
    border-radius: 0 0 0.5rem 0.5rem;
    margin-top: 0px;
    margin-left: -1px;
    border: 1px solid #ffffff50;
    border-top: none;
}

#ustSagMenu .dropdown-menu .dropdown-item {
    border-top: 1px solid #ffffff30;
}



.ortaKusak {
    /*background: url(../kurumsal/img/anasayfaarkaplan.jpg);*/
    background-size: cover;
}


a:not(.btn):not(.active):not(.disabled):not(.nav-link):hover {
    text-decoration: none;
    /*border-bottom:1px dashed #000;*/
    /*background: rgba(0, 0, 0, 0.1);*/
}

a {
    text-decoration: none;
}

a.disabled {
    cursor: default;
    opacity: 0.6;
}

a.disabled:hover {
    pointer-events: none;
    border-bottom: 1px dashed transparent;
}


.gorsel img {
    transition: 0.2s;
    border-radius: 0.3rem;
    /*box-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/
}


.baslik {
    position: relative;
    font-size: 1.5rem;
    border: 1px solid transparent;
    border-image: linear-gradient(to right, var(--bs-primary), #ededed00);
    border-image-slice: 1;
    border-left: transparent;
    border-right: transparent;
    border-top: transparent;
    padding: 0px 0px 0.2rem 2.5rem;
    color: var(--bs-primary)
}

.baslik:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 2rem;
    height: 2rem;
    transform: rotate(90deg);
    -webkit-mask: url(../img/baslik.svg) no-repeat 100% 100%;
    mask: url(../img/baslik.svg) no-repeat 100% 100%;
    filter: drop-shadow(1px -1px 0px #fff);
    background-color: var(--bs-primary);
    -webkit-mask-size: 100%;
    mask-size: 100%;
}



.baslik .toplamAdet {
    color: var(--bs-secondary);
    font-size: 1rem;
    margin-left: 1rem
}

.altBaslik {
    padding: 0px 0px 0.1rem 1.7rem;
    font-size: 1.2rem;
    color: var(--bs-primary)
}

.altBaslik:before {
    width: 1.3rem;
    height: 1.3rem;
    background-color: var(--bs-primary);
}


.container.sayfa {
    min-height: calc(100vh - 40px);
    margin-bottom: 100px !important;
}


.container-fluid {
    padding-left: 0;
    margin-top: 0;
    min-height: auto;
    padding-bottom: 0;
    padding-right: 0;
    transition: 0.5s !important;
}



.logoKapsayan.ust {
    min-height: 3.5rem;
}

.ustKusak {
    position: relative;
    height: 7rem;
    box-shadow: inset 0 0 10px #00000050;
}

.ustKusak {
    background-image: url(../kurumsal/img/ustkusak.jpg);
    background-size: cover;
    background-color: #62367b60;
    background-blend-mode: overlay;
    overflow: hidden
}

.ustKusak .dalga img {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 50px;
    transform: scaleX(15)
}

/* ust */



/* menu */

/* arama */



/* rezervasyon */
.rezervasyonSayfa {}
#salonKapasitePencere .kapasiteListe #salonlarTab button.active{border:none  }


.rezervasyonSayfa .sandalyelerKapsayan {
    left: 0;
    top: 0px;
    z-index: 99;
}

.rezervasyonSayfa .sandalye {
    position: absolute;
    border-radius: 50%;
    text-align: center;
    line-height: 1.8rem;
    color: #ffffff;
    cursor: pointer
}

.rezervasyonSayfa .sandalye.pasif {
    background: var(--gray-500) !important;
}


.rezervasyonSayfa #krokiKapsayan {
    text-align: center;
    height: calc(100vh - 11rem);
}

.rezervasyonSayfa #krokiKapsayan img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    /*filter:invert(1)*/
}

.rezervasyonSayfa .filtreler {
    transition: 0.3s;
    top: 150px;
    left: -260px;
    width: 260px;
    background: #ffffff95;
    backdrop-filter: blur(12px);
    z-index: 999;
    box-shadow: 0px 0px 10px #00000060;
    /*outline: 10px solid #00000020*/
}

.rezervasyonSayfa .filtreler.aktif {
    left: -5px !important;
}


.rezervasyonSayfa .filtreler .card-header i.bi.acKapat {
    position: absolute;
    right: -1.9rem;
    top: 0.5rem;
   padding: 1rem 0.45rem;
    top: -4px;
    background: var(--yellow-500);
    box-shadow: 5px 0px 5px #00000030;   
    border-radius: 0 0.4rem 0.4rem 0;
  
}

.rezervasyonSayfa .filtreler i.bi.acKapat:before {
    transition: 0.5s;
}

.rezervasyonSayfa .filtreler.aktif i.bi.acKapat:before {
    transform: rotate(-180deg)
}


.rezervasyonSayfa .adetler .adet {
    background: var(--gray-400);
    border-radius: 0.3rem
}

.rezervasyonSayfa .adetler .adet span.h3 {
    font-family: 'Roboto';
    font-weight: 300
}

.satirlarKapsayan .satir:nth-child(1) .sil { display:none}
.satirlarKapsayan .satir:not(:nth-child(1)) .ekle { display:none; }
/* rezervasyonlar */
.durum0 {
    background: var(--gray-500)
}

/*cikti*/
.durum1 {
    background: var(--gray-700)
}

/*bekleniyor*/
.durum2 {
    background: var(--cyan-600)
}

/*geldi*/
.durum3 {
    background: var(--orange-600)
}

/*gelmedi*/
.durum4 {
    background: var(--red-500)
}

/*molaasti*/
.durum5 {
    background: var(--red-500)
}

/*idariiptal*/
.durum6 {
    background: var(--red-300)
}

/*kullaniciiiptal*/

/* rezervasyonlar */

/*
#salonKapasitePencere .modal-body { height:calc(100vh - 150px); overflow:auto}
*/
/* rezervasyon */


/* table */
table td {
    vertical-align: middle
}

table thead th.thSecim {
    width: 30px;
}

table thead th.kullanici {
    width: 115px;
}

table thead th.adsoyad {
    width: 240px;
}

table thead th.ad {
    width: 100px;
}

table thead th.soyad {
    width: 120px;
}

table thead th.seans {
    width: 130px;
}

table thead th.tarih {
    width: 100px;
}

table thead th.salon {}

table thead th.durum {
    width: 120px;
}

table thead th.dar {
    width: 120px;
}

table thead th.cep {
    width: 120px;
}

table thead th.yetki {
    width: 120px;
}

table thead th.yer {
    width: 80px;
}

table thead th.etkinlik {}

table thead th.etkinlik>div {
    width: 150px;
}

table thead th.grup {
    width: 150px;
}

table thead th.turnike {
    width: 80px;
}

table thead th.sandalyeid {
    width: 40px;
}

table thead th.timestamp {
    width: 140px;
}

table thead th.timestampOrta {
    width: 160px;
}

input[type=datetime-local] {
    padding-left: 1rem;
}

table thead th.timestampUzun {
    width: 210px;
}

table thead th.islem {
    width: 100px;
}

table d.gorsel img {
    width: 80px;
    border-radius: 0.3rem
}

table thead th.ipmac {
    width: 160px;
}

table thead th.yazibaslik {
    width: 300px;
}

table thead th.tip {
    width: 80px;
}

table tbody td.gorsel img {
    width: 80px;
    height: 50px;
    object-fit: cover;
}

/* table */

[data-bs-toggle="popover"] {
    cursor: help;
}


p.MsoNormal span, .note-frame { font-family: 'Cuprum'!important;;}


.sayfaBasinaDon {
    transition: 0.25s;
    position: fixed;
    bottom: -35px;
    right: 0;
    padding: 6px 10px 1px 10px;
    background: #ffffff;
    color: var(--bs-primary);
    border: 1px solid #ddd;
    cursor: pointer;
    z-index: 99999999;
}

.sayfaBasinaDon.aktif {
    bottom: 0px;
}

.yukleniyor {
    top: calc(50% - 0.4rem);

}

.geciciGorsel {
    margin: 1rem 0 0 0;
    width: 100%;
    display: block !important;
}

/* footer*/
#footer {
    z-index: 99999
}

body.modal-open #footer,
body.modal-open .ust1 {
    z-index: 999;
}


#footer .container-fluid {
    padding: 0 1rem
}

#footer .vr {
    color: #fff;
}

#footer .logoyordam {
    height: 25px;
    /* filter:grayscale(100%); */
}

#footer .logokurum {
    height: 25px;
    filter: grayscale(100%) invert(100%)
}

#footer .saniye {
    opacity: 0.4;
}

#footer a {
    text-decoration: none;
    color: #ffffff60;
}

#footer .altSosyalMedya {
    margin-right: 2rem;
}

#footer .altSosyalMedya a {
    margin-right: 1rem;
    font-size: 1.2rem;
}

.cerezKabul {
    position: fixed;
    bottom: 34px;
    color: white;
    background: var(--gray-800);
    z-index: 9999
}

.cerezKabul .baslik {
    border-image: none !important;
    border-bottom: 1px solid #ffffff50;
    padding-left: 0;
}

.cerezKabul .baslik:before {
    display: none
}

.cerezKabul a {
    color: white;
}

.cerezKabul .butonlar .btn {
    border-radius: 0;
}

.saydir {
    white-space: nowrap
}


/* footer */

/* buradan asagisi bootstrap ozellestirme */
/* buradan asagisi bootstrap ozellestirme */
/* buradan asagisi bootstrap ozellestirme */
.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none !important
}

.select2-dropdown {
    z-index: 10060 !important;
    /*1051;*/
}

body.modal-open .select2-dropdown {
    z-index: 999999 !important;
}

.select2 {
    width: 100% !important;
    z-index: 999 !important;
}

.filtreForm .select2 {
    z-index: 99 !important;
}

.form-select[required]+.select2-container .select2-selection--multiple {
    border-left: 3px solid var(--bs-danger) !important;
}

.select2-container .select2-selection--multiple {
    background-color: #f8f9fa !important;
}

.select2-dropdown.select2-dropdown--below {
    min-width: 200px !important;
}




.form-check-input {
    border: 1px solid var(--bs-primary)
}

.card {
    border-top: 5px solid var(--bs-primary);
}


input[type=text][required],
input[type=date][required],
input[type=number][required],
input[type=email][required],
input[type=password][required],
input[name=dogrulama],
select[required],
textarea[required] {
    font-family: var(--font);
    border-left-color: var(--bs-danger);
    border-left-width: 3px
}

select option {
    font-family: var(--font), sans-serif;
}

input[type=date] {
    padding-left: 1.2rem
}

.bi-eye.goz {
    position: absolute;
    right: 1.2rem;
    top: calc(50% - 0.5rem);
    opacity: 0.8;
}

.btn:not(.aramaIptal, .bi, .ikonBtn) {
    padding-left: 2.5rem !important;
    text-align: left;
    overflow: hidden
}

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

ol {
    padding-left: 1rem;
}






.btn {
    position: relative;
}

.btn:not(.aramaIptal, .bi, .ikon, .ikonBtn) i {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #00000050;
    border-right: 1px solid #ffffff50;
    color: white !important;
    height: 100%;
    width: 2rem;
    padding-top: 0.45rem;
    text-align: center;
}

.btn.btn-sm i {
    padding-top: 0.35rem
}

.ikonBtn.btn-sm i {
    color: white !important;
    position: relative;
    top: 1px;
}

.btn.btn-lg {
    padding-left: 3.0rem !important;
}

.btn.btn-lg i {
    width: 2.5rem;
    padding-top: 0.6rem
}

.btn.aramaIptal {
    padding-right: 0 !important;
    ;
}

/*a { color:#000; }*/
label {
    font-size: 0.85rem;
    color: var(--bs-gray);
    font-weight: normal
}

.modal {
    z-index: 9999;

}

#duyuruPencere.modal { 
  --bs-modal-margin: unset;    
}

 

.modal-content {
    box-shadow: 0 0 10px 10px #00000030;
    border-radius: calc(var(--bs-modal-inner-border-radius) + 3px)
}

hr {
    margin: 15px 0;
    width: 100%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #fff
}

hr.koyu {
    border-top: 1px solid #000;
    border-bottom: 1px solid #333;
}

hr.dar {
    margin: 5px 0;
}

hr.formAyrac {
    border-top: none;
    margin: 0.5rem 0;
}

.popover {
    box-shadow: 0px 0px 10px #00000040;
    font-family: var(--font);
}

.popover .popover-header {
    padding: 0.3rem 1rem;
    background: var(--bs-primary);
    color: var(--bs-light);
}

.popover .popover-body {}

.tooltip {
    z-index: 9999;
}

.tooltip-inner {
    font-family: var(--font);
    text-align: left
}

em {
    background: #ffdd0080;
    font-style: normal
}



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

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=text]:not([readonly]):focus,
input[type=search]:not([readonly]):focus,
input[type=number]:not([readonly]):focus,
input[type=date]:not([readonly]):focus,
input[type=time]:not([readonly]):focus,
input[type=color]:not([readonly]):focus,
select:focus {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3) !important;
}


span.close {
    cursor: pointer;
    transition: 0.3s;
}

.alarm {
    animation: alarm 1s linear infinite;
}

.alarmKisa {
    animation-name: alarm;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-iteration-count: 4;
}

.don {
    animation: don 3s linear infinite;
}

@keyframes alarm {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes don {
    0% {
        transform: rotate(0deg);
    }

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

/* animasyon css */
.animated {
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

/* animasyon css */


/* responsive */
@media screen and (max-width:480px) {}

@media screen and (max-width:992px) {
    #ustSagMenu .navbar-nav a {
        border: none;
        border-bottom: 1px solid #ffffff50
    }

    #ustSagMenu .dropdown-menu {
        box-shadow: none;
        border: none;
        display: block !important;
        text-align: right !important;

    }

    #ustSagMenu .dropdown-menu .dropdown-item {
        border-top: none
    }



    .rezervasyonSayfa .filtreler {
        top: 60px !important;

    }
    
    .rezervasyonSayfa .filtreler .card-header i.bi.acKapat {
        bottom: 0rem;
        top:auto;
    }


    /* rezervasyon */


}



/* responsive */
/* bitti */