/* HEADER MENU */
.sbmenu {
	margin: 0;
	padding: 0;
	width: auto;
	list-style: none;
}
.sbmenu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.sbmenu-item {
	padding: 0;
	position: relative;
	list-style: none;
	list-style-position: outside;
	display: inline;
	margin: 0;
	float: left;
	width: 110px;
	font-size: 11px;
	font-family: verdana,arial,sans-serif;
}
.sbmenu-item a {
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	outline: 0;
	padding: 5px 3px 4px 7px;
	cursor: pointer;
	width: 95%;
}
.sbmenu .sbmenu-group {
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
	position: absolute;
	display: none;
	z-index: 1000;
}

#sysToolsMenu #comboListUsers {
	margin-left: 5px;
	font-size: 12px;
	padding-right: 5px;
}
#sysToolsMenu #comboListUsers option {
	line-height: 0.5;
	min-block-size: 0.8em;
	padding-inline: 0.8em;
}
#sysToolsMenu #comboListUsers option:first-child {
	font-weight: bold;
}

/* APP-STARBI ------------------ */

.sbmenu-item a , .headerBlock {
	color: white;
}
.sbmenu-item.level_0 {
	width: auto;
	margin-right: 5px;
}
.sbmenu-item.level_0 > a {
	width: auto;
	xpadding-right: 12px;
}
.sbmenu-item.level_0 > a.url {
	padding-right: 0px;
}
.sbmenu-item ul {
	border-top: 1px solid #444;
	border-left: 1px solid #444;
}

ul.sbmenu-vertical {
	box-shadow: 2px 2px 10px black /*#404040*/;
}

.sbmenu-vertical li {
	width: 170px;
	border-bottom: 1px outset;
	/* box-shadow: 3px 3px 3px #232323; */
}

.sbmenu-icon.iconR {
	float: right;
	xmargin-left: 2px;
	vertical-align: middle;
}

.sbmenu-vertical li .iconR {
	xfloat: right;
}
.sbmenu-vertical li.url .iconR {
	width: 0px;
}

/* --------------- */
html, body {
	xbackground-color: var(--cliBgColor);
	background-color: var(--cBgBody);
	margin-top: 2px;
	margin-left: 2px;
	font-size: 75%;
}
.ui-widget .ui-widget {
	font-size: 11.7px;
}
.ui-widget, .ui-jqgrid-titlebar {
	font-size: 12px;
}
#DIV_MAIN_CONTENT {
	padding-top: 4px;
}
table.mainTbl {
	border-spacing: 0px;
	xmargin-top: -1px;
}
pre, .pre {
	font-size: 12px;
	background-color: white;
	color: black;
	-moz-tab-size: 4; /* Firefox; */
	-o-tab-size: 4; /* Opera; */
	tab-size: 4;
}
pre .error, .pre .error {
	color: var(--cDarkRed);
}

/* HEADER .............. */
#mainHeader {
	padding: 3px;
	background-color: var(--cliColor1);
	border: 2px solid var(--cli1Dark);
	border-radius: 4px;
}
#tbl-sb-header {
	border: 0px;
	border-spacing: 0px;
	white-space: nowrap;
}
#tbl-sb-header td {
	padding: 0px;
}
.headerBlock {
	vertical-align: middle !important;
	background: rgba(0, 0, 0, 0.3) !important;
	padding: 2px 0px 2px 5px !important;
}

