@import url(puverizacao.css);
@import url(photos.css);
@import url(approved.css);
@import url(redirect.css);
@import url(webchat.css);
@import url(details.css);
@import url(diagnostic_card.css);
@import url(darkmode.css);

/* CSS Document */
/*------------------------------------- FONTES -----------------------------*/
@font-face {
  font-family: "robotobold";
  src: url("/public/fonts/roboto-bold-webfont.eot");
  src: url("/public/fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"),
    url("/public/fonts/roboto-bold-webfont.woff2") format("woff2"),
    url("/public/fonts/roboto-bold-webfont.woff") format("woff"),
    url("/public/fonts/roboto-bold-webfont.ttf") format("truetype"),
    url("/public/fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotoregular";
  src: url("/public/fonts/roboto-regular-webfont.eot");
  src: url("/public/fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("/public/fonts/roboto-regular-webfont.woff2") format("woff2"),
    url("/public/fonts/roboto-regular-webfont.woff") format("woff"),
    url("/public/fonts/roboto-regular-webfont.ttf") format("truetype"),
    url("/public/fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "robotothin";
  src: url("/public/fonts/roboto-thin-webfont.eot");
  src: url("/public/fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"),
    url("/public/fonts/roboto-thin-webfont.woff2") format("woff2"),
    url("/public/fonts/roboto-thin-webfont.woff") format("woff"),
    url("/public/fonts/roboto-thin-webfont.ttf") format("truetype"),
    url("/public/fonts/roboto-thin-webfont.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*------------------ ICONS --------------------*/
@import url(uicons-regular-rounded.css);

.icon-search {
  position: absolute;
  margin-left: -20px;
  margin-top: -10px;

}

/*-------------------- CSS GERAL SITE CENTRALIZADO NA PAGINA, TAMANHO DO TEXTO E RETIRADA DE ATRIBUTOS DO COMANDO LISTA (UL-OL-LI)-------------------------*/
:root {
  --color_1: rgba(146, 190, 168, 1);
  --color_2: rgba(214, 226, 219, 1);
  --color_3: rgba(255, 250, 175, 1);
  --color_grey: rgb(242, 242, 242);
  --color_gray_table: rgb(192, 192, 192);
  --color_back: rgba(250, 250, 250, 1);
  --color_white: rgba(248, 254, 252, 1);
  --color_text: rgba(51, 51, 51, 1) !important;
  --color_text_gray: rgba(269, 269, 269, 1);
  --card_white: rgba(255, 255, 255, 1);
  --color_green: rgb(48, 181, 53);
  --color_green_strong: rgb(1, 120, 5);
  --color_green_chat: rgb(36, 166, 85);
  --alert_green: rgb(0, 95, 55);
  --alert_red: rgb(255, 0, 0);
  --alert_orange: rgb(225, 135, 0);
  --alert_blue: rgb(19, 93, 163);
  --alert_black: rgb(60, 60, 60);
  --alert_grey: rgb(155, 155, 155);
}

body {
  background: var(--color_back);
  font-family: "robotoregular";
  font-weight: 400 !important;
  font-style: normal !important;
  white-space: normal !important;
  margin: 0;
  padding: 70px 2% 0 2%;
  color: rgba(54, 54, 54, 1);
  /*font-size:15px;*/
  text-align: left;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

body::-webkit-scrollbar {
  /*width: 5px;*/
  background-color: #F5F5F5;

}

body::-webkit-scrollbar-thumb {
  background-color: rgb(0, 95, 55);
  border-radius: 3px;
}

svg {
  width: 36px;
  height: 36px;
  fill: currentColor;
  vertical-align: bottom;
}

.not-found {
  padding: 10px;
}

.div_grid_resolution {
  position: relative;
  clear: both;
  width: 100%;
  overflow-x: auto;
  z-index: 1;
}

table.responsive-table {
  z-index: 1;
}

table.highlight.striped  a {
	color: var(--text-color);
	text-decoration: underline;
} 
table.striped>tbody>tr:nth-child(even) {
  background-color: rgba(214, 211, 211, 0.4) !important;
}

table.highlight>tbody>tr:hover {
  background-color: rgba(67, 160, 71, 0.2) !important;
}

th {
  padding: 10px 5px !important;
  text-align: left !important;
  white-space: nowrap;
}

td {
  padding: 10px 5px !important;
  text-align: left !important;
}

td i:hover>input,
i:hover>input {
  color: rgb(54, 54, 54) !important;
  cursor: pointer !important;
}

.td-no-break {
  white-space: nowrap !important;
}

thead {
  background-color: var(--color_gray_table);
  font-weight: 200 !important;
  font-style: normal !important;
}

.checkbox-messages-form {
  text-align: justify;
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
}

.checkbox_table {
  height: 37px !important;
  margin: 14px;
}

.checkbox_table span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: normal;
  margin: 3px;
  padding: 5px;
  height: 37px !important;
  text-transform: capitalize;
  border-radius: 3px;
}

.checkbox_pernalizado {
  width: 200px;
  height: 37px !important;
  margin: 14px;
}

.checkbox_pernalizado span {
  width: 200px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: normal;
  margin: 3px;
  padding: 5px;
  height: 27px !important;
  text-transform: capitalize;
  font-size: .9rem !important;

}

.input-field.col label {
  padding-left: 5px !important;
}

[type="checkbox"].filled-in+span:not(.lever):before,
[type="checkbox"].filled-in+span:not(.lever):after {
  top: 7px !important;
  left: 3px !important;
}

.dt-buttons {
  display: flex;
  justify-content: end;
}

.buttons-excel {
  cursor: pointer;
  border: none;
}

.dataTables_filter,
.dataTables_info {
  text-align: left !important;
  padding-left: 5px !important;
}

.dataTables_info {
  margin-bottom: 5px !important;
}

label {
  color: rgba(54, 54, 54, 1) !important;
}

/*----------------- NEW MENU ---------------*/
.mult_menu {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 15px 0 0 25px;
  flex-wrap: wrap;
}

.mult_menu a {
  color: rgb(51, 51, 51) !important;
}

.mult_menu_item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 250px;
  height: 42px;
  margin: 0 10px 10px 10px;
  background: rgb(198, 198, 198);
  padding-left: 10px;
  font-size: 15px;
  border: 1px solid rgb(51, 51, 51);
  text-align: center;
  overflow: hidden;
}

.mult_menu_item_main {
  display: flex;
  justify-content: start;
  align-items: center;
  cursor: pointer;

  padding-right: 8px;
}

.mult_menu_item:hover {
  border-color: rgb(240, 240, 240);
}

.mult_menu_item:hover,
.mult_menu_item:hover>a {
  background: var(--alert_green);
  color: rgba(240, 240, 240, 1) !important;
}

.mult_menu_item:hover>.mult_menu_item_actions {
  border-color: rgb(240, 240, 240);
}

.mult_menu_item_actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-left: 1px solid rgb(51, 51, 51);
  background: rgb(151, 151, 151) !important;
  padding: 0 10px 0 5px;
  height: 42px;
}

.mult_menu_item_actions a:nth-child(2) {
  border-left: 1px solid rgb(51, 51, 51);
  padding-left: 5px;
}

.mult_menu_item_main i {
  margin-right: 5px;
}

.mult_menu_item_link {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/*----------------- LOGIN ------------------*/
.login {
  /* background: radial-gradient(55.87% 55.87% at 35.49% -18.37%, #aad7c0 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(70.81% 48.44% at -24.53% -16.02%, #8bc8b3 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(91.61% 92.58% at 104.86% -43.36%, #82dd7b 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(50.59% 55.55% at -2.99% -8.69%, #86f2c6 9.06%, rgba(255, 255, 255, 0) 100%), #e6edda; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: relative;
  padding: 0 !important;
}

/*
.login_bottom {
  background-image: url("../img/layout/backgroundLogin.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  width: 100vw;
  height: 85px;
} */

.login_login {
  width: 390px;
  border-radius: 10px;
  overflow: hidden;
  padding: 25px;
  text-align: center;
  margin: auto 0;
  border: 1px solid rgba(200, 200, 200, .5);
}

.login_logo {
  margin: 25px auto;
  display: block;
  width: 75%;
}

.login_area_restrita {
  clear: both;
  margin: 5px auto 0 auto;
  font-size: 1em;
}

.login_area_restrita a:hover {
  color: var(--color_1);
}

.login_login__submit {
  border-radius: 2px !important;
  width: 75%;
  margin: 0 auto;
  background-color: var(--color_green) !important;
}

.login_login__voltar {
  display: flex;
  justify-content: flex-end;
  font-size: 0.9em;
}

.login_login__voltar span {
  padding: 5px;
  margin: 5px;
}

.login_login__voltar span:hover {
  cursor: pointer;
  color: var(--color_1);
}

/*--- Carregando... -----*/
.ajax_loading {
  position: relative;
  border-radius: 5px;
  min-height: 15vw;
  margin: 15% auto 30px auto;
  padding: 15px;
}

#svg {
  width: 450px;
}

/*---------------- LOADING MAIN PAGE -------------------*/
#homeLoading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: radial-gradient(55.87% 55.87% at 35.49% -18.37%, #aad7c0 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(70.81% 48.44% at -24.53% -16.02%, #8bc8b3 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(91.61% 92.58% at 104.86% -43.36%, #82dd7b 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(50.59% 55.55% at -2.99% -8.69%, #86f2c6 9.06%, rgba(255, 255, 255, 0) 100%), #e6edda;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

#homeLoading img {
  width: 200px;

}

/* ------------------- TITLE PAGES -------------------- */
.container_title {
  padding: 0.35em 0.75em 0.625em;
}

.title_page {
  font-size: 1.75em;
  color: rgb(60, 72, 88);
  text-transform: uppercase;
}

.title_text {
  font-size: 1.4em;
  color: rgb(153, 153, 153);
  text-transform: uppercase;
}

.main_title_page {
  font-size: 1.75em;
  color: rgb(240, 240, 240);
  background: linear-gradient(270deg, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
  text-transform: uppercase;
  text-align: right;
  padding-right: 15px;
  margin-top: 5px;
}

.main_title_page>i {
  width: 25px;

}

.main_title_page_link {
  color: rgb(51, 51, 51) !important;
  display: flex;
  justify-content: start;
  align-items: center;
}

.main_title_page_link i {
  margin: 0 10px;
  color: #0d613c;
}

/*-------------------- HEADER -------------------------*/
#header {
  position: relative;
  clear: both;
  background: var(--color_back);
  box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.49);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px 0 10px;
  height: 45px;
}

.header_bem_vindo {
  position: absolute;
  top: 0;
  left: 150px;
  display: table;
  color: var(--color_text);
  padding: 5px;
  text-align: right;
  margin-right: 25px;
  font-size: 12px;
}

.logo_header {
  vertical-align: text-top;
  cursor: pointer;
  width: 100%;
  background: none;
  margin: 0 auto 0 0px;
}

#header_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 460px;
}

.header_menu {
  height: 100%;

  overflow-x: auto;
}

.header_menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.header_menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;

}

