.SiggoIconClass {
    width:60px;
}
.SiggoIconClass img{
    width:24px;
}
.SiggoIconClass .textIcon{
    width:100%;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
}

.spanText{
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	border:1px solid;
}
.divMain{
	background-image: url(../fondo.jpg) !important;
	height:100%;
	width:100%;
}
.txtLogin{
	font-size:20px;
	padding: 5px; 
	margin: 5px;
	border: 1px solid #DDDDDD;
	/*color:#333333;*/
	color:#cccccc;
	/*Applying CSS3 gradient*/
	background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
	background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');

	/*Applying CSS 3radius*/   
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	/*Applying CSS3 box shadow*/
	-moz-box-shadow: 0 0 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;    
}
.txtLogin:hover{
    border:1px solid #cccccc;
    filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
	background: #FFFFFF;
	color: #000000;
}
.txtLogin:focus{
    box-shadow:0 0 2px #FFFE00;
    border: thin #000000 solid;
	background: #FFFFFF;
	color: #000000;
}
.txtLogin:focus:hover {
	border: thin #000000 solid;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	background: #FFFFFF;
	color: #000000;
}

.s-menu-bar{font-size: 14px;font-weight:bolder;text-transform: uppercase;}
.s-menu-bar-title{font-size: 16px;text-transform: uppercase;text-align:'right';}
.s-menu-bar-item{font-size: 15px;text-transform: capitalize;}
.s-menu-bar-normal{font-size: 14px;text-transform: capitalize;}
.icon-siggo {background-image: url(../images/siggo.png) !important;}

.icon-user {
    background-image: url(../images/user.png) !important;
}

