@CHARSET "UTF-8";
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, sub, sup, tt, var,
dl, dt, dd
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/*fieldset legend {display:none;}*/
/* remember to define focus styles! */
:focus {
outline: 0;
}
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: "" "";
}
/** document general options **/
body {font:12px Helvetica, Arial, Tahoma, sans-serif;}
body, html {height:100%}
span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
.hidden {display:none;}
/*.inline {display:inline-block;}*/
/** button stylings **/
/*
div.inner-nav {clear:both; margin:10px 0;}
div.inner-nav a, a.button {display:inline-block; background:url(/templates/html_ui/images/btn_l_gray.png) no-repeat; text-decoration:none; height:21px; padding:0 0 0 15px; color:#333; font-weight:bold; font-size:12px;}
div.inner-nav a:hover, a.button:hover {color:#fff;}
div.inner-nav a span, a.button span {display:block; background:url(/templates/html_ui/images/btn_r_gray.png) no-repeat right; padding:0 15px 0 0; line-height:21px;}
a.button {margin:0 5px;cursor:pointer;}
*/
.button_def { background-color:#898989; -moz-border-radius:6px; -webkit-appearance: none; -webkit-border-radius:6px; border-radius:6px; border:1px solid #898989; display:inline-block; color:#111111; font-family:Helvetica,Arial,Tahoma,sans-serif; font-size:12px; font-weight:bold; padding:3px 12px; margin: 0px 5px; text-decoration:none; }
.button_def:hover { color: #ffffff; background-color:#787878; }
.button_def:active { position:relative; top:1px; }
a.button_def { background-color:#898989; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #898989; display:inline-block; color:#111111; font-family:Helvetica,Arial,Tahoma,sans-serif; font-size:12px; font-weight:bold; padding:3px 12px; margin: 0px 5px; text-decoration:none; }
a.button_def:hover { color: #ffffff; background-color:#787878; }
a.button_def:active { position:relative; top:1px; }
.button { background-color:#bcbcbc; -moz-border-radius:6px; -webkit-appearance: none; -webkit-border-radius:6px; border-radius:6px; border:1px solid #898989; display:inline-block; color:#222222; font-family:Helvetica,Arial,Tahoma,sans-serif; font-size:12px; font-weight:bold; padding:3px 12px; margin: 0px 5px; text-decoration:none; }
.button:hover { color: #ffffff; background-color:#787878; }
.button:active { position:relative; top:1px; }
a.button { background-color:#bcbcbc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #898989; display:inline-block; color:#222222; font-family:Helvetica,Arial,Tahoma,sans-serif; font-size:12px; font-weight:bold; padding:3px 12px; margin: 0px 5px; text-decoration:none; }
a.button:hover { color: #ffffff; background-color:#787878; }
a.button:active { position:relative; top:1px; }
.align-left {float:left;}
.align-right {float:right;}
/** text colors assigned to elements in various areas **/
.yellow {color:#e8e4a2;}
.light-blue {color:#a6b7c0;}
.blue {color:#508db8 !important;}
.light-grey {color:#d7d7d7}
.white {color:#fff;}
div#container {width:980px; position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -113px;}
.push {height:133px;}
/** HEADER AND NAVIGATION **/
div#header {padding-top:20px; padding-left:0px; padding-right:0px;}
/** logo, which is a typographical h1 element (you can edit this part if you want to replace with your logo graphic) width:450px; **/
div#header h1 {font-size:250%; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; float:left;
/** mac safari & firefox hack */height:39px;/**/}
div#header h1 a {color:#fff; text-decoration:none;}
div#header h1 a:hover {color:#ccc;}
/** header userbox **/
p#userbox {float:right; color:#fff; padding:5px 0px 0px 18px; margin:0;}
p#userbox a {color:#f3f3f3; text-decoration:none; font-weight:bold;}
p#userbox a:hover {color:#ff0;}
p#userbox small {display:block; margin-top:5px; color:#8d9599; font-size:0.9em;}
div#top {margin-bottom:18px;}
/** menu **/
ul#menu {width:970px; float:left;}
ul#menu li {float:left; height:40px; position:relative}
ul#menu li a {color:#e0e0e0; text-decoration:none; padding:13px 15px 7px 15px; height:20px; display:inline-block; text-align:center; text-transform:uppercase; font-weight:bold;
position:relative;font-size:11px;}
ul#menu li a:hover {color:#508db8; background:#fff; }
ul#menu li a.top-level {position:relative; padding-right:25px;}
ul#menu li a.top-level span {background:url(/templates/html_ui/images/bg-toplevel.gif) no-repeat 0px 2px; width:11px; height:8px; display:block; position:absolute; right:10px; top:13px;}
ul#menu li a.top-level:hover span, .blue span {background-image:url(/templates/html_ui/images/bg-toplevel-hover.png) !important;}
ul#menu li ul {position:absolute; top:40px; min-width:200px !important; left:0px; z-index:999; background:#fff; visibility:hidden; display:none;
padding-bottom:10px; border:2px solid #ccc; border-left:none; border-top:none; border-right-width:1px; padding-top:5px; -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
ul#menu li ul li {float:none; height:auto; border-bottom:1px dotted #d6d8d9;}
ul#menu li ul li:hover {background:url(/templates/html_ui/images/bg-submenu-hover.gif) no-repeat;}
ul#menu li ul li a {padding:6px 3px 6px 20px; display:block !important; background:url(/templates/html_ui/images/link-arrow-regular.gif) no-repeat 10px 10px !important; color:#5c6467;
text-decoration:none; text-align:left; text-transform:capitalize; height:auto; background-color:none !important; font-weight:normal;}
ul#menu li ul li a:hover {color:#fff; background-image:url(/templates/html_ui/images/submenuhover.gif) !important;}
ul#menu li.selected a {background:#6c7275; color:#fff;}
/** search form **/
div#header form {float:right; width:246px; margin-top:9px;}
div#header form fieldset legend {display:none;}
div#header form fieldset label#searchbox {display:block; background:url(/templates/html_ui/images/bg-search.gif) no-repeat; height:21px; width:246px;}
div#header form fieldset label#searchbox input {background:none; border:none; outline:none; padding:4px 0 0 23px; color:#666; font-size:0.9em;}
/** END OF HEADER **/
/** CONTENT **/
div#content {padding-top:25px;}
a#Link {display:inline-block; text-decoration:none; font-weight:bold; color:#508db8;}
a#Link:hover {color:#333;}
/** main heading of the page **/
div#content-top {border-bottom:1px solid #bcbcb7; padding-bottom:8px; margin-bottom:15px;}
div#content-top h2 {font-size:200%; font-weight:bold; color:#373d40; margin-left:0px; float:left;}
div#content-top a#topLink {float:right; background:url(/templates/html_ui/images/icon-blue-arrow.gif) no-repeat; display:inline-block;
padding-left:23px; text-decoration:none; font-weight:bold; color:#508db8; height:16px; margin-top:10px; margin-right:12px;}
div#content-top a#topLink:hover {color:#333;}
div#content-top span {float:right;}
/** box general settings **/
div.box {margin-bottom:5px; width:100%;}
div.box-container {background-color:#fff; padding:10px;}
div.box-container h5 {color:#333; padding-left:20px; border-bottom:1px solid #d7d9d9; font-weight:bold; padding-bottom:7px; margin-bottom:1px; padding-top: 1px;}
div.box-container h5 span {font-weight:normal; font-size:0.9em;}
div.box h4 {background:#3a4043; text-transform:uppercase; font-weight:bold; padding:10px;}
/** columns **/
div#left-col, div#mid-col {float:left; margin-right:12px;}
/**
div#mid-col {width:510px;}
**/
div#right-col {margin-right:0px; float:right;}
div#left-col, div#right-col {width:223px;}
div.full-col {width:740px !important; margin-right:0px !important;}
/** list links **/
ul.list-links, div#to-do-list ul {width:223px; margin-left:-10px; margin-top:-5px;}
ul.list-links li {border-bottom:1px dotted #d6d8d9;}
ul.list-links li a {padding:8px 3px 6px 20px; display:block; background:url(/templates/html_ui/images/link-arrow-regular.gif) no-repeat 10px 10px #fff; color:#5c6467; text-decoration:none;}
ul.list-links li a:hover, ul.list-links li.selected a:hover {background:url(/templates/html_ui/images/link-arrow-hover.gif) no-repeat 10px 10px #fafae9; color:#000;}
ul.list-links li ul {background:#fcfbf2 !important; padding-left:10px; padding-top:10px; width:213px; font-size:0.9em;}
ul.list-links li ul li {border-bottom:none;}
ul.list-links li ul li a {background:none; padding:5px 3px 5px 20px !important;}
ul.list-links li ul li a:hover {background-color:#fcfbf2; background-position:8px 10px}
ul.list-links li a.ui-state-active {font-weight:bold;}
/** system messages **/
div#sys-messages-container h5 {background:url(/templates/html_ui/images/icon-messages.gif) no-repeat;}
div#quick-send-message-container h5 {background:url(/templates/html_ui/images/icon-quick-send-message.gif) no-repeat;}
div#sys-messages-container ul {margin-bottom:20px;}
div#sys-messages-container ul li {font-size:0.8em; padding:8px; position:relative;}
div#sys-messages-container ul li a.sysmessage-delete {position:absolute; right:8px; top:7px;}
div#sys-messages-container ul li a:hover {text-decoration:none;}
div#sys-messages-container ul li.even-messages {background:#f3f6f7;}
div#sys-messages-container ul li.even-messages a {color:#314d5b;}
div#sys-messages-container ul li.odd-messages {background:#ebf0f3;}
div#sys-messages-container ul li.odd-messages a {color:#1f2f35;}
/** quick send message **/
div#quick-send-message-container form {background:#f2f2f2; padding:8px; font-size:0.9em; color:#333; margin-bottom:5px;}
div#quick-send-message-container form fieldset p {margin-bottom:6px !important;}
div#quick-send-message-container form p:first-child {margin-top:0px;}
div#quick-send-message-container form p label {font-weight:bold; display:block; margin-bottom:5px;}
div#quick-send-message-container form input#message-title, div#quick-send-message-container form textarea {padding:5px; font-size:0.9em; border:1px solid #ccc; width:175px;
font-family:Helvetica, Arial, sans-serif}
/** to-dos **/
ul.tab-menu {border-bottom:2px solid #3a4043; height:27px; padding: 0px; list-style: none; font-size: 11px;}
ul.tab-menu li {float:left; margin-right:3px;}
ul.tab-menu li.tabs-selected a {background:#3a4043; color:#c4a93d; font-weight:bold;}
ul.tab-menu li a {display:inline-block; background:#737d81; color:#ccc; font-weight:normal; padding:6px 6px; text-decoration:none;}
.tabs-hide {display:none;}
div#to-do-list ul {margin-top:-10px;}
div#to-do-list ul li {border-bottom:1px solid #eeeddb; padding:8px 10px;}
div#to-do-list ul li.even {background:#f5f4eb;}
div#to-do-list ul li.odd {background:#fbfbf7;}
div#to-do-list ul li a {font-weight:bold; color:#ae9a62;}
div#to-do-list ul li a:hover {color:#666; text-decoration:none;}
div#to-do-list ul li small {display:block; padding:5px 0 0 24px; font-size:0.9em; color:#999;}
/** forms **/
form.middle-forms {padding:5px; color:#3a4043}
form.middle-forms p {margin:10px 0;}
form.middle-forms h3 {color:#1d8895; font-weight:bold; font-size:150%; margin-bottom:10px;}
form.middle-forms fieldset {padding-top:10px;}
form.middle-forms fieldset ol li {padding:15px;}
form.middle-forms fieldset ol li.even {background:#f3f3f3;}
form.middle-forms fieldset ol li input/*,form.middle-forms fieldset ol li textarea*/ {
padding:5px; border:1px solid #dedede; background:url(/templates/html_ui/images/bg-textbox.gif) repeat-x #fff;}
form.middle-forms fieldset ol li input[type="radio"], form.middle-forms fieldset ol li input[type="checkbox"] {border:none; background:none;}
input.txtbox-short {width:122px;}
input.txtbox-middle {width:190px;}
input.txtbox-long, form.middle-forms fieldset ol li textarea {width:305px;}
form.middle-forms fieldset ol li label {float:left; margin-right:15px; display:block;}
form.middle-forms fieldset ol li label.field-title {font-weight:bold; width:100px; padding-top:3px;}
span.form-confirm-inline, span.form-error-inline {display:inline-block; padding-left:20px; margin-left:10px; height:16px;}
span.form-confirm-inline {color:#72a101; background:url(/templates/html_ui/images/icon-confirm.gif) no-repeat;}
span.form-error-inline {color:#a10101; background:url(/templates/html_ui/images/icon-error.gif) no-repeat;}
span.mesagge-error, span.mesagge-informative, span.mesagge-success, span.mesagge-warning {display:inline-block; padding-left:20px; margin-left:10px; font-size:14px; font-weight:bold;}
span.mesagge-error {color:#a10101; background:url(/templates/html_ui/images/icono_error.gif) no-repeat;}
span.mesagge-informative {color:#6287bd; background:url(/templates/html_ui/images/icono_informative.gif) no-repeat;}
span.mesagge-success {color:#808f38; background:url(/templates/html_ui/images/icono_success.gif) no-repeat;}
span.mesagge-warning {color:#d27d00; background:url(/templates/html_ui/images/icono_warning.gif) no-repeat;}
a.heading-link {color:#cae6ed; text-transform:capitalize; font-size:0.9em; font-weight:normal; display:inline-block; padding-left:15px; text-decoration:none;}
a.heading-link:hover {color:#fff;}
/* tables */
table.table-short {width:500px; margin:-5px 0 0 -5px; border-collapse:collapse; }
table.table-long {width:100%; margin-left:-10px}
table.table-short td, table.table-long td {border-top:1px solid #dfdfdf; font-size:0.9em; padding:10px 0; margin:0; color:#666;}
table.table-short thead td, table.table-long thead td {font-weight:bold;}
table.table-short thead td, table.table-short tfoot td, table.table-long thead td, table.table-long tfoot td {border:none;}
table.table-short td:first-child, table.table-long td:first-child {text-align:left; padding:0 0 0 10px;}
table.table-short tfoot, table.table-long tfoot {border-top:1px solid #ccc;}
table.table-short tr.odd, table.table-long tr.odd { background:url(/templates/html_ui/images/bg_tableRow.gif) repeat-x 0px 1px; }
td.col-chk {width:40px;}
td.col-first {font-weight:bold; width:200px;}
td.col-second a {color:#508db8; font-weight:bold;}
td.col-second a:hover {text-decoration:none; color:#333;}
td.row-nav {width:110px;}
a.table-edit-link, a.table-delete-link {color:#666; text-decoration:none; display:inline-block; margin-right:10px; padding-left:20px; height:16px; text-align:right;}
a.table-edit-link:hover, a.table-delete-link:hover {color:#000;}
a.table-delete-link {margin-right:0px !important; background:url(/templates/html_ui/images/icon-delete.gif) no-repeat;}
a.table-edit-link {background:url(/templates/html_ui/images/icon-edit.gif) no-repeat;}
/** CALENDAR & DATE **/
div#date-container {background-color:#f3f6f7; margin:-10px -10px 15px -10px; padding:10px; }
div#date-container img {float:left; margin-right:10px;}
div#date-container span.hour, div#date-container span.date {display:block; float:left;}
div#date-container span.hour {font-size:220%; font-weight:bold; color:#d8a416; padding-top:2px;margin-right:10px;}
div#date-container span.date {color:#666; font-size:0.8em; padding-top:4px;}
div#calendar-container {width:100%;}
div#calendar-container h5 {background-image:url(/templates/html_ui/images/icon-calendar.gif); background-repeat:no-repeat; display:block;}
div#calendar-container div.ui-datepicker-header {background:#a1b1b3; padding:10px; text-align:center;
position:relative; color:#fff; font-weight:bold; margin-bottom:1px;}
span.ui-icon {position:absolute; top:2px; cursor:pointer;}
.ui-icon-circle-triangle-e {right:10px;}
.ui-icon-circle-triangle-w {left:10px;}
a.ui-state-highlight {background:#fff;color:#ac0000; font-weight:bold;}
a.ui-datepicker-next-hover span, a.ui-datepicker-prev-hover span {color:#000 !important;}
table.ui-datepicker-calendar {width:203px; padding:5px; background:#f2f2f2; font-size:0.9em;}
table.ui-datepicker-calendar th,table.ui-datepicker-calendar td {
text-align:center; font-weight:bold; padding:2px;}
table.ui-datepicker-calendar a {text-decoration:none; display:block; text-align:center;
color:#666; padding:3px; border:1px solid #f2f2f2;}
table.ui-datepicker-calendar a:hover {border:1px solid #ccc;}
table.ui-datepicker-calendar a.ui-state-active {color:#ac0000 !important; border:1px solid #ccc; background:#fff;}
td.ui-datepicker-week-end a {color:#999;}
.ui-datepicker-header {background:#999; padding:10px; text-align:center; position:relative; color:#fff; font-weight:bold; margin-bottom:1px;}
span.ui-icon {position:absolute; top:2px; cursor:pointer;}
.ui-icon-circle-triangle-e {right:10px;}
.ui-icon-circle-triangle-w {left:10px;}
a.ui-state-highlight {background:#fff;color:#ac0000; font-weight:bold;}
a.ui-datepicker-next-hover span, a.ui-datepicker-prev-hover span {color:#000 !important;}
/** QUICK VISUAL LINKS **/
ul#quick-visual-links {width:100%;}
ul#quick-visual-links li {float:left;}
ul#quick-visual-links li a {width:62px; text-align:center; margin:0 3px 5px 0; font-size:0.9em; border:1px solid #ccc; display:block; padding:5px 0; text-decoration:none;
color:#444; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul#quick-visual-links li img {margin-bottom:3px;}
ul#quick-visual-links li a:hover {color:#000; border-color:#999; background:#f3f6f7}
/** FOOTER **/
div#footer-wrap {height:113px; position:relative;}
div#footer {width:980px; margin:0 auto; padding:10px;}
div#footer-top {color:#f2f2f2; width:100%;}
div#footer-top h4 {color:#fff; text-transform:uppercase; margin:5px 0; font-size:120%; font-weight:bold;}
div#footer-top a {color:#adc3d3; font-weight:bold; font-size:0.9em; text-decoration:none;}
div#footer-top a:hover {color:#fff;}
div#footer-top h2 {font-size:160%; text-transform:uppercase; padding-top:10px; padding-right:10px; font-weight:bold;}
div#footer-top h2 a {color:#aaa;}
div#footer-top h2 a:hover {color:#c7cdcf;}
div#footer-bottom {margin-top:25px; width:100%;}
div#footer-bottom p {color:#aaa; font-size:0.9em;}
div#footer-bottom p a {color:#ccc; text-decoration:none;}
.formtable {
border: solid;
border-width: 1px;
border-color: #555;
background-color: #f8f8f8;
}
.formtable_2 {
border: solid;
border-width: 1px;
border-color: #555;
}
/* Inicio - CSSs para Tabs */
#tabs ul {
width: 720px;
margin-left: 0;
padding-left: 0;
padding-bottom: 4px;
/* border: 1px solid #fff; */
border-bottom: 2px solid #000;
/* display: inline; */
}
#tabs ul li {
margin-left: 0;
margin-bottom: 0;
padding: 2px 8px 4px;
border: 1px solid #cccccc;
border-bottom: none;
list-style: none;
display: inline;
}
#tabs ul li.here {
border: 2px solid #000;
padding: 4px 8px 4px;
border-bottom: 2px solid #ffffff;
list-style: none;
display: inline;
}
#tabsDiv ul {
width: 720px;
margin-left: 0;
padding-left: 0;
padding-bottom: 4px;
border: 1px solid #ffffff;
border-bottom: 2px solid #000000;
/* display: inline; */
}
#tabsDiv ul li {
margin-left: 0;
margin-bottom: 0;
padding: 2px 25px 4px;
border: 1px solid #ffffff;
border-bottom: none;
list-style: none;
display: inline;
}
#tabsDiv ul li.here {
border: 2px solid #000;
padding: 4px 25px 4px;
border-bottom: 2px solid #fff;
list-style: none;
display: inline;
}
/*- Menu Tabs J--------------------------- */
#tabsJ {
float:left;
width:99%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 5px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url("/images/shared/tabs/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#tabsJ a span {
float:left;
display:block;
background:url("/images/shared/tabs/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {
float:none;
}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#FFF;
}
#tabsJ a:hover {
background-position:0% -42px;
}
#tabsJ a:hover span {
background-position:100% -42px;
}
#tabsJ #current a {
background-position:0% -42px;
}
#tabsJ #current a span {
background-position:100% -42px;
color:#FFF;
}
/* Fin - CSSs para Tabs */
/* Inicio - CSSs para buscadores AJAX en los filtros de los reportes */
#ajax_listOfOptions{
position:absolute; /* Never change this one */
width:175px; /* Width of box */
height:230px; /* Height of box */
overflow:auto; /* Scrolling features */
border:1px solid #317082; /* Dark green border */
background-color:#FFF; /* White background color */
text-align:left;
font-family: 'Verdana','Arial','Helvetica', sans-serif;
font-size: 10px;
z-index:100;
}
#ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */
margin:1px;
padding:1px;
cursor:pointer;
font-family: 'Verdana','Arial','Helvetica', sans-serif;
font-size: 10px;
}
#ajax_listOfOptions .optionDiv{ /* Div for each item in list */
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
background-color:navy;
color:#FFF;
}
#ajax_listOfOptions_iframe{
background-color:#F00;
position:absolute;
z-index:5;
}
form{
display:inline;
}
/* Fin - CSSs para buscadores AJAX en los filtros de los reportes */
/* Inicio - TR Roll Over y Clic */
.tableRollOverEffect{
background-color:#eee;
}
/* Fin - TR Roll Over y Clic */
.error {
font-weight: bold;
color: #ff0000;
background-color: #f9f9f9;
border: thin solid #000000;
margin: 3px 3px 3px 3px;
padding: 3px 3px 3px 3px;
text-align: center;
}
.warning {
font-weight: bold;
color: #ffab00;
background-color: #f9f9f9;
border: thin solid #000000;
margin: 3px 3px 3px 3px;
padding: 3px 3px 3px 3px;
text-align: center;
}
.notice {
font-weight: bold;
color: #036c49;
background-color: #f9f9f9;
border: thin solid #000000;
margin: 3px 3px 3px 3px;
padding: 3px 3px 3px 3px;
text-align: center;
}
.fila-cabeza {
font-family: "Verdana","Arial","Helvetica", sans-serif;font-size: 10px;color: #000;background-color: #BBB;font-weight: bold;text-align: center;
}
table.table_list { width: 99%; padding: 3px; background-color: #FFF;}
table.table_list thead {font-family: 'Verdana','Arial','Helvetica', sans-serif;font-size: 10px;color: #000;background-color: #BBB;font-weight: bold;text-align: center;}
table.table_list thead a {color: #000;text-decoration: none;}
table.table_list thead a:hover {color: #FFF;}
table.table_list tbody {font-family: 'Verdana','Arial','Helvetica', sans-serif;font-size: 10px;color: #000;font-weight: normal;}
table.table_list tbody tr:nth-child(odd) {color: #000;background: #FFF;vertical-align:top;}
table.table_list tbody tr:nth-child(even) {color: #000;background: #EEE;vertical-align:top;}
table.table_list tbody tr:hover {background: #4683af;color:#FFF;}
table.table_list tbody tr:hover a {color:#FFF;}
table.table_list tfoot {font-family: 'Verdana','Arial','Helvetica', sans-serif;font-size: 10px;color: #000;font-weight: bold;text-align: right;}
table.table_list tbody td[pu] {text-align:right;}
table.table_list tbody td[pe] {text-align:right;}
table.table_list tbody td[cant] {text-align:right;}
table.table_list_no_hover { width: 99%; padding: 3px; background-color: #FFF;}
table.table_list_no_hover thead {font-family: 'Verdana','Arial','Helvetica', sans-serif;font-size: 10px;color: #000;background-color: #BBB;font-weight: bold;text-align: center;}
table.table_list_no_hover thead a {color: #000;text-decoration: none;}
table.table_list_no_hover thead a:hover {color: #FFF;}
table.table_list_no_hover tbody {font-family: 'Verdana','Arial','Helvetica', sans-serif;font-size: 10px;color: #000;font-weight: normal;}
table.table_list_no_hover tbody tr:nth-child(odd) {color: #000;background: #FFF;vertical-align:top;}
table.table_list_no_hover tbody tr:nth-child(even) {color: #000;background: #EEE;vertical-align:top;}
table.table_list_no_hover tfoot {font-family: Helvetica,Arial,Tahoma,sans-serif;font-size: 10px;color: #000;font-weight: bold;text-align: right;}
/* Botones */
.btn {cursor:pointer;cursor:hand;left: 0px;line-height:21px;height:21px;background:url(/images/shared/btns/btn_gris_der.gif) no-repeat right top;padding-right: 5px;padding-left: 0px;display:inline-block;border: 0px solid;text-decoration:none;}
.btn ins {cursor:pointer;cursor:hand;left: 0px;line-height:21px;height:21px;background:url(/images/shared/btns/btn_gris_izq.gif) no-repeat left top;padding-right: 0px;padding-left: 5px;display:inline-block;border: 0px solid;text-decoration:none;}
.btn ins ins {background:url(/images/shared/btns/btn_gris_cen.gif) repeat-x left top;height:21px;line-height:21px;display:inline-block;padding-left:5px;padding-right:5px;border: 0px solid;font-family: 'Verdana','Arial','Helvetica', sans-serif;font-size: 10px;color:#24618E;font-weight: normal;text-decoration:none;left: 0px;}
.btn:hover {cursor:pointer;cursor:hand;left: 0px;line-height:21px;height:21px;background:url(/images/shared/btns/btn_azul_der.gif) no-repeat right top;padding-right: 5px;padding-left: 0px;display:inline-block;border: 0px solid red;text-decoration:none;}
.btn:hover ins {cursor:pointer;cursor:hand;left: 0px;line-height:21px;height:21px;background:url(/images/shared/btns/btn_azul_izq.gif) no-repeat left top;padding-right: 0px;padding-left: 5px;display:inline-block;border: 0px solid green;text-decoration:none;}
.btn:hover ins ins {background:url(/images/shared/btns/btn_azul_cen.gif) repeat-x left top;height:21px;line-height:21px;display:inline-block;padding-left:5px;padding-right:5px;border: 0px solid black;font-family: 'Verdana','Arial','Helvetica', sans-serif;font-size: 10px;color:#fff;font-weight: normal;text-decoration:none;left: 0px;}
a.enlace:link{text-decoration: underline; color: #045FB4;}
a.enlace:visited{text-decoration: underline; color: #00537b;}
a.enlace:hover{text-decoration: underline; color: #0489B1;}
a.enlace:active{text-decoration: underline; color: #FF4000;}
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
/*
ColorBox example user style
These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalBackgroundOverlay{background:#000;}
#colorBox{padding:15px;}
#borderTopLeft{width:27px; height:27px; background:url(/templates/html_ui/js/images/borderTopLeft.png) 0 0 no-repeat;}
#borderTopCenter{height:27px; background:url(/templates/html_ui/js/images/borderTopCenter.png) 0 0 repeat-x;}
#borderTopRight{width:27px; height:27px; background:url(/templates/html_ui/js/images/borderTopRight.png) 0 0 no-repeat;}
#borderBottomLeft{width:27px; height:27px; background:url(/templates/html_ui/js/images/borderBottomLeft.png) 0 0 no-repeat;}
#borderBottomCenter{height:27px; background:url(/templates/html_ui/js/images/borderBottomCenter.png) 0 0 repeat-x;}
#borderBottomRight{width:27px; height:27px; background:url(/templates/html_ui/js/images/borderBottomRight.png) 0 0 no-repeat;}
#borderMiddleLeft{width:27px; background:url(/templates/html_ui/js/images/borderMiddleLeft.png) 0 0 repeat-y;}
#borderMiddleRight{width:27px; background:url(/templates/html_ui/js/images/borderMiddleRight.png) 0 0 repeat-y;}
#modalContent{background:#fff; }
#modalLoadedContent{margin-bottom:20px;}
#contentTitle{display:none;}
#contentCurrent{position:absolute; bottom:0px; left:65px; font-weight:bold; color:#999;}
#contentPrevious{position:absolute; bottom:0px; left:0; font-weight:bold;}
#contentNext{position:absolute; bottom:0px; left:110px; font-weight:bold;}
#modalLoadingOverlay{background:url(/templates/html_ui/js/images/loading.gif) 5px 5px no-repeat #fff;}
#modalClose{position:absolute; bottom:0; right:0; display:block; font-weight:bold; color:#333; text-decoration:none;}
#modalClose:hover{background-position:bottom left; color:#666;}
/**
* Horizontal CSS Drop-Down Menu Module
*
* @file dropdown.css
* @package Dropdown
* @version 0.7.1
* @type Transitional
* @stacks 597-599
* @browsers Windows: IE6+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
*
*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
font: 11px/normal 'Verdana', 'Arial', 'Helvetica', sans-serif;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
/**
* Default CSS Drop-Down Menu Theme
*
* @file default.css
* @name Default
* @version 0.1.1
* @type transitional
* @browsers Windows: IE5+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2008 Live Web Institute. All Rights Reserved.
*
* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
* Expected directory tag - li
*
*/
/*-------------------------------------------------/
* @section Base Drop-Down Styling
* @structure ul (unordered list)
* ul li (list item)
* ul li a (links)
* /*\.class|(li|a):hover/
* @level sep ul
*/
ul.dropdown li {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
background-color: #f6f6f6;
color: #000;
}
ul.pestaniado li {margin-right:1px;}
ul.pestaniado li.sel a {color: #333 !important;}
ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #ccc;
color: #000;
}
ul.dropdown a:link,
ul.dropdown a:visited { color: #000; text-decoration: none; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
/* -- level mark -- */
ul.dropdown ul {
width: 220px;
margin-top: 1px;
}
ul.dropdown ul li {
font-weight: normal;
}
/*-------------------------------------------------/
* @section Support Class `dir`
* @level sep ul, .class
*/
ul.dropdown .dir {
padding-right: 10px;
background-image: url(/templates/html_ui/images/menu/arrow-white-down.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
/* line-height: 24px; */
}
ul.dropdown .nodir {
padding-right: 10px;
/* line-height: 24px; */
}
ul.dropdown .dir:hover, ul.dropdown .dir:active {
background-color: #bbb;
background-image: url(/templates/html_ui/images/menu/arrow-black-down.gif);
color: #000;
}
ul.dropdown .nodir:hover, ul.dropdown .nodir:active {
background-color: #bbb;
color: #000;
}
ul.dropdown li.raiz a { display: block; padding: 7px 10px; }
ul.dropdown li.raiz a:link { color: #fff; text-decoration: none; }
ul.dropdown li.raiz a:visited { color: #fff; text-decoration: none; }
ul.dropdown li.raiz a:hover { color: #000; text-decoration: none; }
ul.dropdown li.raiz a:active { color: #508db8; text-decoration: none; }
ul.dropdown .subnivel {
padding-left: 5px;
background-image: url(/templates/html_ui/images/menu/arrow-black-right.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
}
ul.dropdown li ul li.subnivel:hover {
background-color: #bbb;
background-image: url(/templates/html_ui/images/menu/arrow-white-right.gif);
}
ul.dropdown li.raiz {
font-weight:bold;
}
ul.dropdown li ul li.subnivel {
line-height: 8px;
background-color: #eaeaea;
border-color: #fff #fff #fff;
border-bottom:1px dashed #ddd;
}
ul.dropdown li.raiz a { display: block; }
ul.dropdown li ul li.subnivel a:link { color: #000; text-decoration: none; }
ul.dropdown li ul li.subnivel a:visited { color: #000; text-decoration: none; }
ul.dropdown li ul li.subnivel a:hover { color: #000; text-decoration: none; }
ul.dropdown li ul li.subnivel a:active { color: #508db8; text-decoration: none; }
/* Tablas con DIVs */
div.t_div
{
clear: none;
overflow: auto;
}
div.f_div
{
clear: both;
}
div.ct_div
{
float: left;
padding: 5px;
background: #bbb;
border-color: #fff;
border-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
font-weight: bold;
}
div.c1_div
{
float: left;
padding: 5px;
border-color: #fff;
border-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
}
div.c2_div
{
float: left;
padding: 5px;
border-style: none;
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.ui-tooltip-wiki{
max-width: 400px;
}
.ui-tooltip-wiki .ui-tooltip-content{
padding: 10px;
line-height: 12.5px;
}
.ui-tooltip-wiki h1{
margin: 0 0 7px;
font-size: 1.5em;
line-height: 1em;
}
.ui-tooltip-wiki img{ padding: 0 10px 0 0; }
.ui-tooltip-wiki p{ margin-bottom: 9px; }
.ui-tooltip-wiki .note{ margin-bottom: 0; font-style: italic; color: #888; }
.htmltips {cursor:help}
a.htmltips {text-decoration: none; color: #000;}
a.htmltips:hover {font: normal; text-decoration: underline; color: #00537B;}
@-moz-document url-prefix() {
div.box input[type=text] {
font-size: 11px;
}
div.box select {
font-size: 11px;
}
}
li.dir.raiz span.fa.arrow {
display: none;
}
#performance_sales_posspec{
max-width: 200px !important;
}
.btn-icon-action-product {
display: block;
color: #060606;
background-color: rgb(170,170,170);
background: linear-gradient(0deg, rgba(170,170,170,1) 0%, rgba(223,223,223,1) 100%);
padding: 4px;
border-radius: 5px;
width: 12px;
height: 11px;
border: solid 1px #b5b5b5;
font-size: 11px;
text-align: center;
cursor: pointer;
}
/** old_template_warning CSS*/
#old_template_warning {
background-color: #FFF1C2;
border-radius: 10px;
padding: 10px;
margin-bottom: 10px;
color: #CC9C00;
font-size: 13px;
cursor: default;
user-select: none;
}
#old_template_warning h2 {
font-weight: bold;
font-size: 15px;
padding: 0px 0px 8px 0px;
}
#old_template_warning:before {
font-family: "FontAwesome";
content:"\f071";
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
float: left;
width: 65px;
height: 70px;
}
/** Estilos nuevos inputs**/
input, select {
border-radius: 4px;
border: 1px solid #aaa;
color: #444;
line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 26px !important;
}
.select2-container .select2-selection--single {
height: 26px !important;
}
/*
|---------------------------------------------------------------------------
| Diseño - Lista de detalles de terminos de pago
|---------------------------------------------------------------------------
| Estilos de tabla - Configuración de terminos de pago (detalles de los terminos)
*/
#payment_terms_form #detail_list .row,
#payment_terms_form #titles_terms_details
{
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
#payment_terms_form #titles_terms_details > div
{
padding: 20px;
}
#payment_terms_form .ibox-tools{
display: none;
}
#payment_terms_form .link_delete_detail_term{
display: flex;
justify-content: center;
align-items: center;
background-color: gray;
margin: 10px;
font-size: 15px;
color: white;
border-radius: 50%;
padding: 3px;
}
#payment_terms_form #detail_list .row .input-group{
display: flex;
flex-flow: row nowrap;
padding: 10px;
}
#payment_terms_form #detail_list .row input[name='percentage[]'],
#payment_terms_form #detail_list .row input[name='due[]']
{
width: 30px;
}
#payment_terms_form #detail_list .row input[name='percent[]'],
#payment_terms_form #detail_list .row input[name='days[]']
{
width: 50px;
}
#payment_terms_form #add_detail_item
{
display: block;
}
/* Fin Diseño - Lista de detalles de terminos de pago */
/* Ajusta lista de coordenadas en poligonos de Bodegas/Direcciones proveedores */
#points_display{
overflow: auto;
max-height: 400px;
}