.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@charset "UTF-8";
* {
  font-family: "Inter", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  box-sizing: border-box;
}

@supports (padding: max(0px)) {
  body {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
}
:root {
  font-size: 0.83vw;
}
@media (max-width: 1820px) {
  :root {
    font-size: 94.75%;
  }
}
@media (max-width: 1720px) {
  :root {
    font-size: 89.5%;
  }
}
@media (max-width: 1620px) {
  :root {
    font-size: 84.32%;
  }
}
@media (max-width: 1520px) {
  :root {
    font-size: 79.12%;
  }
}
@media (max-width: 1420px) {
  :root {
    font-size: 73.87%;
  }
}
@media (max-width: 1320px) {
  :root {
    font-size: 68.68%;
  }
}
@media (max-width: 1220px) {
  :root {
    font-size: 63%;
  }
}
@media (max-width: 1120px) {
  :root {
    font-size: 58%;
  }
}
@media (max-width: 1020px) {
  :root {
    font-size: 53%;
  }
}
@media (max-width: 920px) {
  :root {
    font-size: 48%;
  }
}
@media (max-width: 820px) {
  :root {
    font-size: 43%;
  }
}
@media (max-width: 720px) {
  :root {
    font-size: 38%;
  }
}
@media (max-width: 620px) {
  :root {
    font-size: 38%;
  }
}
@media (max-width: 480px) {
  :root {
    font-size: 16px;
  }
}

.show-only-mobile {
  display: none;
}
@media (max-width: 480px) {
  .show-only-mobile {
    display: block;
  }
}

.menu-system-portal {
  background-color: #863031;
  padding: 2.8125rem 0;
  z-index: 10;
}
.menu-system-portal > div {
  display: none;
}
.menu-system-portal > div > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  background-color: #F5F7FA;
  transition: all 0.3s linear;
}
.menu-system-portal > div > ul > li > a > img {
  width: 1rem;
}
.menu-system-portal > div > ul > li > a:hover {
  background-color: #969491;
}
.menu-system-portal > div > ul > li > button {
  outline: none;
  background-color: transparent;
  margin-left: 0.125rem;
}
.menu-system-portal > div > ul > li > button, .menu-system-portal > div > ul > li > button > img {
  display: block;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
}
.menu-system-portal > header {
  padding-bottom: 5.85rem;
  padding-left: 2.4375rem;
}
.menu-system-portal > header > a {
  display: grid;
}
.menu-system-portal > header > a, .menu-system-portal > header > a > img {
  width: 15.8rem;
}
.menu-system-portal > nav > ul > li > a, .menu-system-portal > nav > ul > li button {
  width: 100%;
  padding: 0.3125rem 2.4375rem 0.3125rem 3.6875rem;
  position: relative;
  color: #C87778;
  min-height: 5rem;
  gap: 2.125rem;
  transition: all 0.3s linear;
  font-size: 1.125rem;
  background-color: transparent;
}
.menu-system-portal > nav > ul > li > a > svg, .menu-system-portal > nav > ul > li button > svg {
  height: auto;
  width: 2rem;
}
.menu-system-portal > nav > ul > li > a > svg > path, .menu-system-portal > nav > ul > li button > svg > path {
  transition: all 0.3s linear;
}
.menu-system-portal > nav > ul > li > a::before, .menu-system-portal > nav > ul > li button::before {
  content: "";
  transition: all 0.3s linear;
  display: block;
  height: 100%;
  width: 0;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0.625rem 0.625rem 0;
}
.menu-system-portal > nav > ul > li > a.bg-to-route, .menu-system-portal > nav > ul > li button.bg-to-route {
  background-color: #904344;
}
.menu-system-portal > nav > ul > li > a:hover, .menu-system-portal > nav > ul > li > a.bg-to-route, .menu-system-portal > nav > ul > li button:hover, .menu-system-portal > nav > ul > li button.bg-to-route {
  color: #FFFFFF;
}
.menu-system-portal > nav > ul > li > a:hover::before, .menu-system-portal > nav > ul > li > a.bg-to-route::before, .menu-system-portal > nav > ul > li button:hover::before, .menu-system-portal > nav > ul > li button.bg-to-route::before {
  width: 0.5rem;
}
.menu-system-portal > nav > ul > li > a:hover > svg > path, .menu-system-portal > nav > ul > li > a.bg-to-route > svg > path, .menu-system-portal > nav > ul > li button:hover > svg > path, .menu-system-portal > nav > ul > li button.bg-to-route > svg > path {
  fill: #FFFFFF;
}
@media (max-width: 480px) {
  .menu-system-portal {
    position: fixed;
    top: 0;
    left: -100%;
    transition: left 0.3s ease-in-out;
    width: 85%;
    max-width: 20rem;
    height: 100vh;
    padding: 1rem 0 2rem 0;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  }
  .menu-system-portal.active {
    left: 0;
  }
  .menu-system-portal::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
  }
  .menu-system-portal.active::before {
    opacity: 1;
    pointer-events: auto;
  }
  .menu-system-portal > header {
    border-bottom: 1px solid rgba(230, 239, 245, 0.2);
    margin-bottom: 1.5rem;
    padding: 0 1rem 1rem 1rem;
  }
  .menu-system-portal > header > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .menu-system-portal > header > a > img {
    width: 10rem;
  }
  .menu-system-portal > nav > ul > li > a, .menu-system-portal > nav > ul > li > button {
    min-height: 3.5rem;
    padding: 0.5rem 1rem 0.5rem 2rem;
    font-size: 1rem;
  }
  .menu-system-portal > nav > ul > li > a > svg, .menu-system-portal > nav > ul > li > button > svg {
    width: 1.5rem;
  }
}

.title-with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 4.375rem;
}
.title-with-icon > img {
  width: 1.2rem;
  height: auto;
}
.title-with-icon > h1 {
  font-size: 1.3rem;
}