.icon-user-add {
    background-image: url(../images/user_add.gif) !important;
}
.icon-calendar {
    background-image: url(../images/calendar.png) !important;
}
.icon-calendar-today {
    background-image: url(../images/calendar_today.png) !important;
}
.icon-save {
    background-image: url(../images/save.gif) !important;
}
.icon-reset {
    background-image: url(../images/stop.png) !important;
}
.icon-grid {
    background-image: url(../images/grid.png) !important;
}
.icon-add {
    background-image: url(../images/add.png) !important;
}
.icon-delete {
    background-image: url(../images/delete.png) !important;
}
.icon-update {
    background-image: url(../images/update.png) !important;
}
.icon-print {
    background-image: url(../images/print.png) !important;
}
.icon-exit {
    background-image: url(../images/exit.gif) !important;
}
.icon-grid {
    background-image: url(../images/grid.png) !important;
}
.icon-find {
    background-image: url(../images/find.png) !important;
}
.icon-find-min {
    background-image: url(../images/find-min.png) !important;
}
.calendar-add {
    background-image: url(../images/calendar_add.png) !important;
}
.icon-accept {
    background-image: url(../images/accept.png) !important;
}
.icon-cancel {
    background-image: url(../images/delete.png) !important;
}
.icon-cancel-original {
    background-image: url(../images/cancel.png) !important;
}
.icon-thunder {
    background-image: url(../images/item.png) !important;
}
.icon-datego {
    background-image: url(../images/date_go.png) !important;
}
.icon-calendar-link {
    background-image: url(../images/calendar_link.png) !important;
}
.icon-folder {
    background-image: url(../images/folder.png) !important;
}
.icon-view {
    background-image: url(../images/view.png) !important;
}
.icon-pencil{background-image: url(../images/pencil.png) !important;}
.icon-app-go{background-image: url(../images/application_go.png) !important;}
.icon-refresh {background-image: url(../images/arrow_refresh.png) !important;}
.icon-edit { background-image: url(../images/building_edit.png) !important;}
.icon-app-key { background-image: url(../images/application_key.png) !important;}
.icon-key-go { background-image: url(../images/key_go.png) !important;}
.icon-page-find { background-image: url(../images/page_find.png) !important;}
.icon-db-table {background-image: url(../images/database_table.png) !important;}
.icon-html { background-image: url(../images/html.png) !important;}
.icon-pdf {   background-image: url(../images/page_white_acrobat.png) !important;}
.icon-xls {   background-image: url(../images/page_white_excel.png) !important;}
.icon-picture-empty{background-image: url(../images/picture_empty.png) !important;}
.icon-monitor{background-image: url(../images/monitor.png) !important;}
.icon-bullet-green {  background-image: url(../images/bullet_green.png) !important;}
.icon-arrow-down {  background-image: url(../images/arrow_down.png) !important;}
.icon-arrow-left { background-image: url(../images/arrow_left.png) !important;}
.icon-arrow-right { background-image: url(../images/arrow_right.png) !important;}
.icon-arrow-undo { background-image: url(../images/arrow_undo.png) !important;}
.icon-arrow-up {    background-image: url(../images/arrow_up.png) !important;}
.icon-building-link {    background-image: url(../images/building_link.png) !important;}
.icon-table {    background-image: url(../images/table.png) !important;}
.icon-chart-bar {    background-image: url(../images/chart_bar.png) !important;}
.icon-chart-line {    background-image: url(../images/chart_line.png) !important;}
.icon-chart-pie {    background-image: url(../images/chart_pie.png) !important;}
.icon-app-side-contract {    background-image: url(../images/application_side_contract.png) !important;}
.icon-app-side-expand {    background-image: url(../images/application_side_expand.png) !important;}
.icon-order-des{	background:url('../images/hmenu-desc.gif') no-repeat right 6px;}
.icon-order-asc{	/*padding-right:16px;*/	background:url('../images/hmenu-asc.gif') no-repeat right 6px;}
.icon-sorter-des{	background-image: url(../images/hmenu-desc.gif) !important;}
.icon-sorter-asc{	background-image: url(../images/hmenu-asc.gif) !important;}
.icon-config{	background-image: url(../images/cog.png) !important;}
.icon-new{	background-image: url(../images/page_add.png) !important;}
.icon-attach{	background-image: url(../images/attach.png) !important;}
.icon-table_save{	background-image: url(../images/table_save.png) !important;}
.icon-info{	background-image: url(../images/information.png) !important;}
.icon-checked {    background-image: url(../images/checked.gif) !important;}
.icon-email-go {    background-image: url(../images/email_go.png) !important;}
.icon-email-open {    background-image: url(../images/email_open.png) !important;}
.icon-email {background-image: url(../images/email.png) !important;}
.icon-aspa{background-image: url(../images/tick.png) !important;}
.icon-tree{background-image: url(../images/text_list_bullets.png) !important;}
.icon-lightning{background-image: url(../images/lightning.png) !important;}
.icon-lightning-go{background-image: url(../images/lightning_go.png) !important;}
.icon-warning {background-image: url(../images/error.png) !important;}
.icon-chat {background-image: url(../images/comments.png) !important;}
.icon-exit-out {background-image: url(../images/door_out.png) !important;}
.icon-change-user {background-image: url(../images/group_go.png) !important;}
.icon-change-pass {background-image: url(../images/lock_edit.png) !important;}
.icon-eye {background-image: url(../images/eye.png) !important;}

.icon-user-chat {background-image: url(../images/user_comment.png) !important;}
.icon-medal-gold {background-image: url(../images/medal_gold_1.png) !important;}
.icon-lock {background-image: url(../images/lock.png) !important;}
.icon-unlock {background-image: url(../images/lock_open.png) !important;}

.icon-help {background-image: url(../images/help.png) !important;}

.icon-sem-red {background-image: url(../images/exclamation.png) !important;}
.icon-sem-yellow {background-image: url(../images/error.png) !important;}
.icon-sem-green {background-image: url(../images/accept.png) !important;}
.icon-sem-ok {background-image: url(../images/tick.png) !important;}

.icon-flag-white {background-image: url(../images/flag_white.png) !important;}
.icon-flag-blue {background-image: url(../images/flag_blue.png) !important;}
.icon-flag-green {background-image: url(../images/flag_green.png) !important;}
.icon-flag-orange {background-image: url(../images/flag_orange.png) !important;}
.icon-flag-pink {background-image: url(../images/flag_pink.png) !important;}
.icon-flag-purple {background-image: url(../images/flag_purple.png) !important;}
.icon-flag-red {background-image: url(../images/flag_red.png) !important;}
.icon-flag-yellow {background-image: url(../images/flag_yellow.png) !important;}
.icon-star {background-image: url(../images/star.png) !important;}
.icon-star-g {background-image: url(../images/star-gray.png) !important;}

