@charset "UTF-8";
/* CSS Document */
/*
[Table of content]
  1. CSS Reset
  2. Site Layout
  3. Text Styles
  4. Table Styles
  5. Messages
  6. Slider
  7. Helpers


[Layout]
  * body
    - #alert
    + #wrapper
      - #header
      + #contentwrapper
        p.message
	#breadcrumbs
	#sidebar
	  div.box
	#div.content
      - #footer


[Typography]
  "Trebuchet MS", Arial, Helvetica, "MS Trebuchet", sans-serif;
  Courier, "Courier New";

*/





/*----------------------------------------------------------------------
[1. CSS Reset]
*/

/* Eric Meyer's Reset Reloaded */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

html{
	overflow-y: scroll;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

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

blockquote, q { quotes: "" ""; }



/*----------------------------------------------------------------------
[2. Site Layout]
*/

body {
	background: #fff url(../img/bg2.jpg) repeat-x top left;
	font-family: "Trebuchet MS", Arial, Helvetica, "MS Trebuchet", sans-serif;
	font-size: 87%;
}

#wrapper {
	margin: auto;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}


#alert {
	background: #ffc;
	border: 1px solid #ebebaf;
	color: #666;
	font-size: .8em;
	margin: 0 auto 10px auto;
	width: 100%;
	position: absolute;
	top: 0;
	left: -2px;
	padding: 0;
}


#header {
	background: white;
	float: left;
	width: 100%;
}

#top_menu {
	background: #004fec;
	border-radius: 0 0 5px 5px;
	color: #fff;
	float: right;
	font-size: .8em;
	margin-right: 25px;
	padding: 5px 5px 7px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#header img {
    position: absolute;
    
}

#navbar {
	background-color: #004fec;
	display: inline;
	float: left;
	margin: 15px 0 0 0;
	padding: 0px 0 0 1%;
	width: 99%;
}

#demo_warning {
	color:#fff;
	float: right;
	clear: right;
	font-size: 1.5em;
	margin: 5px 30px 0 0;
}

.subnavbar {
	background: #F9F3E6;
	border-bottom: 1px solid #ccc;
	clear: both;
	float: left;
	padding: 5px 0 5px 0;
	height: 17px;
	width: 100%;
}



#contentwrapper {
	padding-top: 10px;
	float: left;
	width: 100%;
}

#breadcrumbs {
	clear: left;
	float: left;
	margin: 0 0 5px 20px;
	width: 95%;
	background: #fdfdfd;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	height: 57px;
	clear: both;
	padding-left:2px;
}

#breadcrumbs.small {
	width: 25% !important;
	clear: left !important;
	position: relative;
}

#breadcrumbs.small p {
	 position: absolute;
	 width: 700px;
	 left: 40px;
}

#button_bar {
	float: left;
	background: #fdfdfd;
	clear: right;
	width: 70%;
	padding-right: 1%;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	height: 57px;
}

#button_bar a {
	min-height: 54px;
	text-decoration:none;
	float: right;
	display: block;
	padding: 0 10px;
	width: 50px;
	font-size: .75em;
	text-align: center;
	color: #666 !important;
	margin-top: 2px;
	border: 1px solid #fdfdfd;
}

#button_bar a:hover {
	background: #fec157;
    border: 1px solid #91261E;
    color: #91261E !important;
}

#button_bar a:active {
	background: #91261E;
    color: #fec157 !important;
}

#button_bar a img {
	display: block;
	margin: auto;
}

#content {
	clear: left;
	float: left;
	padding: 0 1% 0 7px;
	width: 98%;
}

	#content.half { width: 70% !important; }

#sidebar,
.sidebar {
    border: 1px solid #91261E;
    float: right;
    padding: 20px 10px 0px 10px;
    width: 24%;
    border-radius: 10px;
    margin: 5px 8px 8px;
    box-shadow: 3px 3px 3px rgb(179, 132, 128);
    border-color: #C4C4C4;
    background-color: #F7EED8;
    background-image: url(../img/bg-sidebar-search.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%;
}
#sidebar.user-information {
    background-image: url(../img/bg-sidebar-user.png);
}

#sidebar div.box,
.sidebar div.box {
    margin-bottom: 1.5em;
    padding-bottom: 10px;
}

#sidebar form ul li.subfilter label { position:relative !important; top: -10px !important; }

#sidebar.dash span,
.sidebar.dash span  {
	width: 120px;
	float: left;
	font-weight: bold;
}



