/*ortak css*/
@media (prefers-reduced-motion: reduce) {
    .accordion-collapse {
        transition: height 0.69s ease;
    }
    
    .modal.fade .modal-dialog {
        transition: transform 0.69s ease
    }    
    
    .form-floating .form-control {
        transition: border-color 0.6s ease-in-out, box-shadow 0.6s ease-in-out;
    }

    .form-floating label {
        transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    }    
}

/*klaslar*/
.height-7{height: 7px}

.borderB-2{border-bottom: 2px solid}
.mT-30{margin-top: 30px}

.w-0{width: 0}
.w-131{width: 131px}
.w-203{width: 203px}
.w-y33{width: 33%}
.w-97{width: 97px}

.maxWid-y11{max-width: 11%}
.maxWid-99{max-width: 99px}
.maxWid-131{max-width: 131px}
.maxWid-87{max-width: 87px}
.minH-841{min-height: 841px}

.bgAqua{background: #0dcaf0}
.bgMavi{background: #0d6efd}
.bgPortakal{background: orange}

.formBaslik{
    font-size: 23px;
    font-weight: 100;
    padding-top: .5rem;
    padding-bottom: .5rem; 
    display: flex;
    align-items: center;   
}

.formBaslik svg{
    width: 27px;
    height: 27px;
    margin-right: 7px;
    fill: #0d6efd;  
}

.grad-Bg-mavi{background-image: linear-gradient(to right, #5b73e8, #44c4fa)}
.grad-Bg-orng{background-image: linear-gradient(to right, #fa5420, #f6a800)}
.grad-Bg-yesil{background-image: linear-gradient(to right, #1D976C, #2fd38a)}

.grad-Bg-1{
    background-image: url('../img/global/stok/footerBg.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;             
}
.grad-Bg-2{background-image: linear-gradient(152deg,#ff1ad900 0,#ff24c700 50%,#00ffff 100%,#721aff 29%)}
.grad-Bg-3 {background-image: linear-gradient(152deg,#ff1ad900 0,#ff24c700 50%,rgb(139 195 74) 100%,#721aff 29%);}
.grad-Bg-4 {background-image: linear-gradient(to right, #8bc34a, #e7ff57);}

/*klaslar*/

body{
    letter-spacing: -1px
}

#loader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 49%);
    display: flex;
    justify-content: center;
    z-index: 9999;
}

#loader > div > div {
    display: inline-block;
    padding: 7px 69px;
    margin-top: 99%;
    border-radius: 3px;
    color: white;
}

#loader .animasyon {
    height: 4px;
    width: auto;
    background: no-repeat linear-gradient(#F44336 0 0), no-repeat linear-gradient(#F44336 0 0), #ffffff;
    background-size: 60% 100%;
    animation: ajaxLoader 1s infinite;
}

@keyframes ajaxLoader {
    0% {
        background-position: -150% 0, -150% 0;
    }
    66% {
        background-position: 250% 0, -150% 0;
    }
    100% {
        background-position: 250% 0, 250% 0;
    }
}

/*Bildirim kutusu*/

.bildirim{
    position: fixed;
    right: 11px;
    bottom: 11px;
    z-index: 9999;
}
    
.bildirim > div {
    position: absolute;
    background: #000000b5;
    min-height: 135px;
    animation: bildirimAnimasyonu 0.5s;
    color: white;
    padding: 15px;
    bottom: 0;
    border-radius: 9px;
    font-size: 15px;
    letter-spacing: normal !important;
    font-family: arial;
}

@keyframes bildirimAnimasyonu {
    0% {
        margin-left: 503px;
        opacity: 0;
    }
    
    50% {
        background: red;
        opacity: 1;
    }
    
    100% {
        margin-left: 0;
    }
}

.bildirim p{
    font-size: 21px;
    margin-bottom: 13px;   
}

.sayfalaButon{
    position: fixed;
    right: 0;
    bottom: 8px;
    text-align: right;
    width: auto;    
}

.formLoader {
    position: absolute;
    bottom: -7px;
    left: 0;
    height: 7px;
    background-color: orange;
    width: 51%;
    animation: formLoaderAnimasyonu 1.5s linear infinite;
    box-shadow: 5px 5px 9px 0px #000000;
}

@keyframes formLoaderAnimasyonu {
    0% {
        left: -100%;  
    }
    
    100% {
        left: 100%;  
    }
}



._card{
    color: white;
    padding: 21px 17px;
    border-radius: 7px;
}