.report-container { margin-bottom: 15px; } .report-container > ul { list-style: none; padding: 0; margin-bottom: 15px; } .report-container > ul .item { float: left; overflow: hidden; } .report-container > ul .item .content { margin: 5px; position: relative; } .report-container > ul .item .content .drag-handle { width: 14px; height: 14px; position: absolute; left: 15px; top: 13px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; font-size: 14px; cursor: move; } .report-container > ul .item .content .drag-handle:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f0c9"; color: #b6b6b6; } .report-container > ul .item .content .widget-control { position: absolute; display: none; width: 15px; height: 15px; color: #b6b6b6; opacity: 1; filter: alpha(opacity=100); outline: none; } .report-container > ul .item .content .widget-control:hover { color: #0181b9; } .report-container > ul .item .content .report-widget h3 { padding-left: 0; -webkit-transition: padding 0.2s; transition: padding 0.2s; } .report-container > ul .item .content .edit-widget { text-indent: -10000em; right: 15px; top: 15px; } .report-container > ul .item .content .edit-widget:before { position: absolute; display: block; text-indent: 0; left: 0; width: 15px; height: 15px; font-size: 16px; } .report-container > ul .item .content .edit-widget:hover:before { text-decoration: none; } .report-container > ul .item .content .edit-widget.inspector-open { display: block; } .report-container > ul .item .content .close { right: 10px; top: 15px; } .report-container > ul .item:hover .widget-control, .report-container > ul .item.dragged .widget-control { display: block; } .report-container > ul .item:hover .report-widget h3, .report-container > ul .item.dragged .report-widget h3 { padding-left: 18px; } .report-container > ul .item:hover .drag-handle, .report-container > ul .item.dragged .drag-handle { opacity: 1; filter: alpha(opacity=100); } .report-container > ul .item.width-1 { width: 8.33%; } .report-container > ul .item.width-2 { width: 16.66%; } .report-container > ul .item.width-3 { width: 24.99%; } .report-container > ul .item.width-4 { width: 33.32%; } .report-container > ul .item.width-5 { width: 41.65%; } .report-container > ul .item.width-6 { width: 49.98%; } .report-container > ul .item.width-7 { width: 58.31%; } .report-container > ul .item.width-8 { width: 66.64%; } .report-container > ul .item.width-9 { width: 74.97%; } .report-container > ul .item.width-10 { width: 83.3%; } .report-container > ul .item.width-11 { width: 91.63%; } .report-container > ul .item.width-12 { width: 100%; } .report-container > ul .item.dragged { -webkit-transition-duration: 0s !important; -moz-transition-duration: 0s !important; transition-duration: 0s !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; position: absolute; opacity: 0.5; z-index: 2000; } .report-container > ul .item.placeholder { display: none; } .report-container > ul .item.separator { width: 100%!important; } .report-container > ul.add-delete .item .content .edit-widget { right: 30px; } .report-container > ul.wrapped .item { width: 100% !important; } .report-container .manage-widgets { display: inline-block; color: #bcc3c7; padding: 10px 15px; font-size: 14px; font-weight: 400; border: 1px dashed #bcc3c7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; } .report-container .manage-widgets i { margin-right: 5px; } .report-container .manage-widgets:hover { text-decoration: none; background-color: #0181b9; color: white; border: 1px solid #0181b9; } .report-container .dropdown.open .manage-widgets { text-decoration: none; background-color: #0181b9; color: white; border: 1px solid #0181b9; } .report-container.isotope, .report-container.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .report-container.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .report-container.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } @media (max-width: 768px) { .report-container ul .item { width: 100%!important; } }