#footer {
	border-top: 3px double #DDDDDD;
	color: #666;
	float: left;
	font-size: .85em;
	margin-top: 5px;
	padding: 7px 0;
	width: 100%;
}



/*----------------------------------------------------------------------
[3. Text Styles]
*/

dl {
	color: #666;
	font-size: .9em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

dt {
	clear: left;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 100px;
}

dt:after { content: ":"; }

dd {
	margin: 0 0 0 125px;
	padding: 0 0 0.7em 0;
}

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}

strong { font-weight: bold; }

em, i { font-style: italic; }

sub {
	font-size: .7em;
	position: relative;
	top: 4px;
}

sup {
	font-size: .7em;
	position: relative;
	top: -4px;
}

tt, code { font-family: Courier, "Courier New"; }



#contentwrapper ul, #contentwrapper ol { margin-bottom: 1em; }

	/*#contentwrapper ul li, #contentwrapper ol li {
		color: #666;
		font-size: .9em;
		line-height: 1.4em;
		margin-left: 20px;
	}

	#contentwrapper ol li {
		list-style-type: decimal;
		margin-left: 25px;
	}*/



#alert p {
	padding: 10px 7px;
	color: #333;
	width: 80%;
}

	#alert strong {
		color: #333;
		font-weight: bold;
	}

	#alert a.dismiss {
		background: url(../img/icons/close.png) no-repeat left center;
		color: #666;
		display: block;
		float: right;
		margin: 6px 7px 6px 10px;
		padding: 4px 0 4px 18px;
		text-decoration: none;
	}



#top_menu a {
	color: #fff;
	margin: 0 7px;
	text-decoration: none;
}

#top_menu a:hover { text-decoration: underline; }



#header h1 {
	color: #fff;
	float: left;
	font-size: 2em;
	font-weight: normal;
	margin: 10px 0 0 20px;
}

	#header h1 span { color: #337acc; }

	#header h1 small {
		color: black;
		font-size: .9em;
	}

	#header h1 a {
		color: black;
		text-decoration: none;
		margin-left: 40px;
	}

	#header #logout_div a {
		padding: 10px 10px 10px 20px;
		font-weight: bold;
		font-size: 12px;
		float: right;
		color: #;
		text-decoration: none;
	}

	#header #logout_div p {
		padding: 10px 10px 10px 20px;
		font-weight: bold;
		font-size: 12px;
		float: right;
		color: #fff;
		text-decoration: none;
	}

#navbar li {
	float: left;
	font-size: .8em;
	font-weight: bold;
	}

	#navbar li a, #logoutl {
		color: #fff;
		display:block;
		padding: 7px 10px;
		text-decoration: none;
	}

	#navbar li a:hover, #logoutl:hover { color: #fec157; }

	#navbar li a.selected {
		border-radius: 5px 5px 0 0;
		border-bottom: 0;
		background: #F9F3E6;
		color: #555;
		-khtml-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
	}



.subnavbar li {
	float: left;
	font-size: .8em;
	font-weight: bold;
}

.subnavbar li a {
	color: #666;
	display:block;
	margin-left: 10px;
	padding: 3px 6px;
	text-decoration: none;
}

.subnavbar li a:hover {
	color: #fff;
	background: #6F4C49;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.subnavbar li.submenu a {
	background: url(../img/menu.gif) no-repeat right center;
	padding-right: 20px;
}

.subnavbar li.submenu a:hover {
	color: #fff;
	background: url(../img/menu.gif) no-repeat right center #6F4C49;
}

#breadcrumbs h3 {
	color: #666;
	font-size: 1.17em;
	font-weight: bold;
	margin-bottom: 5px;
}

#breadcrumbs img {
	float: left;
	margin: 10px 5px 0 0;
}

#breadcrumbs p { font-size: .8em !important; }

#breadcrumbs p a {
	color: #888;
	text-decoration: none;
	text-transform: capitalize;
}

#breadcrumbs p a:hover {
	text-decoration: underline;
	color: #06c;
}

#breadcrumbs strong {
	color: #666;
	font-weight: bold;
}

#contentwrapper h1 {
	border-bottom: 3px solid #f0f0f0;
	color: #999;
	font-size: 1.5em;
	font-weight: bold;
	margin: .7em 0 .7em 0;
	padding-bottom: 4px;
}

#contentwrapper h2 {
	color: #91261E;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.5em 0 .6em 0;
}

#contentwrapper h3 {
	color: #91261E;
	font-size: 1em;
	font-weight: bold;
	margin: .5em 0 .5em 0;
}

#contentwrapper h4 {
	color: #91261E;
	font-size: .95em;
	margin: .5em 0 .4em 0;
}

