/*
 Author:       Calipso
 Description:  CSS para version desktop.
 Version:      3.0.5
*/


/*GANTTER*/
.gridHoverStyle,.gridSelection,.timelineSelection{background-color:#fff3a1}.gantt_grid_scale .gantt_grid_head_cell{color:#a6a6a6;border-top:none!important;border-right:none!important}.gantt_grid_data .gantt_cell{border-right:none;color:#454545}.gantt_task_link .gantt_link_arrow_right{border-width:6px;margin-top:-3px}.gantt_task_link .gantt_link_arrow_left{border-width:6px;margin-left:-6px;margin-top:-3px}.gantt_task_link .gantt_link_arrow_down,.gantt_task_link .gantt_link_arrow_up{border-width:6px}.gantt_task_line .gantt_task_progress_drag{bottom:-4px;height:10px;margin-left:-8px;width:16px}.chartHeaderBg{background-color:#fff}.gantt_task .gantt_task_scale .gantt_scale_cell{color:#a6a6a6;border-right:1px solid #ebebeb}.gantt_row.gantt_project,.gantt_row.odd.gantt_project{background-color:#edffef}.gantt_task_row.gantt_project,.gantt_task_row.odd.gantt_project{background-color:#f5fff6}.gantt_task_line.gantt_project{background-color:#65c16f;border:1px solid #3c9445}.gantt_task_line.gantt_project .gantt_task_progress{background-color:#46ad51}.buttonBg{background:#fff}.gantt_cal_light .gantt_btn_set{margin:5px 10px}.gantt_btn_set.gantt_cancel_btn_set{background:#fff;color:#454545;border:1px solid #cecece}.gantt_btn_set.gantt_save_btn_set{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff}.gantt_btn_set.gantt_delete_btn_set{text-shadow:0 -1px 0 #6f6f6f;background:#ec8e00;text-shadow:0 -1px 0 #a60;color:#fff}.gantt_cal_light_wide{padding-left:0!important;padding-right:0!important}.gantt_cal_light_wide .gantt_cal_larea{border-left:none!important;border-right:none!important}.gantt_popup_button.gantt_ok_button{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff;font-weight:700;border-width:0}.gantt_popup_button.gantt_cancel_button{font-weight:700;color:#454544}.gantt_popup_title{background-color:#fff}.gantt_popup_shadow{box-shadow:3px 3px 3px rgba(0,0,0,.07)}.gantt_qi_big_icon.icon_edit{color:#454545;background:#fff}.gantt_qi_big_icon.icon_delete{text-shadow:0 -1px 0 #a60;background:#ec8e00;color:#fff;border-width:0}.gantt_tooltip{box-shadow:3px 3px 3px rgba(0,0,0,.07);border-left:1px solid rgba(0,0,0,.07);border-top:1px solid rgba(0,0,0,.07);font-size:8pt;color:#454545}.gantt_container,.gantt_tooltip{background-color:#fff;font-family:Arial}.gantt_container{font-size:13px;border:1px solid #cecece;position:relative;white-space:nowrap;overflow-x:hidden;overflow-y:hidden}.gantt_task_scroll{overflow-x:scroll}.gantt_grid,.gantt_task{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;vertical-align:top}.gantt_grid_scale,.gantt_task_scale{color:#6b6b6b;font-size:12px;border-bottom:1px solid #cecece;box-sizing:border-box}.gantt_grid_scale,.gantt_task_scale,.gantt_task_vscroll{background-color:#fff}.gantt_scale_line{box-sizing:border-box;-moz-box-sizing:border-box;border-top:1px solid #cecece}.gantt_scale_line:first-child{border-top:none}.gantt_grid_head_cell{display:inline-block;vertical-align:top;border-right:1px solid #cecece;text-align:center;position:relative;cursor:default;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;line-height:33px;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;overflow:hidden}.gantt_scale_line{clear:both}.gantt_grid_data{width:100%;overflow:hidden;position:relative}.gantt_row{position:relative;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:-moz-none}.gantt_add,.gantt_grid_head_add{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;cursor:pointer;position:relative;-moz-opacity:.3;opacity:.3}.gantt_grid_head_cell.gantt_grid_head_add{-moz-opacity:.6;opacity:.6;top:0}.gantt_grid_head_cell.gantt_grid_head_add:hover{-moz-opacity:1;opacity:1}.gantt_grid_data .gantt_row.odd:hover,.gantt_grid_data .gantt_row:hover{background-color:#fff3a1}.gantt_grid_data .gantt_row.odd:hover .gantt_add,.gantt_grid_data .gantt_row:hover .gantt_add{-moz-opacity:1;opacity:1}.gantt_row,.gantt_task_row{border-bottom:1px solid #ebebeb;background-color:#fff}.gantt_row.odd,.gantt_task_row.odd{background-color:#fff}.gantt_cell,.gantt_grid_head_cell,.gantt_row,.gantt_scale_cell,.gantt_task_cell,.gantt_task_row{box-sizing:border-box;-moz-box-sizing:border-box}.gantt_grid_head_cell,.gantt_scale_cell{line-height:inherit}.gantt_grid_scale .gantt_grid_column_resize_wrap{cursor:col-resize;position:absolute;width:13px;margin-left:-7px}.gantt_grid_column_resize_wrap .gantt_grid_column_resize{background-color:#cecece;height:100%;width:1px;margin:0 auto}.gantt_drag_marker.gantt_grid_resize_area{background-color:hsla(0,0%,91%,.5);border-left:1px solid #cecece;border-right:1px solid #cecece;height:100%;width:100%;box-sizing:border-box}.gantt_cell{display:inline-block;vertical-align:top;border-right:1px solid #ebebeb;padding-left:6px;padding-right:6px;height:100%;overflow:hidden;white-space:nowrap;font-size:13px}.gantt_grid_data .gantt_last_cell,.gantt_grid_scale .gantt_last_cell,.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell,.gantt_task_bg .gantt_last_cell{border-right-width:0}.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell{border-right-width:1px}.gantt_task_bg{overflow:hidden}.gantt_scale_cell{display:inline-block;white-space:nowrap;overflow:hidden;border-right:1px solid #cecece;text-align:center;height:100%}.gantt_task_cell{display:inline-block;height:100%;border-right:1px solid #ebebeb}.gantt_layout_cell.gantt_ver_scroll{width:0;background-color:transparent;height:1px;overflow-x:hidden;overflow-y:scroll;position:absolute;right:0;z-index:1}.gantt_ver_scroll>div{width:1px;height:1px}.gantt_hor_scroll{height:0;background-color:transparent;width:100%;clear:both;overflow-x:scroll;overflow-y:hidden}.gantt_layout_cell .gantt_hor_scroll{position:absolute}.gantt_hor_scroll>div{width:5000px;height:1px}.gantt_tree_indent{width:15px;height:100%;display:inline-block}.gantt_tree_content,.gantt_tree_icon{vertical-align:top}.gantt_tree_icon{width:28px;background-repeat:no-repeat;background-position:50%}.gantt_tree_content,.gantt_tree_icon{height:100%;display:inline-block}.gantt_tree_icon.gantt_open{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC);width:18px;cursor:pointer}.gantt_tree_icon.gantt_close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==);width:18px;cursor:pointer}.gantt_tree_icon.gantt_blank{width:18px}.gantt_tree_icon.gantt_folder_open{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=)}.gantt_tree_icon.gantt_folder_closed{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==)}.gantt_tree_icon.gantt_file{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC)}.gantt_grid_head_cell .gantt_sort{position:absolute;right:5px;top:8px;width:7px;height:13px;background-repeat:no-repeat;background-position:50%}.gantt_grid_head_cell .gantt_sort.gantt_asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC)}.gantt_grid_head_cell .gantt_sort.gantt_desc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC)}.gantt_inserted,.gantt_updated{font-weight:700}.gantt_deleted{text-decoration:line-through}.gantt_invalid{background-color:#ffe0e0}.gantt_error{color:red}.gantt_status{right:1px;padding:5px 10px;background:hsla(0,0%,61%,.1);position:absolute;top:1px;transition:opacity .2s;opacity:0}.gantt_status.gantt_status_visible{opacity:1}#gantt_ajax_dots span{transition:opacity .2s;background-repeat:no-repeat;opacity:0}#gantt_ajax_dots span.gantt_dot_visible{opacity:1}.gantt_message_area{position:fixed;right:5px;width:250px;z-index:1000}.gantt-info{min-width:120px;padding:4px 4px 4px 20px;font-family:Arial;z-index:10000;margin:5px;margin-bottom:10px;transition:all .5s ease}.gantt-info.hidden{height:0;padding:0;border-width:0;margin:0;overflow:hidden}.gantt_modal_box{overflow:hidden;display:inline-block;min-width:250px;width:250px;text-align:center;position:fixed;z-index:20000;box-shadow:3px 3px 3px rgba(0,0,0,.07);font-family:Arial;border-radius:6px;border:1px solid #cecece;background:#fff}.gantt_popup_title{border-top-left-radius:6px;border-top-right-radius:6px;border-width:0}.gantt_button,.gantt_popup_button{border:1px solid #cecece;height:30px;line-height:30px;display:inline-block;margin:0 5px;border-radius:4px;background:#fff}.gantt-info,.gantt_button,.gantt_popup_button{user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;cursor:pointer}.gantt_popup_text{overflow:hidden}.gantt_popup_controls{border-radius:6px;padding:10px}.gantt_popup_button{min-width:100px}div.dhx_modal_cover{background-color:#000;cursor:default;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);opacity:.2;position:fixed;z-index:19999;left:0;top:0;width:100%;height:100%;border:none;zoom:1}.gantt-info img,.gantt_modal_box img{float:left;margin-right:20px}.gantt-alert-error,.gantt-confirm-error{border:1px solid red}.gantt_button input,.gantt_popup_button div{border-radius:4px;font-size:14px;box-sizing:content-box;padding:0;margin:0;vertical-align:top}.gantt_popup_title{border-bottom:1px solid #cecece;height:40px;line-height:40px;font-size:20px}.gantt_popup_text{margin:15px 15px 5px;font-size:14px;color:#000;min-height:30px;border-radius:6px}.gantt-error,.gantt-info{font-size:14px;color:#000;box-shadow:3px 3px 3px rgba(0,0,0,.07);padding:0;background-color:#fff;border-radius:3px;border:1px solid #fff}.gantt-info div{padding:5px 10px;background-color:#fff;border-radius:3px;border:1px solid #cecece}.gantt-error{background-color:#d81b1b;border:1px solid #ff3c3c}.gantt-error div{background-color:#d81b1b;border:1px solid #940000;color:#fff}.gantt-warning{background-color:#ff9000;border:1px solid #ffa633}.gantt-warning div{background-color:#ff9000;border:1px solid #b36500;color:#fff}.gantt_data_area div,.gantt_grid div{-ms-touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.gantt_data_area{position:relative;overflow-x:hidden;overflow-y:hidden;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.gantt_links_area{position:absolute;left:0;top:0}.gantt_side_content,.gantt_task_content,.gantt_task_progress{line-height:inherit;overflow:hidden;height:100%}.gantt_task_content{font-size:12px;color:#fff;width:100%;top:0;cursor:pointer;position:absolute;white-space:nowrap;text-align:center}.gantt_task_progress{text-align:center;z-index:0;background:#299cb4}.gantt_task_progress_wrapper{border-radius:inherit;position:relative;width:100%;height:100%;overflow:hidden}.gantt_task_line{border-radius:2px;position:absolute;box-sizing:border-box;background-color:#3db9d3;border:1px solid #2898b0;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:-moz-none}.gantt_task_line.gantt_drag_move div{cursor:move}.gantt_touch_move,.gantt_touch_progress .gantt_touch_resize{transform:scale(1.02,1.1);transform-origin:50%}.gantt_touch_progress .gantt_task_progress_drag,.gantt_touch_resize .gantt_task_drag{transform:scaleY(1.3);transform-origin:50%}.gantt_side_content{position:absolute;white-space:nowrap;color:#6e6e6e;top:0;font-size:11px}.gantt_side_content.gantt_left{right:100%;padding-right:20px}.gantt_side_content.gantt_right{left:100%;padding-left:20px}.gantt_side_content.gantt_link_crossing{bottom:8.75px;top:auto}.gantt_link_arrow,.gantt_task_link .gantt_line_wrapper{position:absolute;cursor:pointer}.gantt_line_wrapper div{background-color:#ffa011}.gantt_task_link:hover .gantt_line_wrapper div{box-shadow:0 0 5px 0 #ffa011}.gantt_task_link div.gantt_link_arrow{background-color:transparent;border-style:solid;width:0;height:0}.gantt_link_control{position:absolute;width:20px;top:0}.gantt_link_control div{display:none;cursor:pointer;box-sizing:border-box;position:relative;top:50%;margin-top:-7.5px;vertical-align:middle;border:1px solid #929292;border-radius:6.5px;height:13px;width:13px;background-color:#f0f0f0}.gantt_link_control.task_right div.gantt_link_point{margin-left:7px}.gantt_link_control div:hover{background-color:#fff}.gantt_link_control.task_left{left:-20px}.gantt_link_control.task_right{right:-20px}.gantt_link_target .gantt_link_control div,.gantt_task_line.gantt_drag_move .gantt_link_control div,.gantt_task_line.gantt_drag_move .gantt_task_drag,.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,.gantt_task_line.gantt_drag_progress .gantt_link_control div,.gantt_task_line.gantt_drag_progress .gantt_task_drag,.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,.gantt_task_line.gantt_drag_resize .gantt_link_control div,.gantt_task_line.gantt_drag_resize .gantt_task_drag,.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,.gantt_task_line.gantt_selected .gantt_link_control div,.gantt_task_line.gantt_selected .gantt_task_drag,.gantt_task_line.gantt_selected .gantt_task_progress_drag,.gantt_task_line:hover .gantt_link_control div,.gantt_task_line:hover .gantt_task_drag,.gantt_task_line:hover .gantt_task_progress_drag{display:block}.gantt_link_source,.gantt_link_target{box-shadow:0 0 3px #3db9d3}.gantt_link_target.link_finish_allow,.gantt_link_target.link_start_allow{box-shadow:0 0 3px #ffbf5e}.gantt_link_target.link_finish_deny,.gantt_link_target.link_start_deny{box-shadow:0 0 3px #e87e7b}.link_finish_allow .gantt_link_control.task_end_date div,.link_start_allow .gantt_link_control.task_start_date div{background-color:#ffbf5e;border-color:#ffa011}.link_finish_deny .gantt_link_control.task_end_date div,.link_start_deny .gantt_link_control.task_start_date div{background-color:#e87e7b;border-color:#dd3e3a}.gantt_link_arrow_right{border-width:4px 0 4px 6px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;border-left-color:#ffa011;margin-top:-1px}.gantt_link_arrow_left{border-width:4px 6px 4px 0;margin-top:-1px;border-top-color:transparent!important;border-right-color:#ffa011;border-bottom-color:transparent!important;border-left-color:transparent!important}.gantt_link_arrow_up{border-width:0 4px 6px;border-color:transparent transparent #ffa011;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:#ffa011;border-left-color:transparent!important}.gantt_link_arrow_down{border-width:4px 6px 0 4px;border-top-color:#ffa011;border-right-color:transparent!important;border-bottom-color:transparent!important;border-left-color:transparent!important}.gantt_task_drag,.gantt_task_progress_drag{cursor:ew-resize;display:none;position:absolute}.gantt_task_drag.task_right{cursor:e-resize}.gantt_task_drag.task_left{cursor:w-resize}.gantt_task_drag{height:100%;width:8px;z-index:1;top:-1px}.gantt_task_drag.task_left{left:-7px}.gantt_task_drag.task_right{right:-7px}.gantt_task_progress_drag{height:8px;width:8px;bottom:-4px;margin-left:-4px;background-position:bottom;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);background-repeat:no-repeat;z-index:1}.gantt_task_progress_drag:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=)}.gantt_link_tooltip{box-shadow:3px 3px 3px #888;background-color:#fff;border-left:1px dotted #cecece;border-top:1px dotted #cecece;font-family:Tahoma;font-size:8pt;color:#444;padding:6px;line-height:20px}.gantt_link_direction{height:0;border:0 none #ffa011;border-bottom-style:dashed;border-bottom-width:2px;transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;z-index:2;margin-left:1px;position:absolute}.gantt_grid_data .gantt_row.gantt_selected,.gantt_grid_data .gantt_row.odd.gantt_selected,.gantt_task_row.gantt_selected{background-color:#fff3a1}.gantt_task_row.gantt_selected .gantt_task_cell{border-right-color:#ffec6e}.gantt_task_line.gantt_selected{box-shadow:0 0 5px #299cb4}.gantt_task_line.gantt_project.gantt_selected{box-shadow:0 0 5px #46ad51}.gantt_task_line.gantt_milestone{visibility:hidden;background-color:#d33daf;border:0 solid #61164f;box-sizing:content-box;-moz-box-sizing:content-box}.gantt_task_line.gantt_milestone div{visibility:visible}.gantt_task_line.gantt_milestone .gantt_task_content{background:inherit;border:inherit;border-width:1px;border-radius:inherit;box-sizing:border-box;-moz-box-sizing:border-box;transform:rotate(45deg)}.gantt_task_line.gantt_task_inline_color{border-color:#999}.gantt_task_line.gantt_task_inline_color .gantt_task_progress{background-color:#363636;opacity:.2}.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,.gantt_task_line.gantt_task_inline_color.gantt_selected{box-shadow:0 0 5px #999}.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div{box-shadow:0 0 5px 0 #999}.gantt_critical_task{background-color:#e63030;border-color:#9d3a3a}.gantt_critical_task .gantt_task_progress{background-color:rgba(0,0,0,.4)}.gantt_critical_link .gantt_line_wrapper>div{background-color:#e63030}.gantt_critical_link .gantt_link_arrow{border-color:#e63030}.gantt_btn_set:focus,.gantt_cell:focus,.gantt_grid_head_cell:focus,.gantt_popup_button:focus,.gantt_qi_big_icon:focus,.gantt_row:focus{box-shadow:inset 0 0 1px 1px #4d90fe}.gantt_split_parent{opacity:.1;pointer-events:none}.gantt_unselectable,.gantt_unselectable div{-webkit-user-select:none;-moz-user-select:none;-moz-user-select:-moz-none}.gantt_cal_light{-webkit-tap-highlight-color:transparent;background:#fff;border-radius:6px;font-family:Arial;font-size:13px;border:1px solid #cecece;color:#6b6b6b;font-size:12px;position:absolute;z-index:10001;width:550px;height:250px;box-shadow:3px 3px 3px rgba(0,0,0,.07)}.gantt_cal_light_wide{width:650px}.gantt_cal_light select{font-family:Arial;border:1px solid #cecece;font-size:13px;padding:2px;margin:0}.gantt_cal_ltitle{padding:7px 10px;overflow:hidden;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0;border-top-left-radius:6px;border-bottom-left-radius:0;border-top-right-radius:6px;border-bottom-right-radius:0}.gantt_cal_ltitle,.gantt_cal_ltitle span{white-space:nowrap}.gantt_cal_lsection{color:#727272;font-weight:700;padding:12px 0 5px 10px}.gantt_cal_lsection .gantt_fullday{float:right;margin-right:5px;font-size:12px;font-weight:400;line-height:20px;vertical-align:top;cursor:pointer}.gantt_cal_lsection{font-size:13px}.gantt_cal_ltext{padding:2px 10px;overflow:hidden}.gantt_cal_ltext textarea{overflow-y:auto;overflow-x:hidden;font-family:Arial;font-size:13px;box-sizing:border-box;border:1px solid #cecece;height:100%;width:100%;outline:none!important;resize:none}.gantt_section_constraint [data-constraint-time-select]{margin-left:20px}.gantt_time{font-weight:700}.gantt_cal_light .gantt_title{padding-left:10px}.gantt_cal_larea{border:1px solid #cecece;border-left:none;border-right:none;background-color:#fff;overflow:hidden;height:1px}.gantt_btn_set{margin:10px 7px 5px 10px;padding:5px 15px 5px 10px;float:left;border-radius:4px;border:0 solid #cecece;height:32px;font-weight:700;background:#fff;box-sizing:border-box;cursor:pointer}.gantt_hidden{display:none}.gantt_btn_set div{float:left;font-size:13px;height:22px;line-height:22px;background-repeat:no-repeat;vertical-align:middle}.gantt_save_btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);margin-top:2px;width:21px}.gantt_cancel_btn{margin-top:2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);width:20px}.gantt_delete_btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);margin-top:2px;width:20px}.gantt_cal_cover{width:100%;height:100%;position:absolute;z-index:10000;top:0;left:0;background-color:#000;opacity:.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10)}.gantt_custom_button{padding:0 3px;font-family:Arial;font-size:13px;font-weight:400;margin-right:10px;margin-top:-5px;cursor:pointer;float:right;height:21px;width:90px;border:1px solid #cecece;text-align:center;border-radius:4px}.gantt_custom_button div{cursor:pointer;float:none;height:21px;line-height:21px;vertical-align:middle}.gantt_custom_button div:first-child{display:none}.gantt_cal_light_wide{width:580px;padding:2px 4px}.gantt_cal_light_wide .gantt_cal_larea{box-sizing:border-box;border:1px solid #cecece}.gantt_cal_light_wide .gantt_cal_lsection{border:0;float:left;text-align:right;width:80px;height:20px;padding:5px 10px 0 0}.gantt_cal_light_wide .gantt_wrap_section{position:relative;padding:10px 0;overflow:hidden;border-bottom:1px solid #ebebeb}.gantt_cal_light_wide .gantt_section_time{overflow:hidden;padding-top:2px!important;padding-right:0;height:20px!important}.gantt_cal_light_wide .gantt_cal_ltext{padding-right:0}.gantt_cal_light_wide .gantt_cal_larea{padding:0 10px;width:100%}.gantt_cal_light_wide .gantt_section_time{background:transparent}.gantt_cal_light_wide .gantt_cal_checkbox label{padding-left:0}.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday{float:none;margin-right:0;font-weight:700;cursor:pointer}.gantt_cal_light_wide .gantt_custom_button{position:absolute;top:0;right:0;margin-top:2px}.gantt_cal_light_wide .gantt_repeat_right{margin-right:55px}.gantt_cal_light_wide.gantt_cal_light_full{width:738px}.gantt_cal_wide_checkbox input{margin-top:8px;margin-left:14px}.gantt_cal_light input{font-size:13px}.gantt_section_time{background-color:#fff;white-space:nowrap;padding:2px 10px 5px;padding-top:2px!important}.gantt_section_time .gantt_time_selects{float:left;height:25px}.gantt_section_time .gantt_time_selects select{height:23px;padding:2px;border:1px solid #cecece}.gantt_duration{width:100px;height:23px;float:left;white-space:nowrap;margin-left:20px;line-height:23px}.gantt_duration .gantt_duration_dec,.gantt_duration .gantt_duration_inc,.gantt_duration .gantt_duration_value{box-sizing:border-box;text-align:center;vertical-align:top;height:100%;border:1px solid #cecece}.gantt_duration .gantt_duration_value{width:40px;padding:3px 4px;border-left-width:0;border-right-width:0}.gantt_duration .gantt_duration_dec,.gantt_duration .gantt_duration_inc{width:20px;padding:1px;padding-bottom:1px;background:#fff}.gantt_duration .gantt_duration_dec{-moz-border-top-left-radius:4px;-moz-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt_duration .gantt_duration_inc{margin-right:4px;-moz-border-top-right-radius:4px;-moz-border-bottom-right-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}.gantt_resources{max-height:150px;height:auto;overflow-y:auto}.gantt_resource_row{display:block;padding:10px 0;border-bottom:1px solid #ebebeb;cursor:pointer}.gantt_resource_row input[type=checkbox]:not(:checked),.gantt_resource_row input[type=checkbox]:not(:checked)~div{opacity:.5}.gantt_resource_toggle{vertical-align:middle}.gantt_resources_filter .gantt_resources_filter_input{padding:1px 2px;box-sizing:border-box}.gantt_resources_filter .switch_unsetted{vertical-align:middle}.gantt_resource_cell{display:inline-block}.gantt_resource_cell.gantt_resource_cell_checkbox{width:24px;max-width:24px;min-width:24px;vertical-align:middle}.gantt_resource_cell.gantt_resource_cell_label{width:40%;max-width:40%;vertical-align:middle}.gantt_resource_cell.gantt_resource_cell_value{width:30%;max-width:30%;vertical-align:middle}.gantt_resource_cell.gantt_resource_cell_value input,.gantt_resource_cell.gantt_resource_cell_value select{width:80%;vertical-align:middle;padding:1px 2px;box-sizing:border-box}.gantt_resource_cell.gantt_resource_cell_unit{width:10%;max-width:10%;vertical-align:middle}.gantt_resource_early_value{opacity:.8;font-size:.9em}.gantt_cal_quick_info{border:1px solid #cecece;border-radius:6px;position:absolute;z-index:300;box-shadow:3px 3px 3px rgba(0,0,0,.07);background-color:#fff;width:300px;transition:left .5s ease,right .5s;-moz-transition:left .5s ease,right .5s;-webkit-transition:left .5s ease,right .5s;-o-transition:left .5s ease,right .5s}.gantt_no_animate{transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon{float:right}.gantt_cal_qi_title{-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0;border-top-left-radius:6px;border-bottom-left-radius:0;border-top-right-radius:6px;border-bottom-right-radius:0;padding:5px 0 8px 12px;color:#454545;background-color:#fff;border-bottom:1px solid #cecece}.gantt_cal_qi_tdate{font-size:14px;font-weight:700}.gantt_cal_qi_tcontent{font-size:13px}.gantt_cal_qi_content{padding:16px 8px;font-size:13px;color:#454545;overflow:hidden}.gantt_cal_qi_controls{-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:6px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:6px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:6px;border-top-left-radius:0;border-bottom-left-radius:6px;border-top-right-radius:0;border-bottom-right-radius:6px;padding-left:7px}.gantt_cal_qi_controls .gantt_menu_icon{margin-top:6px;background-repeat:no-repeat}.gantt_cal_qi_controls .gantt_menu_icon.icon_edit{width:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC)}.gantt_cal_qi_controls .gantt_menu_icon.icon_delete{width:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=)}.gantt_qi_big_icon{font-size:13px;border-radius:4px;font-weight:700;background:#fff;margin:5px 9px 8px 0;min-width:60px;line-height:32px;vertical-align:middle;padding:0 10px 0 5px;cursor:pointer;border:1px solid #cecece}.gantt_cal_qi_controls div{float:left;height:32px;text-align:center;line-height:32px}.gantt_tooltip{padding:10px;position:absolute;z-index:50;white-space:nowrap}.gantt_resource_marker{position:absolute;text-align:center;font-size:14px;color:#fff}.gantt_resource_marker_ok{background:rgba(78,208,134,.75)}.gantt_resource_marker_overtime{background:hsla(0,100%,76%,.69)}.gantt_histogram_label{width:100%;height:100%;position:absolute;z-index:1;font-weight:700;font-size:13px}.gantt_histogram_fill{background-color:rgba(41,157,180,.2);width:100%;position:absolute;bottom:0}.gantt_histogram_hor_bar{height:1px;margin-top:-1px}.gantt_histogram_hor_bar,.gantt_histogram_vert_bar{position:absolute;background:#299db4;margin-left:-1px}.gantt_histogram_vert_bar{width:1px}.gantt_histogram_cell{position:absolute;text-align:center;font-size:13px;color:#000}.gantt_marker{height:100%;width:2px;top:0;position:absolute;text-align:center;background-color:rgba(255,0,0,.4);box-sizing:border-box}.gantt_marker .gantt_marker_content{padding:5px;background:inherit;color:#fff;position:absolute;font-size:12px;line-height:12px;opacity:.8}.gantt_marker_area{position:absolute;top:0;left:0}.gantt_grid_editor_placeholder{position:absolute}.gantt_grid_editor_placeholder>div,.gantt_grid_editor_placeholder input,.gantt_grid_editor_placeholder select{width:100%;height:100%;box-sizing:border-box}.gantt_row_placeholder div{opacity:.5}.gantt_row_placeholder .gantt_add,.gantt_row_placeholder .gantt_file{display:none}.gantt_drag_marker.gantt_grid_dnd_marker{background-color:transparent;transition:all .1s ease}.gantt_grid_dnd_marker_line{height:4px;width:100%;background-color:#3498db}.gantt_grid_dnd_marker_line:before{background:#fff;width:12px;height:12px;box-sizing:border-box;border:3px solid #3498db;border-radius:6px;content:"";line-height:1px;display:block;position:absolute;margin-left:-11px;margin-top:-4px;pointer-events:none}.gantt_grid_dnd_marker_folder{height:100%;width:100%;position:absolute;pointer-events:none;box-sizing:border-box;box-shadow:inset 0 0 0 2px #3f98db;background:transparent}.gantt_overlay_area{display:none}.gantt_overlay,.gantt_overlay_area{position:absolute;height:inherit;width:inherit;top:0;left:0}.gantt_click_drag_rect{position:absolute;left:0;top:0;outline:1px solid #3f98db;background-color:rgba(52,152,219,.3)}.gantt_layout_content{width:100%;overflow:auto;box-sizing:border-box}.gantt_layout_cell{position:relative;box-sizing:border-box}.gantt_layout_cell>.gantt_layout_header{background:#33aae8;color:#fff;font-size:17px;padding:5px 10px;box-sizing:border-box}.gantt_layout_header.collapsed_x{background:#a9a9a9}.gantt_layout_header.collapsed_x .gantt_header_arrow:before{content:"\21E7"}.gantt_layout_header.collapsed_y{background:#a9a9a9}.gantt_layout_header.collapsed_y .gantt_header_arrow:before{content:"\21E9"}.gantt_layout_header{cursor:pointer}.gantt_layout_header .gantt_header_arrow{float:right;text-align:right}.gantt_layout_header .gantt_header_arrow:before{content:"\21E6"}.gantt_layout_header.vertical .gantt_header_arrow:before{content:"\21E7"}.gantt_layout_outer_scroll_vertical .gantt_layout_content{overflow-y:hidden}.gantt_layout_outer_scroll_horizontal .gantt_layout_content{overflow-x:hidden}.gantt_layout_x>.gantt_layout_cell{display:inline-block;vertical-align:top}.gantt_layout_x{white-space:nowrap}.gantt_resizing{opacity:.7;background:#f2f2f2}.gantt_layout_cell_border_right.gantt_resizer{overflow:visible;border-right:0}.gantt_resizer{cursor:e-resize;position:relative}.gantt_resizer_y{cursor:n-resize}.gantt_resizer_stick{background:#33aae8;z-index:9999;position:absolute;top:0;width:100%}.gantt_resizer_x .gantt_resizer_x{position:absolute;width:20px;height:100%;margin-left:-10px;top:0;left:0;z-index:1}.gantt_resizer_y .gantt_resizer_y{position:absolute;height:20px;width:100%;top:-10px;left:0;z-index:1}.gantt_resizer_error{background:#cd5c5c!important}.gantt_layout_cell_border_left{border-left:1px solid #cecece}.gantt_layout_cell_border_right{border-right:1px solid #cecece}.gantt_layout_cell_border_top{border-top:1px solid #cecece}.gantt_layout_cell_border_bottom{border-bottom:1px solid #cecece}.gantt_layout_cell_border_transparent{border-color:transparent}.gantt_window{position:absolute;top:50%;left:50%;z-index:999999999;background:#fff}.gantt_window_content{position:relative}.gantt_window_content_header{background:#39c;color:#fff;height:33px;padding:10px 10px 0;border-bottom:2px solid #fff;position:relative}.gantt_window_content_header_text{padding-left:10%}.gantt_window_content_header_buttons{position:absolute;top:10px;right:10px}.gantt_window_content_header_buttons:hover{color:#000;cursor:pointer}.gantt_window_content_resizer{position:absolute;width:15px;height:15px;bottom:0;line-height:15px;right:-1px;text-align:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);cursor:nw-resize;z-index:999}.gantt_window_content_frame{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:9999}.gantt_window_drag{cursor:pointer!important}.gantt_window_resizing{overflow:visible}.gantt_window_resizing_body{overflow:hidden!important}.gantt_window_modal{background:rgba(0,0,0,.1);z-index:9999;top:0;left:0;width:100%;height:100%;position:fixed}.gantt_cal_light,.gantt_cal_quick_info,.gantt_container,.gantt_message_area,.gantt_modal_box,.gantt_tooltip{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gantt_noselect{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gantt_drag_marker{position:absolute;top:-1000px;left:-1000px;font-family:Arial;font-size:13px}.gantt_drag_marker .gantt_tree_icon.gantt_blank,.gantt_drag_marker .gantt_tree_icon.gantt_close,.gantt_drag_marker .gantt_tree_icon.gantt_open,.gantt_drag_marker .gantt_tree_indent{display:none}.gantt_drag_marker,.gantt_drag_marker .gantt_row.odd{background-color:#fff}.gantt_drag_marker .gantt_row{border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2}.gantt_drag_marker .gantt_cell{border-color:#d2d2d2}.gantt_row.gantt_over,.gantt_task_row.gantt_over{background-color:#0070fe}.gantt_row.gantt_transparent .gantt_cell{opacity:.7}.gantt_task_row.gantt_transparent{background-color:#f8fdfd}.gantt_popup_button.gantt_delete_button{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff;font-weight:700;border-width:0}.gantt_container_resize_watcher{background:transparent;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;pointer-events:none;border:0;box-sizing:border-box;opacity:0}



header.mdl-layout__header.calipso-layout__header.is-casting-shadow .mdl-layout__drawer-button i.material-icons,
.mdl-layout__drawer.calipso-nav-left.calipso-nav-left-mobile {
  display: none;
}


main.mdl-layout__content.calipso-main_nav {
  display:table !important;
}

.calipso-main_nav {
  width:100%;
  height:100%;
  background-color: #eaeaea !important;
}

.calipso-nav-left {
  width: 20%;
  float:left;
  height: 100%;
  z-index: 5000 !important;
  position: absolute;
}

.calipso-nav-left-title {
  height:40px;
}

.calipso-nav-left nav a {
  padding-top:3% !important;
  padding-bottom:3% !important;
}

.demo-crumbs {
  width:100%;
  padding-left:20px;
  padding-top:20px;
}

.calipso-nav-right {
  width: 100%;
  width: -webkit-calc(100% - 240px);
  width: -moz-calc(100% - 240px);
  width: calc(100% - 240px);
  float:right;
  z-index:1px;
}

.mdl-card.calipso-mdl-card-crumb {
  background:rgba(240, 248, 255, 0);
  display: inline;
  position: relative;
  top: 15px;
  left: 15px;
  font-size:12px;
}

.mdl-card.calipso-mdl-card-crumb a {
  color:#fab250;
  margin-right:5px !important;
}

.calipso-nav-right .mdl-card.calipso-mdl-card-crumb button.mdl-button.mdl-js-button.mdl-button--icon {
  background:#ffffff;
}

.calipso-nav-max-width {
  max-width: 1080px;
  margin:auto !important;
  margin-top:10px !important;
}

.calipso-nav-max-width .mdl-card. {
  z-index:0px !important;
}

.calipso-nav-max-width .mdl-cell.mdl-cell--3-col.mdl-cell--4-col-tablet.mdl-card.mdl-shadow--4dp:hover {
  box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
  -webkit-transition-duration: 0.2s; /* Safari */
  -moz-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
}

.calipso-nav-right .calipso-nav-max-width .mdl-card__title h2 {
  font-size:20px !important;
}

.calipso-main_nav-button_down {
  bottom:0px;
  position:absolute;
}

.calipso-main_nav-button_down a {
  color:#fab250 !important;
}

.calipso-main_nav-icon {
  color:#a0a0a0;
}

.material-icons{
  line-height:40px;
  /* color: grey; */
}

.calipso-side-nav.side-nav.fixed{
  margin-top: 60px;
  height: calc(100vh - 60px);
  padding-top: 0px;
}

@media (max-width: 992px) {
  .calipso-side-nav.side-nav.fixed{
    left: -240px;
  }
}

.treePanelCalipso{
  height: 80vh;
  overflow: auto;
  padding: 0px !Important;
}

.leftNavSectionImageSearch{
  margin-left: 70px;
}

.imageNavBar{
  margin-top: 10px;
  height: 30px;
}

.imageNavBar:hover{
  background-color: none;
}

.centerLoginMode{
  padding-right: 0px;
  padding-left: 0px;
  height: 100%;
}

.noPaddingSideStyle{
  padding-right: 0px;
  padding-left: 0px;
}

.allHeight{
  height: 100%;
}

/* nodo de navegacion */
.calipso-node{
  font-size: 20px !important;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  z-index: 1;
  position: relative;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.25);
  /* flex-direction: column-reverse; */
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: center;
}


