/*
body {
  height: 100vh;
}
.bootstrap-tagsinput .tag {
  color: #000 !important;
}
body:before {
  background: linear-gradient(
    140deg,
    rgba(238, 78, 76, 1) 0%,
    rgba(235, 68, 84, 1) 35%,
    rgba(255, 36, 92, 1) 100%
  );
}
.menu-desk {
  background: linear-gradient(
    140deg,
    rgba(238, 78, 76, 1) 0%,
    rgba(235, 68, 84, 1) 35%,
    rgba(255, 36, 92, 1) 100%
  ) !important;
  border: none;
  min-height: 110vh !important;
}
.menu-mobile {
  background: linear-gradient(
    140deg,
    rgba(238, 78, 76, 1) 0%,
    rgba(235, 68, 84, 1) 35%,
    rgba(255, 36, 92, 1) 100%
  );
}
.nav-link i {
  color: #f3b0b0;
}

.menu-w.color-style-bright,
.element-wrapper .element-header:after,
.nav-tabs .nav-link:after,
.nav-tabs .nav-item .nav-link:after,
.auth-box-w .auth-header:after {
  background: linear-gradient(
    140deg,
    rgba(238, 78, 76, 1) 0%,
    rgba(235, 68, 84, 1) 35%,
    rgba(255, 36, 92, 1) 100%
  );
}
.menu-w.color-style-bright {
  padding-bottom: 100px !important;
}
.menu-position-side.menu-w.menu-side-left .logo-w:first-child {
  border-radius: unset;
}
.menu-position-side.menu-w.color-scheme-dark .logo-w,
.top-bar.color-scheme-bright {
  background-color: #ffffff;
}
.menu-w ul.main-menu > li.sub-header,
.menu-w.color-scheme-dark.color-style-bright ul.main-menu .icon-w,
.menu-w.color-scheme-dark.sub-menu-style-inside .sub-menu-w ul.sub-menu li a {
  color: #ffffff;
}
.top-bar .logged-user-w .avatar-w {
  border: 1px solid #ec4851;
}
.menu-w .logged-user-menu,
.os-dropdown,
.top-bar .logged-user-w .logged-user-menu {
  background-color: #0a223c;
}
.page-link,
.page-link:hover,
.nav-link.active i,
a.el-tablo:hover .value,
.auth-box-w form .form-group .pre-icon {
  color: #ec4851;
}
.page-item.active .page-link {
  background: linear-gradient(
    140deg,
    rgba(238, 78, 76, 1) 0%,
    rgba(235, 68, 84, 1) 35%,
    rgba(255, 36, 92, 1) 100%
  );
  border-color: #ec4851;
}
.top-bar .logged-user-w .avatar-w img,
.logged-user-w .avatar-w img {
  width: 35px;
  height: 35px;
}
.menu-mobile.color-scheme-dark ul.main-menu .icon-w {
  color: #ffffff;
}
.round {
  line-height: 48px;
  color: #fff;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
}
.round.round-primary {
  background: #fb9678;
}
.round.round-warning {
  background: #fec107;
}
.round.round-success {
  background: #00c292;
}
.round.round-danger {
  background: #e46a76;
}
.round.round-danger {
  background: #e46a76;
}
.auth-box-w {
  margin: 40px auto;
}
.auth-wrapper .all-wrapper {
  padding: 40px;
}
.text-idplugger,
.text-idplugger:hover {
  color: #45494c;
}
@media (max-width: 1024px) {
  .menu-mobile {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .menu-mobile.color-scheme-dark ul.main-menu > li > a > span {
    color: rgb(255, 255, 255);
  }
}

/* Estilos gerais para todas as tabelas
table {
  width: 100%;
  border-collapse: collapse;
}

table thead th {
  text-align: left;
  padding: 10px;
  background-color: #f2f2f2;
}

table tbody td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

/* Estilos para mobile */
@media (max-width: 768px) {
  table, thead, tbody, th, td, tr {
      display: block;
  }

  thead tr {
      display: none;
  }

  tbody tr {
      margin-bottom: 15px;
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 15px;
      background-color: #f9f9f9;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  tbody td {

      justify-content: space-between;
      padding: 10px;
      border: none;
      text-align: left;
  }

  tbody td:before {
      content: attr(data-label);
      flex-basis: 50%;
      font-weight: bold;
      text-transform: uppercase;
      padding-right: 10px;
  }

  tbody td:last-child {
      border-bottom: 0;
  }

  /* Remover checkbox ou colunas específicas em versão mobile */
tbody td:first-child {
  }
}

/* Botões */
/* .btn-idplugger,
.btn-idplugger:hover {
  background-color: #ec4851;
  color: #ffffff;
}

.btn-idplugger-primary,
.btn-idplugger:hover {
  background-color: #DB5853;
  color: #ffffff;
}

/* Estilos do Select2 */
.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 38px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ec4851;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ec4851;
}



.select2-container--default .select2-selection--single:focus {
    border-color: #ec4851;
    box-shadow: 0 0 0 0.2rem rgba(236, 72, 81, 0.25);
}

/* Calendar Legend Styles */
.calendar-legend {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

.legend-item {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 5px;
}

.legend-color {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
}

.legend-text {
    font-size: 14px;
    color: #495057;
}

/* Responsive Calendar Styles */
@media (max-width: 767px) {
    .fc-toolbar .fc-left,
    .fc-toolbar .fc-right,
    .fc-toolbar .fc-center {
        float: none;
        display: block;
        text-align: center;
        margin-top: 10px;
        overflow: hidden;
    }

    .fc-toolbar .fc-center h2 {
        font-size: 1.2em;
    }

    .fc-button {
        padding: 0.3em 0.6em;
        font-size: 0.9em;
    }

    .fc-event {
        font-size: 0.8em;
        padding: 2px 4px;
    }

    .fc-day-grid-event .fc-time {
        font-weight: bold;
    }

    .fc-day-grid-event .fc-title {
        white-space: normal;
        word-break: break-word;
    }

    .fc-view-container {
        overflow-x: auto;
    }
}