/* @override http://dbois.test/css/dashboard.css */ #DASHBOARD { font-family: 'Libre Franklin', sans-serif; } .db-panel { float: left; width: 50%; padding: 5px; /*border: 1px solid #333;*/ color: #fff; position: relative; } .conceal-panel { position: absolute; height: 96%; border-radius: 5px; width: 99%; top: 5px; left: 0; background-color: #000; /*opacity: .97;*/ z-index: 10; } .conceal-panel > h3 { text-align: center; margin-top: 100px; } .db-panel-holder { padding: 15px; border-radius: 5px; box-shadow: 5px 5px 10px #aaa; height: 300px; } .db-panel-success { background-color: #616236; } .db-panel-warning { background-color: #db9c01; /*color: #256;*/ } .db-panel-danger { background-color: #930125; } .db-panel-info { background-color: #202737; } .db-panel-holder h3 { font-weight: bold; } .db-panel-holder h3, .db-panel-holder h4 { padding: 0; margin: 0; } .db-panel-label { line-height: 2em; } .db-panel-body h4 { margin-bottom: 15px; border-bottom: 1px solid #fff; padding-bottom: 10px; /*text-align: right;*/ } .db-panel-data { float: right; margin-top: 10px; } .facturation-overview-holder { position: relative; } .facturation-overview { position: absolute; background-color: #a2c3ed; font-size: 12px; color: #000; top: -40px; border: 2px solid #000; border-radius: 20px; } .dashboard-info { width: 15px; height: 15px; font-size: .6em; background-color: #444; display: inline-block; border-radius: 50%; text-align: center; position: relative; top: -3px; box-shadow: 0px 3px 5px #444; margin-left: 5px; cursor: pointer; } .dashboard-info > label { position: absolute; top: 2px; left: 5px; color: #fff; } .my-tooltip { position: absolute; width: 230px; background-color: #fff; /*display: inline-block;*/ color:#000; top:0px; left: -240px; box-shadow: 2px 2px 5px #222; border-radius: 5px; } .my-tooltip > h5 { background-color: #ccc; font-weight: bold; text-align: left; padding: 5px; margin-top: 0; border-radius: 5px 5px 0 0 ; } .my-tooltip > p { margin: 0; text-align: left; padding: 0px 5px; color: #333; }