#header-clock,
#header-path .sbmenu-item.path-item ,
#header-path a.path-item {
	color: var(--cPaleGray) !important;
	letter-spacing: 0.5px !important;
	font-size: 11px !important;
	font-family: arial,sans-serif !important;
	float: none !important;
	width: initial !important;
	padding: 2px !important;
	display: inline-block !important;
	vertical-align: middle;
}
#header-path {
	margin-left: 5px !important;
	xpadding-right: 5px !important;
	padding: 4px !important;
}
#header-path a.path-this {
	font-weight: bold;
	font-size: 12px !important;
}
#tbl-sb-header .ui-icon.addfav {
	height: 13px;
	opacity: 0.6;
	margin-left: 5px;
	cursor: pointer;
}
#tbl-sb-header .ui-icon.addfav.on {
	opacity: 1;
}
#header-sblogo {
	background: rgba(0, 0, 0, 0.22);
	margin-right: 20px;
	width: 1%;
	vertical-align: middle;
}
#header-img-sblogo {
	display: block;
	margin: 0 auto;
	border:0;
}
#sb_logo_overlay {
	xwidth: 120px;
	width: auto;
	padding: 0px 7px;
	height: 27px;
	line-height: 27px;
	position: absolute;
	font: bold 24px arial;
	text-shadow: 2px 2px 2px black;
	text-align: center;
	cursor: pointer;
}
#sb_logo_overlay.DEV {
	background-color: #ffe1bf;
	color: #dd0005;
}
#sb_logo_overlay.TEST {
	background-color: #ffcef9;
	color: #0c3dbe;
}
#header-right  {
	width: 130px;
	font-weight: bold;
}
#header-username {
	margin-top: 2px;
}
#header-clock {
	margin-bottom: 2px;
}
#header-logo-cli {
	width: 100px;
	padding-right: 7px !important;
}
#img-logo-cli {
	display: block;
	margin: 0 auto;
}
#tbl-sb-header .iconL {
	margin-right: 3px !important;
}
#headerUserMenu .folder.level_0  {
	background-color: initial !important;
	margin: initial !important;
	padding: initial !important;
	padding-bottom: 3px !important;;
}

/* #headerUserMenu ul.sbmenu-vertical {
	margin-top: 5px !important;
} */
#headerUserMenu .sbmenu-vertical li {
	width: 140px !important;
	font-weight: normal !important;
}
#headerUserMenu .sbmenu-vertical a {
	padding-left: 2px;
}
.headerBlock ,
#headerUserMenu li a {
	color: var(--cPaleGray) !important;
}

.DEV-BORDER {
	border: 3px solid #e3ff20;
	padding: 0px !important;
}

ul#menu1 { }
ul#menu2 { clear:both; width:160px; margin-top:10px; }
/* .............. */

.hidden {
	display: none;
}

.ui-widget-overlay {
	position: absolute;
	opacity: 0.3 !important;
	filter: Alpha(Opacity=30) !important;
}
.sbOverlay {
	display: none;
}
.sbOverlay.sbDisabled {
	opacity: 0 !important;
	filter: Alpha(Opacity=0) !important;
}

.jqgrow.ui-priority-secondary {
	opacity: 1 !important;
	filter: Alpha(Opacity=90) !important;
}

.jqgrow.gridTrStatDisabled {
	opacity: 0.7 !important;
	xcolor: var(--cDustyRed);
	filter: Alpha(Opacity=70) !important;
}

.jqgrow.gridTrStatError {
	xborder:initial !important;
}
.jqgrow.gridTrStatError td.gridCell {
	border:initial !important;
}

.ui-dialog {
	padding: .2em;
	overflow: visible;
}
.sbPanel.ui-dialog {
	padding: 0;
}
.sbPanel .sb-panel-msg {
	line-height: 18px;
	margin-bottom: -3px;
}
.sbPanel .sb-footer-msg {
	float: left;
	line-height: 18px;
	width: 70%;
}
.sbPanelFooter {
	line-height: 35px;
}
.ui-dialog-buttonpane {
	margin-top: 0 !important;
	padding: 0px 3px 0px 0px !important;
}

.dlgButtonSmall {
	border-radius: 5px;
}
.dlgButtonSmall .ui-button-icon-primary {
	left: 0px;
}
.dlgButtonSmall .ui-button-text {
	padding: 3px 5px 3px 18px;
}

.ui-jqdialog .ui-jqdialog-titlebar,
.ui-dialog .ui-dialog-titlebar,
.ui-jqgrid-titlebar {
	font-size: 12px !important;
	padding: 4.5px 4.5px 4.5px 10px !important;
	border-radius: 5px 5px 0px 0px !important;
}
.ui-dialog .ui-dialog-title {
	margin: initial;
}
.ui-dialog .ui-dialog-titlebar-close , .ui-dialog-title-button {
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	/* margin: 1px; */ /* ojo que este margin jode la X del close dialog */
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 0;
}
.ui-dialog-content,
.ui-dialog .ui-dialog-content {
	border: 0;
	padding: 5px;
	background: none;
	height:auto;
}
.ui-dialog .ui-jqconfirm {
	padding: .4em 1em;
	border-width:3px;
	bottom:10px;
	right:10px;
	overflow:visible;
	text-align:center;
}
.ui-jqdialog-content .ui-jqdialog-infocnt {
	text-align: left !important;
}
.ui-jqdialog-content .ui-jqdialog-buttonpane {
	text-align: right !important;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}