#contentwrapper p {
	color: #666;
	font-size: .9em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

#contentwrapper blockquote {
	border-left: 4px solid #ccc;
	color: #666;
	font-size: .9em;
	font-style: italic;
	line-height: 1.4em;
	margin: 1em 2em;
	padding-left: 10px;
}

#contentwrapper q {
	color: #666;
	font-style: italic;
}

#contentwrapper a { color: #666; }

.ui-tabs-nav li a {border:0;}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar a,
.sidebar h2, .sidebar h3, .sidebar h4, .sidebar a {
	color: #666;
	margin-top: 0;
}

#sidebar ul, #sidebar ol, #sidebar p,
.sidebar ul, .sidebar ol, .sidebar p { padding: 0 7px; }

#sidebar div.box h3,
.sidebar div.box h3 {
	margin-bottom: 7px;
	padding-bottom: 2px;
	text-align: left;
}



/*----------------------------------------------------------------------
[4. Table Styles]
*/

table.blue {
	margin-bottom: 2em;
	width: 100%;
}

	table.blue caption {
		color: #333;
		font-size: .8em;
		font-style: italic;
		padding: 0 0 5px 0;
		width: auto;
		text-align: right;
	}
	table.blue tr.alt td {
		background: #F5FAFA;
		color: #797268;
	}

	table.blue tr th {
		background: #cae8ea url(../img/bg_header.jpg) no-repeat;
		border: 1px solid #C1DAD7;
		color: #91261E;
		font-size: .8em;
		font-weight: bold;
		letter-spacing: 2px;
		padding: 6px 6px 6px 12px;
		text-align: left;
		text-transform: uppercase;
	}

	table.blue tr th.spec {
		background: #fff url(../img/bullet1.gif) no-repeat;
		border-left: 1px solid #C1DAD7;
		border-top: 0;
		font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

	table.blue tr th.specalt {
		background: #f5fafa url(../img/bullet2.gif) no-repeat;
		border-left: 1px solid #C1DAD7;
		border-top: 0;
		color: #797268;
		font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

	table.blue tr th.nobg {
		background: none;
		border: 0;
	}

	table.blue tr td {
		background: #fff;
		color: #4f6b72;
		border-bottom: 1px solid #C1DAD7;
		border-right: 1px solid #C1DAD7;
		font-size: .8em;
		padding: 6px 6px 6px 12px;
	}

	table.blue tfoot tr th {
		background: none;
		border: 0;
		color: #666;
		font-size: .8em;
		letter-spacing: 0px;
		text-align: center;
		text-transform: none;
	}

		table.blue tfoot tr th img {
			position: relative;
			top: 4px;
		}

		table.blue tfoot tr th span.pagination {
			color: #666;
			font-size: 1.15em;
			float: right;
		}

			table.blue tfoot tr th span.pagination a {
				color: #999 !important;
				text-decoration: none;
			}

			table.blue tfoot tr th span.pagination a:hover { text-decoration: underline; }

	table.blue tbody tr th.nobg { border: 0; }

	table.blue tbody tr td a:hover { color: #666 !important; }



/*----------------------------------------------------------------------
[5. Messages]
*/

p.message {
	background: #efefef;
	border: solid 1px #dedede;
	color: #222222;
	margin: auto;
	padding:4px 4px 4px 30px;
	text-align: center;
	width: 350px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behaviour:url(border-radius.htc);
	position: absolute;
	top: 60px;
	left: 50%;
	z-index: 100000;
	margin-left:-193px;

}

p.message.warning {
	background:#ffffcc url(../img/icons/icon-yellow.png) 8px 6px no-repeat;
	border: solid 1px #f1e413;
	color:#996600 !important;
	text-align:center;
}

p.message.success {
	background:#eef4d3 url(../img/icons/icon-green.png) 8px 6px no-repeat;
	border:solid 1px #90ac13;
	color:#6b800d !important;
	font-weight:bold;
	text-align:center;
}

p.message.error {
	background:#f7cbca url(../img/icons/icon-red.png) 8px 6px no-repeat;
	border:solid 1px #cc0000;
	color:#cc0000 !important;
	font-weight:bold;
	text-align:center;
}

p.message.warning.noicon, p.message.success.noicon, p.message.error.noicon {
	background-image: none;
	padding: 4px 15px;
}

/* 	Nombre: jordanyrosario
	Fecha: 16/02/2023
	Detalles: Agregado para implementar alertas de sistem
	User story:1102 */


p.alert {
	background: #efefef;
	border: solid 1px #dedede;
	color: #222222;
	margin: auto;
	padding:4px 4px 4px 30px;
	text-align: center;
	width: 500px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behaviour:url(border-radius.htc);
	position: absolute;
	top: 1px;
	left: 47%;
	z-index: 1000;
	margin-left:-193px;

}

p.alert.warning {
	background:#ffffcc url(../img/icons/icon-yellow.png) 8px 6px no-repeat;
	border: solid 1px #f1e413;
	color:#996600 !important;
	text-align:center;
}

p.alert.success {
	background:#eef4d3 url(../img/icons/icon-green.png) 8px 6px no-repeat;
	border:solid 1px #90ac13;
	color:#6b800d !important;
	font-weight:bold;
	text-align:center;
}

p.alert.error {
	background:#f7cbca url(../img/icons/icon-red.png) 8px 6px no-repeat;
	border:solid 1px #cc0000;
	color:#cc0000 !important;
	font-weight:bold;
	text-align:center;
}

p.alert.warning.noicon, p.alert.success.noicon, p.alert.error.noicon {
	background-image: none;
	padding: 4px 15px;
}
/* fin de cambios #1102 */





/*----------------------------------------------------------------------
[6. Forms]
*/

form {
	clear: both;
	color: #666;
	margin: auto;
	width: 95%;
}

#content form fieldset,
div.fieldset {
	clear: left;
	width: 448px;
	min-width: 448px;
	margin-bottom: 20px;
}

div.fieldset {
	float: left;
}

#content form fieldset ul {
	float: left;
}

#content div.border_right {
	float: left;
	width: 100%;
	display: block;
}



.hd {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../img/corners/tl.png) no-repeat top left;
}

