:root {
  --willcode_blue: #52a3a1;
  --willcode_blue_dark: #0b486b;
  --willcode_blue_light: #daeeef;
  --willcode_red: #f06565;
  --willcode_black: #3c3f40;
}

.bg_willcode_blue {
  background-color: var(--willcode_blue) !important;
}

.bg_willcode_blue_dark {
  background-color: var(--willcode_blue_dark) !important;
}

.bg_willcode_blue_light {
  background-color: var(--willcode_blue_light) !important;
}

.bg_willcode_black {
  background-color: var(--willcode_black) !important;
}

.bg_willcode_red {
  background-color: var(--willcode_red) !important;
}

.swal2-confirm{
  background-color: var(--willcode_blue) !important;
}
.swal2-cancel{
  background-color: var(--willcode_red) !important;
}

a.active {
  color: var(--willcode_blue) !important;
}

.page-item.active .page-link{
  background-color: var(--willcode_blue) !important;
}

.hide {
  display: none !important;
}

[data-nav-headerbg="color_1"] .nav-header {
  background-color: var(--willcode_black) !important;
}

i.icon-menu {
  color: white !important;
}

tfoot {
  display: table-header-group !important;
}

.dt-button-collection > .dropdown-menu > .dropdown-item.active {
  background-color: var(--willcode_blue_light);
}

.nav-header .brand-logo a b img {
	max-width: 2.1rem !important;
}

tr.selected {
  background-color: var(--willcode_blue) !important;
}

/*
.gradient-1, .dropdown-mega-menu .ext-link.link-1 a, .morris-hover, .datamaps-hoverover {
  background-image: linear-gradient(230deg, #fdff75ab, #843cf6) !important; }

.gradient-2, .dropdown-mega-menu .ext-link.link-3 a {
  background-image: linear-gradient(230deg, #7882a3, #fbaaa2) !important; }

.gradient-3, .dropdown-mega-menu .ext-link.link-2 a, .header-right .icons .user-img .activity {
  background-image: linear-gradient(230deg, #ffc480, #ff763b) !important; }

.gradient-4, .sidebar-right .nav-tabs .nav-item .nav-link.active::after, .sidebar-right .nav-tabs .nav-item .nav-link.active span i::before {
  background-image: linear-gradient(230deg, #0e4cfd, #6a8eff) !important; }

.gradient-5 {
  background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%) !important; }

.gradient-6 {
  background-image: linear-gradient(135deg, #97ABFF 10%, #123597 100%) !important; }

.gradient-7 {
  background-image: linear-gradient(135deg, #3C8CE7 10%, #00EAFF 100%) !important; }

.gradient-8 {
  background-image: linear-gradient(135deg, #EE9AE5 10%, #5961F9 100%) !important; }

.gradient-anchor, .gradient-9 {
  background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%); }

.gradient-anchor {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important; }
*/

.modal-xl {
  max-width: 90%;
}

.select2-container--open, .select2-search {
  z-index: 9999999 !important;
}

/*

.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 450px;
  max-width: 100%;
  padding: 25px;
  border: 1px dashed rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  transition: 0.2s;
 
}

.choose-file-button {
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  padding: 8px 15px;
  margin-right: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.file-message {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input-drag {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  
}
*/
    .dropzone {
        border: 2px dashed #ccc;
        padding: 20px;
        margin-bottom: 20px;
    }
    .file-preview {
        margin-top: 10px;
    }
    .file-preview img {
        max-width: 100px;
        max-height: 100px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .remove-btn {
        cursor: pointer;
    }

    /*
    #calendarContainer {
      width: 500px;
      height: 500px;
    }
    
    .fc-scroller {
      height: auto !important;
    }
    
    .fc-head .fc-widget-header {
      margin-right: 0 !important;
    }
    
    .fc-scroller {
      overflow: visible !important;
    }
    */

    .header {
      z-index: 10 !important;
    }

    .ranges li.active, .ranges li:hover {
      background-color: var(--willcode_blue) !important;
      border: 1px solid var(--willcode_blue) !important;
      color: #fff;
    }
    .daterangepicker td.active, .daterangepicker td.active:hover {
      background-color: var(--willcode_blue)  !important;
      border-color: transparent;
      color: #fff;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
      background-color: #fff;
      border-color: transparent;
      color: #fff;
    }

    .daterangepicker > .btn-success {
      background-color: var(--willcode_blue)  !important;
    }

    .range_inputs > .btn-success {
    /* .applyBtn .btn .btn-sm .btn-success { */
      background-color: var(--willcode_blue);
      color: #fff;
    }

    .fc-button-primary{
      background-color: var(--willcode_blue) !important;
      color: #fff;
    }

    .daterangepicker {
      position: absolute;
      z-index: 1051 !important; /* ou um valor maior que o z-index do modal */
    }

    .swal2-title {
      font-size: 18px !important;
    }

    .swal2-html-container {
      font-size: 15px !important;
    }

    .swal2-popup {
      width: 26em;
    }



    [data-sidebar-style="mini"][data-layout="vertical"] .nk-sidebar .metismenu > li.mega-menu > ul.collapse:not(.in) {
      height: 100% !important;
    }
    .header-right .icons .user-img {
      position: relative;
      top: 0px !important;
    }

  @media (min-width: 564px) {
    .daterangepicker.ltr .calendar.right {
      margin-left: 23px !important;
      margin-right: 40px !important;
    }
  }