body.lobipanel-minimized { padding-bottom: 36px; } .lobipanel { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lobipanel .dropdown-menu.dropdown-menu-right:after { border: 0; } .lobipanel > .card-header > .card-title { float: left; } .lobipanel > .card-header > .card-title input { height: 24px; padding: .375rem .75rem; font-size: .8rem; color: #495057; background-color: #fff; border: 1px solid #c4c9da; border-radius: 2px; } .lobipanel > .card-header > .card-title input:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } .lobipanel > .card-header .dropdown { display: inline-block; float: right; position: absolute; right: 8px; top: 8px; } .lobipanel > .card-header .dropdown .dropdown-menu { left: auto; right: 0; min-width: 0; box-shadow: none; } .lobipanel > .card-header .dropdown .dropdown-menu:before { content: ""; border: 0; } .lobipanel > .card-header .dropdown .dropdown-menu .dropdown-item > a .control-title { display: inline-block; margin-left: 15px; } .lobipanel > .card-header .dropdown .dropdown-toggle { border: none; outline: 0; background-color: transparent; text-align: center; padding: 0; width: 30px; font-size: 14px; transition: all 0.2s; } .lobipanel > .card-header .dropdown .dropdown-toggle .panel-control-icon { top: 0; line-height: 30px; } .lobipanel > .card-header .dropdown .dropdown-toggle:hover, .lobipanel > .card-header .dropdown .dropdown-toggle:hover:focus { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.15); } .lobipanel > .card-header .dropdown.open .dropdown-toggle { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.15); } .lobipanel > .card-header::after { display: block; content: ""; clear: both; } @media (min-width: 576px) { .lobipanel .card-header .dropdown .dropdown-menu { position: static; display: flex; border: none; padding: 0; margin: 0; min-width: 0; width: auto; background: transparent; } .lobipanel .card-header .dropdown .dropdown-menu .dropdown-item { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 30px; height: 30px; font-size: 14px; transition: all 0.2s; color: #2d333c; } .lobipanel .card-header .dropdown .dropdown-menu .dropdown-item .panel-control-icon { top: 0; } .lobipanel .card-header .dropdown .dropdown-menu .dropdown-item .control-title { display: none; } .lobipanel .card-header .dropdown .dropdown-menu .dropdown-item:hover, .lobipanel .card-header .dropdown .dropdown-menu .dropdown-item:focus:hover { background-color: #e5fdf3; } .lobipanel .card-header .dropdown .dropdown-menu .dropdown-item:focus { text-shadow: none; background-color: transparent; } .lobipanel .card-header .dropdown .dropdown-toggle { display: none; } } .lobipanel > .card-block { overflow: auto; position: relative; } .lobipanel .panel-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; } .lobipanel.panel-collapsed > .card-header { border-bottom: none; } .lobipanel.panel-collapsed > .card-header .dropdown .dropdown-menu .dropdown-item > a[data-func="unpin"], .lobipanel.panel-collapsed > .card-header .dropdown .dropdown-menu .dropdown-item > a[data-func="reload"], .lobipanel.panel-collapsed > .card-header .dropdown .dropdown-menu .dropdown-item > a[data-func="expand"] { display: none; } .lobipanel.panel-expanded, .lobipanel.panel-unpin, .lobipanel.panel-minimized.panel-unpin { margin-bottom: 0; } .lobipanel.panel-unpin { overflow: hidden; position: absolute; z-index: 10000; border: 1px dashed #1a8e5f; box-shadow: 0 0 100px #b3c4da; } .lobipanel.panel-unpin > .card-header { cursor: move; } .lobipanel.panel-unpin.panel-minimized { float: left; position: static; border-radius: 0; min-width: 170px; margin-right: 5px; } .lobipanel.panel-unpin.panel-minimized > .card-header { padding: 0; cursor: pointer; border-bottom: none; } .lobipanel.panel-unpin.panel-minimized > .card-header .card-title h1, .lobipanel.panel-unpin.panel-minimized > .card-header .card-title h2, .lobipanel.panel-unpin.panel-minimized > .card-header .card-title h3, .lobipanel.panel-unpin.panel-minimized > .card-header .card-title h4, .lobipanel.panel-unpin.panel-minimized > .card-header .card-title h5, .lobipanel.panel-unpin.panel-minimized > .card-header .card-title h6 { overflow: hidden; text-overflow: ellipsis; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu { position: static; display: inline-block; border: none; padding: 0; margin: 0; min-width: 0; width: auto; background: transparent; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item { display: inline-block; cursor: pointer; color: inherit; padding: 0; outline: 0; text-align: center; width: 30px; font-size: 14px; transition: all 0.2s; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item .panel-control-icon { top: 0; line-height: 30px; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item .control-title { display: none; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item:hover, .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item:focus:hover { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.15); } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item:focus { text-shadow: none; background-color: transparent; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-toggle { display: none; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item > a { display: none; } .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item > a[data-func="close"], .lobipanel.panel-unpin.panel-minimized > .card-header .dropdown .dropdown-menu .dropdown-item > a[data-func="expand"] { display: inline-block; } .lobipanel.panel-unpin.panel-minimized > .card-block, .lobipanel.panel-unpin.panel-minimized > .card-footer { display: none !important; } .lobipanel.panel-expanded > .card-header { cursor: default; } .lobipanel.panel-expanded > .card-header .dropdown .dropdown-menu .dropdown-item > a[data-func="unpin"], .lobipanel.panel-expanded > .card-header .dropdown .dropdown-menu .dropdown-item > a[data-func="minimize"] { display: none; } .lobipanel.panel-expanded.panel-unpin > .card-header .panel-control[data-func="minimize"] { display: block; } .lobipanel-minimized-toolbar { position: fixed; height: 36px; padding: 2px; bottom: 0; left: 0; right: 0; z-index: 20000; background: rgba(34, 115, 182, 0.51); } .lobipanel-placeholder { background-color: #f9f5d1; border: 1px dashed #919191; margin-bottom: 15px; } .lobipanel-parent-sortable { min-height: 20px; } .lobipanel-sortable .card-header { cursor: move; } .lobipanel-sortable .card-header:after { position: absolute; right: 15px; top: 15px; color: #1a8e5f; content: "\ea5e"; font-family: 'icomoon'; } .lobipanel-sortable:hover { background: #e5fdf3; box-shadow: inset 0 0 1px #1a8e5f; }