.icon-page-stack {background-image: url(../images/page_white_stack.png) !important;}
.icon-page-zip {background-image: url(../images/page_white_zip.png) !important;}
.icon-left { background-image: url(../images/left2.gif) !important;}
.icon-right { background-image: url(../images/right2.gif) !important;}
.icon-app-add { background-image: url(../images/application_form_add.png) !important;}
.icon-app-find { background-image: url(../images/application_form_magnify.png) !important;}

.icon-app-form{background-image: url(../images/application_form.png) !important;}
.icon-page-copy{background-image: url(../images/page_copy.png) !important;}
.icon-clock-black{background-image: url(../images/clock-black.png) !important;}
.icon-clock-play{background-image: url(../images/clock_play.png) !important;}

/**  ICONOS **/
 
.icon-planificacion-cart {background-image: url(../images/sistema/planificacion/cart.png) !important;}
.icon-planificacion-calendar {background-image: url(../images/sistema/planificacion/calendario.png) !important;}
.icon-planificacion-form {background-image: url(../images/sistema/planificacion/form.png) !important;}
* 

/*** Image BIg ***/
.icon-big-import {background-image: url(../images/big/import.png) !important;}
.icon-big-new {background-image: url(../images/big/new.png) !important;}
.icon-big-print {background-image: url(../images/big/print.png) !important;}
.icon-big-refresh {background-image: url(../images/big/refresh.png) !important;}
.icon-big-remove {background-image: url(../images/big/remove.png) !important;}
.icon-big-save {background-image: url(../images/big/save.png) !important;}
.icon-big-search {background-image: url(../images/big/search.png) !important;}
.icon-big-view {background-image: url(../images/big/view.png) !important;}
.icon-big-input {background-image: url(../images/big/input.png) !important;}
.icon-big-output {background-image: url(../images/big/output.png) !important;}

.icon-big-warning {background-image: url(../images/big/warning.png) !important;}
.icon-big-check {background-image: url(../images/big/check.png) !important;}

.icon-big-archivar {background-image: url(../images/big/archivar.png) !important;}
.icon-big-bandeja {background-image: url(../images/big/bandeja.png) !important;}
.icon-big-enviados {background-image: url(../images/big/enviados.png) !important;}
.icon-big-expedientes {background-image: url(../images/big/expedientes.png) !important;}
.icon-big-nuevocorreo {background-image: url(../images/big/nuevocorreo.png) !important;}
.icon-big-recibido {background-image: url(../images/big/recibido.png) !important;}
.icon-big-redactar {background-image: url(../images/big/redactar.png) !important;}
.icon-big-anulados {background-image: url(../images/big/anulados.png) !important;}
.icon-big-add2 {background-image: url(../images/big/add2.png) !important;}


/* ============================================================================================================================
== OVAL THOUGHT BUBBLE (more CSS3)
** ============================================================================================================================ */

.Sogem-divMessage {
	position:relative;
	width:240px;
	padding:10px 0px;
	/*margin:1em auto 80px;*/
	text-align:center;
	/*background:#f3961c; /* default background for browsers without gradient support */
	background:#FFF99C;
	/*border:10px solid #c81e2b; */
	/*border:2px solid #5a8f00; */
	/*color:#fff; */
	/*background:#075698;*
	/* css3 
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	/*
	NOTES:
	-webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
	-webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
	Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
	*/
	-webkit-border-top-left-radius:120px 120px;
	-webkit-border-top-right-radius:120px 120px;
	-webkit-border-bottom-right-radius:120px 120px;
	-webkit-border-bottom-left-radius:120px 120px;
	-moz-border-radius:120px / 120px;
	border-radius:120px / 120px;
}

/*.oval-thought p {font-size:1.25em;}*/