.header_menu::-webkit-scrollbar-thumb {
  background-color: rgb(0, 95, 55);
  border-radius: 3px;
}

.header_menu a i {
  justify-content: center;
  align-items: center;
}

.header_itens_menu {
  padding: 0;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(54, 54, 54);
  border-bottom: 1px solid transparent;
  width: 70px;
}

.header_itens_menu:hover {
  border-bottom: 1px solid var(--color_text);
  cursor: pointer;
}

.header_itens_menu:hover {
  border-bottom: 1px solid var(--color_text);
  cursor: pointer;
}

.header_itens_menu:hover>svg {
  color: var(--color_green);
}

.sidenav-overlay {
  z-index: 99999 !important;
}

.sidenav {
  z-index: 999999 !important;
}

#header>.header_itens_menu:nth-child(2) {
  margin-right: auto;
  width: 130px;
  padding: 0 25px;
  box-sizing: content-box;
  margin-top: -3px;
}

#header>.header_itens_menu:nth-child(2):hover,
#header>.header_itens_menu:nth-child(1):hover,
#header>.header_itens_menu:last-child:hover {
  border-bottom: 1px solid transparent;
}

#header>.header_itens_menu:nth-child(2) img {
  width: 100%;
}

.header_itens_menu:first-child:hover {
  background: none !important;
}

.header_itens_menu_svg {
  color: rgb(60, 72, 88);
}

.uppercase {
  text-transform: uppercase;
}

.header_menu_warning {
  position: absolute;
  top: 30%;
  right: 0;
  width: 25px;
  height: 25px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 1);
  background: rgba(255, 0, 0, 1);
  color: rgb(240, 240, 240);
  text-align: center;
  animation: pulse 3s infinite;
}

.Header_menu_divider_qr {
  border-bottom: 1px solid var(--color_2);
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 95%;
  margin: 0 auto;
}

@keyframes pulse {
  0% {
    background-color: rgba(255, 0, 0, 1);
  }

  50% {
    background-color: rgba(139, 1, 0, 1);
  }

  100% {
    background-color: rgba(255, 0, 0, 1);
  }
}

/*--------------------- MENU ----------------------*/
.header_menu_opacity {
  display: none;
  position: fixed;
  z-index: 99999999999999999999999999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}

.header_menu_container {
  background: rgba(0, 91, 53, 0.95);
  margin: 50px auto;
  width: 50%;
  /* padding: 25px; */
  border: yellow 1px solid;
}

.header_menu_container_itens_ul {
  border-bottom: 2px solid rgba(236, 183, 0, 1);
}

.header_menu_container_acesso_rapido {
  display: inline-table;
  vertical-align: text-top;
  cursor: pointer;
  color: rgba(215, 217, 221, 1);
  text-align: center;
  padding: 5px;
  transition: all 0.3s linear;
  transform: scale(1);
  font-size: 1.2em;
  width: 15%;
}

.header_menu_container_acesso_rapido:hover {
  transform: scale(1.1);
}

.header_menu_container_acesso_rapido img {
  width: 50%;
}

.header_menu_container_menu {
  display: inline-table;
  vertical-align: text-top;
  cursor: pointer;
  color: rgba(215, 217, 221, 1);
  text-align: center;
  transition: all 0.3s linear;
  transform: scale(1);
  width: 15%;
  padding: 15px;
  margin: 15px;
  border: rgb(0, 172, 193) solid 1px;
}

.header_menu_container_menu:hover {
  color: rgba(54, 54, 54, 1);
  transform: scale(1.1);
  background: rgba(240, 240, 240, 1);
}

.header_qrcode {
  width: 100px;
  /* height: 50px; */
  position: absolute;
  left: 200px;
  top: 0;
  margin: 0 10px 0 0;
  cursor: pointer;
}

