html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    width:100%;
    height:800px;
    background-color:#fefefe;
}

:focus {
    outline: 0
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

input, textarea {
    margin: 0;
    padding: 0
}

input, textarea, select,.cms_label {
	color:#555;
}
hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #3aae5f;
    background-color: #3aae5f;
    height: 1px
}

div {
	border:none;
}

#page_container{
	width:100%;height:100%;
	color:#555;
	font-family:arial;
	font-size:12px;
	margin:0 auto auto 5px;
}
#page_header{
	width:98%;
	height:80px;
	padding:5px;
	margin-bottom:7px;
	background-color:#3aae5f;
	border-top:1px #2a9e4f solid;
	border-bottom:1px #2a9e4f solid;
}
.row_1000{
	border:none;
	width:100%;
	margin:0 auto;
	padding-top:0px;
}
#logo{
	width:196px;
	height:70px;
	float:left;
	margin-top:5px;
	margin-left:10px;
	background:url(../images/logo70.png) no-repeat center top;
}
#logo h1{
	padding-top:54px;
	padding-left:0px;
	font-family:arial;
	font-size:12px;
	color:#fff;
	text-align:center;

}
#page_content{
	clear:both;
	position:relative;
	width:100%;
}
#content_area{
	float:left;
	width:80% !important;
	margin-left:4px;
}

#page_footer{
	padding:5px;
	width:98%;
	height:40px;
	background-color:#3aae5f;
	border-top:1px #2a9e4f solid;
	border-bottom:1px #2a9e4f solid;
}
#footer_text{
	width:98%;
	height:40px;
	text-align:right;
	color:#fff;
	font-family:arial;
	font-size:12px;
	line-height:40px;
	vertical-align:middle;
	margin:0 auto;
}
#frmLogin{
	text-align:center;
	height:200px;
}

.cms_menu{
	float:left;
	width:19%;
	/* height:400px; acordion con fillspace */
}
.ui-accordion-content{
	padding-left:10px!important;
}
.cms_menu div ul li{
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	clear:both;
	display:block;
}

.crlf{
	height:10px;
	clear:both;
}
.hidden{display:none;}

