/*================================================================================
	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: var(--leos-primary-color) !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: var(--leos-primary-color) !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: var(--leos-heading-color);
}

.main-menu.menu-light .navigation>li.active>a {
    color: var(--leos-base-color) !important;
}

.main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-light .navigation>li.sidebar-group-active>a {
    color: var(--leos-heading-color);
}

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

.main-menu-search .input-group-text {
    background: transparent;
    border: 1px solid var(--leos-border-color);
    border-right: 0;
}

.main-menu-search .form-control {
    border: 1px solid var(--leos-border-color);
    border-left: 0;
    background-color: var(--leos-menu-bg);
    color: inherit;
}

.main-menu-search .form-control::placeholder {
    color: #b4b7bd;
}

.menu-search-hidden {
    display: none !important;
}

/*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: var(--leos-other-dark) !important;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: var(--leos-primary-color) !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;
}

/* Customizer Mobile Fix */
@media screen and (max-width: 576px) {
    .customizer {
        width: 100% !important;
        right: -100% !important;
        /* Kapalıyken tamamen gizle */
    }

    .customizer.open {
        right: 0 !important;
        /* Açıkken tam ekran */
        width: 100% !important;
    }

    .customizer .customizer-toggle {
        display: none !important;
    }
}