.header-system {
  height: 7.375rem;
  display: flex;
  border-bottom: 0.0625rem solid #E6EFF5;
}
.header-system .mobile-button-menu {
  display: none;
}
.header-system .left-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2.25rem 1rem 4.375rem;
  background-color: #FFFFFF;
  width: 100%;
}
.header-system .left-header .header-title-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.header-system .left-header .header-title-section > p {
  padding: 0;
  font-size: 1.25rem;
  color: #969491;
  font-weight: bold;
}
.header-system .left-header .data-update-info {
  font-size: 0.75rem;
  color: #666;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-system .left-header .data-update-info .cache-badge {
  background-color: #ffc107;
  color: #000;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.header-system .left-header > ul {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.header-system .left-header > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
  background-color: #F5F7FA;
  transition: all 0.3s linear;
}
.header-system .left-header > ul > li > a > svg {
  width: 1.875rem;
  height: auto;
}
.header-system .left-header > ul > li > a:hover {
  background-color: #863031;
}
.header-system .left-header > ul > li > a:hover > svg > path {
  fill: #FFFFFF;
}
.header-system .right-header > button {
  outline: none;
  background-color: #F5F7FA;
  height: 100%;
  padding: 0.5rem 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: bold;
  cursor: pointer;
  width: 24.1875rem;
  transition: all 0.3s linear;
}
.header-system .right-header > button > div {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  width: 17.25rem;
}
.header-system .right-header > button > div > img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.header-system .right-header > button > div > span {
  font-size: 1.125rem;
  font-weight: bold;
  color: #863031;
  text-align: left;
}
.header-system .right-header > button > svg {
  width: 1.063rem;
  height: auto;
  transition: all 0.3s linear;
}
.header-system .right-header > button.active > svg {
  transform: rotate(180deg);
}
.header-system .right-header > button:hover {
  background-color: #863031;
}
.header-system .right-header > button:hover > svg > path {
  fill: #FFFFFF;
}
.header-system .right-header > button:hover > div > span {
  color: #FFFFFF;
}
@media (max-width: 480px) {
  .header-system {
    height: auto;
    min-height: 4rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    flex-wrap: wrap;
  }
  .header-system .mobile-button-menu {
    display: flex;
    order: 1;
  }
  .header-system .mobile-button-menu, .header-system .mobile-button-menu > img {
    width: 1.25rem;
    height: 1.25rem;
  }
  .header-system .left-header {
    order: 3;
    width: 100%;
    padding: 0.5rem 0 0 0;
    background: transparent;
    border-top: 1px solid rgba(230, 239, 245, 0.3);
    margin-top: 0.5rem;
  }
  .header-system .left-header .header-title-section {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .header-system .left-header .header-title-section > p {
    font-size: 0.75rem;
    padding: 0;
  }
  .header-system .left-header .header-title-section .data-update-info {
    font-size: 0.625rem;
    flex-shrink: 0;
  }
  .header-system .left-header .header-title-section .data-update-info .cache-badge {
    font-size: 0.5rem;
    padding: 0.05rem 0.25rem;
  }
  .header-system .left-header > ul {
    display: none;
  }
  .header-system .right-header {
    order: 2;
  }
  .header-system .right-header > button {
    border-radius: 50%;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
  }
  .header-system .right-header > button > div {
    width: 100%;
    gap: 0;
  }
  .header-system .right-header > button > div > span {
    display: none;
  }
  .header-system .right-header > button > div > img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .header-system .right-header > button > svg, .header-system .right-header > button > img {
    display: none;
  }
}

.aside-user {
  width: 24.1875rem;
  height: calc(100vh - 8.375rem);
  position: fixed;
  z-index: 10;
  right: -30rem;
  top: 6.375rem;
  background-color: #F5F7FA;
  transition: all 0.3s linear;
}
.aside-user.active {
  right: 0;
}
.aside-user > ul {
  padding: 1.375rem 0.9375rem 1.375rem 8.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
}
.aside-user > ul > li {
  border-radius: 10px 0 0 10px;
}
.aside-user > ul > li > a, .aside-user > ul > li > form > button {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  padding: 0.4375rem;
  font-size: 1.125rem;
  color: #863031;
  transition: all 0.3s linear;
}
.aside-user > ul > li > a > div, .aside-user > ul > li > form > button > div {
  display: flex;
  width: 1.375rem;
  justify-content: center;
}
.aside-user > ul > li > a > div > svg, .aside-user > ul > li > form > button > div > svg {
  height: 1.375rem;
  width: auto;
}
.aside-user > ul > li:hover {
  background-color: #863031;
}
.aside-user > ul > li:hover > a, .aside-user > ul > li:hover > form > button {
  color: #FFFFFF;
}
.aside-user > ul > li:hover > a > div > svg > path, .aside-user > ul > li:hover > form > button > div > svg > path {
  fill: #FFFFFF;
}
@media (max-width: 480px) {
  .aside-user {
    width: auto;
    height: auto;
    top: 4rem;
  }
  .aside-user > ul {
    padding: 1.375rem;
  }
}

.title-top-system {
  min-height: 2.5rem;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .title-top-system {
    padding: 0.5rem 1rem;
    min-height: 1.75rem;
  }
  .title-top-system.title-system {
    font-size: 1.125rem;
  }
}

.message-system {
  display: flex;
  gap: 0.5rem;
  font-size: 1.125rem;
  color: #000000;
  padding: 1.25rem 4.375rem;
}
.message-system > img {
  width: 16px;
}
.message-system.warning-message {
  background-color: rgba(255, 204, 0, 0.5);
}
@media (max-width: 480px) {
  .message-system {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
  }
  .message-system > img {
    width: 14px;
  }
}

.underDevelopment {
  background: var(--Badge-warning-bg, #FBF0DA);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-radius: 0.5rem;
  margin: 1.9375rem 4.375rem;
}
.underDevelopment > svg {
  width: 2rem;
  height: auto;
}
.underDevelopment > h1 {
  color: var(--Badge-warning-text, #73510D);
  font-size: 1rem;
  line-height: 1.625rem;
}

.title-system {
  font-size: 1.75rem;
  font-weight: 600;
  color: #863031;
}

.page-change-password {
  display: flex;
  align-items: center;
}
.page-change-password > div {
  width: 100%;
  max-width: 65.4375rem;
}
.page-change-password > div > h3 {
  margin-bottom: 1.5625rem;
}
.page-change-password > div > form {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.page-change-password > div > form > div > label {
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 1;
  color: #969491 !important;
  margin-bottom: 0.3125rem;
}
@media (max-width: 480px) {
  .page-change-password > div > h3 {
    font-size: 1.375rem;
    line-height: 1.2;
  }
  .page-change-password > div form > div > div > div > label {
    font-size: 1rem;
  }
  .autenticate-card-mobile > div {
    padding: 2.5rem;
    background-color: transparent;
  }
  .autenticate-card-mobile > div > header {
    margin: 2.25rem 0 1.6875rem 0;
  }
  .autenticate-card-mobile > div > header > h2 {
    font-size: 1.3125rem;
  }
  .autenticate-card-mobile > div > header > p {
    font-size: 0.875rem;
  }
}

.button-forgot-password .button-forms-dashboard {
  background-color: #00614F;
  border: 1px solid #00614F;
}
.button-forgot-password .button-forms-dashboard:hover {
  color: #00614F;
}

.button-forms-dashboard {
  transition: all 0.3s linear;
  outline: none;
  border: 1px solid #863031;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 3.4375rem;
  padding: 10px 1.75rem;
  width: 100%;
  max-width: 24.375rem;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.3125rem;
  text-transform: uppercase;
  background-color: #863031;
  color: #FFFFFF;
  border-radius: 3.9375rem;
}
.button-forms-dashboard:hover {
  background-color: transparent;
  color: #863031;
}

.input-required::before {
  content: "*";
  color: #e55353;
  width: auto;
  height: auto;
  margin-right: 3px;
}

#toast-container.toast-top-right {
  top: 60px;
}
#toast-container .toast-message {
  line-height: 1.2;
}

.padding-pages-movement {
  position: relative;
  padding: 2rem 3.125rem 4.375rem 4.375rem;
}
.padding-pages-movement .div-data-table {
  padding: 20px 5px;
  border-radius: 8px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.0784313725);
}
.padding-pages-movement .div-data-table .tables-data-tables thead th {
  font-size: 0.75rem;
}
.padding-pages-movement table.dataTable tbody tr {
  background-color: transparent;
}
.padding-pages-movement table.dataTable tbody tr td {
  font-size: 0.875rem;
  vertical-align: baseline;
}
@media (max-width: 480px) {
  .padding-pages-movement {
    padding: 1.5rem 1rem;
  }
  .padding-pages-movement .div-data-table {
    overflow-x: auto;
    width: calc(100vw - 3.125rem);
  }
  .padding-pages-movement .div-data-table .js_div_loading_datatable {
    width: 900px;
  }
}
.padding-pages-movement .td-operation span {
  font-size: 0.75rem;
  color: #687182;
}
.padding-pages-movement .type-operation {
  border-radius: 0.625rem;
  padding: 1px 10px;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.0225rem;
  text-transform: uppercase;
  display: inline-block;
}
.padding-pages-movement .type-operation.compra {
  background-color: #E1FCEF;
  color: #14804A;
}
.padding-pages-movement .type-operation.venda {
  background-color: #F0F1FA;
  color: #4F5AED;
}

.padding-pages-schedule {
  position: relative;
  padding: 3.125rem 4.375rem;
}
@media (max-width: 480px) {
  .padding-pages-schedule {
    padding: 1.5rem 1rem;
  }
}

.padding-pages {
  position: relative;
  padding: 2rem 3.125rem 4.375rem 4.375rem;
}
.padding-pages .div-data-table {
  padding: 20px 5px;
  border-radius: 8px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.0784313725);
}
.padding-pages .div-data-table .tables-data-tables thead th {
  font-size: 0.75rem;
}
.padding-pages table.dataTable tbody tr {
  background-color: transparent;
}
.padding-pages table.dataTable tbody tr td {
  font-size: 0.875rem;
  vertical-align: baseline;
}
@media (max-width: 480px) {
  .padding-pages {
    padding: 1.5rem 1rem;
  }
  .padding-pages .div-data-table {
    overflow-x: auto;
    width: calc(100vw - 3.125rem);
  }
  .padding-pages .div-data-table .js_div_loading_datatable {
    width: 900px;
  }
}
.padding-pages .td-operation span {
  font-size: 0.75rem;
  color: #687182;
}
.padding-pages .type-operation {
  border-radius: 0.625rem;
  padding: 1px 10px;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.0225rem;
  text-transform: uppercase;
  display: inline-block;
}
.padding-pages .type-operation.compra {
  background-color: #E1FCEF;
  color: #14804A;
}
.padding-pages .type-operation.venda {
  background-color: #F0F1FA;
  color: #4F5AED;
}

