.menu .app-brand.demo{height:64px}.app-brand-logo.demo svg{width:38px;height:20px}.app-brand-text.demo{font-size:1.25rem;letter-spacing:.15px}.authentication-wrapper .app-brand-text.demo{text-transform:capitalize}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1.25rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:300px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;margin-top:1.25rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1.25rem}select[multiple]{min-height:200px;border:1px solid #d9dee3;border-radius:6px;padding:8px}select[multiple] option{padding:8px 12px;margin:2px 0;border-radius:4px;cursor:pointer}select[multiple] option:checked,select[multiple] option:selected{background:linear-gradient(#5a8dee,#5a8dee)!important;color:#fff!important;font-weight:600}select[multiple] option:hover{background:#e3f2fd!important;color:#1976d2!important}.water-tank-container{display:flex;justify-content:center;align-items:center;padding:1rem 0}.water-tank{position:relative;width:100%;max-width:200px;height:180px;background:linear-gradient(to bottom,#f7fafc,#e2e8f0);border:3px solid #cbd5e0;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 8px #0000001a}.water-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#4299e1,#3182ce);transition:height .5s ease-out;overflow:hidden}.water-overflow{background:linear-gradient(to bottom,#f6ad55,#ed8936)!important;animation:overflow-pulse 2s infinite}@keyframes overflow-pulse{0%,to{opacity:1}50%{opacity:.8}}.water-wave{position:absolute;top:-20px;left:-50%;width:200%;height:40px;background:#ffffff4d;border-radius:45%;animation:wave 3s infinite linear}@keyframes wave{0%{transform:translate(0) translateY(0)}50%{transform:translate(-25%) translateY(5px)}to{transform:translate(-50%) translateY(0)}}.tank-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#2d3748;text-shadow:0 1px 3px rgba(255,255,255,.8);z-index:10;pointer-events:none}.card.border-primary{border-width:2px!important;border-color:#4299e1!important}.card.border-warning{border-width:2px!important;border-color:#ed8936!important}@media (max-width: 768px){.water-tank{max-width:150px;height:150px}.tank-label{font-size:1.25rem}}.card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;transition:all .3s ease}.mini-water-tank{display:flex;justify-content:center;padding:.5rem 0}.mini-tank{position:relative;width:100%;max-width:120px;height:100px;background:linear-gradient(to bottom,#f7fafc,#e2e8f0);border:2px solid #cbd5e0;border-radius:6px;overflow:hidden}.mini-water-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#4299e1,#3182ce);transition:height .5s ease-out}.mini-water-level.water-overflow{background:linear-gradient(to bottom,#f6ad55,#ed8936)}.mini-tank-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;font-weight:700;color:#2d3748;text-shadow:0 1px 2px rgba(255,255,255,.8);z-index:10}.btn-warning{background:linear-gradient(135deg,#f6ad55,#ed8936);border:none;color:#fff;font-weight:600;transition:all .3s ease}.btn-warning:hover{background:linear-gradient(135deg,#ed8936,#dd6b20);transform:translateY(-2px);box-shadow:0 4px 12px #ed893666;color:#fff}.btn-warning i{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-warning:hover i{animation-play-state:paused}.card.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none}.card.bg-primary .card-body{padding:1.25rem!important}.card.bg-primary p{line-height:1.5;margin-bottom:0}.card.bg-primary .btn-light{background:#fff;border:none;font-weight:600;color:#667eea;padding:.5rem 1rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.card.bg-primary .btn-light:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}