/* #rightContentUiDashboard { display:inline-block; } */ #rightContentUiDashboard .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } #rightContentUiDashboard .thumbnail { height: 200px; } #rightContentUiDashboard .thumbnail img.pull-right { width: 50px; } #rightContentUiDashboard body { margin: 15px; padding-top: 50px; } #rightContentUiDashboard a { cursor: pointer; } #rightContentUiDashboard .layout-tabs { margin-bottom: 10px; } #rightContentUiDashboard .demo-widget-fluid { border: 1px solid blue; height: 100%; } #rightContentUiDashboard .demo-widget-fluid > div { border: 1px solid red; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #rightContentUiDashboard .dashboard-widget-area { margin: 10px 0 30px; min-height: 200px; } #rightContentUiDashboard .widget-container { float: left; display: inline-block; width: 33%; padding-bottom: 0em; } #rightContentUiDashboard .widget { margin: 0 1em 0 0; background-color: white; border-radius: 5px; position: relative; height: 100%; } #rightContentUiDashboard .widget-header { overflow: hidden; width:100%; /* for overlaying effect start*/ position: absolute; z-index: 10; opacity: 0.8; top: 1px; filter: alpha(opacity=80); /* For IE8 and earlier */ -webkit-transition: width 2s, height 4s; /* Safari */ transition: width 2s, height 4s; } #rightContentUiDashboard .widget-header .label { display: inline-block; vertical-align: middle; } #rightContentUiDashboard .widget-header .glyphicon { cursor: pointer; float: right; opacity: 0.5; margin-left: 5px; } #rightContentUiDashboard .widget-header .glyphicon:hover { opacity: 1; } #rightContentUiDashboard .widget-header .widget-title { vertical-align: middle; } #rightContentUiDashboard .widget-header form.widget-title { display: inline; } #rightContentUiDashboard .widget-header form.widget-title input.form-control { width: auto; display: inline-block; } #rightContentUiDashboard .widget-content { padding:0px; overflow: hidden; position: relative; /* for overlaying effect */ } #rightContentUiDashboard .widget .widget-ew-resizer { position: absolute; width: 5px; right: -2px; height: 100%; top: 0; cursor: ew-resize; } #rightContentUiDashboard .widget .widget-s-resizer { cursor: ns-resize; height: 5px; width: 100%; bottom: -7px; left: 0; } #rightContentUiDashboard .widget .widget-resizer-marquee { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 2; } #rightContentUiDashboard .remove-layout-icon { vertical-align: text-top; cursor: pointer; opacity: 0.3; } #rightContentUiDashboard .remove-layout-icon:hover { opacity: 1; } #rightContentUiDashboard .layout-title { display: inline-block; } /* #container { width: 100px; height: 100px; position: relative; } #navi, #infoi { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #infoi { z-index: 10; } */