@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html{
    background-color:#F8F8F8 !important;
    font-family:'Inter',sans-serif !important;
}
.stat-card{
    border: none;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(30,30,60,0.06);
    transition: transform .18s ease, box-shadow .18s ease;
    background: #fff;
}
.stat-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(30,30,60,0.08);
}
.stat-icon{
    flex: 0 0 64px;               
    height: 64px;
    border-radius: 50%;          
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4673C5;
    color: #FFF;
    font-size: 26px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.02);
}
.stat-text h6{
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
.stat-text h3{
    font-size: 23px;
    margin: 6px 0 0 0;
}
.meeting-card {
  border: none;
  border-radius: 15px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  background: #fff;
}

.meeting-card .card-title {
  font-size: 16.5px;
  color: #333;
}

.meeting-table {
  width: 100%;
  border-collapse: collapse;
}

.meeting-table thead {
  background-color: #f9f9fb;
}

.meeting-table th {
  font-weight: 600;
  color: #555;
  font-size: 13px;
  border-top: none;
  border-bottom: 1px solid #eee;
  padding: 10px 9px;
}

.meeting-table td {
  font-size: 13px;
  color: #333;
  border-top: none;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 9px;
}

@media (max-width: 767px) {
  .meeting-card .card-title {
    font-size: 16px;
  }
  .meeting-table th, .meeting-table td {
    padding: 10px 8px;
    font-size: 13px;
  }
}

@media (
max-width: 420px){
    .stat-icon{ flex: 0 0 50px; height:50px; font-size:20px; }
    .stat-text h3{ font-size:22px; }
}
.leftmenuarea_item.accordion {
    padding-left: 10px;
    display: flex !important;
    background-color: #FFF;
    border-radius: 10px;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-bottom: 8px !important;
    flex-direction: column;
}

.leftmenuarea_item.accordion .accordion-header {
    display: flex;
    width: 100% !important;
    font-size: 13.1px;
    font-weight: 500 !important;
    color: #333;
    line-height: 44px;
    text-decoration: none;
    cursor: pointer;
}

.leftmenuarea_item.accordion .accordion-header span {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    width: 33px;
    height: 33px;
    border-radius: 5px;
    margin-top: 5px;
    background-color: #4673c5;
}

.leftmenuarea_item.accordion .accordion-header span img {
    width: 21px !important;
    height: 21px !important;
    margin: auto !important;
    object-fit: contain !important;
}

.leftmenuarea_item .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    flex-direction: column;
    padding-left: 47px; 
    padding-right: 10px;
}
.leftmenuarea_item.open .accordion-content {
    max-height: 500px; 
    padding-top: 5px;
    padding-bottom: 5px;
}
.leftmenuarea_item .accordion-content a {
    display: block;
    font-size: 13.1px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    line-height:21px;
    transition: color 0.2s;
}
.leftmenuarea_item .accordion-content a:hover {
    color: #003B5C;
}
.calendar {
    background-color:#FFF;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    margin: 20px auto;
    width: 100%;
}
.calendar-navigation button{
    border:1px solid rgba(28,28,28,0.1);
    background-color:#FFF;
    font-size:13px;
    font-weight:500;
    padding-left:14px;
    padding-right:14px;
    height:40px;
}
.secenekler a{
    display:inline-block;
    color:#000;
    border-radius:5px;
    line-height:32px;
    margin-right:6px;
    border:1px solid #D9D9D9;
    margin-top:6px;
    padding:10px;
    font-size:13.2px;
    font-weight:500;
    margin-bottom:6px;
    background-color:#FFF;
}
.secenekler .actx23{
    color:#FFF;
    background-color:#4573C5;
}
.calendar-day {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    height: 100px;
}
.calendar-day:hover {
    background-color: #f0f0f0;
}
.event-link{
    color:#4573C5;
    font-size:14px;
    font-weight:600;
}
.event-info{
    color:#000;
    font-size:14px;
}
.calendar-day h4 {
    margin: 0;
}
.has-event {
    background-color: #4573C5;
    color: white;
}
.event-info {
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 12px;
}
.Teklifformu{
    width:100%;
    min-height:100vh !important;
}
.Teklifformu img{
    width:100%;
    height:100%;
    object-fit:contain !important;
}
.kats h3{
    font-size:16px;
    font-weight:600;
    color:#000;
}
.progress-container {  
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 25px;
    padding: 3px;
    margin: 20px 0;
}
.progress-bar {
    width: 0%;
    height: 30px;
    background-color: #4caf50;
    text-align: center;
    line-height: 30px;
    color: white;
    border-radius: 25px;
    transition: width 0.5s ease;
}
.progress-number {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}
body{
    background-color:#F8F8F8 !important;
    min-height:100vh !important;
    font-family:'Inter',sans-serif !important;
}
.content{
    position:relative !important;
}
.pad0{
    padding:0px !important;
}
.bin{
    width:96%;
    margin:auto !important;
}
.leftmenuarea{
    transition:ease 0.3s;
    z-index:99;
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    display:inline-block;
    border-right:1px solid rgba(28,28,28,0.1);
    background-color:#FFF;
    width:270px;
    overflow:none !important;
}
.rightarea{
    width:100% !important;
    display:inline-block !important;
    padding-left:270px;
    min-height:80vh;
}
a{
    text-decoration:none !important;
}
.leftmenuarea_item {
    padding-left:10px;
    display:flex !important;
    background-color:#FFF;
    border:1px solid #D9D9D9;
    border-radius:10px;
    margin-left:20px !important;
    margin-right:20px !important;
    margin-bottom:8px !important;
}
.leftmenuarea_item span {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    width: 33px;
    height: 33px;
    border-radius: 5px;
    margin-top: 5px;
    background-color: #4573C5;
}
.leftmenulogo{
    margin-top:10px;
    margin-bottom:5px;
}
.leftmenulogo img{
    margin-left:0px;
    height:65px;
    width:100%;
    margin-bottom:15px;
    object-fit:contain;
}
.leftmenuarea_item a {
    display: flex;
    width:100% !important;
    margin-left:0px !important;
    font-size: 13.4px;
    font-weight: 500;
    color: #202224;
    line-height: 44px;
    text-decoration: none;
}
.leftmenuarea_item span img {
    width: 21px !important;
    height: 21px !important;
    margin:auto !important;
    object-fit: contain !important;
}
.leftmenuarea{
    padding-top:20px;
}
*:focus{
    box-shadow:none !important;
    border:none !important;
}
.block992{
    display:none !important;
}
.menu_large_icon{
    display: block !important; 
}
.menu_mobil_icon{
    display: none !important;  
}
.leftmenulogo .logo-large {
    display: block;  
    width: 100%;    
    max-width: 160px;
    transition: all 0.3s ease;
}
.leftmenulogo .logo-small {
    display: none;   
    width: 50px;
    height:auto;
    margin-bottom:22px !important;
    margin-left:20px !important;
    transition: all 0.3s ease;
}
.systemsettings{
    margin-top:12px;
    height:auto !important;
    border:1px solid rgba(28,28,28,0.1);
    position:fixed;
    width:20%;
    margin-left:10px;
    border-radius:10px !important;
    background-color:#FFF !important;
}
.systemsettings a{
    font-size:13.2px;
    color:#000;
    display:block;
    line-height:50px;
    margin:0px !important;
    font-weight:500;
}
.systemsettingslink{
    border-bottom:1px solid #D9D9D9;
    padding-left:25px;
    padding-right:25px;
}
.systemsettingslink:last-child{
    border-bottom:none !important
}
.systemsettings h3{
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:0px !important;
    padding-left:25px;
    padding-right:25px;
    font-size:14.6px;
    font-weight:500;
    color:#FFF;
    background-color:#4573c5;
    border-radius:10px 10px 0px 0px;
}
.systemsettings span{
    color:#4573c5;
    margin-right:12px;
}
.systemactive span{
    color:#FFF;
}
.systemactive{
    background-color:#4573C5 !important;
    padding-left:0px !important;
    padding-right:0px !important;
    color:#FFF !important;
}
.systemactive a{
    padding-left:25px;
    padding-right:25px;
    color:#FFF;
}
.pad0x{
    padding-left:0px !important;
    padding-right:20px !important;
}
.topheader{
    background-color:#FFF;
    width:100%;
    margin-top:15px;
    margin-bottom:10px;
    border-radius:10px;
    border:1px solid rgba(28,28,28,0.1);
}
.topheader h3{
    padding-left:15px;
    padding-right:15px;
    color:#000;
    font-size:14.3px;
    padding-top:22px;
    padding-bottom:14px;
    font-weight:500;
}
.contentelement p{
    font-size:13.5px;
    margin-top:10px;
    margin-bottom:10px;
    line-height:24px;
    font-weight:400;
}
.contentelement h3{
    font-size:14.4px !important;
    margin-top:16px !important;
    font-weight:500 !important;
    margin-bottom:12px !important;
    color:#000 !important;
}
.contentelement h6{
    font-size:13.4px !important;
    font-weight:500 !important;
    display:block !important;
    margin-bottom:12px !important;
    color:#000 !important;
}
.contentelement{
    border:1px solid rgba(28,28,28,0.1);
    background-color:#FAFAFA;
    border-radius:5px;
    padding-bottom:7px;
    display:block;
    padding-left:12px;
    margin-bottom:7px;
    padding-right:12px;
}
.contentelement span{
    font-weight:500;
    color:#4573C5;
}
.topheader a{
    margin-top:9px;
    display:block;
    border-radius:50%;
    text-align:center;
    margin-right:0px !important;
    width:42px;
    height:42px;
    line-height:42px;
    margin-right:13px !important;
    background-color:#4573C5;
    color:#FFF;
    font-size:20.5px;
    font-weight:600;
}
.alright{
    float:right !important;
    text-align:right !important;
    margin-right:0px !important;
}
.specialbut{
    margin-top:9px !important;
    display:inline-block !important;
    border-radius:0% !important;
    text-align:center !important;
    margin-right:0px !important;
    width:auto !important;
    height:42px !important;
    line-height:42px !important;
    margin-right:13px !important;
    color:#4573C5 !important;
    background-color:#FFF !important;
    font-size:14.5px !important;
    font-weight:500 !important;
}
.topheader button{
    margin-top:9px;
    display:block;
    border-radius:50%;
    text-align:center;
    margin-right:0px !important;
    width:42px;
    height:42px;
    margin-right:13px !important;
    background-color:#4573C5;
    color:#FFF;
    font-size:20.5px;
    border:none !important;
    font-weight:600;
}
.systemcont{
    width:100%;
    background-color:#FFF;
    padding:15px;
    border-radius:10px;
}
.topcontent{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 290px !important; 
    transition: ease 0.3s;
    padding-top: 10px;
    padding-right: 17px !important;
    z-index: 9 !important;
    padding-bottom: 10px;
    background-color: #FFF;
    border-bottom: 1px solid rgba(28,28,28,0.1);
    box-sizing: border-box;
}
.specialmar{
    margin-top:66px !important;
}
#menu-toggle{
    font-size:21px;
    display:block !important;
    margin-top:6px !important;
    margin-right:10px !important;
}
.fa-bars{
    font-size:17px;
    color:#FFF;
}
.userimg{
    display:inline-block !important;
}
.rleft {
    display: flex;
    align-items: center; 
}
.userimg img{
    height:40px;
    width:40px;
    object-fit:cover;
    border-radius:50%;
}
.username h6{
    font-size:15px;
    font-weight:500;
    color:#202224;
    padding-top:5px;
    margin-left:10px;
}
.username span{
    display:block;
    color:rgba(32,34,36,0.6);
    font-size:12.6px;
}
.username{
    display:inline-block !important;
}
.rright{
    margin-top:8px;
}
.ex{
    display:inline-block !important;
}
.ex a{
    display:block;
}
.ex i{
    font-size:10px;
    color:#1C1C1C;
    object-fit:contain;
}
.chartbox2{
    background-color:#FFF;
    padding:14px;
    border:1px solid rgba(28,28,28,0.1);
    margin-top:12px;
    margin-bottom:16px;
    border-radius:10px;
}
.chartbox2 h3{
    font-size:15.5px;
    font-weight:500;
    margin-top:2px;
    margin-bottom:14px;
    color:#000;
}
.chartbox2 h6{
    font-size:14px;
    font-weight:500;
    margin-top:2px;
    margin-bottom:10px;
    color:rgba(28,28,28,0.9);
}
.chartbox2 h4{
    font-size:22px;
    font-weight:600;
    margin-bottom:10px;
    color:#000;
}
.chartbox{
    background-color:#FFF;
    padding:14px;
    border:1px solid rgba(28,28,28,0.1);
    margin-top:12px;
    margin-bottom:12px;
    border-radius:10px;
}
.chartbox h3{
    text-align:center;
    font-size:15.5px;
    font-weight:500;
    margin-top:2px;
    margin-bottom:14px;
    color:#000;
}
.horizontallinks {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.block992::-webkit-scrollbar {
    height: 8px; 
}
.block992::-webkit-scrollbar-track {
    background: transparent; 
}
.block992::-webkit-scrollbar-thumb {
    background: transparent; 
}
.horizontallinks a {
    padding-left:17px;
    padding-right:17px;
    padding-top:6px;
    border:1px solid rgba(28,28,28,0.1);
    padding-bottom:6px;
    background-color:#FFF;
    margin-right: 10px;
    text-decoration: none;
    font-size:13.5px;
    line-height:40px;
    border-radius:5px;
    color: #000;
    transition: padding-left 0.3s ease, background-color 0.3s ease;
}
.horizontallinks a:hover {
    background-color:#4573C5;
    color:#FFF;
    padding-left:20px;
    padding-right:20px;
}
.horizontallinks a.act {
    background-color:#4573C5;
    color:#FFF;
}
.mobilheader h6{
    margin-top:12px;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:10px !important;
    padding-left:10px;
    padding-right:10px;
    font-size:15px;
    font-weight:500;
    color:#FFF;
    border-radius:10px;
    background-color:#4673C5;
}
.pagination {
    margin: 20px 0;
    text-align: center;
}
.pagination a {
    background-color:#FFF;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #D9D9D9;
    margin: 0 2px;
    font-size:13px;
}
.pagination a.active {
    background-color: #000;
    color: white;
    border: 1px solid #000;
}
.pagination a:hover:not(.active) {
    background-color: #000;
    color:#FFF;
}
.pagination span {
    padding: 8px 16px;
    border: 1px solid transparent;
    color: #999;
}
.gorselcontent{
    background-color:#FFF;
    width:100%;
    height:350px;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px;
}
.gorselbox{
    background-color:#000;
    width:96%;
    margin:auto !important;
    height:200px;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px;
    padding:35px;
}
.gorselbox img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    margin:auto !important;
}
.gorselcontent h6{
    font-size:14.5px;
    font-weight:500;
    margin-top:18px;
    margin-bottom:18px;
    margin-left:12px;
    margin-right:12px;
}
.gorselcontent input{
    background-color:#FCFCFC;
    width:96% !important;
    display:block;
    margin:auto !important;
    margin-top:12px !important;
    height:41px;
    border:1px solid rgba(28,28,28,0.1);
    font-size:13.6px;
    color:#000;
}
.gorselcontent button{
    background-color:transparent;
    border:none;
    margin-top:8px;
    color:#000;
    font-size:13.5px;
    font-weight:500;
}
*:focus{
    outline:none !important;
    box-shadow:none !important;
}
.systemform{
    width:100%;
    border-radius:5px;
    background-color:#FFF;
    padding:15px;
    border:1px solid rgba(28,28,28,0.1);
    min-height:70vh;
}

