/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg {
  width: 38px;
  height: 20px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
}



/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}
/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}


.layout-navbar-fixed .layout-page:not(.window-scrolled) .layout-navbar.navbar-detached {
   background: #ff3030  !important;
  margin-top:10px;
  border-radius: 10px;
  color: #fff !important;
}

.bg-navbar-theme .navbar-nav > .nav-link,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
  color: #fff !important;
}

.bg-navbar-theme .navbar-nav > .nav-link:hover,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:hover {
  color: #ff3030  !important;
}


.layout-navbar .input-group input,
.layout-navbar .input-group .input-group-text {
  background: #3b0606 !important;
  border:none !important;
  color: #fff !important;
  border-radius: 4px !important;
  margin-right: 3px !important;
}

.authentication-basic h4,
.authentication-basic p {
  text-align: center;
}

.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  background-color: #ff3030 !important;
}

.before-body {
  border-radius: 10px 10px 0px 0px;
  background: #0f0c1f;
  color: #fff !important;
}

.before-body input {
  background: none !important;
  border:1px solid #fff;
}

.before-body .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.before-body .form-floating > .form-control:focus ~ label::after{
  background-color: #0f0c1f !important;
}

.redmodal .modal-content .modal-header {
  background: #ff3030  !important;
  color: #fff;
  padding: 10px 20px;
}

.redmodal .modal-content .modal-header .modal-title {
  color: #fff;
}

.redmodal .modal-header .btn-close {
  border-radius: 50% !important;
  opacity: 1 !important;
  background:#fff var(--bs-btn-close-bg) center/0.65rem auto no-repeat;
}

.btn {
  box-shadow: none !important;
  border-radius: 4px !important;
}

.employes-image img {
  width: 100%;
  border-radius: 5px !important;
}

.btn-block {
  width: 100%;
}

.dataTables_wrapper > .row {
   margin:5px 15px !important;
}

.datatables-basic .btn {
  color: #fff !important;
}

.btn .fas,
.btn .fa {
  font-size: 18px !important;
}

.layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar, .layout-horizontal .bg-navbar-theme.layout-navbar {
  background: #ff3030  !important;
}

.ballon-user {
  background: #ebf3ff;
  padding: 15px;
  margin-top: 15px;
  border-radius: 10px;
  color: #000;
}
.ballon-user h5 {
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
  color: #000;
}
.ballon-user h5 span {
  font-size: 13px;
}
.ballon {
  margin-top: 15px;
  background: #fff2de;
  padding: 15px;
  color: #000;
  border-radius: 10px;
}

.ballon h5 {
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
  color: #000;
}
.ballon h5 span {
  font-size: 13px;
}

