/*
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
*/
/*Sidebar*/
/*
*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background-color: #e1eaf9;
    border-radius: 5px;
    margin-right: 2px; 
}

*::-webkit-scrollbar-thumb {
    background: #232323;
    border-radius: 5px;
    box-shadow: inset 0 0 0 3px #e1eaf9, 0 1px 2px 0 rgba(0,0,0,.07) !important;
}
*/
*::-webkit-scrollbar {
    width: 10px; /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
    /*background-color: #e1eaf9;*/ /* color of the tracking area */
    z-index:999;
    border-radius: 5px;
    
}

*::-webkit-scrollbar-thumb {
    transition: 1s;
    background: #232323; /* color of the scroll thumb */
    border-radius: 5px;
    /*box-shadow: inset 0 0 0 3px #b4b4b4, 0 1px 2px 0 rgba(0,0,0,.07) !important;*/
    /* Remove box-shadow and inset padding */
    border: 3px solid #00000000; /* create a border to make thumb narrower */
    background-clip: padding-box; /* ensure background color only covers the thumb */
    z-index:0;
}
    *::-webkit-scrollbar-thumb:hover {
        transition: 1s;
        border: .5px solid #e1eaf9 !important; /* create a border to make thumb narrower */
    }
.fixed .main-header {
    z-index: 1111!important;
}

/*
div::-webkit-scrollbar {
    width: 15px;
    border-radius: 5px;
}

div::-webkit-scrollbar-track {
    background-color: #b4b4b4;
    border-radius: 5px;
    width: 5px;
    margin-right: 2px;
}

div::-webkit-scrollbar-thumb {
    background: #1F4E79; 
    border-radius: 5px;
    width: 5px; 
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.07) !important;
}*/
/*Toast*/
.toast {
    border-radius: 10px !important;
}
#toast-container {
    position: relative;
    z-index: 1 !important;
}

.toast-warning {
    background-color: #ff9920 !important;
    color: black !important;
}

.toast-danger {
    background-color: #ff562f !important;
}

.toast-success {
    background-color: #b7c1d1 !important;
}

.toast-info {
    background-color: #00baff !important;
    color: black !important;
}
.toast-error {
    background-color: #e43800 !important;
    color: black !important;
}
/*Toast*/


.opus-sidebar {
    border-right: 0px solid rgba(72, 94, 144, 0.16);
    /*background-color: #172b4c;*/
    background-image: url('/images/sidebar.png') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.opus-color {
    color: #2aa377;
}

.opus-bgColor {
    background-color: #2aa377;
}
/*Sidebar*/
.rotate {
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.center {
    display: flex;
    align-items: center;
}

.danger {
    color: #ff0000 !important;
}

.btn-primary {
   /* background-color: #2aa377 !important;
    border-color: #2aa377 !important;*/
}

.text-danger {
    color: #E4572E;
}

.text-expert {
    color: #2aa377;
}

.text-second {
    color: #72A1E5;
}

.theme-primary .btn-primary {
    /*background-color: #2aa377 !important;
    border-color: #2aa377 !important;*/
}

    .theme-primary .btn-primary:hover {
        /*background-color: #2aa377 !important;
        border-color: #2aa377 !important;*/
    }

    .theme-primary .btn-primary:active {
       /* background-color: #2aa377 !important;
        border-color: #2aa377 !important;*/
    }

    .theme-primary .btn-primary:focus {
       /* background-color: #2aa377 !important;
        border-color: #2aa377 !important;*/
    }

#loader {
    /*background: #fff url(/images/preloaders/1.gif) no-repeat center center!important;*/
    /*background: #fff url(/loader.png) no-repeat center center !important;*/
    /*background-image:url(/loader.png);*/

    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(10px);
    position: fixed !important;
    z-index: 9999 !important;
}

.loader-anim {
    animation: rotation 2s infinite linear;
}

.shadow-1-strong {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.21) !important;
}

.shadow-2-strong {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.21) !important;
}

.shadow-3-strong {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.21) !important;
}

.shadow-4-strong {
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.21) !important;
}

.shadow-5-strong {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.21) !important;
}

.shadow-selected {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.box-hover:hover {
    transition-duration: 0.3s;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.box-hover {
    transition-duration: 0.3s;
}

.box-comp {
    min-width: 100px;
    max-width: 300px;
    height: 200px;
}

.input-col {
    max-width: 900px;
}

.select2-container {
    max-width: 900px !important;
    min-width: 90px !important;
    /*width: 400px!important;*/
}

.select2-dropdown.select2-dropdown--below {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.21) !important;
}
/*temporary*/
table {
    border: 1px solid green;
    border-collapse: collapse;
    width: 100%;
}

    table td {
        /*border: 1px solid green;*/
    }

        table td.shrink {
            white-space: nowrap
        }

        table td.expand {
            width: 99%
        }

thead {
    font-size: 12px;
}

tbody {
    font-size: 12px;
}

.theme-primary.light-skin .sidebar-menu > li.active {
    background-color: rgba(0, 82, 204, 0) !important;
    color: white !important;
    border-left: 5px solid #2aa377 !important;
}

.box {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.21) !important;
}

