/*
  Stylesheet: Post Development Stylesheet

  Add your custom CSS styles styles here
  to prevent override when compiling the 
  main stylesheet
*/
body {
  font-family: "Nexa", sans-serif;
}

.ant-picker.ant-picker-range.ant-picker-focused {
  width: 100%;
}

.ant-picker.ant-picker-range {
  width: 100%;
}

#modalHistoric {
  background-size: calc(80%);
}

.ant-btn.ant-btn-circle {
  position: absolute;
  top: 10px;
  right: 10px;
}

h5#modal-title {
  color: rgba(36, 42, 101, 1); 
}

.ant-picker, .ant-alert {
  border-radius: 8px;
}

.ant-picker-input > input {
  color: rgba(36, 42, 101, 1);
}

.ant-picker-input > input:focus {
  border-color: transparent;
}

.ant-picker-input > input {
  cursor: auto;
}

@media (max-width: 1100px) {
  .icon-header
  {
    display: none;
  }
}

.dark-theme .ant-picker-content thead {
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid #DADDED;
}

.dark-theme table.ant-picker-content thead tr th:first-child {
  padding-left:15px;
  color: rgb(36, 42, 101);
  font-weight:800;
  font-size:0.875rem
}

.dark-theme table.ant-picker-content tbody tr {
  background-color: rgb(247, 248, 251);
}

.dark-theme table.ant-picker-content tbody tr:nth-child(2n) {
  background-color: rgb();
}

.dark-theme table.ant-picker-content tbody tr:nth-child(2n+1) {
  border-bottom: 1px solid rgb(239, 240, 247);
}
.dark-theme table.ant-picker-content tbody tr:nth-child(2n) {
  border-bottom:1px solid #EFF0F7
}

.dark-theme h5#modal-title {
  color: #fefefe;
}

.ant-btn > .anticon {
  line-height: 0;
}

.close-button, .dark-theme .close-button {
  padding: 0px;
  border-radius:50%;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: #DADDED;
}

.identity {
  gap: 1rem;
}

.ant-btn {
  border: 0px;
}

.light-theme .ant-btn.ant-btn-circle.close-button:hover {
  background-color: #B5BADA;
  color: rgba(0, 0, 0, 0.85);
}

.dark-theme .reveal {
  background-color: #142d55;
}

.dark-theme #dynamic-content input {
  background-color: #12284f;
}

.hidden {
  display: none;
}

#myChart {
  width:100% !important;
  padding: 15px 15px 0 0; 
}

.fill-icon-svg {
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke-linejoin: round;
  stroke-miterlimit: 2;
}

#sun-icon, #moon-icon  {
  cursor: pointer;
}