.h10 {
  height: 10px !important;
}
.h20 {
  height: 20px !important;
}
.h30 {
  height: 30px !important;
}
.h40 {
  height: 40px !important;
}
.h50 {
  height: 50px !important;
}
.h60 {
  height: 60px !important;
}
.h70 {
  height: 70px !important;
}
.h80 {
  height: 80px !important;
}
.h90 {
  height: 90px !important;
}
.h100 {
  height: 100px !important;
}
.h108 {
  height: 108px !important;
}
.h120 {
  height: 120px !important;
}
.h130 {
  height: 130px !important;
}
.h140 {
  height: 140px !important;
}
.h150 {
  height: 150px !important;
}
.h160 {
  height: 160px !important;
}
.h240 {
  height: 240px !important;
}
.h360 {
  height: 360px !important;
}
.h480 {
  height: 480px !important;
}

.w108 {
  width: 108px !important;
}
.w120 {
  width: 120px !important;
}
.w160 {
  width: 160px !important;
}
.w240 {
  width: 240px !important;
}
.w300 {
  width: 300px !important;
}
.w480 {
  width: 480px !important;
}
.w640 {
  width: 640px !important;
}

.wh65 {
  width: 65px !important;
  height: 65px !important;
}
.wh108 {
  width: 108px !important;
  height: 108px !important;
}
.wh120 {
  width: 120px !important;
  height: 120px !important;
}
.wh160 {
  width: 160px !important;
  height: 160px !important;
}

.wy5 {
  width: 5% !important;
}
.wy10 {
  width: 10% !important;
}
.wy15 {
  width: 15% !important;
}
.wy20 {
  width: 20% !important;
}
.wy25 {
  width: 25% !important;
}
.wy30 {
  width: 30% !important;
}
.wy35 {
  width: 35% !important;
}
.wy40 {
  width: 40% !important;
}
.wy45 {
  width: 45% !important;
}
.wy50 {
  width: 50% !important;
}
.wy55 {
  width: 55% !important;
}
.wy60 {
  width: 60% !important;
}
.wy65 {
  width: 65% !important;
}
.wy70 {
  width: 70% !important;
}
.wy75 {
  width: 75% !important;
}
.wy80 {
  width: 80% !important;
}
.wy85 {
  width: 85% !important;
}
.wy80 {
  width: 90% !important;
}
.wy95 {
  width: 95% !important;
}
.wy100 {
  width: 100% !important;
}

/* padding ayarları */
.p0 {
  padding: 0px !important;
}
.p5 {
  padding: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}

.ph0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.pv0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

/* margin ayarları */
.m0 {
  margin: 0px !important;
}
.m5 {
  margin: 5px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}

.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}

.mh0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mv0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

/* font size ayarları */
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs32 {
  font-size: 32px !important;
}
.fs36 {
  font-size: 36px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs48 {
  font-size: 48px !important;
}

/* genel ayarlar */
.b {
  font-weight: bold;
}
.b0 {
  border: 0px;
}
.b1 {
  border: 1px solid;
}

.b1_card{
  border: 1px solid;
  border-color: lightgray;
}

.box_shadow{
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.br3 {
  border-radius: 3px;
}
.br5 {
  border-radius: 5px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.dn {
  display: none;
}
.tdn {
  text-decoration: none !important;
}
.mcp {
  cursor: pointer !important;
}
.lh16 {
  line-height: 16px !important;
}
.lh20 {
  line-height: 20px !important;
}
.lh24 {
  line-height: 24px !important;
}
.fa-1_25 {
  font-size: 1.25em !important;
}
.fa-1_5 {
  font-size: 1.5em !important;
}
ul.non {
  list-style: outside none none;
}
.bold {
  font-weight: bold !important;
}

.bgBeyaz {
  background-color: white !important;
}

.imgAvatar16 {
  height: 16px !important;
  width: 16px !important;
}
.imgAvatar20 {
  height: 20px !important;
  width: 20px !important;
}
.imgAvatar24 {
  height: 24px !important;
  width: 24px !important;
}
.imgAvatar30 {
  height: 30px !important;
  width: 30px !important;
}
.imgAvatar36 {
  height: 36px !important;
  width: 36px !important;
}
.imgAvatar48 {
  height: 48px !important;
  width: 48px !important;
}
.imgAvatar100 {
  height: 100px !important;
  width: 100px !important;
}

.imgAvatar200 {
  height: 200px !important;
  width: 200px !important;
}

.AMouseOver {
  cursor: pointer !important;
}

.table > thead {
  vertical-align: top !important;
  background-color: #f3f2f7 !important;
}

.modalYuzde80 {
  width: 80% !important;
  --bs-modal-width: 80% !important;
}

.toast-info {
  background-color: #2f96b4 !important;
}
.toast-error {
  background-color: #bd362f !important;
}
.toast-success {
  background-color: #51a351 !important;
}
.toast-warning {
  background-color: #f89406 !important;
}
.toast-title {
  color: #ffffff !important;
}
.toast-message {
  color: #ffffff !important;
}

.v-card-item {
  background-color: #7367f0 !important;
}
.v-card-item .v-card-title {
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

.layout-content-width-boxed.layout-wrapper.layout-nav-type-vertical
  .layout-navbar,
.layout-content-width-boxed.layout-wrapper.layout-nav-type-vertical
  .layout-footer {
  max-inline-size: 100% !important;
}

.layout-content-width-boxed .layout-page-content {
  max-inline-size: 100% !important;
}

table thead {
  background-color: #f3f2f7 !important;
}

.table > thead {
  vertical-align: top !important;
  background-color: #f3f2f7 !important;
}

table thead th {
  background-color: #f3f2f7 !important;
  font-weight: bold !important;
}

.delete-swal {
  z-index: 3000 !important;
}

.layout-vertical-nav {
  z-index: auto !important;
}

.verticalNavZIndex {
  z-index: 498 !important;
}

.page-card {
  background-color: #ffffff !important;
  background-clip: padding-box;
  box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
}

hr {
  margin: 1rem 0;
  color: #dbdade;
  border: 0;
  border-top: 1px solid;
  opacity: 1;
}

.scrollable-dialog {
  overflow: visible !important;
}

.wrap-label {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
}

.fc_red {
    color: red !important;
}

.bold {
    font-weight: bold !important;
}

.fs18 {
    font-size: 18px !important;
}

.blog-title {
    min-height: 52px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.ustLink {
    color: white !important;
}

.ustLink:hover {
    color: white !important;
}

.uyeOlGiris {
  padding: 2px 10px !important;
  border-radius: 15px !important;
  background: #ffffff !important;  /* Normal durumda arka plan */
  color: black !important;         /* Normal durumda yazı rengi */
  border: none !important;         /* Kenarlığı sıfırla */
  outline: none !important;        /* Odak çizgisini kaldır */
  transition: all 0.3s ease-in-out !important;
}

.uyeOlGiris:hover {
  background: #a04ae5 !important;  /* Hover'da arka plan rengi */
  color: #ffffff !important;       /* Hover'da yazı rengi */
  border: none !important;         /* Kenarlığı sıfırla */
  outline: none !important;        /* Odak çizgisini kaldır */
}