.button-dowload-invoices {
  display: inline-flex;
  gap: 0.25rem;
  font-size: 0.5625rem;
  color: white;
  background: linear-gradient(270deg, #C87778 0%, #863031 100%);
  border-radius: 1.5625rem;
  padding: 8px 1.3125rem;
  margin-left: auto;
  transition: all 0.3s linear;
}
.button-dowload-invoices > img {
  width: 0.75rem;
}
.button-dowload-invoices:hover {
  transform: scale(1.1);
}

.last-movement {
  width: 5.3125rem;
  padding: 0 !important;
  transition: 0.3s all linear;
}
.last-movement > button {
  padding: 8px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.last-movement > button > svg {
  width: 1.375rem;
  height: auto;
}
.last-movement > button > svg > path {
  transition: 0.3s all linear;
}
.last-movement:hover > button > svg > path {
  fill: #863031;
}

.export {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5625rem;
}
.export > button {
  display: flex;
  gap: 0.375rem;
  background-color: transparent;
  color: #863031;
  padding: 0.375rem 0.625rem;
  border: 1px solid #863031;
  border-radius: 0.3125rem;
  font-size: 1rem;
  transition: 0.2s all linear;
}
.export > button > svg {
  flex-shrink: 0;
  height: 17px;
  width: auto;
}
.export > button > svg * {
  transition: 0.2s all linear;
}
.export > button:hover {
  background-color: #863031;
  color: #FFF;
}
.export > button:hover > svg {
  stroke: #FFF;
}
.export > div {
  display: none;
  position: absolute;
  top: 36px;
  z-index: 2;
  background-color: #FFF;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.5625rem 0 0.9375rem 0;
  border-radius: 0.3125rem;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.export > div > h3 {
  margin-bottom: 10px;
  font-weight: 400;
  color: #6B7280;
  padding: 0 0.9375rem;
}
.export > div > ul {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.export > div > ul > li > button {
  display: flex;
  gap: 0.4375rem;
  width: 100%;
  padding: 0.625rem 0.9375rem;
}
.export > div > ul > li > button > svg {
  height: 1rem;
  width: auto;
}
.export > div > ul > li > button > span {
  color: #6B7280;
}
.export > div > ul > li > button:hover {
  background-color: #f2f2f2;
}
.export.active > button {
  background-color: #863031;
  color: #FFF;
}
.export.active > button > svg {
  stroke: #FFF;
}
.export.active > div {
  display: block;
}

.movementFilter {
  display: flex;
  width: 100%;
  height: 5.3125rem;
  border-radius: 10px 10px 0 0;
  box-shadow: 0px 0px 0px 1px rgba(152, 161, 178, 0.1), 0px 1px 4px 0px rgba(69, 75, 87, 0.12), 0px 0px 2px 0px rgba(0, 0, 0, 0.08);
  padding: 1.25rem 1.375rem 1.25rem 1.375rem;
}
.movementFilter > fieldset {
  display: flex;
  margin-right: 1.875rem;
}
.movementFilter > fieldset > label {
  display: flex;
  align-items: center;
  width: 3.75rem;
  margin-right: 10px;
  color: #6B7280;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.movementFilter > fieldset > select {
  border: none;
  width: 100%;
  background-color: #fff;
  background-image: url("/../img/icons/icon-select-arrow-down.svg");
  background-position: right 0.5rem center;
  background-size: 0.75rem 0.75rem;
  padding: 0.5rem 1.875rem 0.5rem 0.75rem;
  border-radius: 0.375rem;
  box-shadow: 0px 0px 0px 1px rgba(152, 161, 178, 0.1), 0px 1px 4px 0px rgba(69, 75, 87, 0.12), 0px 0px 2px 0px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.movementFilter > fieldset > select, .movementFilter > fieldset > select option {
  color: #6B7280;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.movementFilter > fieldset > select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}
.movementFilter > fieldset > input {
  color: #6B7280;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  width: 100%;
  background-color: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  box-shadow: 0px 0px 0px 1px rgba(152, 161, 178, 0.1), 0px 1px 4px 0px rgba(69, 75, 87, 0.12), 0px 0px 2px 0px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.movementFilter > fieldset > input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}
.movementFilter > fieldset > select#financialFilterTipoSelect {
  min-width: 280px;
}
.movementFilter > fieldset > input[type=text]#financialFilterDateRange {
  min-width: 220px;
}
.movementFilter > fieldset > select#financialFilterSituacaoSelect {
  min-width: 140px;
}
.movementFilter > fieldset > select#financialFilterFarmSelect {
  min-width: 200px;
}
@media (max-width: 480px) {
  .movementFilter {
    display: none;
  }
}

.movement-modal {
  display: none;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  background-color: #F5F7FA;
  width: 100%;
  min-height: 100%;
  padding-top: 1.25rem;
}
.movement-modal > section {
  background-color: #FFFFFF;
  width: 69.6875rem;
  border-radius: 0.625rem;
  padding: 1.25rem;
  margin: 0 auto;
}
.movement-modal > section > header {
  display: flex;
  justify-content: space-between;
  background-color: #F8F8F8;
  width: 100%;
  border: 1px solid #DFEAF2;
  border-radius: 0.625rem;
}
.movement-modal > section > header > h2 {
  padding: 1.5rem 1.875rem;
  color: #969491;
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.movement-modal > section > header > button {
  width: 5.8125rem;
  border-radius: 0 0.625rem 0.625rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #DFEAF2;
  transition: 0.2s all linear;
}
.movement-modal > section > header > button > svg {
  width: 1.8125rem;
  height: auto;
}
.movement-modal > section > header > button > svg > path {
  transition: 0.2s all linear;
}
.movement-modal > section > header > button:hover {
  background-color: #863031;
}
.movement-modal > section > header > button:hover > svg > path {
  fill: #FFFFFF;
}
.movement-modal > section > ul {
  padding: 0 1.75rem;
}
.movement-modal > section > ul > li {
  display: flex;
  align-items: flex-start;
  gap: 1.1875rem;
  padding: 1.1875rem 0;
}
.movement-modal > section > ul > li:first-of-type {
  justify-content: space-between;
  padding: 1.8125rem 2.5rem 1.8125rem 0;
}
.movement-modal > section > ul > li > section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  width: 100%;
}
.movement-modal > section > ul > li > section > div {
  display: flex;
  gap: 1.1875rem;
  align-items: flex-start;
}
.movement-modal > section > ul > li:not(:last-of-type) {
  border-bottom: 1px dotted #969491;
}
.movement-modal > section > ul > li > header {
  width: 8.1875rem;
  flex-shrink: 0;
  color: #969491;
  text-align: right;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.movement-modal > section > ul > li > span {
  color: #969491;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1;
}
.movement-modal > section > ul > li section header {
  width: 8.1875rem;
  flex-shrink: 0;
  color: #969491;
  text-align: right;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.movement-modal > section > ul > li section span {
  color: #969491;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1;
}
.movement-modal.active {
  display: block;
}
@media (max-width: 480px) {
  .movement-modal {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .movement-modal > section {
    width: 100vw;
    padding: 1rem;
  }
  .movement-modal > section > header > h2 {
    padding: 1rem;
    font-size: 1rem;
  }
  .movement-modal > section > header > button {
    width: 3.75rem;
  }
  .movement-modal > section > header > button > svg {
    width: 1.125rem;
  }
  .movement-modal > section > ul {
    padding: 0 1rem;
  }
  .movement-modal > section > ul > li {
    flex-direction: column;
    padding: 1rem 0;
    gap: 0.5rem;
  }
  .movement-modal > section > ul > li:first-of-type {
    flex-direction: row;
    padding: 1rem 0;
  }
  .movement-modal > section > ul > li:first-of-type > section {
    flex-direction: column;
    gap: 0.5rem;
  }
  .movement-modal > section > ul > li:first-of-type > section:first-of-type > header {
    width: auto;
  }
  .movement-modal > section > ul > li header {
    width: auto;
    text-align: left;
    font-size: 1rem;
  }
}

.table-list-itens {
  width: 100%;
}
@media (max-width: 480px) {
  .table-list-itens > div {
    max-width: 23.4375rem;
    overflow-x: scroll;
  }
}
.table-list-itens > div table {
  border: none !important;
}
.table-list-itens > div table thead {
  background-color: transparent;
}
.table-list-itens > div table tbody {
  background-color: #FFFFFF;
}
.table-list-itens > div table td.left-arrow::before, .table-list-itens > div table td.right-arrow::before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin-top: 0.125rem;
  margin-right: 0.5rem;
}
.table-list-itens > div table td.left-arrow::before {
  border-right: 9px solid #863031;
}
.table-list-itens > div table td.right-arrow::before {
  border-left: 9px solid #00614F;
}
.table-list-itens > div .dataTables_wrapper {
  box-shadow: 0px 1px 4px 0px rgba(69, 75, 87, 0.12), 0px 0px 2px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 0.5rem 0.5rem;
}
@media (max-width: 480px) {
  .table-list-itens > div .dataTables_wrapper {
    box-shadow: none;
  }
}
.table-list-itens > div .dataTables_filter {
  display: none;
}
.table-list-itens > div .dataTables_info {
  margin-left: 1.25rem;
  color: #687182;
}
.table-list-itens > div .dataTables_paginate .paginate_button, .table-list-itens > div > .paginate_button .paginate_button {
  border-radius: 8px;
}
.table-list-itens > div .dataTables_paginate .paginate_button.current, .table-list-itens > div > .paginate_button .paginate_button.current {
  cursor: default;
}
.table-list-itens > div .dataTables_paginate .paginate_button:not(.disabled):not(.current):hover, .table-list-itens > div > .paginate_button .paginate_button:not(.disabled):not(.current):hover {
  background: linear-gradient(to bottom, #c27d7d 0%, #863031 100%) !important;
  color: #FFFFFF !important;
  border-color: #772b2c !important;
}
.table-list-itens > div .dataTables_length {
  display: none;
}

.page-contact-us {
  display: grid;
  gap: 3.3125rem;
  grid-template-columns: 1fr 19.1875rem;
}
.page-contact-us > aside > ul {
  display: flex;
  flex-direction: column;
  gap: 2.0625rem;
}
.page-contact-us > aside > ul > li {
  min-height: 8.3125rem;
  padding: 1.1875rem 2.5rem 1.1875rem 2rem;
  border: 1px solid rgba(134, 48, 49, 0.3);
  border-radius: 0.625rem;
}
.page-contact-us > aside > ul > li > img {
  height: 1.1875rem;
  margin-bottom: 0.5rem;
}
.page-contact-us > aside > ul > li > p {
  color: #969491;
  font-size: 0.9375rem;
  margin-bottom: 0.625rem;
}
.page-contact-us > aside > ul > li > div {
  display: flex;
  flex-direction: column;
}
.page-contact-us > aside > ul > li > div > a {
  transition: all 0.3s linear;
  text-decoration: none;
  color: #863031;
  font-size: 0.875rem;
}
.page-contact-us > aside > ul > li > div > a:hover {
  color: #000000;
}
@media (max-width: 480px) {
  .page-contact-us {
    gap: 4.6875rem;
    grid-template-columns: 1fr;
  }
}

.form-system {
  display: grid;
  gap: 1.25rem;
}
.form-system > div > label {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  color: #969491;
  margin-bottom: 0.375rem;
}
.form-system > div > textarea {
  padding: 0.75rem 1rem;
  height: 10rem;
  resize: vertical;
}
.form-system > div > input, .form-system > div > textarea, .form-system > div > select {
  border: 1px solid #DFEAF2;
  width: 100%;
  color: #969491;
  border-radius: 0.5rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-system > div > input:focus, .form-system > div > textarea:focus, .form-system > div > select:focus {
  outline: none;
  border-color: #863031;
  box-shadow: 0 0 0 3px rgba(134, 48, 49, 0.1);
}
.form-system > div > input::-moz-placeholder, .form-system > div > textarea::-moz-placeholder, .form-system > div > select::-moz-placeholder {
  color: rgba(150, 148, 145, 0.5);
}
.form-system > div > input::placeholder, .form-system > div > textarea::placeholder, .form-system > div > select::placeholder {
  color: rgba(150, 148, 145, 0.5);
}
.form-system > div > input::-moz-placeholder, .form-system > div > textarea::-moz-placeholder, .form-system > div > select::-moz-placeholder {
  font-size: 0.875rem;
}
.form-system > div > input, .form-system > div > input::placeholder, .form-system > div > textarea, .form-system > div > textarea::placeholder, .form-system > div > select, .form-system > div > select::placeholder {
  font-size: 0.875rem;
}
.form-system > div > input, .form-system > div > select {
  height: 2.75rem;
  padding: 0.5rem 0.875rem;
}
@media (max-width: 480px) {
  .form-system {
    gap: 1rem;
  }
  .form-system > div > label {
    font-size: 0.8125rem;
  }
  .form-system > div > textarea {
    padding: 0.625rem 0.875rem;
    height: 8rem;
  }
  .form-system > div > input::-moz-placeholder, .form-system > div > textarea::-moz-placeholder, .form-system > div > select::-moz-placeholder {
    font-size: 0.8125rem;
  }
  .form-system > div > input, .form-system > div > input::placeholder, .form-system > div > textarea, .form-system > div > textarea::placeholder, .form-system > div > select, .form-system > div > select::placeholder {
    font-size: 0.8125rem;
  }
  .form-system > div > input, .form-system > div > select {
    height: 2.5rem;
    padding: 0.375rem 0.75rem;
  }
}

.layout-page .menu-system-portal {
  width: 23.75rem;
}
.layout-page .main {
  width: calc(100% - 23.75rem);
  display: grid;
  grid-template-rows: 7.375rem 1fr;
}
.layout-page .content {
  min-height: calc(100vh - 8.375rem);
  background-color: #F5F7FA;
}
@media (max-width: 480px) {
  .layout-page .menu-system-portal {
    width: 100%;
  }
  .layout-page .main {
    width: 100%;
    grid-template-rows: auto 1fr;
  }
  .layout-page .content {
    min-height: calc(100vh - 4rem);
  }
}

.tabs-layout-page {
  margin-bottom: -1px;
}
.tabs-layout-page.active {
  background-color: #FFFFFF;
}

.div-tabs-layout-page.active {
  display: block;
}

.div-new-data {
  z-index: 49;
  bottom: calc(100% + 34px);
  right: -24px;
}

.div-data-table .dataTables_filter, .div-data-table .dataTables_length {
  margin-bottom: 10px;
}
.div-data-table .dataTables_filter select, .div-data-table .dataTables_filter input, .div-data-table .dataTables_length select, .div-data-table .dataTables_length input{
  border-radius: 0.25rem;
}
.div-data-table .dataTables_filter label, .div-data-table .dataTables_length label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.div-data-table .dataTables_info, .div-data-table .dataTables_paginate{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  margin-top: 10px;
}
.div-data-table .dataTables_paginate a{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.div-data-table .tables-data-tables, .div-data-table .tables-data-tables thead th, .div-data-table .tables-data-tables-role, .div-data-table .tables-data-tables-role thead th {
  border-bottom: 1px solid #d3d4d6 !important;
}
.div-data-table .tables-data-tables tbody > tr:nth-of-type(even), .div-data-table .tables-data-tables-role tbody > tr:nth-of-type(even){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-success{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.btn.btn-success:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}
.btn.btn-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}
.btn.btn-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(7 89 133 / var(--tw-bg-opacity));
}
.btn.btn-info{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}
.btn.btn-info:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}
.btn.btn-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.btn.btn-danger:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.btn.btn-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.btn.btn-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.btn-id {
  background-color: #863031;
  color: #FFFFFF;
}
.btn-id:hover {
  background-color: #682526;
}

.form-control{
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

input.form-control, select.form-control {
  height: 45px;
}

.text-editor {
  min-height: 500px;
}

.div-view-password button {
  top: 6px;
  right: 10px;
  font-size: 20px;
  outline: none;
  color: #252525;
}

.w-550 {
  width: 550px;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container .select2-selection--single, .select2-container .select2-selection--single .select2-selection__rendered {
  height: 45px !important;
}

.select2-container--default .select2-selection--single {
  border-color: #d8dbe0 !important;
}
.select2-container--default .select2-selection--single:focus {
  border-color: #958bef !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(149, 139, 239, 0.25);
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: grid !important;
  align-items: center !important;
}

.select2-heigth .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-heigth .select2-container .select2-selection--single, .select2-heigth .select2-container .select2-selection--single .select2-selection__rendered {
  height: 45px !important;
}

.select2-container .select2-selection--multiple {
  height: 60px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #863031;
  border: 1px solid #863031;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #FFF;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #FFF;
}

.css-modal-class.active{
  display: flex;
}

.li-documentation > input[type=checkbox]:checked ~ ul {
  transform: translateX(0);
  position: relative;
  opacity: 1;
  pointer-events: all;
}
.li-documentation > ul {
  transition: all 0.3s linear;
  transform: translateX(-1rem);
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.none {
  display: none;
}

.storage td, .storage th {
  text-align: center !important;
}
.storage td {
  padding: 22px 10px !important;
}
.storage tr.odd {
  background-color: #FFFFFF !important;
}
.storage tr.even {
  background: #F9FAFC !important;
}
.storage tr.tfoot {
  background: #ECF0F9;
}
.storage th, .storage .storage-tfoot-td {
  border: none !important;
}
.storage .color-red {
  color: #863031 !important;
}
.storage .color-green {
  color: #00614F !important;
}

.badge {
  padding: 0 !important;
}
.badge > span {
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  border: 2px solid transparent;
  border-radius: 0.3125rem;
  width: 5.625rem;
  height: 100%;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.625rem;
}
.badge > span.green-badge {
  background-color: #00614F;
  border-color: rgba(2, 87, 2, 0.8);
}
.badge > span.red-badge {
  background-color: #863031;
}
.badge > span.orange-badge {
  background-color: orange;
}

.padding-pages-movement .financial-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
  .padding-pages-movement .financial-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .padding-pages-movement .financial-grid {
    grid-template-columns: 1fr;
  }
}
.padding-pages-movement .financial-subcard {
  background: #ffffff;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.padding-pages-movement .financial-subcard .subcard-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1rem;
}
.padding-pages-movement .financial-subcard .subcard-header svg {
  width: 24px;
  height: 24px;
}
.padding-pages-movement .financial-subcard .subcard-header svg path {
  stroke: #863031;
}
.padding-pages-movement .financial-subcard .subcard-header .subcard-label {
  font-size: 0.95rem;
  color: #666;
  font-weight: 500;
}
.padding-pages-movement .financial-subcard .subcard-value {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
.padding-pages-movement .financial-subcard .subcard-value.receitas {
  color: #28a745;
}
.padding-pages-movement .financial-subcard .subcard-value.despesas {
  color: #dc3545;
}
.padding-pages-movement .financial-subcard .subcard-value.receber {
  color: #28a745;
}
.padding-pages-movement .financial-subcard .subcard-value.receber.zero {
  color: #969491;
}
.padding-pages-movement .financial-subcard .subcard-value.pagar {
  color: #863031;
}
.padding-pages-movement .financial-subcard.receber-card .subcard-header svg path {
  stroke: #969491;
}
.padding-pages-movement .financial-subcard.receber-card.has-value .subcard-header svg path {
  stroke: #28a745;
}

.padding-pages-movement #financialTable_wrapper .dataTables_info,
.padding-pages-movement #financialTable_wrapper .dataTables_paginate {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.badge-tipo {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.375rem;
}
.badge-tipo.entrada {
  background: #dcfce7;
  color: #166534;
}
.badge-tipo.entrada::before {
  content: "↑";
  font-size: 0.875rem;
  font-weight: bold;
}
.badge-tipo.saida {
  background: #fee2e2;
  color: #991b1b;
}
.badge-tipo.saida::before {
  content: "↓";
  font-size: 0.875rem;
  font-weight: bold;
}

.badge-situacao {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}
.badge-situacao.recebido {
  background: #dcfce7;
  color: #166534;
}
.badge-situacao.pago {
  background: #dbeafe;
  color: #1e40af;
}
.badge-situacao.a-receber {
  background: #fef3c7;
  color: #92400e;
}
.badge-situacao.a-pagar {
  background: #e9d5ff;
  color: #6b21a8;
}

.table-container-padrao {
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.table-padrao {
  width: 100%;
  border-collapse: collapse;
}
.table-padrao thead {
  background: #f9fafb;
}
.table-padrao thead th {
  padding: 0.75rem 1.5rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e7eb;
}
.table-padrao tbody tr {
  border-bottom: 1px solid #e5e7eb !important;
  transition: background-color 0.15s;
}
.table-padrao tbody tr:nth-child(even) {
  background-color: #fafafa !important;
}
.table-padrao tbody tr:nth-child(even):hover {
  background-color: #f5f5f5 !important;
}
.table-padrao tbody tr:nth-child(odd) {
  background-color: #ffffff !important;
}
.table-padrao tbody tr:hover {
  background: #f9fafb !important;
}
.table-padrao tbody tr td {
  padding: 1rem 1.5rem;
  font-size: 0.875rem;
  color: #111827;
}
.table-padrao tbody tr td.td-center {
  text-align: center;
  vertical-align: middle;
}

#financialTable.table-padrao.dataTable tbody tr {
  border-bottom: 1px solid #e5e7eb !important;
}
#financialTable.table-padrao.dataTable tbody tr.odd {
  background-color: #ffffff !important;
}
#financialTable.table-padrao.dataTable tbody tr.even {
  background-color: #fafafa !important;
}
#financialTable.table-padrao.dataTable tbody tr:hover {
  background-color: #f9fafb !important;
}
#financialTable.table-padrao.dataTable tbody tr td {
  border-top: none !important;
  border-bottom: none !important;
}

.table-padrao th.col-codigo,
.table-padrao td.col-codigo {
  width: 10%;
  text-align: left;
}
.table-padrao th.col-datahora,
.table-padrao td.col-datahora {
  width: 15%;
  text-align: left;
  white-space: nowrap;
}
.table-padrao th.col-operacao-fin,
.table-padrao td.col-operacao-fin {
  width: 20%;
  text-align: left;
}
.table-padrao th.col-historico,
.table-padrao td.col-historico {
  width: 20%;
  text-align: left;
  font-size: 0.875rem;
  color: #666;
}
.table-padrao th.col-valor-fin,
.table-padrao td.col-valor-fin {
  width: 15%;
  text-align: right;
  font-weight: 600;
  color: #111827;
}
.table-padrao th.col-situacao,
.table-padrao td.col-situacao {
  width: 12%;
  text-align: center;
}
.table-padrao th.col-acoes-fin,
.table-padrao td.col-acoes-fin {
  width: 8%;
  text-align: center;
}

.table-padrao .btn-ver-padrao {
  padding: 0.375rem 0.625rem;
  background: white;
  color: #863031;
  border: 1px solid #863031;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  min-width: 60px;
  justify-content: center;
}
.table-padrao .btn-ver-padrao svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.table-padrao .btn-ver-padrao:hover {
  background: #863031;
  color: white;
}

.paginacao-container {
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e5e7eb;
}
.paginacao-container .paginacao-info {
  font-size: 0.875rem;
  color: #6b7280;
}
.paginacao-container .paginacao-controles {
  display: flex;
  gap: 0.5rem;
}
.paginacao-container .paginacao-controles .paginacao-btn {
  padding: 0.5rem 0.75rem;
  background: white;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.15s;
  font-weight: 500;
}
.paginacao-container .paginacao-controles .paginacao-btn:hover:not(:disabled) {
  border-color: #863031;
  color: #863031;
}
.paginacao-container .paginacao-controles .paginacao-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.paginacao-container .paginacao-controles .paginacao-btn.active {
  border-color: #863031;
  color: #863031;
  font-weight: 600;
}

.filtros-secao {
  padding: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.filtros-secao .filtros-grid {
  display: grid;
  gap: 1rem;
  align-items: end;
}
.filtros-secao .filtros-grid.grid-3 {
  grid-template-columns: 1fr 1fr 1fr auto;
}
.filtros-secao .filtros-grid.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
}
.filtros-secao .filtros-grid.grid-5 {
  grid-template-columns: 1.5fr 1fr 1fr 1fr auto;
}
.filtros-secao .filtro-campo {
  display: flex;
  flex-direction: column;
}
.filtros-secao .filtro-campo label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
}
.filtros-secao .filtro-campo input, .filtros-secao .filtro-campo select {
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.15s;
}
.filtros-secao .filtro-campo input:focus, .filtros-secao .filtro-campo select:focus {
  border-color: #863031;
  box-shadow: 0 0 0 3px rgba(134, 48, 49, 0.1);
}
.filtros-secao .limpar-filtros-btn {
  padding: 0.5rem 1rem;
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}
.filtros-secao .limpar-filtros-btn:hover {
  background: #e5e7eb;
}

.exportar-secao {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0.5rem;
  border-top: 1px solid #e5e7eb;
}
.exportar-secao .exportar-label {
  font-size: 0.875rem;
  color: #6b7280;
  margin-right: auto;
}
.exportar-secao .exportar-btn {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.exportar-secao .exportar-btn svg {
  width: 20px;
  height: 20px;
}
.exportar-secao .exportar-btn span {
  font-size: 0.875rem;
  color: #374151;
  font-weight: 500;
}
.exportar-secao .exportar-btn:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.5rem 0.75rem !important;
  background: white !important;
  color: #374151 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  margin: 0 0.25rem !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-color: #863031 !important;
  color: #863031 !important;
  background: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border-color: #863031 !important;
  color: #863031 !important;
  background: white !important;
  font-weight: 600 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  z-index: 10;
}

.loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.loading-spinner p {
  font-size: 0.875rem;
  color: #969491;
  font-weight: 500;
}

.loading-error {
  text-align: center;
  color: #dc3545;
}
.loading-error p {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
}
.loading-error p:first-child {
  font-weight: 600;
}

.dashboard-main-card {
  position: relative;
}

.dashboard-loading-message {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.75rem 1.25rem;
  background: #fef8f8;
  border: 1px solid #f5d5d5;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.dashboard-loading-message span {
  font-size: 0.875rem;
  color: #863031;
  font-weight: 500;
}
.dashboard-loading-message.hidden {
  display: none;
}

@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.skeleton {
  position: relative;
  overflow: hidden;
}
.skeleton::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(224, 224, 224, 0.8) 0%, rgba(240, 240, 240, 0.9) 20%, rgba(224, 224, 224, 0.8) 40%, rgba(224, 224, 224, 0.8) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s ease-in-out infinite;
  border-radius: 0.5rem;
  z-index: 1;
}
.skeleton * {
  color: transparent !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.skeleton svg {
  opacity: 0.3;
}

@media (max-width: 768px) {
  .filtros-secao .filtros-grid {
    grid-template-columns: 1fr !important;
  }
  .exportar-secao {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .table-list-itens .js_div_loading_datatable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-list-itens .js_div_loading_datatable::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.9), transparent);
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s;
  }
  .table-list-itens .js_div_loading_datatable::-webkit-scrollbar {
    height: 6px;
  }
  .table-list-itens .js_div_loading_datatable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }
  .table-list-itens .js_div_loading_datatable::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
  }
  .table-list-itens .js_div_loading_datatable::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .table-padrao {
    min-width: 800px;
    font-size: 0.8125rem;
  }
  .table-padrao thead th {
    padding: 0.625rem 0.75rem;
    font-size: 0.6875rem;
    white-space: nowrap;
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
  }
  .table-padrao tbody td {
    padding: 0.75rem;
    vertical-align: middle;
  }
  .table-padrao .badge-situacao {
    padding: 0.375rem 0.625rem;
    font-size: 0.6875rem;
    white-space: nowrap;
  }
  .movementFilter {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
    margin-bottom: 1rem;
  }
  .movementFilter fieldset {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
  }
  .movementFilter fieldset label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
    text-transform: uppercase;
  }
  .movementFilter fieldset select, .movementFilter fieldset input {
    width: 100%;
    padding: 0.625rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    background: white;
  }
  .movementFilter fieldset select:focus, .movementFilter fieldset input:focus {
    outline: none;
    border-color: #863031;
    box-shadow: 0 0 0 3px rgba(134, 48, 49, 0.1);
  }
  .movementFilter .btn-clear-filters {
    width: 100% !important;
    padding: 0.75rem !important;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 6px !important;
  }
  .movementFilter .btn-clear-filters svg {
    width: 18px !important;
    height: 18px !important;
  }
  .movementFilter .btn-clear-filters::after {
    content: "Limpar Filtros";
    font-size: 0.875rem;
    font-weight: 500;
  }
  .dataTables_wrapper {
    font-size: 0.875rem;
  }
  .dataTables_wrapper .dataTables_info {
    font-size: 0.75rem;
    padding: 0.75rem 0.5rem;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    padding: 0.75rem 0.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.375rem;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 36px !important;
    height: 36px !important;
    padding: 0.5rem !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem !important;
    border-radius: 6px !important;
    touch-action: manipulation;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    min-width: 80px !important;
    font-weight: 600 !important;
  }
}
@media (max-width: 480px) and (max-width: 375px) {
  .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next):not(.current):nth-child(n+5):nth-last-child(n+5) {
    display: none;
  }
}
@media (max-width: 480px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    padding: 0.75rem;
  }
  .dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.875rem;
  }
  .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_length input, .dataTables_wrapper .dataTables_filter select, .dataTables_wrapper .dataTables_filter input {
    width: 100%;
    padding: 0.625rem;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-size: 0.875rem;
  }
  .padding-pages-movement > div:last-child {
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
  }
  .padding-pages-movement > div:last-child span {
    margin: 0 !important;
    text-align: center;
    width: 100%;
  }
  .padding-pages-movement > div:last-child button {
    width: 100%;
    padding: 0.875rem 1rem !important;
    justify-content: center;
    font-size: 1rem !important;
  }
  .padding-pages-movement > div:last-child button svg {
    width: 24px !important;
    height: 24px !important;
  }
  .padding-pages-movement > div:last-child button span {
    font-size: 1rem !important;
  }
  .financial-grid .financial-subcard {
    padding: 1rem;
  }
  .financial-grid .financial-subcard .subcard-header {
    gap: 0.5rem;
    margin-bottom: 0.75rem;
  }
  .financial-grid .financial-subcard .subcard-header svg {
    width: 20px !important;
    height: 20px !important;
  }
  .financial-grid .financial-subcard .subcard-header .subcard-label {
    font-size: 0.875rem;
  }
  .financial-grid .financial-subcard .subcard-value {
    font-size: 1.5rem;
  }
  .js_img_loading_datatable {
    width: 3rem !important;
    height: 3rem !important;
  }
  .desktop-table-view {
    display: none !important;
  }
  .mobile-cards-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
  }
}
.mobile-cards-container {
  display: none;
}
@media (max-width: 480px) {
  .mobile-cards-container {
    display: flex;
  }
}