.inline-well {



}
.inline-well .well-header .well-title {
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
.inline-well .well-header {
  margin:0px 0px 10px 0px;
}
.inline-well .well-body {
  border-radius: 6px;
  padding: 15px;
  position: relative;
  border: 1px solid #262626;
}

.light-style .inline-well .well-body {
  border: 1px solid #e5e5e5;
}

.dark-style .inline-well .well-body label {
  color: #fff !important;
}

.inline-well .well-body label:hover {
  color: #000;
}
.inline-well  .well-info {
  color: #ae304b;
  font-size: 11px;
  width: 100%;
  display: block;
}

.duyurular-dash  {
  padding: 0px;
  margin:0px
}
.duyurular-dash li {
  list-style: none;
}
.duyurular-dash li a {
    color: #000;
  width: 100%;
  display: block;
  padding: 5px;
  cursor: pointer;
  background: #fafafa;
  font-size: 13px;
  border-radius: 3px;
  margin-bottom: 4px;
  font-weight: 500;
}

.duyurular-dash li a:hover {
  background: #ededed;
}

.card-body .nav-item a {
  font-size: 13px;
  text-transform: none;
  padding: 5px 10px;
}

.package-list {
  width: 100%;
  display: block;
  float: left;
  border:1px solid #ededed;
  border-radius: 6px;
  text-align: center;
}

.package-list .package-title {
  font-weight: bold;
  font-size: 15px;
  padding: 7px;
}

.package-list .attr-item {
  padding: 7px;
  border-top: 1px solid #ededed;
  font-size: 12px;
}

.package-list .pricing {
  background: #ededed;
  color: #000;
  padding: 7px;
}

.package-list .buttons {
  width: 100%;
  padding: 10px 7px;
  display: block;
  float: left;
  border: 1px solid #ededed;
}

.btn-primary, .btn-danger {
  color: #fff !important;
}

.icobtn {
  border:2px solid #aeaeae;
  padding: 20px;
  border-radius: 5px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
  text-align: center;
  float: left;
  width: 100%;
}
.icobtn:hover {
  border-color: #4e7cda;
  color: #4e7cda;
}
.icobtn .mdi::before {
  font-size: 40px;
}

.icobtn:hover .mdi::before {
  font-size: 40px;
  color: #4e7cda;
}

.icobtn:hover span {
  color: #4e7cda;
}
.icobtn span {
  width: 100%;
  display: block;
}

.red-body-head {
  background: #554646 !important;
  color: #fff;
  border-radius: var(--bs-card-border-radius) var(--bs-card-border-radius) 0px 0px;
}

.red-body-head .card-title {
  color: #fff;
  padding: 0px;
  margin:0px;
}

.licenceinfos {
  font-size:15px;

  color: #000;
}

.licenceinfos b {
  font-weight: 500;
  margin-bottom: 5px;
  width: 100%;
  float: left;
  display: block;
}

.licenceinfos b span {
  color: #ff3030  !important;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  color: #fff !important;
}

.nav.nav-pills:not(.nav-align-right):not(.nav-align-left) {
  flex-wrap: wrap;
  padding: 0px 1.375rem;
}

.whatsapp-fixed {
  position: fixed;
  top: 91px;
  right: 24px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  width: 50px;
  color: #fff;
  background: #177508;
}
.whatsapp-fixed:hover {
  background: #113604;
  color: #fff;
}
.whatsapp-fixed .mdi:before, .mdi-set {
  font-size: 30px;
}

.card-filter-panel {
  margin:10px;
  padding: 15px;
  border-radius: 7px;
}

.card-filter-panel label {
  font-weight: 500;
  margin-bottom: 5px;
  color: #000;
}

.table-puantaj .text-vertical {
  transform-origin: center;
  transform: rotate(-90deg);
  display: flex;
  line-height: 1;
  white-space: nowrap;
  justify-content: center;
  width: 22px;
  margin: auto;
}

.table-puantaj th {
  text-transform: none !important;
  text-align: center;
}

.nodata {
  width: 100%;
  padding: 20px 0px 0px 0px;
  display: block;
  text-align: center;
  font-family: Roboto, sans-serif;
  color: #d03939;
  font-weight: 500;
}

.static-card h5 {
   font-size: 14px;
  font-weight: 500;
  margin:0px;
  padding: 0px;
}

.static-card .mdi:before {
  color: #d03939;
}

.static-card .headinfo {
  font-size: 12px;
  margin-left: 3px;
}

.static-card .static-card-foot a,
.static-card .static-card-foot {
  text-align: right;
  color: #d03939 !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
}

.static-card .static-card-content {
   padding: 20px 0px;
  width: 100%;
  display: block;
  float: left;
}

.static-card .user {
  background-color: #ededed;
  border-radius: 3px;
  width: 100%;
  display: block;
  float: left;
  padding: 3px;
  margin:1px;
  font-size: 12px;
  color: #000;
}

h6, .h6 {
  font-size: 0.8175rem;
}

.or {
  display: block;
  width: 100%;
  text-align: center;
  padding:10px 0px;
}


.video-container {
  position: relative;
  transition: all 1s;
  visibility: hidden;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.faceIDActive {
  display: none;
  transition: all 1s;
}

.faceIDShow {
  display: block;
  visibility: visible;
  transition: all 1s;
}

.welcome-panel {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  color: #000;
  padding: 15px;
  text-align: center;
  border:1px solid #ededed;
}

.welcome-panel h5 {
  color: #000;
}