/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.main-menu.menu-dark .navigation .navigation-header {
    color: #7367f0 !important;
    /*background-color: rgb(255 255 255 / 7%);*/
    margin: calc(2rem + 0.286rem) 0 0.8rem 1.2rem !important;
}

.navigation {
    font-weight: 500 !important;
}

.main-menu.menu-light .navigation .navigation-header {
    color: #7367f0 !important;
    /*background-color: rgb(255 255 255 / 7%);*/
    margin: calc(2rem + 0.286rem) 0 0.8rem 1.2rem !important;
}

.main-menu.menu-light .navigation li a {
    color: #000000;
}

.main-menu.menu-light .navigation > li.active > a {
    color: #fff !important;
}

.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
    color: #000000;
    background: whitesmoke;
}

.card-header .card-title {
    --bs-text-opacity: 1;
    /*color: rgba(234, 84, 85,1) !important;*/
    font-weight: bolder;
}

.file-drop-area {
    position: relative;
    padding: 2rem 1rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 2px dashed #dae1e7;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

    .file-drop-area .file-drop-input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        opacity: 0;
        outline: none;
        cursor: pointer;
        z-index: 2;
    }

    .file-drop-area .file-drop-icon {
        display: block;
        margin-bottom: 0.75rem;
        color: #aeb4be;
        font-size: 1.625rem;
    }

    .file-drop-area .file-drop-preview {
        max-width: 16rem;
        margin-right: auto;
        margin-bottom: 0.75rem;
        margin-left: auto;
    }

    .file-drop-area .file-drop-message {
        display: block;
        font-size: 0.875rem;
        margin-bottom: 1.25rem;
    }

    .file-drop-area .btn {
        position: relative;
        z-index: 3;
    }

    .file-drop-area:hover {
        border-color: #c4cfd9;
    }



.whiteSpaceNoWrap {
    white-space: nowrap !important;
}


.NullDisplayClass {
    color: #eebb57;
    width: 1.90rem;
    height: auto;
}

.ActionsDisplayClass {
    width: 1.90rem;
    height: auto;
    vertical-align: bottom;
    min-width: 1.9rem;
    max-width: 1.9rem;
}




._custom_loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

    ._custom_loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.8));
        background: -webkit-radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.8))
    }

    ._custom_loading:not(:required) {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

        ._custom_loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -.5em;
            -webkit-animation: spinner 1.35s infinite linear;
            -moz-animation: spinner 1.35s infinite linear;
            -ms-animation: spinner 1.35s infinite linear;
            -o-animation: spinner 1.35s infinite linear;
            animation: spinner 1.35s infinite linear;
            border-radius: .5em;
            -webkit-box-shadow: rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0
        }



/*Menü Font Küçültme*/
.navigation {
    font-size: 0.9rem !important;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i {
    margin-right: 0.4rem !important;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
    margin-right: 0.7rem !important;
}

.form-label {
    font-size: 1.100rem !important;
}

.kayitlarText {
    font-size: 10px;
}

.shadow-md {
    box-shadow: 0 4px 12px 0 rgb(34 41 47 / 10%) !important;
}

.main-menu.menu-dark .navigation li a > * {
    white-space: pre-wrap;
}

.main-menu.menu-light .navigation li a > * {
    white-space: pre-wrap;
}

/*Menü Alt Boşluk*/
#main_menu_navigation {
    margin-bottom: 40px;
}

/*TOAST BÜYÜTME*/
#toast-container > div, #toast-container > div:hover {
    box-shadow: 0 2px 20px 0 rgb(34 41 47 / 40%) !important;
}

.toast-title {
    text-align: center !important;
    font-size: 18px !important;
}

.toast:before {
    height: 40px !important;
    width: 40px !important;
    top: 25% !important;
    box-shadow: 0 2px 20px 0 rgb(74 74 74 / 40%) !important;
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 100% !important;
}

.toast-message {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
/*TOAST BÜYÜTME*/
@media screen and (max-width: 767px) {
    .mb-07 {
        margin-bottom: 0.7rem !important;
    }
}


.card[class*=card-border-shadow-] {
    position: relative;
    border-bottom: none;
    transition: all .2s ease-in-out;
    z-index: 1
}

    .card[class*=card-border-shadow-]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-radius: .375rem;
        transition: all .2s ease-in-out;
        z-index: -1
    }

    .card[class*=card-border-shadow-]:hover {
        box-shadow: 0 .25rem 1.125rem 0 rgba(47,43,61,.16)
    }

        .card[class*=card-border-shadow-]:hover::after {
            border-bottom-width: 3px
        }

.card[class*=card-hover-border-] {
    border-width: 1px
}

.card.card-border-shadow-secondary::after {
    border-bottom-color: #cdcfd4
}