.calipso-node:hover{
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
  cursor: pointer;
}

.calipso-node .card-action {
  padding:0 !important;
  width:130px;
  border:none;
}

.calipso-node .card-action a {
  text-align:left !important;
  line-height:16px !important;
  padding:0px;
  width:100%;
}

.calipso-node .card-action a span {
  text-align:left !important;
  font-size:12px;
  position:absolute;
  bottom:0;
  width:110px;
  color:#f58160;
  font-weight:bold;
}

.calipso-node .card-title{
  line-height: 22px !important;
  font-size: 17px !important;
  font-family: 'Roboto',"Helvetica","Arial",sans-serif;
}

.calipso-node .card-title {
  color:#454545;
}


.nodes-panel-calipso .card-title .material-icons {
  color:#2e6299;
  bottom:20px;
  position:absolute;
  left:80px;
  top:20px;
  font-size: 80px;
  /* right:20px; 
  font-size: 25px
  */
}


/*DASHBOARD*/
.rowDashboard{
  margin-right: 0px;
  margin-left: 0px;
  background-color: #f3f3f4;
}

/* .adminDashboardButton{ */
/* margin-right: 5px; */
/* } */
/* ***************** ADMIN DASHBOARD ********************* */


.adminDashboardButton {
  background-color: #f8f9fa !important;
  color: #333 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 0 10px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  font-weight: normal !important;
  width: 100% !important;
  outline: none !important;
}