.fixed {
	position:fixed;
}
.no-scroll {
	overflow: hidden;
}
.no-scroll-x {
	overflow-x: hidden;
}
.no-scroll-y {
	overflow-y: hidden;
}
.no-padding {
	padding: 0px;
}
.no-margin {
	margin: 0px;
}
.no-border {
	border: 0px !important;
}
.transp0{
	opacity: 0;
	filter: Alpha(Opacity=0);
}
.transp3 {
	background-color: rgba(0, 0, 0, 0.3);
}
.transp5 , .transp1{
	background-color: rgba(0, 0, 0, 0.5);
}
.transp7 {
	background-color: rgba(0, 0, 0, 0.7);
}
.bgTransp0{
	background-color: rgba(0, 0, 0, 0);
}

.ui-progressbar {
	height: 2em;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
	background-color: #ccc;
}
.ui-progressbar .ui-progressbar-overlay {
	background: var(--progressbarOverlay);
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-progressbar .progress-label {
	color: #000;
	position: absolute;
	width: 100%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 white;
	text-align: center;
}

.ui-tabs {
	padding:0px;
}

.divTab , .ui-tabs-panel {
	padding:2px;
}

.ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-nav li.ui-state-active {
	font-weight: bold;
}
.ui-tabs-anchor {
	padding-top:2px;
	padding-bottom:2px;
}

.toolbar, .divComboIni {
	line-height: 25px; /* 30px */
	padding: 2px;
	margin: 0px 0px 2px 0px;
	xtext-align: center;
}
.divComboIni {
	text-align: center;
}
.toolbar button , .divComboIni button {
	font-size: 11px;
}

/* support: IE7 */
*+html .toolbar {
	display: inline;
}
.ui-widget-content {
	border: 1px solid var(--cLightGray);
	color: black;
}
.ui-jqgrid input.editable , .bgwhite {
	background-color: white;
	opacity: 1;
}
.disabled, .sbDisabled, .ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .6;
	filter: Alpha(Opacity=60);
}
.ui-grid-ico-sort.ui-state-disabled {
	opacity: .45;
	filter: Alpha(Opacity=45);
}

td.gridCell button.bool {
	border: none;
	border-radius: 0px;
	cursor: default;
	background: none;
}

.italic  {
	font-style: italic;
}
.textL, .left, td.gridCell.textL, td.gridCell.left {
	text-align: left !important;
}
.textC, .center, td.gridCell.textC, td.gridCell.center {
	text-align: center !important;
}
.centerL, .lCenter, .centerLeft, .leftCenter {
	text-align: left !important;
	padding-left: 12px !important;
}
.textR, .right, td.gridCell.textR, td.gridCell.right {
	text-align: right !important;
}
td.gridCell.textR, td.gridCell.right {
	padding-right: 6px !important;
}
td.gridCell input.right {
	padding-right: 1px !important;
}

td.gridCell.gridColId {
	font-weight: bold !important;
	opacity: 0.8;
	filter: Alpha(Opacity=80);
}
td.gridCell.sbindex {
	width: 45px;
	text-align: right !important;
	xfont-weight: bold !important;
	text-transform: uppercase !important;
	font-size: 90% !important;
	padding-right: 6px !important;
}
/* td.gridCell.jSonContent {
	//display:flex;
	//display:block;
} */
.cursor-pointer, .pointer {
	cursor: pointer;
}
.cursor-drag {
	cursor: move !important;
}
.underlineHover:hover {
	text-decoration: underline;
}
.upper, .textUpp {
	text-transform: uppercase !important;
}
.lower, .textLow {
	text-transform: lowercase !important;
}
.capitalize, .textCap {
	text-transform: capitalize !important;
}
.bold, .textBold {
	font-weight: bold !important;
}
.normal, .textNormal {
	font-weight: normal !important;
}

.btnInOut_big, .btn_big  {
	width:150px;
	height:40px;
	margin:5px;
	vertical-align: middle;
}
.btnInOut_medium, .btn_medium {
	width:80px;
	height:25px;
	margin:3px;
	vertical-align: middle;
}
.grid-sopt-menu {
	z-index:1001;
	white-space: nowrap;
	display:block;
}
.grid-sopt-menu .ui-menu-item {
	list-style-image: none;
	padding: 1px;
}
.grid-sopt-menu .ui-menu-item  a{
	border: none !important;
}
.grid-sopt-menu .sopt-symbol {
	width: 17px;
}
.nowrap {
	white-space: nowrap;
}
.readonly { border: 0px; }