.financial-card {
  background: white;
  border-radius: 8px;
  padding: 0.875rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
  transition: all 0.15s;
}
.financial-card:active {
  background: #fafafa;
}
.financial-card .card-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
}
.financial-card .card-header-row .card-code {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
}
.financial-card .card-header-row .card-date {
  font-size: 0.6875rem;
  color: #9ca3af;
  font-weight: 400;
}
.financial-card .card-divider {
  height: 1px;
  background: #f3f4f6;
  margin-bottom: 0.625rem;
}
.financial-card .card-operation {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.financial-card .card-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.625rem;
  line-height: 1;
}
.financial-card .card-badge-container {
  margin-bottom: 0.75rem;
}
.financial-card .card-badge-container .badge-situacao {
  display: inline-flex;
  font-size: 0.6875rem;
  padding: 0.25rem 0.625rem;
}
.financial-card .card-detail-btn {
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: white;
  color: #863031;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  transition: all 0.15s;
  touch-action: manipulation;
}
.financial-card .card-detail-btn svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.financial-card .card-detail-btn:hover {
  background: #fafafa;
  border-color: #863031;
}
.financial-card .card-detail-btn:active {
  background: #f5f5f5;
  transform: scale(0.98);
}

@media (max-width: 480px) {
  .movement-modal.active {
    inset: 0 !important;
  }
  .movement-modal.active > section {
    max-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .movement-modal.active > section > header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 100;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  .movement-modal.active > section > header h2 {
    font-size: 0.9375rem;
    line-height: 1.3;
    margin: 0;
    flex: 1;
  }
  .movement-modal.active > section > header .close-modal-movement {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    background: #f3f4f6;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.15s;
  }
  .movement-modal.active > section > header .close-modal-movement svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
  }
  .movement-modal.active > section > header .close-modal-movement:active {
    background: #e5e7eb;
    transform: scale(0.95);
  }
  .movement-modal.active > section > ul {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    -webkit-overflow-scrolling: touch;
  }
  .movement-modal.active > section > ul > li {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f3f4f6;
  }
  .movement-modal.active > section > ul > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .movement-modal.active > section > ul > li header {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
  }
  .movement-modal.active > section > ul > li span {
    font-size: 0.875rem;
    color: #374151;
    display: block;
  }
  .movement-modal.active > section > ul > li section {
    margin-bottom: 0.75rem;
  }
  .movement-modal.active > section > ul > li section:last-child {
    margin-bottom: 0;
  }
}
.subcard-value.animating,
.stat-value.animating {
  transition: transform 0.2s ease-out;
  transform: scale(1.05);
  color: #2563eb;
  font-weight: 600;
}