/* Scroll personalizado */
.admin-scroll-container {
  width: 100% !important;
  height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-color: #f5f5f5;
}

.admin-scroll-container::-webkit-scrollbar {
  width: 12px;
}

.admin-scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}

.admin-scroll-container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2196F3, #1976D2);
  border-radius: 6px;
  border: 2px solid #f1f1f1;
}

.admin-scroll-container::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #1976D2, #1565C0);
}

/* Contenedor principal del dashboard */
.admin-dashboard-main {
  padding: 0;
  background-color: #f5f5f5;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 100vh;
}

/* =============================================== */
/* BARRA DE TÍTULO DUAL */
/* =============================================== */

.admin-title-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%) !important;
  color: white !important;
  padding: 10px 20px !important;
  margin: 0 0 10px 0 !important;
  box-shadow: 0 3px 15px rgba(33, 150, 243, 0.2) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0 0 8px 8px !important;
  position: relative !important;
  z-index: 1000 !important;
}

/* Título principal (izquierda) */
.admin-title-main {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: white !important;
  margin: 0 !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important;
  letter-spacing: 0.3px !important;
}

/* Status de procesos (derecha) */
.admin-title-status {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: white !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(5px) !important;
  transition: all 0.3s ease !important;
}

/* Estados del contador de procesos */
.admin-status-success {
  background: rgba(76, 175, 80, 0.8) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
  box-shadow: 0 0 10px rgba(76, 175, 80, 0.3) !important;
}

.admin-status-warning {
  background: rgba(255, 152, 0, 0.8) !important;
  border-color: rgba(255, 152, 0, 0.3) !important;
  box-shadow: 0 0 10px rgba(255, 152, 0, 0.3) !important;
}

.admin-status-error {
  background: rgba(244, 67, 54, 0.8) !important;
  border-color: rgba(244, 67, 54, 0.3) !important;
  box-shadow: 0 0 10px rgba(244, 67, 54, 0.3) !important;
}

/* Grid container para los paneles */
.admin-grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 12px 12px 150px 12px;
  gap: 0;
  width: 100%;
  box-sizing: border-box;
}

/* Columnas de los paneles - Layout responsive */
.admin-panel-column {
  padding: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
  flex: 0 0 auto;
  /* Por defecto en pantallas grandes, 5 columnas */
  width: 20%;
}

/* Tarjetas de los paneles */
.admin-panel-card {
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  margin-bottom: 12px;
  overflow: hidden;
  background: white;
  transition: all 0.3s ease;
  border: 1px solid #e0e0e0;
}

.admin-panel-card:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

/* Encabezados de los paneles */
.admin-panel-header {
  background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
  color: white;
  padding: 10px 14px;
  margin: 0;
  border-bottom: none;
  display: flex;
  align-items: center;
}

.admin-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-panel-icon {
  font-size: 18px !important;
  color: white !important;
  margin: 0;
}

