@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');


:root {
  font-family: 'Geist', serif !important;
  --topbar-color: white;
  --sidebar-bg-color: white;
  --sidebar-color: #545454;
  --sidebar-link-color: rgb(35, 6, 117);


  --scroll-fg-color: gainsboro;
  --scroll-bg-color: rgba(153, 153, 153, 0.1);
  --input-border-radius: 6px;
  --input-border-style: 1px solid #BBC3CB;
  --button-border-radius: 4px;
  --input-bg-color: white;

}

body,
div,
section,
button,
input,
span,
label,
form,
a,
span,
label,
h6,
h5,
h4,
h3,
h2,
h1 {
  font-family: 'Geist', serif !important;
}

/* Scroll Bar Styles */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: var(--scroll-fg-color) var(--scroll-bg-color);
}

/* Chrome, Edge */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 20px;
  border: 3px solid rgba(153, 153, 153, 0.1);
}

/* input.adminjs_Input {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  border: var(--input-border-style) !important;
  background: var(--input-bg-color) !important;
}  */
/* section.login__Wrapper>section.adminjs_Box {
  border-radius: 16px;
} */
/* 
input.adminjs_Input {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  border: var(--input-border-style) !important;
  background: var(--input-bg-color) !important;
} */

/* input.adminjs_Input {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  border: var(--input-border-style) !important;
  background: var(--input-bg-color) !important;
}

.adminjs_DatePicker>.react-datepicker-wrapper {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  border: var(--input-border-style) !important;
  background: var(--input-bg-color) !important;
}

.react-datepicker {
  border-radius: var(--input-border-radius) !important;
  border: var(--input-border-style) !important;
}
 */

/* 

input.adminjs_CurrencyInput {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  border: var(--input-border-style) !important;
  background: var(--input-bg-color) !important;
}

textarea.adminjs_Input {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  border: var(--input-border-style) !important;
  background: var(--input-bg-color) !important;
} */

input#password {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  border: var(--input-border-style) !important;
  background: var(--input-bg-color) !important;
}


div.adminjs_Select>div {
  border-radius: var(--input-border-radius) !important;
  min-height: 42px;
  /* border: 1px solid #E0E0E0  !important; */
  border: var(--input-border-style) !important;
  /* border: var(--input-border-style) !important; */
  background: var(--input-bg-color) !important;
}

.adminjs_Button {
  border-radius: var(--button-border-radius) !important;
}

/* .adminjs_Button[data-testid='action-uploadXLS'] {
  border-radius: 12px !important;
  height: 30px !important;
  display: flex;
  align-items: center;
} */


/* button {
  border-radius: 12px !important;
} */

/* Oculta o botão do menu lateral em telas maiores que 768px */
@media (min-width: 1366px) {
  .adminjs_SidebarToggle {
    display: none !important;
    /* Esconde o botão */
  }
}


.adminjs_Overlay+.adminjs_Box {
  border-radius: 16px !important;
}

/* #app > section > section > section > section > section:nth-child(2){
  background-color: transparent !important;
} */

/* section.login__Wrapper > section.adminjs_Box > section.adminjs_Box{
    display: none;
  } */

/* section.login__Wrapper>section.adminjs_Box>section.adminjs_Box h2,
section.login__Wrapper>section.adminjs_Box>section.adminjs_Box div {
  display: none;

} */



/* section.login__Wrapper>section.adminjs_Box>section.adminjs_Box > img{
  width: 64px !important;
  height: 64px !important;
} */

/* section.login__Wrapper>section.adminjs_Box>section.adminjs_Box {
  padding: 0px !important;
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

section.login__Wrapper>section.adminjs_Box>section.adminjs_Box::after {
  content: ' ';
  width: 250px;
  height: 250px;


  background-image: url('/public/images/image.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 35px;
  position: absolute;
} */

/* section.login__Wrapper>section.adminjs_Box {
  height: fit-content !important;
} */

/* section.login__Wrapper>section.adminjs_Box>form.adminjs_Box {
  width: 360px !important;
} */







/* .adminjs_ActionHeader > .adminjs_Box:nth-child(2) > .adminjs_Box:nth-child(1) .adminjs_Header.adminjs_H2  {
  color: transparent;
  height: 0px;
  width: fit-content;
}

.adminjs_ActionHeader > .adminjs_Box:nth-child(2) > .adminjs_Box:nth-child(1) .adminjs_Header.adminjs_H2  .adminjs_Badge {
  width: fit-content;
  height: fit-content;
  position: relative;
  left: -80px;
}

.adminjs_ActionHeader > .adminjs_Box:nth-child(2) > .adminjs_Box:nth-child(1) .adminjs_Header.adminjs_H2  .adminjs_Badge::after {

  content: "Resultados";
  margin-left: 8px;

}
.adminjs_ActionHeader > .adminjs_Box:nth-child(2) > .adminjs_Box:nth-child(2)  {
  width: max-content;
  display: flex;
  justify-content: end;
  align-items: center;
} */