.collapsible-body-item {
  display: flex;
  align-items: center;
  border-right: 3px solid white;
  position: relative;
  padding-left: 15px;
  background: rgb(246, 255, 246);
}

.collapsible-body-item:hover {
  border-right: 3px solid var(--color_green);
  color: var(--color_green);
}

.collapsible-body-item img {
  height: 30px;
  margin: 0 5px;
}

.dropdown-color {
  color: var(--color_text) !important;
}

.circle_center {
  border: 1px solid var(--color_text);
  margin-bottom: 5px !important;
}

.user-view-padding {
  padding: 32px !important;
}

.user-view-center {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0 !important;
  width: 100%;
  flex-direction: column;
  margin-bottom: 0 !important;
}

.background_cover img {
  width: 100%;
  height: 150%;
  opacity: 0.1 !important;
}

/*------------------ user menu --------------------*/
.collection-bottom {
  margin: 0 !important;
}

.user_thumbnail_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--color_text);
  width: 100%;
}

.user_thumbnail {
  margin: 25px auto 10px auto;
  border: 1px solid var(--color_text);
  border-radius: 100px;
}

.user_collection_text_color {
  color: var(--color_text) !important;
}

.user_thumbnail_center {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 32px 0 !important;
  width: 100%;
  flex-direction: column;
  margin-bottom: 0 !important;
}

.sidenav.right-aligned {
  /*height: 100% !important;*/
}

.user_options {
  display: flex;
}

.user_options> :first-child {
  margin-right: 10px;
}

/*----------------  message top -------------------*/
.chipalert {
  display: inline-block;
  font-weight: 500;
  color: #970000;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 9px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
  margin: 10px auto;
  font-size: 16px !important;
  align-self: center !important;
}

.chipalert i {
  margin-top: 3px;
}

.card-panel {
  border-radius: 10px !important;
  padding-left: 5px !important;
  padding-top: 5px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}

/*---------------- menu qr-code -------------------*/
.qr-code-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 150ms all ease-in;
  z-index: 9999999999999;
}

.qr-code-menu__container {
  background: rgba(255, 255, 255, 0.95);
  padding: 5px;
  flex: 0 0 256px;
  height: 256px;
}

.qr-code-menu__container>img {
  width: 100%;
}

/*---------------- Options Menu -------------------*/
#menu_id_cadastro {
  display: none;
}

#menu_id_lancamento {
  display: none;
}

#menu_id_relatorios {
  display: none;
}

.menu_options {
  position: fixed;
  z-index: 99999999999999999999999999999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 0 0 0.5% 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.6);
}

.menu_options_title {
  background: var(--color_1);
  color: var(--color_text);
  text-align: center;
  margin: 0 auto 10px auto;
  padding: 15px;
  text-transform: uppercase;
  font-size: 1.2em;
}

.menu-option-group-item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.menu_options_itens {
  clear: both;
  min-height: 10px !important;
  position: relative !important;
  display: none;
  background: rgba(240, 240, 240, 1);
  margin: 0.3%;
  padding: 10px;
  font-size: 0.8em;
  text-align: center;
  transition: all 150ms ease;
  flex: 0 0 115px;
  min-height: 115px;
  border-radius: 5px;
}

.menu_options_itens:hover {
  background: rgba(240, 240, 240, 1);
  color: rgba(240, 240, 240, 1);
  transform: translateY(-3px);
  transform: scale(1.15);
  position: relative;
  z-index: 999;
  -webkit-box-shadow: 0px -2px 12px -2px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px -2px 12px -2px rgba(0, 0, 0, 0.29);
  box-shadow: 0px -2px 12px -2px rgba(0, 0, 0, 0.29);
}

.menu_options_itens_title {
  color: var(--color_text);
  text-transform: uppercase;
}

.menu_options_itens:hover>ul {
  display: block;
  box-shadow: 0px -2px 12px -2px rgba(0, 0, 0, 0.29);
}

.menu_options_itens img {
  width: 50%;
}

.menu_options_itens ul {
  display: none;
  position: absolute;
  left: 0;
  z-index: 9999999;
  font-size: 0.8em;
  width: 100%;
  background: var(--color_1);
  margin: 0 auto;
}

.menu_options_itens ul li {
  padding: 20px 2%;
  background: rgba(240, 240, 240, 1);
  color: var(--color_text) !important;
  font-size: 1.5em;
}

.menu_options_itens ul li:hover {
  cursor: pointer;
  background: var(--color_1) !important;
}

/*----------------------- MENU OPTION GROUP ------------------------------------------------*/
.menu-option-group {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.menu-option-group__item {
  padding: 15px;
  transition: all 150ms ease;
  background: rgba(240, 240, 240, 0.95);
  color: var(--color_text);
  flex: 1 1 30%;
  margin: 0.5%;
  text-align: center;
  border-radius: 5px;
}

.menu-option-group__item:hover {
  color: var(--color_text);
  background: var(--color_1);
  cursor: pointer;
  transform: scale(1.05);
}

.menu-option-group__item:active {
  opacity: 0.85;
  transform: scale(1.025);
}

.menu-option-group__close {
  padding: 25px 15px;
  transition: all 150ms ease;
  background: rgba(240, 240, 240, 0.95);
  color: var(--color_text);
  flex: 1 1 0;
  margin: 0.5%;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
}

.close-itens {
  float: right;
  padding: 10px;
  background: var(--color_text);
  color: rgba(240, 240, 240, 0.95);
  transition: all 150ms ease;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  margin-top: -15px;
}

.close-itens:hover {
  transform: scale(1.05);
  cursor: pointer;
}

/*----------------------- RELATÓRIOS GERAL ------------------------------------------------*/
.collection-report {
  border: 1px solid #e0e0e0;
}

.collection-report .collection-item-report {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  width: 350px;
}

.collection-report .collection-item-report:last-child {
  border-bottom: none;
}

.list-report {
  display: flex;
  gap: 10px;
  align-items: start;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.img-report {
  width: 80%;
  height: 375px;
  overflow: hidden;
}

.collection-item__display-report {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.collection-item__display-report:hover {
  background-color: #ddd !important;
}

.collection-item_link-report {
  display: block !important;
  color: var(--color_text);
}

.imagePreview-report {
  cursor: pointer !important;
  margin-left: 10px !important;
}

.imgPre-report {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

/*--------------------------------------------------------------------------------------------------*/

/*-----------------------------------------  Pagina principal..: Avisos Importantes ---------------------------------------*/
.sistema_alert_main {
  clear: both;
  margin-bottom: 25px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sistema_alert_main_li {
  vertical-align: text-top;
  text-align: center;
  background: var(--card_white);
  padding: 20px 5px 5px 5px;
  margin: 5px;
  color: var(--color_text);
  border-radius: 5px;
  flex: 0 0 225px;
  min-width: 225px;
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-top: 40px;
}

.sistema_alert_main_li>div:first-child {
  position: absolute;
  top: -35px;
  left: 15px;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14);
}

.sistema_alert_main_li>div:last-child {
  margin: 0 auto;
  border-top: 1px solid rgb(238, 238, 238);
  width: 90%;
}

.sistema_alert_main_qt {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  font-size: 1.25em;
  text-align: center !important;
  margin: 0 auto;
  color: rgb(60, 72, 88);
}

.sistema_alert_main_desc {
  text-align: center !important;
  cursor: pointer;
  padding: 10px 0;
  font-size: 16px;
  color: rgb(108, 108, 108);
  overflow: hidden;
  text-overflow: ellipsis;
}


/*Verde*/
.icon_green {
  background: var(--alert_green);
  color: white;
}

.hover_green:hover {
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--alert_green), 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}

/*Vermelho*/
.hover_red>div:first-child {
  background: none;
  animation: pulse 3s infinite !important;
  position: absolute;
  top: -35px;
  left: 15px;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 0, 0, 0.4);
}

.hover_red,
.hover_red:hover {
  cursor: pointer;
  color: white;
  box-shadow: 0 0 0 2px var(--alert_red), 0 4px 20px 0 rgba(0, 0, 0, 0.4) !important;
}

/*Laranja*/
.icon_orange {
  background: var(--alert_orange);
  color: white;
}

.hover_orange:hover {
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--alert_orange), 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}

/*Azul*/
.icon_blue {
  background: var(--alert_blue);
  color: white;
}

.hover_blue:hover {
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--alert_blue), 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}