.systemform h2{
    font-size:15.7px;
    color:#4573C5;
    margin-top:6px;
    margin-bottom:20px;
    font-weight:500;
}
.systemcontent h2{
    font-size:15px;
    color:#000;
    margin-top:5.6px;
    padding-left:7px;
    margin-bottom:19px;
    font-weight:500;
}
.select2-container .select2-selection--single {
    width: 100% !important;
    height: 45px !important;
    background-color: #FAFAFA !important;
    border-radius: 5px !important;
    border: 1px solid rgba(28, 28, 28, 0.1) !important;
    padding: 7px !important;
    font-size: 13.2px !important;
    color: #000 !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    line-height: normal !important;
    padding-left: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 10px !important;
    top: 0px !important;
}

.systemformelement select{
    width:100%;
    height:45px;
    background-color:#FAFAFA;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding:7px;
    font-size:13.2px;
    color:#000;
    font-weight:400;
}
.systemformelement input{
    width:100%;
    height:45px;
    background-color:#FAFAFA;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding:7px;
    font-size:13.2px;
    color:#000;
    font-weight:400;
}
.systemformelement textarea{
    width:100%;
    height:125px;
    background-color:#FAFAFA;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding:7px;
    font-size:13.2px;
    color:#000;
    font-weight:400;
}
.systemformelement button{
    width:130px;
    border-radius:5px;
    background-color:#4573C5;
    height:45px;
    color:#FFF;
    border:none;
    font-weight:500;
    font-size:13.5px;
}
.systemform hr{
    margin-bottom:21px;
}
.systemformelement{
    margin-top:7px;
    margin-bottom:7px;
}
.systemform h6{
    font-size:13.2px;
    font-weight:500;
    color:#000;
    margin-bottom:12px;
}
.giriscontent {
    background-color: #FFF;
    height: 100vh;
    border-radius: 0px 40px 40px 0px;
    display: flex;
    justify-content: center; 
    align-items: center;
}
.Girisyap {
    background-color: #4673C5;
    height: 100vh;
}
.giristexts h6{
    font-size:12.4px;
    font-weight:700;
    color:rgba(0,0,0,0.6);
}
.giristexts{
    margin-top:-40px !important;
}
.giristexts img{
    height:80px;
    width:auto;
    object-fit:contain;
    margin-bottom:30px;
}
.giristexts h4{
    font-size:18.5px;
    color:#000;
    font-weight:500;
    margin-bottom:30px;
}
.giristexts input{
    width:550px;
    height:45px;
    background-color:#FAFAFA;
    border:1px solid rgba(223,237,249,0.4);
    color:#000;
    font-size:13.4px;
    font-weight:400;
    color:#000;
    padding:5px;
    margin-bottom:12px;
    border-radius:5px;
}
.girisfoto{
    width:100%;
    height:100vh;
    padding:40px;
}
.girisfoto img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    margin:auto !important;
}
.giristexts button{
    display:block;
    background-color:#4573C5;
    color:#FFF;
    font-size:14px;
    font-weight:500;
    border:none !important;
    border-radius:5px;
    width:140px;
    height:45px;
    text-align:center;
}
table{
    border:none !important;
    background-color:#FFF !important;
}
thead th {
    font-size:13.4px;
    background-color: #EFF2FF;
    font-weight: 500;
    color:#111;
}
tbody tr:nth-child(even) {
    background-color: #FFF;
}
tbody td {
    margin-top:8px;
    margin-bottom:8px;
    font-size:13.2px;
    font-weight: 500;
    color:#111;
}
table a{
    color:#111 !important;
}
tbody tr:nth-child(odd) {
    background-color: #ffffff;
}
tbody tr:hover {
    background-color: #125eb5 !important;
    cursor: pointer;
    color:#FFF !important;
}
tbody tr:hover td{
    color:#FFF !important;
}
tbody tr:hover a{
    color:#FFF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #fff;
    border: 1px solid #125eb5;
    color: #125eb5 !important;
    border-radius: 4px;
    padding: 4px 8px;
    margin: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #FFF !important;
    color: white !important;
    border: 1px solid #125eb5;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #125eb5;
    border-radius: 4px;
    padding: 4px 6px;
    font-size:13.2px;
    font-weight:400;
}
.dataTables_filter label {
    font-size: 0; 
}
.dataTables_filter label input {
    font-size: 14px; 
}
*:focus{
    outline:none !important;
    box-shadow:none !important;
}
.dt-buttons .dt-button {
    background-color: #125eb5 !important;
    color: #FFF !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    margin-right: 5px;
    font-weight: 500;
    font-size:13px;
    height:37px;
    padding-left:14px;
    padding-right:14px;
}
.dt-buttons .dt-button:hover {
    background-color: #3b29a3 !important;
}
.gorevarea .nav-pills a{
    background-color:#FFF;
    font-size:13.6px;
    display:block;
    line-height:45px;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding-left:12px;
    padding-right:12px;
    color:#000;
}
.gorevarea .nav-pills li{
    margin-right:10px;
}
.gorevarea .nav-pills li .active{
    margin-right:10px;
    color:#FFF;
    background-color:#4573C5;
}
.nav-pills{
    margin-top:15px !important;
}
.tab-content{
    margin-top:15px !important;
}
.gorevboxes{
    width:100%;
    background-color:#FFF;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding:9px;
    margin-bottom:10px;
}
.gorevboxes p{
    line-height:22px;
    font-size:13.3px;
    color:#110F1D;
    margin-top:8px;
    margin-bottom:8px;
}
.rightarea{
    margin-bottom:35px !important;
}
.tab-content h3{
    color:#000;
    font-weight:500;
    font-size:19px;
    margin-top:14px;
    margin-bottom:14px;
}
.musdetay h3{
    display:inline-block !important;
    border-radius:5px;
    line-height:35px;
    font-weight:500;
    font-size:12.5px;
    text-align:center;
    padding-left:13px;
    padding-right:13px;
}
.gorevboxes span{
    display:inline-block !important;
    border-radius:5px;
    line-height:35px;
    font-weight:500;
    font-size:12.5px;
    margin-left:10px;
    text-align:center;
    padding-left:13px;
    padding-right:13px;
}
.tab-content h3 > span{
    background-color:#4573C5;
    color:#FFF !important;
    padding-left:16px !important;
    padding-right:16px !important;
    font-weight:500 !important;
    font-size:13.5px !important;
    margin-right:10px !important;
    margin-left:0px !important;
}
.gorevboxes h6{
    text-transform:uppercase;
    color:#4573C5;
    font-size:11.5px;
    font-weight:700;
    margin-top:8px;
}
.gorevboxes h3{
    line-height:35px;
    font-size:15.2px;
    font-weight:500;
    color:#000;
    margin-top:7px;
}
.specialgorevinfo{
    background-color:#FFF;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px;
}
.specialgorevinfo h3{
    background-color:#4573C5;
    line-height:50px;
    font-size:14.6px;
    font-weight:500;
    padding-left:15px;
    border-radius:5px 5px 0px 0px;
    color:#FFF;
}
.specialgorevinfo p{
    line-height:22px;
    font-size:13.3px;
    color:#110F1D;
    margin-top:8px;
    margin-bottom:8px;
    padding-left:15px;
    padding-right:15px;
}
.specialgorevinfo h6{
    padding-left:15px;
    padding-right:15px;
    text-transform:uppercase;
    color:#4573C5;
    font-size:11.5px;
    font-weight:700;
    margin-top:8px;
}
.specialgorevinfo h5{
    line-height:25px;
    padding-left:15px;
    padding-right:15px;
    font-size:14px;
    font-weight:500;
    color:#000;
    margin-top:7px;
}
.gorusmenotlari{
    border-radius:5px;
    width:100%;
    margin-bottom:7px;
    background-color:#FFF;
    padding:10px;
    border:1px solid rgba(28,28,28,0.1);
}
.gorusmenotlari h3{
    border-radius:5px;
    line-height:40px;
    font-size:13.2px;
    font-weight:600;
    color:#FFF;
    margin-bottom:8px;
    margin-top:8px;
    padding-left:15px;
}
.topheader2{
    width:100%;
}
.topheader2 h6{
    background-color:#FFF;
    margin-bottom:12px;
    line-height:55px;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px;
    font-size:15px;
    font-weight:500;
    color:#000;
    padding-left:15px;
}
.gorusmenotlari p{
    line-height:22px;
    font-size:13.3px;
    color:#110F1D;
    margin-top:8px;
    margin-bottom:8px;
}
.gorusmenotlari h5{
    font-size:14.5px;
    font-weight:500;
    color:#000;
    margin-top:6px;
    margin-bottom:6px;
}
.gorusmenotlari span{
    color:#4573C5;
}
.gorusmenotlari h6{
    text-transform:uppercase;
    color:#4573C5;
    font-size:11.5px;
    font-weight:700;
    margin-top:12px;
}
.modalgorev h6{
    color:#4573C5;
    font-size:16px;
    font-weight:500;
    margin-top:4px;
    margin-bottom:10px;
}
.modalgorev h3{
    text-transform:uppercase;
    color:#000;
    font-size:11px;
    font-weight:700;
    margin-top:12px;
}
.gorevsil button{
    background-color:red;
    font-size:13.4px;
    width:100%;
    font-weight:600;
    color:#FFF;
    border-radius:5px;
    height:35px;
    border:none !important;
    margin-top:12px;
}
.modalgorev select{
    width:100%;
    height:45px;
    background-color:#FAFAFA;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding:7px;
    font-size:13.2px;
    color:#000;
    font-weight:400;
}
.modalgorev textarea{
    width:100%;
    height:130px;
    background-color:#FAFAFA;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding:7px;
    font-size:13.2px;
    color:#000;
    font-weight:400;
}
.modalgorev input{
    width:100%;
    height:45px;
    background-color:#FAFAFA;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
    padding:7px;
    font-size:13.2px;
    color:#000;
    font-weight:400;
}
.modalgorev button{
    width:130px;
    border-radius:5px;
    background-color:#4573C5;
    height:45px;
    color:#FFF;
    border:none;
    font-weight:500;
    font-size:13.5px;
    margin-top:12px;
}
.musdetay h2{
    font-size:18.1px;
    color:#000;
    font-weight:600;
    margin-bottom:25px;
    margin-top:8px;
    margin-left:0px !important;
    padding-left:0px !important;
}
.musdetay h6{
    text-transform:uppercase;
    color:#4573C5;
    font-size:11.5px;
    font-weight:700;
    margin-top:12px;
}
.musformx2{
    padding:12px;
    border-radius:5px;
    border:1px solid rgba(28,28,28,0.1);
}
.sepheade3 h3{
    color:#000;
    font-size:15px;
    margin-top:7px;
    margin-bottom:20px;
    font-weight:500;
}
.musdetay p{
    line-height:22px;
    font-size:13.3px;
    color:#110F1D;
    margin-top:8px;
    margin-bottom:8px;
}
.mustabs a{
    color:#606B85;
    font-size:14px;
    font-weight:600;
}
.mustabs .active{
    color:#4573C5 !important;
}
.paneheader h3{
    color:#494949;
    margin-top:21px;
    margin-bottom:21px;
    font-size:13.7px;
    font-weight:500;
}
.statbox{
    width:100%;
    border:1px solid rgba(28,28,28,0.1);
    border-radius:5px;
    padding:12px;
    background-color:#FFF;
    margin-bottom:8px;
}
.statbox h2{
    font-size:33px;
    font-weight:600;
    color:#000;
}
.statbox h3{
    font-size:rgba(28,28,28,0.7);
    font-size:14.5px;
    font-weight:500;
    margin-top:10px;
}
.statimgbox{
    width:100% !important;
    background-color:#4573C5;
    color:#FFF;
    border-radius:5px;
    text-align:center;
    height:100% !important;
    padding:16px;
    max-height:80px;
}
.statbox img{
    display:block;
    margin:auto !important;
    width:100%;
    height:100%;
    object-fit:contain;
}
.filters-wrap { display:flex; flex-direction:column; gap:10px; margin-bottom:12px; }
.filters {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  background:#ffffff;
  padding:12px;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(20,30,50,0.06);
  border:1px solid rgba(0,0,0,0.04);
}
.f-item { display:flex; align-items:center; gap:8px; font-size:14px; color:#222; }
.f-label { font-weight:600; margin-right:6px; color:#333; }
.f-item input[type="date"],
.f-item input[type="text"],
.f-item select {
  padding:7px 10px;
  border-radius:8px;
  border:1px solid #e3e6ea;
  min-width:120px;
  box-shadow:none;
  font-size:14px;
}
.f-item input[type="text"] { width:110px; }
.sep { opacity:0.6; margin:0 6px; }

.f-actions { margin-left:6px; }
.btn {
  background:#2563eb;
  color:#fff;
  border:none;
  padding:8px 12px;
  border-radius:8px;
  font-size:13.2px;
  cursor:pointer;
  margin-top:0px !important;
  font-weight:500;
  box-shadow: 0 4px 10px rgba(37,99,235,0.15);
}
.btn:hover { filter:brightness(0.95); }

.toplam {
  align-self:flex-start;
  font-weight:700;
  padding:10px 14px;
  border-radius:10px;
  background: linear-gradient(90deg,#f8fafc,#ffffff);
  border:1px solid rgba(0,0,0,0.04);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.02);
  color:#0f172a;
}

/* Mobile: filtreleri üst üste diz */
@media (max-width:720px){
  .filters { flex-direction:column; align-items:stretch; gap:8px; }
  .f-item { width:100%; justify-content:flex-start; }
  .f-item input, .f-item select { width:100%; }
  .f-actions { margin-left:0; }
  .toplam { width:100%; text-align:center; }
}
@media screen and (max-width: 1380px) {
    .systemsettings{
        width:18% !important;
    }
}
@media screen and (max-width: 1250px) {
    .systemsettings h3{
        padding-top:18px;
        padding-bottom:18px;
        margin-bottom:0px !important;
        padding-left:25px;
        padding-right:25px;
        font-size:15.8px;
        font-weight:500;
        color:#FFF;
        background-color:#000;
    }
    .footersection a{
        display:inline-block;
        color:#ef9928;
        font-size:13px;
        font-weight:500;
        padding-left:12px;
        padding-right:12px;
        line-height:40px;
    }
    .leftmenuarea{
        z-index:99;
        position:fixed;
        left:0;
        top:0;
        bottom:0;
        display:inline-block;
        border-right:1px solid rgba(28,28,28,0.1);
        width:235px;
        overflow:none !important;
    }
    .rightarea{
        width:100% !important;
        display:inline-block !important;
        padding-left:235px;
        min-height:80vh;
    }
    .topcontent{
        padding-left: 255px !important; 
    }
    .leftmenulogo{
        margin-top:10px;
        margin-bottom:5px;
    }
    .leftmenuarea_item a {
        display: flex;
        width:100% !important;
        margin-left:0px !important;
        font-size: 13.2px;
        font-weight: 500;
        color: #202224;
        line-height: 45px;
        text-decoration: none;
    }
    .leftmenuarea_item span img {
        width: 19px !important;
        height: 19px !important;
        margin:auto !important;
        object-fit: contain !important;
    }
    .leftmenuarea_item {
        padding-left:10px;
        display:flex !important;
        background-color:#FFF;
        border-radius:10px;
        margin-left:20px !important;
        margin-right:20px !important;
        margin-bottom:8px !important;
    }
    .leftmenuarea_item span {
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-right: 12px;
        width: 32px;
        height: 32px;
        border-radius: 5px;
        margin-top: 5px;
        background-color: #4573C5;
    }
}
@media screen and (max-width: 992px) {
    .topheader2{
        width:100%;
        margin-top:15px;
    }
    .gorevboxes span{
        margin-top:7px;
        display:block;
        margin-left:0px;
    }
    .giristexts input{
        width:350px;
        height:45px;
        background-color:#FAFAFA;
        border:1px solid rgba(223,237,249,0.4);
        color:#000;
        font-size:13.4px;
        font-weight:400;
        color:#000;
        padding:5px;
        margin-bottom:12px;
        border-radius:5px;
    }
    .giristexts button{
        display:block;
        background-color:#00618D;
        color:#FFF;
        font-size:14px;
        font-weight:500;
        border:none !important;
        border-radius:5px;
        width:120px;
        height:45px;
        text-align:center;
    }
    .giriscontent {
        background-color: #FFF;
        height: 100vh;
        border-radius: 0px;
        display: flex;
        justify-content: center; 
        align-items: center;
    }
    .specialmar{
        margin-top:90px !important;
    }
    .toplogo img{
        height:55px !important;
        width:auto !important;
        object-fit:contain !important;
    }
    .mos button{
        background-color:transparent !important;
        border:none !important;
        height:55px;
        text-align:center;
    }
    .mos .fa-bars{
        font-size:22px !important;
        color:#4573C5 !important;
    }
    .topcontent{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 0px !important; 
        transition: ease 0.3s;
        padding-top: 10px;
        padding-right: 10px !important;
        z-index: 9 !important;
        padding-bottom: 10px;
        background-color: #FFF;
        border-bottom: 1px solid rgba(28,28,28,0.1);
        box-sizing: none;
    }
    .leftmenuarea{
        z-index:99;
        position:relative;
        min-height:100vh;
        display:inline-block;
        border-right:none;
        background-color:#FFF;
        width:235px;
        overflow:none !important;
    }
    .topheader{
        margin-top:7px;
    }
    .topcontent{
        background-color:#FFF !important;
    }
    .topcontent img{
        height:50px;
        object-fit:contain;
        width:auto;
    }
    .pad0x{
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .rightarea{
        width:100% !important;
        display:inline-block !important;
        padding-left:0px !important;
        min-height:80vh;
    }
    .block992{
        display:block !important;
    }
    .disnon992{
        display:none !important;
    }
}
@media screen and (max-width: 767px) {
    .specialbut{
        margin-top:0px !important;
        display:inline-block !important;
        border-radius:0% !important;
        text-align:center !important;
        margin-right:0px !important;
        width:auto !important;
        height:20px !important;
        line-height:20px !important;
        margin-right:13px !important;
        color:#4573C5 !important;
        background-color:#FFF !important;
        font-size:14.5px !important;
        margin-bottom:12px !important;
        font-weight:500 !important;
    }
    .alright{
        float:left !important;
        text-align:left !important;
        margin-left:20px !important;
        margin-right:auto !important;
    }
    .calendar-day {
        padding: 10px;
        border: 1px solid #ccc;
        text-align: center;
        position: relative;
        height: 140px;
    }
    .footersection{
        margin-top:30px;
        position:relative;
        background-color:#000;
    }
}
@media screen and (max-width: 576px) {
    .event-info{
        display:none !important;
    }
    .calendar-day {
        padding: 10px;
        width:80px;
        border: 1px solid #ccc;
        text-align: center;
        position: relative;
        height: 90px;
    }
    .statbox{
        width:100%;
        border:1px solid rgba(28,28,28,0.1);
        border-radius:5px;
        padding:12px;
        background-color:#FFF;
        margin-bottom:8px;
    }
    .statbox h2{
        font-size:22px;
        font-weight:600;
        color:#000;
    }
    .statbox h3{
        font-size:rgba(28,28,28,0.7);
        font-size:13px;
        font-weight:500;
        margin-top:10px;
    }
    .footersection a{
        display:inline-block;
        color:#ef9928;
        font-size:13px;
        font-weight:500;
        padding-left:0px;
        padding-right:0px;
        line-height:40px;
        width:48%;
        padding-left:15px;
        padding-right:15px;
    }
    .topheader a{
        margin-top:9px;
        display:block;
        border-radius:50%;
        text-align:center;
        margin-right:0px !important;
        width:40px;
        height:40px;
        line-height:40px;
        margin-right:13px !important;
        background-color:#4573C5;
        color:#FFF;
        font-size:17.5px;
        font-weight:600;
    }
    .topheader h3{
        padding-left:15px;
        padding-right:15px;
        color:#000;
        font-size:14.2px;
        padding-top:22px;
        padding-bottom:14px;
        font-weight:500;
    }
    .contentelement h3{
        font-size:14px;
        margin-top:16px;
        font-weight:500;
        margin-bottom:12px;
    }
    .contentelement h6{
        font-size:12.7px;
        font-weight:500;
        display:block;
        margin-bottom:15px;
        color:#000;
    }
}