.hd .c {
	float: right;
	width: 15px;
	height: 15px;
	background: url(../img/corners/tr.png) no-repeat top left;
}

.ft {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../img/corners/bl.png) no-repeat top left;
}

.ft .c {
	float: right;
	width: 15px;
	height: 15px;
	background: url(../img/corners/br.png) no-repeat top left;
}



#content form {
	margin-bottom: 20px;
}

	form a {
		border-bottom: 1px dotted #666;
		color: #666;
		font-size: .9em;
		padding-bottom: .1em;
		text-decoration: none;
	}

	form h2 {
		background: #f0f0f0;
		clear: both;
		font-size: .9em;
		margin-bottom: 10px;
		padding: 10px;
		width: 95%;
	}

		form h2 a { font-weight: normal; }


h2.fieldset_header {
	margin: 0px 2px 0 0 !important;
	width: 130px;
	display: block;
	font-size: 12px !important;
	float: left;
	padding: 5px 10px;
	background: url(../img/form_header.gif) top left no-repeat;
	clear: none;
	color: #666 !important;
	text-align: center;
	cursor:pointer;
}

h2.selected {
	background: url(../img/form_header_selected.gif) top left no-repeat;
	color: #fff !important;
}

 h2.fieldset_header span {
	color: #f00 !important;
}

 h2.selected span {
	color: #fff !important;
}

form ul { margin-bottom: 5px; }

form ul.leftHalf {
	clear: left;
	float: left;
	width: 45%;
}

form ul.rightHalf {
	clear: right;
	float: right;
	width: 45%;
}

form ul.third {
	float: left;
	width: 33%;
}

form ul.twothird {
	float: left;
	width: 64%;
}

form div.form ul li {
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: .5em;
	margin-left: 0;
	list-style-type: none !important;
}

form div.form ul li.section {
	padding-top: 25px;
}

form ul.cl {
	clear: left;
}

form div.form ul li > span {
	float: left;
	margin-right: 5px;
}

form div.form ul li label span.required {
	color: #91261E;
	font-size: 1.5em;
	position: relative;
	vertical-align: top;
}

form div.form ul li label {
	width: 170px;
	display: inline;
	float: left;
	font-size: 11px;
	padding-top: 3px;
	white-space: nowrap;
}

form div.form ul li label.choice {
	padding-top: 0;
	width: 180px;
	font-size: .9em;
}

form div.form ul li textarea,
form div.form ul li input:not([type="checkbox"]),
form div.form ul li select {
	float: left;
	width: 200px;
	padding: 4px;
	border: 1px solid #ccc;
	margin: 0;
	font-size: 12px;
}
form div.form ul li select {
	width: 210px;
}
form div.form ul li input.error,
form div.form ul li select.error {
	border: 1px dotted #f00;
}

