/* Poppins-Black */
@font-face {
  font-family: 'Poppins Black';
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Poppins-BlackItalic */
@font-face {
  font-family: 'Poppins Black';
  src: url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

/* Poppins-Bold */
@font-face {
  font-family: 'Poppins Bold';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Poppins-BoldItalic */
@font-face {
  font-family: 'Poppins Bold';
  src: url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Poppins-ExtraBold */
@font-face {
  font-family: 'Poppins ExtraBold';
  src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/* Poppins-ExtraBoldItalic */
@font-face {
  font-family: 'Poppins ExtraBold';
  src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Poppins-ExtraLight */
@font-face {
  font-family: 'Poppins ExtraLight';
  src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

/* Poppins-ExtraLightItalic */
@font-face {
  font-family: 'Poppins ExtraLight';
  src: url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

/* Poppins-Light */
@font-face {
  font-family: 'Poppins Light';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Poppins-LightItalic */
@font-face {
  font-family: 'Poppins Light';
  src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Poppins-Medium */
@font-face {
  font-family: 'Poppins Medium';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Poppins-MediumItalic */
@font-face {
  font-family: 'Poppins Medium';
  src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* Poppins-Regular */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Poppins-SemiBold */
@font-face {
  font-family: 'Poppins SemiBold';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Poppins-SemiBoldItalic */
@font-face {
  font-family: 'Poppins SemiBold';
  src: url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Poppins-Thin */
@font-face {
  font-family: 'Poppins Thin';
  src: url('../fonts/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* Poppins-ThinItalic */
@font-face {
  font-family: 'Poppins Thin';
  src: url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}


body {
  font-family: 'Poppins Regular', sans-serif; /* Sayfa içinde bu yazı tipini kullanmak için */
}

.login-page{
  background: rgb(194,194,194);
  background: radial-gradient(circle, rgba(194,194,194,1) 53%, rgba(139,139,139,1) 100%);
}

:root {
  --login-back-color: #c2c2c2;
}

.login-box {
  position: relative;
}

.login-form.card{
  background: transparent!important;
}

.login-card-body {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4151785714285714) 100%);
  border-top: 0;
  color: #666;
  padding: 30px;
  box-shadow: inset 0 0 5px rgba(255,255,255,1);
  border-radius: 25px;
}

.login-box .card{
  position: relative;
  box-shadow: none!important;

}

.login-logo-cont{
  position: relative;
  width: 130px;
  height: 130px;

  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0 auto;
  z-index: 100;
  margin-bottom: -140px;


}

.login-logo{
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0 auto;
  z-index: 100;

  box-shadow: inset 0px 0px 5px rgba(255,255,255,1);
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4151785714285714) 100%);

}

.login-logo-back{
  position: relative;
  width: 150px;
  height: 150px;
  background: var(--login-back-color);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0 auto;

  z-index: 99;
  margin-bottom: -50px;

}

.radius-corner-top-left{
  width: 20px;
  height: 30px;
  position: absolute;
  z-index: 110;
  bottom: 19px;
  left: -21.8px;
  border-top: solid 9px var(--login-back-color);
  border-top-right-radius: 70%


}

.radius-corner-top-right{
  width: 20px;
  height: 30px;
  position: absolute;
  z-index: 110;
  bottom: 19px;
  right: -21.8px;

  border-top: solid 9px var(--login-back-color);
  border-top-left-radius: 70%


}

.radius-corner-bottom-left{
  width: 20px;
  height: 30px;
  position: absolute;
  z-index: 99;
  left: -27px;
  top: 10.9px;
  border-bottom: solid 11px var(--login-back-color);
  border-bottom-right-radius: 70%


}

.radius-corner-bottom-right{
  width: 20px;
  height: 30px;
  position: absolute;
  z-index: 99;
  right: -27px;
  top: 10.9px;
  border-bottom: solid 11px var(--login-back-color);
  border-bottom-left-radius: 65%


}

.login-logo img{
  width: 100px;
  height: auto;
  vertical-align: middle;

}




.login-form .form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e8e8e8;
  border-radius: .7rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.login-page, .register-page {
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--login-back-color);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center;
}

.login-button-cont{
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: -90px;
  background: var(--login-back-color);
  border:solid 10px var(--login-back-color);

}


.login-button{
  position: relative;
   width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: -90px;
  border:none;
  box-shadow: inset 0px 0px 5px rgba(255,255,255,1);
}

.login-button-error{

    background: #ff0000 linear-gradient(180deg,#ff0000,#d50505) repeat-x!important;
    color: #fff;

}

.login-button:hover{
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: -90px;

}

.login-button-error:hover{
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: -90px;
  background: #ff0000 linear-gradient(180deg, #ff6363,#d50505) repeat-x!important;
  color: #fff;

}

.login-design{
  position: fixed;
  opacity: .4;
  left: -300px;
  width: 500px;
  top: 100px;
  height: auto;
}

.material-symbols-outlined{
  vertical-align: text-bottom;
}

.sidebar .material-symbols-outlined{
  width: 25px;
  font-size: 20px;
  margin-top: 2px;
  color:#747474;
}


.login-card-body-error {
  background: linear-gradient(180deg, rgb(255 191 191) 0%, rgb(255 138 138 / 39%) 100%);
  box-shadow: inset 0px 0px 5px rgb(255 157 157);
}

.bg-gradient-indigo-error {
  background: #ff0000 linear-gradient(180deg,#ff6f6f,#ff0000) repeat-x!important;
  color: #fff;
}

.login-logo-error{
  box-shadow: inset 0px -9px 22px rgb(255 255 255 / 39%), inset 0px -9px 22px rgb(255 0 0 / 48%), 0px 2px 5px rgb(255 113 113);


}

div:where(.swal2-container).swal2-center>.swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  zoom: 0.8;
  justify-self: center;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  background: rgb(255,255,255);
  border-radius: 20px;
  background: radial-gradient(circle, rgba(255,255,255,0.8) 20%, rgba(255,255,255,0.3169642857142857) 100%);
  box-shadow: inset 0px -9px 22px rgb(255 255 255 / 39%), inset 0px -9px 22px rgba(110, 110, 110, 0.48), 0px 2px 5px rgb(255, 255, 255);
}


.small-box .icon>span {
  font-size: 90px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: -webkit-transform .3s linear;
  transition: transform .3s linear;
  transition: transform .3s linear,-webkit-transform .3s linear;
  cursor: pointer;
}

.small-box .icon>i.fa, .small-box .icon>i.fab, .small-box .icon>i.fad, .small-box .icon>i.fal, .small-box .icon>i.far, .small-box .icon>i.fas, .small-box .icon>span {
  font-size: 70px;
  top: 20px;
}

body{
  font-family: 'Roboto', sans-serif;
}


#musteriler_wrapper .row .col-sm-12:nth-child(2){
  text-align: right;
}

#musteriler_info{
  font-size: 12px;
}

.dataTables_empty{
  text-align: center;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.content-wrapper{
  padding:20px;
}


.list-ac{
  list-style: none;
  height: 62px;
  background: #ffefb2;
  padding: 0;
  margin-left: -7px;
  margin-right: -7px;
}

.widpreview{
background: #ad47ff;
  position: relative;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 3px;
  color:#fff;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0,0,0,.4);

}
select[name=widgetPreviewColumn]{
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 10px;
  max-width: 60px;
  height: 25px;
}

.acs{
 width: 20%;
  height: 80px;
  margin: 3px;
  background: #ffd584;
}

#widgets > div > div > div.modal-body > div > div > div > span{
cursor:move;
}

body {
  margin: 0;
  font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

.table td, .table th {
  padding: 0.55rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.dataTables_length{
  float: left;
  margin-right: 15px;
}

.dt-buttons button{
  font-size: .8rem;
}

.dataTables_info{
  font-size: 12px;
  line-height: 14px;
  color: #797979;
}

table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
  padding-right: 30px;
  color:#797979;
}

.btn {

  font-size: .9rem;

}
.btn .material-symbols-outlined{
  font-size: 20px;
}

ul.pagination li.paginate_button  a.page-link{
  font-size: 0.8rem!important;
}

.lineStart{
  position: absolute;
  left: -42px;
  top: 50%;
  margin-top: -13px
}
.lineSelf .start{
  position: absolute;
  left: -11px;
  top: -19px;
}

.lineSelf .end{
  position: absolute;
  left: -11px;
  bottom: -19px;
  transform:rotate(180deg);
}
.lineSelf{
  position:absolute;
  width: 2px;
  background: black;
}

.lineSelf .mergeButton{
  position: absolute;
  left: -33px;
  top: 50%;
  margin-top: -14px;
  padding: 3px;
}

select[name=widgetPreviewColumn] {
  position: absolute;
  right: 5px;
  top: 5px;
  max-width: 60px;
  height: 25px;
  font-size: 12px;
  padding-top: 3px;
  line-height: 18px;
  font-weight: bold;

}

.ui-sortable-handle{
  font-size: 16px;
}

.widsEditButton{
  position: absolute;
  right: 35px;
  bottom: 5px;
  padding: 3px;
  color:#fff;

}


.widsDeleteButton{
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 3px;
  color:#fff;

}

.active .material-symbols-outlined{
  color:#fff;
}

.preloader {
  display: -ms-flexbox;
  display: flex;
  background-color: #f4f6f97d;
  height: 100vh;
  width: 100%;
  transition: height .2s linear;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}



 .acss{
   list-style: none;
   height: 55px;
   width: 100%;
   background-color: #b795ff;

 }
.elevation-4 {
  box-shadow: 0 3px 3px rgba(0,0,0,.25),0 3px 3px rgba(0,0,0,.22)!important;
}


.gorunumsecenekleri label{
  margin-bottom: -1px;
  border-top:0;
  font-size: 12px;
  font-weight: normal!important;

}


.colums .col:last-child{
  padding-right: 5px;
  padding-left: 5px;
}

.colums .col{
  padding-right: 0px;
  padding-left: 5px;
}

#widgetAdd .wlabel{
  font-size: 12px;
  color: #ababab;
  font-weight: normal;
  margin-bottom: 0;
}

.formsetting{
  position: absolute;
  z-index: 999999;
}

.ui-menu{
  z-index: 999999;
}

.bootstrap-tagsinput .tag {
  position: relative;
  border-radius: 3px;
  margin-right: 2px;
  color: #ffffff;
  background: #686868;
  padding: 3px;
  padding-right: 15px;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 4px;
  cursor: pointer;
  position: absolute;
  top: -10px;
  font-size: 9px;
  font-family: monospace;
  right: 1px;
}

.formlink{
  isplay: flex;
  font-size: 12px;
  font-weight: bold;
  color: rgb(182 150 68);
  line-height: 25px;
  flex-wrap: wrap;
  align-content: stretch;
  flex-direction: row;
  text-decoration:none;
  cursor:pointer;
}

.formlink:hover{

  color: rgb(245, 189, 41) !important;

}


.formlink span{
  font-size: 20px;
  vertical-align: middle;
  line-height: 29px;
  margin-top: -3px;
  margin-right: -5px;
}



.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 3px;
}

.formLabel{
  font-weight: 600!important;
  font-size: 16px!important;
  margin-bottom: 5px!important;
  color: #494949 !important;
  margin-left: 5px!important;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius:0px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#desinger .desi:hover {
  background-color: #ffeeb0;
}

#desinger .desi:hover .colbutton {
  display: flex; /* veya istediğiniz diğer görünürlük ayarları */
}

#desinger .desi .colbutton {
  display: none; /* veya istediğiniz diğer başlangıç görünürlük ayarları */
}
.formimgcont {
  width: 100%;
  height: 164px;
  display: flex;
  cursor: pointer;
  border: 1px dashed #4e5761;
  background: #2d3238;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  color: #858f99;
  padding:5px;
}

.formsescont {
  width: 100%;
  height: 60px;
  display: flex;
  cursor: pointer;
  border: 1px dashed #4e5761;
  background: #2d3238;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  color: #858f99;
}

.responsive-img {
  width: 100%; /* Öğenin genişliğine göre orantılı olarak büyüt */
  height: auto; /* Öğenin yüksekliğine göre orantılı olarak büyüt */
  display: block; /* Satır aralığı sorunlarını önlemek için */
  margin: auto; /* Ortalama */
}

.table th, .table td {
  vertical-align: top;
}

.formLabel {
  font-weight: 600!important;
  font-size: 14px!important;
  margin-bottom: 0px!important;
  color: #797979 !important;
  margin-left: 3px!important;
}

.form-group{
  margin-bottom: 15px;
}


.material-symbols-outlined {
  font-variation-settings:
          'FILL' 0,
          'wght' 400,
          'GRAD' -15,
          'opsz' 48
}



.nav-link{
  font-family: 'Poppins Light', sans-serif;
  font-size:0.85rem!important;
  font-weight:100!important;
  letter-spacing: 1px;

}

*{
  font-family: 'Poppins Light', sans-serif;
  letter-spacing: 1px;
}
.card-body>.table>thead>tr>td, .card-body>.table>thead>tr>th {
  border-top-width: 0;
  font-weight: 200;
  font-size: 0.85rem;
}

.table td, .table th {
  padding: 0.55rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

table tbody tr td{
  font-size:0.85rem;
}

.main-header {
  border-bottom: 1px solid #0e0e0e;
  z-index: 1034;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgb(217 217 217 / 55%);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
   --bs-navbar-toggler-border-color: rgb(100 100 100 / 10%);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  background: #32383e;
}

.dark-mode .sidebar-dark-indigo .nav-sidebar>.nav-item>.nav-link.active, .dark-mode .sidebar-light-indigo .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #b69644;
  color: #fff;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
  background-color: rgb(182 150 68);
  color: #ffffff;
}

.dark-mode .table thead th {
  border-bottom-color: #6c757d;
  border-bottom: 1px;
}

.form-control.form-control-solid {

  transition: color .2s ease;
  border-radius: 6px;
  /* font-family: Arial, Sans-Serif; */
  color: #494949;
  /* padding: 10px; */
  font-size: 14px;
  outline: none;
  transition: all 2s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -moz-border-radius: 8px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: inset 0 0 5px 2px #E6E6E6;
  -webkit-box-shadow: inset 0 0 5px 2px #E6E6E6;
  box-shadow: inset 0 0 0px 0px #dbdbdb;

}
.formLabel {
  font-weight: 578!important;
  font-size: 12px!important;
  margin-bottom: 4px!important;
  color: #b7b7b7 !important;
  margin-left: 3px!important;
}
input{
  letter-spacing: normal;
}

select{
  font-weight: 200!important;
}

.dark-mode .btn-primary {
  color: #fff;
  background-color: #000000;
  border-color: #d9d9d9;
  box-shadow: none;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #b69644;
  border-color: transparent;
  color: #fff;
}

.form-check-input:checked {
  background-color: #b69644;
  border-color: #a9882f;
}

.form-check-label {
  margin-bottom: 0;
  font-weight: 200!important;
  font-size: 0.75rem;
}

#muva{
  border-collapse: collapse; /* Hücreler arasındaki boşlukları kaldırır */
  width: 100%; /* Tablonun genişliğini ayarlar (isteğe bağlı) */
  height: 250px;

}

#muva  th, #muva td {
  border: 1px dashed #abb8c7; /* 1px genişliğinde siyah bir sınır ekler */
  text-align: center;
  font-size: 0.65rem!important;
  color: #ffffff;

}

.formLabel {
  font-weight: 578!important;
  font-size: 12px!important;
  margin-bottom: 4px!important;
  color: #ffffff !important;
  margin-left: 3px!important;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  background: rgb(255,255,255);
  border-radius: 20px;
  background: radial-gradient(circle, rgb(42 42 42 / 80%) 20%, rgb(90 90 90 / 32%) 100%);
  box-shadow: inset 0px -9px 22px rgb(131 131 131 / 39%), inset 0px -9px 22px rgb(30 30 30 / 48%), 0px 2px 5px rgb(10 10 10);
}

.dark-mode .custom-file-label, .dark-mode .custom-file-label::after, .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus) {
  border-color: #6c757d;
  font-size: 0.75rem;
}
.form-select:disabled {
  background-color: #343a40;
  font-size: 0.75rem;
}

.dark-mode .input-group-text {
  border-color: #6c757d;
  font-size: 0.75rem;
}


.progress{
  height: 5px;
  margin-bottom: 15px;
  padding:0;
}
#progressBar{
  height: 5px;
  background-color: #b69644;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
   background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.loadings{
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,0.6);
  left: 0;
  top: 0;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
  z-index: 99999;
  display: none;
}

.bbbton a {
  letter-spacing: 1px;
  font-size: 0.70rem;

}
.bbbton a .material-symbols-outlined {
  letter-spacing: normal;
  font-size: 0.70rem;
  vertical-align: middle;
}

.bbbton button {
  letter-spacing: 1px;
  font-size: 0.70rem;

}
.bbbton button .material-symbols-outlined {
  letter-spacing: normal;
  font-size: 0.70rem;
  vertical-align: middle;
}

tbody#projeler button{
  padding: 0;
  border-radius: 0;
  padding-left: 5px;
  padding-right: 5px;
}
tbody#projeler td{
  font-size: 0.75rem;
}

