/*   fastroware css v1 (https://fastroware.my.id/) */
 /*  Copyright 2024 The fastroware teams */
html, body{height:100%;/* background-color:#f8f6fc;*/ background-color:#f5f5f5;/* Background redup */ } body{padding-top:70px;display:flex;flex-direction:column} main{flex:1} .navbar{padding:0.2rem 1rem;border-bottom:1px solid #ddd;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)} .navbar-brand{display:flex;align-items:center} .navbar-brand img{border-radius:50%;width:30px;height:30px;margin-right:10px} .navbar-nav{margin-left:auto;margin-right:0;display:flex;align-items:center} .navbar-nav .nav-item{margin-right:10px} .navbar-nav .nav-link{padding:0.5rem 1rem;border-radius:5px;color:#333} .navbar-nav .nav-link.active{background-color:#007bff;color:#fff} .navbar-nav .nav-link:hover{background-color:#61778f;/* background-color:#007bff;*/ color:#fff} .dropdown-menu a{display:flex;align-items:center} .dropdown-menu a i{margin-right:10px} .card{margin:15px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)} footer{background-color:#fff;color:#333;box-shadow:0 -2px 4px rgba(0, 0, 0, 0.1)} .card{border:none;border-radius:15px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);overflow:hidden} .card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem;font-weight:600;color:#495057} .card-body{padding:2rem} .card-title{font-weight:700;font-size:1.5rem;margin-bottom:1rem;color:#333} .card-text{color:#666;line-height:1.6;margin-bottom:1.5rem} .card-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem 1.5rem;color:#6c757d} .btn{/* border:none;*/ border-radius:30px;/* padding:0.75rem 1.5rem;*/ padding:0.7rem 0.9rem;font-weight:600;/* text-transform:uppercase;*/ letter-spacing:0.5px;transition:background-color 0.3s ease} .btn.btn-sm{font-weight:0.3rem;padding:0.3rem 0.7rem} .btn-primary{background-color:#007bff;color:#fff} .btn-primary:hover{background-color:#0056b3} .btn-secondary{background-color:#6c757d;color:#fff} .btn-secondary:hover{background-color:#545b62} .btn-success{background-color:#28a745;color:#fff} .btn-success:hover{background-color:#218838} .btn-danger{background-color:#dc3545;color:#fff} .btn-danger:hover{background-color:#c82333} .btn-warning{background-color:#ffc107;color:#212529} .btn-warning:hover{background-color:#e0a800} .btn-info{background-color:#17a2b8;color:#fff} .btn-info:hover{background-color:#138496} .btn-light{background-color:#f8f9fa;color:#212529} .btn-light:hover{background-color:#e2e6ea} .btn-dark{background-color:#343a40;color:#fff} .btn-dark:hover{background-color:#23272b} .page-header{background-color:#f8f9fa;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #e9ecef} .page-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap} .page-title{font-size:24px;font-weight:600;color:#333;margin:0} .breadcrumb{background-color:transparent;padding:0;margin:0} .breadcrumb-item{font-size:14px} .breadcrumb-item a{color:#007bff;text-decoration:none} .breadcrumb-item a:hover{text-decoration:underline} .breadcrumb-item.active{color:#6c757d} @media (max-width:768px){.page-header .container{flex-direction:column;align-items:flex-start} .page-title{margin-bottom:10px} } .card-pagination{display:flex;justify-content:center;align-items:center} .card-pagination .pagination{margin-bottom:0} .card-pagination .page-item{margin:0 2px} .card-pagination .page-link{padding:0.375rem 0.75rem;border-radius:0.25rem;color:#007bff;background-color:#fff;border:1px solid #dee2e6} .card-pagination .page-item.active .page-link{color:#fff;background-color:#007bff;border-color:#007bff} .card-pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6} .pagination{display:flex;justify-content:center;align-items:center;margin-top:20px} .pagination>*{margin:0 5px} .pagination .page-link{color:#333;background-color:#fff;border:1px solid #dee2e6;padding:8px 16px;border-radius:4px;transition:all 0.3s ease} .pagination .page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff} .pagination .page-link:hover{background-color:#e9ecef;border-color:#dee2e6} .pagination .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6} .card-best-answer{border:2px solid gold;/* box-shadow:0 0 10px rgba(255, 215, 0, 0.5);*/ position:relative;overflow:hidden} .card-best-answer::before{content:"★";position:absolute;top:-10px;right:10px;font-size:40px;color:gold;transform:rotate(20deg)} .card-best-answer .card-header{background-color:gold;color:#000;font-weight:bold} .card-best-answer::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right, rgba(255, 215, 0, 0.1), transparent);transform:rotate(30deg);pointer-events:none}