/* section[name='container-table'] {
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
	background: transparent;
	margin-bottom: 12px;
} */
/* 
.adminjs_Pagination {
  border: none !important;
}

.adminjs_Pagination .adminjs_PaginationLink {
  border: none !important;

  min-width: 32px !important;
  height: 32px !important;
  font-size: 12pt;

  border-radius: 99px !important;
}

.adminjs_Pagination .adminjs_PaginationLink:hover {
  border: 1px solid !important;
}

.adminjs_Pagination .adminjs_PaginationLink[data-testid='first'] {
  margin: 0px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
  border-radius: 99px !important;
  transform: scale(1.1) !important;

}

.adminjs_Pagination .adminjs_PaginationLink[data-testid='last'] {
  margin: 0px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
  transform: scale(1.1) !important;

}

.adminjs_Pagination .adminjs_PaginationLink.current {

  margin: 0px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
  border-radius: 99px !important;
  transform: scale(1.1) !important;

} */

.adminjs_Box[data-testid='property-edit-password'] div div {}

.adminjs_Box[data-testid='property-edit-password'] div div button,
.adminjs_Box#edit-form-password div div button {

  width: 0px !important;
  top: 4px !important;
  right: 8px !important;
  position: absolute;

  border: none !important;
}

input#password {
  border-radius: 6px !important;
  min-height: 42px !important;
  border: 1px solid #BBC3CB !important;
}

input#newPassword {
  border-radius: 6px;
  min-height: 42px;
  border: 1px solid #BBC3CB;
}

/* .adminjs_Table td {
  padding: 8px !important;
  border: 1px solid gainsboro !important;
  border-radius: 8px !important;
  border-end-end-radius: 8px !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-end-start-radius: 8px !important;
} */


/* [data-css="sidebar"] section  ul  li a ul li {
  margin: 0px !important;
  margin-bottom: 0px !important;
} */

/* [data-css="sidebar"] a:hover {
  color: var(--sidebar-link-color);
  background: var(--sidebar-bg-color) !important;
}


section[data-css='styled-wrapper'] section {

  border-radius: 35px;
}

form.adminjs_Box > section:nth-child(1) {
  border: none;
  border-radius: 0px;
  border-top-right-radius: 35px;
  border-top-left-radius: 35px;
}

form.adminjs_Box > section:nth-child(2) {
  border: none;
  display: flex;
  border-radius: 0px;
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
}


.adminjs_Box_InputFileImage  div {
  border-radius: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
} */

/* Table items */

.adminjs_Badge {

  /* border-radius: 0px !important; */
}

/* table.adminjs_Table thead{
  border: 1px saddlebrown;
  border-top-left-radius: 35px !important;
  border-top-right-radius: 35px !important;
} */


/* 
@media screen and (width > 1280px) {
  section[data-css='styled-wrapper'] {
    width: 1280px;
  }
} */


[id^="UNIQUE_KEY_MODAL"]>section>section {

  font-size: 0;
  border: var(--input-border-style) !important;
}


[id^="UNIQUE_KEY_MODAL"]>section>section[color="text"] {

  padding: 0px;

}


[id^="UNIQUE_KEY_MODAL"]>section>section[color="text"]>button.close-button {
  top: 0px;
  right: 0px;
  border: 2px solid white;
  background-color: whitesmoke;
  border-radius: 0px 14px 0px 8px !important;
}


[id^="UNIQUE_KEY_MODAL"]>section>section[color="text"]>section:last-child {
  border-radius: 16px;
  padding: 0px 24px 24px 24px;
}

[id^="UNIQUE_KEY_MODAL"]>section>section[color="text"]>form:last-child,

[id^="UNIQUE_KEY_MODAL"]>section>section[color="text"]>form:last-child section:first-child {
  border-radius: 16px;
}

[id^="UNIQUE_KEY_MODAL"]>section>section[color="text"]>label:first-child {
  padding: 48px 24px 0px 24px;
}


[id^="UNIQUE_KEY_MODAL"]>section>section[color="text"]>h5 {
  /* padding: 24px 24px 24px 24px !important; */
  margin-left: 24px;
  margin-right: 24px;
}


.adminjs_MessageBox>.adminjs_Box {
  /* display: flex; */
  align-items: center;
}

.adminjs_MessageBox>.adminjs_Box>section:nth-child(2) {
  display: flex;
  align-items: center;
  margin-left: 18px;
}


.adminjs_Box[data-css='notice'] .adminjs_MessageBox {}

/* Estilo que aplica ao toasty que exibe antes no canto superior esquerdo e agora está no canto inferior esquerdo */
.adminjs_Box[data-css='notice'] {
  top: auto;
  left: 8px;
  bottom: 8px;
}