form div.form ul li textarea {
	float: left;
	width: 190px;
	margin: 0;
	border: 1px solid #ccc;
	padding: 4px;
}

form div.form ul li input.auto,
form div.form ul li select.auto,
form div.form ul li textarea.auto,
form div.form ul li input.checkbox {
	width: auto;
}

form div.form ul li.config_key textarea,
form div.form ul li.config_key input,
form div.form ul li.config_key select {
	width: 300px;
}

form div.form ul li input.checkbox {
	margin: 3px 3px 0 0;
	vertical-align: sub;
	float:none;
}

span.clear {
	clear: both;
}

span.left_margin {
	margin-left: 120px;
}

span.symbol {
	font-size: .8em;
	padding-top: 5px;
}



.subnavbar li.submenu ul {
	border:solid 1px #ccc;
	border-top:none;
	background:#fff;
	position:absolute;
	top:4px;
	padding:6px 0;
	clear:both;
	z-index:2;
	width: auto;
	display: none;
}

.subnavbar li.submenu ul li{
	background:none;
	display:block;
	float:none;
	margin:0 6px;
	clear: both !important;
	border:0;
	height:auto;
	line-height:normal;
}

.subnavbar li.submenu ul li a{
	background:none;
	display:block;
	float:none;
	padding:6px 6px;
	margin:0;
	border:0;
	height:auto;
	color:#666;
	line-height:normal;
}
.subnavbar li.submenu ul li a:hover{
	color: #fff;
    background: #6F4C49;
}

.subnavbar li.submenu ul li a img {
	vertical-align: middle;
	margin-right: 5px;
}





/* BUTTONS */

form  a.buttons, form  button, button {
    display:inline;
    float: left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:.9em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656 !important;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}


button img, a.buttons img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    height:16px;
    width: 16px;
}

.img-buttons {
	height:36px !important;
	width:36px !important;
}

/* STANDARD */

button:hover, a.buttons:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699 !important;
}
a.buttons:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff !important;
}

/* POSITIVE */

button.positive,  a.buttons.positive{
    color:#529214 !important;
}
 a.buttons.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214 !important;
}
 a.buttons.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff !important;
}

/* NEGATIVE */

 a.buttons.negative, button.negative{
    color:#d12f19 !important;
}
a.buttons.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19 !important;
}
a.buttons.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff !important;
}

/* NONE */
a.buttons.none {
	font-weight: normal;
	border: 0;
	background: transparent;
	margin-right: 30px;
}

a.buttons.none:hover,
a.buttons.none:active {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 3px;
	color: #333 !important;
}


#sidebar form ul li,
.sidebar form ul li {
	margin: 0 0 .5em 0;
	padding: 0;
	list-style: none;
	clear: both;
	min-width: 100px;
}

#sidebar form ul li select,
#sidebar form ul li input,
#sidebar form ul li textbox,
.sidebar form ul li select,
.sidebar form ul li input,
.sidebar form ul li textbox {
	width: auto;
}

#sidebar form .button,
.sidebar form .button {
	background: #848A96;
	color: #fff;
	float:right;
	border: #fff;
	padding: 3px 10px;
	margin: 10px;
}

#sidebar form ul li > label.desc,
.sidebar form ul li > label.desc {
	width: 40% !important;
	display: block;
	float: left;
	font-size: 12px;
	margin-right: 20px;
}

#sidebar form ul li > label.desc.side {
	font-weight: bold;
	font-size: 13px;
	width: 170px;
}

#sidebar form ul li select,
.sidebar form ul li select {
	width: 200px !important;
}

#content.dashboard {
	width: 99% !important;
	padding-top: 10px;
}

#content.dashboard ul {
	clear: both;
	float: left;
	width: 90%;
}

#content.dashboard h2 {
	color: #666;
	font-size: 0.9em;
	margin-left: 20px;
	margin-bottom: 5px;
}

#content.dashboard ul li {
	clear:none;
	display:block;
	float:left;
	height:55px;
	margin:0 9px 20px 0;
	text-align:center;
	width:14%;
	line-height:12px;
}

#content.dashboard ul li a {
	color:#666666;
	display:block;
	font-size:0.80em;
	text-decoration:none;
}

#content.dashboard ul li img {
	display: block;
	float: none;
	margin: auto;
}




#content.dashboard h2 {
	clear: both;
}