.bbbton button{
  letter-spacing: 0;
}

.bbbton a{
  letter-spacing: 0;
}

.bbsd * {
  font-size: 12px;
  letter-spacing: 0;
  cursor: pointer;
}

.modal-body p {
  font-size: 12px;
}

tbody .row div{
  font-size: 0.65rem;
  color: #afafaf;

}

thead .row div{

  font-weight: bold;
  color: #afafaf;

}

.dark-mode .btn-success {
  color: #fff;
  background-color: #008c68;
  border-color: #009a76;
  box-shadow: none;
}

.bbbton{
  margin-bottom: 5px;
  margin-top: 5px;
}

.bbbton .material-symbols-outlined {
  font-size: 14px;
  margin-right: 10px;
  cursor:pointer;
}
.custom-tooltip{
  font-size: 0.65rem!important;
}

.sss  .select2-selection{
  height: 40px!important;
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
  padding-top: 10px!important;


}

.sss .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 1px;
  width: 20px;
}

div:where(.swal2-container) .swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
  color:#fff!important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
  color:#fff!important;
}

ul.nav-treeview li{

  padding-left: 20px;

}

ul.nav-treeview li a {
  margin-bottom: 0;
  letter-spacing: 0;
  font-size: 0.85rem!important;
  width: 100% !important;

}