.admin-panel-title-text {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white !important;
  margin: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Contenido de los paneles */
.admin-panel-content {
  padding: 14px;
  background: white;
}

/* Contenedor de botones */
.admin-buttons-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Estilos de botones */
.admin-dashboard-button {
  width: 100% !important;
  padding: 9px 13px !important;
  margin: 0 !important;
  border-radius: 5px !important;
  border: none !important;
  background: #f8f9fa !important;
  color: #333 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
  text-align: left !important;
  border: 1px solid #e0e0e0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.admin-dashboard-button:hover {
  background: #e8eaed !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-1px) !important;
  border-color: #c0c0c0 !important;
}

.admin-dashboard-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.admin-dashboard-button:focus {
  outline: 2px solid rgba(33, 150, 243, 0.4) !important;
  outline-offset: 2px !important;
}

/* RESPONSIVE BREAKPOINTS */
/* Móvil (1 columna) */
@media (max-width: 767px) {
  .admin-panel-column {
    width: 100%;
  }

  .admin-dashboard-main {
    padding: 0;
  }

  .admin-grid-container {
    padding: 12px 12px 150px 12px;
  }

  .admin-title-bar {
    padding: 12px 18px !important;
    margin: 0 0 12px 0 !important;
  }

  .admin-title-main {
    font-size: 18px !important;
  }

  .admin-title-status {
    font-size: 11px !important;
    padding: 4px 8px !important;
  }
}

/* Tablet/Desktop pequeño (2 columnas) */
@media (min-width: 768px) and (max-width: 999px) {
  .admin-panel-column {
    width: 50%;
  }

  .admin-grid-container {
    padding: 18px 18px 15px 18px;
  }
}

/* Desktop medio (3 columnas) */
@media (min-width: 1000px) and (max-width: 1365px) {
  .admin-panel-column {
    width: 33.333333%;
    padding: 3px;
    margin-bottom: 5px;
  }

  .admin-grid-container {
    padding: 10px 10px 150px 10px;
  }

  .admin-panel-content {
    padding: 10px;
  }

  .admin-buttons-container {
    gap: 2px;
  }

  .admin-dashboard-button {
    padding: 7px 11px !important;
    font-size: 11.5px !important;
  }
}

/* Desktop grande (4/5 columnas) */
@media (min-width: 1366px) and (max-width: 1919px) {
  .admin-panel-column {
    width: 20%;
    padding: 7px;
  }

  .admin-panel-content {
    padding: 15px;
  }

  .admin-dashboard-button {
    padding: 11px 15px !important;
    font-size: 13.5px !important;
  }
}

/* Desktop muy grande (5 columnas) */
@media (min-width: 1920px) {
  .admin-panel-column {
    width: 20% !important;
  }

  .admin-grid-container {
    padding: 30px 30px 150px 30px;
  }

  .admin-title-main {
    font-size: 26px !important;
  }

  .admin-title-status {
    font-size: 15px !important;
  }
}

/* Optimización específica para 1024x768 */
@media (min-width: 1024px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 768px) {
  .admin-panel-column {
    width: 33.333333%;
    padding: 2px;
    margin-bottom: 4px;
  }

  .admin-grid-container {
    padding: 8px 8px 150px 8px;
    gap: 0;
  }

  .admin-panel-content {
    padding: 8px;
  }

  .admin-buttons-container {
    gap: 2px;
  }

  .admin-dashboard-button {
    padding: 6px 10px !important;
    font-size: 11px !important;
    height: 28px !important;
  }

  .admin-panel-title-text {
    font-size: 11px !important;
  }

  .admin-panel-icon {
    font-size: 16px !important;
  }

  .admin-panel-header {
    padding: 8px 12px;
  }

  .admin-panel-card {
    margin-bottom: 6px;
    border-radius: 6px;
  }

  .admin-title-bar {
    padding: 8px 16px !important;
    margin: 0 0 6px 0 !important;
  }

  .admin-title-main {
    font-size: 18px !important;
  }

  .admin-title-status {
    font-size: 10px !important;
    padding: 3px 8px !important;
  }
}

/* Asegurar que el contenido sea visible */
.admin-panel-card * {
  box-sizing: border-box;
}

/* Mejorar la legibilidad */
.admin-panel-title-text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.admin-dashboard-button {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}

/* Estados adicionales */
.admin-dashboard-button:disabled {
  background: #cccccc !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Animaciones */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/* *********** FIN ESTILOS ADMIN-DASHBOARD ************** */

.panel.tile.panel-info {
  background-color: #29b6d8;
  border: 1px solid #22b7bb;
}



.panel.tile {
  box-shadow: none;
  border: 1px solid #e0e0e0;
}

.panel {
  position: relative;
  margin-bottom: 20px;
  border-radius: 3px;
  border: 0;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.panel-info {
  border-color: #22b7bb;
}

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #29b6d8;
  border-color: #22b7bb;
}

.panel.tile .panel-heading {
  border-bottom: none;
}

.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #29b6d8;
  border-color: #22b7bb;
}

.panel-heading {
  text-align: left;
  padding: 0 15px;
  min-height: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel.tile.panel-info .panel-body {
  background-color: #29b6d8;
}

.panel-info div.panel-body:last-of-type {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel-info > .panel-body {
  border-top: none;
}

.pt0 {
  padding-top: 0 !important;
}

.progressbar-stats-1 {
  color: #ffffff;
}

.progressbar-stats-1 .stats-etiquetas {
  font-size: 42px;
  margin-top: -10px;
}

.progressbar-stats-1 .stats-number {
  font-size: 42px;
  margin-top: -10px;
}

.progressbar-stats-1 .stats i {
  font-size: 42px;
  float: left;
  margin-right: 15px;
}

.progress.flat.progress-bar-xs {
  height: 4px;
}
.progress.transparent {
  background-color: rgba(0, 0, 0, 0.28);
}
.progress.flat {
  border-radius: 0;
  height: 16px;
  margin-top: 9px;
}
.progress.progress-bar-xs {
  height: 4px;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.progress {
  position: relative;
}

.progress {
  margin-bottom: 0;
  margin-top: 7px;
  border-radius: 10px;
  box-shadow: none;
}


.panel-body {
  padding: 15px;
}

.panel-heading .panel-title {
  font-size: 16px;
  font-weight: normal;
  margin-right: 10px;
  padding: 12px 0;
  min-height: 42px;
}

.mr5 {
  margin-right: 5px !important;
}

.s20 {
  font-size: 20px !important;
}

.pull-left {
  float: left !important;
}

.progress.flat.progress-bar-xs .progress-bar {
  line-height: 4px;
  height: 4px;
}

.progress.flat .progress-bar {
  box-shadow: none;
  line-height: 16px;
  height: 16px;
  font-size: 11px;
  margin-top: 0;
  margin-left: 0;
  border-radius: 0;
}

.ui-progressbar-value{
  line-height: 4px;
  height: 4px;
  background-color: white;
}

.panel.tile.panel-default {
  background-color: #e3e3e3;
  border: 1px solid #e0e0e0;
}

.panel.tile.panel-default .panel-body {
  background-color: #e3e3e3;
}
.panel-default div.panel-body:last-of-type {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel-default > .panel-body {
  border-top: none;
}
.panel-body {
  padding: 15px;
}

.spark .spark-info .number {
  font-weight: bold;
  font-size: 18px;
  padding-right: 5px;
  color: #0a97b9;
}

.s32 {
  font-size: 32px !important;
}

.spark {
  display: inline-block;
  margin-left: 20px;
}

.panel.plain.panel-default {
  border: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  box-shadow: none;
}
.bbrr0 {
  border-bottom-right-radius: 0 !important;
}
.btrr0 {
  border-top-right-radius: 0 !important;
}

.strong {
  font-weight: bold;
}

.mb0 {
  margin-bottom: 0 !important;
}

.text-muted {
  color: #777777;
}

.text-muted {
  color: #777777;
}

small, .small {
  font-size: 85%;
}

.custom-progressbar {
  display: inline-block;
  position: relative;
}

.mr15 {
  margin-right: 15px !important;
}

.progress-bar-danger .ui-progressbar-value{
  background-color: #db5565;
  height: 8px;
}

.progress-bar-primary .ui-progressbar-value{
  background-color: #0bacd3;
  height: 8px;
}

.progress-bar-warning .ui-progressbar-value{
  background-color: #f4ad49;
  height: 8px;
}

.progress-bar-success .ui-progressbar-value{
  background-color: #51bf87;
  height: 8px;
}

.progress.flat.progress-bar-sm {
  height: 8px;
  position: relative;
  top: -6px;
}

.progress.flat.progress-bar-sm .progress-bar {
  line-height: 8px;
  height: 8px;
}


.itemRankingLabel{
  color: black !important;
  font-weight: bold;
}

.panelHeadingBlack{
  color: black;
}

.itemRankingTotal{
  color: #777777;
}

.ui-progressbar-value {
  transition: width 1s !important;
  -webkit-transition: width 1s !important;;
}

.transparentdashboard{
  background-color: rgba(0, 0, 0, 0.28) !important;
}

#contenedorenta i.large {
  font-size: 6rem;
}

@media (max-width: 800px) {
  .card .card-content p.numerosrenta {font-size:18px;}
}

@media (max-width: 550px) {
  #contenedorenta{ width:100%;}
  .card .card-content p.numerosrenta {font-size:30px;}
  i.large {font-size:4rem;}
}

/*NOTIFICATIONS*/
.dropDownNotifications {
  position: relative;
  display: inline-block;
  float: right;
}

.dropdown-contentNotifications {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 430px;
  /* min-height: 106px; */
  max-height: 400px;
  right: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  overflow:auto;
}

.dropdown-contentNotifications li span:nth-child(2){
  font-size:14px !important;
  line-height:20px;
  color:#454545;
}

.dropdown-contentNotifications li span:last-child {
  font-size:12px !important;
  font-weight:bold;
}

.showNotifications {
  display:block;
}

.buttonChildRow{
  cursor: pointer;
  margin-top: 15px;
  text-align: center;
}

.buttonChildRow img{
  height: 80px;
  width: 205px;
}

.breadcrumb-calipso{
  background-color: #f2f3f7;
  box-shadow: none;
  height: 40px;
  line-height: 15px;
  overflow: hidden;
}

.centerBarPresenter {
  height: 100%;
  background-color: #f2f3f7;
  margin-bottom: 0px !important;
  margin-top: 90px;
  height: calc(100% - 85px);
}

.gwt-Label {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.containerCandidateEditorFrame{
  margin-top: 65px;
}

.transactionHeader .row .col.s12.materialColumnTab,
.transactionFooter .row .col.s12.materialColumnTab,
.row .col.s12.materialColumnTab {
  padding-left: 20px;
  padding-right: 20px;
}

.transactionHeader td,
.transactionFooter td,
.transactionHeader th,
.transactionFooter th{
  padding: 0px;
}

.badge.circle.calipsoFilterBadge{
  top: -9px !important;
  width: 13px !Important;
  height: 13px !Important;
  right: -4px !Important;
  padding-top: 8px !important;
}

.activeIcon .material-icons{
  color: lightskyblue;
}

/**/
.icontable {
  text-indent: 0px;
}

.bigRowStyle > td {
  height: 50px !important;
}

/* Cambiar Password*/

.changePasswordDialog{
  box-shadow: 0px 12px 50px 20px rgba(0,0,0,.5);
  background-color: #fff;
  z-index: 9999999;

}

.dialogTop {
  background-color:#000;
  height:50px;
}

.dialogTop td {
  border-radius:0px;
}

.dialogTopLeft:before {
  content:"Cambiar Clave";
  position:absolute;
  left:20px;
  top:14px;
  color:#fff;
  font-size:17px;
}

.dialogMiddleCenter {
  padding:0;
}

.changePasswordDialog .dialogBottom {
  display:none;
}

.changePasswordDialog button.gwt-Button {
  color: #fff !important;
  height: 30px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 0px;
  margin:auto;
  border: none;
  border-radius:0;
  padding: 5px 10px;
}

.changePasswordDialog button.gwt-Button:hover {
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.22);
  -webkit-transition-duration: 0.1s;/* Safari */
  -moz-transition-duration: 0.1s;/* Moz */
  transition-duration: 0.1s;
}

.changePasswordDialog .dialogMiddleCenterInner tr td table tbody tr:last-child td{
  text-align:center !important;
  padding:0;
}
.changePasswordDialog .dialogMiddleCenterInner tr td table tbody tr td:first-child button.gwt-Button {
  background-color:#71984c;
}

.changePasswordDialog .dialogMiddleCenterInner tr td table tbody tr td:last-child button.gwt-Button {
  background-color:#f44336;
}

/*GWT TREE*/
.calipsoTree{
  padding: 0px;
  height: 77vh;
}

.calipsoTree table{
  width: auto !Important;
}

.calipsoTree td,th{
  padding: 0px;
}

/*TREE ARBOL*/
.tree-headerCalipso span{
  position: relative;
  top: -8px;
}

.gwt-Tree .gwt-TreeItem {
  padding: 1px;
  margin: 0px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
  font-size: 0.85em;
}
.gwt-Tree .gwt-TreeItem-selected {
  color: red;
}

.gwt-Tree .gwt-TreeItem-Img {
  width:16px;
  height:16px;
  padding-right:3px;
  vertical-align: middle;
}

.gwt-Tree td,th{
  display: inline-grid;
}

.gwt-TreeItem .gwt-RadioButton input,
.gwt-TreeItem .gwt-CheckBox input {
  margin-right: 0px;
}
* html .gwt-TreeItem .gwt-RadioButton input,
* html .gwt-TreeItem .gwt-CheckBox input {
  margin-left: -4px;
}

.histogramDashboard{
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 20px;
}

.nav-wrapper .button-collapse .material-icons{
  color: white;
}

.ui-icon-plus{
  content:"\f067";
}

.ui-icon-plus:before{
  content:"\f067";
}

/*NAVIGATION PRESENTER*/

@media (max-width: 600px) {
  .nodesCenterNavigationPresenter{
    margin-left: 0px !important;
    margin-right: 0px !important;
    overflow: auto !important;
    height: calc(100% - 100px);
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px;
    overflow-y: scroll;
  }

}
.nodesCenterNavigationPresenter{
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  overflow: auto;
  height: calc(100vh - 105px);
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  overflow-y: scroll;
}

.nodoSeleccionado .calipso-node{
  color: red;
}
/*FIN NAVIGATION PRESENTER*/

/*ESTO ES DEL PRINCIPAL*/
.pageContainer{
  padding-top: 0px;
  overflow: hidden;
  height:100%;
  margin-bottom:0px !important;
}

@media (max-width: 600px) {
  .noMarginsStyle.pageContainer{
    padding-bottom: 0px !important;
  }
}

.noMarginsStyle{
  margin-left: 0px;
  margin-right: 0px;
}

html, body {
  color: black;
  border: 0px;
  background: gainsboro;
  direction: ltr;
  height:100%;
  min-height: 100%;
  font-family: 'Roboto', sans-serif;
}

/*FIN DEL PRINCIPAL*/



/*GRAPH PRESENTER*/
.graphCentralRow{
  height:calc(100vh - 200px);
  margin-left: 0px;
  margin-right: 0px;
  overflow:auto;
  width:100%
}

/*GANTTER*/
.ganttCentralRow{
  height:calc(100vh - 150px);
  margin-left: 0px;
  margin-right: 0px;
  overflow:auto;
  width:100%;
  margin-bottom: 0px;
}

.ganttNavBarEditor{
  box-shadow: none;
}

/*ICONOS GOOGLE*/
.buscarbotongoogle{
  -webkit-mask-box-image: url("../../images/buscariconogoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}
.limpiarbotongoogle{
  -webkit-mask-box-image: url("../../images/limpiariconogoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}
.flashbotongoogle{
  -webkit-mask-box-image: url("../../images/flashiconogoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}
.agregarbotongoogle{
  -webkit-mask-box-image: url("../../images/agregariconogoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}
.editarbotongoogle{
  -webkit-mask-box-image: url("../../images/editariconogoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}
.mapsbotongoogle{
  -webkit-mask-box-image: url("../../images/googlemapsiconogoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}
.streetviewbotongoogle{
  -webkit-mask-box-image: url("../../images/streetviewiconogoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  color: #31629e;
  margin-right: 10px;
}
.calendarbotongoogle{
  -webkit-mask-box-image: url("../../images/calendaricongoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}

.calendarbotongoogleitem{
  -webkit-mask-box-image: url("../../images/calendaricongoogle.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  border: none;
  box-shadow: none;
  background-color: #31629e;
  margin-right: 10px;
}

.inputGroupButtonGoogle{
  display: table-cell;
  height: 2.3rem;
  margin: 0px;
  border-bottom: 1px solid #9e9e9e;
  text-align: right;
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
}

.divreferencia .gwt-TextBox{
  width: 100%;
  margin: 0 0 0px;
  padding-left: 10px;
}

.form-controladdition{
  display: inline;
}

/*TOOLBAR DEL EDITOR*/

.rowEditor{
  margin-right: 0px;
  margin-left: 0px;
  overflow-y: visible;
  overflow-x: auto;
}
.rowEditorToolbar{
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  background-color: #fafafa;
  height: 45px;
}
.toolbarBarButtonEditor{
  font-size: 20px;
  margin: 0px 2px 0px 0px;
  text-decoration: none;
  cursor: pointer;
  padding-left: 10px;
  white-space: nowrap;
  list-style-type: none;
  display: inline-block;
  color: gainsboro;
}

.buscarpresenternavigation{
  width: 100%;
  display: inline-block;
  margin-left: 0px;
  margin-top: 0px;
}

.buscarpresenternavigation input{
  height: 23px;
  border: solid 1px;
  margin-top: 11px;
  background-color: white;
  padding-left: 10px;
  width: 100% !Important;
  margin-left: 0px !important;
}

.buscarpresenternavigation .material-icons{
  cursor: pointer;
  padding-top: 13px;
  text-align: left;
  left: 154px;
  color: #2E6299;
  font-size: 1.5rem;
}

.buscarpresenternavigation .gwt-TextBox{
  margin-bottom: 0px;
}


.rowEditorToolbar .material-icons.add {
  cursor: pointer;
  border-radius: 70px;
  background-color: #2E6299;
  text-align: center;
  margin-left: 20px;
  width: auto;
  color: white;
  font-size: 1.7em !important;
  height: 27px;
  width: 27px;
  margin-top: 12px;
  line-height: 28px;
}

.row .col.s12.materialColumnTab{
  padding-left: 0px;
  padding-right: 0px;
  overflow: auto;
}

/****************************************
Estilos Generales
*****************************************/
* {
  font-family: 'Roboto', sans-serif;
}

p {
  font-size: 14px;
  color: #454545;
  line-height: 18px;
}

#centroApp {
  width: 100%;
  height: 100%;
}

.dropdown-content li a,
.hide-on-small-and-down.dropdown-content.active li span label {
  font-size:13px !important;
  color:#454545;
}

/******* Header  *******/
/* Header Search */
.calipso-header-search .search-result.z-depth-1 {
  width:700px;
  height: auto;
}

.calipso-header-search {
  height: 36px !important;
  width: 500px;
  line-height: 40px;
  background-color: #ffffff;
  margin-top: 15px !important;
  padding: 0 0px;
  color: grey;
}

.calipso-header-search input[type=search]{
  padding-left: 10px;
}

.calipso-header-search .search-result a {
  padding:0 10px;
}

.calipso-header-search .search-result a span {
  margin:0;
}

.nav-wrapper ul.hide-on-med-and-down.z-depth-0.leftNavSectionImageSearch.left li:nth-child(2) {
  position: absolute;
  left: 25%;
}

.input-field input[type=search] {
  width: calc(100% - 50px);
  float:left;
}

.calipso-header-search label {
  position:relative;
  float:right;
  width:30px;
}

.calipso-header-search i {
  height: 36px !important;
  line-height: 36px !important;
}

/* Logo */

.leftNavSectionImageSearch {
  margin-left: 270px;
}

a img.gwt-Image {
  width: auto;
  height: 100%;
  cursor: pointer;
}

.nav-wrapper .brand-logo {
  display: inline-flex;
  height: 63px;
}

nav .brand-logo img {
  padding:0 !important;
  vertical-align: middle;
}

.calipsoCaptionHeader {
  font-size:18px;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 20px;
}

/* Dropdown Usuario */

ul.hide-on-med-and-down.right li .menu-bar ul#drop {
  margin: 0px !important;
  top: 50px !important;
  position: absolute !important;
  width: 220px !Important;
  left: calc(100% - 240px) !important;
  padding: 0px !important;
}

ul.hide-on-med-and-down.right li .menu-bar a.drop.dropdown-button {
  font-size: 20px !important;
}

ul.hide-on-med-and-down.right li .menu-bar a.active i.left.material-icons {
  color: #fbb145;
}

ul.hide-on-med-and-down.right li .menu-bar ul#drop {
  padding: 16px 0px !important;
}

ul.hide-on-med-and-down.right li .menu-bar ul#drop li {
  padding: 10px 20px;
  max-height: 200px !important;
}

ul.hide-on-med-and-down.right li .menu-bar ul#drop li a {
  font-size: 15px !important;
  padding: 0px;
}

/******* Modal  *******/

.modalCalipso.window {
  z-index: 9922000;
  border-radius:0;
  width: 50%;
  min-width: 460px;
}

.modalCalipso.window.maximize .window-toolbar  {
  background-color: #444;
}

/* color barra del menu */
.modalCalipso.window .window-toolbar  {
  background-color: #2e6299;
}

.modalCalipso .modal-content {
  padding: 0px;
  height: 100%;
  overflow: auto;
}

.modalCalipso.modalWithFooter .modal-content{
  height: calc(100% - 56px);
}

.modalCalipso .modal-content > div {
  height: calc(100% - 65px);
}

.modalCalipso .modal-footer {
  /*position: absolute !important;*/
  right: 10px;
  bottom: -305px;
}

.modalCalipso {
  width: 60%;
  max-width: 900px;
  height: 400px;
  min-height: 250px;
  max-height: 400px;
  overflow: hidden;
}

.modalCalipsoTitle {
  display: block;
  background-color: black;
  color: white;
  font-family: 'Roboto', sans-serif;
  text-align: left;
  font-size: 1.3em;
  padding: 10px 20px;
}

.picker {
  z-index:9999999;
}

/* Seleccionar Filtro */

.modalCalipso .modal-content .modalFilterRow .col {
  padding: 0px 5px;
}

.modalCalipso .modal-content div .modalFilterRow:nth-child(1) {
  background-color: #eaeaea;
  padding: 0px 10px;
}

.modalCalipso .modal-content div .modalFilterRow:nth-child(1) .col .input-field input{
  width: 100%;
  box-shadow:none;
  padding:0px;
}

.modalCalipso .modal-content .modalFilterRow:nth-child(1) .input-field {
  background-color: #ffffff;
  border: 1px solid #d1d3d4;
  padding: 0px 7px;
  margin: 10px 0px;
  height: 33px;
}

.modalCalipso .modal-content .modalFilterRow:nth-child(1) .col.l1 {
  margin: 14px auto;
  padding: 0px 10px;
}

.modalCalipso .modal-content .modalFilterRow .col.l1:last-child i.left.material-icons {
  background-color: #454545;
  color: #eaeaea;
  border-radius: 50%;
}

.modalCalipso .modal-content .row .col.l1:last-child i.left.material-icons:hover {
  background-color: #31629e;
  -webkit-transition-duration: 1s;/* Safari */
  -moz-transition-duration: 1s;/* Moz */
  transition-duration: 1s;
}

.modalCalipso .modal-content .row:nth-child(1) .input-field input[type=text] {
  margin-bottom: 0px;
  border-bottom: none;
}

.modalCalipso .modal-content .row .input-field span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
  border-bottom: none;
  height: 30px;
}

.modalCalipso .modal-content .row .input-field span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single .select2-selection__arrow {
  height: 30px;
}

.modalCalipso .modal-content .row:nth-child(1) .input-field span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: 30px;
}

.modalCalipso .modal-content div .modalListRow.row {
  background-color: none;
  padding: 0px 0px;
  width: 95%;
  max-height: 210px;
  min-width: 150px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  overflow-y: auto;
}

.modalCalipso .modal-content div .modalListRow .row span {
  color:#454545;
  font-size:14px;
}

.modalListRow .input-field.combobox,
.modalListRow .l1.col {
  margin:0px !important;
}

.modalListRow.row .row .l1.col:last-child,
.modalListRow.row .row .l3.col:last-child {
  float:right;
}

.modalListRow.row .row .l1.col i,
.modalListRow.row .row .l3.col i {
  border-radius:100%;
  color:#454545;
}

.modalListRow .l2 .input-field {
  padding:0 !important;
  border-bottom:1px solid #454545;
}

.modalListRow .input-field span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single,
.modalListRow .input-field span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single .select2-selection__rendered,
.modalListRow .input-field span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single .select2-selection__arrow {
  height:22px !important;
  line-height:22px !important;
}

.modalListRow .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top:9px;
}

.modalListRow span.select2.select2-container.select2-container--open span.select2-selection__arrow b {
  top:2px;
}

.modalCalipso .modal-content div .row .row {
  background-color: #fff;
  margin: 0px;
  padding: 5px 10px;
  display: flex;
}

/* Filtro Definidos */

.materialSavedFilters {
  width:90%;
  min-width:500px;
  font-size:14px;
  padding:10px !important;
  margin:10px auto;
  background-color:#fff !important;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
}

.materialSavedFilters i,
.materialSavedFilters span {
  color:#454545;
}

/* Vista Previa Modal */

.modalCalipso.modal .modal-content   {
  overflow:auto;
  height:350px;
}

.modalCalipso.modal .modal-content div div table  {
  margin: 0px auto 40px !important;
  max-width: 700px;
}

.modalCalipso.modal .modal-content div div table tbody {

}

.modalCalipso.modal .modal-content div div table tbody tr td {
  width: 50%;
  padding: 3px 10px;
}

/* Clic Derecho */

.modalCalipso .modal-content li.contextMenuModalItem  {
  margin: 0px auto;
  line-height:18px;
}

.modalCalipso .modal-content li.contextMenuModalItem a {
  font-size:12px;
  line-height:12px;
}

.modalCalipso .modal-content .input-field {
  margin: 10px 0;
  padding:10px;
  height: 45px;
}

.modalCalipso .modal-content .input-field i.prefix.left.material-icons {
  float:right;
  right:0;
}

.modalCalipso .modal-content .input-field input {
  width:100%;
  position:relative;
  padding: 0px 0px;
  margin:0;
  border:none;
  box-sizing: border-box;
  box-shadow: 0 0 5px 0px rgba(0,0,0,.1);
}

.modalCalipso .modal-content .input-field input:focus {
  box-shadow: 0 0 5px 3px rgba(0,0,0,.1);
}

/* Opciones de usuario */

.modalCalipso.calipsoUsuario .modal-content table  {
  margin: 10px auto;
  width:85%;
}

/* Opciones de usuario - Botones */



.gwt-Button.pull-right.botonModalPie:first-child {
  margin-right: 20px;
  background-color:#f44336;
}

.gwt-Button.pull-right.botonModalPie:last-child {
  margin-right: 20px;
  background-color:#71984c;
}


/* Add Fav Modal */

.modalCalipso.modal .modal-content .input-field {
  padding: 0px 10px !important;
}

/* Botones Modal */

.modalCalipso .modal-footer .btn {
  margin: 0px 8px;
  padding: 5px 10px;
}

.modalCalipso .modal-footer .btn span {
  font-size: 14px;
  padding: 0px !important;
}

.modalCalipso .modal-footer .btn:nth-child(4) {
  background-color: #009688;
}

.modalCalipso .modal-footer .btn:nth-child(2) {
  background-color: #fbb145;
}

/* Modal de Acciones */

.calipsoAcciones {
  width:500px !important;
}

.calipsoAcciones .modal-content .modal-content {
  height:auto;
}

/* Modal Ejecucion Acciones */

.modal-content .editorDiv {
  position:absolute;
  bottom:-1px;
  width:100%;
  height:auto !important;
  background-color:#eaeaea;
}

.calipsoAcciones .window-title span{
  width: 410px;
  float: left;
  overflow: hidden;
  height: 25px;
}

/* Acciones disponibles */

.dataView-multiselectActionPanel {
  margin:1.5em!important;
  background-color:#fff;
  width:calc(100% - 3em);
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 3px 74x 0px rgba(0,0,0,0.26);
  box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
}

.dataView-multiselectActionPanel > tbody * {
  padding:0!important;
}

.dataView-multiselectActionPanel > tbody > tr > td {
  padding:1em !important;
}

.dataView-multiselectActionPanel > tbody > tr > td:nth-child(2) {
  float:right;
}

.dataView-multiselectActionPanel > tbody > tr > td li {
  list-style-type:none;
}

.dataView-multiselectActionPanel .gwt-DisclosurePanel > tbody > tr:nth-child(2) td {
  background-color:#fff;
}

.dataView-multiselectActionPanel .gwt-DisclosurePanel > tbody > tr:nth-child(2) td .gwt-Label {
  font-weight:400;
  color:#454545;
  padding-top:0.5em !important;
}

.modal-content .editorDiv .southNavBarEditor {
  box-shadow:none;
  background-color:#eaeaea00 !important;
}

.modal-content .centerPanelEditorAction {
  overflow:hidden !important;
  padding:10px !important;
  height:100% !important;
  margin:0px;
}

.modal-content .centerPanelEditorAction .editorMainPanel {
  top:0;
}

.modal-content .centerPanelEditorAction .editorMainPanel div  {
  height:100%;
}

.modal-content .centerPanelEditorAction .s12.tabsColumn.col {
  display:none;
}

.modal-content .centerPanelEditorAction .materialColumnTab {
  padding:0 !important;
}

.modal-content .centerPanelEditorAction .materialColumnTab > table > tbody > tr > td {
  padding: 10px;
}

.modal-content .centerPanelEditorAction .materialColumnTab > table > tbody > tr > td > table > tbody > tr > td {
  padding:5px 10px;
}

.modal-content .centerPanelEditorAction .materialColumnTab > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(1n)  {
  padding:0;
  margin:0;
}

.modal-content .centerPanelEditorAction .materialColumnTab > table > tbody > tr > td > table > tbody > tr > td .editor-fieldValuePanel input {
  height:30px !important;
}

.modal-content .centerPanelEditorAction .materialColumnTab > table > tbody > tr > td > table > tbody > tr > td .editor-fieldValuePanel .input-field {
  border:none;
}

/* Modal Otros */

.dropDownHeaderMenuGeneral {
  display: block;
  padding: 3px 10px !important;
  font-size: 13px;
  Color: #5d5d5f;
  line-height: 1.42857143;
  font-family: 'Roboto', sans-serif;
  white-space: nowrap;
}

.dropDownHeaderMenuModal {
  display: block;
  padding: 3px 10px !important;
  font-size: 15px;
  Color: black;
  line-height: 1.42857143;
  font-family: 'Roboto', sans-serif;
  font-weight: bold ;
  white-space: nowrap;
  background-color: rgba(0,0,0,.05);
}

.dropDownHeaderMenuModal span{
  color: black;
}


.dropDownItemMenuGeneral {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  Color: #787879;

}

.contextMenuModalItem{
  padding: 2px;
  cursor: pointer;
  text-align: center;
  list-style-type: none;
  color: black;
}
.contextMenuModalItemHeader{
  padding: 5px;
  font-family: 'Roboto', sans-serif;
  color: whitesmoke;
  font-size: 18px;
  text-align: center;
}

.contextMenuModalItem a{
  color: black;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.contextMenuModalBody{
  text-align: center;
  background-color: #f2f2f2;
  height: 300px;
  overflow: auto;
}
.contextMenuModalHeader{
  text-align: center;
  background-color: #4285f4;
  color: white;
}
/******* Fin Modal *******/

/******* Relogin  *******/

.containerRelogin .input-field,
.containerRelogin #inicioRelogin {
  margin:10px auto !important;
}

.inputRelogin input{
  box-shadow: none;
}

.generalContainerRelogin {
  display: flex;
  flex-direction: column;
  height: 360px;
  box-sizing: border-box;
  text-align: center;
  background-color: black;
}

.innerContainerRelogin {
  display: flex;
  height:100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin:auto;
}

#inicioRelogin,
.inputRelogin {
  width:100%;
  border-radius:3px;
}

.inputRelogin {
  display: inline-block;
  color: #2d2d2d;
}

#inicioRelogin {
  background: #0000;
  border: 5px;
  cursor: pointer;
  border: 1px solid;
  border-color: #fff;
}

#inicioRelogin:hover{
  border-color:#f19203;
  color:#f19203;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
}

/* Center the avatar image inside this container */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

/* Avatar image */
img.avatar {
  width: 35%;
}

/* Google */
#google {
  width:200px;
  height:48px;
  background-size: 100% 100%;
  cursor: pointer;
}

#google:hover{
  background-size: 200px 40px;
  background-size: 100% 100%;
}

.buttonGoogle{
  padding: 0px;
  background-color: transparent;
  border-color: transparent;
  margin: 20px;
}


#saml {
  width:200px;
  height:48px;
  background-size: 100% 100%;
  cursor: pointer;
}

#saml:hover{
  background-size: 200px 40px;
  background-size: 100% 100%;
}
.buttonSAML{
  padding: 0px;
  background-color: transparent;
  border-color: transparent;
  margin: 20px;
}

/* Comentarios */

.calipsoComentarios .modal-content .row {
  padding:0px !important;
}

.calipsoComentarios .modal-content .row .tabs  {
  background-color:#eaeaea;
  border:none !important;
}

.calipsoComentarios .modal-content .row .tabs .tab {
  margin:0 5px;
  padding:0;
  background-color:#eaeaea;
}

.calipsoComentarios .modal-content .row .tabs .tab span {
  padding:0 10px;
}

.calipsoComentarios .modal-content .row .tabs .tab a.active {
  background-color: #fafafa !important;
  width:140px;
}

.calipsoComentarios .tabs .indicator {
  display:none;
}

.calipsoComentarios .modal-content .row .tabs .tab a {
  color:#454545;
  font-size:13px;
  letter-spacing:normal;
}

.calipsoComentarios .modal-content div div .row {
  width:95%;
  margin:10px auto;
  background-color:#eaeaea !important;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
}

.calipsoComentarios .modal-content div div .row img {
  margin:15px !important;
}

.calipsoComentarios .modal-content div div .row span.z-depth-1.blue.accent-1.left.bubble {
  background-color:#eaeaea00 !important;
  box-shadow:none;
  width:80%;
  max-width:initial;
  padding:0px;
  margin:15px;
}

.triangle.left {
  display:none;
}

.calipsoComentarios .modal-content div div .row .input-field  {
  resize: vertical;
  overflow:auto;
  line-break: auto;
}

.calipsoComentarios .modal-content button {
  font-size:12px;
  padding:0px;
}

/****************************************
Nav Screen
*****************************************/

/******* SideBar  *******/

/* Header SideBar */

ul li.calipso-sidebar-header a, ul li a.calipso-sidebar-header-favorites {
  margin-top: 10px;
  font-weight: bold;
  color: #454545;
  font-size: 18px !important;
  padding-left: 15px;
}

/* Gral SideBar */

ul#sidenavFixed li a {
  font-size: 14px;
  color: #454545;
  height: 45px;
}

ul#sidenavFixed ul li a {
  font-size: 14px;
  color: #454545;
  height: 45px;
  margin: 0px;
  padding-left: 3em;
}

.calipso-side-nav {
  box-shadow:none;
}

ul.side-nav.mini-with-expand{
  top: 85px;
  background-color:#f2f3f7 !important;
  height: calc(100vh - 84px);
}


ul#sidenavFixed li {
  /* padding-left: 5px !important; */
}

ul#sidenavFixed ul {
  padding-left: 10px !important;
}

ul#sidenavFixed ul li {
  padding: 0px !important;
}

ul#sidenavFixed ul li div span {
  padding: 0px !important;
  text-align: left;
}

