/*
 * Creacion 11 de Mayo de 2015
 * @author Carolina Solis Mayorga
 */

/*
 * Fonts
 */

@font-face
{
 font-family: 'Walkway Black';
 src: url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/Walkway Black.eot');
 src: url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/Walkway Black.woff') format('woff'), url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/Walkway Black.ttf') format('truetype'), url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/Walkway Black.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face
{
 font-family: 'kalinga';
 src: url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/Ekalinga.eot');
 src: url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/kalinga.woff') format('woff'), url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/kalinga.ttf') format('truetype'), url('/personal/klay_pyxter_sycell_prt1_prt/res/fonts/kalinga.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*
 * Generales
 */

body
{
  font-family: kalinga;
  background-color: #FFFFFF;
  text-align: center;
  margin: 0;
  overflow-x:hidden;
}

.subtitulo
{
  color: #11418B;
  font-family: Walkway Black, ;
  font-size:30;
  _font-size:34;
}

.msg_error
{
  color: #15CA27;
  font-size: 22px;
  padding: 2px 8px;
  text-align: center;
  font-family: Walkway Black;
  font-weight: bold;
}

.input_button
{
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/fondo_btnes.png");
  background-repeat: no-repeat;
  background-position: center center;
  border-size: 1px;
  border-width: 0px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'Walkway Black';
  font-size: 20px;
  padding: 18px;
  vertical-align: middle;
}


.input_button_nip
{
  background-position: center center;
  border-size: 1px;
  border-width: 0px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'kalinga';
  font-size: 10px;
  padding: 18px;
  vertical-align: middle;
}


.boton_tipo_contrasena
{
  background-position: center center;
  border-size: 1px;
  border-width: 0px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'kalinga';
  font-size: 10px;
  padding: 18px;
  vertical-align: middle;
}


.input_button_round
{
  background-color: #1B9DEC;
  border-width: 0px;
  border-style: solid;
  border-size: 1px;
  border-color: #69D2E7;
  border-radius: 15px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'Walkway Black';
  _font-family: 'Walkway Black';
  font-size: 30px;
  _font-size: 30px;

}

.input_button_rect
{
  background-color: #DDDDDD;
  color: #2262C5;
  cursor:pointer;
  font-family: Walkway Black;
  _font-family: Walkway Black;
  font-size: 23px;
  padding-top: 40px;
  vertical-align: middle;
	border: 0px;
}

.input_button_ok
{
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/ok.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #FFFFFF;
  border-width: 0px;
  border-style: solid;
  border-size: 1px;
  border-color: #15CA27;
  cursor:pointer;
  padding: 10px;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}

.input_button_usuarios
{
  border-size: 1px;
  border-width: 0px;
  cursor:pointer;
  font-family: 'Walkway Black';
  font-size: 20px;
  vertical-align: middle;
}

.input_button_nip_user
{
  border-size: 1px;
  border-width: 0px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'kalinga';
  font-size: 15px;
  padding: 10px;
  vertical-align: middle;
}


.fieldlabel
{
  color: #2262C5;
  font: normal 18px Walkway Black;
  text-decoration: none;
  text-aling: center;
}


.fieldlabel_venta
{
  color: #3A4044;
  font-family: Walkway Black;
  font-size:40;
  _font-size:38;
}


.input_text_nip
{
  background-color: #DDDDDD;
  background-image: none !important;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 35px;
  height: 55px;
  padding: 0 5px;
}


.input_text_usuario
{
  background-color: #DDDDDD;
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/ICONO_LOGIN_INSERTAR_USUARIO.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 17px;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 18px;
  text-aling: center;
  height: 55px;
  padding: 0 5px;
  border: 0px solid #DDDDDD;
}


.input_text_passw
{
  background-color: #DDDDDD;
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/ICONO_LOGIN_INSERTAR_PASSW.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 17px;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 18px;
  text-aling: center;
  height: 55px;
  padding: 0 5px;
  border: 0px solid #DDDDDD;

}

.input_text_codigobarras
{
  background-color: #DDDDDD;
  padding-left: 17px;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 18px;
  text-aling: center;
  height: 45px;
  padding: 0 5px;
  border: 0px solid #DDDDDD;
}

.input_text_encabezado_tickets
{
  background-color: #DDDDDD;
  background-image: none !important;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 35px;
  height: 55px;
  padding: 10px 5px;
}


.input_text_traspaso
{
  padding-left:0px;
  text-align: center;
}


.input_text_hint
{
  color: #2262C5 !important;
}

.table_fixed
{
  table-layout: fixed;
}

.no_display
{
  display: none;
}

.line_interlineado
{
  border-bottom: 1px solid #A9ACAE;
}

.background_interlineado
{
  background-color: #EFEFEF;
}

.icon_action
{
  cursor: pointer;
}

.listitems
{
  text-align: left;
}

.x-form-trigger-checkboxcombo
{
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/icono_combobox.png") !important;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color;
  border-image: none;
  border-style: none none solid;
  border-width: 0px;
  cursor: pointer;
  height: 44px;
  margin-top: 3px;
  position: absolute;
  top: 0;
  width: 40px;
}

.printer
{
  cursor: pointer;
  float: right;
  padding-right: 40px;
}

/*
 * View Main
 */

#main_view
{
  border-style: none;
  margin: auto;
  text-align: center;
  height: 100%;
  width: 100%;
}

#cargando
{
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#cargando-image {
  position: absolute;
  top: 300px;
  z-index: 100;
}

/*
 * Estructura principal
 */

#content
{
  height: 100%;
  table-layout: fixed;
  text-align: center;
  width: 80%;
}

#content_menu
{
  vertical-align: top;
  width: 100%;
}

#content_acciones
{
  border: 1px solid #DADADA;
  border-top: 0px;
  vertical-align: top;
  width: 200px;
}

#content_main
{
  padding: 2px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

#ultimas_operaciones
{
  font: normal 10px Arial;
  height: 190px;
  overflow: auto;
  overflow-x: hidden;
  padding-left: 5px;
}

.ultimas_operaciones_detalle
{
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/vinetaalladodefecha.png");
  background-repeat: no-repeat;
  background-position: 0% 4px;
  padding: 0px 0px 5px 14px;
}

.content_main_logueado
{
  width: 100% !important;
}

.content_avisos
{
  overflow:auto;
  overflow-x:hidden;
  vertical-align: top;
}

.separator_avisos
{
  background: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/lineas_aviso.png");
  height: 9px;
  width: 600px;
}

.input_button_contrasenia
{
  background-color: #5E2238;
  border-color: #69D2E7;
  border-size: 1px;
  border-style: solid;
  border-width: 0px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'Poetsen';
  font-size: 14px;
  padding: 7px;
  vertical-align: middle;
}

.input_button_contrasenia a
{
  color: #FFFFFF;
  text-decoration: none;
}

/*
 * Pantalla de login y recuperacion de contrasenia
 */

#login
{
  margin-top: 50px;
  width: 332px;
}

#login_recuperar_contrasenia
{

  border-bottom: 1px solid #FFFFFF;
  margin:auto;
  padding-top: 40px;
  padding-bottom:10px;
  text-align: center;
  width: 180px;
}

#login_recuperar_contrasenia_text
{
  color: #4F4F4F;
  font: normal 12px Poetsen, Arial, Tahoma;
  text-decoration: none;
}

#recuperar_contrasenia
{
  margin-top: 50px;
  width: 332px;
}


.fieldlabel_cell_login
{
  padding: 5px;
}

.input_text_login
{
  width: 308px;
  height: 46px;
  text-align: center;
}


.input_text_cell_login
{
  padding: 0px 0px;
  text-align: center;
}

.button_entrar
{
  padding: 10px 10px;
  width: 308px;
  height: 47px;
}

.button_recuperacion
{
  width: 280px;
  background-color: #7CB44B;
}

/*
 * Contrasenia caduca
 */

#contrasenia_caduca
{
  width: 332px;
}

.fieldlabel_contrasenia_caduca
{
  color: #FFFFFF;
  font-family: Walkway Black;
  font-size:28;
  _font-size:15;
  _font-weight: bold;
}


/*
 * Seccion inferior. (Menu)
 */

.menu_logo
{
  height: 134px;
  width: 218px;
  text-align: center;
}

#menu
{
  border-top: 0px;
  margin-bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: #114188;
}

#menu_opciones
{
  background-color: #FFFFFF;
  width: 200px;
  height: 100%;
}

/*
 * Seccion superior. (Menu)
 */

.menu_opcion_sup a
{
  color: #4A4A4A;
  font: normal 18px Arial;
  padding-right: 10px;
  text-decoration: none;
}

.menu_opcion_sup a, .menu_opcion_sup a span
{
  display: block;
}

.menu_opcion_sup a.no_border
{
  border-bottom: 0px;
}

.menu_opcion_sup a:hover
{
  color: #4A4A4A;
  background-color: #F9F9F9;
}

.menu_opcion_sup a:hover span
{
  cursor: pointer;
}

.menu_opcion_sup a span.text_opcion
{

  background-position: left center;
  padding: 0px 0px 0px 15px;
  height: 20px;
}

.menu_opcion_sup a:hover span.text_opcion
{
  background-position: left center;
  color: #4A4A4A;
  padding: 0px 0px 0px 15px;
  height: 20px;
}

/*
 * Seccion lateral derecha. (Historial y chat)
 */

.consultar_saldo
{
  cursor: pointer;
  font-size: 20px;
  height: 33px;
  width: 130px;
  text-align: center;
  vertical-align: center ;
}

.btn_header
{
  background-color: #FFFFFF;
  margin: auto;
  font-family: Arial, Tahoma;
}

.logout
{
  cursor: pointer;
  font-size: 20px;
  height: 33px;
  width: 104px;
  text-align: center;
}

.consultar_saldo a
{
  color: #2262C5;
  text-decoration: none;
}

.logout a
{
  color: #2262C5;
  text-decoration: none;
}

.detalle_saldo
{
  padding-top: 6px;
  font-size: 15px;
  text-align: CENTER;
 font-family: Arial, Tahoma;
}

.input_chat
{
  background-color: #FFFFFF;
  border-top: 1px solid #114188;
  border-left: none;
  border-right: none;
  border-bottom: none;
  color: #114188;
  font-family: Arial, Tahoma;
  font-size: 14px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  width: 236px;
}

/*
 * Seccion central
 */

.title_header
{
  color: #114188;
  font: normal 30px Walkway Black;
  text-align: center;
  padding-top:10px;
}

.title_header_reportes
{
  color: #114188;
  font: normal 30px Walkway Black;
  text-align: center;
  padding-top:20px;
	margin-left:450px;
	text-align: center;
}


.title_internet
{
  color:#000000;
  text-align:center;
  padding-top:40px;
  font: bold 20px walkway Black;
  border: 0px solid #DDDDDD;
}


/*
 * Venta
 */

.venta_unselect
{
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/fondo_btnes_recarga.png');
  background-repeat: no-repeat;
  color: #2262C5;
  cursor: pointer;
  font-family: Walkway Black;
  font-size: 38px;
  height: 93px;
  width: 116px;
  text-align: center;
}

.venta_select
{
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/fondo_btnes_recarga_select.png');
  background-repeat: no-repeat;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Walkway Black;
  font-size: 38px;
  height: 93px;
  width: 116px;
  text-align: center;
}

.venta_content_column
{
  margin-right:500px;
}

.fieldlabel_cell_venta
{
  padding: 0px;
	text-align: center;
}

.fieldlabel_cell_servicios
{
  padding: 0px;
  width: 300px;
}

.input_text_venta
{
  background-color: #DDDDDD;
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/fondo_insertar_recarga.png");
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 17px;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 18px;
  height: 46px;
  width: 306px;
  border: 0px solid #DDDDDD;
  padding: 0px 0px;
  text-align: center;
}

}

.input_text_pass
{
  width: 420px;
}

.input_text_barcode
{
  width: 308px;
  height: 46px;
  text-align: center;
}

.input_text_venta_nip
{
  width: 306px;
  background-color: #DDDDDD;
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/fondo_insertar_recarga.png");
  background-position:center;
  background-repeat: no-repeat;
  padding-left: 50px;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 18px;
  height: 46px;
  border: 0px solid #DDDDDD;
  padding: 0px 0px;
  text-align: center;
}

.input_text_cell_venta
{
  width: 308px;
  height: 46px;
  text-align: center;
}

.input_button_round_venta
{
  width: 411px;
}

/*
 * Venta Telcel
 */

.button_monto_telcel
{
  height: 82px;

}

/*
 * Venta Movistar
 */

.button_monto_movistar
{
  height: 62px;
}

/*
 * Venta Iusacell
 */

.button_monto_iusacell
{
  height: 80px;
}

/*
 * Venta Unefon
 */

.button_monto_unefon
{
  height: 80px;
}

/*
 * Venta Nextel
 */

.button_monto_nextel
{
  height: 110px;
}

/*
 * Otros servicios
 */

.otros_servicios_logo_inexistente
{
  background-color:#F0F0F0;
  border: 1px solid #B8B8B8;
  color:#585858;
  display: table-cell;
  font: normal 22px Poetsen,Arial,Tahoma,Helvetica;
  height:80px;
  text-align: center;
  vertical-align: middle;
  width:138px;
}

.otros_servicios_movistar
{
  background-color: #D2D71B;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Poetsen;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
  width: 140px;
  margin: 10px;
  text-align: center;
}

.otros_servicios_movistar a
{
  color: #FFFFFF;
  text-decoration: none;
}

.otros_servicios_iusacell
{
  background-color: #C02942;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Poetsen;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
  width: 140px;
  margin: 10px;
  text-align: center;
}

.otros_servicios_iusacell a
{
  color: #FFFFFF;
  text-decoration: none;
}

.otros_servicios_unefon
{
  background-color: #ECD078;
  color: #513F24;
  cursor: pointer;
  font-family: Poetsen;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
  width: 140px;
  margin: 10px;
  text-align: center;
}

.otros_servicios_unefon a
{
  color: #513F24;
  text-decoration: none;
}

.otros_servicios_nextel
{
  background-color: #D95B43;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Poetsen;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
  width: 140px;
  margin: 10px;
  text-align: center;
}

.otros_servicios_nextel a
{
  color: #FFFFFF;
  text-decoration: none;
}

/*
 * Traspaso
 */

.fieldlabel_cell_traspaso
{
  padding: 10px;
  text-align: center;

}

.input_text_traspaso_monto
{
  background-color: #DDDDDD;
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/fondo_insertar_recarga.png");
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 17px;
  color: #2262C5;
  font-family: Walkway Black;
  font-size: 18px;
  height: 46px;
  width: 306px;
  border: 0px solid #DDDDDD;
  padding: 0px 0px;
  text-align: center;
}

.input_text_traspaso_utilidad
{
  width: 320px;
}

.input_text_traspaso_total
{
  width: 320px;
}

.input_text_traspaso_nip
{
  width: 308px;
  height: 46px;
  text-align: center;
}

.input_text_cell_traspaso
{
  padding: 0px 0px;
  text-align: center;
}

.input_button_round_traspaso
{
  width: 411px;
}

/*
 * Usuarios
 */

.fieldlabel_usuarios
{
  color: #2262C5;
  font-family: Tahoma, Helvetica, sans-serif;
  font-style: normal;
  font-size: 14px;
}

.usuarios_cell_acciones
{
  width: 50px;
}

.usuarios_cell_nip
{
  width: 40px;
}

.usuarios_cell_contrasenia
{
  width: 100px;
}

.input_text_usr_checkboxcombo
{
  background-color: #DDDDDD;
  color: #2262C5;
  font-family: walkway Black;
  font-style: normal;
  font-size: 17px;
  height: 44px;
  width: 212px;
  padding: 0 5px;
  margin: 3px 0px 3px 3px;
  background-image: none !important;
}

.x-form-field-wrap .x-form-trigger-over
{
  background-position: 0;
}
.input_button_round_nip
{
  background-color: #ffd7a6;
  color: #6b4f30;
  cursor:pointer;
  font-family: Evogria, Haettenschweiler, sans-serif;
  font-size: 20px;
  padding: 0px;
  vertical-align: middle;
  width: 70px;
  height: 40px;
}

.input_button_round_contrasenia
{
  background-color: #d9efb4;
  color: #253008;
  cursor:pointer;
  font-family: Evogria, Haettenschweiler, sans-serif;
  font-size: 20px;
  padding: 0px;
  vertical-align: middle;
  width: 150px;
  height: 40px;
}

.input_button_round_cancelar
{
  background-color: #D5D5D5;
  color: #114188;
  cursor:pointer;
  font-family: Walkway Black;
  font-size: 15px;
  padding: 0px;
  vertical-align: middle;
  width: 150px;
  height: 40px;
}

.input_button_round_modificar
{
  background-color: #8AE199;
  color: #114188;
  cursor:pointer;
  font-family: Walkway Black;
  font-size: 15px;
  margin-bottom: 5px;
  vertical-align: middle;
  width: 150px;
  height: 40px;
}


.input_button_contrasenas_alfa
{
  background-color: #8AE199;
  color: #114188;
  cursor:pointer;
  font-family: Walkway Black;
  font-size: 13px;
  padding: 0px;
  vertical-align: middle;
  width: 150px;
  height: 40px;
}
/*
 * Puntos de venta
 */

.fieldlabel_pdv
{
  color: #114188;
  font-family: kalinga;
  font-style: bold;
  font-size:15px;
}

.input_text_pdv
{
  background-color: #DDDDDD;
  color: #2262C2;
  font-family: Walkway Black;
  font-style: bold;
  font-size: 17px;
  height: 44px;
  padding: 10px;
  border: 0px;
}

.input_text_pdv_nombre
{
  width: 400px;
}

.input_text_pdv_correo
{
  width: 400px;
}

.input_text_pdv_traspaso
{
  width: 400px;
}

.input_text_pdv_codigo
{
  width: 300px;
}

.input_text_pdv_nombre_mod
{
  width: 300px;
}

.input_text_pdv_descuento
{
  width: 143px;
}

.input_text_pdv_descuento_edicion
{
  width: 90px;
}

.input_button_round_pdv_agregar
{
  background-image: url("/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/btn_agregar.png");
  background-repeat: no-repeat;
  background-position:top center;
  background-color: #2262C5;
  color: #FFFFFF;
  cursor:pointer;
  font-size: 20px;
  width: 150px;
  height: 70px;
  margin-top: 43px;
}

.input_button_round_pdv_modificar
{
  background-color: #D82746;
  border-radius: 10px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'Poetsen';
  font-size: 14px;
  padding: 0px;
  vertical-align: middle;
  width: 100px;
  border: 0px;
}

.input_button_round_pdv_cancelar
{
  background-color: #D82746;
  border-radius: 10px;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'Poetsen';
  font-size: 14px;
  padding: 0px;
  vertical-align: middle;
  width: 100px;
}

/*
 * Usuarios
 */

.input_text_usr_nombre
{
  width: 350px;
	border-color: #b5b8c8;

}

.input_text_usr_correo
{
  width: 350px;
	border-color: #b5b8c8;
}

.input_text_usr_codigo
{
  width: 350px;
	border-color: #b5b8c8;
}

.input_text_usr_nombre_mod
{
  width: 250px;
}
/*
 * Configuracion
 */

.btn_configuracion
{
  background-color: #07A7E3;
  padding-top: 12px;
  font-family: Arial;
  font-size: 15px;
  color:#FFFFFF;
  width: 200px;
  height: 30px;
  text-align:center;
  border-radius: 10px;
  font-weight: bold;
}

.input_text_configuracion_ticket
{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-style: normal;
  font-size: 18px;
  height: 250px;
  width: 400px;
}

.configuracion_cell_fieldlabel
{
  padding: 10px 0px 0px 10px;
  vertical-align: top;
  width: 250px;
  color: #3A4044;
  font-family: Aktuelle, Script MT Bold, Tahoma, Helvetica;
  font-size:32;
  _font-size:22;
}

.input_button_round_configuracion
{
  vertical-align: top;
  width: 400px;
}

.fieldlabel_conf
{
  color: #114188;
  font-family: walkway Black;
  font-size:18px;
}

/*
 * Reportes
 */

.input_text_filters
{
  background-color: #114188;
  color: #FFFFFF;
  font-family: kalinga;
  font-style: bold;
  font-size: 25px;
  width: 140px;
  height: 30px;
  padding: 0 5px;
  margin: 3px;
  border: 1px solid #C0BEBE;
}

.input_submit_report
{
  background-color: #D82746;
  border-width: 0px;
  border-style: solid;
  border-size: 1px;
  border-color: #69D2E7;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'Poetsen';
  font-size: 16px;
  padding: 5px;
  vertical-align: middle;
}

/*
 * Window Nip
 */

.input_text_window_nip
{
  text-align: center;
  width: 160px;
}

/*
 * Extjs Window
 */

/*
 * Window
 */

.x-window-tr
{
  background-image: url("../img/window/right-corners.png");
  padding-right: 15px;
  position:relative;
  left:-1px;
}

.x-window-ml
{
  background-image: url("../img/window/left-right.png");
  padding-left: 15px;
}

.x-window-tl
{
  background-image: url("../img/window/left-corners.png");
  padding-left: 15px;
}

.x-window-mr
{
  background-image: url("../img/window/left-right.png");
  padding-right: 15px;
}

.x-window-br
{
  background-image: url("../img/window/right-corners.png");
  padding-right: 10px;
}

.x-window-bl
{
  background-image: url("../img/window/left-corners.png");
  padding-left: 14px;
}

.x-window-mc
{
  background-color: #FFFFFF;
}

.x-window-tc
{
  background-image: url("../img/window/top-bottom.png");
  border-bottom: 1px #9E9E9E solid;
}

.x-window-bc
{
  background-image: url("../img/window/top-bottom.png");
  padding-bottom: 4px;
  padding-right: 20px;
}

.x-window-tl .x-window-header
{
  color: #2262C5;
  font: normal 18px Walkway Black;
}

.x-tool
{
  background-image: url("../img/window/tool-sprites_as.gif");
}

.x-window-plain .x-window-mc
{
  background-color: #FFFFFF;
}

body.x-body-masked .x-window-plain .x-window-mc
{
  background-color: #FFFFFF;
}

/*
 * Blank
 */

.title_header_blank
{
  background-color: #1B9DEC;
  color: #FFFFFF;
  font-family: Aktuelle, Script MT Bold, Tahoma, Helvetica;
  font-size: 60px;
  height: 70px;
  line-height: 50px;
  position: relative;
  text-align: center;
  width: 100%;
  padding-left: 30px;
  padding-top: 10px;
}

#blank_view
{
  border-style: none;
  margin: auto;
  height: 600px;
  width: 100%;
}

/*
 * Reportes
 */

.filters
{
  background-repeat: repeat-x;
  height: 45px;
  width: 100%;
}

.filter_name
{
  color: #FFFFFF;
  font-family: kalinga;
  font-size: 20px;
}

.filter_detail
{
  color: #FFFFFF;
  font-family: kalinga;
  font-size: 18px;
}

.adm_marco
{
  border: 1px solid #ddd;
  border-collapse: separate;
  border-left: 0;
  border-radius: 10px;
  border-spacing: 0px;
}

.adm_titulo
{
  background-color: #2262C5;
  color:#FFFFFF;
  font-size: 16px;
  font:bold;
  font-weight:bold;
  padding: 5px;
  text-align:center;
}

.adm_titulo_total
{
  background-color: #FFF5F0;
  color:#2262C5;
  font-size: 18px;
  font:bold;
  font-weight:bold;
  padding: 5px;
  text-align:center;
}


.adm_contenido
{
  color: #2262C5;
  font-size: 15px;
  font-weight:bold;
  padding: 5px;
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  text-align:center;

}

.adm_contenido_montos
{
  color: #2262C5;
  font-size: 15px;
  font-weight:bold;
  padding: 5px;
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  text-align:right;
}


.adm_texto
{
  padding-left: 3px;
}

.report_dias_vida
{
  background-color: #E3F6CE;
}

.label_subtitulos
{
  color: #2262C5;
  font-family: 'walkway Black';
  font-weight: bold;
  font-size: 18px;
}

.label_subtitulos_
{
  color: #2262C5;
  font-family: 'walkway Black';
  font-weight: bold;
  font-size: 18px;
  padding-left:7px;
}

.label_rep
{
  color: #114188;
  font-family: 'walkway Black';
  font-size: 17px;
	width: 70px;
}

/*
 * Avisos
 */

.avisos_fecha
{
  font-size: 12px;
  font-weight: bold;
}

.avisos_detalle
{
  font-size: 12px;
}

/*
 * Chat
 */
.esthela
{
  background-color: transparent;
  float:right;
  width:370px;
  height:400px;
  display:block;
  right: -294px;
  _right: 0px;
  padding:0px;
  position:fixed;
  _position:absolute;
  _top:0;
  top: 170px;
  z-index:1002;
}

.btn_recuperar_contrasenia
{
  margin:auto;
  padding-top: 10px;
  padding-bottom:10px;
  width: 308px;
  height: 47px;
}

.barra_login
{
  height: 40px;
  width: 393px;
  _width: 343px;
  text-align: center;
  color: #FFFFFF;
  font: bold 25px Arial;
  padding-top: 15px;
  margin-left: -50px;
  _margin-top: 20px;
  border-radius: 15px;
}

.button_recuperar
{
  padding: 10px 10px;
  width: 308px;
  height: 47px;
}

.division
{
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/fondo_degradado.png');
  background-repeat: repeat-x;
  height: 45px;
  width: 100%;
}

.btn_header_menu
{
  cursor: pointer;
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/select_recarga.png');
  background-repeat: no-repeat;
  height: 51px;
  width: 215px;
  text-align: center;
  color: #FFFFFF;
  font: 17px Walkway Black;
  padding-top: 13px;
}

.btn_header_menu:hover
{
 background-color: #114188;
}

.btn_header_servicios
{
  cursor: pointer;
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/select_pago_servicios.png');
  background-repeat: no-repeat;
  height: 45px;
  width: 213px;
  text-align: center;
  font: 17px Walkway Black;
  padding-top: 13px;
}

.input_submit_report_excel
{
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/icono_excel.png');
  background-repeat: no-repeat;
  border: none;
  cursor:pointer;
  vertical-align: middle;
  width: 49px;
  height: 35px;
	margin-right: 20px;
}

.input_submit_report_pantalla
{
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/icono_pantalla.png');
  background-repeat: no-repeat;
  border: none;
  cursor:pointer;
  padding: 10px;
  vertical-align: middle;
  width: 49px;
  height: 35px;
	margin-left:80px;
}

.button_contrasena
{
  background-color: #113A72;
  width: 200px;
  height: 38px;
}

.button_contrasena_tipo
{
  background-color: #42e38c;
  font-size: 12px;
  font-weight: bold;
  width: 200px;
  height: 20px;
}

.button_nip
{
  background-color: #114188;
  width: 60px;
  height: 38px;
  text-align: center;

}

.button_guardar_conf
{
  padding: 10px 10px;
  width: 308px;
  height: 47px;
}


.detalle_filtros
{
  background-color: #2262C5;
  width: 100%;
  height: 30px;
  padding-top: 5px;
  padding-left: 20px;
  text-align: center;
  color:#FFFFFF;
}

.input_button_round_imprimir
{
  background-image: url('/personal/klay_pyxter_sycell_prt1_prt/res/img/portal/boton_imprimir_reporte.png');
  background-repeat: no-repeat;
  border: none;
  cursor:pointer;
  width: 260px;
  height: 44px;
  text-align: center;
  cursor:pointer;
  vertical-align: middle;

}

.adm_contenido_resumen
{
  font-size: 15px;
  font-weight:bold;
  padding: 5px;
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  text-aling: right;
  color:#2262C5;
}

.adm_contenido_resumen_total
{
  font-size: 18px;
  font-weight:bold;
  padding: 5px;
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  color:114188;
  text-aling: right;
}

.adm_titulo_resumen
{
  background-color: #113A72;
  color:#FFFFFF;
  font-size: 17px;
  font:bold;
  font-weight:bold;
  padding: 5px;
}

.adm_marco_resumen
{
  border: 1px solid #ddd;
  border-left: 0;
  border-spacing: 0px;
  text-align:center;
  height:20px;
}

/*
 * Menú ventas
 */

.menu_ventas
{
  width: 100%;
  height: 50px;
  text-align: center;
}

.menu_opcion_ventas a
{
  color: #2262C5;
  font: normal 19px Walkway Black;
  padding-right: 5px;
  text-decoration: none;
}

.menu_opcion_ventas a, .menu_opcion_ventas a span
{
  display: block;
}

.menu_opcion_ventas a.no_border
{
  border-bottom: 0px;
}

.menu_opcion_ventas a:hover
{
  color: #113A72;
}

.menu_opcion_ventas a:hover span
{
  cursor: pointer;
}

.menu_opcion_ventas a span.text_opcion
{
  padding: 0px 15px 0px 30px;
  height: 20px;
}

.menu_opcion_ventas a:hover span.text_opcion
{
  color: #113A72;
  padding: 0px 15px 0px 30px;
  height: 20px;
}

table.menurecargas
{
  width: 1000px;
  height: 60px;
  background-repeat: no-repeat;
  font-family:kalinga;
  font-size: 19px;
  color: #282828;
  font-weight: bold;
	padding-top:20px;
}

.label_main
{
  color: #2262C5;
  font-family: walkway Black;
  font-size: 20px;
  font-weight: bold;
  margin-top:40px;
}

table.paquetes{
  border: 1px solid #DDDDDD;
  border-collapse: collapse;
  font-family: kalinga;
}

th.encabezado_paquete{
  border: 1px solid #DDDDDD;
  width: 140px;
  color:#114188;
  height: 55px;
  border-bottom:4px;
  border-bottom-style:solid;
  border-bottom-color: #114188;
  text-align: center;
  font-size: 16px;
  font-family: walkway Black;
	background-color: #CCCCCC;
  padding: 10px;
}
th.contenido_paquete{
  border: 1px solid #113A72;
  width: 150px;
  color:#114188;
  font-family: kalinga;
  text-align:center;
  font-weight: bold;
  font-size: 14px;
}

.descripcion_paquetes
{
  color:#114188;
  text-align:center;
  padding-top:20px;
  font: bold 12px Arial;
  border: 0px solid #DDDDDD;
  min-width:500px;
}

.fieldlabel_cell_login_title
{
  padding: 10px;
}


.fieldlabel_title
{
  color: #11418B;
  font: normal 30px Walkway Black;
  text-decoration: none;
}


.label_menu_principal
{
  cursor: pointer;
  font: normal 20px Walkway Black;
  color: #FFFFFF;
  text-align: center;
	padding: 10px;
	padding-top:18px;
	padding-bottom:18px;
}


.label_menu_principal:hover
{
  font: normal 20px Walkway Black;
  background-color:#2262C5;
  text-align: center;
  padding: 10px;
  padding-top:18px;
  padding-bottom:18px;
}


.label_menu_principal_config
{
  cursor: pointer;
  font: normal 14px Walkway Black;
  color: #FFFFFF;
  padding: 13px;
}


.label_menu_principal_config:hover
{
  background-color:#2262C5;
  cursor: pointer;
  font: normal 14px Walkway Black;
  color: #FFFFFF;
  padding: 13px;
}



.input_button_salir
{
  background-color:#114188;
  color: #FFFFF;
  cursor:pointer;
  font-family: 'Walkway Black';
  font-size: 20px;
  vertical-align: middle;

}

.input_button_saldo
{
  background-color:#114188;
  color: #FFFFFF;
  cursor:pointer;
  font-family: 'Walkway Black';
  font-size: 20px;
  vertical-align: middle;
}

.barra_superior
{
 position:fixed;

  left:0px;
  width:100%;
  height:50px;
}

.barra_lateral
{
  position:fixed;
  left:0px;
  top:0px;
  width:218px;
  height:100%;
  background-color:#114188;
}

.contenido
{
  padding-top:55px;
  padding-left:219px;
}


.menu_botones
{
  padding-left:500px;
	background-color:#FFFFFF;
}


.pago_servicios
{
  cursor: pointer;
  width: 212px;
  height: 158px;
  padding-left: 200px;
  background-image: url('./personal/klay_pyxter_sycell_prt1_prt/res/img/portal/pagodeservicios.png');
  background-repeat: no-repeat;

}