/*----------------------------------------------------------------------
[# Alerts & Confirms]
*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../img/alerts/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../img/alerts/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert { background-image: url(../img/alerts/info.gif); }

#popup_content.confirm { background-image: url(../img/alerts/important.gif); }

#popup_content.prompt { background-image: url(../img/alerts/help.gif); }

#popup_message { padding-left: 48px; }

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt { margin: .5em 0em; }


form p.error {
	clear: both;
	font-size: 10px !important;
	color: #f00 !important;
	margin-left: 170px;
}

#sidebar form p.error {
	margin-left: 5px !important;
}





.center {
	text-align: center !important;
}


.hidden {
	display:none;
}

#apply_filter {
	float: right;
	margin-top: 20px;
}

#reset_btn {
	float: left;
	margin-top: 20px;
	font-weight: normal;
	height: 30px;
	font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

#reset_btn:hover {
	background: #fff3f3;
	border: 1px solid #ffc4c4;
	color: #666 !important;
}
.multiSelectOptions {
	width: 155px;
}
#reset_btn span {
	color: #bd2525;
	margin-bottom: 2px;
}

li.subfilter {
	font-size: 11px;
	padding-left: 50px !important;
	float: left;
}

li.subfilter input {
	margin-right: 2px;
	position: relative;
	top: -2px;
}

div.table_container {
	margin-bottom: 50px;
}


#log_dialog div.log_left {
	width: 39%;
	float: left;
	margin-right: 1%;
}

#log_dialog div.log_right {
	width: 59%;
	float: right;
	margin-bottom:10px;
}

#log_dialog h4 {
	background-color: #ccc;
	color: #333;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
}

#log_dialog table {
	border-collapse: collapse;
	margin-bottom: 20px;
	border: 1px solid #fcfcfc;
	width: 100%;
}

#log_dialog table th {
	font-size: 10px;
	padding-right: 5px;
	font-weight: bold;
}

#log_dialog table td {
	font-size: 11px;
	padding-left: 5px;
}
#log_dialog table td:first-child, #log_dialog table th:first-child {
	min-width: 230px;
	width: 230px;
	vertical-align: top;
}
#log_dialog .log_left table th:first-child,
#log_dialog .log_right table th:first-child {
	width: 100px;
	min-width: 100px;
	vertical-align: top;
}
#stack_trace,
#video {
	width: 45%;
	margin-right: 1%;
	float: left;
}

#stack_trace {
	width: 98%;
	margin: auto;
	position: relative;
	left: -1px;
	height: 180px;
	font-size: 10px;
	font-family: courier;
}

#note {
	width: 99%;
	height: 80px;
	margin-top: 3px;
	float: left;
	position: relative;
	left: -2px;
}

#video_cont {
	text-align:center;
}











/*----------------------------------------------------------------------
[# Login Area]
*/
div#loginbox h2 {
    background-color: #F5F5F5;
    float: left;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    padding: 12px 30px 10px 20px;
    text-shadow: 1px 1px 0 #FFFFFF;
    background-color: #3C6880;
    color: #FFFFFF;
    text-shadow: 1px 0 1px #333333;
    -moz-border-radius-bottomright: 12px;
    -moz-box-shadow: 3px 6px 6px #DDDDDD;

}


div#loginbox {
	width: 470px;
	height: auto;
	font-size: .8em;
	margin: 15% auto 200px auto;
	padding-bottom: 10px;
	overflow: hidden;
	background-color: #f5f5f5;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ffffff')";
	-moz-box-shadow: 2px 2px 10px #777; /* FF3.5+ */
	-webkit-box-shadow: 2px 2px 10px #777; /* Saf3.0+, Chrome */
          box-shadow: 2px 2px 10px #777; /* Opera 10.5, IE 9.0 */
          background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#F5F5F5), to(#FFFFFF));
	-moz-border-radius: 6px; /* FF1+ */;
	-webkit-border-radius: 6px; /* Saf3-4 */;
	border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
}

div#loginbox fieldset {
	margin: 0;
	padding: 10px 30px 0 140px;
	background-image: url('../img/user-login.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	clear: both;
}

div#loginbox legend {
	font-size: .86em;
	padding: 16px 0px 3px 0px;
	color: #999;
	margin: 0;
	border: 0;
}

div#loginbox label {
	font-size: 1.2em;
	font-weight:bold;
	margin: 0;
}

div#loginbox input[type=text], input[type=password] {
	width: 280px;
	padding: 4px 8px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #777;
}

div#loginbox .button {
	padding: 6px 45px;
	margin: 0;
	font-size: 1.1em;
	float: right;
}

div#loginbox img {
	clear: left;
	float: left;
	margin: 45px 0px 0 0;
	padding-left: 30px;
	width: 80px;
}

