/*! * Ext JS Library 3.2.1 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ /* * FileUploadField component styles */ .x-form-file-wrap { position: relative; height: 22px; } .x-form-file-wrap .x-form-file { position: absolute; right: 0; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; height: 22px; } .x-form-file-wrap .x-form-file-btn { position: absolute; right: 0; z-index: 1; } .x-form-file-wrap .x-form-file-text { position: absolute; left: 0; z-index: 3; color: #777; } .x-locationbar { padding-left: 5px; } .x-locationbar .x-locationbar-location { background-color: white; border-top: 1px solid #96969D; border-bottom: 1px solid #96969D; } .x-locationbar .x-locationbar-location-first { border-left: 1px solid #96969D; } .x-locationbar .x-locationbar-location-last { border-right: 1px solid #96969D; } .x-locationbar-folder-icon { background-image: url("/images/ext/gray/locationbar/location_folder.png") !important; } .x-locationbar-back-icon { background-image: url("/images/ext/gray/locationbar/location_back.png") !important; } .x-locationbar-forward-icon { background-image: url("/images/ext/gray/locationbar/location_forward.png") !important; } .x-locationbar-reload-icon { background-image: url("/images/ext/gray/locationbar/location_reload.png") !important; } .x-locationbar .x-btn-menu-arrow-wrap .x-btn-center button { background:transparent url(/images/ext/gray/locationbar/btn-arrow.gif) no-repeat scroll 0pt 3px; width: 12px; } .x-locationbar .x-btn-menu-active .x-btn-menu-arrow-wrap .x-btn-center button { background-position: 0pt -97px; } .x-locationbar .x-btn-click .x-btn-center, .x-locationbar .x-btn-pressed .x-btn-center, .x-locationbar .x-btn-menu-active .x-btn-center { background:transparent url(/images/ext/gray/locationbar/tb-btn-sprite.gif) repeat-x scroll 0pt -105px; } /*Los botones de EXT solamente s even iguales en los x-form*/ .x-window button.x-btn-text,.x-form-label-right button.x-btn-text,.x-form button.x-btn-text{ color:#333; font-size:10px; font-weight:400; } .x-window .x-btn-small,.x-form-label-right .x-btn-small,.x-form .x-btn-small{ -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); } .x-panel-header-text{ text-shadow:#fff 0px 1px 1px; color:#444; } /*Texto en ExtJS*/ .x-btn-text,.xtb-text{ color:#333; } .x-btn-pressed .x-btn-text{ color:#000; } /*Tabs con ícono en EXT*/ .x-tab-strip span.x-tab-strip-text{ padding:4px 0; font-weight: normal; } .ext-gecko .x-tab-strip span.x-tab-strip-text, .ext-webkit .x-tab-strip span.x-tab-strip-text{ height:12px; } button.x-btn-text:focus,.x-combo-selected{ -moz-outline-style:none; outline:none; } .icon-activate{ background-image: url("/images/activate.png"); } .icon-deactivate{ background-image: url("/images/deactivate.png"); } .icon-debug{ background-image: url("/images/debug.png"); } .icon-debug-disabled{ background-image: url("/images/debug_disabled.png"); } .icon-geometry{ background-image: url("/images/ToolUseGeometry.png"); } /* Cases Styles */ /** * Cases Interface styles */ #details-panel .x-panel-body { padding: 10px; background: #eee; color: #555; } #details-panel a:link, #details-panel a:visited { color: #369; } #details-panel h2 { color: #369; font-size: 15px; } #details-panel p { margin-bottom: 5px; } .x-tree-node-icon{ width:18px !important; background-image:url( /images/icons_silk/sprites.png); height:18px; } .ICON_FOLDERS { /*.ss_folder_explore*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -7777px !important; } .x-tab-strip-text.ICON_FOLDERS{ /*.ss_folder_explore*/ background-position:0 -7776px !important; } .x-tab-strip-inner .x-tab-strip-text.ICON_FOLDERS{ background-position:0 -7775px !important; } .ICON_CASES_FOLDERS { /*background-image: url(/images/icons_silk/cases-inbox.png) !important;*/ } .ICON_CASES_INBOX { /*ss_folder_page*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -7957px !important; } .ICON_CASES_DRAFT { /*ss_pencil*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -12439px !important; } .ICON_CASES_SENT { /*ss_page_white_go*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -11773px !important; } .ICON_CASES_SELFSERVICE { /*ss_arrow_rotate_anticlockwise */ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -955px !important; } .ICON_CASES_PAUSED { /*ss_clock*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0px -4969px !important; } .ICON_CASES_COMPLETED { background-image: url(/images/cases-completed1.png) !important; } .ICON_CASES_CANCELLED { background-image: url(/images/cases-cancelled.png) !important; } .ICON_CASES_FOLDERS { /*ss_report */ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -13213px !important; } .ICON_SEARCHS { background-image: url(/images/cases-search.png) !important; /*ss_find*/ /*background-position:0 -7453px !important;*/ } .ICON_CASES_SEARCH { /*ss_page_find*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -11089px !important; } .ICON_ADMIN { /*ss_user_suit*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -17371px !important; } .ICON_CASES_TO_REVISE { /*ss_page_white_magnify*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -11881px !important; } .ICON_CASES_TO_REASSIGN { /*ss_arrow_rotate_clockwise*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -973px !important; } .ICON_CASES_START_PAGE { /*ss_chart_pie*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -3925px !important; } .ICON_CASES_START_CASE { /*ss_add*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -19px !important; } .ICON_CASES_HOME { /*ss_house*/ background-image:url(/images/icons_silk/sprites.png) !important; background-position:0 -8497px !important; } .ICON_CONSOLIDATED_CASES{ /*ss_consolidated_cases*/ background-image:url(/images/icons_silk/sprites.png) !important; background-position:0 -18500px !important } .ICON_CASES_DELETE { background-image:url(/images/delete-16x16.gif) !important; } .ICON_CASES_CANCEL { background-image:url(/images/deactivate.png) !important; } .ICON_CASES_UNPAUSE { background-image:url(/images/activate.png) !important; } .ICON_CASES_OPEN { background-image:url(/images/edit.gif) !important; } /** * style for case list grid */ .x-grid3-col-openLink { padding: 1px; background: #eee; text-align: center; } .x-grid3-col-openLink a { color: black; border-color:#ff0; } .x-grid3-col-openLink a:hover { background: #0ee; } /*Tables*/ .x-grid3-cell-inner{} .x-grid3-row-table{ padding:0px 0; } .x-grid3-row:nth-child(odd) { background-color:#FFF; } .x-grid3-row:nth-child(even) { background-color:#F6F6F6; } .x-grid3-row.x-grid3-row-over{ background: #E0EAEF; cursor: pointer; } .x-grid3-hd-inner{ font-size:11px; font-weight: bold; color:#333; text-shadow:#fff 0px 1px 1px; } .x-grid3-col-openLink,.x-grid3-col-deleteLink{ background:none; height: 18px; } .x-grid3-col-openLink a:after{ content:''; } .x-grid3-row.x-grid3-row-selected{ background-color:#F6E095; } /*Checkboxes*/ .grid_with_checkbox .x-grid3-header-offset{ padding-left:18px !important; } .grid_with_checkbox .x-grid3-row{ background-image:url(/images/icons_silk/unchecked.png) !important; background-repeat: no-repeat !important; padding-left:18px !important; } .grid_with_checkbox .x-grid3-row.x-grid3-row-selected{ background-image:url(/images/icons_silk/checked.png) !important; background-repeat: no-repeat !important; padding-left:18px !important; } /* Pone en mayúsuclas el texto que se encuentra en el toolbar de arriba */ .x-panel-tbar .x-toolbar-cell{ text-transform: capitalize; } /*TREE*/ #ext-gen38.x-tree-root-ct .x-tree-node{ } #ext-gen38.x-tree-root-ct .x-tree-node-el{ background:#eee; padding-top:4px; padding-bottom:4px; cursor: auto; border-bottom:1px solid #ddd; border-top:1px solid #ddd; } #ext-gen38.x-tree-root-ct .x-tree-node-leaf{ background:#fff; padding-top:0; padding-bottom:0; cursor: pointer; border-bottom:none; border-top:none; } #ext-gen38.x-tree-root-ct .x-tree-node .x-tree-node{ padding-bottom:0; } #ext-gen38.x-tree-root-ct .x-tree-node-over { background:#eee; } #ext-gen38.x-tree-root-ct .x-tree-node-leaf{ padding-left:16px; } /*Eliminamos los restos del tree*/ #ext-gen38.x-tree-root-ct .x-tree-elbow,#ext-gen38.x-tree-root-ct .x-tree-elbow-line,#ext-gen38.x-tree-root-ct .x-tree-elbow-end, #ext-gen38.x-tree-root-ct .x-tree-node-indent img{ background:none; width:0px; } /*Cambiamos el menos y más*/ #ext-gen38.x-tree-root-ct .x-tree-elbow-minus,#ext-gen38.x-tree-root-ct .x-tree-elbow-end-minus{ background-image:url(/images/icons_silk/sprites.png) !important; background-position:0 -2395px !important; } #ext-gen38.x-tree-root-ct .x-tree-elbow-plus,#ext-gen38.x-tree-root-ct .x-tree-elbow-end-plus{ background-image:url(/images/icons_silk/sprites.png) !important; background-position:0 -2359px !important; } /*Item selecciondo en el TREE*/ .x-tree-root-ct .x-tree-selected{ background:#C3D7DF !important; } /*REFRESHER*/ #ext-gen38.x-tree-root-ct .x-tree-node-ct b{ } #refreshNotifiers.x-btn{ } #ext-gen35.x-panel-tbar-noheader{ position:absolute; top:1px; right:1px; height:27px; z-index:1000 !important; width:28px !important; border-bottom:1px #ccc solid; } #ext-gen35.x-panel-tbar-noheader .x-toolbar-layout-ct{ width:28px !important; } #ext-gen35.x-panel-tbar-noheader .x-toolbar-left .x-toolbar-cell.x-locationbar-location{ display:none; /*borra el espacio de la izquierda*/ } /* antes funcionaba. #ext-gen35.x-panel-tbar-noheader .x-toolbar-left{ display:none; }*/ #ext-gen35.x-panel-tbar-noheader .x-toolbar-right{ text-align: left !important; } /*StartCase*/ .x-tab-strip-text.ICON_CASES_START_CASE{ background-position:0px -17px !important; } /*Dashboard*/ .x-tab-strip-text.ICON_CASES_START_PAGE{ background-position:0px -3923px !important; } .row_updated{ /*background:#FFFDEF;*/ font-weight: bold; } /*STARTCASE RIGHT PANEL*/ #process-detail-panel .details{} #process-detail-panel .details .details-info{ padding:10px; } #process-detail-panel .details .details-info table td{ padding:5px; } .icon-expand-all{ /*ss_bullet_toggle_plus*/ background-image:url(/images/icons_silk/sprites.png) !important; background-position:0 -2359px !important; } .icon-collapse-all{ /*ss_bullet_toggle_minus*/ background-image:url(/images/icons_silk/sprites.png) !important; background-position:0 -2395px !important; } #startCaseTreePanel .x-tree-elbow-end-minus, #startCaseTreePanel .x-tree-elbow-end-plus, #startCaseTreePanel .x-tree-elbow-minus, #startCaseTreePanel .x-tree-elbow-plus, #startCaseTreePanel .x-tree-elbow-line, #startCaseTreePanel .x-tree-node-indent{ display:none; } /*Search Button*/ .pm_search_x_button{ /*margin-left:-21px;*/ display:block; width:16px; height:20px; margin-top:1px; margin-right:3px; } .ext-ie .pm_search_x_button {margin-top:0px !important} .pm_search_x_button .x-btn-over .x-btn-mc { background:transparent; } .pm_search_x_button .x-btn-ml,.pm_search_x_button .x-btn-mr, .pm_search_x_button .x-btn-tc,.pm_search_x_button .x-btn-tl,.pm_search_x_button .x-btn-tr, .pm_search_x_button .x-btn-bc,.pm_search_x_button .x-btn-bl,.pm_search_x_button .x-btn-br { display:none !important; } .pm_search_x_button button{ background:url(/images/icons_silk/search_x_button.png) no-repeat; text-indent: -10000px; width:16px !important; height:20px !important; display:block; margin:0; padding:0; } .pm_search_text_field input{ border-right:none !important; } .ext-ie8 .pm_search_text_field input {margin-top:1px !important} .pm_search_text_field input:focus,.pm_search_text_field .x-form-focus{ border:1px solid #c1c1c1 !important; border-right:none !important; } .ICON_STEPS { background-image:url(/images/steps.png) !important; } .ICON_ASSIGN_TASK { background-image:url(/images/flechav1A.png) !important; } /* CSS BPMN */ #x-shapes p { type:none; margin-left:9px; } #x-shapes-task { height: 25; padding: 0px 2px 2px 0px; } #x-shapes-startEvent { height: 25; padding:0px 2px 2px 0px; } #x-shapes-interEvent { height: 25; padding:0px 2px 2px 0px; } #x-shapes-endEvent { height: 25; padding:0px 2px 2px 0px; } #x-shapes-gateways { height: 25; padding:0px 2px 2px 0px; } #x-shapes-dataobject { height: 25; padding:0px 2px 2px 0px; } #x-shapes-group { height: 25; padding:0px 2px 2px 0px; } #x-shapes-annotation { height: 25; padding:0px 2px 2px 0px; } #x-shapes-pool { height: 25; padding:0px 2px 2px 0px; } #x-shapes-lane { height: 25; padding:0px 2px 2px 0px; } #x-shapes-milestone { height: 25; padding:0px 2px 2px 0px; } #x-shapes-sequence { height: 25; padding:0px 2px 2px 0px; } #x-shapes-association { height: 25; padding:0px 2px 2px 0px; } #x-shapes-message { height: 25; padding:0px 2px 2px 0px; } .toolbar-item{ display: table-cell; background-color:#fff; width : 50px !important; height: 25px !important; border: 1px; border-style: solid; border-color: #ccc; font-size: 12px; padding: 1px 1px 1px 1px; -moz-border-radius: 7px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 7px; vertical-align: middle !important; text-align:center; } #x-shapes p:hover { border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #EFEFEF; border-color: #98bf21; } .btn-panel-pmtoolbar{ font-size:11px; font-weight: bold; width: 50; } .icon-users-adhoc{ background-image:url('/images/icon-users.png') !important; } .icon-groups-adhoc{ background-image:url('/images/icon-groups.png') !important; } /* CSS Setup */ .pm-tree-node1 { font: normal 11px Verdana,Arial,Helvetica,sans-serif !important; border: 1px solid #CACACA; height: 20px; width: 99%; color: #666; vertical-align: middle; text-decoration: none; -moz-border-radius:6px; /* Rounded edges in Firefox */ } .ICON_CASES_LIST_SETUP{ background-image: url(/images/icon-pmcaseslist-conf.png) !important; width:15px !important; height:15px !important; } .ICON_APPCACHEVIEW_SETUP{ background-image: url(/images/icon-pmappcacheview-rebuild.png) !important; width:15px !important; height:15px !important; } .ICON_CASES_NOTES { /*ss_comment*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -4501px !important } .ICON_ADDITIONAL_TABLES{ /*ss_database_table*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -5815px !important; } .ICON_PM_TABLES{ /*ss_database_table*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -5815px !important; } .ICON_LANGUAGES{ /*ss_text_dropcaps*/ background-image: url(/images/icon-languages.png) !important; width:18px !important; height:15px !important; } .ICON_PLUGINS{ /*ss_plugin*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -12961px !important; } .ICON_UPGRADE{ /*ss_package_go*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -10873px !important; } .ICON_EMAILS{ /*ss_email_edit*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -6715px !important; } .ICON_WEBSERVICES{ /*ss_server_connect*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -14095px !important; } .ICON_SKINS{ background-image: url(/images/icon-pmskins.png) !important; width:15px !important; height:15px !important; } .ICON_LOGO{ background-image: url(/images/icon-pmlogo-15x15.png) !important; width:15px !important; height:15px !important; } .ICON_CLEAR_CACHE{ background-image: url(/images/icon-pmclear-cache.png) !important; width:15px !important; height:15px !important; } .ICON_CALENDAR{ /*ss_calendar*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -2899px !important; } .ICON_LOG_CASE_SCHEDULER{ /*ss_timeline_marker*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -17011px !important; } .ICON_PROCESS_CATEGORY{ /*ss_sitemap_color*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -14833px !important; } .ICON_LOGIN{ /*ss_key*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -8929px !important; } /* Language Support module styles*/ .upload-icon { background: url('/images/cases-documents.png') no-repeat 0 0 !important; } #fi-button-msg { border: 2px solid #ccc; padding: 5px 10px; background: #eee; margin: 5px; float: left; } .ICON_HEARTBEAT{ /*ss_heart*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -8335px !important; } .ICON_USERS{ /*ss_user*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -17173px !important; height:11px; } .ICON_ROLES{ /*ss_application_key*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -325px !important; } .ICON_GROUPS{ /*ss_group*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -8173px !important; height:11px; } .ICON_DEPARTAMENTS{ /*ss_chart_organisation*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -3871px !important; } .ICON_AUTHSOURCES{ /*ss_key*/ background-image:url( /images/icons_silk/sprites.png) !important; background-position:0 -8929px !important; } .x-grid-empty{ text-align: center; position: absolute; top: 40%; left: 40%; font-size: 15px; color:black filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .55; -moz-opacity: .55; } /** * --Row Editor UX Lib CSS-- */ .ext-ie .x-row-editor .x-form-text { margin:0 !important; } .x-row-editor-header { height:2px; overflow:hidden; background: transparent url(../images/ext/default/row-editor-bg.gif) repeat-x 0 0; } .x-row-editor-footer { height:2px; overflow:hidden; background: transparent url(../images/ext/default/row-editor-bg.gif) repeat-x 0 -2px; } .ext-ie .x-row-editor-footer { margin-top:-1px; } .x-row-editor-body { overflow:hidden; zoom:1; background: #ebf2fb; padding-top:2px; } .x-row-editor .x-btns { position:absolute; top:28px; left:20px; padding-left:5px; background: transparent url(../images/ext/default/row-editor-btns.gif) no-repeat 0 0; } .x-row-editor .x-btns .x-plain-bwrap { padding-right:5px; background: transparent url(../images/ext/default/row-editor-btns.gif) no-repeat right -31px; } .x-row-editor .x-btns .x-plain-body { background: transparent url(../images/ext/default/row-editor-btns.gif) repeat-x 0 -62px; height:31px; } .x-row-editor .x-btns .x-table-layout-cell { padding:3px; } /* Fixes for IE6/7 trigger fields */ .ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger { top: 1px; } .ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap { margin-top: -1px; } .errorTip .x-tip-body ul{ list-style-type:disc; margin-left:15px; } .note-item { font:normal 11px tahoma, arial, helvetica, sans-serif; padding:3px 3px 3px 3px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; } .note-item h3 { display:block; font:inherit; font-weight:bold; color:#222; } .note-item h3 span { float: right; font-weight:normal; margin:0 0 5px 5px; width:50px; display:block; clear:none; } .x-pm-startcase-btn { background-image:url(/images/start.png) !important; color: #000 !important; padding-left: 25px !important; padding-right: 2px !important; padding-top: 5px !important; padding-bottom: 8px !important; font: 12px "Lucida Grande",Lucida,Verdana,sans-serif !important; } .x-pm-notes-btn { background-image:url(/images/notes.png) !important; color: #000 !important; padding-left: 2px !important; padding-right: 2px !important; padding-top: 30px !important; padding-bottom: 5px !important; font: 12px "Lucida Grande",Lucida,Verdana,sans-serif !important; } .x-toolbar1 .x-btn-tl { background-position: 0 0; } .x-toolbar1 .x-btn-tr { background-position: -3px 0; } .x-toolbar1 .x-btn-tc { background-position: 0 -6px; } .x-toolbar1 .x-btn-ml { background-position: 0 -24px; } .x-toolbar1 .x-btn-mr { background-position: -3px -24px; } .x-toolbar1 .x-btn-mc { background-position: 0 -1096px; } .x-toolbar1 .x-btn-bl { background-position: 0 -3px; } .x-toolbar1 .x-btn-br { background-position: -3px -3px; } .x-toolbar1 .x-btn-bc { background-position: 0 -15px; }