.card.card-border-shadow-secondary:hover::after {
    border-bottom-color: #808390
}

.card.card-hover-border-secondary:hover, .card .card-hover-border-secondary:hover {
    border-color: #cfd0d5
}

.card.card-border-shadow-success::after {
    border-bottom-color: #abe9c7
}

.card.card-border-shadow-success:hover::after {
    border-bottom-color: #28c76f
}

.card.card-hover-border-success:hover, .card .card-hover-border-success:hover {
    border-color: #adeac8
}

.card.card-border-shadow-info::after {
    border-bottom-color: #9ce4ed
}

.card.card-border-shadow-info:hover::after {
    border-bottom-color: #00bad1
}

.card.card-hover-border-info:hover, .card .card-hover-border-info:hover {
    border-color: #9ee5ee
}

.card.card-border-shadow-warning::after {
    border-bottom-color: #ffdab6
}

.card.card-border-shadow-warning:hover::after {
    border-bottom-color: #ff9f43
}

.card.card-hover-border-warning:hover, .card .card-hover-border-warning:hover {
    border-color: #ffdbb8
}

.card.card-border-shadow-danger::after {
    border-bottom-color: #ffb9bb
}

.card.card-border-shadow-danger:hover::after {
    border-bottom-color: #ff4c51
}

.card.card-hover-border-danger:hover, .card .card-hover-border-danger:hover {
    border-color: #ffbbbd
}

.card.card-border-shadow-light::after {
    border-bottom-color: #f3f3f4
}

.card.card-border-shadow-light:hover::after {
    border-bottom-color: #dfdfe3
}

.card.card-hover-border-light:hover, .card .card-hover-border-light:hover {
    border-color: #f3f3f4
}

.card.card-border-shadow-dark::after {
    border-bottom-color: #b9b9b9
}

.card.card-border-shadow-dark:hover::after {
    border-bottom-color: #4b4b4b
}

.card.card-hover-border-dark:hover, .card .card-hover-border-dark:hover {
    border-color: #bbb
}

.card.card-border-shadow-gray::after {
    border-bottom-color: rgba(218,218,221,.805)
}

.card.card-border-shadow-gray:hover::after {
    border-bottom-color: rgba(47,43,61,.5)
}

.card.card-hover-border-gray:hover, .card .card-hover-border-gray:hover {
    border-color: rgba(220,219,222,.81)
}



/* Genel Ayarlar */
.season-animation {
    overflow: hidden;
    position: relative;
}

/* Bahar Animasyonu */
.spring-animation::before {
    content: '🌸'; /* Çiçek sembolü */
    position: absolute;
    font-size: 2rem;
    animation: bloom 5s linear 1;
    opacity: 0;
}

@keyframes bloom {
    0% {
        opacity: 0;
        transform: scale(0.5) translateY(20px);
    }

    25% {
        opacity: 1;
        transform: scale(1.2) translateY(-10px);
    }

    50% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(1.5) translateY(20px);
    }
}

/* Güz Animasyonu */
.autumn-animation::before {
    content: '🍂'; /* Yaprak sembolü */
    position: absolute;
    font-size: 2rem;
    animation: fall 5s linear 1;
    opacity: 0;
}

.width-max-content {
    width: max-content !important;
}

.text-leos {
    --bs-text-opacity: 1;
    color: rgb(12 28 58) !important;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: #0c1c3a !important;
    padding-left: 2rem !important;
}

#modalIcerik {
    overflow-x: auto
}

#popupModalIcerik {
    overflow-x: auto
}

#abdKararlariUl{
    white-space:pre-wrap !important;
}

#enstituKararlariUl{
    white-space: pre-wrap !important;
}

@keyframes fall {
    0% {
        opacity: 1;
        transform: translateY(-30px) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: translateY(60px) rotate(180deg);
    }

    100% {
        opacity: 0;
        transform: translateY(120px) rotate(360deg);
    }
}

.shake {
    animation: shake 0.3s ease-in-out;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

.swal2-popup.custom-swal-size {
    width: 80% !important; /* Swal genişliği */
    max-width: 90% !important; /* Mobil uyumlu sınır */
    height: auto !important; /* İçeriğe göre yükseklik */
    max-height: 80vh !important; /* Ekran taşmaması için sınır */
}

.swal2-popup.custom-swal-size .note-editor {
    width: 100% !important;
    min-height: 400px !important;
}

#enstituKararlariUl .form-check-label {
    overflow-wrap: break-word;
}
#abdKararlariUl .form-check-label {
    overflow-wrap: break-word;
}

#kararTabContent .form-check-label {
    overflow-wrap: break-word;
}

.note-editor{
    font-size:14px !important;
}