ul#sidenavFixed li span {
  padding: 0px !important;
}

/* Fix Sidebar Header Pointer */

ul li.calipso-sidebar-header:hover, ul li.calipso-sidebar-header.active {
  cursor: progress !important;
  background-color: rgba(51, 51, 51, 0) !important;
}

ul li.calipso-sidebar-header a:hover, ul li.calipso-sidebar-header a.active {
  cursor: text !important;
  background-color: rgba(51, 51, 51, 0) !important;
}

/* Fav SideBar */
li.calipso-sidebar-header .material-icons {
  position: relative;
  top: -4px !important;
  cursor: pointer;
  border-radius: 50%;
  background-color: #1daaf2;
  color: white !important;
  font-size: 20px;
}

li.calipso-sidebar-header .material-icons:hover {
  background-color: #31629e;
  -webkit-transition-duration: 0.3s; /* Safari */
  -moz-transition-duration: 0.3s; /* Safari */
  transition-duration: 0.3s;
}

.collapsible .collapsable-header-calipso.collapsible-header {
  padding: 0px !important;
}

/* Icons SideBar */

ul#sidenavFixed ul.collapsible .collapsable-header-calipso a {
  padding-left: 0px !important;
  padding-right: 0px;
}

ul li .collapsable-header-calipso a i {
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
  transition: all 0.3s ease-out;
  transform-origin: center;
}

/* Rotation Icons SideBar Collapsable */

ul li .collapsable-header-calipso.active a i {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}

/* Hover & Active SideBar */

.side-nav li:hover {
  background-color: rgba(234, 234, 234, 0.75);
  -webkit-transition-duration: 0.3s; /* Safari */
  -moz-transition-duration: 0.3s; /* Moz */
  transition-duration: 0.3s;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.side-nav li.active {
  font-weight: bold;
}

/* Colapsables */

.side-nav li .collapsible-body {
  font-weight: 400;
  display: -webkit-box;
  background-color: rgb(243, 241, 241);
  border-bottom: 2px solid #c5c5c5;
}

/* Mini Menu */

.mini-with-expand.expanded#sidenavFixed li a.calipso-sidebar-item i.material-icons {
  position: initial !important;
  -webkit-transition-duration: 0.3s;/* Safari */
  -moz-transition-duration: 0.3s; /* Moz */
  transition-duration: 0.3s;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mini-with-expand.expanded#sidenavFixed li a.calipso-sidebar-item i.material-icons, ul#sidenavFixed ul.collapsible div a i {
  margin: 0px;
  padding: 0px;
  font-size: 25px;
  width: 50px;
}

/* Mini Menu - Alineacion De Iconos*/

.calipso-side-nav.side-nav.mini-with-expand#sidenavFixed li a.calipso-sidebar-item i {
  position: relative;
  left: 30%;
}

/* Mini Menu - Display de Objetos Abierto-Cerrado */

.mini-with-expand.expanded ul.collapsible, .mini-with-expand.expanded li.calipso-sidebar-header {
  display: block !important;
}

.mini-with-expand ul.collapsible, .mini-with-expand li.calipso-sidebar-header {
  display: none !important;
}

@media screen and (max-width: 992px) {
  .mini-with-expand.expanded {
    display:initial !important;
  }

  .mini-with-expand {
    display:none !important;
  }
}

/******* Cards Screen  *******/

/* Cards Hover */
div.nodes-panel-calipso .calipso-node:hover,
div.nodes-panel-calipso .nodoSeleccionado .calipso-node {
  background-color:#f58160;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1daaf2', endColorstr='#31e7b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 60px -7px rgba(0,0,0,0.35);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.calipso-node:hover,
.calipso-node:hover i,
.calipso-node:hover .card-action a span,
.calipso-node:hover .card-title span,
.nodoSeleccionado .calipso-node,
.nodoSeleccionado .calipso-node i,
.nodoSeleccionado .calipso-node .card-action a span,
.nodoSeleccionado .calipso-node .card-title span {
  color:#fff !important;
}

.col.l12.nodes-panel-calipso.row.display-animation {
  margin: auto;
  max-width: 1080px;
}

/****************************************
ListView
*****************************************/

.multiSelectCandidate .ui-state-highlight {
  border: none!important;
  background: none!important;
}

#divCalipso td {
  -webkit-user-select: none;  /* Safari, iOS, and Android */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#divCalipso [type=checkbox]:checked,
#divCalipso  [type=checkbox]:not(:checked) {
  display:initial;
}

/******* Semafori Listview *******/

.modalFilterRow .l1.col:nth-last-child(2) a {
  color:#454545;
}

.modalListRow .row .l4.col a i {
  padding:0 20px;
}

/******* Filtros Listview *******/

/* Text Input */

.dataViewNavBarMaterial li div div.input-field .gwt-TextBox {
  font-size: 1rem;
  /* padding: 0px 5px; */
}
/* Fechas */
.dataViewNavBarMaterial .inputGroupButtonGoogle{
  line-height: 49px;
  border-bottom: none;
}
.dataViewNavBarMaterial .inputGroupButtonGoogle .calendarbotongoogle{
  margin-left: 5px;
  margin-right:0px;
}

