Files
hotel/modules/dashguestcycle/views/css/dashguestcycle.css
2026-09-08 15:29:12 +05:30

149 lines
4.3 KiB
CSS

/**
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License version 3.0
* that is bundled with this package in the file LICENSE.md
* It is also available through the world-wide-web at this URL:
* https://opensource.org/license/osl-3-0-php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to support@qloapps.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to https://store.webkul.com/customisation-guidelines for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/license/osl-3-0-php Open Software License version 3.0
*/
#dashguestcycle .tab-content {
max-height: 300px;
overflow-y: auto;
}
#dashguestcycle table tbody>tr>td {
padding: 8px 7px;
}
/* ── KPI row container: strip panel chrome ──────────────────────────────── */
.bootstrap .kpi-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 0 8px !important;
margin-bottom: 0 !important;
}
.kpi-container .kpis-wrap {
flex-wrap: nowrap !important;
overflow: auto;
margin: -5px !important;
padding-bottom: 10px !important;
}
.kpi-container .kpis-wrap .kpi-wrap {
width: 14.28% !important;
min-width: 110px;
padding: 5px !important;
margin-bottom: 0 !important;
}
.kpi-container .box-stats {
position: relative;
height: 80px !important;
background: #fff !important;
border-radius: 10px !important;
font-size: inherit !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
}
.kpi-container .box-stats::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: currentColor;
}
.kpi-container .box-stats .kpi-content {
border: none !important;
border-radius: 0 !important;
height: 100% !important;
padding: 8px 12px 8px 20px !important;
align-items: center !important;
gap: 0 !important;
}
.kpi-container .box-stats .kpi-content .kpi-data {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 4px;
}
.kpi-container .box-stats .kpi-content .title-subtitle {
justify-content: center !important;
width: 100%;
}
.kpi-container .box-stats .kpi-content .title-subtitle .title-container .title {
font-size: 13px !important;
font-weight: normal !important;
color: #555 !important;
display: block;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.kpi-container .box-stats .kpi-content .value-container {
width: 100%;
text-align: center;
}
.kpi-container .box-stats .kpi-content .value-container .value {
font-size: 24px !important;
font-weight: bold !important;
min-height: auto !important;
display: block;
text-align: center;
}
.kpi-container .box-stats .kpi-content .arrow {
display: none !important;
}
.kpi-container .box-stats.color1 { color: #266FFE !important; }
.kpi-container .box-stats.color1 .value { color: #266FFE !important; }
.kpi-container .box-stats.color2 { color: #72C3F0 !important; }
.kpi-container .box-stats.color2 .value { color: #72C3F0 !important; }
.kpi-container .box-stats.color3 { color: #56CE56 !important; }
.kpi-container .box-stats.color3 .value { color: #56CE56 !important; }
.kpi-container .box-stats.color4 { color: #FFC148 !important; }
.kpi-container .box-stats.color4 .value { color: #FFC148 !important; }
.kpi-container .box-stats.color5 { color: #A569DF !important; }
.kpi-container .box-stats.color5 .value { color: #A569DF !important; }
.kpi-container .box-stats.color6 { color: #FF4036 !important; }
.kpi-container .box-stats.color6 .value { color: #FF4036 !important; }
.kpi-container .box-stats.color7 { color: #FF809E !important; }
.kpi-container .box-stats.color7 .value { color: #FF809E !important; }
.kpi-container .actions-wrap {
display: none !important;
}