#login_heading {
	background-color: rgba(243, 210, 127, 0.33);
	color: #fff;
	font-size: 16px;
	width:98%;
	padding: 1% 1% 1% 1%;
}

.dialog ul {
	font-size: 11px;
}

.dialog ul li {
	margin-bottom: 5px;
}

.dialog ul span {
	font-weight: bold;
	float: left;
	width: 170px;
}

.dialog ul textarea {
	border: 1px solid #666;
}

.clear_desc {
	font-size: 10px;
}

.red {
	color: #AF1D00 !important;
}


.ui-tabs .ui-tabs-panel {
	padding: 0 1.4em 1em 1.4em !important;
}


p.description {
	background: url(../img/icons/comment_yellow.gif) 10px 3px no-repeat;
	text-indent:30px;
	font-size: 10px !important;
	padding: 5px;
}




#data_area {
	overflow: auto;
	width: 100%;
	position: relative;
}

#data_area #load {
	position: fixed;
	top: 45%;
	left: 45%;
	background: #fff;
	border: 3px solid #ccc;
	padding: 10px 30px;
	text-align: center;
	color: #666;
	font-weight: bold;
	font-size: 14px;
}

#data_area table {
	border-collapse: collapse;
}

#data_area table td,
#data_area table th {
	padding: 3px;
	border-right: 1px solid #ccc;
}

#data_area table th {
	text-align: center;
	font-size: 12px;
}

#data_area .bg { background: #E0E0E0; }
#data_area .bg2 { background: #CFCFCF; }
#data_area .bg3 { background: #BFBFBF; }

#data_area tbody th {
	text-align: left;
}

#data_area tbody,
#data_area tfoot {
	font-size: 12px;
}

#data_area tfoot {
	background: #E0E0E0;
	border-top: 2px solid #ccc;
}

#data_area tfoot th {
	text-align: left;
	font-weight: bold;
}

#data_area tfoot td {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}

#data_area tbody td {
	text-align: right;
	padding-right: 10px;
}

#data_area tbody {
	cursor: pointer;
}


#sidebar label.desc { font-size: 10px; }

#qt_orders_resume {
	padding-bottom: 5px;
	padding-left: 10px;
}

#qt_orders_resume span {
	font-size: 10px;
	color: #666;
}

#selectimage_container img {
    cursor: pointer;
    text-decoration: none;
    border: 10px solid white;
}

#selectimage_container img:hover {
    text-decoration: none;
    border: 10px solid white;
}

.jq_select_image {
    float: left;
    border: 1px solid #cccccc;
    margin-right: 5px;
    padding: 0px;
    display:inline;
    height:70px;
}

.selectimage_border_background {
  border: 10px solid white;
}

.selectimage_border_hover {
  border: 10px solid #9c9c9c;
}

.selectimage_border_click {
  border: 10px solid #f2943a;
}


.tabs > ul li {
	width: auto !important;
	clear: none !important;
	float: left !important;
	font-size: 14px;
}


/******* Galeria ******/
div.demo { width: 100%; }
#gallery { float: left; width: 50%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
#gallery p.available_images { border-bottom: 1px solid #ccc; width: 100%; display:block; font-size: 12px; margin-bottom: 18px; color: #ccc; }
#gallery h5 { font-weight: normal; font-size: 10px; }
.gallery.custom-state-active { background: #eee; }
.gallery li { float: left; width: 96px !important; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; clear:none !important; }
.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
.gallery li a { float: right; }
.gallery li a.ui-icon-zoomin { float: left; }
.gallery li img { width: 100%; cursor: move; }
#selected_images { float: right; width: 35%; min-height: 18em; padding: 1%; clear: right; margin-bottom: 2em; } * html #selected_images { height: 18em; } /* IE6 */
#selected_images h4 { line-height: 16px; margin: 0 0 0.4em; color: #666; font-size: 12px; font-weight: normal; }
#selected_images h4 .ui-icon { float: left; margin-right: 10px; }
#selected_images .gallery h5 { display: none; }
#main_picture { float: right; width: 35%; min-height: 10em; padding: 1%; clear: right; margin-bottom: 1em;} * html #main_picture { height: 10em; } /* IE6 */
#main_picture h4 { line-height: 16px; margin: 0 0 0.4em; color: #666; font-size: 12px; font-weight: normal; }
#main_picture h4 .ui-icon { float: left; margin-right: 10px; }
#main_picture .gallery h5 { display: none; }



/******* Alerts *******/
#popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; max-width: 600px; background: #FFF; border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; }
#popup_content { background: 16px 16px no-repeat url(../img/info.gif); padding: 1em 1.75em; margin: 0em; }
#popup_content.alert { background-image: url(../img/info.gif); }
#popup_content.confirm { background-image: url(../img/important.gif); }
#popup_content.prompt {	background-image: url(../img/help.gif); }
#popup_message { padding-left: 48px; }
#popup_panel { text-align: center; margin: 1em 0em 0em 1em; }
#popup_prompt { margin: .5em 0em; }



/****** Help Dialog ********/
#help_area { background: url(../img/icons/icon_info.gif) no-repeat center left; padding-left: 20px; color: #2379BF; }
#help_dialog h3 { font-size: 13px; color: #666; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 10px; margin-top: 12px; }
#help_dialog p { font-size: 12px; line-height: 14px; margin-bottom: 14px;}
#help_dialog ul { font-size: 12px; line-height: 14px;  list-style:disc;  margin-left: 20px; margin-bottom: 14px; }
#help_dialog ol { font-size: 12px; line-height: 14px;  list-style:decimal;  margin-left: 20px; margin-bottom: 14px; }




div.ui-dialog-buttonpane button {
	font-size: 12px !important;
}

.ui-dialog-titlebar {
	text-align: center !important;

}
.ui-dialog-title {
		font-size: 14px;
		color: #666;

}

#all_users {
	font-size: 0.8em;
	background: #FFF;
	color: #666;
	line-height: 2.4em;
	padding-left:5px;
	margin: 0px;
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666;
	width: 273px;
	height: 282px;
	resize: none;
	float:left;
	overflow:auto;
}