/* Seleccionar */
div#centroApp div nav.dataViewNavBarMaterial .nav-wrapper ul li a {
  color: black !important;
  height: 50px;
  line-height: 70px;
}

div#centroApp div nav.dataViewNavBarMaterial .nav-wrapper .favoritesDropDown li a {
  height: 40px !important;
  line-height: 40px !important;
}

/******* Dropdown Nav Fiter Listview  *******/

/* Dropdown - General */

.span.select2-container.select2-container--default.select2-container--open span.select2-results ul#select2-jgmh-results li, span.select2-container.select2-container--default.select2-container--open .select2-dropdown--below span.select2-results li {
  font-size: 13px !important;
  padding: 4px 8px;
}

nav.dataViewNavBarMaterial .nav-wrapper ul li div ul#favoritesDropDown {
  position: absolute !important;
  top: 40px !important;
  margin-left: -8px;
  width:150px !important;
  padding:0px !important;
}

nav.dataViewNavBarMaterial .nav-wrapper ul li div ul#favoritesDropDown li {
  padding: 0px !important;
  min-height:0px !important;
}

nav.dataViewNavBarMaterial .nav-wrapper ul li div ul#favoritesDropDown li a {
  font-size: 13px !Important;
  padding: 10px;
  line-height: 16px;
  height: auto;
}

nav.dataViewNavBarMaterial .nav-wrapper ul li div ul#favoritesDropDown li a:hover {
  background-color: rgba(102, 102, 102, 0.22);
  -webkit-transition-duration: 0.5s; /* Safari */
  -moz-transition-duration: 0.5s; /* Moz */
  transition-duration: 0.5s;
}

span.select2.select2-container span.select2-selection__arrow b {
  -webkit-transition-duration: 0.1s; /* Safari */
  -moz-transition-duration: 0.1s; /* Moz */
  transition-duration: 0.1s;
  border-style: solid;
  border-width: 7px 4px 0;
  height: 0;
  left: 50%;
  margin-left: 2px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  border-color: rgba(0,0,0,1) transparent transparent !important;
}

span.select2.select2-container.select2-container--open span.select2-selection__arrow b {
  top: 20%;
}

/* Dropdown - Listview - Filter Selection */

.dropDownDataViewBar span.select2-dropdown.select2-dropdown--below {
  width: 180px !important;
  position: absolute;
  left: -9px;
}

span.select2-dropdown.select2-dropdown--below {
  z-index: 9999999;
}

/* Dropdown - Listview - Modal */

.dropDownDataViewBarModal span.select2-dropdown.select2-dropdown--below {
  width: 237px !important;
  position: absolute;
  left: -10px;
  top: 1px;
}

/* Dropdown - Listview - Semafori */
.dropDownExpressions span.select2-dropdown.select2-dropdown--below {
  width: 237px !important;
  position: absolute;
  left: -10px;
  top: 1px;
}

/* Dropdown - Listview - ocultar campos */
.hide-on-small-and-down.dropdown-content {
  width:260px;
  position: absolute;
  top: 35px !important;
}

.hide-on-small-and-down.dropdown-content.active li {
  /* line-height: 20px !important; */
  height: auto !important;
  min-height:initial;
}

.hide-on-small-and-down.dropdown-content.active li:hover {
  background-color: rgba(102, 102, 102, 0.22);
}

.hide-on-small-and-down.dropdown-content.active li span {
  padding: 5px 0 !important;
}

.hide-on-small-and-down.dropdown-content.active li span label {
  width: auto;
  white-space: initial;
}

/******* Dropdown Nav Apps Listview   *******/

.dropDownaPPS {
  position: relative;
  display: inline-block;
  float: right;
}

.dropdown-contentApps {
  display: none;
  position: absolute;
  background-color: white;
  max-width: 340px;
  top: 35px;
  min-height: 200px;
  max-height: 500px;
  padding: 10px 0px;
  /* right: 6em; */
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  z-index: 1;
  overflow: auto;
}

.dropdown-contentApps-arrow-content {
  display: none;
}

.hideArrows {
  display: none;
  position: absolute;
}

.dropdown-contentApps .material-icons {
  font-size: 50px !important;
}

.showApps {
  display: block;
}

.appCalipsoItem {
  display: -webkit-box;
  /* text-align: center; */
  /* height: 100px; */
  /* width: 95px; */
  line-height: 28px;
  /* float: left; */
  cursor: pointer;
  padding: 0px 10px;
  /* margin-bottom: 10px; */
}

.appCalipsoItemImage {
  height: 18px;
  width: 18px;
  margin: 5px 5px;
  display: inline-block;
  background-color: #454545;
}

.appCalipsoItem span {
  display: table-cell;
  color: #454545;
  font-size: 14px;
}

.appCalipsoItem:hover .appCalipsoItemImage {
  -webkit-transition-duration: 0.5s; /* Safari */
  -moz-transition-duration: 0.5s; /* Moz */
  transition-duration: 0.5s;
  background-color: #2e6299;
}

.appCalipsoItem:hover {
  /* font-weight: bold; */
  -webkit-transition-duration: 0.2s; /* Safari */
  -moz-transition-duration: 0.2s; /* Moz */
  transition-duration: 0.2s;
}

/******* Listas Listview *******/

.dataView-centerPanel div#divCalipso {
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.26);
  box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
}

.dataViewNavBarMaterial {
  height: 50px;
}


.dataViewNavBarMaterial > .nav-wrapper{
  background: #fafafa;
  box-shadow: none;
  overflow: visible;
}

.dataViewNavBarMaterial .divider {
  height: 25px;
  overflow: hidden;
  width: 2px;
  margin-top: 14px;
  background-color: lightgrey;
}

.dataViewNavBarMaterial .navBarDivider {
  margin-left: 0px;
  margin-right: 0px;
}

.dataViewNavBarMaterial i {
  margin: 0px;
  color: #454545;
  font-size: 1.2em !important;
}

.dataViewNavBarMaterial li a {
  padding: 0px;
}

.dataViewNavBarMaterial .material-icons {
  height: 50px;
  line-height: 50px;
}

.dataViewNavBarMaterial .cubes {
  height: 18px;
  width: 18px;
  margin: 5px 0px;
  display: inline-block;
  background-color: #454545;
}

.dataViewNavBarMaterial .excel {
  height: 18px;
  width: 18px;
  margin: 5px 5px;
  display: inline-block;
  background-color: #454545;
}

.dataViewNavBarMaterial .material-icons.add {
  cursor: pointer;
  border-radius: 70px;
  background-color: #2E6299;
  text-align: center;
  margin-left: 20px;
  width: auto;
  color: white;
  font-size: 1.7em !important;
  height: 27px;
  width: 27px;
  margin-top: 12px;
  line-height: 28px;
}

.dataViewNavBarMaterial .material-icons.add:hover {
  background-color: orange;
  -webkit-transition-duration: 0.3s; /* Safari */
  -moz-transition-duration: 0.3s; /* Safari */
  transition-duration: 0.3s;
}

.dataViewNavBarMaterial li:hover {
  background-color: rgba(102, 102, 102, 0.22);
}

.dataViewNavBarMaterial li:active {
  background-color: rgba(46, 98, 153, 0.26);
}

.dataViewNavBarMaterial li.navBarDivider:hover,
.dataViewNavBarMaterial li:hover:nth-child(1),
.dataViewNavBarMaterial li.navBarDivider:hover,
.dataViewNavBarMaterial .CalNavBarFilter:hover {
  background-color: rgba(102, 102, 102, 0);
}

@media (max-width: 960px){
  ul.hide-on-med-and-down.nav-listview {
    display:initial !important;
  }
  .dataViewNavBarMaterial a.button-collapse.circle.waves-effect.waves-light.center-align {
    display:none;
  }

  .dataViewNavBarMaterial li:nth-child(4),
  .dataViewNavBarMaterial li:nth-child(5),
  .dataViewNavBarMaterial li:nth-child(6) {
    display:none;
  }
}

.dataViewNavBarMaterial li {
  margin: 0px;
  padding: 0px 8px;
}

.dataViewNavBarMaterial .select2-selection--single {
  border-bottom: none !important;
  height: 30px !important;
}

.dataViewNavBarMaterial .select2-selection__rendered {
  line-height: 30px !important;
}

.dataViewNavBarMaterial .select2-selection__arrow {
  height: 25px !important;
  right: 10px !important;
}

.dataViewNavBarMaterial .select2-selection__placeholder {
  color: black !Important;
  padding-left: 5px;
}

.dataViewNavBarMaterial .input-field {
  border: 1px;
  border-color: blue;
  border-style: solid;
  height: 30px;
  color: black;
  line-height: 0px;
  border-color: lightgrey;
  background-color: white;
  margin-top: 10px;
  width: 13em;
  overflow: hidden;
}

.dataViewNavBarMaterial .input-field.combobox {
  border: 1px;
  border-style: solid;
  height: 30px;
  color: black;
  line-height: 0px;
  border-color: lightgrey;
  background-color: white;
  margin-top: 10px;
  width: 12em;
  overflow: hidden;
  padding-left: 8px;
}

.dataViewNavBarMaterial .input-field .gwt-TextBox {
  padding-left: 10px;
  padding-top: 3px;
  width: 13em;
}

.dataView-centerPanel {
  height: calc(100% - 200px);
  overflow: auto;
  width: calc(100vw - 255px);
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 0px;
}

/* Seleccion Masiva */
.td_cbox {

}
.divCalipso .row td [type=checkbox]:checked {
  background-color:black !important;

}

/* Small size */

.dataView-centerPanel #gbox_tableCalipso{
  height: calc(100% - 135px);
}

.dataView-centerPanel #divCalipso .ui-jqgrid-hbox .ui-jqgrid-htable thead tr th.ui-state-default {
  font-size: 13px;
  background-color: #2e6299;
  outline: 0.1px solid rgba(228, 228, 228, 0.42);
  padding: 0px 10px;
  text-overflow: ellipsis;
  font-weight: normal;
}

tr.ui-jqgrid-labels.ui-sortable{
  height: auto !important;
}

.ui-jqgrid-view th{
  text-transform: none;
}

/* Big size */
.dataView-centerPanel #divCalipso tbody tr.bigRowStyle {
  font-size: 16px !important;
}

.ui-jqgrid-bdiv table tbody tr {
  font-size: 12px;
  color: #454545 !important;
  border: 1px rgba(117, 117, 117, 0.19) solid;
}

.ui-jqgrid-bdiv table tbody tr td {
  padding: 0px 3px;
  text-overflow: ellipsis;
}

.ui-jqgrid-bdiv table tbody tr a {
  color: #454545 !important;
  text-decoration: none !important;
}

/******* Footer  *******/

/* Botonera */

.centerBarPresenter #centroApp .editorDiv.row nav {
  position: fixed;
  bottom: 0;
  box-shadow: 0 10px 30px 2px rgba(0,0,0,.4);
  background-color: #eaeaea;
  height: auto !important;
  width: 100%;
  padding: 0px 5px;
}

.gwt-Button {
  padding: 5px 10px;
  border:none;
  color:#fff;
  border-radius: 3px;
  display: inline-block;
  height: 36px;
  text-transform: initial;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  background-color:#454545;
}

.gwt-Button:hover {
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
  -webkit-transition-duration: 0.2s;  /* Safari */
  -moz-transition-duration: 0.2s; /* Moz */
  transition-duration: 0.2s;
}

.southNavBarEditor .hide-on-med-and-down .btn,
.btn-primary,
.btn-success,
.btn-danger,
.btn-warning {
  color: #fff !important;
  text-transform: initial;
  line-height: 0px;
  float: right ;
  border: none;
  border-radius:3px;
  padding: 5px 10px;
  box-shadow:none;
}

.southNavBarEditor .hide-on-med-and-down .btn:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover {
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
  -webkit-transition-duration: 0.2s; /* Safari */
  -moz-transition-duration: 0.2s; /* Moz */
  transition-duration: 0.2s;
}

.btn-success {
  background-color: #009688;
}

.btn-danger {
  background-color: #f44336;
}

.btn-warning {
  background-color: #fbb145;
}

.btn-primary {
  background-color: #71984c;
}

/* Botonera - Acciones */

.southNavBarEditor .hide-on-med-and-down:last-child {
  margin: 0px !important;
  padding:0px;
}

.southNavBarEditor .hide-on-med-and-down .dropdown-content {
  width:300px !important;
  bottom:0px;
}

.southNavBarEditor .hide-on-med-and-down:last-child li {
  margin: 10px 10px !important;
}

.southNavBarSectionEditor .dropdown-content li a {
  padding:0px;
  width:250px;
}

.southNavBarSectionEditor .dropdown-content li {
  padding:0px !important;
  line-height:20px; !important;
  min-height:0px !important;
  width:250px;
}

.actionsButton .material-icons {
  cursor: pointer;
  text-align: center;
  margin-right: 0px;
  width: 100%;
}

#centroApp ul.hide-on-med-and-down.right li {
  /* padding: 10px 5px; */
  margin: 10px 10px;
}

ul.hide-on-med-and-down.right {

}

/* Paginador */

.centerBarPresenter .dataView-southPanel {
  height: auto;
  background-color:#eaeaea;
  box-shadow: 0 10px 30px 2px rgba(0,0,0,.4);

}

.containerCandidateEditorFrame .dataView-southPanel .dataViewPagerMaterial {
  background-color: #eaeaea;
  height: auto;
  position: relative;
}

.modalCalipso .containerCandidateEditorFrame .dataView-southPanel .dataViewPagerMaterial {
  overflow: hidden;
  height: 38px;
}

.dataView-centerPanel .dataView-southPanel .dataViewPagerMaterial {
  background-color:#eaeaea;
  height:50px !important;
  position:relative;
  bottom:0;
}

.modalCalipso .dataViewPagerMaterial ul.hide-on-med-and-down.left {
  margin: 0px;
  height: 38px;
}

.modalCalipso .dataViewPagerMaterial ul.hide-on-med-and-down.left a{
  line-height: 40px;
}

.modalCalipso .dataViewPagerMaterial ul.hide-on-med-and-down.left .material-icons,
.modalCalipso .dataViewPagerMaterial ul.hide-on-med-and-down.left span{
  line-height: 40px;
  color:#454545;
  font-size:16px;
  padding:0px 7px;
}

.pageSizeChanger{
  margin: 0px 0;
}

#centroApp ul.hide-on-med-and-down.pageSizeChanger.right li{
  margin: 0px 10px;
  width: 100px;
}

.pageSizeChangerCombo{
  color: #454545;
  font-size: 16px;
  padding: 0px 7px;
  line-height: 30px;
}

.dataViewPagerMaterial ul.hide-on-med-and-down.left {
  margin:10px 0;
}

.dataViewPagerMaterial ul.hide-on-med-and-down.left .material-icons {
  font-size: 30px;
}

.centerBarPresenter .dataView-southPanel ul.hide-on-med-and-down.left li a,
.centerBarPresenter .dataView-southPanel ul.hide-on-med-and-down.left li a i {
  color:#454545;
  font-size:16px;
  padding:0px 7px;
  line-height:30px;
}

.centerBarPresenter .dataView-southPanel .nav-wrapper ul.hide-on-med-and-down li a:hover,
.centerBarPresenter .dataView-southPanel .nav-wrapper ul.hide-on-med-and-down li a i:hover {
  color: #000;
  -webkit-transition-duration: 0.2s;  /* Safari */
  -moz-transition-duration: 0.2s; /* Moz */
  transition-duration: 0.2s;
}

@media (max-width: 600px) {
  #centroApp .dataView-southPanel.row nav.dataViewPagerMaterial .nav-wrapper ul {
    display: block !important;
  }
}

/* Tooltips*/

.material-tooltip {
  font-size:12px;
}

/****************************************
Edition Screen
*****************************************/

/* Desplegables */

div#centerPanelEditor {
  overflow-y: scroll;
  height: calc( 100% - 50px );
}

.editorMainPanel {
  width: 100%;
  max-width: 90%; /* 1080px;*/
  margin: auto;
  position: relative;
  top: 20px;
  height: 100%;
}

.editorMainPanel .collapsible-header i {
  line-height:unset !Important;
  -webkit-transition-duration: 0.2s;  /* Safari */
  -moz-transition-duration: 0.2s; /* Moz */
  transition-duration: 0.2s;
}
/* barra de titulo */
.editorMainPanel .collapsible-header.active {
  background-color: #2e6299;
}

.editorMainPanel .collapsible-header.active i {
  line-height:unset !Important;
  color:#fff;
  transform:rotate(180deg)
}

