body {
   padding: 8px;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 14px;
   background-color: rgb(242, 242, 236);
}

@media screen and (max-width: 1024px) {
   body {
      font-size: 12px;
   }
}

@media screen and (max-width: 600px) {
   body {
      font-size: 3vw;
   }
}

@media screen and (min-width: 1025px) {
   body {
      font-size: 14px;
   }
}

table td {
   padding: 0 0 0 3px;
   border-bottom: 1px solid rgb(194, 194, 194);
   border-top: 1px solid rgb(194, 194, 194);
}

.button.tiny.fi-minus,
.button.tiny.fi-pencil {
   margin-top: 8px;
}

.dipnot {
   font-size: 12px;
   color: #999;
}

thead th {
   text-align: center;
}

.button,
.input-group .button {
   border-radius: 25px;
   text-shadow: 0px -0.5px 0.5px #888;
   box-shadow: 0.5px 0.5px 3px #666;
}

.font-size-10 {
   font-size: 10px;
}

.font-size-12 {
   font-size: 12px;
}

.m-error {
   display: none;
   text-align: center;
   background-color: red;
   color: white;
   font-weight: bold;
}

.m-margin-top-8 {
   margin-top: 8px;
}

.m-margin-top-16 {
   margin-top: 16px;
}

.m-margin-top-32 {
   margin-top: 32px;
}

.m-margin-top-64 {
   margin-top: 64px;
}

.m-margin-bottom-8 {
   margin-bottom: 8px;
}

.m-margin-bottom-16 {
   margin-bottom: 16px;
}

.m-margin-bottom-32 {
   margin-bottom: 16px;
}

.top-bar a:hover {
   background-color: yellow
}

.top-bar {
   margin: 0;
   padding: 0;
}

a.filtrelenen:hover {
   background-color: rgb(37, 70, 143);
   color: white;
   border: 1px solid white !important;
}

/* #performans */
.num {
   text-align: right !important;
}

#performans .num.footer {
   background-color: red !important;
   color: white !important;
   font-size: 16px !important;
   font-weight: 800 !important;
   border: 1px solid white !important;
}

#performans .num.footer::after {
   font-size: 12px !important;
   content: "%";
   margin-left: 2px;
   margin-right: 2px;
}

#performans .admin {
   background-color: rgb(237, 248, 173) !important;
}

#performans .txt {
   text-align: left !important;
}

#gorusler {
   border-collapse: separate;
   border-spacing: 0 2px;
}

#gorusler .num {
   background-color: rgb(241, 147, 58) !important;
   color: black !important;
   font-size: 12px !important;
   text-align: center !important;
   width: 32px !important;
}