ul.nav-treeview li a .material-symbols-outlined {
  font-size: 0.85rem;
  margin-right: 5px;
  width: 10px;
  margin-left: 0px;
  margin-top: -5px!important;
  margin-bottom: 3px;
  color: #8a8a8a
}

#basingonderim ul.list-group li:first-child{
  border-top:0;
}

#basingonderim ul.list-group li:last-child{
  border-botto:0;
}

#basingonderim ul.list-group li .material-symbols-outlined{
  font-size: 12px;
  cursor: pointer;
}

#basingonderim ul.list-group li.pasif{
  font-size: 12px;
  cursor: pointer;
  color:#636d7c;
}

#basingonderim .adds{
  background: #15A815FF;
  height: 20px;

}

#basingonderim .closes{
  background: #757474;
  height: 20px;

}

#basingonderim ul.list-group li{
  color:#fff;
  font-size: 12px;
  letter-spacing: 0;
  border-left: 0;
  border-right: 0;
}



#radyogonderim ul.list-group li:first-child{
  border-top:0;
}

#radyogonderim ul.list-group li:last-child{
  border-botto:0;
}

#radyogonderim ul.list-group li .material-symbols-outlined{
  font-size: 12px;
  cursor: pointer;
}

#radyogonderim ul.list-group li.pasif{
  font-size: 12px;
  cursor: pointer;
  color:#636d7c;
}

