@import "out/notification.css";
@import "out/media.css";
@import "imports.css";

* {
    padding: 0;
    margin: 0;
    outline: none;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Martel Sans', sans-serif !important;
    overflow-x: hidden;
}
.hidden{
    display: none;
}
a {
    text-decoration: none !important;
}
h4.step-title, h4.step-title-active {
    margin: 0;
}

:root {
    --kirmizi: #d04953;
    --kirmizi-hover: #b33636;
    --kirmizi-border: #de5252;
    --kirmizi-shadow: #fd8686;

    --turuncu: #f26c4f;
    --turuncu-hover: #d7573b;
    --turuncu-border: #de6b52;
    --turuncu-shadow: #fd9b86;
    --gri: #b3b3b3;
    --gri-border: #cccccc;
    --gri-hover: #e2e2e2;
    --gri-shadow: #e4e4e4;
    --mavi: #88d8f7;
    --mavi-border: #84c7ec;
    --mavi-hover: #84c7ec;
    --mavi-shadow: #cad8e0;
    --beyaz: #ffffff;
    --beyaz-border: #84c7ec;
    --beyaz-hover:  #ff8f00;
    --beyaz-shadow: #cad8e0;
}
.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid var(--gri-border);
    border-radius: .25rem;
    background: transparent;
    color: #8c8c8c;
    border-radius: 4px;
    border-width: 1px;
    cursor: pointer;
}
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.btn:active,
.btn:focus,
.btn:hover {
    background: var(--gri-hover);
    border-color: var(--gri-border);
    color: #5d5d5d;
}
.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--gri-shadow);
}


.btn.btn-kirmizi {
    border: var(--kirmizi-border);
    background: var(--kirmizi);
    color: #fff;
}
.btn.btn-kirmizi:active,
.btn.btn-kirmizi:focus,
.btn.btn-kirmizi:hover {
    background:var(--kirmizi-hover);
    color: #fff;
}
.btn.btn-kirmizi:focus {
    box-shadow: 0 0 0 .2rem var(--kirmizi-shadow);
}

.btn.btn-turuncu {
    border: var(--turuncu-border);
    background: var(--turuncu);
    color: #fff;
}
.btn.btn-turuncu:active,
.btn.btn-turuncu:focus,
.btn.btn-turuncu:hover {
    background:var(--turuncu-hover);
    color: #fff;
}
.btn.btn-turuncu:focus {
    box-shadow: 0 0 0 .2rem var(--turuncu-shadow);
}


.btn.btn-mavi {
    border: var(--mavi-border);
    background: var(--mavi);
    color: #fff;

}
.btn.btn-mavi:active,
.btn.btn-mavi:focus,
.btn.btn-mavi:hover {
    background:var(--mavi-hover);
    color: #fff;
}
.btn.btn-mavi:focus {
    box-shadow: 0 0 0 .2rem var(--mavi-shadow);
}


.btn.btn-gri {
    border: var(--gri-border);
    background: var(--gri);
    color: #fff;

}
.btn.btn-gri:active,
.btn.btn-gri:focus,
.btn.btn-gri:hover {
    background:var(--gri-hover);
    color: #fff;
}
.btn.btn-gri:focus {
    box-shadow: 0 0 0 .2rem var(--gri-shadow);
}


.btn.btn-beyaz {
    border: var(--beyaz-border);
    background: var(--beyaz);
    color: var(--kirmizi);

}
.btn.btn-beyaz:active,
.btn.btn-beyaz:focus,
.btn.btn-beyaz:hover {
    background:var(--beyaz-hover);
    color: #fff;
}
.btn.btn-mavi:focus {
    box-shadow: 0 0 0 .2rem var(--beyaz-shadow);
}

.dropdown-menu {
    position: absolute;
    right: 0px;
    margin-top: 2px;
}
.dropdown-item.active,
.dropdown-item:active {
    color:var(--bs-dropdown-link-active-color);
    text-decoration:none;
    background-color:var(--kirmizi)
}
.modal-content {
    border: 1px dashed #dadada;
}
.modal-header {
    background: var(--kirmizi);
    color: #fff;
}
.modal-body {
    background: #f2f2f2;
    color: #5e5e5e;
}
.modal-body li {
    list-style: none;
}
.modal-body a {
    color: #484848;
}
.modal-footer {
    background: #eaeaea;
}
@media (min-width:576px) {
  .container,
  .container-sm {
    max-width:85%;
  }
}
@media (min-width:768px) {
  .container,
  .container-md,
  .container-sm {
    max-width:85%;
  }
}
@media (min-width:992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width:85%;
  }
}
@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width:85%;
  }
}
@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width:85%;
  }
}
@media (min-width:1800px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width:85%;
  }
}