@font-face {
	font-family:  Helvetica Neue,Nunito,sans-serif !important;
	src: url(roboto/Roboto-Medium.ttf);
  }
  
  body {
	  font-family:  Helvetica Neue,Nunito,sans-serif !important;
  }
  
  .btn-primary {
	  background-color: #489ee7 !important;
	  font-size: 14px !important;
	  line-height: 14px !important;
  }
  .btn-primary:hover {
	  background-color: #3192e4 !important;
	  border-color: #003C58 !important;
	  font-size: 14px !important;
	  line-height: 14px !important;
  }
  
  .btn-danger {
	  background-color: #DC3545 !important;
	  font-size: 14px !important;
	  line-height: 14px !important;
  }
  
  .btn-danger:hover {
	  background-color: #B02A37 !important;
	  border-color: #841F29 !important;
	  font-size: 14px !important;
	  line-height: 14px !important;
  }
  
  .btn-success {
	  background-color: #28A745 !important;
	  font-size: 14px !important;
	  line-height: 14px !important;
  }
  
  .btn-success:hover {
	  background-color: #208537 !important;
	  border-color: #186429 !important;
	  font-size: 14px !important;
	  line-height: 14px !important;
  }
  
  .logo_box_productos {
	  background: #000001 !important;
  }
  
  .label_productos {
	  font-family:  Helvetica Neue,Nunito,sans-serif !important;
	  font-style: normal !important;
	  font-weight: 500 !important;
	  font-size: 16px !important;
	  line-height: 20px !important;
	  letter-spacing: normal !important;
	  margin-bottom: 10px !important;
  }
  
  .input_productos {
	  font-family:  Helvetica Neue,Nunito,sans-serif !important;
	  background: #F8F8F8 !important;
	  border: 1px solid #E5E5E5 !important;
	  box-sizing: border-box !important;
	  border-radius: 4px !important;
	  margin-top: 0px !important;
	  letter-spacing: normal !important;
	  margin-bottom: 10px !important;
  }
  
  .btn_blue_productos {
	  background: #000001 !important;
	  border-radius: 4px !important;
	  border-color: #000001 !important;
  }
  
  .btn_blue_productos:hover {
	  background: #000001 !important;
	  border-radius: 4px !important;
	  border-color: #003c58 !important;
  }
  
  .btn_productos {
	  font-family:  Helvetica Neue,Nunito,sans-serif !important;
	  height: 50px !important;
	  text-transform: none !important;
	  font-weight: normal !important;
	  letter-spacing: normal !important;
  }
  
  @media (max-width: 500px){
	  .btn_login_productos {
		  margin-bottom: 20px !important;
	  }
  }
  
  .captcha_productos {
	  margin-top: 30px !important;
	  text-align: center !important;
	  margin-bottom: 20px !important;
  }
  
  .g-recaptcha {
	  display: inline-block !important;
  }
  
  .flip-container .front {
	  border: 0px !important;
  }
  
  .logo_header_productos {
	  /*margin-top: 35px !important;*/
	  margin-bottom: 25px !important;
  }
  
  .trianglifyBox{
	  background: linear-gradient(90deg, #01b051 20.31%, #92d050 100%) !important;
  }
  .trianglifyBox_inverted{
	  background: linear-gradient(90deg, #92d050 0%, #01b051 100%) !important;
  }
  
  .page-title{
	  font-size: 32px !important;
	  line-height: 100% !important;
	  margin: 0 !important;
	  padding: 30px 0 30px !important;
	  position: relative !important;
  }
  .page-title:after{
	  bottom: 25px !important;
	  content: "" !important;
	  height: 3px !important;
	  left: 70px !important;
	  position: absolute !important;
	  width: 40px !important;
  }
  
  .icon_user_productos {
	  margin-right: 10px;
  }
  
  ul.menu li > a {
	  float: left !important;
	  font-size: 14px !important;
	  line-height: inherit !important;
	  text-transform: none !important;
	  position: relative !important;
	  text-decoration: none;
  }
  
  .logo_img_productos {
	  width: auto;
	  max-width: 165px;
	  margin-top: 5px;
	  height: auto;
  }
  
  .skew-title:before {
	  background-color: #000001;
	  bottom: 0;
	  content: "";
	  height: 200px;
	  left: 0;
	  position: absolute;
	  width: 102%;
	  z-index: -1;
	  -ms-transform: skewY(-0deg);
	  -webkit-transform: skewY(-0deg);
	  transform: skewY(-0deg);
  }
  
  .li_menu {
	  list-style: none !important;
	  line-height: 50px;
	  height: 50px;
	  text-align: left;
  }
  
  .li_menu:hover {
	  background-color: #E5E5E5 !important;
  }	
  
  .li_img_menu { 
	  margin-right: 22px !important;  
		padding-left: 33px !important;
		font-size: 25px !important;
		/*Vertical center*/
  }
  
  .li_txt_menu {
	  font-family: Helvetica Neue,Nunito,sans-serif !important;
	  font-size: 14pt !important;
  }
  
  .title_menu {
	  font-family:  Helvetica Neue,Nunito,sans-serif !important;
	  font-size: 16pt !important;
	  font-weight: normal;
	  margin-bottom: 10px;
  }
  
  .menu-list {
	  padding-top: 12px !important;
	  /*padding-left: 33px !important;*/
  }
  
  #menu_icon {
	  cursor: pointer !important;
	  margin-right: 10px !important;
  }
  
  .li_bottom_border {
	  border-bottom: 1px solid #E5E5E5;
	  list-style: none;
	  position: absolute;
	  right: 20px;
	  left: 20px;
  }
  
  .img_publicidad_horizontal {
	  max-width: 847px !important;
	  max-height: 260px !important;
  }
  
  /*Cuando aparece menú lateral*/
  @media (max-width: 992px) {
	  .box_password {
		  margin-top: 15px !important;
	  }
  
	  .welcome_message_header {
		  font-size: 15pt !important;
	  }
	  .img_publicidad_horizontal {
		  max-width: 100% !important;
		  max-height: 260px !important;
	  }
	  .apellido_header {
		  display: none;
	  }
	  .logo_header_productos {
		  margin-top: 5px !important;
	  }
	  .logo_img_productos {
		  width: auto;
		  max-width: 180px !important;
		  max-height: 100% !important;
	  }
	  .header_message_productos {
		  margin-top: 75px !important;
		  padding-bottom: 10px !important;
		  position: initial !important;
	  }
	  .sidebar-menu {
		  display: none;
	  }
	  ul.menu li {
		  height: 40px !important;
		  line-height: 30px !important;
	  }
  }
  .li_img_menu_alt {
	  -webkit-filter: brightness(0) invert(1) !important;
		filter: brightness(0) invert(1) !important;
		margin-right: 10px !important;
	  vertical-align: middle !important;
  }
  .li_img_menu_alt2 {
	  -webkit-filter: brightness(0) invert(1) !important;
		filter: brightness(0) invert(1) !important;
		margin-right: 10px !important;
		font-size: 25px !important;
	  vertical-align: middle !important;
  }
  .box_fixed_group {
	  margin-bottom: 20px !important;
  }
  @media (min-width: 993px) {
	  .li_menu_alt {
		  display: none !important;
	  }
	  .li_img_menu_alt2 {
		  margin-right: 0px !important;
	  }
	  .box_fixed_group {
		  flex-wrap: wrap !important;
		  display: flex !important;
		  margin-bottom: 20px !important;
	  }
	  .cumple_usuario {
		  position: absolute !important;
		  bottom: 0 !important;
	  }
  }
  .alt_text_menu {
	  margin-left: 10px !important;
  }
  
  .icon_cart_productos {
	  width: 20px !important;
	  height: 20px !important;
  }
  
  .contenedor_vertical {
	  background-color: #ffffff !important;
	  max-width: 260px !important;
	  max-height: 600px !important;
	  text-align: center !important;
	  margin: 0 auto !important;
  }
  
  .contenedor_horizontal {
	  width: 100% !important;
	  background-color: #ffffff !important;
	  max-width: 847px !important;
	  max-height: 260px !important;
	  text-align: center !important;
	  margin: 0 auto !important;
  }
  
  .div_contenedor_horizontal {
	  margin-top: 30px !important;
  }
  
  .img_publicidad_vertical {
	  max-width: 260px !important;
	  max-height: 600px !important;
  }
  
  .img_user_dashboard_banner {
	  width: 100% !important;
  }
  
  .img_user_dashboard {
	  margin: 0 auto !important;
	  display: block !important;
	  margin-top: -50px !important;
	  width: 80px !important;
	  height: auto;
  }
  
  .nombre_cliente {
	  color: #006494 !important;
	  font-size: 26px !important;
  }
  
  .txt_ficha_cliente {
	  font-size: 10pt !important;
  }
  
  .separador_ficha {
	  border-bottom: 1px solid #E5E5E5;
	  padding-bottom: 20px !important;
  }
  
  .header_ficha {
	  margin-bottom: 20px !important;
  }
  
  .box_fixed {
	  display: flex !important;
  }
  
  .icon_ficha {
	  height: 16px !important;
	  margin-right: 10px !important;
	  font-size: 16px !important;
  }
  
  .recuadro_estadisticas {
	  color: #ffffff !important;
	  background: #a0d468 !important;
	  display: block !important;
	  margin: 10px !important;
	  padding: 10px !important;
	  height: 100px !important;
	  border-radius: 4px !important;
	  padding-left: 15px !important;
  }
  
  .img_recuadros {
	  position: absolute !important;
	  right: 50px !important;
	  top: 23px !important;
	  font-size: 70px !important;
  }
  
  .txt_recuadros {
	  font-size: 9pt !important;
	  display: block !important;
	  z-index: 100 !important;
	  position: relative;
  }
  
  .num_recuadros {
	  font-size: 27pt !important;
	  display: block !important;
	  z-index: 100 !important;
	  position: relative !important;
  }
  
  .img_button {
	  margin-right: 5px !important;
	  width: 20px !important;
	  height: 20px !important;
	  font-size: 20px !important;
	  vertical-align: middle !important;
  }
  
  .title_modal_productos {
	  color: #006494 !important;
	  font-size: 24px !important;
  }
  
  .title_label_productos {
	  display: block !important;
	  color: #006494 !important;
	  font-size: 24px !important;
	  margin-bottom: 20px !important;
  }
  td {
	  vertical-align: middle !important;
  }
  .group_btn_input {
	  display: flex !important;
  }
  
  .btn_show_password {
	  height: 34px !important;
  }
  
  .btn_busqueda {
	  height: 34px !important;
  }
  
  .file_select {
	  position: relative;
	  display: block;
	  cursor: pointer;
  }
  
  .file_select::before {
	  background-color: #F8F8F8;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  content: 'Subir Foto \a de Perfil';
	  white-space: pre;
	  border-radius: 50%;
	  border: 1px solid #E5E5E5;
	  height: 110px;
	  width: 110px;
	  font-size: 8pt;
	  text-align: center;
	  position: absolute;
	  margin-left: auto;
	  margin-right: auto;
	  left: 0;
	  right: 0;
	  padding-top: 20px;
	  cursor: pointer;
  }
  
  .file_select input[type="file"] {
	  opacity: 0;
	  width: 100%;
		height: 125px;
	  display: inline-block;
	  cursor: pointer;
  }
  
  .image_btn_file {
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin-left: auto;
	  margin-right: auto;
	  top: 25px;
	  height: 20px;
	  cursor: pointer;
  }
  
  .ficha_box {
	  border: 1px solid #E5E5E5;
	  padding-bottom: 10px ;
  }
  
  .ficha_box_no_padding {
	  padding: 0px !important;
  }
  
  .li_menu_alt_active {
	  background-color: #E5E5E5 !important;
  }
  
  .cursor_pointer {
	  cursor: pointer !important;
  }
  
  .fix_table {
	  overflow-x: inherit !important;
	  font-size: 11pt !important;
  }
  
  .table>thead>tr>th {
	  vertical-align: bottom;
	  border-bottom: 1px solid #E5E5E5 !important;
	  border-top: 1px solid #E5E5E5 !important;
  }
  
  th {
	  vertical-align: middle !important;
  }
  
  .select_sucursal {
	  margin-bottom: 10px !important;
	  display: flex !important;
  }
  
  .label_select_sucursal {
	  margin-top: 7px !important;
	  margin-right: 10px !important;
  }
  
  .btn_send_support_form {
	  text-align: right !important;
  }
  
  .seccion_busqueda {
	  margin-bottom: 10px !important;
  }
  
  .margen_nuevo{
	  margin-top: 30px !important;
  }
  
  .img_button_footer {
	  margin-right: 10px !important;
	  width: 20px !important;
	  height: 20px !important;
	  font-size: 16px !important;
  }
  
  .recuadro_estadisticas_2{
	height: 3.95em;
	padding: 1em;
	margin: 1em 0;
	border-radius: 3px;
	-webkit-transition: margin 0.5s ease,box-shadow 0.5s ease;	
	transition: margin 0.5s ease,box-shadow 0.5s ease; 
	-moz-box-shadow:0px 0.2em 0.4em rgb(0, 0, 0,0.8);
	-webkit-box-shadow:0px 0.2em 0.4em rgb(0, 0, 0,0.8);
	box-shadow:0px 0.2em 0.4em rgb(0, 0, 0,0.8);
	color: black;
}
.recuadro_estadisticas_2:hover{ 

	-moz-box-shadow:0px 0.2em 0.25em rgb(229, 229, 229,0.8); 
	-webkit-box-shadow:0px 0.2em 0.25em rgb(229, 229, 229,0.8); 
	box-shadow:0px 0.2em 0.25em rgb(229, 229, 229,0.8); 
}
.recuadro_estadisticas_2 i{
	font-size:1.75em;
	margin-bottom:-3px;
}
.recuadro_estadisticas_2 div{
	width: calc(100% - 1.85em);
	display: block;
	float:right;
	text-align:right;
	margin-top: -3px;
}
.recuadro_estadisticas_2 div b {
	font-size:1.8em;
	width: 100%;
	padding-top:0px;
	margin-top:-0.2em;
	margin-bottom:-0.2em;
	display: block;
	
}
.recuadro_estadisticas_2 div span {
	font-size:0.8em;
	width: 100%;
	color: rgb(0, 0, 0,0.8) !important;
	display: block;

}
.recuadro_estadisticas_2.left div{ 
  float:left;
  text-align:left;
}
/*Dashboard colors*/
.recuadro_estadisticas_2.bg_verde{ background-color: #a0d468 !important; }
.recuadro_estadisticas_2.bg_verde_lima{ background-color: #cddc39 !important; }
.recuadro_estadisticas_2.bg_rojo{ background-color: #ed5565 !important; }
.recuadro_estadisticas_2.bg_naranja{ background-color: #fc6e51 !important; }
.recuadro_estadisticas_2.bg_azul{ background-color: #4fc1e9 !important; }