/* Sidebar Menü Stil */
.sidebar .nav-link {
    font-size: 14px !important;          /* Ana menü yazı boyutu */
    padding: 6px 10px !important;        /* Satır aralığı */
    line-height: 1.2 !important;
}

.sidebar .submenu {
    padding-left: 12px !important;       /* Alt menü girintisi */
}

.sidebar .submenu .nav-link {
    font-size: 13px !important;          /* Alt menü yazı boyutu */
    padding: 4px 10px !important;        /* Alt menü satır aralığı */
    line-height: 1.2 !important;
}

.sidebar .nav-menu li {
    margin-bottom: 2px !important;       /* Menü item arası boşluk */
}

.sidebar .sidebar-header h1 {
    font-size: 16px !important;           /* Başlık boyutu */
    display: flex;
    align-items: center;
    gap: 8px;                             /* Logo ile isim arası boşluk */
}


.card {
    position: relative;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 0px;
}

.card-header {
    display: flex;
    align-items: center; 
    justify-content: center; 
    background-color: #c8d2dd;
    border-bottom: solid 1px #e5e5e5;
    font-size: 22px;
    font-weight: 500;
    font-family: verdana;
    padding-top: 15px;
    padding-bottom: 15px;
}

.card-subheader {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a5babe;
    border-bottom: solid 1px #e5e5e5;
    font-size: 18px;
    font-weight: 500;
    font-family: verdana;
    padding-top: 15px;
    padding-bottom: 15px;
}

.card-body {
    border: solid 1px #c8d2dd;
}

.card .card-title {
    padding: 0 1.25rem;
}