.ui-dialog input[type='checkbox'] {
	vertical-align:middle;
}
input[type='radio'] {
	vertical-align:sub;
}
.setGridColsChkAll {
	line-height:3;
	vertical-align:middle;
	float:left;
}
.sortHandler:hover {
	cursor:move;
}
.gridButton {
	font-size: 10px !important;
	border-radius: 4px;
	border-color: #a5a5a5 !important;
}
.gridButton span.ui-button-text {
	padding: 2px 8px 2px 8px;
}
tr.gridMailContent:hover {
	background: initial !important;
	color: initial !important;
}
td.gridMailContent {
	overflow: auto !important;
	white-space: inherit !important;
}
.sbHeaderButton {
	xfloat: right;
	margin-right: 2px;
	background-color: unset !important;
	border-radius: 5.5px !important;
}
.sbgAppendHeader {
	float: right;
	margin-right: 30px;
	margin-top: -2px;
}
/*.btnGridHeader , .btnSmall {
	float: right;
	margin-right: 30px;
	margin-top: -2px;
}*/
.btnGridHeader .ui-button-text , .btnSmall .ui-button-text {
	padding: 2px 6px 2px 20px;
	font-size: 11px;
}
.btnSmall {
	margin: auto;
	float: none;
	border-radius: 4px;
}
.btnSmall:not(.iconOnly) .ui-button-icon-primary ,
.btnGridHeader:not(.iconOnly) .ui-button-icon-primary {
	left: 2px;
}
sb_strip {
	display: none;
}
/* .ui-jqgrid .ui-jqgrid-htable th {
	no usar esto q se corren los th de lugar
	padding: 0 0px 0 0px;
} */
.ui-search-table td.ui-search-oper {
	/* width: auto !important; */
	min-width: 12px !important;
	width: 18px !important;
	white-space: nowrap;
}
.width100, .w100,
.ui-search-table td.ui-search-input {
	width: 100%;
}
/* .ui-search-table td.ui-search-clear {
	width: 10px !important;
	max-width: 10px !important;
} */
.ui-search-table a.soptclass {
	padding: 0 0 0 0 !important;
	width: 100%;
	/* border: 1px solid; */
}
.ui-search-table a.clearsearchclass {
	padding:0px 0px 0px 1px !important;
	width: 10px !important;
	max-width: 10px !important;
}
/* a.g-menu-item, a.soptclass, a.clearsearchclass {
	//text-transform: capitalize;
} */
.ui-search-table input, .ui-search-table select {
	height: 16px;
}
.ui-search-table select {
	border: 0px;
}
.ui-jqgrid .s-ico {
	margin-left: 2px;
}
tr.jqgroup td {
	padding: 0px !important;
}
tr.jqgroup .tree-wrap-ltr{
	margin: 0 -2px 0 -2px;
}
tr.jqgroup .groupRow {
	font-weight: bold;
}

