Files
luos/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css
Fabio Guachalla b38daebb94 PMCORE-1584: Case notes must have the option to download the attached files
Correction Download

Show a lot of files

Large Text and Tooltip

Correction

Styles
2020-06-11 13:45:03 -04:00

1686 lines
36 KiB
CSS

/*!
* 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;
}
.ICON_UX {
background-image:url(/images/user-experience-icon.png) !important;
}
.ICON_SYSTEM {
background-image: url("/images/icons_silk/sprites.png") !important;
background-position:0 -10351px !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;
}
/*
toolbar, set 'text-transform: capitalize;' for capitalize (transforms the first character of each word to uppercase)
*/
.x-panel-tbar .x-toolbar-cell{
}
/*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_x_button_des{
/*margin-left:-21px;*/
display:block;
width:16px;
height:20px;
margin-top:2px;
margin-right:3px;
}
.ext-ie ._des {margin-top:0px !important}
.pm_search_x_button_des .x-btn-over .x-btn-mc
{
background:transparent;
}
.pm_search_x_button_des .x-btn-ml,.pm_search_x_button_des .x-btn-mr,
.pm_search_x_button_des .x-btn-tc,.pm_search_x_button_des .x-btn-tl,.pm_search_x_button_des .x-btn-tr,
.pm_search_x_button_des .x-btn-bc,.pm_search_x_button_des .x-btn-bl,.pm_search_x_button_des .x-btn-br
{
display:none !important;
}
.pm_search_x_button_des 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_RETURN {
background-image: url(/images/baseline_arrow_back_black_18dp.png) !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_EVENT{
/*ss_table_gear*/
background-image:url( /images/icons_silk/sprites.png) !important;
background-position:0 -15517px !important;
}
.ICON_CRON {
/*ss_time*/
background-image: url(/images/icons_silk/sprites.png) !important;
background-position: 0 -16939px !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;
}
.ICON_DASHBOARD{
background-image: url(/images/icon-dashboard.png) !important;
width:15px !important;
height:15px !important;
}
.ICON_STRATEGIC_DASHBOARD {
background-image: url(/skins/neoclassic/images/dashboard.png) !important;
width: 15px !important;
height: 15px !important;
}
.ICON_PM_REQUIREMENTS{
/*ss_wrench*/
background-image: url(/images/icons_silk/sprites.png) !important;
background-position:0 -17821px !important
}
.ICON_PHP_INFO{
background-image: url(/images/documents/extension/php.png) !important;
width: 16px !important;
height: 16px !important;
}
.ICON_INFORMATION{
/*ss_information*/
background-image: url(/images/icons_silk/sprites.png) !important;
background-position:0 -8749px !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-headBlock{
background-color: #EEEEEE;
}
.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;
}
/* default-layout */
.x-user-bar {
color:#fff;
font-size:8px;
font-weight: bold;
}
.x-pm-tabmenu {
color: #000 !important;
padding-left: 32px !important;
padding-right: 15px !important;
padding-top: 5px !important;
padding-bottom: 8px !important;
font: 13px "Lucida Grande",Lucida,Verdana,sans-serif !important;
}
.x-pm-home {
background-image:url(/images/homeIcon.png) !important;
}
.x-pm-bpmn {
background-image:url(/images/bpmnIcon.png) !important;
}
.x-pm-designer {
background-image:url(/images/designerIcon.png) !important;
}
.x-pm-setup {
background-image:url(/images/setupIcon.png) !important;
}
.x-pm-profile {
background-image:url(/images/profile-icontab.png) !important;
}
.x-pm-dashboard {
background-image:url(/images/dashboard.png) !important;
}
.x-pm-toolbars {
background-color: #F0F0F0;
background-image: url("/images/ext/gray/toolbar/bg.gif");
border-color: #D0D0D0;
}
.x-pm-logout-icon {
background-image:url(/images/logout.gif);
}
.x-pm-headerbar1 {
background-color: #32405a;
background-image: url("/images/header_bg.jpg");
color: #fff;
padding: 0px;
font: 8pt Tahoma,sans-serif,MiscFixed;
font-size: 12px;
}
.x-pm-headerbar2 {
background-color: #000;
background-image: url("/images/canvastile_bg1.jpg");
color: #fff;
padding: 5px;
font: 8pt Tahoma,sans-serif,MiscFixed;
font-size: 12px;
}
.headerRightSection
{
font: 8pt Tahoma,sans-serif,MiscFixed;
color: #fff;
}
.headerLeftSection
{
font: 8pt Tahoma,sans-serif,MiscFixed;
color: #fff;
}
.headerLeftSideBar a:hover {
color: orange;
}
.headerLeftSideBar a {
font: bold 8pt Tahoma,sans-serif,MiscFixed;
color: #fff;
text-decoration: none;
}
.headerRightSideBar a:hover {
color: orange;
}
a.login {
font: 7pt Tahoma,sans-serif,MiscFixed;
color: #00004e;
text-decoration: none;
}
a.login:hover {
color: blue;
}
.headerRightSideBar a {
font: 15px Tahoma,sans-serif,MiscFixed;
color: #fff;
text-decoration: none;
vertical-align: top;
}
.headerRightSideBar
{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 5px;
color: #fff;
display: table-cell;
vertical-align: top !important;
}
#user-avatar
{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 10px;
color: #fff;
display: table-cell;
vertical-align: top !important;
}
.headerRightSideBar label {
font: 9pt Lucida,Verdana,sans-serif,MiscFixed;
color: #fff;
display: inline-block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
}
.headerLeftSideBar
{
padding-top: 0px;
padding-bottom: 17px;
padding-left: 0px;
padding-right: 5px;
}
.companyLogo
{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
}
.ux-auth-warning {
background:url("../images/ext/default/warning.png") no-repeat center left;
padding: 2px;
padding-left:20px;
font-weight:bold;
}
.ux-auth-header-icon {
background: url("../images/ext/default/locked.png") 0 4px no-repeat !important;
}
/*!
* Ext JS Library 3.3.3
* Copyright(c) 2006-2011 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/
/* StatusBar - structure */
.x-statusbar .x-status-text {
cursor: default;
/*
height: 21px;
line-height: 21px;
padding: 0 4px;
*/
}
.x-statusbar .x-status-busy {
padding-left: 25px !important;
background: transparent no-repeat 3px 2px;
}
.x-toolbar div.xtb-text
.x-statusbar .x-status-text-panel {
border-top: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
padding: 2px 8px 2px 5px;
}
/* StatusBar word processor example styles */
#word-status .x-status-text-panel .spacer {
width: 60px;
font-size:0;
line-height:0;
}
#word-status .x-status-busy {
padding-left: 25px !important;
background: transparent no-repeat 3px 2px;
}
#word-status .x-status-saved {
padding-left: 25px !important;
background: transparent no-repeat 3px 2px;
}
/* StatusBar form validation example styles */
.x-statusbar .x-status-error {
cursor: pointer;
padding-left: 25px !important;
background: transparent no-repeat 3px 2px;
}
.x-statusbar .x-status-valid {
padding-left: 25px !important;
background: transparent no-repeat 3px 2px;
}
.x-status-error-list {
font: 11px tahoma,arial,verdana,sans-serif;
position: absolute;
z-index: 9999;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
padding: 5px 10px;
}
.x-status-error-list li {
cursor: pointer;
list-style: disc;
margin-left: 10px;
}
.x-status-error-list li a {
text-decoration: none;
}
.x-status-error-list li a:hover {
text-decoration: underline;
}
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* StatusBar - visual */
.x-statusbar .x-status-busy {
background-image: url(../images/ext/default/loading.gif);
}
.x-statusbar .x-status-text-panel {
border-color: #99bbe8 #fff #fff #99bbe8;
}
/* StatusBar word processor example styles */
#word-status .x-status-text {
color: #777;
}
#word-status .x-status-busy {
background-image: url(../images/ext/default/saving.gif);
}
#word-status .x-status-saved {
background-image: url(../images/ext/default/saved.png);
}
/* StatusBar form validation example styles */
.x-statusbar .x-status-error {
color: #C33;
background-image: url(../images/ext/default/exclamation.gif);
}
.x-statusbar .x-status-valid {
background-image: url(../images/ext/default/accept.png);
}
.x-status-error-list {
border-color: #C33;
}
.x-status-error-list li a {
color: #15428B;
}
/** Virtual keyboard UX*/
.ux-virtualkeyboard-icon {
background-image:url(../images/ext/default/keyboard.png) ! important;
}
.ux-accented-icon {
background-image:url(../images/ext/default/accented.png) ! important;
}
.x-keyboard .x-toolbar{
border-width: 1px;
}
.x-keyboard .x-panel-body{
padding:5px;
}
.x-keyboard .x-panel-body tbody tr td {
margin:0px;
padding:0px 6px 3px 6px;
}
.x-keyboard .x-panel-body tbody tr td div {
text-align:center;
position:relative;
height:0px;
}
table.keys {
height:20px;
white-space:nowrap;
width:100%;
border-spacing: 0 2px 2px 0;
}
table.keyboardInputCenter {
width:auto;
margin:0 auto;
}
#spacebar{width:150px;}
table.keys tbody tr td {
vertical-align:middle;
text-align: center;
padding:0px 5px;
white-space:pre;
/*font:normal 11px 'Lucida Console',monospace;*/
font: .69em Arial, sans-serif;
border-top:1px solid #99BBE8;
border-right:1px solid #15428B;
border-bottom:1px solid #15428B;
border-left:1px solid #99BBE8;
background-color:#D0DEF0;
cursor:default;
min-width:0.75em;
-moz-user-select: none;
}
table.keys tbody tr td.last {
width:99%;
margin:10px;
}
table.keys tbody tr td.alive {
background-color:#ccccdd;
}
table.keys tbody tr td.target {
background-color:#ddddcc;
}
table.keys tbody tr td.hover {
border-top:1px solid #99BBE8;
border-right:1px solid #15428B;
border-bottom:1px solid #15428B;
border-left:1px solid #99BBE8;
background-color:#99BBE8;
}
table.keys tbody tr td.pressed,
table.keys tbody tr td.dead {
border-top:1px solid #15428B;
border-right:1px solid #99BBE8;
border-bottom:1px solid #99BBE8;
border-left:1px solid #15428B;
background-color:#99BBE8;
}
.keyboardInputInitiator {
margin-left:3px;
vertical-align:middle;
cursor:pointer;
}
/* BPMN Text Rotation */
.rotateText {
font-family: Arial;
font-size: 10pt;
display: table;
text-align: center;
/* for firefox, safari, chrome, etc. */
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);/* For Opera*/
-khtml-transform: rotate(-90deg);/* For Lunix*/
/* for ie */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotateText p {
display: table-cell;
vertical-align: middle;
}
.rotateTextIE {
font-family: Arial;
font-size: 10pt;
display: table;
text-align: center;
writing-mode: tb-rl;
filter: flipv fliph;
}
.normalText{
font-family: Arial;
font-size: 10pt;
display: table;
text-align: center;
}
.normalText p{
display: table-cell;
vertical-align: middle;
}
.normalTopText{
font-family: Arial;
font-size: 10pt;
display: table;
text-align: center;
}
.x-padding-left{
padding-left: 175px;
}
.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; }
.x-text-plain { font-weight: bold; }
#oAuth {
background-color: #fff;
text-shadow: #fff 0 1px 0;
}
#oAuth ul {
position: relative;
display: block;
height: auto;
font-size: 85%;
}
#oAuth ul li img {
margin-bottom: 1px;
}
#oAuth ul li {
float: left;
padding: 10px 10px;
margin: 5px;
/* margin: 10px 0 0 25px;*/
text-align: center;
line-height: 1.25em;
color: #333;
font-family: "Helvetica Neue",sans-serif;
height: 35px;
width: 35px;
overflow: hidden;
border-top: 1px solid transparent;
cursor: pointer;
}
#oAuth ul li.oAuth-hover {
background-color: #eee;
}
#oAuth ul li.x-view-selected {
background-color: rgba(100, 100, 100, .15);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-top: 1px solid rgba(0, 0, 0, .15);
}
#oAuth ul li img {
/* display: block;*/
}
#oAuth li strong {
color: #000;
display: block;
}
#oAuth li span {
color: #999;
}
/* Case Notes styles */
.x-cnotes-source {
border: 1px solid #EDEDED;
background-color: #fff;
cursor: pointer;
}
.x-cnotes-view td {
font-family: verdana,arial,sans-serif;
font-size: 12px;
}
td.x-cnotes-label {
/*background-color: #ddd;*/
border: 1px solid #EDEDED;
font-weight: bold;
text-align: right;
width: 40px;
padding: 0px 3px 0px 0px;
}
.x-cnotes-over {
background-color:#EBEBEB;
cursor: pointer;
}
.x-cnotes-selected {
background-color: #DFE8F6;
cursor: pointer;
}
.user-from {
font-size: 12px;
font-weight: bold;
}
.x-message {
/* top rig top left */
padding: 5px 5px 5px 10px;
font: 11px arial,tahoma,helvetica,sans-serif;
color: #465070;
}
.replace {
display:none;
}
/** new Ext layouts **/
.x-pm-login-body
{
background: none repeat scroll 0 0 #32405a;
background-image: url("/images/canvastile_bg2.jpg");
}
#loading-message
{
padding-left: 10px !important;
color: #fff;
font: bold 10px/1.9 "Lucida Grande",Lucida,Verdana,sans-serif !important;
}
.x-pm-footer
{
background-image: url("/images/canvastile_bg2.jpg");
position: absolute;
bottom : 0;
}
.x-pm-footer-text
{
color: #fff;
font: 8pt Tahoma,sans-serif,MiscFixed;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 3px;
padding-right: 3px;
}
.x-pm-footer-advisetext
{
color: #fff;
font: 6pt Tahoma,sans-serif,MiscFixed;
padding-top: 0px;
padding-bottom: 15px;
padding-left: 3px;
padding-right: 3px;
}
.x-grid3-cell-inner, .x-grid3-hd-inner {
overflow:hidden;
padding:3px 3px 3px 5px;
white-space:normal;
}
.cancelSummary {
color: #333;
background: #fff;
border:1px #ccc solid;
}
.claimCaseSummary {
color: #ffffff;
background-color: #337ab7;
border:1px #2e6da4 solid;
}
.claimCaseSummary .x-btn-text {
color: #fff;
padding: 6px 6px 6px 6px;
height: 28px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.cancelSummary .x-btn-text {
padding: 6px 6px 6px 6px;
height: 25px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.claimCaseSummary td {
color: #ffffff;
background: #337ab7;
border-color: #2e6da4;
}
.claimCaseSummary tbody:hover td {
color: #ffffff;
background: #286090;
border-color: #204d74;
}
.cancelSummary td {
color: #333;
background: #fff;
}
.cancelSummary tbody:hover td {
color: #333333;
background: #e6e6e6;
border-color: #adadad;
}
.cancelSummary .claimCaseSummary {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 12px !important;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navPanelBottom .x-toolbar-cell {
clear: both;
height: 50px;
}
.nav_list li a {
padding: 2px 2px 2px 10px;
overflow: hidden;
text-overflow: ellipsis;
width: 100px;
white-space: nowrap;
display: inline-block;
}