.cms_control{
	padding:10px;
	width:730px;
	clear:both;
	text-align:center;
	margin:0 auto;
}
.cms_title{
	width:100%;
	font-size:14px;
	text-align:center;
}
.cms_label{
	float:left;
	width:200px;
	text-align:right;
	padding-right:5px;
}
.cms_input{
	float:left;
	width:400px;
}
.cms_mini_input{
	float:left;
	width:140px;
}
.cms_keep_element{
	margin-top:3px;
	margin-right:2px;
	float:left;
	cursor:pointer;
}
.cms_buttons{
	clear:both;
	width:210px;
	margin:0 auto;
}
.cms_button{
	width:100px;
	margin:0 auto;
	float:left;
	cursor:pointer;
}
.cms_action_add,.cms_action_delete,.cms_action_delete_obs,.cms_action_edit,
.cms_action_edit_obs,.cms_action_search,.cms_action_delete_all,.cms_action_comprobante,
.cms_action_print,.cms_action_genera_cupon,.cms_action_emitir_bb,.cms_action_reimprimir_cupon,
.cms_action_acreditar_pago, .cms_action_habilitar_empresa, .cms_action_delete_familiar{
	cursor:pointer;
	width:24px;
	height:24px;
}
.cms_action_acciones{
	cursor:pointer;
	width:24px;
	height:24px;
	background-image: url('../images/tres_puntos.png');
	background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.cms_action_add_cupon{
	cursor:pointer;
	width:150px;
	height:24px;
	margin:5px;
	float:right;
}
.cms_action_relacion_add{
	cursor:pointer;
	width:200px;
	height:24px;
}
.cms_table{
	width:99%;
	float:left;
}
.cms_table tr{
	height:16px;
}
.cms_table th{
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee url(../images/th_bg_amo.png) repeat-x bottom left;
	color:#fff;
	width:auto;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.cms_table th.actions, .th_chk_all{
	background:#eee;
	width:40px;
	text-align:center;
}
.cms_table td{
	border:1px solid #ddd;
	background:#fff;
	padding:0px 4px;
	line-height:16px;
	vertical-align:middle;
	color:#555;
	font-size:13px;
	white-space:nowrap;
}
.cms_table td div.cut{
	width:150px;
	overflow:hidden;
}
.cms_table td div.cut250{
	width:250px;
	overflow:hidden;
}
.cms_table td.actions{
	background:#eee;
	text-align:center;
}
#cms_error{
	clear:both;
	display:none;
	color:#444;
	padding-left:20px;
	text-align:left!important;
	font-weight:bold;
	background:url(../images/information.png) no-repeat center left;
	height:16px;
	width:400px;
	margin-left:45%;
}
.cms_text, .cms_datepicker{
	width:400px;
}

.cms_select{
	width:400px;
}
.cms_textarea{
	width:400px;
	height:150px;
}
.cms_textarea_html{
	width:730px;
	height:300px;
}

.cms_list_actual{
	clear:both;
}
.cms_list_actual ul{
	list-style:none;
}

.tablaEmpresa{
	border:1px solid #000;
	width:500px;
	margin:0 auto;
}

.tablaEmpresa th{
	border:1px solid #000;
}
.center{
	text-align:center;
}

.tablaEmpresa td{
	border:1px solid #000;
}

.cms_upload{
	width:180px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	border:1px solid #fff;
	background-color:#D8EBF9;
	padding:2px;
	margin:0 auto;
	text-align:center;
	float:left;
}
.darkbg{
	background:#ddd !important;
}
.status{
	font-family:Arial; padding:5px;
}
ul.files{ list-style:none; padding:0; margin:0; width:1000px;}
ul.files li{ display:inline; padding:10px; margin-bottom:2px; width:160px; float:left; margin-right:10px;}
ul.files li img{ max-width:160px; max-height:120px; }
.success{ border:1px solid #fff;}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

.ul_ancha{
	width:730px;
	list-style:none;
}

.cms_tabs{
	margin-left:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}

.cms_round_all {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.cms_round {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.cms_with_100percent{
	width:100%;
}
.cms_search{
	height:30px;
	padding-bottom:5px;
}
.cms_paginator{
	padding-left:15px;
}
.cms_search span a{
	text-decoration:none;
}
#cms_search{
	float:right;
	border:1px solid #888;
	margin-top:5px;
	margin-right:5px;
	width:200px;
}
.cms_action_search{
	float:right;
}
.actual_page{
	color:#f00;
	font-weight:bold;
}


#user_logued{
	float:right;
	margin-top:60px;
	margin-right:10px;
}
#user_logued h1{
	color:#fff;
	font-size:14px;
	font-style:italic;
}
#dialog_lectura,#dialog_mensajes,#dialog_impresion{display:none;}

.cms_buttons3{width:500px;margin:0 auto;}
.bot150{width:160px!important;}
.titulo{font-weight:bold;}

/* PAGER */
#pager .arrow { padding-right: 6px; padding-left: 6px; cursor: pointer; }
#pager input { width:15px; }
#pager .separator { font-size:0.9em; padding:0 6px; }
#pager select { margin: 0 4px; }

/* GRID */
.list_title{width:100%;color:#009430;font-size:17px;border-bottom:5px solid #DFDFDF;clear:both;padding-bottom:5px;margin-bottom:10px;margin-top:10px;font-weight:normal;}
#grid table { border-style: solid solid none; border-color:#CBD3D4 #CBD3D4 -moz-use-text-color; border-style:solid solid none; border-width:1px 1px medium; width:100%; }
#grid tr.heading { -moz-background-clip:border;	-moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/sort_row_bg.gif) repeat-x scroll 0 50%!important; }
#grid tr.heading th { border-color:#F9F9F9 #D1CFCF #F9F9F9 #F9F9F9;	border-style:solid;	border-width:1px; font-size:0.9em; padding-bottom:0; padding-top:1px; white-space:nowrap; text-align: left; padding: 2px 4px;}
#grid tr.heading th a{ color: #2D444F; display: block; padding:2px 4px 1px 0; text-decoration:none;}
#grid tr.heading th a:hover{ color: #009430; display: block; padding:2px 4px 1px 0; text-decoration:none;}
#grid tr.heading th.no-link {color: #67767E; }
#grid tr.heading th a span{font-weight:bold;}
#grid table th a.sort-arrow-asc { background:transparent url(images/sort_on_bg.gif) no-repeat scroll 0 0; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:2px 4px 1px 0; }
#grid table th a.sort-arrow-asc span.sort-title { background:transparent url(images/grid_sort_asc.gif) no-repeat scroll 0 0; background-position: right 50%; background-repeat:no-repeat; padding:3px 12px 2px 8px; }
#grid table th a.sort-arrow-desc { background:transparent url(images/sort_on_bg.gif) no-repeat scroll 0 0; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:2px 4px 1px 0; }
#grid table th a.sort-arrow-desc span.sort-title { background:transparent url(images/grid_sort_desc.gif) no-repeat scroll 0 0; background-position: right 50%; background-repeat:no-repeat; padding:3px 12px 2px 8px; }
#grid tbody {background: #FFFFFF none repeat scroll 0 0;}
#grid tbody tr {background: #F6F6F6 none repeat scroll 0 0;}
#grid tbody tr:hover {background: #FCF5DD none repeat scroll 0 0;}
#grid table td { border-color:#DADFE0; border-style:solid; border-width:0 1px 1px 0; padding: 2px 4px; color:#222;}
#grid table .acciones { color: #009430; text-decoration:none; padding-right:5px; }
#grid table .acciones:hover { color: #009430; text-decoration:underline; }
#grid table .clickable { display:block;color:#000000;text-decoration:none; }
#grid table .clickable:hover { text-decoration:underline; }

.ui-autocomplete-loading {
	background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.numerico{
	width:70px !important;
	border:none;
	background:#ddd;
	color:#000;
	text-align:right;
}

.centrado{
	text-align:center;
}

#caja_flotante{
  left:20px; /* o le damos un valor para separarlo del borde izquierdo de la ventana */
  position: absolute;
  top:0px;  /* o le damos un valor para separarlo del borde superior de la ventana */
  background:rgba(0,0,0,.5);
  color:#fff;
  height:195px;
  width:200px;
  border:none;
  cursor:move;
  z-index:40;
}

#achicador{
	height:15px;
	float:right;
}

#cont_caja_flotante{
	margin-top:20px;
	padding-top:15px;
	border-top:1px solid #0f0;
}