.threewhite {
    text-align:center;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 1.5em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.threewhitesmall {
    text-align:center;
    text-transform: uppercase;
    font-family: verdana;
    font-size: .75em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.threewhitebig {
    text-align:center;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 2.0em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.threedark {
     text-align:center;
     /* text-transform: uppercase; */
     font-family: verdana;
     font-size: 1.5em;
     /* font-style: italic; */
     font-weight: bold;
     padding-top: 5px;
    color: #595959;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(16,16,16,0.2);
}

.threedarkbig {
     text-align:center;
     /* text-transform: uppercase; */
     font-family: verdana;
     font-size: 2.5em;
     /* font-style: italic; */
     font-weight: bold;
     padding-top: 5px;
    color: #595959;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(16,16,16,0.2);
}

.threedarkmid {
    text-align:center;
    /* text-transform: uppercase; */
    font-family: verdana;
    font-size: 1em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
   color: #595959;
   text-shadow: 1px 1px 1px #A9A9A9,
   1px 30px 60px rgba(16,16,16,0.2);
}

.comicthreedarkmid {
    text-align:center;
    font-family: comic;
    font-size: 1.5em;
    font-style: italic; 
    font-weight: bold;
    padding-top: 5px;
   color: #595959;
   text-shadow: 1px 1px 1px #A9A9A9,
   1px 30px 60px rgba(16,16,16,0.2);
}

.threedarksmall {
    text-align:center;
    /* text-transform: uppercase; */
    font-family: verdana;
    font-size: .75em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
   color: #595959;
   text-shadow: 1px 1px 1px #A9A9A9,
   1px 30px 60px rgba(16,16,16,0.2);
}

.threedpurple {
     text-align:center;
     /* text-transform: uppercase; */
     font-family: verdana;
     font-size: 1.5em;
     /* font-style: italic; */
     font-weight: bold;
     padding-top: 5px;
     color: #902946;margin: 0 !important;
     text-shadow: 1px 1px 1px #A9A9A9,
     1px 30px 60px rgba(255,255,255,0.9);
}

.threedpurplemid {
    text-align:center;
    /* text-transform: uppercase; */
    font-family: verdana;
    font-size: 1em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
    color: #902946;margin: 0 !important;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.threedpurplesmall {
     text-align:center;
     /* text-transform: uppercase; */
     font-family: verdana;
     font-size: .75em;
     /* font-style: italic; */
     font-weight: bold;
     padding-top: 5px;
     color: #902946;margin: 0 !important;
     text-shadow: 1px 1px 1px #A9A9A9,
     1px 30px 60px rgba(255,255,255,0.9);
}

.threedpurplebig {
     text-align:center;
     /* text-transform: uppercase; */
     font-family: verdana;
     font-size: 2.5em;
     /* font-style: italic; */
     font-weight: bold;
     padding-top: 5px;
     color: #902946;margin: 0 !important;
     text-shadow: 1px 1px 1px #A9A9A9,
     1px 30px 60px rgba(255,255,255,0.9);
}

.comicthreedpurplebig {
    text-align:center;
    font-family: comic;
    font-size: 2.5em;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
    color: #902946;margin: 0 !important;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.comicthreedgreenbig {
    text-align:center;
    font-family: comic;
    font-size: 2.5em;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
    color: #3aa1b9;margin: 0 !important;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.threedgreen {
    text-align:center;
    /* text-transform: uppercase; */
    font-family: verdana;
    font-size: 1.5em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
    color: #3aa1b9;margin: 0 !important;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.threedgreenmid {
   text-align:center;
   /* text-transform: uppercase; */
   font-family: verdana;
   font-size: 1em;
   /* font-style: italic; */
   font-weight: bold;
   padding-top: 5px;
   color: #3aa1b9;margin: 0 !important;
   text-shadow: 1px 1px 1px #A9A9A9,
   1px 30px 60px rgba(255,255,255,0.9);
}

.threedgreensmall {
    text-align:center;
    /* text-transform: uppercase; */
    font-family: verdana;
    font-size: .75em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
    color: #3aa1b9;margin: 0 !important;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.threedgreenbig {
    text-align:center;
    /* text-transform: uppercase; */
    font-family: verdana;
    font-size: 2.5em;
    /* font-style: italic; */
    font-weight: bold;
    padding-top: 5px;
    color: #3aa1b9;margin: 0 !important;
    text-shadow: 1px 1px 1px #A9A9A9,
    1px 30px 60px rgba(255,255,255,0.9);
}

.ct-label{
    fill:rgba(0,0,0,.4) !important;
    color:rgba(0,0,0,.4);
    font-size:.75rem !important;
    line-height:1 !important;
}

.ct-label-err{
    fill:rgba(0,0,0,.4) !important;
    color:rgba(255,0,0,.4);
    font-size:.75rem !important;
    line-height:1 !important;
}

.ct-label-wrn{
    font-size: .75rem !important;
    font-weight: 600 !important;
    fill:rgba(0,0,0,.4) !important;
    color:rgba(255,0,0,.4);
    line-height:1 !important;
    padding-bottom: 5px !important;
}

.ct-label-small{
    fill:rgba(0,0,0,.4) !important;
    color:rgba(0,0,0,.4);
    font-size:.50rem !important;
    line-height:1 !important;
}

.ct-label-big{
    fill:rgba(0,0,0,.4) !important;
    color:rgba(0,0,0,.4);
    font-size: .90rem !important;
    line-height:1 !important;
}

.ct-label-mid{
    fill:rgba(0,0,0,.4) !important;
    color:rgba(0,0,0,.4);
    font-size: .80rem !important;
    line-height:1 !important;
}

.ct-label-title {
    font-size: .90rem !important;
    font-weight: 600 !important;
    color: #868e96;
    padding-bottom: 5px !important;
}

.ct-label-big-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #5c5e61;
    padding-bottom: 15px !important;
}

.ct-label-mid-title {
    font-size: .80rem !important;
    font-weight: 600 !important;
    color: #868e96;
    padding-bottom: 5px !important;
}


.ct-label-min-title {
    font-size: .70rem !important;
    font-weight: 600 !important;
    color: #868e96;
    padding-bottom: 5px !important;
}


.text-vertical{
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
}

.text-light-blue{
    color:rgba(32, 86, 169, 0.8) !important;
}

.text-navy{
    color:rgba(0, 26, 51, 0.9) !important;
    background-color:rgb(238, 247, 248)!important;
}

.text-brown{
    color: rgba(74, 26, 6, 0.43) !important;
}

.paddingright5{
     padding-right: 5px !important;
}

.paddingright10{
     padding-right: 10px !important;
}

.paddingright15{
     padding-right: 15px !important;
}

.paddingright20{
     padding-right: 20px !important;
}

.paddingleft5{
     padding-right: 5px !important;
}

.paddingleft10{
     padding-right: 10px !important;
}

.paddingleft15{
     padding-right: 15px !important;
}

.paddingleft20{
     padding-right: 20px !important;
}
.paddingtop5{
     padding-top: 5px !important;
}

.paddingtop10{
     padding-top: 10px !important;
}

.paddingtop15{
     padding-top: 15px !important;
}

.paddingtop20{
     padding-top: 20px !important;
}

.paddingbottom5{
     padding-bottom: 5px !important;
}

.paddingbottom10{
     padding-bottom: 10px !important;
}

.paddingbottom15{
     padding-bottom: 15px !important;
}

.paddingbottom20{
     padding-bottom: 20px !important;
}

.padding5{
     padding: 5px !important;
}

.padding10{
     padding: 10px !important;
}

.padding15{
     padding: 15px !important;
}

.padding20{
     padding: 20px !important;
}

html body .m-b-5{
     margin-bottom:5px
}

html body .m-b-10{
     margin-bottom:10px
}

html body .m-b-20{
     margin-bottom:20px
}

html body .m-b-30{
     margin-bottom:30px
}

html body .m-b-40{
    margin-bottom:40px
}

html body .m-b-50{
    margin-bottom:50px
}

html body .m-t-10{
     margin-top:10px
}

html body .m-t-20{
     margin-top:20px
}

html body .m-t-30{
     margin-top:30px
}

html body .m-t-40{
    margin-top:40px
}

html body .m-t-50{
    margin-top:50px
}

html body .m-l-10{
     margin-left:10px
}

html body .m-l-20{
     margin-left:20px
}

html body .m-l-30{
     margin-left:30px
}

html body .m-l-40{
    margin-left:40px
}

html body .m-l-50{
    margin-left:50px
}

html body .m-r-10{
     margin-right:10px
}

html body .m-r-20{
     margin-right:20px
}

html body .m-r-30{
     margin-right:30px
}

html body .m-r-40{
    margin-right:40px
}

html body .m-r-50{
    margin-right:50px
}

.small-confirm-btn {
     padding: 4px 12px !important;
     font-size: 14px !important;
}

.badge {
    display: inline-block !important;
    padding: 0.25em 0.4em !important;
    font-size: 100% !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
    border-radius: 0.25rem !important;
}

.badge-primary {
    color: #212529;
    background-color: #fb9678;
}

.badge-info {
    color: #fff;
    background-color: #1a79a5;
}

.badge-success {
    color: #fff !important;
    background-color: #00c292 !important;
}

.badge-danger {
    color: #fff !important;
    background-color: #e46a76 !important;
}

.badge-warning {
    color: #212529;
    background-color: #fec107;
}

.btn-rounded {
    border-radius: 60px;
    padding: 7px 18px;
}

.modal-xxl{
    max-width:1200px
}

@media (min-width:1040px){
    .modal-xxl{max-width:1580px}
}

.modal-xl{
    max-width:800px
}


@media (min-width:1140px){
    .modal-xl{max-width:1200px}
}

.modal-md{
    max-width:500px
}

@media (min-width:500px){
    .modal-md{max-width:1000px}
}

.cardex {
  text-align:center;
  position: absolute;
  width: 250px;
  height: 350px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: linear-gradient(rgb(58, 139, 225),rgb(91, 143, 227));
  transition:.6s;
  
  transform: rotatex(75deg) translatey(-200px) translatez(-100px);
  box-shadow: 0px 20px 60px rgba(0,0,0, 0.5);
}

.cardex:hover{
  transform: rotatex(0deg);
  transform: rotatez(0deg);
  transition:.6s;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.cardex img{
  transform: translateY(15px);
  width:200px;
  height:120px;
}


.cursor-box-container {
    display: grid;
    grid-template-columns: repeat(4, 2fr);
    gap: 1.5rem;
    padding: 2rem;
    max-width: 1600px;
    justify-content: start;
}

.cursor-box {
    width: 250px;
    height: 100px;
    background-color: #dde5f0;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    transition: all 0.3s ease;
    text-align: center;
    padding: 1rem;
    position: relative;
    overflow: hidden;
}

.cursor-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
    top: -100%;
    left: -100%;
    transition: all 0.5s ease;
}

.cursor-box:hover::before {
    top: 100%;
    left: 100%;
}

/* Unique styles for each cursor type */
.skew {
    cursor: pointer;
    background: linear-gradient(145deg, #f2f4f5, #bfdcdb);
    border: 2px solid #2a01f7;
}
.skew:hover {
    transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) skew(-5deg);
}

.cursor-box.skew {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    position: relative;
    text-align: center;
    height: auto;
    overflow: hidden;
}

/* Üstteki tam genişlikte görsel */
.cursor-box.skew .top-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Başlık kısmı */
.cursor-box.skew .box-title {
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
}

.shaked {
    cursor: pointer;
    background: linear-gradient(145deg, #f2f4f5, #bfdcdb);
    border: 2px solid #0f0f0f;
}
.shaked:hover {
    transform: scale(1.05);
    animation: shake 0.5s ease-in-out;
}

.cursor-box.shaked {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    position: relative;
    text-align: center;
    height: auto;
    overflow: hidden;
}

.cursor-box.shaked .top-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.cursor-box.shaked .box-title {
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
}

.zoom-in {
    cursor: pointer;
    background: linear-gradient(145deg, #f2f4f5, #bfdcdb);
    border: 2px solid #0f0f0f;
}
.zoom-in:hover {
    transform: scale(1.15);
}

.cursor-box.zoom-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    position: relative;
    text-align: center;
    height: auto;
    overflow: hidden;
}

.cursor-box.zoom-in .top-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.cursor-box.zoom-in .box-title {
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
}

.move {
    cursor: pointer;
    background: linear-gradient(145deg, #f2f4f5, #bfdcdb);
    border: 2px solid #ff9800;    
}
.move:hover {
    animation: moveAround 2s infinite ease-in-out;
}

.cursor-box.move {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    position: relative;
    text-align: center;
    height: auto;
    overflow: hidden;
}

.cursor-box.move .top-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.cursor-box.move .box-title {
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
}

.check-radio{
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: middle;
}

input[type="radio"].radio-danger:checked {
    accent-color: var(--bs-danger);
}

input[type="radio"].radio-primary:checked {
    accent-color: var(--bs-primary);
}

/* Animations */
@keyframes pulse {
    0% { transform: scale(1.05); }
    50% { transform: scale(1); }
    100% { transform: scale(1.05); }
}

@keyframes shake {
    0%, 100% { transform: translateX(0) scale(1.05); }
    25% { transform: translateX(-5px) scale(1.05); }
    75% { transform: translateX(5px) scale(1.05); }
}

@keyframes moveAround {
    0% { transform: translate(0, 0) scale(1.05); }
    25% { transform: translate(5px, -5px) scale(1.05); }
    50% { transform: translate(0, 0) scale(1.05); }
    75% { transform: translate(-5px, 5px) scale(1.05); }
    100% { transform: translate(0, 0) scale(1.05); }
}

@media (max-width: 768px) {
    .cursor-box-container {
        grid-template-columns: repeat(3, 1fr);
    }
    .cursor-box {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 480px) {
    .cursor-box-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .cursor-box {
        width: 140px;
        height: 140px;
    }
}


.tabs {
    display: flex;
    border-bottom: 1px solid #eee;
}

.tab-button {
    flex: 1;
    padding: 15px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.tab-button:hover {
    background-color: #f0f0f0;
}

.tab-button.active {
    color: #007BFF;
    border-bottom: 3px solid #007BFF;
    background-color: #f7faff;
}

.tab-content-container {
    padding: 20px;
    position: relative;
    min-height: 150px;
}

.tab-content {
    display: none;
    animation: fadeIn 0.4s ease;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(10px);}
    to {opacity: 1; transform: translateY(0);}
}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-warning>.panel-heading {
    color: #846404;;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.panel-body {
    padding: 15px;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-warning {
    border-color: #ffeeba;
}


/* ===============================
   Bootstrap-Select Temiz Tema
   =============================== */

/* Toggle button (dropdown kapalıyken seçili gösterilen) */
.bootstrap-select > .dropdown-toggle {
    background-color: #fff !important;  /* beyaz arka plan */
    color: #212529 !important;          /* yazı siyah */
    border: 1px solid #ced4da !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 0.75rem !important;
}

/* Dropdown içindeki normal item */
.bootstrap-select .dropdown-menu .dropdown-item {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;       
    justify-content: flex-start !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    background-color: #f9f9f9 !important; /* açık gri */
    color: #212529 !important;             /* yazı siyah */
}

/* Hover olduğunda */
.bootstrap-select .dropdown-menu .dropdown-item:hover {
    background-color: #e9ecef !important; /* biraz koyu gri */
    color: #000 !important;
}

/* Seçili (active veya selected) öğe */
.bootstrap-select .dropdown-menu .dropdown-item.active,
.bootstrap-select .dropdown-menu .dropdown-item.active:focus,
.bootstrap-select .dropdown-menu .dropdown-item.active:hover,
.bootstrap-select .dropdown-menu .dropdown-item.selected {
    background-color: #b3d7ff !important; /* açık mavi */
    color: #000 !important;                /* siyah yazı */
}

/* Scroll veya uzun liste görünümü için (option içerikleri) */
.bootstrap-select .dropdown-menu {
    max-height: 300px !important;  /* istersen değiştir */
    overflow-y: auto !important;
}

/* Arama kutusu yüksekliği ve uyumu */
.bootstrap-select .bs-searchbox .form-control {
    height: 40px !important;
    min-height: 40px !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
    box-sizing: border-box !important;
}


.policy-danger { background-color: #f8d7da !important; }
.policy-warning { background-color: #fff3cd !important; }
.policy-info { background-color: #d8e6fc !important; }

.pdf-icon i {
    color: #e42101 !important; 
}

.pdf-icon:hover i {
    color: #b53737 !important; 
}