.editorMainPanel .collapsible-header.active a {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.editorMainPanel .collapsible-header a {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}

/* Tabs */
.tabsCalipso .tab{
  text-transform: none;
}

.tabsCalipso .tab .dropdown-button {
  color: #454545;
  background-color: #fff;
  letter-spacing: .5px;
  transition: .2s ease-out;
  box-shadow:none;
  float:left;
}

.tabsCalipso .tab span{
  color: #31629e;
}

.tabsCalipso.tabs{
  overflow: visible !important;
}

.tabsCalipso .active{
  border-bottom: #31629e;
  border-width: 2px;
  border-style: solid;
  border-top: none;
  border-right: none;
  border-left: none;
}

.tabsCalipso .active:nth-last-child(2){
  border:none;
  color:#fbb145;
}

.tabsCalipso .dropdown-content {
  width:250px !important;
  position:relative;
  top:49px !important;
}

.tabsCalipso .dropdown-content li {
  min-height:initial;
}

.tabsCalipso .dropdown-content li a {
  padding:5px 10px;
}

.row .tabsColumn{
  padding: 0px;
  border: solid;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-color: rgba(211, 211, 211, 0.36);
  border-width: 2px;
}

.collapsible-body .s12.col ul.tabsCalipso.tabs li a span {
  color: #454545 !important;
  padding:0px 10px;
}

.collapsible-body .s12.col ul.tabsCalipso.tabs li a.active span {
  color: #31629e !important;
  -webkit-transition-duration: 0.2s;  /* Safari */
  -moz-transition-duration: 0.2s; /* Moz */
  transition-duration: 0.2s;
}


/****** Campos Editor Screen ******/

.editor-fieldLabel,
.editor-fieldLabelMobile {
  color: #31629e;
  font-size: 14px;
  cursor: text;
  display: inline;
  font-weight:bold;
}

.requiredField {
  padding-left:3px;
  color:#db5565;
}

.editor-fieldValuePanel * {
  padding:0px !important;
}

.editor-fieldValuePanel * {
  font-size:13px !important;
}

/*** Arreglos PARCIALES ***/
/* Separacion */
.editor-fieldValuePanel .input-field {
  margin:0px 0 !important;
}
/* Altura */
.editor-fieldValuePanel input {
  height:inherit;
}

.calipsoCheckBox {
  overflow: hidden;
}


/* Campos General */
.editor-fieldValuePanel > .input-field,
.editor-fieldValuePanel .divreferencia {
  height: 20px !important;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
}

.editorMainPanel .transactionHeader .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n) .editor-fieldValuePanel *,
.editorMainPanel .transactionFooter .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n) .editor-fieldValuePanel * {
  color:#454545 !important;
  padding:0px !important;
  box-sizing:border-box !important;
  line-height:25px !important;
  height:25px !important;
}

.editorMainPanel .transactionHeader .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n) .editor-fieldValuePanel * button,
.editorMainPanel .transactionFooter .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n) .editor-fieldValuePanel * button {
  height:20px !important;
  width:20px !important;
}

.editorMainPanel .transactionHeader .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n) .editor-fieldValuePanel .divreferencia *,
.editorMainPanel .transactionFooter .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n) .editor-fieldValuePanel .divreferencia *  {
  padding: 0 !important;
}



/* Solo Lectura y texto - Editor Screen */
.editor-fieldValuePanel .readOnly,
.editor-fieldValuePanel > .disabled,
.row textarea.editor-MemoValue.editor-MemoValue-readonly,
.read-only.editor-fieldValueReadOnly.input-field.disabled,
input.-readonly {
  background-color: #eaeaea !important;
  border-bottom: none !important;
  border:none !important;
  padding:0 6px !important;
  box-sizing:border-box !important;
  line-height:25px !important;
  height: 30px;
}

.editor-fieldValuePanel .divreferencia {
  padding:0px !important;
  box-sizing:border-box !important;
  line-height:25px !important;
  height: 25px !important;
}

.editor-fieldValuePanel .divreferencia .gwt-TextBox {
  padding:0px !important;
  box-sizing:border-box !important;
  line-height:25px !important;
  height:25px !important;
}

/* Combobox Editor Screen */
.editor-FieldComboValue.input-field.combobox * {
  line-height:25px !important;
  height:25px !important;
  font-size: 13px;
}

.editor-FieldComboValue.input-field.combobox {
  margin:0px !important;
}

.editor-FieldComboValue.input-field.combobox .material-label{
  display: none;
}

/*Fin*/

.divreferencia {
  display: table;
  width: 100%;
}

/* Campos - Texto */
.editorMainPanel .collapsible .active .collapsible-body .s12.materialColumnTab.col tr td .row {
  margin-bottom: 0px !important;
  display:initial;
  align-items: stretch;
}

/* Borra Segundo Border Bottom & Focus Shadows */
.editorMainPanel .collapsible .active .collapsible-body .s12.materialColumnTab.col tr td .editor-fieldValuePanel .input-field input {
  border-bottom: none;
}

.editorMainPanel .collapsible .active .collapsible-body .s12.materialColumnTab.col tr td .editor-fieldValuePanel .input-field input:focus {
  border-bottom: none;
  box-shadow: none;
}

.editor-fieldValuePanel .input-field:focus,
.editor-fieldValuePanel .divreferencia input.gwt-TextBox:focus,
.editor-fieldValuePanel .divreferencia .inputGroupButtonGoogle:focus,
.editor-fieldValuePanel .input-field input.gwt-TextBox:focus {
  box-shadow: none;
}

.editor-fieldValuePanel .read-only.editor-fieldValueReadOnly.disabled.input-field,
.editor-fieldValuePanel .divreferencia input.gwt-TextBox,
.editor-fieldValuePanel .divreferencia .inputGroupButtonGoogle {
  border-bottom: none !important;
}


/* Campos - Otros */
.pickerEditor input {
  display: none;
}

.pickerEditor .picker__weekday {
  display: table-cell;
}

.pickerEditor .picker__header {

}

.editor-fieldValuePanel .divreferencia .gwt-TextBox-readonly {
  width: 100%;
}

.editorMainPanel .transactionHeader .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n+1) td,
.editorMainPanel .transactionFooter .active .collapsible-body .s12.materialColumnTab.col tr:nth-child(2n+1) td  {
  padding-bottom:0px !important;
  padding-top:0px !important;
}

.editorMainPanel .transactionHeader .active .collapsible-body .s12.materialColumnTab.col tr td tr:nth-child(2n+1) td,
.editorMainPanel .transactionFooter .active .collapsible-body .s12.materialColumnTab.col tr td tr:nth-child(2n+1) td {
  padding-top:3px !important;
}

.editorMainPanel .transactionHeader .active .collapsible-body .s12.materialColumnTab.col tr td:nth-child(1),
.editorMainPanel .transactionFooter .active .collapsible-body .s12.materialColumnTab.col tr td:nth-child(1) {
  padding-right:10px !important;
  width: 50%;
}

.editorMainPanel .transactionHeader .active .collapsible-body .s12.materialColumnTab.col  tr td:nth-child(2),
.editorMainPanel .transactionFooter .active .collapsible-body .s12.materialColumnTab.col  tr td:nth-child(2) {
  padding-left:10px !important;
  width: 50%;
}

/****** Detalle - Nav ******/

.transactionBody .ui-jqgrid-bdiv {
  height:auto !important;
}

.materialNavBarEditor {
  background-color:#fafafa;
  line-height:initial;
  height: 40px;

}

.materialNavBarEditor .nav-wrapper {
  display:flex;
  flex-direction:row;
  align-items: center;
}

.materialNavBarEditor .nav-wrapper ul {
  display:flex;
  flex-direction:row;
  align-items: center;
}

.materialNavBarEditor .nav-wrapper ul li,
.materialNavBarEditor .nav-wrapper ul li i {
  color:#454545;
  font-size:18px !important;
}

.materialNavBarEditor .nav-wrapper ul li a,
.materialNavBarEditor .nav-wrapper ul li span {
  color:#454545;
}

.materialNavBarEditor .nav-wrapper ul li .input-field {
  width: 250px;
}

.materialNavBarEditor .nav-wrapper ul li .input-field i {
  right: 0;
  width: 20px;
  line-height:30px;
}

.materialNavBarEditor .nav-wrapper ul li .input-field input {
  background-color:#eaeaea;
  margin:0px;
  padding:5px;
  font-size:15px;
  width: 100%;
  color:#454545;
}

.materialNavBarEditor .nav-wrapper ul li a:hover,
.materialNavBarEditor .nav-wrapper ul li:hover,
.materialNavBarEditor .nav-wrapper ul li i:hover,
.materialNavBarEditor .nav-wrapper ul li span:hover {
  background-color:rgba(0, 0, 0, 0) !important;
  color:black;
}

/****** Tabla Table Editor Items ******/

.rowEditor table td .editor-list-evenRow .dropdown-content {
  width:200px !important;
}

.rowEditor table td .editor-list-evenRow .dropdown-content li {
  min-height:initial;
}

.rowEditor table td .editor-list-evenRow .dropdown-content li a {
  padding:5px;
}

.rowEditor table td{
  border: 1px solid #e0e0e0;
  color: #454545;
  padding:0px;
}

.rowEditor table td .editor-list-evenRow td div:first-child,
.rowEditor table td .editor-list-evenRow td div:first-child .dropdown-button,
.rowEditor table td .editor-list-evenRow .editor-fieldValuePanel .divreferenciaitem,
.rowEditor table td .editor-list-evenRow .editor-fieldValuePanel .input-field,
.rowEditor table td .editor-list-evenRow .editor-fieldValuePanel .inputGroupButtonGoogle {
  height: 26px; !important;
}

.rowEditor table td .editor-list-evenRow  {
  height:10px; !important;
}

.rowEditor table td .editor-list-evenRow td {
  padding:0 4px  !important;
  height:10px !important;
}

.rowEditor table td .editor-list-evenRow .editor-fieldValuePanel .inputGroupButtonGoogle button {
  height:15px;
  width:15px;
  margin-right:5px;
}

/* Remove border input */

.rowEditor table td .editor-list-evenRow td  .editor-fieldValuePanel input[type=text],
.rowEditor table td .editor-list-evenRow td  .editor-fieldValuePanel input[type=text]:focus {
  border:none !important;
  box-shadow:none !important;
}

.rowEditor table td .divreferenciaitem input,
.rowEditor table td .divreferenciaitem .inputGroupButtonGoogle,
.rowEditor table td .editor-list-evenRow .editor-fieldValuePanel .input-field {
  border:none !important;
  padding-left:5px;
  height: 26px !important;
}

/* Text area Items */

.rowEditor table td .editor-list-evenRow .row .col {
  padding:0px;
  height:initial;
  line-height: initial;
}

.rowEditor table td .editor-list-evenRow .row .col textarea.editor-MemoValue{
  background-color: white;
  padding: 5px !important;
  height: 26px;
  font-size: 12px;
  border: 1px dotted black;
}

.rowEditor table td .editor-list-evenRow .btn.dropdown-button {
  padding:0px;
  background-color:white;
  box-shadow:none;
  color:#454545;
}

.rowEditor table td .editor-list-evenRow td > div {
  text-align:center;
}

.resizableTableGWT td,th{
  display: table-cell;
}

.transactionBody .rowEditor table tr:first-child th {
  background-color: #2E6299;
  color: white;
  font-size: 13px;
  padding:5px !important;
  border-right: 1px solid white;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap:normal;
}

.transactionBody .rowEditor table tr:first-child th div {
  text-overflow: ellipsis;
}

.rowEditor table tr:first-child th:last-child {
  background-color: #2E6299;
  color: white;
  border-right: 1px solid black;
}

.editor-list-columnHeader2{
  background-color: #2E6299;
  padding-left: 5px;
  overflow: auto;
}

.expand{
  color: #2E6299;
  text-align: center;
  width: auto;
  font-size: 1.7em !important;
  height: 27px;
  width: 27px;
  margin-top: 12px;
  line-height: 28px;
}

.divreferenciaitem{
  position: relative;
  display: table;
  border-collapse: separate;
  word-break: unset;
  word-wrap: unset;
  white-space: nowrap;
  width: 100%;
}

.divreferenciaitem .gwt-TextBox{
  width: 100%;
  margin: 0px;
}

/* Seleccion de candidatos */

.centerPanelSelectCandidate {
  padding: 0px 10px;
  height: calc(100vh - 190px);
  overflow: auto;
  margin-bottom: 0px;
}

.modalCalipso .centerPanelSelectCandidate {
  padding: 0px 10px;
  height: 70%;
  overflow: auto;
  margin-bottom: 0px;
}

.containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(1):hover,
.containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(2):hover,
.containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(3):hover,
.containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(4):hover {
  background-color: rgba(102, 102, 102, 0);
}

.modalCalipso .containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(1):hover,
.modalCalipso .containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(2):hover,
.modalCalipso .containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(3):hover,
.modalCalipso .containerCandidateEditorFrame .dataViewNavBarMaterial li:nth-child(4):hover {
  background-color: rgba(102, 102, 102, 0);
}

.containerCandidateEditorFrame .dataViewNavBarMaterial li:hover {
  background-color: rgba(102, 102, 102, 0.22);
}

/* Seleccion de candidatos - Modal */
.modalCalipso .containerCandidateEditorFrame {
  margin:0;
}


.modalCalipso .containerCandidateEditorFrame .nav-listview li:nth-child(1) .input-field,
.modalCalipso .containerCandidateEditorFrame .nav-listview li:nth-child(2) .input-field,
.modalCalipso .containerCandidateEditorFrame .nav-listview li:nth-child(3) .input-field,
.modalCalipso .containerCandidateEditorFrame .nav-listview li:nth-child(4) .input-field {
  width:100px;
  padding: 0px 5px;
}



.modalCalipso .containerCandidateEditorFrame .row {
  padding:0 !important;
}

.modalCalipso .containerCandidateEditorFrame .dataView-southPanel {
  bottom:0;
  /*position: absolute;*/
  width:90%;
}



.modalCalipso .containerCandidateEditorFrame .centerPanelSelectCandidate #divCalipso {
  padding:0 10px !important;
}


/* Editor Frame */

.memoEditorFrame {
  height: calc(100% - 115px);
  margin-left: 0px;
  margin-right: 0px;
  overflow: auto;
  margin-top: 67px;
}

.editor-MemoValueDetail {
  margin:10px 0px 0px;
}

.aceEditorCalipso {
  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}

.aceEditorCalipso div {
  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  font-family: Segoe UI, tahoma, 'lucida grande', verdana, arial, sans-serif;
}

.aceEditorCalipso span {
  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  font-family: Segoe UI, tahoma, 'lucida grande', verdana, arial, sans-serif;
}

.aceEditorCalipso textarea {
  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  font-family: Segoe UI, tahoma, 'lucida grande', verdana, arial, sans-serif;
}


/* MAGIA PARA QUE EL JQGRID SE AUTO AJUSTE */
.ui-jqgrid {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: auto !important;
}

.ui-jqgrid > .ui-jqgrid-view {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: auto;
  width: auto !important;
}

.ui-jqgrid > .ui-jqgrid-view, .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv {
  flex: 1;
  width: auto !important;
}

.centerPanelSelectCandidate .ui-jqgrid{
  flex: none;
  width: auto !important;
  height: calc(100%) !important;
}


.ui-jqgrid > .ui-jqgrid-pager, .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv {
  flex: 0 0 auto;
  width: auto !important;
}

/* enable scrollbar */

.ui-jqgrid-bdiv {
  overflow: auto
}

.box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.boxHeader {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: green;
}

.boxContent {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-flex: 1.0;
  overflow: auto;
}

.boxFooter {
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  background-color: cornflowerblue;
}

.fullSize {
  width: 100%;
  height: calc(100% - 135px);
  margin: 0;
  padding: 0;
}

.multipleActive{
  height: calc(100% - 185px);
}

@media (max-width: 650px) {
  .fullSize {
    width: 100%;
    height: calc(100% - 95px);
    margin: 0;
    padding: 0;
  }
}

/*REPORTEADOR*/

.rowReporterCenterPanel {
  margin-bottom: 0px;
}

.materialColumnTabsReporter {
  padding: 0px !important;
}

.expressionsParametersTable select {
  display: block;
}

