#app_btn_back_to_top{
  position: fixed;
  bottom: 100px;
  right: 20px;
  display: none;
}

.app_big_title {
	font-size: 2.2rem !important;
	line-height: 100%;
}

.app_title {
	font-size: 1.5rem !important;
	line-height: 100%;
}

.app_regular_text{
	font-size: 1rem !important;
}

.app_big_text{
	font-size: 1.5rem !important;
	line-height: 100% !important;
}

.app_small_text{
	font-size: 0.85rem !important;
}

.app_btn_circle {
  width: 40px;
  height: 40px;
  text-align: center !important;
  padding: 0  !important;
  border-radius: 50px;
}

.app_display_none {
    display:  none;
}

.app_position_fixed {
    overflow:  hidden;
    position: fixed;
    width: 100%;
}

.app_title_text_color {
    color: #0d5bcf !important;
    background-color:  #d3dde0 !important;
    padding: 10px !important;
    border-radius: 6px !important;
}

.app_subtitle_title_text_color {
    color: #172b4d !important;
}

.app_row_hover:hover {
  background-color: rgba(0,0,0,0.1);
}

.app_cursor_pointer:hover{
    cursor: pointer !important;
}

.app_header_logo {
	width: 90%;
}

.app_home_title_01{
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 10px;
	color: white;
  text-transform: uppercase;
}

.app_home_title_02{
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 4px;
	color: black;
}

.app_home_icon{
	width: 80px;
}

.app_weight_light{
	font-weight: 200;
}

.app_weight_regular{
	font-weight: 400 !important;
}

.app_weight_bold{
	font-weight: 500;
}

.app_head_title_wrapper{
	color: white;
  border-radius: 5px;
  padding: 5px 5px 0px 10px;
  background: #043A34;
  margin-top: 1rem;
	margin-bottom: 2rem;
  height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.app_head_title_wrapper_btn{
	color: white;
  border-radius: 5px;
  padding: 5px 5px 0px 10px;
  background: #043A34;
  margin-top: 1rem;
	margin-bottom: 2rem;
	height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.nav-tabs{
	border: none;
}

.app_dropdown_btn {
	border:  none !important;
	background-color:#043A34;
	border-radius:8px;
	color:white;
	font-weight: 300;
	padding:10px 30px;
  font-size:1rem;
	text-transform: uppercase !important;
}

.app_dropdown_btn:hover {
	border:  none !important;
	background-color:#0ED979;
	border-radius:8px;
	color:#043A34;
	font-weight: 300;
	padding:10px 30px;
  font-size:1rem;
	text-transform: uppercase !important;
}



  .app-select-input{
	border-radius: 0;
  border-top: none;
  border-left: none;border-right: none;
  border-bottom: 1px solid #043A34;
  color:#043A34;
  }

  .app_reports_grid_self{
  background:#dfebe5;
  border-radius:5px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
  }

   .app_reports_grid_wrapper{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-template-rows:repeat(2, 60px);
  grid-column-gap:1rem;
  grid-row-gap:1rem;
  }

  .app_nav_tabs{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  grid-template-rows:auto;
  grid-column-gap:1rem;
  grid-row-gap:1rem;
  }

  .table.dataTable.table-striped>tbody>tr.odd>*{
  box-shadow: inset 0 0 0 9999px #dfebe5;
  }

/* ! *****  botón tabs ***** */
.app_tab_btn {
	border: none !important;
  background-color:#e4e4e4 !important;
  border-radius:8px !important;
  color:black !important;
  display: inline-flex !important;
  flex-direction: row !important;
  font-size:1rem !important;
  font-weight: 300 !important;
  justify-content: space-between;
  padding:20px 0px 5px 10px !important;
  transition:all 0.5s !important;
}
.app_tab_btn:hover {
  background-color:#043A34 !important;
  color:#ffffff !important;
  transition:all 0.5s !important;
  display: inline-flex !important;
  flex-direction: row !important;
  /* gap: 2rem; */
}
.app_tab_btn:hover .ico {
  opacity: 100;
}

.app_tab_btn.active .ico {
  opacity: 100;
}

.app_tab_btn.active {
  background-color:#043A34;
  color:#ffffff;
  display: inline-flex;
  flex-direction: row;
  /* gap: 2rem; */
}
.ico {
  transition:all 0.5s;
  width: 20px;
  height: 20px;
  position: relative;
  margin-left: 35px;
  margin-top: 2px;
  opacity: 0;

}

/* ! *****  botón general ***** */
.app_general_btn {
	border:  none !important;
	background-color:#043A34;
	border-radius:8px;
	color:white;
	/* display: inline-flex; */
	font-weight: 300;
	/* margin: auto; */
	padding:10px 30px;
	transition:all 0.5s;
	font-size:1rem;
	text-transform: uppercase !important;
}

.app_general_btn:hover {
  background-color:#0ED979 ;
  color:#043A34;
  transition:all 0.5s;
  /* display: inline-flex; */
  flex-direction: row;
  /* padding:10px 40px; */
}

/* ! *****  botón regresar ***** */
.app_return_btn {
	border:  none !important;
	background-color:#043A34;
	border-radius:8px;
	color:white;
	display: inline-flex;
	font-weight: 300;
	/* margin: auto; */
	padding:10px ;
	transition:all 0.5s;
	font-size:1rem;
	text-transform: uppercase !important;
}
.app_return_btn:hover {
  background-color:#0ED979 ;
  color:#043A34;
  transition:all 0.5s;
  display: inline-flex;
  flex-direction: row;
  /* padding:10px 40px; */
}

/* ! *****  inputs ***** */
.app_input_line{
  background-color:transparent;
  border:none;
  border-bottom: 1px solid black;
  border-radius: 0px;
}

.form-control::placeholder {
  color: #6c757d;      /* Changes text color */
  opacity: 1;          /* Required for Firefox */
  font-weight: 300;
}

.app_table_row_btn {
	border: none !important;
	background-color:white !important;
	color: #043A34 !important;
	border-bottom: 1px solid #043A34 !important;
}

.app_table_row_btn:hover td {
	color: white !important;
	background-color:#043A34 !important;
}