/*Preto*/
.icon_black {
  background: var(--alert_black);
  color: white;
}

.hover_black:hover {
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--alert_black), 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}

/*Cinza*/
.icon_grey {
  background: var(--alert_grey);
  color: white;
}

.hover_grey:hover {
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--alert_grey), 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}

/*-------------------------------------------- urgenties----------------------------------------------------*/
.main_urgent {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  text-align: center;
}

.main_urgent li {
  width: 250px;
  border: 1px solid rgba(51, 51, 51, 1);
  border-radius: 6px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.main_urgent li a:nth-child(2) {
  border-top: 1px solid rgba(51, 51, 51, 1);
}

.main_urgent_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 3px;
  color: rgb(51, 51, 51) !important;
  border-top: 1px solid rgba(51, 51, 51, .2);
}

.main_urgent_items:hover {
  background-color: var(--color_1);
}

.main_urgent_items i {
  margin-right: 5px;
}

.main_urgent_title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 5px 10px;
  text-transform: uppercase;
  background-color: var(--color_grey);
}

.main_urgent_name {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification_important,
.notification_important i,
.notification_important span {
  color: red;
}

/*----------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------MODULOS-------------------------------------------------------*/
.collapsibleMainModulos {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  overflow: hidden;
}

/*Modulo*/
.modulo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.modulo>fieldset {
  margin: 15px;
}

.modulo_item_ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0 !important;
}

.modulo_item_li_descricao {
  cursor: pointer;
  font-size: 16px;
  line-height: 1.2em;
  width: 80% !important;
  height: 20px;
  padding-right: 5px;
  color: rgb(108, 108, 108);
}

.modulo_item_li_qtd {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: center !important;
  margin: 0 auto;
  color: rgb(60, 72, 88);
  border-left: rgb(60, 72, 88) solid 1px;
}

.modulo_item {
  color: var(--color_white);
  background: var(--gradient_yellow);
  position: absolute;
  top: -16px !important;
  left: 37px !important;
  width: 150px !important;
  height: 35px !important;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Verde*/
.modulo_item_li_green {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  background: var(--card_white);
  padding: 8px;
  margin-top: 8px;
  color: var(--color_text);
  border-radius: 5px;
  flex: 0 0 1;
  min-width: 250px;
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.modulo_item_li_green:hover {
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--alert_green), 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}

/*Vermelho*/
.modulo_item_li_red {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  background: var(--card_white);
  padding: 8px;
  margin-top: 8px;
  color: var(--color_text);
  border-radius: 5px;
  flex: 0 0 1;
  min-width: 250px;
  position: relative;
  box-shadow: 0 0 0 2px var(--alert_red), 0 4px 20px 0 rgba(0, 0, 0, 0.4) !important;
}

.modulo_item_li_red:hover {
  cursor: pointer;
}

/*----------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------  Pagina principal..: Container modulos ---------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

.container_modulos__title {
  color: var(--color_text);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container_modulos__yellow {
  background: white;
  position: absolute;
  top: -35px;
  left: 30px;
  min-width: 175px;
  padding: 0 10px;
  height: 70px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
    0 7px 10px -5px rgba(251, 140, 0, 0.4);
  text-transform: uppercase;
  color: rgba(240, 240, 240, 1);
}

.container_modulos__green_title {
  width: 99.8%;
  display: block;
  border: 1px solid rgb(102, 187, 106);
  position: relative;
  padding-top: 35px;
  border-radius: 5px;
  margin-bottom: 75px;
}

.container_modulos__green {
  background: linear-gradient(60deg, rgb(102, 187, 106), rgb(67, 160, 71));
  position: absolute;
  top: -35px;
  left: 30px;
  padding: 0 10px;
  min-width: 175px;
  height: 70px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
    0 7px 10px -5px rgba(67, 160, 71, 0.4);
  text-transform: uppercase;
  color: rgba(240, 240, 240, 1);
}

.container_modulos__blue_title {
  width: 99.8%;
  display: block;
  border: 1px solid rgb(38, 198, 218);
  position: relative;
  padding-top: 35px;
  border-radius: 5px;
  margin-bottom: 75px;
}

.container_modulos__blue {
  background: linear-gradient(60deg, rgb(38, 198, 218), rgb(0, 172, 193));
  position: absolute;
  top: -35px;
  left: 30px;
  padding: 0 10px;
  min-width: 175px;
  height: 70px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
    0 7px 10px -5px rgba(0, 172, 193, 0.4);
  text-transform: uppercase;
  color: rgba(240, 240, 240, 1);
}

.container_modulos__violet_title {
  width: 99.8%;
  display: block;
  border: 1px solid rgb(171, 71, 188);
  position: relative;
  padding-top: 35px;
  border-radius: 5px;
  margin-bottom: 75px;
}

.container_modulos__violet {
  background: linear-gradient(60deg, rgb(171, 71, 188), rgb(142, 36, 170));
  position: absolute;
  top: -35px;
  left: 30px;
  padding: 0 10px;
  min-width: 175px;
  height: 70px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
    0 7px 10px -5px rgba(142, 36, 170, 0.4);
  text-transform: uppercase;
  color: rgba(240, 240, 240, 1);
}

/*-----------------------   Abas  -----------------------------------------------*/

.tabs .tab a {
  color: var(--color_text) !important;
  background-color: rgb(251, 251, 251) !important;
}

/*Black color to the text*/

.tabs .tab a:hover {
  background-color: rgb(240, 240, 240) !important;
  color: #000 !important;
}

/*Text color on hover*/

.tabs .tab a.active {
  background-color: var(--color_grey) !important;
  color: var(--color_green) !important;
}

/*Background and text color when a tab is active*/

.tabs .indicator {
  background-color: var(--color_green) !important;
}

/*Color of underline*/
/*----------------------- shortcuts(atalhos)  -----------------------------------------------*/
.sidenav-shortcut {
  text-align: center;
  padding: 10px 5px;
  text-align: center;
}

.sidenav-shortcut .chip {
  cursor: pointer;
  width: 90%;
}

.sidenav-shortcut_divider {
  border-bottom: 1px solid var(--color_2);
  width: 95%;
  margin: 0 auto 10px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidenav-shortcutEdit {
  display: flex;
}

.sidenav-shortcutEdit-item {
  background-color: white;
  color: #363636;
  width: 38px !important;
  height: 38px !important;
}

.sidenav-shortcutEdit-item:hover {
  background-color: #005f37;
  color: white;
}

#slide-shortcut {
  display: grid;
  grid-template-rows: 50px 1fr;
  grid-template-columns: 300px;
}

.collection {
  border: none !important;
}

#slide-shortcut li:nth-child(2) {
  overflow-y: auto;
}