.innertxt, .innertxt2 {
	font-size: 0.8em;
	color:#666666;
	display:inherit;
	border-bottom: dashed 1px #cccccc;
	padding-bottom:25px;
}

.innertxt img, .innertxt2 img {
	float:left;
	border: solid 1px #cccccc;
	margin:5px 5px 5px 0;
}

.innertxt strong, .innertxt2 strong {
	color:#666666;
	font-size:11px;
	font-weight:bold;
}

.innertxt li, .innertxt2 li {
	color:#666666;
	font-size:11px;
	font-weight:normal;
	margin:-15px 0 0px 0;
	text-align:left;
	list-style-type:none;
}

#selected_users {
	font-size: 0.8em;
	background: #FFF;
	color: #666;
	line-height: 2.4em;
	padding-left:5px;
	margin: 0px;
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666;
	width: 273px;
	height: 282px;
	resize: none;
	float:left;
	overflow:auto;
}


/* NEW STEPS  */
#steps-nav {
	width: 1310px;
	margin-left: 50px;
	margin-bottom: 71px;
}

#steps-nav a {
	cursor: pointer;
    display: block;
    width: 23%;
    height: 50px;
    background-image: url(../img/step-bg-default.png);
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    text-decoration: none;
    padding-left: 31px;
    padding-top: 14px;
    font-size: 16px;
    color: #77C41F;
    font-weight: bold;
    margin-top: 2px;
    margin-right: -29px;
}
.active_step {
    background-image: url(../img/step-bg-active.png) !important;
    color: #FFFFFF !important;
}
#steps-nav a span{ color: #D0D0D0; font-size: 30px;  }
.active_step span{ color: #529600 !important;  }
.steps {
    clear: both;
    margin-top: 4px;
    height: 500px;
    overflow: hidden;
}
.steps .step {
    height: 500px;
}
.inline-message{
	background-color: #FDF2C4;
	padding: 4px;
	font-size: 12px;
	color: #695001;
	border: 1px solid #DFC495;
	border-radius: 2px;
}

.client-services-btn-one.btn-service-disabled {opacity: 0.4;cursor: default;}

#entity_type{
	border: 1px solid #ccc;
	width: 300px;
	min-width:300px;
	float:left;
	padding: 10px 0 0 20px;
}

form .ui-jqgrid .ui-pg-input, form .ui-jqgrid .ui-pg-selbox{
	width: auto !important;
	float:none;
	padding: 1px;
}
form .ui-pg-table #sp_1{
	float: none;
	margin:0;
}
.print{
	display: none;
}

li.error label,
li.error input,
li.error select {
	color: #ff3e31 !important;
	border-color: #ff3e31 !important;
}

.row-field {
	padding: 4px;
    width: 100%;
    display: block;
    margin: 4px 0px;
}

/* Felix M. 29/03/2019 Estilos optimizados  */
#log_dialog table td:first-child, #log_dialog table th:first-child {
    min-width: 100px !important;
    width: 230px;
    vertical-align: top;
}