.resumeDashboard{
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* EXPANDIR MEMO VALUE */

.editor-MemoValue-expanded  {
  height: 200px !important;
}

.card .card-content p.numerosrentasincomparacion {
  font-family: 'Roboto', sans-serif;
  font-size:3em;
  color:#474747;
  font-weight: 500;
  float:none;
  display:inline;
  margin-top: 0px;
  margin-bottom: 10px;
  position: relative;
  top: -10px;
}

.app-toolbarButton {
  font-size: 0.85em;
  margin: 0px;
  margin-right: 2px;
  text-decoration: none;
  cursor: pointer;
  padding-left: 10px;
  display: inline;
  width: 5%;
  /* background: url(images/hborder.png) repeat-x 0px -27px; */
  white-space: nowrap;
  list-style-type: none;
}

.editor-detailListControl{
  overflow: hidden;
}

.centerPanelSelectCandidate div#divCalipso {
  height: 100%;
  overflow: hidden;
}

.contenedorBasicModal{
  height: 290px;
  overflow: auto;
}

@media (max-width: 600px) {
  nav .brand-logo img.imageBrandCalipso {
    padding-left: 25px;
    padding-top: 0px;
  }
}

.southNavBarEditor .southNavBarSectionEditor{
  display: block !important;
}

/*Relogin*/

.generalContainerRelogin {
  display: flex;
  flex-direction: column;
  height: 360px;
  box-sizing: border-box;
  text-align: center;
  background-color: black;
}

.innerContainerRelogin {
  display: flex;
  height:100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin:auto;
}

#inicioRelogin,
.inputRelogin {
  width:100%;
  border-radius:3px;
}

.inputRelogin {
  display: inline-block;
  color: #2d2d2d;
}

#inicioRelogin{
  background: #0000;
  border: 5px;
  cursor: pointer;
  border: 1px solid;
  border-color: #fff;
}

#inicioRelogin:hover{
  border-color:#f19203;
  color:#f19203;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
}


/* Center the avatar image inside this container */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

/* Avatar image */
img.avatar {
  width: 35%;
}

.modalCalipso .modal-content .input-field.inputRelogin input{
  box-shadow: none;
}

.containerRelogin {
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.3);
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Google */
#google {
  width:200px;
  height:48px;
  background-size: 100% 100%;
  cursor: pointer;
}

#google:hover{
  background-size: 200px 40px;
  background-size: 100% 100%;
}

.buttonGoogle{
  padding: 0px;
  background-color: transparent;
  border-color: transparent;
  margin: 20px;
}

@media (max-width: 1024px) {
  .containerRelogin {
    width:100%;
    min-width:600px;
    height:auto;
    padding:40px;
  }

  .imgcontainer {
    width:100%;
    margin:40px 0 !important;
  }


  .inputRelogin {
    font-size:1.7em;
    padding:20px;
  }

  #inicioRelogin {
    width:100%;
    font-size:1.7em;
    padding:20px;
  }
}


/*** Mobile - Tablets ***/
@media all and (max-width: 1024px) {

  span.mdl-layout-title img {
    width:80% !important
  }
  .calipso-layout__header {
    width:100%;
    background: #000 !important;
  }
  .calipso-header-search {
    background-color: #f2f2f2;
    margin-top: 15px !important;
  }

  /* User */
  span.calipso-user-content.mdl-layout-title {
    position:absolute;
    float:right;
    top:15px;
    right:40px;
  }

  span.calipso-user-content.mdl-layout-title  img{
    width:50px;
  }


  /* Nav Bar */
  .calipso-nav-left-desktop {
    display: none;
  }

  header.mdl-layout__header.calipso-layout__header.is-casting-shadow .mdl-layout__drawer-button i.material-icons,
  .mdl-layout__drawer.calipso-nav-left.calipso-nav-left-mobile {
    display:inline;
  }

  .calipso-nav-right {
    width: 100%;
    float:initial;
    margin: auto !important;
  }

  /****** Modales ******/
  /* Seleccionar Filtro */
  .modalCalipso .modal-content .row:nth-child(1) .input-field {
    background-color: #ffffff;
    border: 1px solid #d1d3d4;
    padding: 0px 10px;
    margin: 10px 0px;
    width:100%;
  }

}

/*** Mobile - Phones ***/

@media all and (max-width: 480px) {

  span.mdl-layout-title img {
    width:80% !important
  }
  .calipso-layout__header {
    width:100%;
    background: #000 !important;
  }
  /****** General Search ******/
  .calipso-header-search {
    margin-left: 0px !important;
    width:50% !important;
    max-width:1080px !important;
  }

}

@media all and (max-width: 480px) {

  /****** General Botones ******/
  .southNavBarEditor a.button-collapse.circle.waves-effect.waves-light.center-align {
    display:none;
  }

  #centroApp .row nav .nav-wrapper ul.hide-on-med-and-down.right li,
  .southNavBarEditor .hide-on-med-and-down:last-child li {
    margin:10px 5px;
  }

  .southNavBarEditor .hide-on-med-and-down .btn,
  .btn-primary,
  .btn-success,
  .btn-danger,
  .btn-warning {
    color: #fff !important;
    height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 0px;
    float: right ;
    border: none;
    border-radius:0;
    padding: 5px 5px;
    box-shadow:none;
  }

  ul.hide-on-med-and-down.southNavBarSectionEditor.left {
    width:50px !important;
    height:40px;
  }

  .modalCalipso .modal-footer .btn {
    margin: 5px;
    padding: 5px;
  }

  .modalCalipso .modal-footer .btn span {
    font-size: 12px;
    padding: 0px !important;
  }

  /****** Modales ******/
  /* Seleccionar Filtro */
  .modalCalipso .modal-content .row .col {
    padding: 0px 3px;
  }

  .modalCalipso .modal-content div .row:nth-child(1) {
    background-color: #eaeaea;
    padding: 0px;
  }

  .modalCalipso .modal-content .row:nth-child(1) .input-field span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single .select2-selection__arrow {
    width:20px;
  }

  .modalCalipso .modal-content .row:nth-child(1) .input-field {
    background-color: #ffffff;
    border: 1px solid #d1d3d4;
    padding: 0px 3px;
    margin: 10px 0px;
    width:100em;
    max-width:100px;
  }

}


/****************************************
Tableros
*****************************************/

/* General */

.graphicCard {
  background-color:unset;
  box-shadow: none;
  margin: 0px;
  height:auto;
}

.nodesCenterNavigationPresenter .cardContentGraphic {
  height: auto;
  color: #454545;
  background-color: #fff;
  margin: 10px;
  padding:20px !important;
  overflow:auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#contenedorenta,
.contenedorranking,
#todolist,
#contenedortabladashboard {
  display: inline-block;
  width: 100%;
  padding:0;
  margin:0;
}

.graphicCard p,
.graphicCard td,
.graphicCard .todolistitem,
.graphicCard .nombreitemranking {
  font-size: 15px;
  color:#454545;
}

/* Borra Br */
#contenedorenta br,
.contenedorranking br,
#todolist br,
#contenedortabladashboard br {
  display:none;
}

/*Titulos */
h2.titulosdashtabla,
h2.titulosdash,
.contenedorranking h2,
.h2todolist {
  font-size:20px;
  color:#454545 !important;
  margin:0 0 20px 0;
  font-weight:bold;
}


/**** Resumen ****/

#contenedoresumen {
  background: #fff;
  width: auto;
  box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.2);
  padding:10px 20px;
}

.nodesCenterNavigationPresenter .iconetiquedasincomparacion{
  height:20px;
  margin-top:10px;
  margin-right:10px;
}


/**** Resumen Dashboard ****/
.resumeDashboard .iconetiquedasincomparacion{
  height:20px;
  margin-top:0px;
  margin-left:10px;
}

.flechas,
.numerosrenta {
  float:left;
}

.flechas {
  margin-bottom:10px;
  line-height:initial;
  font-size:30px !important;
  top:-5px;
  position:relative;
}

#contenedorenta .money {
  font-size:20px !important;
  font-weight:bold;
}

.progressbaretiqueta{
  display: block;
  clear:both;
  width:100%;
  float:left;
  background-color: lightgrey;
}

.progressbaretiqueta .ui-progressbar-value{
  background-color: #25a2b7;
  margin: 0px;
  border-color: transparent;
  border-radius:0;
}

.ayer {
  right:35px;
  position:absolute;
}

/* Ultimas Ventas */

.graphTable{
  text-align:center;
}

.graphTable td:hover {
  background-color: #f5f5f5;
}

.graphTable tr{
  color:#25a2b7;
}

.graphTable th {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  text-align:center;
  overflow:hidden;
  display: table-cell;
}

.graphTable td {
  padding:7px;
  border-bottom: 1px solid #ddd;
  text-align:center;
}

/**** Ranking ****/

.nombreitemranking {
  font-size:16px;
  display: inline;
  margin-right:20px;
}

.iconoitemraking{
  text-align: right;
  display: inline;
}

.col.l4 .porcentajeitemsranking div{
  display: inline;
}

.itemRankingTotal{
  position: relative;
  top: -7px;
  font-size: 17px;
  margin-left: 20px;
}

/**** To do List ****/
#todolist .fa {
  color:#25a2b7;
}

.todolistitem {
  cursor: pointer;
  position: relative;
  padding: 12px 8px 12px 20px;
  background: #fff;
  font-size: 16px;
  transition: 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.todolistitem:hover {
  background-color: rgba(102, 102, 102, 0.22);
}

/* When clicked on, add a background color and strike out text */
.todolistitem li.checked {
  background: #d8d8d8;
  color: #5d5d5d;
  font-weight:normal;
}

.card-3 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

@media (max-width: 750px) {
  #todolist {width:50%;}
}

@media (max-width: 400px) {
  #todolist {width:100%;}
}

.editor-ItemFieldComboValue{
  margin-top:0px;
}

.editor-ItemFieldComboValue .select2-container--default .select2-selection--single .select2-selection__rendered{
  margin-top:0px;
  line-height: 30px;
}

.editor-ItemFieldComboValue .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 25px;
}

/*CHAT*/
.CalipsoSystemChat .textChat .gwt-TextBox{
  width: 80% !Important;
}

.CalipsoSystemChat .textChat{
  display: inline;
}

.CalipsoSystemChat .sendChat{
  display: inline;
}

.CalipsoSystemChat .modal-footer{
  width: 100%;
  right: -10px;
}

/*DASHBOARD BUILDER*/
.materialItemDashboardCalipso{
  display: block;
}

/*LOGIN*/
.loginModalStyle{
  background-color: black;
}

/*SEGURIDAD*/
.secureCard .card-action{
  position: relative;
  overflow: visible;
  height: auto;
}

.secureCard .card-action a:not(.btn):not(.btn-large):not(.btn-floating){
  height: 26px;
}

.editSecurity .row .col.l6{
  margin-left: unset;
}

.secureCard .securityAction span:hover{
  background-color: lightgrey;
}

/*MODAL EDITAR DATAVIEW*/
.DataViewEditorModal{

}

.DataViewEditorModal .modal-footer{
  text-align: right;
  padding-top: 14px;
}

.DataViewEditorModalCloseButton{
  background-color: #009688;
  margin: 0px 8px;
  padding: 5px 10px;
  color: white;
}

/*INDICADORES LIGHT*/

.bloqueIndice {
  display: inline;
  padding-left: 50px;
}

.codigoIndice{
  font-weight: bold;
  color: black;
  font-family: Arial;
}

.valorIndice{
  color: mediumseagreen;
}

.indicadoresLightNavBar{
  background-color: whitesmoke;
  height: 25px;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
  text-align: center;
  padding-top: 3px;
}

.indicadoresDiv{
  display: inline-block;
  animation: marquee 70s linear infinite;
}

.indicadoresDiv2{
  display: inline-block;
  animation: marquee2 70s linear infinite;
  animation-delay: 30s;
  visibility: hidden;
}

.contenedorIndicadores{
  overflow: hidden;
  white-space: nowrap;
}

.iconoIndice{
  cursor: none !important;
  display: inline !important;
  font-size: 17px !important;
  color: black !important;
  line-height: inherit !important;
  padding-right: 5px !Important;
  vertical-align: text-top !Important;
}

.fechaIndicador{
  display: inline;
  color: black;
  float: left;
  padding-left: 15px;
  width: 550px;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
    visibility: visible;

  }
  to {
    transform: translateX(-200%);
    visibility: visible;
  }
}

/*GOOGLE DRIVE EXPORTAR A EXCEL*/
.driveingresonombre{
  padding-left: 20px;
}

.botonaceptardrive{
  margin-left: 10px;
}

/*MEMO*/
.memoRightButtons{
  margin-right: 400px;
}


/*BOTON DE LOADING DE JQGRID*/
.ui-state-default.ui-state-active{
  display:none !important;
}

/*NAVBAR AUTHORIZE BAR*/
.navegacionAuthorizeBar{
  display: inline;
  cursor: none;
  margin-left: 20px;
  margin-right: 20px;
}
.botonAutorizarAuthorizeBar{
  float: right;
}
.botonAutorizarAuthorizeBar .btn{
  background-color: #009688;
  line-height: 0px;
}
.botonAutorizarAuthorizeBar .btn.nothingApprove{
  background-color: gainsboro;
}

.dataViewNavBarAuthorize{
  line-height: 50px;
}

/*AUTHORIZE GRID*/
.authorizeGrid{

}
.authorizeGrid .rowItem{
  margin-top: 10px;
}
.authorizeGrid .collapsableHeader{
  height: 170px;
  border: none;
  padding: 10px 15px !important;
  line-height: 2em !important;
  border-radius: 10px;
}
.authorizeGrid .collapsableHeader span{
  color: #000;
}
.authorizeGrid .addIcon{
  padding-left: 30px;
  padding-top: 10px;
}
.authorizeGrid .headerRow{
  display: block;
  height: 40px;
}
.authorizeGrid .leftTextHeaderRow{
  float: left;
  display: inline;
  height: 20px;
}
.authorizeGrid .btn.leftTextSubHeaderRow{
  height: 23px;
  font-size:15px;
  box-shadow: none;
  line-height: 20px;
  background-color: #fbb145;
}

.authorizeGrid .rightTextHeaderRow{
  float:right;
  display: inline;
  height: 20px;
}
.authorizeGrid .subHeaderRow{
  height: 40px;
}
.authorizeGrid .leftTextSubHeaderRow{
  float: left;
  display: inline;
}
.authorizeGrid .authorizeBox{
  float:right;
  display: inline;
}


/*Boton de play de acciones */
.playAction{
  font-size: 18px !important;
  background-color: lightgray;
  cursor: pointer;
}

/*Boton del editor para decir si estan o no en linea los recalculos*/
.southNavBarSectionEditor .checkBoxRecalcOnline{
  line-height: 40px;
  height: 30px;
}

.NavBar{
  background-color: #2e6299;
}

.upselling-appitem-li{
  display: inline-block;
  height: 84px;
  list-style-type: none;
  padding: 6px;
  position: relative;
  transition: transform .2s cubic-bezier(.222,0,0,1);
  vertical-align: top;
  width: 84px;
}

.upselling-addapps-div {
  box-sizing: content-box;
  margin: 0;
  padding: 0;
  height:200px;
  padding-top: 0;
}

.u4RcUd {
  padding-top: 0;

}

.upselling-appitem-li-a{

  -webkit-touch-callout: none;
  user-select: none;
  border-radius: 16px;
  margin: 0;
  outline: none;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 84px;
  height: 104px;
  draggable: "false";
}

.upselling-appitem-li-a:hover {
  background-color: #e8eaed;
  white-space: normal;
  font-weight: bold;
  /*width: auto;*/
}

/*
a {
  text-decoration: none;
  color: #2962ff;
}*/

.upselling-appitem-li-a-div{
  height: 37px;
  margin-top: 5px;
}

.upselling-appitem-li-a-div-span.d{
  background-size: 53px;
}

.upselling-appitem-li-a-div-span{

  background-size: 53px 2663px;
  display: inline-block;
  height: 53px;
  vertical-align: top;
  width: 53px;
}

.upselling-appitem-li-a-div-span-text{
  color: rgb(32, 33, 36);
  display: inline-block;
  font-family:"Arial";
  font-size: 11px;
  letter-spacing: .85px;
  line-height: 12px;
  text-overflow: ellipsis;
  width: 76px;
  height: 15px;
}

.upsellingTitleItem{
  display: -webkit-box;
  line-height: 28px;
  cursor: pointer;
  padding: 0px 10px;
  clear: both;
  width: 100%;
}

.upsellingTitleItem span {
  display: block;
  width: 100%;
  height: 100%;
  color: #454545;
  font-size: 18px;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 40px;
  font-weight:bold;
  font-family: Arial ;

}