html {
  font-size: 14px;
}

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

}
.gerekli {
    background-color: #FEFFD2;
    
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.btn-delete {
    color: white;
    background-color: mediumvioletred;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}
.btn-delete2 {
    color: white;
    background-color: mediumvioletred;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
    width: 7rem;
    height: 2.1rem;
}
.btn-edit {
    color: white;
    background-color: orange;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}
.btn-add {
    color: white;
    background-color: darkturquoise;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
    width: 7rem;
    height: 2.1rem;
    padding:0.3rem;
}
.btn-add-sm {
    color: white;
    background-color: darkturquoise;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}
.btn-show-sm {
    color: brown;
    background-color: cyan;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
    height: 2rem;
    width:2rem;
}
.btn-active-sm {
    color: darkblue;
    background-color: lightblue;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
    height: 2rem;
    width:2rem;
}
.btn-unactive-sm {
    color: lightblue;
    background-color: darkblue;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
    height: 2rem;
    width: 2rem;
}
.btn-save {
    color: white;
    background-color: #00712D;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
    width: 7rem;
    height: 2.1rem;
}
.btn-cancel {
    color: white;
    background-color: #FF9100;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
    width: 7rem;
    height: 2.1rem;
}
.btn-submit {
    color: blue;
    background-color: aquamarine;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}
.btn-add-demo {
    color: lavenderblush;
    background-color: cadetblue;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}
.btn-add-mz {
    color: brown;
    background-color: antiquewhite;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}
.btn-add-satis {
    color: blueviolet;
    background-color: cyan;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}
html {
  position: relative;
  min-height: 100%;
}
.icon-menu {
    width:1.5rem;
    border-radius:40%;
}

.icon-logo {
    width:2.2rem;
    border-radius:50%;
}
.dropdown-menu {
    border: none;
}
.nav-item > ul > li > a {
    text-shadow:1px 1px 2px lightblue, 0 0 0.5rem green, 0 0 0.5rem pink;
}

li > a > span {
    text-shadow: 1px 1px 2px pink, 0 0 0.5rem lightblue, 0 0 0.2rem green;
}

body {
  margin-bottom: 60px;
}

.user-image-container {
    position: fixed;
    top: 0px;
    right: 10px;
}

.user-image {
    width: 2.7rem; /* İstediğiniz boyutu ayarlayabilirsiniz */
    height: 2.7rem;
    border-radius: 50%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.btn-shadow {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5) !important;
}