td.gridContTd1 {
	padding-top: 0px;
}
td.gridContTd2 {
	padding-left: 10px;
}
.ui-jqgrid .ui-pg-input, .autoReloadInput {
	width: 19px !important;
	height: 17px !important;
	font-size: .8em !important;
	xmargin: 0;
}
.ui-jqgrid .ui-pg-selbox {
	width: 40px !important;
	height: 17px !important;
	font-size: .8em !important;
}
.ui-jqgrid .ui-pg-table .ui-pg-button {
	margin: 2px 1px 2px 0px;
}
.ui-jqgrid .ui-pg-table .ui-pg-button .ui-icon {
	margin: 0px -1px 0px 0px !important;
}
.ui-jqgrid-hdiv  {
	border-radius: 0px;
	/* background-image: var(--bgGray3) !important; */
}
.ui-jqgrid-hdiv th.ui-th-column {
	background-image: var(--bgGray2);
	/* text-transform: capitalize; */
}
.ui-th-column-header.grpTH {
	text-transform: uppercase;
	font-size: 10px;
	color: var(--cBlueGray) !important;
	background-image: var(--bgGray);
	xbackground-color: #eeeeee;
}
.searchFilter table.group td {
	vertical-align: top;
}
.searchFilter input,
.searchFilter select,
.searchFilter textarea,
.searchFilter xbutton,
.searchTpl  {
	font-size: 11px;
	border-radius: 0px;
}
.searchFilter button,
.searchFilter input[type="button"],
.searchFooter .delTpl {
	background-color: var(--mainColor);
	font-weight: bold;
	xfont-size: 12px;
	xcolor: white;
	margin-left: 1px;
	margin-right: 1px;
	cursor: pointer;
	xpadding: 2px 6px 2px 6px;
	background: var(--cPaleGray) var(--bgGray) 50% 50% repeat-x;
	border: 1px solid var(--cPaleGray);
	color: var(--cBgWidget);
}
.searchFilter input[type="text"] {
	border: 1px solid;
}
.searchFilter button:hover,
.searchFilter input[type="button"]:hover,
.searchFooter .delTpl:hover {
	background: var(--cBgWidget);
	border-color: var(--cBgWidget);
	color: white;
}
.searchFilter .operators .selOper {
	width: 120px;
}
.ui-jqgrid input.editable,
.searchFilter .data .input-elm {
	width: 100%;
	box-sizing: border-box;
}
.searchTplLabel {
	margin-left: 6px;
	margin-right: 4px;
}
.autoReloadInput {
	width: 26px !important;
	text-align: right;
	padding: 1px;
}
.disabled_dropdown {
	color: inherit !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border: none !important;
	background: transparent !important;
	opacity: 1 !important;
}

/* .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	background: default;
	color: default;
	border: default;
	outline: default;
} */

.corner-big {
	border-radius: 8px !important;
}
.corner-medium {
	border-radius: 6px !important;
}
.corner-small {
	border-radius: 4px !important;
}
.corner-none {
	border-radius: 0px !important;
}
label, .label {
	font-weight:bold;
}
.setButton.ui-button.iconOnly {
	width: 18px;
	height: 18px;
	vertical-align: sub;
}
.setButton.iconOnly .ui-button-text {
	padding: 2px 0px 0px 20px;
}
.setButton.ui-button.iconOnly.button-medium {
	height: auto;
	vertical-align: middle;
}
.sb-iconOnly {
	vertical-align: sub;
	display: inline-block;
}
.toolbar .setButton.iconOnly, .divComboIni .setButton.iconOnly {
	vertical-align: middle;
}
.grid-cell-icon-right {
	float: right;
	margin-top: 2px;
	cursor: pointer;
}

/* .cell-color:hover{
	opacity: 0.8;
	filter: Alpha(Opacity=80);
} */

.div-IOS {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	height: 100%;
}

input[type='text'].sbg-edit-input,
select.sbg-edit-input,
textarea.sbg-edit-input {
	width:98%;
}
input[type='text'].date {
	width:80px;
}
input[type='text'].datetime {
	width:110px;
}
.tdlink a, .link { /* el color va  en cada theme */
	cursor: pointer;
	//color: var(--cliColor1) !important;
	color: var(--cliLink) !important;
}
.tdlink a:hover, .link:hover {
	text-decoration: underline !important;
}
.hiddenDiv {
	width: 0px !important;
	height: 0px !important;
	border: 0px !important;
	opacity: 0 !important;
	filter: Alpha(Opacity=0) !important;
}

.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}

.gridSearchMod:not(.sbGsp_searchDlg) {
	min-height: 200px;
	min-width: 420px;
}
.gridSearchMod:not(.sbGsp_searchDlg) .searchFilter {
	min-height: 120px;
	min-width: 420px;
}
.gridSearchMod:not(.sbGsp_searchDlg) .searchFilter .customSearchFilter {
	float: right;
	cursor: pointer;
}
/* .customSearchInputTitle {
	width: 250px;
} */


/* =============================================== */

/* SB-BASE ... basado en theme: blitzer */

li.sbmenu-item {
	background-color: var(--cliColor1);
}
li.sbmenu-hover {
	background-color: var(--cli1Dark);
}
.ui-widget-header {
	xborder: 1px solid var(--cli1Dark);
	border: 1px solid var(--cLightGray);
	xbackground: var(--cliColor1); /* var(--bgMain) 50% 50% repeat-x; */
	xbackground: var(--cli1Dark);
	xbackground: var(--cliColor3);
	background: var(--cBgWidget);
	color: #ffffff;
	font-weight: bold;
}

