@import url("../fontlar/Poppins.css");
@import url("../fontlar/Roboto.css");

html,
body {
  margin: 0;
  height: 100%!important;
  width: 100%!important;
  font-family: Poppins-Regular !important;
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.btn-app {
  width: 140px;
  height: 70px;
  font-family: Poppins-Regular !important;
  font-size: 14px;
}

.btn-app .badge {
  font-size: 15px !important;
  background-color: #000;
  color: #ffffff;
}

ul {
  list-style-type: none;
}

li {
  list-style-type: none;
}

.nav-link>.active {
  color: #000000 !important;
}

.navbar-nav {
  font-family: Poppins-Regular !important;
}

.copyright {
  font-family: Poppins-Regular !important;
  width: 100%;
  background: #110702;
  color: #ccc;
  font-size: 12px;
  opacity: 0.7;
}

.btn-show-pass {
  font-size: 20px !important;
  color: #666;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  padding-right: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 15;
}

.btn-show-pass:hover {
  color: #f00;
}

.btn-show-pass.active {
  color: #f00;
}

/**** default ****/
.bg-default {
  background-color: #1a1d20 !important;
  color: #c2c7d0 !important;
}

.bg-default:hover {
  color: #fff !important;
}

/**** TEMALAR ****/

/**** beyaz ****/
.bg-beyaz {
  background-color: #fff !important;
  color: #000 !important;
}

.bg-beyaz:hover {
  background-color: #fff !important;
}

.bg-beyaz .dropdown-item-title {
  color: #000 !important;
}

.bg-beyaz .media-body p {
  color: #000 !important;
}

.bg-beyaz ul li a {
  color: #000 !important;
}

.bg-beyaz .dropdown-footer {
  color: #000 !important;
}

.bg-beyaz .dropdown-item {
  color: #000 !important;
}

/**** sarı ****/
.bg-sari {
  background-color: #fff307 !important;
  color: #000 !important;
}

.bg-sari:hover {
  background-color: #fff307 !important;
}

.bg-sari .dropdown-item-title {
  color: #000 !important;
}

.bg-sari .media-body p {
  color: #000 !important;
}

.bg-sari ul li a {
  color: #000 !important;
}

.bg-sari .dropdown-footer {
  color: #000 !important;
}

.bg-sari .dropdown-item {
  color: #000 !important;
}

/**** acikmavi ****/
.bg-acikmavi {
  background-color: #15a2b6 !important;
  color: #fff !important;
}

.bg-acikmavi:hover {
  background-color: #15a2b6 !important;
}

.bg-acikmavi .dropdown-item-title {
  color: #000 !important;
}

.bg-acikmavi .media-body p {
  color: #000 !important;
}

.bg-acikmavi ul li a {
  color: #fff !important;
}

.bg-acikmavi .dropdown-footer {
  color: #000 !important;
}

.bg-acikmavi .dropdown-item {
  color: #000 !important;
}

/**** mavi ****/
.bg-mavi {
  background-color: #007bff !important;
  color: #fff !important;
}

.bg-mavi:hover {
  background-color: #007bff !important;
}

.bg-mavi .dropdown-item-title {
  color: #000 !important;
}

.bg-mavi .media-body p {
  color: #000 !important;
}

.bg-mavi ul li a {
  color: #fff !important;
}

.bg-mavi .dropdown-footer {
  color: #000 !important;
}

.bg-mavi .dropdown-item {
  color: #000 !important;
}

/**** pembe ****/
.bg-pembe {
  background-color: #f766ae !important;
  color: #fff !important;
}

.bg-pembe:hover {
  background-color: #f766ae !important;
}

.bg-pembe .dropdown-item-title {
  color: #000 !important;
}

.bg-pembe .media-body p {
  color: #000 !important;
}

.bg-pembe ul li a {
  color: #fff !important;
}

.bg-pembe .dropdown-footer {
  color: #000 !important;
}

.bg-pembe .dropdown-item {
  color: #000 !important;
}

/**** turuncu ****/
.bg-turuncu {
  background-color: #fd7e14 !important;
  color: #fff !important;
}

.bg-turuncu:hover {
  background-color: #fd7e14 !important;
}

.bg-turuncu .dropdown-item-title {
  color: #000 !important;
}

.bg-turuncu .media-body p {
  color: #000 !important;
}

.bg-turuncu ul li a {
  color: #fff !important;
}

.bg-turuncu .dropdown-footer {
  color: #000 !important;
}

.bg-turuncu .dropdown-item {
  color: #000 !important;
}

/**** kirmizi ****/
.bg-kirmizi {
  background-color: #ff0000 !important;
  color: #fff !important;
}

.bg-kirmizi:hover {
  background-color: #ff0000 !important;
}

.bg-kirmizi .dropdown-item-title {
  color: #000 !important;
}

.bg-kirmizi .media-body p {
  color: #000 !important;
}

.bg-kirmizi ul li a {
  color: #fff !important;
}

.bg-kirmizi .dropdown-footer {
  color: #000 !important;
}

.bg-kirmizi .dropdown-item {
  color: #000 !important;
}

/**** kremit ****/
.bg-kremit {
  background-color: #dc3545 !important;
  color: #fff !important;
}

.bg-kremit:hover {
  background-color: #dc3545 !important;
}

.bg-kremit .dropdown-item-title {
  color: #000 !important;
}

.bg-kremit .media-body p {
  color: #000 !important;
}

.bg-kremit ul li a {
  color: #fff !important;
}

.bg-kremit .dropdown-footer {
  color: #000 !important;
}

.bg-kremit .dropdown-item {
  color: #000 !important;
}

/**** yeşil ****/
.bg-yesil {
  background-color: #28a745 !important;
  color: #fff !important;
}

.bg-yesil:hover {
  background-color: #28a745 !important;
}

.bg-yesil .dropdown-item-title {
  color: #000 !important;
}

.bg-yesil .media-body p {
  color: #000 !important;
}

.bg-yesil ul li a {
  color: #fff !important;
}

.bg-yesil .dropdown-footer {
  color: #000 !important;
}

.bg-yesil .dropdown-item {
  color: #000 !important;
}

/**** kahverengi ****/
.bg-kahverengi {
  background-color: #833c0c !important;
  color: #fff !important;
}

.bg-kahverengi:hover {
  background-color: #833c0c !important;
}

.bg-kahverengi .dropdown-item-title {
  color: #000 !important;
}

.bg-kahverengi .media-body p {
  color: #000 !important;
}

.bg-kahverengi ul li a {
  color: #fff !important;
}

.bg-kahverengi .dropdown-footer {
  color: #000 !important;
}

.bg-kahverengi .dropdown-item {
  color: #000 !important;
}

/**** mor ****/
.bg-mor {
  background-color: #7600ad !important;
  color: #fff !important;
}

.bg-mor:hover {
  background-color: #7600ad !important;
}

.bg-mor .dropdown-item-title {
  color: #000 !important;
}

.bg-mor .media-body p {
  color: #000 !important;
}

.bg-mor ul li a {
  color: #fff !important;
}

.bg-mor .dropdown-footer {
  color: #000 !important;
}

.bg-mor .dropdown-item {
  color: #000 !important;
}

/**** gri ****/
.bg-gri {
  background-color: #6e757f !important;
  color: #fff !important;
}

.bg-gri:hover {
  background-color: #6e757f !important;
}

.bg-gri .dropdown-item-title {
  color: #000 !important;
}

.bg-gri .media-body p {
  color: #000 !important;
}

.bg-gri ul li a {
  color: #fff !important;
}

.bg-gri .dropdown-footer {
  color: #000 !important;
}

.bg-gri .dropdown-item {
  color: #000 !important;
}

/**** siyah ****/
.bg-siyah {
  background-color: #000000 !important;
  color: #fff !important;
}

.bg-siyah:hover {
  background-color: #000000 !important;
}

.bg-siyah .dropdown-item-title {
  color: #000 !important;
}

.bg-siyah .media-body p {
  color: #000 !important;
}

.bg-siyah ul li a {
  color: #fff !important;
}

.bg-siyah .dropdown-footer {
  color: #000 !important;
}

.bg-siyah .dropdown-item {
  color: #000 !important;
}

.editbtn {
  width: 100% !important;
  border-radius: 0;
  padding: 5px;
  color: #fff !important;
}

.logoutbtn {
  min-width: 100% !important;
  border-radius: 0;
  padding: 5px;
  color: #fff !important;
}

fieldset.scheduler-border {
  border: 0.1em dashed #c4c4c4 !important;
  padding: 0px 30px 30px 30px !important;
  margin: 0px 0px 30px 0px !important;
}

legend.scheduler-border {
  font-family: Poppins-Regular !important;
  color: #dd4b39;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-align: left !important;
  width: auto;
  padding: 0 15px;
  border-bottom: none;
  font-weight: 600;
}

@media only screen and (min-width: 230px) and (max-width: 780px) {
  fieldset.scheduler-border {
    border: 1px dashed #666 !important;
    padding: 0px 5px 10px 5px !important;
    margin: 0px 0px 20px 0px !important;
  }
}

.star_red {
  color: #f00;
}

.star_default {
  color: #999;
}

.labeltext {
  font-family: Poppins-Regular !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #000 !important;
}

.firmabtn {
  width: 20%;
  border-radius: 0px;
}

@media only screen and (min-width: 230px) and (max-width: 780px) {
  .firmabtn {
    width: 70%;
    border-radius: 0px;
  }
}

.pasificon {
  color: #999;
  font-size: 16px;
}

.edit_icon {
  color: red;
  font-size: 16px;
}

.edit_icon2 {
  color: blue;
  font-size: 16px;
}

.tooltip {
  position: absolute;
  margin: 0px 0px 0px 0px;
}

.tooltip>.arrow {
  left: 45% !important;
  transform: translateX(-45%);
  -webkit-transform: translateX(-45%);
  -moz-transform: translateX(-45%);
  -ms-transform: translateX(-45%);
  -o-transform: translateX(-45%);
}

a.islemler {
  color: #110702;
  overflow: hidden;
  outline: none;
}

a.islemler:hover {
  color: #ff0000;
  border-style: none;
  border: 0px;
}

a.islemler:active {
  border-style: none !important;
  border: 0px !important;
  outline: none;
}

.modal-baslik {
  font-family: Poppins-Regular !important;
}

.nav-header {
  font-size: 13px !important;
}

.nav-item p {
  font-size: 15px !important;

}

a.sosmed {
  padding: 0px !important;
  width: 35px;
  height: 35px;
  padding-top: 4px !important;
}