.subcard-value,
.stat-value {
  transition: all 0.2s ease-out;
}

.main-dashboard {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.main-dashboard .dashboard-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid {
    gap: 1.5rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid {
    gap: 1.25rem;
  }
}
@media (max-width: 480px) {
  .main-dashboard .dashboard-cards-grid {
    gap: 1rem;
    margin-bottom: 1rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card {
  background: white;
  border-radius: 18px;
  border: 1px solid #DFEAF2;
  padding: 2rem;
}
@media (max-width: 480px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card {
    padding: 1.25rem;
    border-radius: 12px;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card .card-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  color: #863031;
}
@media (max-width: 480px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card .card-title {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.875rem;
  }
}
@media (max-width: 768px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 1.5rem;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard {
    padding: 1.25rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard {
    padding: 1rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-label {
  font-size: 0.95rem;
  color: #666;
  margin-bottom: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-label {
    font-size: 0.875rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-label {
    font-size: 0.8125rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-value {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  color: #863031;
  line-height: 1;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-value {
    font-size: 1.875rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-value {
    font-size: 1.625rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-details {
  font-size: 0.875rem;
  color: #666;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-details .detail-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-details .detail-row:last-child {
  margin-bottom: 0;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-details .detail-row .detail-value {
  font-weight: 600;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-details .detail-row .detail-value.disponivel {
  color: #28a745;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard .subcard-details .detail-row .detail-value.bloqueado {
  color: #dc3545;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard.lotes-subcard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.storage-card .storage-subcard.lotes-subcard svg {
  width: 64px;
  height: 64px;
  margin-bottom: 1rem;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-grid {
    gap: 1rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-grid {
    gap: 0.875rem;
  }
}
@media (max-width: 768px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 1.5rem;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard {
    padding: 1.25rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard {
    padding: 1rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1rem;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-header svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-header svg {
    width: 20px;
    height: 20px;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-header svg path {
  stroke: #863031;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-header .subcard-label {
  font-size: 0.95rem;
  color: #666;
  font-weight: 500;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-header .subcard-label {
    font-size: 0.875rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-header .subcard-label {
    font-size: 0.8125rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 1400px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value {
    font-size: 1.5rem;
  }
}
@media (max-width: 1200px) {
  .main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value {
    font-size: 1.375rem;
  }
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value.receitas {
  color: #28a745;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value.despesas {
  color: #dc3545;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value.receber {
  color: #28a745;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value.receber.zero {
  color: #969491;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard .subcard-value.pagar {
  color: #863031;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard.receber-card .subcard-header svg path {
  stroke: #969491;
}
.main-dashboard .dashboard-cards-grid .dashboard-main-card.financial-card .financial-subcard.receber-card.has-value .subcard-header svg path {
  stroke: #28a745;
}
@media (max-width: 1024px) {
  .main-dashboard .dashboard-cards-grid {
    grid-template-columns: 1fr;
  }
}
.main-dashboard .news-section {
  background: white;
  border-radius: 18px;
  border: 1px solid #DFEAF2;
  padding: 2rem;
  display: block !important;
  flex-direction: column !important;
}
.main-dashboard .news-section .title-system {
  font-size: 1.5rem;
  font-weight: bold;
  color: #863031;
  margin: 0 0 2rem 0;
  display: block !important;
}
.main-dashboard .news-section .news-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
  list-style: none !important;
  padding: 0 !important;
}
.main-dashboard .news-section .news-grid .news-item a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: all 0.3s ease;
  height: 100%;
}
.main-dashboard .news-section .news-grid .news-item a:hover {
  transform: translateY(-4px);
}
.main-dashboard .news-section .news-grid .news-item a:hover .news-image {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.main-dashboard .news-section .news-grid .news-item a .news-image {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  margin-bottom: 1rem;
  transition: box-shadow 0.3s ease;
}
.main-dashboard .news-section .news-grid .news-item a .news-title {
  font-size: 1rem;
  font-weight: 600;
  color: #863031;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.main-dashboard .news-section .news-grid .news-item a .news-date {
  font-size: 0.875rem;
  color: #969491;
  font-weight: 400;
}
.main-dashboard .news-section .news-grid .no-data {
  grid-column: 1/-1;
  text-align: center;
  color: #969491;
  font-size: 1rem;
  padding: 3rem;
}
@media (max-width: 1200px) {
  .main-dashboard .news-section .news-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .main-dashboard .news-section .news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .main-dashboard .news-section .news-grid {
    grid-template-columns: 1fr;
  }
}
.main-dashboard .news-section .btn-more-news {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  padding: 0.75rem 2rem;
  border: 1px solid #863031;
  border-radius: 8px;
  background: white;
  color: #863031;
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}
.main-dashboard .news-section .btn-more-news:hover {
  background: #863031;
  color: white;
}
.main-dashboard > div:last-child {
  display: flex;
  gap: 1.625rem;
}
.main-dashboard > div:last-child > div {
  background-color: #FFFFFF;
  border: 1px solid #DFEAF2;
  border-radius: 1.125rem;
  width: 100%;
  flex: 1;
}
.main-dashboard > div:last-child > div:first-child > h3 {
  margin: 1.5625rem 2.4375rem 1.25rem 2.4375rem;
}
.main-dashboard > div:last-child > div:last-child {
  padding: 1.5625rem 1.4375rem 1.875rem 2.125rem;
}
.main-dashboard > div:last-child > div:last-child > h3 {
  margin-bottom: 1.25rem;
}
.main-dashboard > div:last-child > div > table {
  width: 100%;
}
.main-dashboard > div:last-child > div > table tr {
  border: 0;
  border-top: 1px solid #E6EFF5;
}
.main-dashboard > div:last-child > div > table tr > td:first-child, .main-dashboard > div:last-child > div > table tr th:first-child {
  border-left: 0;
  padding-left: 2.5rem;
}
.main-dashboard > div:last-child > div > table tr td, .main-dashboard > div:last-child > div > table tr th {
  border-left: 1px solid #E6EFF5;
  font-size: 0.9375rem;
  text-align: left;
}
.main-dashboard > div:last-child > div > table tr th {
  font-weight: bold;
  color: #863031;
  padding: 0.75rem 1rem 0.3125rem 1.6875rem;
}
.main-dashboard > div:last-child > div > table tr td {
  color: #969491;
  padding: 0.625rem 1rem 0.4375rem 1.6875rem;
}
.main-dashboard > div:last-child > div > table tr td > p {
  display: flex;
  align-items: center;
  gap: 6px;
}
.main-dashboard > div:last-child > div > table tr td > p.left-arrow::before, .main-dashboard > div:last-child > div > table tr td > p.right-arrow::before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid transparent;
}
.main-dashboard > div:last-child > div > table tr td > p.left-arrow::before {
  border-right: 0.625rem solid #863031;
}
.main-dashboard > div:last-child > div > table tr td > p.right-arrow::before {
  border-left: 0.625rem solid #00614F;
}
.main-dashboard > div:last-child > div > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  border-top: 1px solid #DFEAF2;
  background-color: #863031;
  border-radius: 0 0 1.125rem 1.125rem;
  transition: all 0.2s linear;
}
.main-dashboard > div:last-child > div > a > span {
  color: #FFFFFF;
  font-size: 0.9375rem;
}
.main-dashboard > div:last-child > div > a:hover {
  background-color: #9b4647;
}
.main-dashboard > div:last-child > div > ul > li:not(:last-child) {
  border-bottom: 0.0625rem solid #E6EFF5;
  padding-bottom: 0.8125rem;
  margin-bottom: 0.8125rem;
}
.main-dashboard > div:last-child > div > ul > li > a {
  display: flex;
  align-items: center;
}
.main-dashboard > div:last-child > div > ul > li > a > header {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  background-color: #F5F7FA;
  min-width: 6.4375rem;
  padding-right: 0.875rem;
  border-radius: 0 8px 8px 0;
}
.main-dashboard > div:last-child > div > ul > li > a > header > img {
  display: inline-block;
  width: 3.25rem;
  height: 2.875rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-dashboard > div:last-child > div > ul > li > a > header > strong {
  font-size: 0.6875rem;
  text-align: center;
  color: #863031;
}
.main-dashboard > div:last-child > div > ul > li > a > p {
  margin-left: 1.1875rem;
  font-size: 0.9375rem;
  color: #969491;
}
@media (max-width: 920px) {
  .main-dashboard > div:first-child, .main-dashboard > div:last-child {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .main-dashboard {
    gap: 1.125rem;
  }
  .main-dashboard > div:first-child {
    gap: 1.1875rem;
    flex-direction: column;
  }
  .main-dashboard > div:first-child > div {
    min-height: 6.75rem;
  }
  .main-dashboard > div:first-child > div:not(.quote-the-day) {
    padding: 1.625rem 1.375rem;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 0.5rem;
  }
  .main-dashboard > div:first-child > div:not(.quote-the-day) > img {
    margin: 0;
  }
  .main-dashboard > div:first-child > div:not(.quote-the-day) > div > h3 {
    font-size: 1.8125rem;
  }
  .main-dashboard > div:first-child > div:not(.quote-the-day) > div > p {
    font-size: 0.8125rem;
  }
  .main-dashboard > div:first-child > div:not(.quote-the-day) > div > h3, .main-dashboard > div:first-child > div:not(.quote-the-day) > div > p {
    text-align: right;
  }
  .main-dashboard > div:first-child > div.quote-the-day {
    padding: 1.4375rem 1.0625rem 1.875rem 1.0625rem;
  }
  .main-dashboard > div:first-child > div.quote-the-day > h3 {
    text-align: center;
  }
  .main-dashboard > div:first-child > div.quote-the-day > ul > li {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
  }
  .main-dashboard > div:first-child > div.quote-the-day > ul > li:not(:last-child) {
    padding-bottom: 0.875rem;
    margin-bottom: 0.875rem;
  }
  .main-dashboard > div:first-child > div.quote-the-day > ul > li > p {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.125rem;
    justify-content: flex-end;
    font-size: 0.875rem;
  }
  .main-dashboard > div:first-child > div.quote-the-day > ul > li > p > br {
    display: none;
  }
  .main-dashboard > div:last-child {
    gap: 1.125rem;
  }
  .main-dashboard > div:last-child > div:first-child > h3 {
    margin: 1.5625rem 2.4375rem;
  }
  .main-dashboard > div:last-child > div > a {
    height: 4.5rem;
  }
}

.schedule {
  position: relative;
  max-width: 55.3125rem;
  margin: 0 auto;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.schedule tr, .schedule th, .schedule .fc-theme-standard td, .schedule .fc-theme-standard th, .schedule .fc-theme-standard .fc-scrollgrid {
  color: color-gray-400;
  border: 0 !important;
  position: relative;
}
.schedule .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 20px);
  min-height: 10px;
}
.schedule .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events, .schedule .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-h-event {
  height: 40px;
  width: 40px;
}
.schedule .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-h-event {
  font-size: 0.8125rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.schedule .fc .fc-toolbar {
  justify-content: flex-end;
  flex-direction: row-reverse;
  background-color: color-gray-400;
  border-bottom: 0;
  padding: 10px;
}
.schedule .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  border-radius: 5px;
}
.schedule .fc .fc-view-harness {
  border-radius: 5px;
}
.schedule .fc .fc-toolbar-title {
  font-size: 1em;
  text-transform: uppercase;
  color: #863031;
  margin-left: 10px;
  font-weight: bold;
}
.schedule .fc .fc-daygrid-day.fc-day-today {
  background-color: #863031 !important;
  border-radius: 3px;
}
.schedule .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color: #FFFFFF !important;
}
.schedule .fc .fc-col-header-cell-cushion {
  text-transform: uppercase;
  font-weight: bold;
  color: #863031;
  font-size: 0.8125rem;
}
.schedule .fc .fc-theme-standard th {
  border-bottom: 0 !important;
}
.schedule .fc .fc-daygrid-day-frame, .schedule .fc .fc-daygrid-day-top {
  display: grid !important;
}
.schedule .fc .fc-daygrid-day-top {
  font-size: 0.8125rem;
  align-items: center;
  text-align: center;
  line-height: 0.7;
}
.schedule .fc .fc-button-group .fc-button-primary {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #863031 !important;
  outline: none !important;
}
.schedule .fc .fc-button:focus {
  box-shadow: none !important;
}
.schedule .fc .fc-today-button {
  display: none !important;
}
.schedule .fc .fc-daygrid-event-harness {
  position: static;
  visibility: visible !important;
}
.schedule .fc .fc-h-event {
  position: absolute;
  top: -0.5625rem;
  background-color: #863031 !important;
  border-color: #863031 !important;
}
.schedule .fc .fc-daygrid-event {
  white-space: normal !important;
  line-height: 1.2;
}
.schedule .fc .fc-daygrid-day-number {
  color: #863031;
  font-weight: bold;
}
.schedule .fc .fc-day-other .fc-daygrid-day-number {
  color: #141414 !important;
}
.schedule .modal-calendar {
  width: 100%;
  height: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(6, 21, 50, 0.8);
}
.schedule .modal-calendar ::-webkit-scrollbar {
  width: 7px;
  padding: 10px 0;
}
.schedule .modal-calendar ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.schedule .modal-calendar ::-webkit-scrollbar-thumb {
  background: #863031;
  border-radius: 10px;
}
.schedule .modal-calendar ::-webkit-scrollbar-thumb:hover {
  background: #863031;
  cursor: pointer;
}
.schedule .modal-calendar > div {
  width: 600px;
  padding: 30px;
  border-radius: 10px;
  background-color: white;
  position: relative;
  border: 1px solid rgba(6, 21, 50, 0.8);
  max-height: 450px;
}
.schedule .modal-calendar > div .close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: 0;
  padding: 0 5px;
  font-size: 22px;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  color: #00614F;
}
.schedule .context-modal {
  font-size: var(--font-size-small);
  line-height: 1.2;
  color: #969491;
}
.schedule .context-modal .primary-upercase {
  text-transform: capitalize;
}
.schedule .context-modal .div-flex-dates-modal {
  display: flex;
  justify-content: space-between;
}
.schedule .context-modal i {
  color: #00614F;
  font-size: 20px;
}
.schedule .context-modal > article {
  border-top: 1px solid red;
  margin-top: 25px;
  padding-top: 25px;
}
.schedule .context-modal > article > header {
  display: grid;
  grid-gap: 25px;
}
.schedule .context-modal > article > header h1 {
  color: #863031;
  font-size: var(--font-size-medium);
  text-transform: uppercase;
  text-align: center;
}
.schedule .context-modal > article:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 480px) {
  .schedule tr, .schedule th, .schedule .fc-theme-standard td, .schedule .fc-theme-standard th, .schedule .fc-theme-standard .fc-scrollgrid {
    background-color: color-grey-400;
    border: 0 !important;
    position: relative;
  }
  .schedule .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    top: calc(50% - 20px);
    left: calc(50% - 15px);
    min-height: 10px;
  }
  .schedule .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events, .schedule .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-h-event {
    height: 30px;
    width: 30px;
  }
  .schedule .fc .fc-h-event {
    top: 0;
  }
}