#radyogonderim .adds{
  background: #15A815FF;
  height: 20px;

}

#radyogonderim .closes{
  background: #757474;
  height: 20px;

}

#radyogonderim ul.list-group li{
  color:#fff;
  font-size: 12px;
  letter-spacing: 0;
  border-left: 0;
  border-right: 0;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

input:focus{
  font-size:0.75rem;
}

textarea:focus{
  font-size:0.75rem;
}

.info-box .info-box-icon {
  border-radius: 0.25rem;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.875rem;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 40px;
}

.users-list>li img {
  border-radius: 50%;
  height: auto;
  max-width: 30%;
}


@keyframes bbs {
  0% {
    background-color: black;
    box-shadow: 0px 0px 0px black;

  }
  50% {
    background-color: red;
    box-shadow: 0px 0px 30px red;

  }
  100% {
    background-color: black;
    box-shadow: 0px 0px 0px red;

  }
}

.alarm {
  background-color: red;
  animation-name: bbs;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}




a:hover{
  color: #dadada !important;
}


#solmenu a {
  cursor: pointer;

}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
  background-color: #262a2f;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom:15px;
  border-radius:7px;
}

.sidebar .material-symbols-outlined {
  width: 25px;
  font-size: 20px;
  margin-top: 2px;
  color: #b69644;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
  color: #c2c7d0;
  padding: 3px;
  font-size: 12px!important;

}