/*----------------------- mensagens -----------------------------------------------*/
.sidenav-messages {
  text-align: center !important;
  /*padding: 10px 5px;*/
  text-align: center;
  width: 25% !important;
}

.sidenav-messages .chip {
  cursor: pointer;
  width: 90%;
}

.sidenav-webchat {
  text-align: center !important;
  padding: 10px 5px;
  text-align: center;
  width: 23% !important;
}

.select-messages {
  width: 75% !important;
  margin: 0 auto;
}

.select-messages .select-wrapper .dropdown-trigger {
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select-messages .select-wrapper .multiple-select-dropdown {
  overflow-x: hidden;
}

.select-messages .select-wrapper .multiple-select-dropdown li span label span {
  width: 180px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}

.textarea-messages {
  width: 90% !important;
  margin: 0 auto;
}

.textarea-messages textarea {
  min-height: 100px !important;
}

.textarea-messages span {
  height: 13px !important;
  line-height: 13px !important;
}

.input-text-messages {
  width: 90% !important;
  margin: 0 auto;
}

.links_messages>.input-field {
  display: flex;
  justify-content: center;
  align-items: center;
}

.links_messages>.input-field>input[type="text"]:not(.browser-default) {
  width: 80% !important;
}

.plus-itens,
.minus-itens {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  cursor: pointer;
}

.mensagens-mensagens {
  width: 95%;
  margin: 0 auto;
}

/*----------------------------------  VISUALIZAR  ------------------------------------------*/

.visualize_txt span {
  font-weight: bold;
  padding-right: 5px;
  display: block;
}

.td_flex {
  display: flex;
  align-items: center;
}

.textfield_center {
  text-align: center;
  font-size: 12px;
}

.icons_shortcut {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.icons_shortcut button {
  border: none !important;
  margin-left: 10px;
}

.icons_shortcut button:focus {
  background: rgb(239, 239, 239) !important;
}

.input-field_autocomplete {
  margin-top: 0px !important;
}

.label_autocomplete {
  font-size: 0.8em !important;
  top: -8px !important;
}

/******* PRODUCTIVITY ************/
.productivity {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;

}

.productivity_product {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 70px;
  background-color: #eef0ed;
  border: #555454 solid 1px;
  margin: 5px;
  cursor: pointer;
}

.productivity_product_img {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
}


/*-------------------- BOTOES DO SISTEMA -----------------------------------------------*/
.conteiner_bt_actions {
  padding: 5px;
  text-align: center;
  margin: 25px auto 0 auto;
  display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 25px 0;
}

.bt_confirmar {
  background: var(--color_green_strong) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_aprovar {
  background: var(--color_green) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_cancelar {
  background-color: rgba(89, 0, 71, 1) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_excluir {
  background: rgba(115, 0, 0, 1) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_devolucao {
  background: rgba(38, 166, 154, 1) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_editar {
  background: rgba(214, 126, 0, 1) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_pesquisar {
  background: rgba(0, 60, 110, 1) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_gestor {
  background: rgba(51, 51, 51, 1) !important;
  margin: 15px;
  color: var(--color_white) !important;
  white-space: nowrap;
  border-radius: 5px !important;
}

.bt_confirmar:hover,
.bt_aprovar:hover,
.bt_cancelar:hover,
.bt_excluir:hover,
.bt_devolucao:hover,
.bt_editar:hover,
.bt_pesquisar:hover,
.bt_gestor:hover {
  background-color: rgba(240, 240, 240, 1) !important;
  color: rgba(54, 54, 54, 1) !important;
}

/* botoes floating redondos */
.bt_floating_brown {
  background: rgba(120, 60, 0, 1) !important;
}

.bt_floating_green {
  background: var(--color_green_strong) !important;
}

.bt_floating_purple {
  background-color: rgba(89, 0, 71, 1) !important;
}

.bt_floating_red {
  background: rgba(115, 0, 0, 1) !important;
}

.bt_floating_default {
  background: rgba(38, 166, 154, 1) !important;
}

.bt_floating_orange {
  background: rgba(214, 126, 0, 1) !important;
}

.bt_floating_blue {
  background: rgba(0, 60, 110, 1) !important;
}

.bt_floating_black {
  background: rgba(51, 51, 51, 1) !important;
}

/* fim botoes floating redondos */

input[type="button" i] {
  color: var(--color_white) !important;
}

input[type="reset" i] {
  color: var(--color_white) !important;
}

input[type="button"]:hover {
  color: var(--color_text) !important;
}

.conteiner_bt_actions button {
 width: 180px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 5px;
    filter: drop-shadow(-6.123233995736766E-17px 1.0px 1px rgba(0, 0, 0, 0.35));
    height: 40px;
    gap:5px;
    border-radius: 15px !important;
}
.conteiner_bt_actions button i.left {
  margin-right: 0;
}
/*-------------------- FIM BOTOES DO SISTEMA -----------------------------------------------*/

/*-------------------------------------  RELATORIO -----------------------------------------*/
.relatorio_list {
  clear: both;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

.relatorio_list li {
  display: inline-block;
  vertical-align: text-top;
  width: 20%;
  padding: 1%;
  margin: 1%;
}

.relatorio_list li p {
  text-align: justify;
}

.bt_visualizar {
  display: inline-table;
  vertical-align: middle;
  margin: 10px 1%;
  padding: 0 2%;
  height: 45px;
  line-height: 45px;
  border: 1px solid rgba(248, 198, 19, 1);
  background: rgba(248, 198, 19, 1);
  border-radius: 35px;
  color: rgba(240, 240, 240, 1);
  background-image: linear-gradient(to bottom, #5cb85c 0px, #419641 100%);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset,
    0 1px 1px rgba(0, 0, 0, 0.075);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  font-size: 1em;
}

.bt_visualizar:hover {
  background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
  background-repeat: repeat-x;
  border-color: #ccc;
  text-shadow: 0 1px 0 #fff;
  color: rgba(54, 54, 54, 1);
  cursor: pointer !important;
}

.bt_imprimir {
  display: inline-table;
  vertical-align: middle;
  margin: 10px 1%;
  padding: 0 2%;
  height: 45px;
  line-height: 45px;
  border: 1px solid rgba(248, 198, 19, 1);
  background: rgba(248, 198, 19, 1);
  border-radius: 35px;
  color: rgba(240, 240, 240, 1);
  background-image: linear-gradient(to bottom, #5cb85c 0px, #419641 100%);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset,
    0 1px 1px rgba(0, 0, 0, 0.075);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  font-size: 1em;
}

.bt_imprimir:hover {
  background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
  background-repeat: repeat-x;
  border-color: #ccc;
  text-shadow: 0 1px 0 #fff;
  color: rgba(54, 54, 54, 1);
  cursor: pointer !important;
}

.vizualizador {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999999999999999999999999999999999999999;
}

.vizualizador_container_img {
  width: 75%;
  height: auto;
  overflow: auto;
  margin: 50px auto 0 auto;
}

.vizualizador_container_img img {
  width: 95%;
}

.vizualizador_container_fechar {
  padding: 1%;
  text-align: right;
}

.vizualizador_container_fechar span {
  font-size: 1.2em;
  padding: 1%;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}

.vizualizador_container_fechar span:hover {
  color: rgba(248, 198, 19, 1);
}

.fancybox-excluir-img:hover {
  cursor: pointer;
  background: rgba(150, 0, 0, 1);
  color: white;
}

/*------------------------------------  Pagina de aprovacoes ------------------------------------------*/
.head-properties {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}

.head-properties__item {
  flex: 1 1 1;
}

.head-properties__item:first-of-type {
  width: 100% !important;
  text-align: left;
  padding-left: 10px;
}

.rotulo-flex {
  display: flex;
}

.rotulo-flex i {
  padding: 0 5px;
}

/*------------------------------------ Fim Pagina de aprovacoes ------------------------------------------*/

/*---------------------------------------- Tabelas ------------------------------------------------------*/
.section-radio {
  text-align: Left;
}

.radio-fields {
  text-align: Left;
  width: 25%;
  display: inline-block;
}

.radio_padding {
  margin: 0 6px;
}

.check_options {
  margin: 0 6px;
}

.text_padding {
  padding-top: 15px;
  display: inline !important;
}

fieldset {
  border: 1px solid rgb(201, 204, 202);
  border-radius: 5px;
  margin-bottom: 10px;
}

legend {
  margin: 0 15px;
  text-align: left;
}

section {
  border: 1px solid var(--color_2);
  border-radius: 5px;
  margin-bottom: 25px;
}


.section-legend {
  clear: both;
  font-size: 1.3em;
  text-align: left;
  color: rgb(102, 102, 102);
  border-bottom: 1px solid var(--color_2);
  padding: 10px;
  text-transform: uppercase;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
  background-color: var(--color_green) !important;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {
  border: 2px solid var(--color_green) !important;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
  border: 2px solidvar(--color_green) !important;
  background-color: var(--color_green) !important;
}

.tabela_aprovacao {
  position: relative;
  margin: 0 auto;
  padding: 0;
  /* border: blue 1px solid;*/
}

.tabela_aprovacao>td {
  padding: 35px 0px !important;
}

.tabela_secundaria tr {
  background: rgba(240, 255, 240, 1) !important;
}

.tabela_secundaria th {
  height: 15px;
  line-height: 15px !important;
  font-size: 0.9em;
}

.tabela_secundaria>td {
  height: 15px;
  line-height: 15px !important;
  padding: 0;
}

.tabela_secundaria td {
  height: 15px;
  padding: 0px 0px;
  font-size: 1em;
  white-space: nowrap;
}

/*---------------------------------------- Fim Tabelas ----------------------------------------------------*/

/*---------------------------------------- Lista de fotos dos funcinarios ----------------------------------------------------*/
.photocube {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.photocube .listall {
  width: 150;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 12px;
  color: #636363;
  font-size: 12px;
  text-align: center;

}

.listall_photo{
  position: relative;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center; 
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgb(192,192,192);
}

.listall_photo_width {
  display: block;
  width: 120px;
}

.listall_photo_height {
  display: block;
  height: 150px;
}

.listall_photo_text {
  padding-top: 5px;
  text-wrap: wrap;
  width: 150px;
}

.photocube .listall span {
  display: block;
}

/*----------------------------------------FIM Lista de fotos dos funcinarios --------------------------------------------------*/

.custom-combobox {
  text-align: left;
  margin: 0 1% 10px 1%;
  position: relative;
  display: inline-block;
}

.custom-combobox-toggle {
  height: 39px !important;
  margin-top: -2px !important;
  border-radius: 0px !important;
  border-left: none !important;
  background-color: white !important;
}

.custom-combobox-input {
  margin: 0;
  padding-left: 5px;
  border: 1px solid rgba(183, 183, 183, 1);
  color: rgba(155, 155, 155, 1);
  text-align: left;
  height: 35px;
  line-height: 35px;
}

/*-----------------------------------   PRINT QR CODE   --------------------------------------*/
.bycode-container {
  display: block;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px;
  width: 222px;
  height: 110px;
}

.print_qr_code {
  cursor: pointer;
}

.bycode-container__item {
  border-right: 2px solid rgba(0, 0, 0, 1);
}

.bycode-container__logo {
  width: 150px;
}

.bycode-container__item {
  padding: 5px;
}

.bycode-container__msg {
  font-size: 0.9em;
  font-weight: bold;
  padding: 5px;
  padding: 3px;
  margin: -23px 0 0 0px;
  /* display: none; */
}

.ui-widget.ui-widget-content {
  z-index: 9999 !important;
}

/*------------------------------------------------------------------------------------------*/
/*------------------------------- MENU REDIRECT ---------------------------------------------*/
.redirect_menu {
  display: flex;
  flex-direction: column;
  margin-bottom: auto !important;
  padding-bottom: 20px;
}

.redirect_menu__title {

  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  text-transform: uppercase;
}

.redirect_menu__title i {
  color: #0d613c;
  margin-right: 3px;
}

.redirect_menu__itens {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 15px;
}

.redirect_menu__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px;
  margin: 10px;
  background: rgb(217, 226, 222);
  border-radius: 6px;
  width: 190px;
  text-align: center !;
}

.redirect_menu__icon {
  color: #005f37;
  font-size: 16px;
  margin-right: 2px;
}

.redirect_menu__text {
  color: rgb(50, 50, 50);
}

.redirect_menu__item a:hover,
.redirect_menu__item a:hover .redirect_menu__icon,
.redirect_menu__item a:hover .redirect_menu__text {
  background-color: #0d613c;
  color: rgb(240, 240, 240) !important;
}

/*---------------------- FORCE MATERIALIZE CSS ---------------------------------------------*/

.collection {
  display: flex !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  padding: 15px 15px 0 15px !important;
}

.collection-item {
  background-color: #e0e0e0 !important;
  color: var(--color_text) !important;
  width: 280px !important;
  text-align: center !important;
  margin: 0.5vw !important;

}

/*------------------------------------------------------------------------------------------*/
/*--------------------------------  FULL SCREEN MENU ---------------------------------------*/
/*------------------------------------------------------------------------------------------*/
.full_screen_menu_container {
  position: relative;
  background-color: rgba(240, 240, 240, 1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999999999999999999999999999999999999999999999;
  overflow-y: auto;
  display: none;
}

.full_screen_menu_container2 {
  position: relative;
  background-color: rgba(240, 240, 240, 1);
}

.full_screen_menu_close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: fit-content;
  cursor: pointer;
  padding: 5px;
  font-size: 15px;
  cursor: pointer;
  background: rgba(89, 0, 71, 1);
  color: rgba(240, 240, 240);
  border-radius: 100%;
  height: 30px;
  width: 30px;
  line-height: 20px;
  text-align: center;
}

.full_screen_menu_close:hover {
  color: rgb(240, 240, 240);
  background: rgba(0, 0, 0, 1);
}

.full_screen_menu_control {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  justify-content: center;
  width: 95%;
  padding-left: 10px !important;
}

.full_screen_menu_control li {
  padding: 10px;
  overflow-x: auto;
  background: rgb(240,240,240);
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 150px;
}

.full_screen_menu_control div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.full_screen_menu_control li:hover {
  background: rgb(0, 95, 55) !important;
  color: rgba(240, 240, 240, 1) !important;
}

.full_screen_menu_control li i {
  margin-right: 5px;
}

.full_screen_menu_control_itens {
  display: block
}

.full_screen_menu_control_itens .item_menu {
  display: none;
}

.item_menu_container {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.item_menu_container>div:nth-child(1) {
  width: 90%;
}

.item_menu_container>div:nth-child(2) {
  margin-right: 20px;
  margin-top: 20px;
  width: 23%;
}

.full_screen_menu_control_itens .item_menu:first-child {
  display: block;
}

.item_menu fieldset {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

.full_screen_menu_subtible {
  margin-left: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  text-transform: uppercase;

}

.full_screen_menu_subtible i {
  color: var(--alert_green);
}

/*--------- botao do menu unitario ---------------*/
.full_screen_menu_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-height: 42px;

}

.full_screen_menu_list li {
  position: relative;
  width: 188px;
  margin: 0 10px 10px 10px;
  background: rgb(217, 226, 222);
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 6px;
  color: rgb(51, 51, 51) !important;
  text-align: center;
}

.full_screen_menu_list li a {
  display: block;
}

.full_screen_menu_list li a i {
  font-size: 16px;
  width: 29px;
  height: 23px;
  padding: 3px 6px;
  color: var(--alert_green);
}

.full_screen_menu_list li a:hover,
.full_screen_menu_list li a:hover>i,
.full_screen_menu_list li:hover,
.full_screen_menu_list li:hover>a {
  cursor: pointer;
  background: var(--alert_green);
  color: rgba(240, 240, 240, 1) !important;
}

/*--------------------------------- MAIN DASHBOARD -----------------------------------------*/
.header-padding {
  padding: 10px !important;
}

.body-padding {
  padding: 10px !important;
}

.search_input {
  width: 200px !important;
}

#form_m01,
#form_m02,
#form_m03,
#form_m04,
#form_m05,
#form_m06 {
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
}

.main_search_input {
  background-color: rgb(240, 240, 240);
  padding: 20px;
  width: 300px;
  border-radius: 6px;
}

.main_search_input>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_search_input_button {
  height: 40px;
  width: 40px;
  cursor: pointer;
  margin: 0 0 -13px 0 !important;
  border: none;
  background: none;
}

.main_dashboard_main_modulo {
  display: grid;
  grid-template-columns: repeat(auto-fill, 260px);
  gap: 15px 10px;
  justify-content: space-between;
}

.main_dashboard_modulo_item_fieldset {
  margin-bottom: 30px !important;
  border: none !important;
  padding: 0 !important;
}

.main_dashboard_modulo_item_ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 15px 0px;
  justify-content: start;
  justify-items: start;
  margin: 5px 0 !important;
}

.main_dashboard_grey {
  background-color: #555454;
}

.main_dashboard_shortcut {
  display: grid;
  grid-template-columns: repeat(auto-fill, 255px);
  gap: 15px 10px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 12px;
  max-height: 180px;
  overflow-y: auto;
}

.main_dashboard_shortcut_chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 5px;
  background-color: #e4e4e4;
  margin-bottom: -5px;

  width: 255px;
}

.main_dashboard_shortcut_chip a {
  display: flex;
  justify-content: start;
  align-items: center;
  color: rgb(51, 51, 51);
}
.main_dashboard_shortcut_chip a span{
  text-overflow: ellipsis !important;
  text-wrap: nowrap;
  overflow-x: hidden;
  width: 200px;
}
.main_dashboard_shortcut_chip:hover {
  background: #005f37;
  color: rgb(240, 240, 240);
}

.main_dashboard_shortcut_chip:hover  a {
  color: rgb(240, 240, 240) !important;
}

.main_dashboard_Schedule {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto 25px auto;
  padding: 10px;
  height: auto;
  gap: 20px;
}
.main_dashboard_Schedule li{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgb(240, 240, 240);
  border-radius: 6px;
  width: 255px;
  padding: 5px;
}
.main_dashboard_Schedule li:hover{
  background: #005f37;
  color: rgb(240, 240, 240);
  cursor: pointer;
}
.main_dashboard_Schedule_header{
  display: flex;
  justify-content: start;
  align-items: center;
  border-bottom: 1px solid rgb(200, 200, 200);
}
.main_dashboard_Schedule_desc {
  text-overflow: ellipsis !important;
  text-wrap: nowrap;
  overflow-x: hidden;
  width: 200px;
}
.main_dashboard_Schedule_date {
  text-align: center;
  font-size: 16px;
}

/*--------------------------------- CALENDARIO -----------------------------------------*/
#slide-calendar{
  padding:5px;
}
.calendar_menu{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  gap:5px
}

.calendar_table tbody tr td{
 text-align: center !important;
 border:rgb(51,51,51) 1px solid;
}
.calendar_table  thead{
   border:#24a655 1px solid; 
   background: #24a655;
  color: rgb(240, 240, 240);
}
.calendar_table  thead tr td{
  border-radius: 0 !important;
  
}
.relogio__datatoday{
  background: #24a655;
  color: rgb(240, 240, 240);
  font-weight: bold;
  position: relative;
  z-index: 9999999999;
  border-radius: 0 !important;
}
.calendar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px;
  height: auto;
  gap: 5px;
  height: calc(100vh - 450px);
  overflow-y: auto;

}
.calendar li{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgb(240, 240, 240);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  margin-left: 15px;
}
.calendar li:hover{
  background: #005f37;
  color: rgb(240, 240, 240);
  cursor: pointer;
}
.calendar_header{
  display: flex;
  justify-content: start;
  align-items: center;
  border-bottom: 1px solid rgb(200, 200, 200);
  line-height: 30px;
}
.calendar_desc {
  text-overflow: ellipsis !important;
  text-wrap: nowrap;
  overflow-x: hidden;
  width: 200px;
  line-height: 30px;
  text-align: center;
}
.calendar_date {
  text-align: center;
  font-size: 16px;
}
.calendar_bt_actions{
  margin-top:5px;
  text-align: center;
}
/*------------------------------------------------------------------------------------------*/
/*--------------------------------  PREVIEW RELATÓRIOS -------------------------------------*/
/*------------------------------------------------------------------------------------------*/
.show_img {
  display: none;
}

/*--------------------------------  PREVIEW RELATÓRIOS -------------------------------------*/
#modalreport {
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(51, 51, 51, .8);
}

.modalreport-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 20px;
  background: white;
  border-radius: 6px;
  width: 80%;
  height: 80%;
  overflow-y: auto;
}

#text_img {
  font-size: 16px;
}
/*---------------- Classification tree ------------------*/
code.classification_minus {
  color: #080;
  font-weight: bold;
}
code.classification_x {
  cursor: pointer;
  color: #080;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
code.classification_minus_check{
  cursor: pointer;
  color: #999;
  font-weight: bold;
}
.tree{
  text-align: left;
  color:rgb(51,51,51);
}
/*------------------------- WEATHER --------------------------*/

.weather_header{
  background: rgb(240,240,240);
  padding: 5px;
}
.weather_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 10px;
  width: 100%;
  height: auto;
  gap: 20px;
}
.weather_item{
  display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px  solid var(--color_border_section_white_dark_mode);
	border-radius: 5px;
	overflow: hidden;
	width:360px;
}
.weather_item_container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
  	gap:5px;
}
.weather_item_title{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	background: rgb(51,51,51);
	color: rgb(240,240,240);
	text-align: center;
  	padding: 5px;
	border-right: 1px  solid var(--color_border_section_white_dark_mode);
	width:140px !important;
}
.weather_title{
  display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
/*------------------------------------------------------------------------------------------*/
/*--------------------------------  MEDIA RESPONSIVE ---------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/*---------1920px(1913px with scroll)----------*/
@media (max-width: 120em) {}

/*-------1680px(1663px with scroll)------------*/
@media (max-width: 105em) {}

/*-------1600px(1583px with scroll)------------*/
@media screen and (max-width: 100em) {}

/*-------1440px(1423px with scroll)------------*/
@media screen and (max-width: 90em) {
  .header_itens_menu li {
    width: 90px;
  }
}

/*-------1366px(1349px with scroll)------------*/
@media screen and (max-width: 85.375em) {
  .header_itens_menu li {
    width: 80px;
  }
}

/*-------1280px------------*/
@media screen and (max-width: 80em) {
	.main_urgent {
  flex-wrap: wrap;
	}
	
}

/*-------1200px------------*/
@media screen and (max-width: 75em) {
  .menu_options_itens {
    width: 10vw !important;
    height: 12vw !important;
  }
}

/*-------1080px------------*/
@media screen and (max-width: 67.5em) {
  .tabela_secundaria {
    width: 1080px;
  }

  .visualize {
    overflow-y: hidden;
    overflow-x: auto;
  }

  .visualize table {
    font-size: 0.8em;
    width: 1032px !important;
  }

  .visualize li {
    font-size: 0.8em;
  }

  .container_pages {
    /*margin-top: 15vw;*/
  }

  .pequisar_form {
    width: 90%;
  }

  .sistema_pendencias {
    flex: 0 0 28%;
  }

  .header_menu_container {
    width: 80% !important;
  }

  .header_qrcode {
    width: 50px !important;
    height: 50px !important;
  }

  .item_menu_container>div:nth-child(1) {
    width: 70%;
  }

  .item_menu_container>div:nth-child(2) {
    width: 25%;
  }

  .list-report {
    justify-content: start;
    flex-wrap: wrap;
  }

  .img-report {
    display: none;
  }
}

/*-----------1024px------*/
@media screen and (max-width: 64em) {
  .vis_ctrl_op_lavouras li {
    width: 45%;
  }

  .vis_ctrl_op_lavouras li:nth-child(3) {
    width: 90%;
  }

  .relatorio_list {
    width: 95%;

  }

  .relatorio_list li {
    width: 29%;
  }

  .aprovacao_slide {
    display: block;
  }
}

/*-----------1000px------*/
@media screen and (max-width: 62.5em) {}

/*---------------------980px-------------------*/
@media screen and (max-width: 61.25em) {

  .item_menu_container>div:nth-child(2) {
    width: 35%;
  }
}

/*---------------------900px-------------------*/
@media screen and (max-width: 56.25em) {
  .col .row .input-field {
    width: 50% !important;
  }

  .collection-report .collection-item-report,
  .itemsList-report {
    width: 100% !important;
  }
}

/*---------------------800px-------------------*/
@media screen and (max-width: 50em) {
  .pequisar_form {
    width: 95%;
  }

  .radio-fields {
    width: 33%;
  }
}

/*---------------------768px-------------------*/
@media screen and (max-width: 48em) {

  .sistema_pendencias {
    flex: 0 0 44%;
  }
  .weather_item{
  width:100%;
  }

}

/*---------------------720px-------------------*/
@media screen and (max-width: 45em) {
  .menu-option-group__item {
    flex: 1 1 85% !important;
  }

  .full_screen_menu_control {
    margin-top: 40px;
  }
}

/*---------------------680px-------------------*/
@media screen and (max-width: 42.5em) {

  .bt_visualizar {
    width: 35%;
    text-align: center;
  }

  .tabela_secundaria {
    font-size: 1.1em;
  }

  .collection {
    display: block !important;
  }

  .collection-item {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }

  .item_menu_container>div:nth-child(1) {
    width: 50%;
  }

}

/*---------------------640px-------------------*/
@media screen and (max-width: 40em) {

  .header_qrcode {
    width: 50px !important;
    height: 50px !important;
  }

  .main_dashboard_shortcut {
    grid-template-columns: repeat(auto-fill, 255px);
  }

  .main_dashboard_shortcut_chip {
    width: 255px;
  }

  .full_screen_menu_list li {
    width: 100%;
  }

  #header>.header_itens_menu:nth-child(2) img {
    width: 90px !important;
  }

}

/*---------------------600px-------------------*/
@media screen and (max-width: 37.5em) {
  #insumos_recomendados {
    font-size: 0.9em;
  }

  #lavouras {
    font-size: 0.9em;
  }

  .header_container_logo {
    width: 20% !important;
  }

  .radio-fields {
    width: 100%;
  }

  .main_dashboard_shortcut,
  .main_dashboard,
  .main_dashboard_main_modulo,
  .main_dashboard_modulo_item_ul {
    grid-template-columns: repeat(auto-fill, 100%);
  }

  .main_dashboard_shortcut_chip {
    width: 100%;
  }

  .item_menu_container {
    flex-direction: column;
  }

  .item_menu_container>div:nth-child(1) {
    width: 100%;
  }

  #header_menu {
    width: 360px;
  }

  .header_itens_menu {
    width: 50px !important;
  }

  .mult_menu_item {
    width: 90%;
  }
}

/*---------------------480px-------------------*/
@media screen and (max-width: 30em) {
  .visualize li {
    width: 98%;
  }

  #insumos_recomendados {
    font-size: 0.7em;
  }

  #pesquisa {
    font-size: 0.9em;
  }

  .relatorio_list li {
    width: 45%;
  }

  .sistema_pendencias {
    flex: 0 0 43%;
  }

  .sistema_pendencias li div:nth-child(1) {
    width: 80%;
  }

  .main_urgent li {
    width: 100%;
  }

  .md-employee {
    width: 100%;
    flex-direction: column;
  }

  .md-employee__li {
    width: 60% !important;
  }

  .md-employee__li:nth-child(1) {
    text-align: center !important;
  }

  .md-employee__li>br {
    display: none;
    width: 90% !important;
  }

  .header_bem_vindo {
    font-size: 0.7em !important;
  }

  .head-properties__item {
    width: 99% !important;
  }

  .col .row .input-field {
    width: 100% !important;
  }

  .collapsible-body {
    padding: .5rem !important;
  }
}