.fila_flota input{
	float:right;
	width:65px;
	border:none;
	margin-right:10px;
	padding-left:5px;
	text-align:right;
}

.fila_flota{
	margin-bottom:15px;
	margin-left:10px;
}

#tit_flotante{
	float:left;
	margin:5px;
}

#tit_flotante h2{
	font-weight:bold;
	margin:0 auto;
}


button#cms_salir {
	width: 100%;
	margin-top : 2px;
}

#dialoguito, #dialogo_familiar{
	padding: 20px;
	margin: 50px auto;
	border: 2px solid #4CAF50; /* Color del borde */
	border-radius: 15px; /* Esquinas redondeadas */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19); /* Sombra */
	background: linear-gradient(135deg, #f9f9f9, #eaeaea); /* Degradado de fondo */
	text-align: center; /* Alinear texto al centro */

}

#dialoguito h2, #dialogo_familiar h2 {
	color: #4CAF50; /* Color del texto */
	font-family: 'Arial', sans-serif; /* Fuente */
	font-size: 24px; /* Tamaño del texto */
	margin: 0 0 10px; /* Espaciado inferior */
	padding: 0; /* Sin relleno */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Sombra del texto */
}

#dialoguito p, #dialogo_familiar p {
	color: #333; /* Color del texto */
	font-family: 'Arial', sans-serif; /* Fuente */
	font-size: 16px; /* Tamaño del texto */
	margin: 0; /* Sin margen */
}

.menu-container {
    position: relative;
    display: inline-block;
}

.menu-button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
}

.menu-button:focus {
    outline: none;
}

.menu {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    min-width: 160px;
    z-index: 1;
}

.menu a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.menu a:hover {
    background-color: #f1f1f1;
}