.ui-icon,
.ui-state-highlight .ui-icon ,
.ui-widget-content .ui-icon ,
.ui-state-default .ui-icon ,
.ui-state-hover .ui-icon ,
.ui-state-focus .ui-icon  ,
.ui-state-active .ui-icon ,
.ui-state-error .ui-icon ,
.ui-state-error-text .ui-icon {
	background-image: var(--cliIcon) !important;
}

.sb-has-msg .ui-icon,
.mainHeader .ui-icon,
.divSbMenu .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.jqgrow.ui-state-highlight .ui-icon,
.ui-jqgrid-titlebar.ui-widget-header .ui-icon:not(.icon1),
.ui-dialog-titlebar.ui-widget-header .ui-icon:not(.icon1) {
	background-image: var(--iconWhite) !important;
}

/*
.select2-search-choice-close ,
.select2-search-choice-close:hover {
	background-color: initial !important;
	background-image: var(--cliIcon) !important;
}
*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	xborder: 1px solid #d8dcdf;
	xcolor: var(--cli1Dark);
	color: var(--cli2Dark);
}
.ui-th-column div[role="columnheader"].syscol {
	color: #6d0a07; /*  var(--cDarkRed); */
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid var(--cli2Dark);
	background: var(--cliHighlight);
	color: black;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: var(--cli1Dark);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: var(--cli2Dark);
}