.btn-opus {
    background-color: #2aa377 !important;
    border-color: #2aa377 !important;
    color: #ffffff !important;
}

.btn-danger-opus {
    background-color: #FB2F00 !important;
    border-color: #FB2F00 !important;
    color: #ffffff !important;
}

.btn-warning-opus {
    background-color: #EC8000 !important;
    border-color: #EC8000 !important;
    color: #ffffff !important;
}

.btn-white {
    background-color: #f8f8f8 !important;
    border-color: #e8e8e8 !important;
    color: #000000 !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    /*box-shadow: 0 1px 5px 0 rgba(0,0,0,.30) !important;*/
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    /*border-color: #00baff !important;*/
    border-color: #2aa377 !important;
}

.nav-tabs .nav-link {
    color: #72A1E5;
}

.theme-primary .text-info {
    color: #72A1E5 !important;
}

.theme-primary .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2aa377 !important;
    color: #fff !important;
}

.theme-primary .paging_simple_numbers .pagination .paginate_button.active a {
    background-color: #2aa377 !important;
}

.theme-primary .pagination li a:hover {
    background-color: #2aa377 !important;
}

.theme-primary .pagination li a:focus {
    border: none !important;
}

.theme-primary .pagination li a.active:focus {
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #2aa377 !important;
}

.selectpicker:focus {
    outline: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    border-color: #2aa377 !important;
}

select:focus {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    border-color: #2aa377 !important;
}