/* creates the larger circle */
.Sogem-divMessage:before {
	content:"";
	position:absolute;
	bottom:-20px;
	left:100px;
	width:20px;
	height:20px;
	/* background:#5a8f00;*/
	background:#FFF99C;
	/* css3 background:#075698;*/
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

/* creates the smaller circle */
.Sogem-divMessage:after {
	content:"";
	position:absolute;
	bottom:-30px;
	left:90px;
	width:10px;
	height:10px;
	/*background:#5a8f00;*/
	background:#FFF99C;
	/* css3 */
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}



#divMessage {
border-radius:4px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */ 
opacity:0.4;
filter:alpha(opacity=40);
/* Otros estilos */
border:1px solid #333;
background:#eee;
width:100%;
padding:5px;
}

.SogemDivPanel {
border-radius:4px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */ 
opacity:0.8;
filter:alpha(opacity=40);
/* Otros estilos */
border:1px solid #333;
background:#CED9E7;
padding:5px;
display:true; 
width: 200px; 
}

.divPanelLinks{
border-radius:4px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */ 
opacity:1;
filter:alpha(opacity=40);
/* Otros estilos */
border:1px solid #333;
background:#FFFFFF;
position: relative;
padding:5px;
display:true; 
overflow-x:scroll; 
width: 190px; 
}

.divPanelEvent {
border-radius:4px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */ 
opacity:1;
filter:alpha(opacity=40);

/* Otros estilos */
border:1px solid #333;
background:#FFFFFF;
padding:5px;
display:true; 
overflow-x:scroll; 
width: 190px; 
height: 120px;
}

#panelInterior{
border-radius:4px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */ 
opacity:1;
filter:alpha(opacity=50);
/* Otros estilos */
border:1px solid #333;
background:#eee;
/*width:100%*/;
padding:5px;
}

.SogemDivPanelMsg {
border-radius:4px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */ 
opacity:0.6;
filter:alpha(opacity=40);
/* Otros estilos */
border:1px solid #333;
background:#ccCCCC;
closable: true;
padding:5px;
display:true; 
width: 163px; 
height: 150px;
}
.Sogem-Icon{
	position:relative;
	text-align:center;
}
.Sogem-Icon .divIcon{
	position:relative;
	text-align:center;
}
.Sogem-Icon .divFirst{
	position:relative;
	top:0;
	left:0;
	font-family: arial;
	font-size:12;
	font-weight:bolder;
	color: white;
	text-align:center;
	z-index:4;
}
.Sogem-Icon .divSecond{
	position:absolute;
	top:3;
	left:5;
	color: black;
	font-family: arial;
	font-size:12;
	font-weight:bolder;
	text-align:center;
	z-index:2;
}
.x-grid-checkheader {
    height: 14px;
    background-image: url('images/unchecked.gif');
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}
.x-grid-checkheader-checked {
    background-image: url('images/checked.gif');
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
	height: 16px;
	width: 16px;
	cursor: pointer;
}

/*** CALENDARIO ***/
.Calendar-divTable{
	display:table;
	height:100%;
	width:100%;
	table-layout:fixed;
}
.Calendar-divTable .divRow{
	display:table-row;height:16%;
}
.Calendar-divTable .divCell-Disabled{
	display:table-cell;border:1px solid;width:14.285%;
	height:16%;
	background: #D8D8D8;
	overflow:auto;
}
.Calendar-divTable .divCell{
	display:table-cell;
	border:1px solid;
	width:14.285%;
	background: white;overflow:none;
}
.Calendar-divTable .divCell-Selected{
	display:table-cell;
	max-height: 100px;
	border:1px solid;
	width:14.285%;
	background: #D6E3F2;
	overflow: auto;
}
.Calendar-divTable .divTask{
	border:1px solid;width:100%;
	background: #FBE983;
	height:18;
	overflow-x:hidden;
}
.Calendar-divTable .divTask:hover{
	cursor: pointer; cursor: hand;
}

/*Titulos en Menu */
.menu-title{
    background: #D6E3F2;
    border-style: solid;
    border-color:#DAE6F4 #99bbe8 #99bbe8 #DAE6F4;
    border-width: 1px;
    margin:-2px -2px 0;
    color:#15428b;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    padding:3px;
}