.ui-priority-secondary ,
.ui-widget-content .ui-priority-secondary {
	background: var(--cPaleGray);
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.ui-state-hover, .ui-state-hover a,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus ,
.jqgrow.ui-state-highlight,
.jqgrow.ui-state-hover {
	border: 1px solid var(--cli1Light);
	background: var(--cBgWidget) !important;
	color: white !important;
}

.jqgrow.ui-state-highlight a,
.jqgrow.ui-state-hover a {
	color: white !important;
}

.groupRow, .SB_highlight {
	font-weight: bold;
	color: var(--cli2Dark);
}
.ui-datepicker {
	z-index: 960 !important;
}
.ui-datepicker-current-day a.ui-state-active {
	background: var(--cLightGreen) !important;
}

.ui-tabs .tLI.ui-state-hover,
.ui-tabs .tLI.ui-state-hover a,
.ui-widget .ui-button.ui-state-hover,
.ui-widget .ui-pg-button.ui-state-hover {
	background: var(--cli2Dark) !important;
	border-color: var(--cli2Light);
}

.ui-tabs .tLI.ui-state-hover,
.ui-tabs .tLI.ui-state-hover a {
	border-width: 1px !important;
}
.ui-tabs .ui-tabs-anchor.ui-state-hover,
.ui-tabs .ui-tabs-anchor:hover ,
.ui-tabs .ui-icon:hover {
	border: none !important;
}

li.btnAddTab, li.btnAddTab:hover {
	background: var(--cMediumRed) !important;
	border-color: white !important;
	border-top-left-radius: 0px !important;
	width: 20px !important;
	margin-left: 3px !important;
	border-width: 1px !important;
}
li.btnAddTab .ui-tabs-anchor , li.btnAddTab .ui-tabs-anchor:hover {
	color: white !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	cursor: pointer !important;
	border: none !important;
	background: inherit !important;
}

.ui-button.active .ui-button-text {
	color: var(--cliColor1);
	border: 1px solid var(--cPaleGray);
}

[class*="sb-msg-"] {
	display: none;
}
.sb-has-msg, .sb-header-msg {
	font-weight: bold;
	color: white !important;
}
.sb-has-msg {
	padding: 2px !important;
	margin: 2px;
	font-weight: bold;
	color: white !important;
}
.sb-has-msg.sb-click-msg {
	cursor: pointer;
}
.sb-has-msg .ui-icon.icon-main {
	float:left;
	margin-right:.3em;
}
.sb-header-msg {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	float: right;
	width: auto;
}
.sb-header-msg.msg-success, .sb-has-msg.msg-success {
	border: 1px solid var(--cLightGreen) !important;
	background: var(--cGreen) !important;
}
.sb-header-msg.msg-error, .sb-has-msg.msg-error {
	border: 1px solid var(--cLightRed) !important;
	background: var(--cRed) !important;
}
.sb-header-msg.msg-notice, .sb-has-msg.msg-notice ,
.sb-header-msg.msg-info, .sb-has-msg.msg-info,
.sb-header-msg.msg-warning, .sb-has-msg.msg-warning {
	border: 1px solid var(--cBlueGray) !important;
	background: var(--cBlue) !important;
}
.sb-header-msg span.msg {
	line-height: 16px;
}
.sb-icon-right {
	float:right;
	padding-right: 4px;
	cursor: pointer;
}


/* COLORS .............. */
.red, .textRed {
	color: var(--cRed) !important;
}
.light-red, .textLightRed,
.jqgrow.ui-state-highlight.red,
.jqgrow.ui-state-hover.red {
	color: var(--cLightRed) !important;
}
.pink, .textPink {
	color: var(--cPink) !important;
}
.orange, .textOrange {
	color: var(--cOrange) !important;
}
.light-orange, .textLightOrange,
.jqgrow.ui-state-highlight.orange,
.jqgrow.ui-state-hover.orange {
	color: var(--cLightOrange) !important;
}
.yellow, .textYellow {
	color: var(--cYellow) !important;
}
.green, .textGreen {
	color: var(--cGreen) !important;
}
.light-green, .textLightGreen,
.jqgrow.ui-state-highlight.green,
.jqgrow.ui-state-hover.green {
	color: var(--cLightGreen) !important;
}
.blue, .textBlue {
	color: var(--cBlue) !important;
}
.light-blue, .textLightBlue,
.jqgrow.ui-state-highlight.blue,
.jqgrow.ui-state-hover.blue {
	color: var(--cLightBlue) !important;
}
.gray, .textGray {
	color: var(--cGray) !important;
}

/* CELL COLORS ----------------------------- */
.cell-red {
	background-color: var(--cRed) !important;
	color: white;
}
.cell-light-red {
	background-color: var(--cLightRed) !important;
	color: black;
}
.cell-pink {
	background-color: var(--cPink) !important;
	color: black;
}
.cell-orange {
	background-color: var(--cOrange) !important;
	color: black;
}
.cell-light-orange {
	background-color: var(--cLightOrange) !important;
	color: black;
}
.cell-yellow {
	background-color: var(--cYellow) !important;
	color: black;
}
.cell-green {
	background-color: var(--cGreen) !important;
	color: white;
}
.cell-light-green {
	background-color: var(--cLightGreen) !important;
	color: black;
}
.cell-blue {
	background-color: var(--cBlue) !important;
	color: white;
}
.cell-light-blue {
	background-color: var(--cLightBlue) !important;
	color: black;
}
.cell-gray {
	background-color: var(--cGray) !important;
	color: white;
}

.gridCell.color, .gridCell.red, .gridCell.blue, .gridCell.green, .gridCell.pink, .gridCell.orange, .gridCell.yellow, .gridCell.gray,
.gridCell.light-orange, .gridCell.light-green, .gridCell.light-blue, .gridCell.light-red, .gridCell.light-gray {
	/* offset-x | offset-y | blur-radius | color */
	text-shadow: 1px 1px 0.6px white;
}

/* ----------------------------- */

.ui-autocomplete {
	background-color: white !important;
	color: black !important;
}
.ui-autocomplete a {
	color: black !important;
}
/* .btnGridHeader {
	margin-top: -1px;
} */
.ui-widget-overlay {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}

.ui-jqgrid-htable th {
	border-color: var(--cLightGray) !important;
}

/* .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-hover {
	//border-color: var(--cLightRed);
	background: var(--cBgWidget);
} */

.ui-jqgrid .ui-pg-table .ui-pg-button .ui-pg-button-text ,
.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-hover .ui-pg-button-text {
	padding: 2px 2px 0px 0px !important;
	font-weight: normal;
}

.GSP_container {
	color: white;
}

.sbt_item.ui-state-hover:not(.ui-state-active) .sbt_tabTitle {
	color: white;
}
.ui-jqgrid td.gridCell, .ui-jqgrid td.td_grid_grp {
	border-color: var(--cLightGray) !important;
}

.ui-jqdialog-content td.EditButton {
	padding: 0px;
}
.ui-jqdialog.ui-jqgrid-jquery-ui {
	padding: 0px;
}

/* comboNoDrop oculta la flecha de un combo */
.comboNoDrop {
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.grid_gbox.ui-resizable, .sbPanel.ui-resizable {
	height: auto !important; /* para que funcione callapse; */
}
.editPopup {
	xfont-size: 10.5px;
}