.theme-primary .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 1px rgb(114 161 229 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 1px rgb(114 161 229 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 1px rgb(114 161 229 / 60%) !important;
    border-color: #72A1E5 !important;
}

.select2-container *:focus {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    border-color: #2aa377 !important;
}

.theme-primary .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(114 161 229 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(114 161 229 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(42 163 119 / 60%) !important;
    border-color: #2aa377 !important;
}

.theme-primary .form-select:focus {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(42 163 119 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(42 163 119 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(42 163 119 / 60%) !important;
    border-color: #2aa377 !important;
}

.theme-primary .nav-tabs .nav-link.active {
    border-bottom-color: #2aa377;
    background-color: #2aa377;
    color: #ffffff;
}

    .theme-primary .nav-tabs .nav-link.active:hover, .theme-primary .nav-tabs .nav-link.active:focus {
        border-bottom-color: #2aa377;
        background-color: #2aa377;
        color: #ffffff !important;
    }

.theme-primary .paging_simple_numbers .pagination .paginate_button.active a {
    background-color: #2aa377;
}

.theme-primary .form-select:focus option:checked {
    background-color: #2aa377 !important;
    color: white;
}

.theme-primary .form-select:focus option:hover {
    background-color: #2aa377 !important;
    color: white;
}

.sidebar-collapse > .sidebar-title {
    transition: 2s;
    font-size: 0 !important;
}

.sidebar-collapse > waves-ripple {
    font-size: 0 !important;
}

.sidebar-collapse > .main-sidebar > img {
    max-width: 0 !important;
    z-index: -1;
}

.radio:focus {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px rgb(42 163 119 / 60%) !important;
    border-color: #2aa377 !important;
}

table.dataTable {
    border-collapse: collapse !important;
}

.blurarea {
    filter: blur(1px);
    backdrop-filter: blur(1px);
    position: fixed;
    width: 100%;
    height: 100%;
    /*z-index:2;*/
    top: 0;
    left: 0;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.z-important-0 {
    z-index: 0 !important;
}

.input-td {
    min-width: 15px;
    max-width: 40px;
    max-height: 5px;
    border-radius: 0;
    background: transparent;
    border: hidden;
    font-size: .8rem;
}

input.form-control.input-td:focus {
    box-shadow: none !important;
    background: transparent;
}
.notify-Temp {
    position:absolute;
    /*background-color: red;*/
    height: 100vh;
    width: 400px;
    right:0;
}
.show-notify {
    /*
    width: 250px;
    height: auto;
    background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);
    background: linear-gradient(112.1deg, rgb(17 51 59) 11.4%, rgb(0 110 135) 70.2%);
    background: linear-gradient(112.1deg, rgb(83 72 179) 11.4%, rgb(98, 86, 202) 70.2%);
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    font-size: 11px;
    position: absolute;
    right: -300px;
    top: 90px;
    font-family: "IBM Plex Sans", sans-serif;
    transition: right 1s ease-in-out;
    z-index: 1000;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    */
    width: 250px;
    height: auto;
    /*background: linear-gradient(112.1deg, rgb(83 72 179) 11.4%, rgb(98, 86, 202) 70.2%);*/
    background: linear-gradient(135deg, rgba(83, 72, 179, 0.85) 10%, rgba(98, 86, 202, 0.85) 100%);
    border-radius: 8px; /* Daha yumuşak köşeler */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25); /* Daha belirgin bir gölge */
    font-size: 11px;
    position: absolute;
    right: -300px;
    top: 90px;
    font-family: "IBM Plex Sans", sans-serif;
    transition: transform 0.25s, box-shadow 0.25s, right 0.7s ease-in-out, opacity 0.7s ease-in-out; /* Yumuşak görünüm/çıkış */
    z-index: 1000;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    .show-notify:hover {
        transform: scale(1.07);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); /* Hafif büyüme ve gölge artışı */
        transition: 0.25s;
    }
.notify-title {
    /*background: rgb(32, 38, 57);*/
    border-radius: 5px;
    /*font-size:11px;
    font-weight:500;*/
    font-size: 12px; /* Biraz daha büyük */
    font-weight: 600; /* Daha belirgin başlık */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Hafif gölge */
}
.notify-title, .notify-body {
    color: antiquewhite;
    padding: 4px;
}
/*
.notify-success {
    background-color: #04a08b !important;
    color: #ffffff;
}
.notify-warning {
    background-color: #ff9920 !important;
    color: #ffffff;
}
.notify-danger {
    background-color: #ff562f !important;
    color: #ffffff;
}
*/


.notify-success {
    background-color: #28a745;
    color: #ffffff;
    animation: pulse-success 1.5s infinite; /* Bildirim için hafif animasyon */
}

.notify-warning {
    background-color: #ffb000;
    color: #ffffff;
    animation: pulse-warning 1.5s infinite;
}

.notify-danger {
    background-color: #dc3545;
    color: #ffffff;
    animation: pulse-danger 1.5s infinite;
}

@keyframes pulse-success {
    0% {
        box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
    }

    100% {
        box-shadow: 0 0 20px rgba(40, 167, 69, 0.2);
    }
}

@keyframes pulse-warning {
    0% {
        box-shadow: 0 0 5px rgba(255, 176, 0, 0.5);
    }

    100% {
        box-shadow: 0 0 20px rgba(255, 176, 0, 0.2);
    }
}

@keyframes pulse-danger {
    0% {
        box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
    }

    100% {
        box-shadow: 0 0 20px rgba(220, 53, 69, 0.2);
    }
}


.notify-body {
    color: aliceblue;
}
.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pm_shift_th {
    padding: 0.5rem 0.5rem!important;
}
.staff-contract-content {
    padding: 30px;
    position: fixed;
    z-index: 9999;
    /*background-color: #F2F4F6;*/
    background-color: #fff;
    margin: 0 0 0 20px;
    border-radius: 10px;
    overflow:auto;
}
.staff-contract-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
}
.staff-contract-body {
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
    /*height: 800px;*/
    overflow: auto;
    user-select: text;
    background-color: #e5e5e5;
    display:flex;
}
.hide-dropdown-opus{
    transition:1s;
    opacity:0;
}
.staff_contract_data{
    width:263.11px;
    max-width:300px;
}
.form-valid {
    -webkit-box-shadow: inset 2px 0px 0px rgb(0 0 0 / 8%), 0 0 8px rgb(42 163 119 / 100%) !important;
    -moz-box-shadow: inset 2px 0px 0px rgb(0 0 0 / 8%), 0 0 8px rgb(42 163 119 / 100%) !important;
    box-shadow: inset 2px 0px 0px rgb(0 0 0 / 8%), 0 0 8px rgb(42 163 119 / 100%) !important;
    border-radius:5px;
    border-color: #2aa377 !important;
}
.form-invalid {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(114 161 229 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(114 161 229 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 5px rgb(42 163 119 / 60%) !important;
    border-color: #2aa377 !important;
}
/*.dropdown-menu {
    transition:1s;
    opacity: .1!important;
}*/
   /* .dropdown-menu.show {
        transition: 1s;
        opacity: 1!important;
    }*/

/*border-collapse: separate !important;*/
/*
.sidebar-collapse div.wrapper .main-sidebar .light-skin.sidebar a {
    color: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}*/
/*
.btn-dark {
    background-color: #2aa377 !important;
    border-color: #2aa377 !important;
    color: #ffffff !important;
}*/
/*temporary*/