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


:root {
    --arkaplan: #ededed;
    --kurumsal: var(--bs-primary);
    --font: 'Roboto';
}



body,
html {
    font-family: var(--font), sans-serif;
    /*background:var(--arkaplan);*/
    /*overflow-x:hidden*/
    font-size: 16px;
    height: 100vh;
}

.container {
    max-width: 1500px;
}

.awesomplete {
    width: 50%;
}

.awesomplete>input {
    width: 100% !important;
    border-radius: 0;
}

.anasayfa {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.baslik {
    position: relative;
    border-bottom: 1px solid var(--bs-primary);
    border-left:10px solid var(--bs-primary);
    padding:0 0 0.5rem 0.5rem;
    color: var(--bs-primary);
}

.ust {}

.logoKapsayan .logo img {
    max-height: 40px
}



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

    background-size: cover;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

/*
.ustKusak:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/tarama.gif);
	opacity: 0.8;
}
*/





#ustSagMenu .nav-item {
   
    border-right: 1px solid #ffffff50;
}

#ustSagMenu .nav-item a.nav-link { 
     color: white; 
/*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/
}

#ustSagMenu a:hover {
    background: #ffffff20
}



/* ust */


/* arama */

.liste .card {}

table.otelBilgileri tr td:nth-child(1),
table.fiyatlar tr td:nth-child(1) {
    width: 180px;
    opacity: 0.5
}

.liste .card .listeGaleri {
    text-wrap: nowrap;
    overflow: hidden
}

.liste .card .listeGaleri img {
    height: 50px;
    margin: 0 5px 0 0
}

ul.gunluk {
    display: flex;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc
}
.card.musaitGrafikKutu ul.gunluk { height:150px}
ul.gunluk li {
    position: relative;
    flex: 1;
    max-width: 20px;
    background: #eee;
    border-left: 1px solid #ccc
}

ul.gunluk li .m {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background: green;
    max-height: 100%;
    font-size:0.5rem; color:white; text-align: center
}

ul.gunluk li:nth-child(5n-4) .t {
    display: block !important;
    font-size: 0.5rem
}

ul.gunluk li:nth-child(5n-4):after {
    content: '';
    position: absolute;
    left: -0.05rem;
    bottom: -10px;
    width: 2px;
    height: 10px;
    border-left: 1px solid #ccc;
}

ul.gunluk li .t {
    position: Absolute;
    left: 0;
    bottom: -25px;
    transform: rotate(15deg)
}

/* arama */


table tr td {
    vertical-align: middle;
}

.rezervasyonDetay input[readonly]:focus {
    outline: none !important;
    box-shadow: none !important;
}

.rezervasyonDetay input[readonly] {}

/*
.otelSozlesme {
    height: 200px;
    overflow: auto
}
    */

/*rezervasyonlar*/
table.otel_rezervasyon_tb td[data-alan=tip] {
    opacity: 0.5;
}

table.otel_rezervasyon_tb td[data-alan=odaYemekToplam] {
    font-weight: bold
}

td[data-alan=kgt],
td[data-alan=sngl],
td[data-alan=dbl],
td[data-alan=trpl],
td[data-alan=qdr] {
    font-size: 0.85rem;
    opacity: 0.7;
}

td[data-alan*=Toplam] {
    text-wrap: nowrap
}

/*rezervasyonlar*/

.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);

}

/* ravza */
.card .saat { border:1px solid var(--bs-gray); border-top:5px solid var(--bs-success) }
/* ravza */

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

.modal-xl {
    min-width: 100% !important;
    height: 100%
}



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


.saydir {
    white-space: nowrap
}


/* footer */


[name][required] {
    border-left: 3px solid var(--bs-danger)
}

[name=okudum][required] {
    border: 1px solid var(--bs-danger)
}

/*
.modal form .form-control { border-radius: 1rem; padding-top:1rem; background:white}
form label { position: absolute; left:1.5rem; top:-0.5rem; background:white; padding:0 1rem; border-radius:0.5rem 0.5rem 0 0 }
*/


.table-responsive {
    min-height: calc(100vh - 400px);
}

.thSecim {
    width: 25px;
}



.btn {
    position: relative;
}


/*a { color:#000; }*/
label {
    font-size: 0.85rem;
    /*color: var(--bs-gray);*/
    color: rgba(0, 0, 0, 0.5);
    font-weight: normal;
    transition: 0.2s;
}



.card {

    border-top: 2px solid var(--bs-primary)
}

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;
}




.no-caret::after {
    display: none;
}

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

.tooltip-inner {
    text-align: left
}

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

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



.bi-eye.goz {
    position: absolute;
    z-index: 999;
    right: 1.0rem;
    margin-top: -1.8rem;
    opacity: 0.5;
}

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);
    }
}

@keyframes sagSol {
    0% {
        left: -25%;
    }

    50% {
        left: 25%;
    }

    100% {
        left: -25%;

    }
}

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

/* animasyon css */


/* responsive */
@media screen and (max-width:992px) {
    
    .saat { width:calc(50% - .50rem); }
}

/* responsive */
/* bitti */