.dark-mode .sidebar-dark-indigo .nav-sidebar>.nav-item>.nav-link.active, .dark-mode .sidebar-light-indigo .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #535e69;
  color: #fff;

}
.sidebar .badge-danger{
  float: right;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
  background-color: rgb(97 97 97);
  color: #ffffff;
}

#yenilink input::placeholder{
  color: #a9a9a9;
}

#yenilink  select{
  background-color: #fff!important;
  background: #fff!important;
  color:#000!important;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: bold!important;
}

.xbutton span{
  text-shadow: none;
  color: #363636;
  margin-left: 1px;
}

.xbutton{
  background-color: #fff!important;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  padding-left: 7px;
  opacity: 1;

}

.sframe{
  width: 198px;
  height: 363px;
  position: absolute;
  margin-top: -178px;
  margin-left: -64px;
  left: 50%;
  top: 50%;
  z-index: 3;
}



.dark-mode .bg-light {
  background-color: #ffffff!important;
  color: #151515 !important;
}

.muvtext{
  text-align: justify;
}

.muvtitle{

}



.nav-sidebar>.nav-item a {
  padding-top: 15px;
  padding-bottom: 15px;

}
.nav-sidebar>.nav-item a i {
  padding-top: 15px;
  padding-bottom: 15px;

}

a{
  color: #b69644!important;
}

.btn-primary {
  color: #fff!important;
  background-color: #000000;
  border-color: #d9d9d9;
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff!important;
  background-color: #000000;
  border-color: #cccccc;
  box-shadow: none;
}

#solmenu a {
  color:#fff!important;
}