#img-chooser-dlg .details {
    text-align: center;
}

#img-chooser-dlg .details-info {
    border-top: 1px solid #cccccc;
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}

#img-chooser-dlg .details-info b {
    color: #555555;
    display: block;
    margin-bottom: 4px;
    margin-left: 5px;
}

#img-chooser-dlg .details-info span {
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
}
/* #img-chooser-view */
#img-chooser-view {
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
.img-chooser-view .thumb {text-align: center;padding: 3px;}
.img-chooser-view .thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}

.img-chooser-view .thumb-wrap span {
    display: block;
    /*font-weight:bolder;*/
    overflow: hidden;
    text-align: center;
}
.img-chooser-view .x-view-over {
    /*border:1px solid #dddddd;*/
    background-color: #efefef;
    /*padding: 4px;*/
}

.img-chooser-view .x-item-selected {
    background: #DFEDFF;
    /*border: 1px solid #6593cf;*/
    /*font-weight:bolder;*/
    /*padding: 4px;*/
}

.img-chooser-view .x-item-selected .thumb {
    background:transparent;
}

.img-chooser-view .x-item-selected span {
    color:#1A4D8F;
}

.s-select-td{
	background: white;
	/*border:1px solid black;*/
	/*border-right:0px;*/
	/*border:1px solid #99BBE8;*/
	/*border:1px solid #99BBE8;*/
}
.s-select-td-input{
	/*border:1px solid #99BBE8;*/
	/*#B6B9C9*/
}
.s-select-span{
	/*background-color: rgb(255, 255, 0);*/
	/*display: inline;*/
	/*background: white;*/
	cursor:pointer;
	background-color: rgb(222, 231, 248);
	/*border-left:2px solid rgb(202, 216, 243);
	border-top:2px solid rgb(202, 216, 243);
	border-bottom:2px solid rgb(202, 216, 243);*/
	position:relative;
	border: 1px solid #99BBE8;
	/*border-right:3px;*/
	white-space: nowrap;
	overflow: hidden;
	display:inline-block;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin:1px;
	padding: 1px;
}
.s-select-span .s-select-span-content{
	white-space: nowrap;
	overflow: hidden;
	display:inline-block;
}
.s-select-span .s-select-span-close{
	/*position: absolute;*/
	position: absolute;
	top: 20%;
	right: 0px;
	white-space: nowrap;
	display:inline-block;
	cursor:pointer;
	width: 11px;
	height: 11px;
	text-align:center;
	font-size: 0;
	text-indent: -999px;
	background: white;
	background-image: url('../images/components/select/tab-default-close.gif');
	/*filter: alpha(opacity=80);
	opacity: .8;*/
}


.search-item table{
	font:normal 11px tahoma, arial, helvetica, sans-serif;
	padding:3px 10px 3px 10px;
	border:1px solid #fff;
	border-bottom:1px solid #eeeeee;
	white-space:normal;
	color:#aabbcc;
	cursor: pointer;
	width:100%;
}
.search-item-over{
	color:#hhaabb;
}
.search-item-selected table{
	color:#555;
}
.search-item .title {
	width:70%;
	height:50px;
	font-size:14px;
	font-weight:bolder;
	margin:0 0 5px 5px;
}
.search-item .module {
	text-align:right;
	width:28%;
}
.search-item .description {
	margin:0 0 0px 10px;
	font-style:italic;
}




/* GRID ROWS COLOR */

.red-row .x-grid-cell { 
    background-color: #ffe2e2; 
    color: #900; 
} 

.green-row .x-grid-cell { 
    background-color: #e2ffe2; 
    color: #090; 
}

.blue-row .x-grid-cell { 
    /*background-color: #F3F3FD; */
    color: #009; 
}

.yellow-row .x-grid-cell { 
    background-color: #ffffe2; 
    color: #990; 
} 

/* GRID CELL  COLOR */
.green-cell .x-change-cell {
    background-color: #e2ffe2;
    color:green;
}
.red-cell .x-change-cell {
    background-color: #ffe2e2;
    color:red;
}