/*---------------------425px-------------------*/
@media screen and (max-width: 425px) {
  .container_pages {
    width: 95vw;
  }

  .sistema_pendencias {
    flex: 0 0 93%;
  }

}

/*---------------------415px-------------------*/
@media screen and (max-width: 415px) {
  .header_bem_vindo {
    font-size: 11px !important;
  }
}

/*---------------------360px-------------------*/
@media screen and (max-width: 22.5em) {
  .login_login {
    width: 80%;
  }

  .header_menu_container {
    width: 80%;
  }

  .header_menu_container_acesso_rapido {
    width: 25%;
    margin-top: 15px;
  }

  .open_relatorio {
    font-size: 0.8em !important;
  }

  #table_sistema td:nth-child(2) {
    display: none;
  }

  #table_sistema th:nth-child(2) {
    display: none;
  }

  #table_sistema td {
    font-size: 0.8em;
  }

  .form_div_large {
    width: 100%;
  }

  .form_div_large input[type="text"] {
    width: 90%;
  }

  #insumos_recomendados {
    font-size: 0.4em;
  }

  #lavouras {
    font-size: 0.6em;
  }

  .vis_ctrl_op_ctrl div {
    margin-top: 10px;
  }

  #pesquisa {
    font-size: 0.5em;
  }

}

/*---------------------320px-------------------*/
@media screen and (max-width: 20em) {
  #insumos_recomendados {
    font-size: 0.3em;
  }

  .header_menu_container {
    margin-top: 10px;
  }

}