.validation_error_cube { stroke: rgba(237, 28, 36, 1); stroke-width: 2px; }
.validation_warning_cube { stroke: rgba(255, 153, 85, 1); stroke-width: 2px; }
.validation_ok_cube { stroke: rgba(0, 127, 0, 1); stroke-width: 2px; }

#vodacanvas { width: 100%; height: 570px !important; overflow: auto; }
#vodacanvas > svg { position: relative !important; }
#vodaproperties { max-height: 360px; overflow-y: auto; }
.graph_preview { min-height: 200px; }
.graph_properties { font-size: .9em; }
.graph_properties  div { font-size: .9em !important; }

.canvas-buttons > a { color: #777777; }
.no-bottom { margin-bottom: -24px; }
.no-bottom > div { margin-bottom: 0 !important; padding-bottom: 0 !important;}

.draw2d-main-window { position: relative; }
.draw2d-main-window .draw2d-cubes-types,
.draw2d-main-window .draw2d-graph-preview,
.draw2d-main-window .draw2d-cube-properties { position: absolute; /*top: 37px;*/ max-height: 300px !important; display: block; z-index: 10; width: 250px; }

.draw2d-main-window .draw2d-cubes-types { left: 15px; }
.draw2d-main-window .draw2d-graph-preview { right: 15px; }
.draw2d-main-window .draw2d-cube-properties { right: 15px; top: 337px; }

.process-drafts-table tr:hover { cursor: pointer; }

.draw2d-compact-menu { width: 50px !important; }
.draw2d-compact-menu .widget-caption { display: none; }
.draw2d-compact-menu .accordion-toggle .cube_type_group_name { visibility: hidden; }
.draw2d-compact-menu .accordion-toggle .cube_types_count { visibility: hidden;  }
.draw2d-compact-menu .accordion-toggle .cube_label { visibility: hidden; }

.cube_select { width: 100%; }
.cube_select option { width: 100%; }
textarea.cube_input { resize: vertical; width: 100%; }

.vodagraph_cube { display: inline-block; width: 75px; height: 80px; text-align: center; vertical-align: top; }
.vodagraph_cube.vodagraph_cube_type_3 { width: 70px; }
.vodagraph_label { font-size: .8em; font-weight: 300; text-align: center; display: block;  }
.vodagraph_icon { margin: 0; padding: 0; display: inherit; width: 75px; height: 50px; overflow: hidden; background: transparent url('/img/VODA_graph_icons.png') 0 0 no-repeat; }
.vodagraph_icon.vodagraph_shape_Message { background-position: 0 0; }
.vodagraph_icon.vodagraph_shape_Filter { background-position: 0 -50px; }
.vodagraph_icon.vodagraph_shape_Form { background-position: 0 -100px; }
.vodagraph_icon.vodagraph_shape_Or { width: 50px; height: 50px; background-position: 0 -251px; }
.vodagraph_icon.vodagraph_shape_If { width: 50px; height: 50px; background-position: -50px -251px; }
.vodagraph_icon.vodagraph_shape_Stop { width: 50px; height: 50px; background-position: -50px -200px; }
.vodagraph_icon.vodagraph_shape_Timer { width: 50px; height: 50px; background-position: 0 -150px; }
.vodagraph_icon.vodagraph_shape_StartUser { width: 50px; height: 50px; background-position: 0 -201px; }
.vodagraph_icon.vodagraph_shape_StartTimer { width: 50px; height: 50px; background-position: 0 -150px; }
.vodagraph_icon.vodagraph_shape_StartForm { width: 50px; height: 50px; background-position: -51px -150px; }
.vodagraph_icon.vodagraph_shape_SubProcess { background-position: 0 -300px; }
.vodagraph_icon.vodagraph_shape_SetValue { background-position: 0 -401px; }
.vodagraph_icon.vodagraph_shape_SetRole { background-position: 0 -351px; }

.variables { border-top-width: 1px !important; }
#cube_message_content { border: 1px solid #d5d5d5; padding: 6px 12px; width: 100%; min-height: 75px; max-height: 300px; overflow-y: auto; height: auto; outline: none; }
div.editable { border: 1px solid #d5d5d5; padding: 6px; width: 100%; min-height: 50px; max-height: 150px; overflow-y: auto; height: auto; outline: none; border-radius: 0; }

.typeahead { position: fixed !important; z-index: 99999; }

.creaholics-autocomplete { position: absolute; background-color: #fff; z-index: 99999; padding: 2px; border: 1px solid #d5d5d5; }
.creaholics-autocomplete .creaholics-autocomplete-select ul li span { background-color: rgba(255, 247, 153, .3); }
.creaholics-autocomplete .creaholics-autocomplete-select ul li.selected { background-color: #eeeeee; }
.creaholics-autocomplete .creaholics-autocomplete-select ul li.hide { display: none; }
.creaholics-autocomplete .creaholics-autocomplete-select {  }
.creaholics-autocomplete .creaholics-autocomplete-select ul { padding: 0; margin: 4px 0 0; }
.creaholics-autocomplete .creaholics-autocomplete-select ul li { list-style: none; display: block; padding: 1px 3px; background-color: #ffffff; }

.autosuggest-box ul { margin: 0; padding: 0; }

.eV .oj { border: 1px solid #d5d5d5; border-radius: 0; font-size: 11px; height: 24px; line-height: 1.5em; padding: 2px 10px; }
.eV .V0 {  color: #000; resize: none; padding: 6px 3px; overflow: hidden; text-align: left; }
.V0 { border: 0!important; margin: 0!important; padding: 0!important; outline: none; background: rgba(255, 255, 255, 0);  }

.cube_message_modal .select2-container { width: 100%!important; }
.cube_message_modal .select2-selection { border-radius: 0; border-color: #d5d5d5!important; min-height: 16px; }
.cube_message_modal .select2-search { min-height: 16px; }
.cube_message_modal .select2-search input { min-height: 16px; }
.cube_message_modal .select2-container--default .select2-selection__choice { border-radius: 0; padding: 0px 8px 3px 8px; }
.cube_message_modal .select2-container--default .select2-selection__choice span { padding: 0 4px 0 0;  }

.graph_properties .select2-container,
.draw2d-main-window .modal .select2-container { width: 100%!important; }
.graph_properties .select2-selection,
.draw2d-main-window .modal .select2-selection { border-radius: 0; border-color: #d5d5d5!important; min-height: 16px; }
.graph_properties .select2-search,
.draw2d-main-window .modal .select2-search { min-height: 16px; }
.graph_properties .select2-search input,
.draw2d-main-window .modal .select2-search input { min-height: 16px; }
.graph_properties .select2-container--default .select2-selection__choice,
.draw2d-main-window .modal .select2-container--default .select2-selection__choice { border-radius: 0; padding: 0px 8px 3px 8px; }
.graph_properties .select2-container--default .select2-selection__choice span,
.draw2d-main-window .modal .select2-container--default .select2-selection__choice span { padding: 0 4px 0 0;  }


.process-validate-process-map .alert { font-size: 11px; }
.process-validate-process-map .alert .close { font-size: 13px; }
.process-validate-process-map #validation-errors, .process-validate-process-map #validation-warnings, .process-validate-process-map #validation-ok { min-height: 200px; }

.page-header .header-buttons .draw2d { position: relative; z-index: 150; }
.page-header .header-buttons .draw2d a { position: relative; vertical-align: middle; display: inline-block; z-index: 1029;  height: 49px; min-width: 36px; margin-right: 5px; padding: 13px 10px; color: #dfdfdf; -webkit-transition: all 0.218s ease; -moz-transition: all 0.218s ease; -o-transition: all 0.218s ease; transition: all 0.218s ease; float: right; }
.page-header .header-buttons .draw2d a.scope-tools-select-button,
.page-header .header-buttons .draw2d a.scope-tools-select-button:hover { color: #fb6e52; }
.page-header .header-buttons .draw2d a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  right: 0;
  height: 4px;
  max-height: 4px;
  overflow: hidden;
  background-color: #2dc3e8;
}
.page-header .header-buttons .draw2d a:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  color: #2dc3e8;
}
.page-header .header-buttons .draw2d a.active {
  color: #2dc3e8;
}
.page-header .header-buttons .draw2d a i {
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
  line-height: 27px;
}
.page-header .header-buttons .draw2d a:before { background-color: #2dc3e8; }
.page-header .header-buttons a:hover,
.page-header .header-buttons a.active { color: #2dc3e8; }

.draw2d-main-window .select2-container .select2-results ul li:empty { padding: 0 !important; height: 0!important; }
.draw2d-main-window .select2-container .select2-results ul > :first-child { padding: 0 !important; height: 0!important; }

.graphs_index .row > div { margin-bottom: 20px; }

/*.select2-container { z-index: 1051 !important;  }*/

.tickets-container .tickets-list .ticket-item .ticket-user, 
.tickets-container .tickets-list .ticket-item .ticket-time, 
.tickets-container .tickets-list .ticket-item .ticket-type  { line-height: 10px; height: 30px; }
.tickets-container .tickets-list .ticket-item .ticket-state { top: 3px; }

.graph-dashboard { margin-bottom: 20px; }

.tickets-container .tickets-list .ticket-item .ticket-options .btn.btn-success { height: 21px; padding: 2px 5px; width: 21px; margin-top: 5px; }

.task-container .tasks-list .task-item .task-creator { top: 110px; }
.task-container .tasks-list .task-item .task-state .label { width: 20em; }

.task-container .tasks-list.dashboard-run .task-item { height: 100px; }
.task-container .tasks-list.dashboard-run .task-item .task-body { left: auto; right: 20px; padding-right: 0; }
.task-container .tasks-list.dashboard-my .task-item .task-creator { left: auto; right: 20px; padding-right: 0; top: 100px; }
.task-container .tasks-list.dashboard-my .task-item .task-creator .btn.btn-palegreen { color: #fff; }
.task-container .tasks-list.dashboard-my .task-item .task-creator .btn { color: #444; }