body {
  background: #fafafa;
  color: #262626;
  font-size: 0.9rem;
}

.nav-link.active, .nav-link:hover {
  background-color: #000000;
}

a {
  cursor: pointer;
}

.bg-dark {
  background-color: #000;
}

button,
input[type='submit'] {
  cursor: pointer;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-16-important {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px;
}
.Kirmizi {
  color: red !important;
}
.Turuncu {
  color: orange !important;
}
.AcikYesil {
  color: lime !important;
}
.Yesil {
  color: green !important;
}
.Beyaz,
.White {
  color: white !important;
}
.Siyah {
  color: black !important;
}
.BG-Beyaz,
.BG-White,
.bg-white {
  background-color: white !important;
}
.cursor-alias {
  cursor: alias;
}
.cursor-all-scroll {
  cursor: all-scroll;
}
.cursor-auto {
  cursor: auto;
}
.cursor-cell {
  cursor: cell;
}
.cursor-context-menu {
  cursor: context-menu;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-copy {
  cursor: copy;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-default {
  cursor: default;
}
.cursor-e-resize {
  cursor: e-resize;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}
.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.cursor-help {
  cursor: help;
}
.cursor-move {
  cursor: move;
}
.cursor-n-resize {
  cursor: n-resize;
}
.cursor-ne-resize {
  cursor: ne-resize;
}
.cursor-nesw-resize {
  cursor: nesw-resize;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-nw-resize {
  cursor: nw-resize;
}
.cursor-nwse-resize {
  cursor: nwse-resize;
}
.cursor-no-drop {
  cursor: no-drop;
}
.cursor-none {
  cursor: none;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-progress {
  cursor: progress;
}
.cursor-row-resize {
  cursor: row-resize;
}
.cursor-s-resize {
  cursor: s-resize;
}
.cursor-se-resize {
  cursor: se-resize;
}
.cursor-sw-resize {
  cursor: sw-resize;
}
.cursor-text {
  cursor: text;
}
.cursor-w-resize {
  cursor: w-resize;
}
.cursor-wait {
  cursor: wait;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.cursor-zoom-out {
  cursor: zoom-out;
}
.text-bold,
.Kalin,
.Bold {
  font-weight: bold;
}
.UrunAdih2 {
  font-size: 24px;
}
.AltiCizili {
  text-decoration: underline;
}
.text-decoration-line-through,
.UstuCizili {
  text-decoration: line-through !important;
}
.CursorPointer,
.icon-pointer {
  cursor: pointer;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-red {
  border: solid 1px red;
}
.border-secondary {
  border-color: #6c757d !important;
}
.bg-warning-border {
  border: solid 1px #eac92e;
}
.bg-success-border {
  border: solid 1px #1ba63c;
}
.border-left-radius {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.border-right-radius {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.border-radius-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.bg-transparent {
  background: transparent !important;
}
.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.HideRows,
#KotaSinirlamasiAlani,
.Gizle,
.display-none,
.DisplayNone {
  display: none !important;
}
.display-block,
.DisplayBlock {
  display: block !important;
}
.position-relative,
.relative-item {
  position: relative;
}
.position-absolute,
.absolute-item {
  position: absolute;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.width-100-percent {
  width: 100%;
}
.width-50-percent {
  width: 50%;
}
.width-100-percent-important {
  width: 100% !important;
}
.max-height-96vh {
  max-height: 96vh;
}
.height-32 {
  height: 32px;
}
.height-37 {
  height: 37px;
}
.height-100,
.h-100 {
  height: 100px;
}
.height-150 {
  height: 150px;
}
.height-200 {
  height: 200px;
}
.height-300 {
  height: 300px;
}
.height-350 {
  height: 350px;
}
.height-400 {
  height: 400px;
}
.height-450 {
  height: 450px;
}
.height-500 {
  height: 500px;
}
.height-600 {
  height: 600px;
}
.height-640 {
  height: 640px;
}
.height-700 {
  height: 700px;
}
.min-height-10 {
  min-height: 10px;
}
.min-height-100 {
  min-height: 100px;
}
.min-height-200 {
  min-height: 200px;
}
.min-height-300 {
  min-height: 300px;
}
.min-height-320 {
  min-height: 320px;
}
.min-height-340 {
  min-height: 340px;
}
.min-height-410 {
  min-height: 410px;
}
.min-height-360 {
  min-height: 360px;
}
.min-height-380 {
  min-height: 380px;
}
.min-height-390 {
  min-height: 390px;
}
.width-20 {
  width: 20px !important;
}
.width-30 {
  width: 30px !important;
}
.width-35 {
  width: 35px !important;
}
.width-40 {
  width: 40px !important;
}
.width-90 {
  width: 90px !important;
}
.width-100 {
  width: 100px !important;
}
.width-110 {
  width: 110px !important;
}
.width-120 {
  width: 120px !important;
}
.width-300 {
  width: 300px !important;
}
.height-340 {
  height: 340px;
}
.width-290 {
  width: 290px !important;
}
.width-285 {
  width: 285px !important;
}
.width-385 {
  width: 385px !important;
}
.width-270 {
  width: 270px !important;
}
.width-370 {
  width: 370px !important;
}
.width-310 {
  width: 310px !important;
}
.width-305 {
  width: 305px !important;
}
.width-400 {
  width: 400px !important;
}
.width-500 {
  width: 500px !important;
}
.width-550 {
  width: 550px !important;
}
.top0,
.top-0 {
  top: 0px;
}
.top1,
.top-1 {
  top: 1px;
}
.top2,
.top-2 {
  top: 2px;
}
.top3,
.top-3 {
  top: 3px;
}
.top4,
.top-4 {
  top: 4px;
}
.top5,
.top-5 {
  top: 5px;
}
.top6,
.top-6 {
  top: 6px;
}
.top10 {
  top: 10px;
}
.top20 {
  top: 20px;
}
.top40 {
  top: 40px;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 1px;
}
.right-2 {
  right: 2px;
}
.right-3 {
  right: 3px;
}
.right-4 {
  right: 4px;
}
.right-5 {
  right: 5px;
}
.right-10 {
  right: 10px;
}
.right-20 {
  right: 20px;
}
.right-40 {
  right: 40px;
}
.right-225 {
  right: 225px;
}
.margin-0 {
  margin: 0px !important;
}
.margin-5 {
  margin: 5px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-30 {
  margin: 30px !important;
}
.padding-0 {
  padding: 0px !important;
}
.padding-2 {
  padding: 2px !important;
}
.padding-3 {
  padding: 3px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-left-55 {
  padding-left: 55px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-1-5 {
  padding: 1px 5px !important;
}
.padding-2-0 {
  padding: 2px 0 !important;
}
.padding-0-10 {
  padding: 0px 10px !important;
}
.padding-0-15 {
  padding: 0px 15px !important;
}
.padding-10-0 {
  padding: 10px 0px !important;
}
.padding-10-20 {
  padding: 10px 20px !important;
}
.padding-5-10 {
  padding: 5px 10px !important;
}
.padding-5-20 {
  padding: 5px 20px !important;
}
.padding-6-20 {
  padding: 6px 20px !important;
}
.padding-5-30 {
  padding: 5px 30px !important;
}
.padding-5-40 {
  padding: 5px 40px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-top-4 {
  margin-top: 4px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-n-4 {
  margin-top: -4px !important;
}
.margin-top-n-5 {
  margin-top: -5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-15-0 {
  margin: 15px 0px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-60 {
  margin-top: 60px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-3 {
  margin-bottom: 3px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-left-0 {
  margin-left: 0px !important;
}
.margin-left-3 {
  margin-left: 3px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-right-0 {
  margin-right: 0px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-3 {
  margin-right: 3px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-10-0 {
  margin: 10px 0 !important;
}
.padding-11-35 {
  padding: 11px 35px !important;
}
.margin-left-negative-15 {
  margin-left: -15px !important;
}
.margin-right-negative-15 {
  margin-right: -15px !important;
}
.margin-top-n30 {
  margin-top: -30px;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center,
.text-align-center {
  text-align: center !important;
}
.float-left,
.pull-left {
  float: left;
}
.float-right,
.pull-right {
  float: right;
}
.float-left-important,
.pull-left-important {
  float: left !important;
}
.float-right-important,
.pull-right-important {
  float: right !important;
}
.border-bottom {
  border-bottom: solid 1px #ddd;
}
.border-none {
  border: none;
}
.z-index-100 {
  z-index: 100;
}
.KayitEdiliyorBG {
  opacity: 0.6;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 10001;
  height: 200%;
  display: none;
}
.ShowBGPopup {
  opacity: 0.6;
  background: rgb(0, 0, 0);
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 10001;
  display: none;
}
.XButton {
  position: absolute;
  top: 0px;
  right: 7px;
  z-index: 9;
  background: transparent;
  border: none;
  font-size: 20px;
  color: #666;
  cursor: pointer;
}
/*#ContainerBox{
	width: 100% !important;
    height: 100% !important;
    display: none;
    overflow-x: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 5px;
    bottom: 5px;
    background-color: #FFF;
}*/
#ContainerBox {
  width: 99vw !important;
  height: 96vh !important;
  display: none;
  overflow-x: hidden;
  background-color: #fff;
}
#ContainerBoxIcerik {
  position: relative;
  padding-top: 10px;
}
#FastCreateBox,
#DestekCreateBox {
  display: none;
}
#FastCreateBoxIcerik,
#DestekCreateBoxIcerik {
  position: relative;
  padding-top: 20px;
}
#WizardBoxIcerik {
  position: relative;
  padding-top: 40px;
}
#MiniCreateBox,
#SubCreateBox {
  width: 400px !important;
  height: auto !important;
  display: none;
  overflow: hidden;
}
#MiniCreateBoxIcerik,
#SubCreateBoxIcerik {
  position: relative;
  padding-top: 40px;
}
#MiniCreateBoxIcerik .panel-default,
#SubCreateBoxIcerik .panel-default {
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
#MiniCreateBoxIcerik .panel-heading,
#SubCreateBoxIcerik .panel-heading {
  border-color: #fff;
  background-color: #fff;
}
#MiniCreateBoxIcerik .col-sm-2,
#SubCreateBoxIcerik .col-sm-2 {
  width: 33%;
}
#MiniCreateBoxIcerik .col-sm-10,
#SubCreateBoxIcerik .col-sm-10 {
  width: 67%;
}
#MiniCreateBoxIcerik .col-sm-offset-2,
#SubCreateBoxIcerik .col-sm-offset-2 {
  margin-left: 33%;
}
#MiniCreateBoxIcerik .col-sm-10 .form-control,
#SubCreateBoxIcerik .col-sm-10 .form-control {
  width: calc(100% - 15px);
}
#MiniCreateBoxIcerik .panel-body,
#SubCreateBoxIcerik .panel-body {
  padding: 0;
}
#Loading,
.Loading {
  display: block;
  position: absolute;
  /*left: calc(50% - 40%);*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  /*height: 100%;*/
  z-index: 9;
  opacity: 0.4;
}
.icon-embed-btn {
  margin-right: 10px;
}
.ui-front {
  z-index: 10002;
}
#FastCreateBoxIcerik .panel-default {
  border: none;
  box-shadow: none;
}
@media (max-width: 767px) {
  #FastCreateBox,
  #DestekCreateBox {
    width: 90% !important;
  }
  #WizardBox {
    width: 90% !important;
    height: 500px !important;
    display: none;
  }
  .HeaderNotification {
    width: 90%;
  }
}
@media (min-width: 768px) {
  #FastCreateBox,
  #DestekCreateBox {
    width: 700px !important;
  }
}
@media (min-width: 992px) {
  #FastCreateBox,
  #DestekCreateBox {
    width: 850px !important;
  }
  #WizardBox {
    width: 600px !important;
    height: 500px !important;
    display: none;
  }
}
.SpanLink,
.span-link {
  font-weight: bold;
}
.SpanLink:hover,
.span-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
#SaveForm,
#SaveForm2,
.SaveForm,
.SaveForm2,
.SaveForm3 {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
#SaveForm #save,
#SaveForm2 #save,
.SaveForm #save,
.SaveForm2 #save,
.SaveForm3 #save {
  float: right;
}
#SaveForm .panel-default > .panel-heading,
#SaveForm .panel-default > .panel-footer,
#SaveForm .panel-default,
#SaveForm2 .panel-default > .panel-heading,
#SaveForm2 .panel-default > .panel-footer,
#SaveForm2 .panel-default,
.SaveForm .panel-default > .panel-heading,
.SaveForm .panel-default > .panel-footer,
.SaveForm .panel-default,
.SaveForm2 .panel-default > .panel-heading,
.SaveForm2 .panel-default > .panel-footer,
.SaveForm2 .panel-default,
.SaveForm3 .panel-default > .panel-heading,
.SaveForm3 .panel-default > .panel-footer,
.SaveForm3 .panel-default {
  border-color: #fff;
  background-color: #fff;
}
.ShowHideBtn {
  float: left;
  width: 150px;
  border: none;
  padding: 10px 0;
  font-weight: bold;
  background-color: #fff;
  text-align: center;
  border: solid 1px #ccc;
  cursor: pointer;
}
.header-nav {
  display: block;
  height: 50px;
  left: 0;
  max-width: 99999px;
  min-width: 1024px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.avt-header-nav {
  height: 50px;
  padding: 10px 15px 10px 30px;
  position: relative;
  z-index: 9999;
  background-color: #434343 !important;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 18px;
  line-height: 20px;
}
#main {
  bottom: -70px;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 50px;
}
.navbar-header {
  width: 230px;
}
.app-aside {
  float: left;
  height: 100%;
  left: 0;
  position: absolute;
  width: 250px;
  z-index: 9998;
}
.app-aside:before {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: inherit;
  box-shadow: 0 0px 2px rgb(0 0 0 / 16%), 0 2px 3px rgb(0 0 0 / 16%),
    0 1px 3px rgb(0 0 0 / 16%);
  background-color: #fff;
  border: inherit;
  content: '';
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navi ul.nav li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}
.navi ul.nav li a {
  position: relative;
  display: block;
  padding: 5px 20px;
  font-weight: normal;
  text-transform: none;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;
  float: left;
  width: 100%;
  color: #444;
}
.navi ul.nav li a > i {
  position: relative;
  float: left;
  width: 40px;
  margin: -10px -10px;
  margin-right: 5px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
}
.main-content {
  left: 250px;
  bottom: 0;
  overflow: auto;
  padding: 20px 20px 90px 20px;
  position: absolute;
  right: 0;
  top: 0;
}
a.nav-link {
  color: black;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #dc3545;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fafbfc;
}
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 15px;
  vertical-align: middle;
}
.wrapper {
  padding: 15px;
}
body#LoginBody {
  margin: 0;
  font-family: 'PT Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #525f7f;
  text-align: left;
  background-color: #6c22cb;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
#LoginIndex {
  width: 320px;
  margin: 100px auto;
}
#LoginIndexContent {
  width: 100%;
  float: left;
}
#LoginBox,
#RegisterBox,
#SifreSifirlaBox {
  float: left;
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
}
#LoginBox.Active,
#RegisterBox.Active,
#SifreSifirlaBox.Active {
  display: block;
}
.ZatenUyeyimBtn,
.UyeDegilimBtn,
.SifremiUnuttumBtn {
  cursor: pointer;
  color: #6c22cb;
  font-weight: bold;
}
.LoginBoxRows {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.LoginBoxRows h2 {
  margin: 0;
  padding: 0;
  color: #6c22cb;
  font-size: 22px;
  font-weight: bold;
}
.LoginInput {
  float: left;
  width: calc(100% - 20px);
  border: solid 1px #ccc;
  padding: 10px;
  font-weight: bold;
  color: #444;
}
.LoginBoxRows .LisansInput {
  width: 56px;
  padding: 8px 0;
  text-align: center;
  font-weight: bold;
}
.SubmitButton {
  float: left;
  width: 100%;
  border: none;
  background-color: #6c22cb;
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
}
.OnOfIcon {
  float: left;
  background-color: gray;
  border: solid 1px #666;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 20px;
}
.TitleOnOfIcon {
  margin-top: 7px;
}
.offline {
  background-color: #f00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px,
    rgba(255, 0, 0, 0.5) 0 2px 12px;
  -webkit-animation: blinkRed 0.5s infinite;
  -moz-animation: blinkRed 0.5s infinite;
  -ms-animation: blinkRed 0.5s infinite;
  -o-animation: blinkRed 0.5s infinite;
  animation: blinkRed 0.5s infinite;
}
.online {
  background-color: #69fd0c;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #36ff03 0 -1px 9px,
    #04ff00 0 2px 12px;
  -webkit-animation: blinkYellow 1s infinite;
  -moz-animation: blinkYellow 1s infinite;
  -ms-animation: blinkYellow 1s infinite;
  -o-animation: blinkYellow 1s infinite;
  animation: blinkYellow 1s infinite;
}
@-webkit-keyframes blinkRed {
  from {
    background-color: #f00;
  }
  50% {
    background-color: #a00;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px,
      rgba(255, 0, 0, 0.5) 0 2px 0;
  }
  to {
    background-color: #f00;
  }
}

@-webkit-keyframes blinkYellow {
  from {
    background-color: #ff0;
  }
  50% {
    background-color: #6f6f6f;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 7px 1px, inset #108002 1 -1px 9px,
      #ff0 0 2px 0;
  }
  to {
    background-color: #ff0;
  }
}
#CihazAra {
  background-image: url('BG/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 8px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 13px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  background-size: 16px;
}
.btn-outline-primary {
  color: #6c22cb;
  background-color: transparent;
  background-image: none;
  border-color: #6c22cb;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #6c22cb;
  border-color: #6c22cb;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #6c22cb;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #6c22cb;
  border-color: #6c22cb;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
#TitleContainer {
  font-size: 0.8rem;
  padding: 10px;
  box-shadow: 0 0px 3px rgb(0 0 0 / 16%), 0 0px 3px rgb(0 0 0 / 16%),
    0 0px 0px rgb(0 0 0 / 16%);
}
#ContentContainer {
  font-size: 0.8rem;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0 0px 3px rgb(0 0 0 / 16%), 0 0px 3px rgb(0 0 0 / 16%),
    0 0px 0px rgb(0 0 0 / 16%);
}
.table-hover tbody tr.active {
  background-color: rgba(0, 0, 0, 0.075);
}
.myProfileFigure {
  float: left;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #05a39f;
  padding: 5px 6px;
}
.panel-default > .panel-heading,
.panel-default > .panel-footer {
  border-color: transparent;
  background-color: transparent;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-body {
  padding: 0 15px 15px 15px;
}
.line {
  width: 100%;
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  font-size: 0;
}
.line-lg {
  margin-top: 15px;
  margin-bottom: 15px;
}
.line-dashed {
  background-color: transparent;
  border-style: dashed !important;
  border-width: 0;
}
.b-b {
  border-bottom: 1px solid #dee5e7;
}
.bd-placeholder-img {
  font-size: 0.9rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: bold;
}
.badge-teal {
  color: #fff;
  background-color: #20c997;
}
.badge-cyan {
  color: #fff;
  background-color: #0dcaf0;
}
.badge-purple {
  color: #fff;
  background-color: #6f42c1;
}
.badge-crimson {
  color: #fff;
  background-color: #dc143c;
}
.badge-pink-400 {
  color: #000;
  background-color: #de5c9d;
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 250px;
  height: 250px;
  border: 4px #ddd solid;
  border-top: 4px #dc3545 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide {
  display: none;
}
.customBox {
  width: 20px;
  height: 20px;
  background-color: #000;
  float: left;
  margin-right: 5px;
}
.destekEditHover,
.destekRemoveHover {
  display: none;
}
.destekIcerikleri:hover .destekEditHover,
.destekIcerikleri:hover .destekRemoveHover {
  display: inherit;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}