/* Minification failed. Returning unminified contents. (1755,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2752,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (2753,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-bg-subtle' (2757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2764,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2765,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2769,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2770,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2775,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2779,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2969,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (2974,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (2980,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2985,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2990,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2999,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3000,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3007,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3024,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3029,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (3033,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (3058,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3069,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (3073,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (3077,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3082,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (3086,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (3093,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (3098,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3107,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (3116,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3133,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3142,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3147,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3148,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3179,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3185,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3186,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3190,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3199,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3200,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3204,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3223,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3297,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3331,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3344,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3373,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3379,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color-rgb' (3380,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-font' (3386,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (3392,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3400,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3402,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3408,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3455,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3460,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-700' (3496,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3497,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (3525,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3538,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3719,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3767,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3772,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3773,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4109,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4119,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4132,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4137,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4175,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4179,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4202,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4246,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4331,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4408,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (4479,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4496,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4563,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4575,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4607,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4658,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (4659,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4686,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4688,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (4689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4696,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4702,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4703,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4707,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4743,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4743,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4764,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (4803,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4839,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4853,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4854,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4866,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (4882,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4916,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4986,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4987,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (4999,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5080,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5082,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5094,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5095,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5113,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-font' (5128,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5134,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5151,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5160,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (5162,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (5162,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style' (5162,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (5203,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5210,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5235,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5239,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5245,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5260,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5269,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5276,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5279,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5280,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5289,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5309,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5323,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5333,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5334,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5346,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5347,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5350,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5359,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5366,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5371,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5379,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5386,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5405,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5408,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5409,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5413,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5416,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5419,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5420,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5430,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5431,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5444,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5448,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5448,82): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5449,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5464,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5472,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5482,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5486,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5508,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5521,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5526,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5527,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5539,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5543,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5601,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5602,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5609,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5614,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5618,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5619,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5620,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5625,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5629,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5630,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5631,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5641,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5641,128): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5649,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5649,88): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5652,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5696,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5702,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5705,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5706,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5708,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5716,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5719,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5724,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5756,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5757,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5761,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5762,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5765,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5769,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5813,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5814,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5818,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5819,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5828,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5829,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5833,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5834,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5835,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5857,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5863,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5871,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5871,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5890,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5894,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5900,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5909,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5909,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5919,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5926,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (5939,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (5947,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5960,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (5980,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5984,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (5992,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6020,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6030,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6033,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (6037,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6038,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6049,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6052,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (6063,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6065,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (6070,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (6071,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (6072,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (6076,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6083,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6090,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (6105,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6120,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (6126,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' */ /**************************************************** Maintenance dashboard *********************************************************************************/ input, select, textarea { max-width: 100%; } cartA:hover { color: greenyellow; } .Dash { position: relative; z-index: 1; padding: 20px; } #dash { background-color: white; } .Dashimage { height: 225px; width: 225px; } .dashbutton { margin: 5px; } #DashBtn:hover { background-color: aqua; } @media (max-width: 767px) { .Dashimage { height: 100px; width: 100px; } } @media (min-width: 768px) and (max-width: 991px) { .Dashimage { height: 115px; width: 115px; } } @media (min-width: 991px) { .Dashimage { height: 225px; width: 225px; } } .extraPadding { padding-bottom: 20px; } #WebMain { align-content: center; } #ShopMain { align-content: center; } .dashtext { margin-top: 14px; margin-bottom: 14px; } #cardtext { height: inherit; width: inherit; } .prodcatimg { padding-bottom: 15px; } div.Dashcard { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.Dashcard:hover { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); } /*********************************** Genaral site *****************************************/ div.Catcard { /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.47); } div.Catcard:hover { /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);*/ box-shadow: 0px 0px 7px 1px rgba(105, 138, 194, 0.67); } div.ProdCart { /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);*/ box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.47); padding-left: 15px; padding-right: 15px; } div.ProdCart:hover { /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ box-shadow: 0px 0px 7px 1px rgba(105, 138, 194, 0.67); } .noMarginLeft { margin-left: 0px; } .noMarginRight { margin-right: 0px; } .nowrap { white-space: nowrap; } .imgfill { width: 100%; } .btn-Lavita-Lightblue { border-radius: 20px; background-color: #a7d4fe; } .btn-Lavita-Darkblue { border-radius: 20px; background-color: #24468d; color: white } .btn-Lavita-Darkblue:hover { background-color: #ccc; color: white; } .btn-Lavita-Lightblue:hover { background-color: #ccc; color: white; } a.addBtn2 { color: #24468d; } a.addBtn2:hover, a.addBtn2:active { color: white; background-color: #24468d; } .btn-Lavita-Lightblue-square { padding: 1px 3px; background-color: #a7d4fe; } .btn-Lavita-Lightblue-square:hover { background-color: #ccc; color: white; } .btn-Lavita-Lightblue-square-fluid { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100%; height: 100%; color: #24468d; } .btn-Lavita-Lightblue-square-fluid:active { border-radius: 0px; padding: 8px 2px; background-color: #24468d; width: 100%; height: 100%; color: white; } .btn-Lavita-Darkblue-square-fluid { border-radius: 0px; padding: 8px 2px; background-color: #24468d; width: 100%; height: 100%; color: #24468d; } .btn-Lavita-Darkblue-square-fluid:active { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100%; height: 100%; color: #24468d; } .btn-Lavita-White-square-fluid { border-radius: 0px; border: thin solid; border-color: lightgray; padding: 8px 2px; background-color: white; width: 100%; height: 100%; color: black; } .btn-Lavita-White-square-fluid:active { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100%; height: 100%; color: #24468d; } .lvlpDarblueBtn { color: #24468d; } .lvlpDarblueBtn:active { color: #a7d4fe; background-color: white; } .btn-Lavita-Lightblue-square-fluid-100px { border-radius: 0px; padding: 8px 2px; background-color: #a7d4fe; width: 100Px; height: 100%; } a.addBtn { color: #24468d; } a.addBtn:hover, a.addBtn:active { color: white; background-color: #24468d; } .btn-Lavita-Lightblue-fluid:hover { background-color: #ccc; color: white; width: 100%; height: 100%; } .btnPadding-Left { border-left: 3px solid white; } .btnPadding-Right { border-right: 3px solid white; } .navborder-Top { border-top: 1px solid; border-color: lightgray; } .navborder-Bottom { border-bottom: 1px solid; border-color: black; } .p-margin { margin-top: 2px; margin-bottom: 2px; } .container-events { position: relative; text-align: center; color: white; } /*.bottom-left { position: absolute; bottom: 8px; left: 16px; } .top-left { position: absolute; top: 8px; left: 16px; } .top-right { position: absolute; top: 8px; right: 16px; } .bottom-right { position: absolute; bottom: 8px; right: 16px; }*/ /* Centered text */ .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .hr-Thick { border: thin solid #ccc; } .hr-Thin { border: 1px solid #ccc; } .hr-Dot { border-top: dotted; } .divBorderBottom { border-bottom: 1px solid #ccc; } .Smallmargin { margin-top: 10px; margin-bottom: 10px; } .removetopmargin { margin-top: 0px; } .removemargin { margin-top: 0px; margin-bottom: 0px; } .Image-fill { object-fit: cover; width: 100%; } .lvlpBlackText { color: black; text-decoration: none; } .lvlpBlackText:hover { color: black; text-decoration: none; } .lvlpWhitetext { color: white; text-decoration: none; } .lvlpWhitetext:hover { color: white; text-decoration: none; } .lvlpLightBluetext { color: #a7d4fe; } .lvlpLightBluetext:hover { color: #a7d4fe; text-decoration: none; } .lvlpDarkBluetext { /*color: #24468d !important;*/ text-decoration: none; color: black !important } /*.lvlpDarkBluetext:hover { color: #24468d; text-decoration: none; }*/ .removeColPadding { padding: 0px; } .removeColPadding-right { padding-right: 0px; padding-left: 10px; } .removeColPadding-left { padding-left: 0px; padding-right: 10px; } #uname { padding-top: 0px; } .lvlpContentBox { padding: 40px !important; } .lvlpContentBoxSmall { padding: 20px; } .lvlpContentBoxExtraSmall { padding: 10px; } .lvlpContentBoxNewsletter { padding: 40px; } .LvlpBottomNavBox { padding: 10px 0px; } @media only screen and (max-width: 576px) { .lvlpContentBoxNewsletter { padding: 0px; padding-bottom: 20px; padding-top: 20px; } } .lvlpLightCreamBackround { background-color: #f5f3f3; } .lvlpLightPurpleBackround { background-color: #cae5ff; } .lvlpLight2PurpleBackround { background-color: #d4eaff; } .lvlpLightPinkBackround { background-color: #dff1ff; } .lvlpDarkBlueBackround { background-color: #24468d; } .lvlpCreamBackround { background-color: #ebebeb; } #contentBoxText { margin-top: 0px; } #breadText { margin: 0px; } .btn-lavita-white { background-color: white; color: #24468d; padding: 6px; border-radius: 40px; } .btn-lavita-white:hover:active { background-color: #24468d; color: #a7d4fe; padding: 5px; border-radius: 50px; } .rowPad { padding-top: 6px; height: 50%; } @media only screen and (max-width: 767px) { .rowPad { padding: 0px; } } .gallery { margin-bottom: 10px; } #prodName { height: 40px; } .fa-globe { padding-left: 2px; } .fa-tachometer { padding-left: 2px; } .fa-user { padding-left: 4px; } .fa-sign-in { padding-left: 3px; } .fa-sign-out { padding-left: 3px; } .fa-gear { padding-left: 2px; } .fa-file-text-o { padding-left: 3px; } .fa-icon-cart { line-height: 35px; display: inline-block; text-align: center; vertical-align: bottom; } .modal { padding-top: 20px; padding-bottom: 20px; padding-left: 70px; padding-right: 70px; } .tablets { display: table; } .rowts { display: table-row; } .cellts { display: table-cell; } @media (max-width: 768px) { .modal { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .modal-content { overflow: auto; max-height: inherit; } } .modal-body { overflow-y: auto; max-height: 90%; } .vertical-alignment-helper { padding: 0px; display: table; height: 100%; width: 100%; } .vertical-align-center { padding: 0px; display: table-cell; vertical-align: middle; } @media only screen and (min-width: 992px) { .vertical-align-center { padding: 0px; display: block; } .modal-dialog { width: 900px; } .modal-content { overflow: auto; max-height: calc(100vh - 125px); } } /************************************* Preloader **************************************/ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('/Content/Preloaders/Loader_06.gif') center no-repeat #fbfbfb; background-size: 8% } /*****************************Progress Wizzard************************************/ .ten-columns>.col-sm-2 { width: 20%; } .numberCircle { border-radius: 50%; background: #aaa; color: white; text-align: center; width: 2em; height: 2em; box-sizing: initial; line-height: 2em; box-sizing: content-box; font-size: 12px } /************************************* Shopping cart shipping **************************************/ .Stepactive { background: #24468d; } /************************************* Back to top **************************************/ .ScrollTop { display: none; position: fixed; bottom: 70px; right: 15px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #24468d; color: white; cursor: pointer; padding: 5px 8px; padding-top: 3px; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } @media only screen and (min-width: 992px) { .ScrollTop { display: none; bottom: 15px; } } .ScrollTop:hover { background-color: #ebebeb; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); color: #24468d; } .ScrolltopHeightToggleHigh { bottom: 70px; } .ScrolltopHeightToggleLow { bottom: 15px; } /************************************* Search **************************************/ #MobiSearch { display: none; position: fixed; bottom: 15px; right: 15px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #24468d; color: white; cursor: pointer; padding: 5px 8px; padding-top: 3px; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: block; } #MobiSearch:hover { background-color: #ebebeb; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); color: #24468d; } #GroupPopup { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 3000; cursor: pointer; } #GroupError { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 3000; cursor: pointer; } #PromoPopup { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 3000; cursor: pointer; } #GroupPromoPopup { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 3000; cursor: pointer; } #timeOutWarningOverlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 4000; cursor: pointer; } #timeOutOverlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 4000; cursor: pointer; } .timeout { height: auto; width: 80%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } .countdown-card { height: auto; width: 20%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } @media only screen and (min-width: 992px) { .timeout { height: auto; width: 50%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } .countdown-card { height: auto; width: 40%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } } @media only screen and (min-width: 1600px) { .timeout { height: auto; width: 40%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } .countdown-card { height: auto; width: 20%; background-color: white; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px; text-align: center; } } /**************************************************** Custom Radio buttons *********************************************************************************/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ /* input[type=number] { --moz-appearance: textfield; } */ /* Custom radio buttons */ .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { margin: 0px; position: relative; } input[type="checkbox"] { width: 16px; height: 16px; } .Z-index-Top { z-index: 1000; display: inline-block; } .ShowItem { display: inline-block; } .HideItem { display: none; } .required:after { content: "*"; font-weight: bold; color: red; } .validation-summary-errors ul { list-style: none; margin-left: -40px } .btn-indigo { color: #fff; background-color: #20428a !important; } .badge-desktop-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; top: 10px; right: 10px; font-size: large; border-radius: 25px; } .badge-desktop-download-card-new-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; top: 10px; right: 10px; font-size: large; border-radius: 25px; } .badge-desktop-download-item-new-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); font-size: large; border-radius: 25px; } .h5-download-item-display-description { position: relative; } .mobile-download-item-display-description { margin-top: 5px; margin-bottom: 5px; display: block; } .badge-mobile-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; position: absolute; top: 10px; right: 10px; font-size: large; border-radius: 25px; } .badge-tablet-indigo { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; /*position: absolute; right: 10px; top: 50%;*/ transform: translateY(-50%); font-size: large; border-radius: 25px; } .badge-mobile-indigo-center { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; background-color: #20428a; text-align: center; white-space: nowrap; vertical-align: middle; /*position: absolute; top: 10px; right: 10px;*/ font-size: large; border-radius: 25px; } .mobile-notification-div { position: absolute; margin: auto; z-index: 2001; top: 52px; left: 5%; width: 90%; height: 190px; border: 1px solid #20428a; color: #20428a; background-color: #ffffff; box-sizing: border-box; border-radius: 0.25em; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175); } .mobile-notification-div.arrow-top { margin-top: 0px; } .mobile-notification-div:after { content: " "; position: absolute; right: -1px; top: -15px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; /*border-bottom: 15px solid #20428a;*/ } .mobile-notification-div-badge { position: absolute; top: 13%; right: 15px; background-color: #20428a; } .mobile-notification-icon-badge { /*position: absolute; top: 13%; right: 10px;*/ background-color: #20428a; color: #ffffff; top: 0; font-family: "Font Awesome 5 Free" !important; } .tablet-notification-icon-badge { /*position: absolute; top: 13%; right: 10px;*/ background-color: #20428a; color: #ffffff; } .tablet-notification-bell { color: #ffffff; } .mobileNotificationLink { color: #20428a; } .mobileNotificationFontAwesomeIcon { color: #20428a; height: 10px; width: 10px; max-height: 10px; max-width: 10px; } .desktop-notification-div { position: absolute; margin: auto; z-index: 100; top: 75px; left: 70%; width: 20%; height: 190px; border: 1px solid #20428a; color: #20428a; background-color: #ffffff; box-sizing: border-box; border-radius: 0.25em; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175); } .desktop-notification-div.arrow-top { margin-top: 0px; } .desktop-notification-div:after { content: " "; position: absolute; right: 179px; top: -15px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid transparent; } .desktop-notification-div-badge { position: absolute; top: 13%; right: 15px; background-color: #20428a; } .desktop-notification-icon-badge { /*position: absolute; top: 13%; right: 300px;*/ background-color: #20428a; } .desktopNotificationLink { color: #20428a; } .desktopNotificationFontAwesomeIcon { color: #20428a; height: 10px; width: 10px; max-height: 10px; max-width: 10px; } /*.ul-notification { padding: 0px; border-top: 1px solid rgba(128,128,128,0.25); } .unseenItem { background-color: rgba(112,181,249,0.25); color: #20428a; font-weight: 900; } .seenItem { background-color: #FFFFFF; color: #20428a; } .li-notification { list-style-type: none; color: #20428a; } .li-notification-icon { margin: auto; padding-right: 0px; color: #20428a; } .li-notification-middle { margin: auto; color: #20428a; } .li-notification-right { font-weight: 900; margin: auto; color: #20428a; padding:0px; } .notification-li-div { border-bottom: 1px solid rgba(128,128,128,0.25); }*/ .ul-notification { list-style-type: none; padding: 0px; color: #20428a; } .li-notification-seen { background-color: #ffffff; color: #000000; } .li-notification-unseen { background-color: rgba(0, 100, 225, 0.05); color: #20428a; font-weight: 500; } .li-notification { border-top: 1px solid rgba(128, 128, 128, 0.25); color: #20428a; } .li-notification:last-child { border-bottom: 1px solid rgba(128, 128, 128, 0.25); color: #20428a; } .li-notification-bell { margin: auto; text-align: center; color: #20428a; padding-left: 15px; } .li-notification-more-actions { margin: auto; text-align: center; font-weight: 900; color: #20428a; font-size: x-large; } .span-notification-more-actions { text-align: center; color: #20428a; } .padding { padding-left: 0 !important; color: #20428a; } .li-a-notificationlink-lvlpblue { color: #20428a; } .pulse { border-radius: 50%; margin-left: 20px; width: 10px; height: 10px; background: #20428a; box-shadow: 0 0 0 0 rgba(32, 66, 138, 1); transform: scale(1); animation: pulse 1.5s infinite; -moz-animation: pulse 1.5s infinite; -o-animation: pulse 1.5s infinite; -webkit-animation: pulse 1.5s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } @-moz-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } @-o-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } @-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0.5); transform: scale(0.95); } 70% { box-shadow: 0 0 0 10px rgba(32, 66, 138, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(32, 66, 138, 0); transform: scale(0.95); } } .mobile-shopping-cart-icon { padding-top: 13px; padding-right: 13px; } .HomePageIconsStyling { margin-right: 10% } .HomePageLastIconStyling { margin-right: 15px; } .NavBarShopFivePadding { padding: 5px; } .GroupOrderManageGroupShopCartButtonPtag { color: white; margin-bottom: 0px; display: inline; } .fontAwesomeIconWhiteGroupOrderManage { color: white; display: inline } /* @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ body { /*padding-top: 60px;*/ overflow-x: hidden; font-size: 0.8rem; height: 100%; font-family: "Nunito", sans-serif !important } html { overflow-x: hidden; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } /* Set width on the form input elements since they're 100% wide by default */ input, select, textarea, EditorFor { max-width: 100%; } .pointer:hover { cursor: pointer; } .pointer { text-decoration: none; } .removePaddingLeft { padding-left: 0px; } .removePaddingRight { padding-right: 0px; } .cartpadingRight { padding-right: 30px; padding-top: 15px; } .qtyMargins { margin-top: 4px; margin-bottom: 4px; } .CPadding-Left { margin-left: 0px !important; } @media only screen and (min-width: 320px) { .cartImgBox { padding: 5px; } .promotextBox { padding: 5px; } .rowcart { margin-left: 0px; margin-right: 0px; } } @media only screen and (min-width: 768px) { .cartImgBox { padding: 5px; } .promotextBox { padding: 27px; } } @media only screen and (min-width: 992px) { .cartImgBox { padding: 5px; } .promotextBox { padding: 15px; } } @media only screen and (min-width: 1200px) { .cartImgBox { padding: 5px; } .promotextBox { padding: 30px; } } #navPCart { margin: 0px; } #logodescktop { height: 45px; padding-top: 5px; } #logoMobi { height: 40px; } .navbar { background-color: #a7d4fe !important; padding: 5px; opacity: 0.9; z-index: 100; } .navbarMobile { background-color: #587cbb !important; opacity: 0.9; } .dropdown-menu { padding: 5px; background-color: white; color: #24468d; } .dropdown-menu a { background-color: white; color: #24468d; display: inline-block } .navbar-default .navbar-nav .dropdown-menu a:hover { display: block; background-color: #24468d; color: #a7d4fe; } .navbar-default .navbar-nav > li > a { color: black !important; } .navbar-default .navbar-nav > li > a:hover { border-radius: 50px; padding-left: 15px; padding-right: 15px; color: #24468d !important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #24468d; color: #a7d4fe; } @media (min-width: 768px) and (max-width: 991px) { .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-header .collapse, .navbar-toggle { display: block !important; } .navbar-header { float: none; } } footer { padding-top: 20px; background-color: #f5f5f7; margin-top: 10px; width: 100%; } .list-unstyled > li > a { color: #24468d; } #footcopy { padding-bottom: 10px; font-size: 12px } .prodcattext { margin-top: 14px; margin-bottom: 14px; } .prodcatimg { padding-bottom: 15px; } .wrapper { text-align: center; } .wrapper ul { display: inline-block; margin: 0; padding: 0; zoom: 1; *display: inline; } .wrapper li { float: left; padding: 2px 5px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #f5f3f3; border: none; border-bottom: medium solid #24468d; color: #000000; text-decoration: none; } ul.nav-tabs { border: none; padding-bottom: 20px; } .nav > li > a { text-decoration: none; color: #000000; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 2002; top: 0; left: 0; overflow-x: hidden; transition: 0.5s; padding-top: 60px; background-color: #587cbb; border-right: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .sidebar-nav { padding: 0px; } .sidenav a { padding: 8px 8px 8px 8px; text-decoration: none; color: #f5f5f7; display: block; transition: 0.3s; margin-top: 5px } .sidenav a:active { color: white; } .sidenav .closebtn { position: absolute; top: 0; right: 10px; font-size: 32px; margin-left: 50px; } #main { transition: margin-left .5s; } #navbar { transition: margin-left .5s; } @media screen and (max-height: 450px) { .sidenav { padding-top: 15px; } } Div.sidenav a:active > i { color: white; background-color: #a7d4fe; } .checkbox + .checkbox, .radio + .radio { margin-bottom: 10px; margin-top: 10px; } .has-search .form-control { padding-right: 12px; padding-left: 34px; } .custom-dropdown { position: relative; display: inline-block; vertical-align: middle; border: thin solid #ccc; } .custom-dropdown select { background-color: white; color: black; font-size: inherit; padding: .5em; padding-right: 2.5em; border: 0; margin: 0; border-radius: 3px; text-indent: 0.01px; text-overflow: ''; --webkit-appearance: button; /* hide default arrow in chrome OSX */ } .custom-dropdown::before, .custom-dropdown::after { content: ""; position: absolute; pointer-events: none; } .custom-dropdown::after { /* Custom dropdown arrow */ content: "\25BC"; height: 1em; font-size: .625em; line-height: 1; right: 1.1em; top: 50%; margin-top: -.5em; } .custom-dropdown::before { /* Custom dropdown arrow cover */ width: 2em; right: 0; top: 0; bottom: 0; border-radius: 0 3px 3px 0; } .custom-dropdown select[disabled] { color: rgba(0,0,0,.3); } .custom-dropdown select[disabled]::after { color: rgba(241, 237, 237, 0.37); } .custom-dropdown::before { background-color: #ebebeb !important; /*rgba(241, 237, 237, 0.37);*/ } .custom-dropdown::after { color: rgba(0,0,0,.4); } div.perpage { padding-left: 7px; } .ajaxdivtd { position: absolute; } span.loader { display: none; } span.ajaxmsg { background: #24468d; color: white; padding: 10px; display: none; bottom: 0; } span.ajaxmsgWarning { color: #ff3547; padding: 6px; display: none; bottom: 0; } span.ajaxmsgWarningPayop { color: #ff3547; padding: 6px; display: none; bottom: 0; } span.ajaxmsgWarningQTY { color: #ff3547; padding: 10px; display: none; bottom: 0; } span.ajaxmsgWarningSHP { color: #ff3547; padding: 10px; display: none; bottom: 0; } span.ajaxmsgWarningSHPAdd { color: #ff3547; padding: 10px; display: none; bottom: 0; } span.ajaxmsgWarningSHPCon { color: #ff3547; padding: 10px; display: none; bottom: 0; } span.ajaxmsgWarningSHPBranch { color: #ff3547; padding: 10px; display: none; bottom: 0; } span.ajaxmsgWarningSHPType { color: #ff3547; padding: 10px; display: none; bottom: 0; } .radiodiv { height: 13px; } .ib { display: inline-block !important; z-index: 100; } .ajaxbg { position: absolute; width: 100%; height: 30%; background: white; display: none; } s.ajaxbg span { position: absolute; top: 20%; left: 50%; } .row { position: relative; } tr.shshopcart, td.shshopcart, th.shopcart { text-align: right; } .center { margin: auto; padding: 10px; } .quantity .input-text.qty { width: 35px; height: 39px; padding: 0 5px; text-align: center; background-color: transparent; border: none; } .quantity .input-text.qty:hover { width: 35px; height: 39px; padding: 0 5px; text-align: center; background-color: transparent; } .quantity.buttons_added { text-align: left; position: relative; white-space: nowrap; vertical-align: top; } .quantity.buttons_added input { display: inline-block; margin: 0; vertical-align: top; box-shadow: none; } .quantity.buttons_added .minus, .quantity.buttons_added .plus { padding: 7px 10px 8px; height: 41px; background-color: #ffffff; border: none; cursor: pointer; } .quantity.buttons_added .minus { border-right: 0; } .quantity.buttons_added .plus { border-left: 0; } .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover { background: #eeeeee; } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { --webkit-appearance: none; --moz-appearance: none; margin: 0; } .quantity.buttons_added .minus:focus, .quantity.buttons_added .plus:focus { outline: none; } .ten-columns > .col-sm-2 { width: 20%; } .progress-mobile { margin-left: 7px; margin-right: 7px; } .progress-tablet { margin-left: 20px; margin-right: 7px; } .numberCircle { border-radius: 50%; width: inherit; height: inherit; padding: 5px 8px; background: #aaa; color: white; text-align: center; cursor: pointer; } .bottom-Nav { z-index: 1000; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-top: solid 2px; border-color: lightgray; } .marginTop { margin-top: 10px; } .marginBottom { margin-bottom: 20px; } .overlay { height: 0; width: 100%; position: fixed; z-index: 2000; bottom: 0; left: 0; background-color: rgba(255,255,255, 1); overflow-x: hidden; transition: 0.5s; } .overlay-content { position: relative; margin-top: 30px; } .overlay .closebtn { position: absolute; top: 2px; right: 15px; font-size: 40px; } .closebtn { color: #24468d; } .closebtn:hover { color: #a7d4fe; background-color: white; } .GroupOd { background-color: #24468d; color: white; } .inMiddle { vertical-align: middle; } .timesPadding { padding-top: 3px; padding-right: 3px; } .timesPadding:hover { cursor: pointer; color: #a7d4fe; } .AdaptiveContentBox { padding: 18px; } .groupCartPadding { padding-top: 10px; } .removeCartPadding { padding: 0px; } @media only screen and (min-width: 768px) { .RemoveGroupPadding { padding-right: 0px; } .summaryMargin { margin-right: 15px !important; } .groupCartPadding { padding-top: 0px; } } @media only screen and (min-width: 992px) { .summaryMarginCart { margin-right: 15px !important; } .RemoveGroupPadding { padding-right: 0px; } .removeCartPadding { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 768px) { .SumMargin-Left { padding-left: 30px !important; } .SumMargin-Right { padding-right: 30px !important; } } @media only screen and (max-width: 992px) { .SumMargin-Left { padding-left: 15px !important; } .SumMargin-Right { padding-right: 15px !important; } } .box { position: relative; width: 100%; background: #fff; } .ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; } a.ribbon.ribbon-top-left:hover { color: none; background-color: none; } .ribbon::before, .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #2980b9; } .ribbon span { position: absolute; display: block; width: 225px; background-color: #587cbb; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; } .ribbon-top-left { top: -1px; left: -1px; } .ribbon-top-left::before, .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before { top: 0; right: 0; } .ribbon-top-left::after { bottom: 0; left: 0; } .ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg); } .ribbon-top-right { top: -1px; right: -1px; } .ribbon-top-right::before, .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; } .ribbon-top-right::before { top: 0; left: 0; } .ribbon-top-right::after { bottom: 0; right: 0; } .ribbon-top-right span { left: -25px; top: 30px; transform: rotate(45deg); } .ribbon-bottom-left { bottom: -10px; left: -10px; } .ribbon-bottom-left::before, .ribbon-bottom-left::after { border-bottom-color: transparent; border-left-color: transparent; } .ribbon-bottom-left::before { bottom: 0; right: 0; } .ribbon-bottom-left::after { top: 0; left: 0; } .ribbon-bottom-left span { right: -25px; bottom: 30px; transform: rotate(225deg); } .ribbon-bottom-right { bottom: -10px; right: -10px; } .ribbon-bottom-right::before, .ribbon-bottom-right::after { border-bottom-color: transparent; border-right-color: transparent; } .ribbon-bottom-right::before { bottom: 0; left: 0; } .ribbon-bottom-right::after { top: 0; right: 0; } .ribbon-bottom-right span { left: -25px; bottom: 30px; transform: rotate(-225deg); } .dropdown-menu { left: unset !important; } nav-link:hover > .dropdown-menu { display: block !important } label { left: unset !important; } .shopBtnMobile { width: 100%; margin: 0; } .shopBtn { margin: 0; border-radius: 0px; } .btn-indigo { color: #fff; } .progress-bar { background-color: #3f51b5; } .bg-indigo { background-color: #3f51b5; } .shopMenu { background-color: #587cbb !important; } .shopMenu a { color: white !important; padding: 10px 10px; font-size: 12.9px !important; margin: 0; } .menuText { color: white !important; } .footerPadding { padding: 20px 20px 20px 20px !important; } .headers > span { position: relative; display: inline-block; } .headers > span:before, .headers > span:after { content: ''; position: absolute; top: 50%; border-bottom: 0.5px solid; width: 100vw; margin: 0 20px; } .headers > span:before { right: 100%; } .headers > span:after { left: 100%; } .ui-widget-header { background-color: #587cbb !important; } .informationHeading { font-size: 16px; } .directionsAndPackageHeader { font-size: 20px; } .buttonHeight { height: 45px; margin: 0; } .groupOrderPageAddToGroupBtn { display: flex; justify-content: center; } .checkoutHeadingTextAlign { left: -13%; font-size: 15px; } .checkoutValueTextAlign { left: -24%; } .quantityAndIcons { display: inline-block; } .indevidualBlocksWithItems { margin-bottom: 29px; } .OrderInformationBlock { position: sticky; z-index: 10; background-color: white; top: 0 } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; background-color: white; } .bankDetails { font-weight: 700 } .backToShop-btn { width: 60px; height: 63px; border-radius: 50%; position: fixed; bottom: 57px; right: 0; } .Recommended:last-child { width: 255px; } .validation-summary-errors ul { list-style: none; margin-left: -40px } .carouselArrows { color: black; font-size: 20px } .pagination .page-item.active .page-link { background-color: #587cbb } .MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position: relative; } .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; } .MultiCarousel .MultiCarousel-inner .item { float: left; } .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding: 10px; margin: 10px; color: #666; } .MultiCarousel .leftLst, .MultiCarousel .rightLst { position: absolute; top: calc(50% - 20px); } .MultiCarousel .leftLst { left: 0; } .MultiCarousel .rightLst { right: 0; } .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; display: none; } .SingleAddShop { width: 100% } .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev { display: flex; transition: ease-in-out } .carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next { transform: translateX(10%); transition: ease-in-out } .carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev { transform: translateX(-10%); transition: ease-in-out } .carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left { transform: translateX(0); transition: ease-in-out } .carouselImg { height: 20%; width: auto; } .carousel-control-next, .carousel-control-prev { width: 5%; height: 20%; } .mobilePagination { place-content: center; } @media only screen and (max-width: 300px) { .productDetailTabs{ text-align:center !important; float:unset !important } } .sw-theme-dots > .nav .nav-link::before { color: #587cbb !important } .sw-theme-dots > .nav .nav-link.done::after { background-color: #587cbb !important } .sw-theme-dots > .nav .nav-link.active::after { background-color: #587cbb !important } .sw-theme-dots > .nav .nav-link.done { color: #587cbb !important } .sw-theme-dots > .nav .nav-link.active { color: #587cbb !important } .sw-theme-dots .toolbar > .btn { background-color: #20428a !important; border-color: #20428a !important; } @media screen and (max-width: 640px) { .sw > .nav { flex-direction: inherit !important; } } /* ---------------------------------------------------- */ /* #region OVERRIDE BOOTSTRAP */ :root, [data-bs-theme=light] { /* #region PRIMARY */ --bs-primary-50: #eaf0fa; --bs-primary-100: #d5e0f6; --bs-primary-200: #acc1ec; --bs-primary-300: #82a2e3; --bs-primary-400: #5984d9; --bs-primary-500: #2f65d0; --bs-primary-600: #2651a6; --bs-primary-700: #1c3c7d; --bs-primary-800: #132853; --bs-primary-900: #09142a; --bs-primary-950: #070e1d; /* #endregion */ /* #region SUCCESS */ --bs-success-50: #e9fbf3; --bs-success-100: #d4f7e7; --bs-success-200: #a9efce; --bs-success-300: #7ee7b6; --bs-success-400: #53df9e; --bs-success-500: #28d785; --bs-success-600: #20ac6b; --bs-success-700: #188150; --bs-success-800: #105635; --bs-success-900: #082b1b; --bs-success-950: #061e13; /* #endregion */ /* #region INFO */ --bs-info-50: #e7fafe; --bs-info-100: #cff5fc; --bs-info-200: #9eebfa; --bs-info-300: #6ee0f7; --bs-info-400: #3dd6f5; --bs-info-500: #0dccf2; --bs-info-600: #0aa3c2; --bs-info-700: #087a91; --bs-info-800: #055261; --bs-info-900: #032930; --bs-info-950: #021d22; /* #endregion */ /* #region WARNING */ --bs-warning-50: #fff9e5; --bs-warning-100: #fff2cc; --bs-warning-200: #ffe699; --bs-warning-300: #ffd966; --bs-warning-400: #ffcc33; --bs-warning-500: #ffbf00; --bs-warning-600: #cc9900; --bs-warning-700: #997300; --bs-warning-800: #664d00; --bs-warning-900: #332600; --bs-warning-950: #241b00; /* #endregion */ /* #region DANGER */ --bs-danger-50: #fbe9eb; --bs-danger-100: #f7d4d7; --bs-danger-200: #f0a8af; --bs-danger-300: #e87d88; --bs-danger-400: #e05260; --bs-danger-500: #d92638; --bs-danger-600: #ad1f2d; --bs-danger-700: #821722; --bs-danger-800: #570f16; --bs-danger-900: #2b080b; --bs-danger-950: #1e0508; /* #endregion */ --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: var(--bs-primary-600); --bs-secondary: var(--bs-primary-100); --bs-success: var(--bs-success-600); --bs-info: var(--bs-info-600); --bs-warning: var(--bs-warning-600); --bs-danger: var(--bs-danger-600); --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 38, 81, 166; --bs-secondary-rgb: 213, 224, 246; --bs-success-rgb: 32, 172, 107; --bs-info-rgb: 10, 163, 194; --bs-warning-rgb: 204, 153, 0; --bs-danger-rgb: 173, 31, 45; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 0.9375rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.6; --bs-body-color: #3f3f46; --bs-body-color-rgb: 63, 63, 70; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: #2d465e !important; --bs-link-color: var(--bs-primary); --bs-link-color-rgb: var(--bs-primary-rgb); --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.5rem; --bs-border-radius-sm: 0.375rem; --bs-border-radius-lg: 0.625rem; --bs-border-radius-xl: 0.75rem; --bs-border-radius-xxl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25); --bs-form-valid-color: var(--bs-success); --bs-form-valid-border-color: var(--bs-success); --bs-form-invalid-color: var(--bs-danger); --bs-form-invalid-border-color: var(--bs-danger); } .input-validation-error { border: 1px solid var(--bs-danger); background-color: var(--bs-danger-bg-subtle); } .btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-size: 0.875rem; } /* #region COLOUR OVERRIDES */ .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb { background-color: var(--bs-primary); } .bg-primary-subtle { background-color: rgba(var(--bs-primary-rgb), 0.05) !important; } .btn-primary { --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-primary-700); --bs-btn-hover-border-color: var(--bs-primary-700); --bs-btn-active-bg: var(--bs-primary-800); --bs-btn-active-border-color: var(--bs-primary-800); --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } .btn-secondary { --bs-btn-color: var(--bs-primary-900); --bs-btn-bg: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-color: var(--bs-primary-900); --bs-btn-hover-bg: var(--bs-primary-200); --bs-btn-hover-border-color: var(--bs-primary-200); --bs-btn-active-color: var(--bs-primary-900); --bs-btn-active-bg: var(--bs-primary-300); --bs-btn-active-border-color: var(--bs-primary-300); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } .btn-success { --bs-btn-bg: var(--bs-success); --bs-btn-border-color: var(--bs-success); --bs-btn-hover-bg: var(--bs-success-700); --bs-btn-hover-border-color: var(--bs-success-700); --bs-btn-active-bg: var(--bs-success-800); --bs-btn-active-border-color: var(--bs-success-800); --bs-btn-disabled-bg: var(--bs-success); --bs-btn-disabled-border-color: var(--bs-success); } .btn-info { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-info); --bs-btn-border-color: var(--bs-info); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-info-700); --bs-btn-hover-border-color: var(--bs-info-700); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-info-800); --bs-btn-active-border-color: var(--bs-info-800); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-info); --bs-btn-disabled-border-color: var(--bs-info); } .btn-warning { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-warning); --bs-btn-border-color: var(--bs-warning); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-warning-700); --bs-btn-hover-border-color: var(--bs-warning-700); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-warning-800); --bs-btn-active-border-color: var(--bs-warning-800); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-warning); --bs-btn-disabled-border-color: var(--bs-warning); } .btn-danger { --bs-btn-bg: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); --bs-btn-hover-bg: var(--bs-danger-700); --bs-btn-hover-border-color: var(--bs-danger-700); --bs-btn-active-bg: var(--bs-danger-800); --bs-btn-active-border-color: var(--bs-danger-800); --bs-btn-disabled-bg: var(--bs-danger); --bs-btn-disabled-border-color: var(--bs-danger); } .btn-outline-primary { --bs-btn-color: var(--bs-primary); --bs-btn-bg: transparent; --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-primary-50); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--bs-primary); --bs-btn-active-bg: var(--bs-primary-100); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-disabled-color: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } .btn-link { --bs-btn-disabled-color: var(--bs-secondary); } .btn-close { --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .btn-outline-success { --bs-btn-color: var(--bs-success); --bs-btn-border-color: var(--bs-success); --bs-btn-hover-color: var(--bs-success); --bs-btn-hover-bg: var(--bs-success-50); --bs-btn-hover-border-color: var(--bs-success); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); --bs-btn-active-color: var(--bs-success); --bs-btn-active-bg: var(--bs-success-100); --bs-btn-active-border-color: var(--bs-success); --bs-btn-disabled-color: var(--bs-success); --bs-btn-disabled-border-color: var(--bs-success); } .btn-outline-info { --bs-btn-color: var(--bs-info); --bs-btn-border-color: var(--bs-info); --bs-btn-hover-color: var(--bs-info); --bs-btn-hover-bg: var(--bs-info-50); --bs-btn-hover-border-color: var(--bs-info); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); --bs-btn-active-color: var(--bs-info); --bs-btn-active-bg: var(--bs-info-100); --bs-btn-active-border-color: var(--bs-info); --bs-btn-disabled-color: var(--bs-info); --bs-btn-disabled-border-color: var(--bs-info); } .btn-outline-warning { --bs-btn-color: var(--bs-warning); --bs-btn-border-color: var(--bs-warning); --bs-btn-hover-color: var(--bs-warning); --bs-btn-hover-bg: var(--bs-warning-50); --bs-btn-hover-border-color: var(--bs-warning); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); --bs-btn-active-color: var(--bs-warning); --bs-btn-active-bg: var(--bs-warning-100); --bs-btn-active-border-color: var(--bs-warning); --bs-btn-disabled-color: var(--bs-warning); --bs-btn-disabled-border-color: var(--bs-warning); } .btn-outline-danger { --bs-btn-color: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); --bs-btn-hover-color: var(--bs-danger); --bs-btn-hover-bg: var(--bs-danger-50); --bs-btn-hover-border-color: var(--bs-danger); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); --bs-btn-active-color: var(--bs-danger); --bs-btn-active-bg: var(--bs-danger-100); --bs-btn-active-border-color: var(--bs-danger); --bs-btn-disabled-color: var(--bs-danger); --bs-btn-disabled-border-color: var(--bs-danger); } .dropdown-menu { --bs-dropdown-header-color: var(--bs-secondary); } .dropdown-menu, .dropdown-menu-dark { --bs-dropdown-link-active-bg: var(--bs-primary); } .nav-pills { --bs-nav-pills-link-active-bg: var(--bs-primary); } .pagination { --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .progress, .progress-stacked { --bs-progress-bar-bg: var(--bs-primary); } .list-group { --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); } .blockquote-footer { color: var(--bs-secondary); } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: var(--bs-secondary); } .form-control:focus, .form-select:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem rgba(var(--bs-primary-rgb), 0.25); } .form-range:focus::-webkit-slider-thumb, .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.1rem rgba(var(--bs-primary-rgb), 0.25); } .accordion { --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .form-control::file-selector-button, .form-control::file-selector-button:hover { background: var(--bs-primary); color: var(--bs-body-bg); } /* #endregion */ /* #region MODALS */ .modal .modal-dialog .modal-content { border-radius: 24px; background: var(--bs-body-bg); padding: 2rem 1.5rem; text-align: center; height: 100%; border: none; transition: all 0.3s ease; position: relative; overflow: hidden; } .modal .modal-dialog .modal-content::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--bs-primary); transform: scaleX(1); } .modal .modal-dialog .modal-content.success-modal::before { background: var(--bs-success); } .modal .modal-dialog .modal-content.error-modal::before { background: var(--bs-danger); } @media (max-width: 1200px) { .modal .modal-dialog .modal-content { padding: 1.75rem 1.25rem; } } .modal .modal-dialog .modal-content .modal-body, .modal .modal-dialog .modal-content .modal-footer, .modal .modal-dialog .modal-content .modal-header { padding: 0; } .modal .modal-dialog .modal-content .modal-footer { padding: 1.75rem 0 0 0; } .modal .modal-dialog .modal-content .modal-footer, .modal .modal-dialog .modal-content .modal-header { border: none; } .modal .modal-dialog .modal-content .modal-header .modal-icon { background: rgba(var(--bs-primary-rgb), 0.10); border-radius: 50%; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; } .modal .modal-dialog .modal-content.success-modal .modal-header .modal-icon { background: rgba(var(--bs-success-rgb), 0.10); } .modal .modal-dialog .modal-content.error-modal .modal-header .modal-icon { background: rgba(var(--bs-danger-rgb), 0.10); } .modal .modal-dialog .modal-content .modal-header .modal-icon i { color: var(--bs-primary); font-size: 1.75rem; } .modal .modal-dialog .modal-content.success-modal .modal-header .modal-icon i { color: var(--bs-success); } .modal .modal-dialog .modal-content.error-modal .modal-header .modal-icon i { color: var(--bs-danger); } .modal .modal-dialog .modal-content .modal-body h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 15px; color: var(--bs-heading-color); } .modal .modal-dialog .modal-content .modal-body p { font-size: 0.95rem; color: rgba(var(--bs-body-color-rgb), 0.8); line-height: 1.6; margin-bottom: 0; } /* #endregion */ /* #region Quil Editor */ .ql-toolbar.ql-snow { border-radius: 0.375rem 0.375rem 0 0; font-family: var(--bs-font-sans-serif) !important; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: var(--bs-primary) !important; } .ql-container { border-radius: 0 0 0.375rem 0.375rem; height: auto !important; } /* #endregion */ /* #region Scroll Top Button */ .scroll-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: -15px; z-index: 99999; background-color: var(--bs-primary); width: 44px; height: 44px; border-radius: 50px; transition: all 0.4s; } .scroll-top i { font-size: 24px; color: var(--bs-body-bg); line-height: 0; } .scroll-top:hover { background-color: rgba(var(--bs-primary-rgb), 0.80); color: var(--bs-body-bg); } .scroll-top.active { visibility: visible; opacity: 1; bottom: 15px; } /* #endregion */ /* #region Global OVERRIDE Pagination */ .pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 0; } .pagination li { min-width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; border: 0; transition: all 0.3s ease; background-color: transparent; color: var(--bs-body-color); cursor: pointer; } .pagination li:hover, .pagination li.active:hover { background: rgba(var(--bs-primary-rgb), 0.08); color: var(--bs-primary); } .pagination li.ellipses { color: rgba(var(--bs-body-color-rgb), 0.6) !important; } .pagination li.ellipses:hover, .pagination li.ellipses a:hover { background-color: transparent !important; } .pagination li.active { background: var(--bs-primary); color: var(--bs-body-bg); } .pagination li a:disabled { color: rgba(var(--bs-body-color-rgb), 0.4); cursor: not-allowed; } /* .pagination > .active > a { background-color: var(--bs-primary); color: #fff; }*/ /* #endregion */ /* #region PRELOADER */ /* From Uiverse.io by alexruix */ .preloader-main { position: fixed; inset: 0; z-index: 999999; overflow: hidden; background: var(--bs-body-bg); transition: all 0.6s ease-out; } .preloader { width: 48px; height: 48px; margin: auto; position: fixed; inset: 0; } .preloader:before { content: ''; width: 48px; height: 5px; background: #20448d50; position: absolute; top: 60px; left: 0; border-radius: 50%; animation: shadow324 0.5s linear infinite; } .preloader:after { content: ''; width: 100%; height: 100%; background: #20448d; position: absolute; top: 0; left: 0; border-radius: 4px; animation: jump7456 0.5s linear infinite; } @keyframes jump7456 { 15% { border-bottom-right-radius: 3px; } 25% { transform: translateY(9px) rotate(22.5deg); } 50% { transform: translateY(18px) scale(1, .9) rotate(45deg); border-bottom-right-radius: 40px; } 75% { transform: translateY(9px) rotate(67.5deg); } 100% { transform: translateY(0) rotate(90deg); } } @keyframes shadow324 { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1); } } /* #endregion */ /* #region Global Error */ .error-alert { background: linear-gradient(135deg, #dc3545, #c82333); color: var(--bs-body-bg); padding: 30px; border-radius: 15px; margin-bottom: 40px; display: flex; align-items: center; gap: 20px; box-shadow: 0 10px 30px rgba(220, 53, 69, 0.3); } @media (max-width: 768px) { .error-alert { flex-direction: column; text-align: center; gap: 15px; } } .error-alert .alert-icon { font-size: 3rem; opacity: 0.9; } @media (max-width: 768px) { .error-alert .alert-icon { font-size: 2.5rem; } } .error-alert .alert-content { flex: 1; } .error-alert .alert-content h3 { color: var(--bs-body-bg); margin-bottom: 10px; font-size: 1.8rem; font-weight: 700; } .error-alert .alert-content p { margin: 0; font-size: 1.1rem; line-height: 1.5; } .error-alert .alert-action .btn-emergency { background-color: var(--bs-body-bg); color: #dc3545; padding: 12px 25px; border-radius: 50px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s ease; } .error-alert .alert-action .btn-emergency:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); color: #dc3545; } .error-alert .alert-action .btn-emergency i { font-size: 1.1rem; } .error { padding: 80px 0; margin: 0 auto; } .error .error-icon { font-size: 5rem; color: rgba(var(--bs-primary-rgb), 0.85); } .error .error-code { font-size: clamp(6rem, 8vw, 12rem); font-weight: 800; color: rgba(var(--bs-heading-color-rgb), 0.9); font-family: var(--heading-font); line-height: 1; } .error .error-title { font-size: 2rem; color: var(--bs-heading-color); font-weight: 600; } .error .error-text { font-size: 1.1rem; color: rgba(var(--bs-body-color-rgb), 0.8); max-width: 600px; margin: 0 auto; } .error .error-action .btn-primary { padding: 0.75rem 2rem; font-size: 1.1rem; background-color: var(--bs-primary); border: none; color: var(--bs-body-bg); border-radius: 50px; transition: all 0.3s ease; } .error .error-action .btn-primary:hover { background-color: rgba(var(--bs-primary-rgb), 0.85); transform: translateY(-2px); } @media (max-width: 768px) { .error { padding: 60px 0; } .error .error-code { font-size: clamp(4rem, 12vw, 8rem); } .error .error-title { font-size: 1.5rem; } .error .error-text { font-size: 1rem; padding: 0 20px; } .error .search-box { margin: 0 20px; } } /* #endregion */ /* #region Disable aos animation delay on mobile devices */ @media screen and (max-width: 768px) { [data-aos-delay] { transition-delay: 0 !important; } } /* #endregion */ :root { scroll-behavior: smooth; } body { font-family: "Open Sans", sans-serif; background: #fff; color: #444444; } a { color: var(--bs-primary); text-decoration: none; } a:hover { color: var(--bs-primary-700); text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: "Nunito", sans-serif; } /*-------------------------------------------------------------- # Main --------------------------------------------------------------*/ #main { margin-top: 60px; transition: all 0.3s; } /*-------------------------------------------------------------- # Page Title --------------------------------------------------------------*/ .pagetitle { margin-bottom: 10px; } .pagetitle h1 { font-size: 24px; margin-bottom: 0; font-weight: 600; color: #012970; } .page-title { color: var(--bs-body-color); background-color: var(--bs-body-bg); padding: 25px 0; position: relative; } .page-title h1 { font-size: 24px; font-weight: 700; } .page-title .breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px; font-weight: 400; } .page-title .breadcrumbs ol li + li { padding-left: 10px; } .page-title .breadcrumbs ol li + li::before { content: "/"; display: inline-block; padding-right: 10px; color: rgba(var(--bs-body-color-rgb), 0.3); } /*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/ .back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 99999; background: var(--bs-primary); width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; } .back-to-top i { font-size: 24px; color: #fff; line-height: 0; } .back-to-top:hover { background: #6776f4; color: #fff; } .back-to-top.active { visibility: visible; opacity: 1; } /*-------------------------------------------------------------- # Override some default Bootstrap stylings --------------------------------------------------------------*/ /* Dropdown menus */ .dropdown-menu { border-radius: 4px; padding: 10px 0; animation-name: dropdown-animate; animation-duration: 0.2s; animation-fill-mode: both; border: 0; box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2); } .dropdown-menu .dropdown-header, .dropdown-menu .dropdown-footer { text-align: center; font-size: 15px; padding: 10px 25px; } .dropdown-menu .dropdown-footer a { color: #444444; text-decoration: underline; } .dropdown-menu .dropdown-footer a:hover { text-decoration: none; } .dropdown-menu .dropdown-divider { color: #a5c5fe; margin: 0; } .dropdown-menu .dropdown-item { font-size: 14px; padding: 10px 15px; transition: 0.3s; } .dropdown-menu .dropdown-item i { margin-right: 10px; font-size: 18px; line-height: 0; } .dropdown-menu .dropdown-item:hover { background-color: #f6f9ff; } @media (min-width: 768px) { .dropdown-menu-arrow::before { content: ""; width: 13px; height: 13px; background: #fff; position: absolute; top: -7px; right: 20px; transform: rotate(45deg); border-top: 1px solid #eaedf1; border-left: 1px solid #eaedf1; } } @keyframes dropdown-animate { 0% { opacity: 0; } 100% { opacity: 1; } 0% { opacity: 0; } } /* Card */ .card { margin-bottom: 30px; border: none; border-radius: 5px; box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1); } .card-header, .card-footer { border-color: #ebeef4; background-color: #fff; color: #798eb3; padding: 15px; } .card-title { padding: 20px 0 15px 0; font-size: 18px; font-weight: 500; color: #012970; font-family: "Poppins", sans-serif; } .card-title span { color: #899bbd; font-size: 14px; font-weight: 400; } .card-body { padding: 0 20px 20px 20px; } .card-img-overlay { background-color: rgba(255, 255, 255, 0.6); } /* Alerts */ .alert-heading { font-weight: 500; font-family: "Poppins", sans-serif; font-size: 20px; } /* Close Button */ .btn-close { background-size: 25%; } .btn-close:focus { outline: 0; box-shadow: none; } /* Accordion */ .accordion-item { border: 1px solid #ebeef4; } .accordion-button:focus { outline: 0; box-shadow: none; } .accordion-button:not(.collapsed) { color: #012970; background-color: #f6f9ff; } .accordion-flush .accordion-button { padding: 15px 0; background: none; border: 0; } .accordion-flush .accordion-button:not(.collapsed) { box-shadow: none; color: var(--bs-primary); } .accordion-flush .accordion-body { padding: 0 0 15px 0; color: #3e4f6f; font-size: 15px; } /* Breadcrumbs */ .breadcrumb { font-size: 14px; font-family: "Nunito", sans-serif; color: #899bbd; font-weight: 600; } .breadcrumb a { color: #899bbd; transition: 0.3s; } .breadcrumb a:hover { color: #51678f; } .breadcrumb .breadcrumb-item::before { color: #899bbd; } .breadcrumb .active { color: #51678f; font-weight: 600; } /* Bordered Tabs */ .nav-tabs-bordered { border-bottom: 2px solid #ebeef4; } .nav-tabs-bordered .nav-link { margin-bottom: -2px; border: none; color: #2c384e; } .nav-tabs-bordered .nav-link:hover, .nav-tabs-bordered .nav-link:focus { color: var(--bs-primary); } .nav-tabs-bordered .nav-link.active { background-color: #fff; color: var(--bs-primary); border-bottom: 2px solid var(--bs-primary); } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .logo { line-height: 1; } @media (min-width: 1200px) { .logo { width: 280px; } } .logo img { max-height: 26px; margin-right: auto; margin-left: auto; } .logo span { font-size: 26px; font-weight: 700; color: #012970; font-family: "Nunito", sans-serif; } .header { transition: all 0.5s; z-index: 997; height: 60px; box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1); background-color: #fff; padding-left: 20px; /* Toggle Sidebar Button */ /* Search Bar */ } .header .toggle-sidebar-btn { font-size: 32px; cursor: pointer; color: #012970; } .header .search-bar { min-width: 360px; padding: 0 20px; } @media (max-width: 1199px) { .header .search-bar { position: fixed; top: 50px; left: 0; right: 0; padding: 20px; box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1); background: white; z-index: 9999; transition: 0.3s; visibility: hidden; opacity: 0; } .header .search-bar-show { top: 60px; visibility: visible; opacity: 1; } } .header .search-form { width: 100%; } .header .search-form input { border: 0; font-size: 14px; color: #012970; border: 1px solid rgba(1, 41, 112, 0.2); padding: 7px 38px 7px 8px; border-radius: 3px; transition: 0.3s; width: 100%; } .header .search-form input:focus, .header .search-form input:hover { outline: none; box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15); border: 1px solid rgba(1, 41, 112, 0.3); } .header .search-form button { border: 0; padding: 0; margin-left: -30px; background: none; } .header .search-form button i { color: #012970; } /*-------------------------------------------------------------- # Header Nav --------------------------------------------------------------*/ .header-nav ul { list-style: none; } .header-nav > ul { margin: 0; padding: 0; } .header-nav .nav-icon { font-size: 24px; color: #012970; margin-right: 25px; position: relative; } .header-nav .nav-profile { color: #012970; } .header-nav .nav-profile img { max-height: 36px; } .header-nav .nav-profile span { font-size: 14px; font-weight: 600; } .header-nav .badge-number { position: absolute; inset: -2px -5px auto auto; font-weight: normal; font-size: 12px; padding: 3px 6px; } .header-nav .notifications { inset: 8px -15px auto auto !important; } .header-nav .notifications .notification-item { display: flex; align-items: center; padding: 15px 10px; transition: 0.3s; } .header-nav .notifications .notification-item i { margin: 0 20px 0 10px; font-size: 24px; } .header-nav .notifications .notification-item h4 { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .header-nav .notifications .notification-item p { font-size: 13px; margin-bottom: 3px; color: #919191; } .header-nav .notifications .notification-item:hover { background-color: #f6f9ff; } .header-nav .messages { inset: 8px -15px auto auto !important; } .header-nav .messages .message-item { padding: 15px 10px; transition: 0.3s; } .header-nav .messages .message-item a { display: flex; } .header-nav .messages .message-item img { margin: 0 20px 0 10px; max-height: 40px; } .header-nav .messages .message-item h4 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #444444; } .header-nav .messages .message-item p { font-size: 13px; margin-bottom: 3px; color: #919191; } .header-nav .messages .message-item:hover { background-color: #f6f9ff; } .header-nav .profile { min-width: 240px; padding-bottom: 0; top: 8px !important; } .header-nav .profile .dropdown-header h6 { font-size: 18px; margin-bottom: 0; font-weight: 600; color: #444444; } .header-nav .profile .dropdown-header span { font-size: 14px; } .header-nav .profile .dropdown-item { font-size: 14px; padding: 10px 15px; transition: 0.3s; } .header-nav .profile .dropdown-item i { margin-right: 10px; font-size: 18px; line-height: 0; } .header-nav .profile .dropdown-item:hover { background-color: #f6f9ff; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .sidebar { position: fixed; top: 60px; left: 0; bottom: 0; width: 300px; z-index: 996; transition: all 0.3s; padding: 20px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #aab7cf transparent; box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1); background-color: #fff; } @media (max-width: 1199px) { .sidebar { left: -300px; } } .sidebar::-webkit-scrollbar { width: 5px; height: 8px; background-color: #fff; } .sidebar::-webkit-scrollbar-thumb { background-color: #aab7cf; } @media (min-width: 1200px) { #main, #footer { margin-left: 300px; } } @media (max-width: 1199px) { .toggle-sidebar .sidebar { left: 0; } } @media (min-width: 1200px) { .toggle-sidebar #main, .toggle-sidebar #footer { margin-left: 0; } .toggle-sidebar .sidebar { left: -300px; } } .sidebar-nav { padding: 0; margin: 0; list-style: none; } .sidebar-nav li { padding: 0; margin: 0; list-style: none; } .sidebar-nav .nav-item { margin-bottom: 5px; } .sidebar-nav .nav-heading { font-size: 11px; text-transform: uppercase; color: #899bbd; font-weight: 600; margin: 10px 0 5px 15px; } .sidebar-nav .nav-link { display: flex; align-items: center; font-size: 15px; font-weight: 600; color: var(--bs-primary); transition: 0.3; background: #f6f9ff; padding: 10px 15px; border-radius: 4px; } .sidebar-nav .nav-link i { font-size: 16px; margin-right: 10px; color: var(--bs-primary); } .sidebar-nav .nav-link.collapsed { color: #012970; background: #fff; } .sidebar-nav .nav-link.collapsed i { color: #899bbd; } .sidebar-nav .nav-link:hover { color: var(--bs-primary); background: #f6f9ff; } .sidebar-nav .nav-link:hover i { color: var(--bs-primary); } .sidebar-nav .nav-link .bi-chevron-down { margin-right: 0; transition: transform 0.2s ease-in-out; } .sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down { transform: rotate(180deg); } .sidebar-nav .nav-content { padding: 5px 0 0 0; margin: 0; list-style: none; } .sidebar-nav .nav-content a { display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #012970; transition: 0.3; padding: 10px 0 10px 40px; transition: 0.3s; } .sidebar-nav .nav-content a i { font-size: 6px; margin-right: 8px; line-height: 0; border-radius: 50%; } .sidebar-nav .nav-content a:hover, .sidebar-nav .nav-content a.active { color: var(--bs-primary); } .sidebar-nav .nav-content a.active i { background-color: var(--bs-primary); } /*-------------------------------------------------------------- # Dashboard --------------------------------------------------------------*/ /* Filter dropdown */ .dashboard .filter { position: absolute; right: 0px; top: 15px; } .dashboard .filter .icon { color: #aab7cf; padding-right: 20px; padding-bottom: 5px; transition: 0.3s; font-size: 16px; } .dashboard .filter .icon:hover, .dashboard .filter .icon:focus { color: var(--bs-primary); } .dashboard .filter .dropdown-header { padding: 8px 15px; } .dashboard .filter .dropdown-header h6 { text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 1px; color: #aab7cf; margin-bottom: 0; padding: 0; } .dashboard .filter .dropdown-item { padding: 8px 15px; } /* Info Cards */ .dashboard .info-card { padding-bottom: 10px; } .dashboard .info-card h6 { font-size: 28px; color: #012970; font-weight: 700; margin: 0; padding: 0; } .dashboard .card-icon { font-size: 32px; line-height: 0; width: 64px; height: 64px; flex-shrink: 0; flex-grow: 0; } .dashboard .sales-card .card-icon { color: var(--bs-primary); background: #f6f6fe; } .dashboard .revenue-card .card-icon { color: #2eca6a; background: #e0f8e9; } .dashboard .customers-card .card-icon { color: #ff771d; background: #ffecdf; } /* Activity */ .dashboard .activity { font-size: 14px; } .dashboard .activity .activity-item .activite-label { color: #888; position: relative; flex-shrink: 0; flex-grow: 0; min-width: 64px; } .dashboard .activity .activity-item .activite-label::before { content: ""; position: absolute; right: -11px; width: 4px; top: 0; bottom: 0; background-color: #eceefe; } .dashboard .activity .activity-item .activity-badge { margin-top: 3px; z-index: 1; font-size: 11px; line-height: 0; border-radius: 50%; flex-shrink: 0; border: 3px solid #fff; flex-grow: 0; } .dashboard .activity .activity-item .activity-content { padding-left: 10px; padding-bottom: 20px; } .dashboard .activity .activity-item:first-child .activite-label::before { top: 5px; } .dashboard .activity .activity-item:last-child .activity-content { padding-bottom: 0; } /* News & Updates */ .dashboard .news .post-item + .post-item { margin-top: 15px; } .dashboard .news img { width: 80px; float: left; border-radius: 5px; } .dashboard .news h4 { font-size: 15px; margin-left: 95px; font-weight: bold; margin-bottom: 5px; } .dashboard .news h4 a { color: #012970; transition: 0.3s; } .dashboard .news h4 a:hover { color: var(--bs-primary); } .dashboard .news p { font-size: 14px; color: #777777; margin-left: 95px; } /* Recent Sales */ .dashboard .recent-sales { font-size: 14px; } .dashboard .recent-sales .table thead { background: #f6f6fe; } .dashboard .recent-sales .table thead th { border: 0; } .dashboard .recent-sales .dataTable-top { padding: 0 0 10px 0; } .dashboard .recent-sales .dataTable-bottom { padding: 10px 0 0 0; } /* Top Selling */ .dashboard .top-selling { font-size: 14px; } .dashboard .top-selling .table thead { background: #f6f6fe; } .dashboard .top-selling .table thead th { border: 0; } .dashboard .top-selling .table tbody td { vertical-align: middle; } .dashboard .top-selling img { border-radius: 5px; max-width: 60px; } /*-------------------------------------------------------------- # Icons list page --------------------------------------------------------------*/ .iconslist { display: grid; max-width: 100%; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1.25rem; padding-top: 15px; } .iconslist .icon { background-color: #fff; border-radius: 0.25rem; text-align: center; color: #012970; padding: 15px 0; } .iconslist i { margin: 0.25rem; font-size: 2.5rem; } .iconslist .label { font-family: var(--bs-font-monospace); display: inline-block; width: 100%; overflow: hidden; padding: 0.25rem; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; color: #666; } /*-------------------------------------------------------------- # Profie Page --------------------------------------------------------------*/ .profile .profile-card img { max-width: 120px; } .profile .profile-card h2 { font-size: 24px; font-weight: 700; color: #2c384e; margin: 10px 0 0 0; } .profile .profile-card h3 { font-size: 18px; } .profile .profile-card .social-links a { font-size: 20px; display: inline-block; color: rgba(1, 41, 112, 0.5); line-height: 0; margin-right: 10px; transition: 0.3s; } .profile .profile-card .social-links a:hover { color: #012970; } .profile .profile-overview .row { margin-bottom: 20px; font-size: 15px; } .profile .profile-overview .card-title { color: #012970; } .profile .profile-overview .label { font-weight: 600; color: rgba(1, 41, 112, 0.6); } .profile .profile-edit label { font-weight: 600; color: rgba(1, 41, 112, 0.6); } .profile .profile-edit img { max-width: 120px; } /*-------------------------------------------------------------- # F.A.Q Page --------------------------------------------------------------*/ .faq .basic h6 { font-size: 18px; font-weight: 600; color: var(--bs-primary); } .faq .basic p { color: #6980aa; } /*-------------------------------------------------------------- # Contact --------------------------------------------------------------*/ .contact .info-box { padding: 28px 30px; } .contact .info-box i { font-size: 38px; line-height: 0; color: var(--bs-primary); } .contact .info-box h3 { font-size: 20px; color: #012970; font-weight: 700; margin: 20px 0 10px 0; } .contact .info-box p { padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; } .contact .php-email-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; margin-bottom: 24px; font-weight: 600; } .contact .php-email-form .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; margin-bottom: 24px; font-weight: 600; } .contact .php-email-form .loading { display: none; background: #fff; text-align: center; padding: 15px; margin-bottom: 24px; } .contact .php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; animation: animate-loading 1s linear infinite; } .contact .php-email-form input, .contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; border-radius: 0; } .contact .php-email-form input:focus, .contact .php-email-form textarea:focus { border-color: var(--bs-primary); } .contact .php-email-form input { padding: 10px 15px; } .contact .php-email-form textarea { padding: 12px 15px; } .contact .php-email-form button[type=submit] { background: var(--bs-primary); border: 0; padding: 10px 30px; color: #fff; transition: 0.4s; border-radius: 4px; } .contact .php-email-form button[type=submit]:hover { background: #5969f3; } @keyframes animate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*-------------------------------------------------------------- # Error 404 --------------------------------------------------------------*/ .error-404 { padding: 30px; } .error-404 h1 { font-size: 180px; font-weight: 700; color: var(--bs-primary); margin-bottom: 0; line-height: 150px; } .error-404 h2 { font-size: 24px; font-weight: 700; color: #012970; margin-bottom: 30px; } .error-404 .btn { background: #51678f; color: #fff; padding: 8px 30px; } .error-404 .btn:hover { background: #3e4f6f; } @media (min-width: 992px) { .error-404 img { max-width: 50%; } } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .footer { padding: 20px 0; font-size: 14px; transition: all 0.3s; border-top: 1px solid #cddfff; } .footer .copyright { text-align: center; color: #012970; } .footer .credits { padding-top: 5px; text-align: center; font-size: 13px; color: #012970; } section, .section { color: var(--bs-body-color); background-color: var(--bs-body-bg); padding: 60px 0; scroll-margin-top: 185px; overflow: clip; } /* #region Global Swiper */ /*.swiper.init-swiper { position: relative; } .swiper-wrapper { height: auto !important; }*/ .swiper-button-next { right: 0; } .swiper-button-prev { left: 0; } .swiper-button-next, .swiper-button-prev { width: 40px !important; height: 40px !important; background: var(--bs-body-bg); border-radius: 50%; color: var(--bs-heading-color); --swiper-navigation-color: var(--bs-heading-color); --swiper-theme-color: var(--bs-heading-color); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .swiper-button-next::after, .swiper-button-prev::after { --swiper-navigation-size: 1rem; font-weight: bold; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .swiper-pagination-bullet-active { background: var(--bs-primary) !important; } @media (max-width: 991.98px) { .swiper-button-prev { left: -15px; } .swiper-button-next { right: -15px; } } @media (max-width: 767.98px) { .swiper-button-prev, .swiper-button-next { width: 35px !important; height: 35px !important; } } @media (max-width: 575.98px) { .swiper-button-prev { left: -10px; } .swiper-button-next { right: -10px; } } /* #endregion */ /* #region GLOBAL Pulsating Play Button */ .pulsating-play-btn { width: 94px; height: 94px; background: radial-gradient(var(--bs-primary) 50%, rgba(var(--bs-primary-rgb), 0.25) 52%); border-radius: 50%; display: block; position: absolute; left: calc(50% - 47px); top: calc(50% - 47px); overflow: hidden; } .pulsating-play-btn:before { content: ""; position: absolute; width: 120px; height: 120px; animation-delay: 0s; animation: pulsate-play-btn 2s; animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(var(--bs-primary-rgb), 0.7); top: -15%; left: -15%; background: rgba(198, 16, 0, 0); } .pulsating-play-btn:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pulsating-play-btn:hover:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; animation: none; border-radius: 0; } .pulsating-play-btn:hover:after { border-left: 15px solid var(--bs-primary); transform: scale(20); } @keyframes pulsate-play-btn { 0% { transform: scale(0.6, 0.6); opacity: 1; } 100% { transform: scale(1, 1); opacity: 0; } } /* #endregion */ /* #region Category */ .category-cards .category-slider { position: relative; padding: 1rem 0; } .category-cards .category-slider .container { position: relative; } .category-cards .category-slider .swiper-wrapper { height: auto !important; } .category-cards .category-slider .swiper-button-next, .category-cards .category-slider .swiper-button-prev { width: 40px; height: 40px; background-color: var(--bs-body-bg); border-radius: 50%; color: #2d465e; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .category-cards .category-slider .swiper-button-next::after, .category-cards .category-slider .swiper-button-prev::after { font-size: 1rem; font-weight: bold; } .category-cards .category-slider .swiper-button-next:hover, .category-cards .category-slider .swiper-button-prev:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .category-cards .category-slider .swiper-button-prev { left: 0; } .category-cards .category-slider .swiper-button-next { right: 0; } .category-cards .category-card { background-color: color-mix(in srgb, var(--bs-body-color), transparent 95%); border-radius: 0.5rem; padding: 1rem; height: 100%; text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; } .category-cards .category-card:hover { transform: translateY(-5px); } .category-cards .category-card:hover .category-title { color: var(--bs-primary); } .category-cards .category-card:hover .category-image img { filter: brightness(1.08); transform: rotate(4deg) scale(1.06); } .category-cards .category-card .category-image { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } .category-cards .category-card .category-image img { max-height: 100%; max-width: 100%; object-fit: contain; transition: 0.3s; } .category-cards .category-card .category-title { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; color: #2d465e; transition: 0.3s; } .category-cards .category-card .category-count { font-size: 0.85rem; color: rgba(var(--bs-body-color-rgb), 0.7); margin-bottom: 0; } @media (max-width: 991.98px) { .category-cards .category-slider .swiper-button-prev { left: -15px; } .category-cards .category-slider .swiper-button-next { right: -15px; } .category-cards .category-card { padding: 0.75rem; } .category-cards .category-card .category-image { height: 100px; margin-bottom: 0.75rem; } .category-cards .category-card .category-title { font-size: 0.9rem; margin-bottom: 0.25rem; } .category-cards .category-card .category-count { font-size: 0.8rem; } } @media (max-width: 767.98px) { .category-cards .category-slider .swiper-button-prev, .category-cards .category-slider .swiper-button-next { width: 35px; height: 35px; } .category-cards .category-slider .swiper-button-prev::after, .category-cards .category-slider .swiper-button-next::after { font-size: 0.85rem; } .category-cards .category-card .category-image { height: 90px; } } @media (max-width: 575.98px) { .category-cards .category-slider .swiper-button-prev { left: -10px; } .category-cards .category-slider .swiper-button-next { right: -10px; } .category-cards .category-card { padding: 0.5rem; } .category-cards .category-card .category-image { height: 80px; margin-bottom: 0.5rem; } } .category-header .filter-container .filter-item.search-form .input-group .search-btn { background-color: var(--bs-primary); color: var(--bs-body-bg); border: none; padding: 0.5rem 1rem; transition: all 0.3s ease; } /* #endregion */ /* #region Global Product List */ .product-list .product-card { position: relative; height: 100%; background-color: var(--bs-body-bg); border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); border: none; transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-list .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .product-list .product-card:hover .default-image { opacity: 0; } .product-list .product-card:hover .hover-image { opacity: 1; } .product-list .product-image { position: relative; padding-top: 100%; overflow: hidden; background-color: #f8f9fa; } .product-list .product-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.5s ease; } .product-list .product-image .default-image { opacity: 1; transition: opacity 0.5s ease; } .product-list .product-image .hover-image { opacity: 0; transition: opacity 0.5s ease; } .product-list .product-tags { position: absolute; top: 10px; left: 10px; z-index: 2; } .product-list .product-tags .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 500; border-radius: 4px; margin-right: 5px; } .product-list .product-actions { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; z-index: 2; opacity: 0; transform: translateX(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .product-list .product-actions button, .product-list .product-actions a { width: 36px; height: 36px; border-radius: 50%; background-color: var(--bs-body-bg); border: none; color: var(--bs-heading-color); display: flex; align-items: center; justify-content: center; margin-bottom: 8px; transition: background-color 0.3s ease, color 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); cursor: pointer; } .product-list .product-actions button:hover, .product-list .product-actions a:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .product-list .product-actions button i, .product-list .product-actions a i { font-size: 1rem; } .product-list .product-card:hover .product-actions { opacity: 1; transform: translateX(0); } .product-list .product-info { padding: 1rem 1rem 0 1rem; } .product-list .product-title { font-family: var(--heading-font); font-size: 1rem; margin-bottom: 0; font-weight: 600; /*height: 2.4rem;*/ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .product-list h3.product-title { margin-bottom: 0; } .product-list .product-title a { color: var(--bs-heading-color); text-decoration: none; transition: color 0.3s ease; } .product-list .product-title a:hover { color: var(--bs-primary); } .product-list .card-footer { padding: 0.5rem 1rem 1rem 1rem; } .product-list .product-price { margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; } .product-list .product-price .current-price { font-size: 1.125rem; font-weight: 700; color: var(--bs-heading-color); } .product-list .product-price .current-price.info-icon { font-size: 1rem; } .product-list .product-price .current-pcc { font-size: 0.875rem; color: rgba(var(--bs-body-color-rgb), 0.6); padding: 0.25rem; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); } .product-list .product-card .btn { width: 100%; padding: 0.6rem; border: none; border-radius: 4px; font-size: 0.875rem; font-weight: 500; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; } .product-list .btn i { font-size: 1rem; } @media (max-width: 991.98px) { .product-list .product-title { font-size: 0.95rem; } } @media (max-width: 767.98px) { .product-list .product-card { max-width: 320px; margin: 0 auto; } .product-list .product-actions { opacity: 1; transform: translateX(0); } } /* #endregion */ /* #region CART */ .cart .cart-items-wrapper { background-color: var(--bs-body-bg); border-radius: 16px; padding: 24px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } .cart .cart-item { padding: 24px 0; border-bottom: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 90%); } .cart .cart-item:first-child { padding-top: 0; } .cart .cart-item:last-child { border-bottom: none; padding-bottom: 0; } .cart .cart-item .item-image { border-radius: 12px; padding: 12px; display: flex; align-items: center; justify-content: center; } .cart .cart-item .item-image img { max-width: 80px; height: auto; object-fit: contain; } .cart .cart-item .item-details .item-title { font-size: 16px; font-weight: 600; margin-bottom: 4px; color: var(--bs-heading-color); } .cart .cart-item .item-details .item-variant { font-size: 13px; color: color-mix(in srgb, var(--bs-body-color), transparent 40%); margin-bottom: 8px; } .cart .cart-item .item-details .remove-item { background: none; border: none; color: color-mix(in srgb, var(--bs-body-color), transparent 50%); font-size: 13px; padding: 0; cursor: pointer; transition: color 0.3s ease; } .cart .cart-item .item-details .remove-item:hover { color: #dc3545; } .cart .cart-item .item-details .remove-item i { margin-right: 4px; } .cart .cart-item .quantity-selector { display: flex; align-items: center; background-color: color-mix(in srgb, var(--bs-body-color), transparent 95%); border-radius: 10px; padding: 4px; width: fit-content; } .cart .cart-item .quantity-selector .quantity-btn { width: 36px; height: 36px; border: none; background-color: var(--bs-body-bg); border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; color: var(--bs-body-color); } .cart .cart-item .quantity-selector .quantity-btn:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .cart .cart-item .quantity-selector .quantity-input { width: 50px; text-align: center; border: none; background: transparent; font-size: 15px; font-weight: 600; color: var(--bs-body-color); } .cart .cart-item .quantity-selector .quantity-input:focus { outline: none; } .cart .cart-item .quantity-selector .quantity-input::-webkit-outer-spin-button, .cart .cart-item .quantity-selector .quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cart .cart-item .item-price { text-align: right; } @media (max-width: 768px) { .cart .cart-item .item-price { text-align: left; } } .cart .cart-item .item-price .price { font-size: 18px; font-weight: 700; color: var(--bs-heading-color); } .cart .cart-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; flex-wrap: wrap; gap: 16px; } .cart .cart-actions .btn-continue-shopping { display: inline-flex; align-items: center; gap: 8px; color: var(--bs-primary); font-weight: 500; font-size: 14px; transition: all 0.3s ease; } .cart .cart-actions .btn-continue-shopping:hover { gap: 12px; } .cart .cart-actions .btn-update-cart { background-color: transparent; border: 2px solid color-mix(in srgb, var(--bs-body-color), transparent 80%); color: var(--bs-body-color); padding: 12px 24px; border-radius: 10px; font-weight: 500; font-size: 14px; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; } .cart .cart-actions .btn-update-cart:hover { border-color: var(--bs-primary); color: var(--bs-primary); } .cart .order-summary-card { background-color: var(--bs-body-bg); border-radius: 16px; padding: 28px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } .cart .order-summary-card .summary-title { font-size: 20px; font-weight: 700; margin-bottom: 24px; color: var(--bs-heading-color); } .cart .order-summary-card .summary-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 92%); font-size: 14px; } .cart .order-summary-card .summary-row .summary-value { font-weight: 600; color: var(--bs-heading-color); } .cart .order-summary-card .summary-row .summary-value.free { color: #28a745; } .cart .order-summary-card .promo-code-wrapper { margin-top: 16px; padding: 16px 0; border-bottom: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 92%); } .cart .order-summary-card .promo-code-wrapper .promo-toggle { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--bs-primary); font-size: 14px; font-weight: 500; } .cart .order-summary-card .promo-code-wrapper .promo-toggle .toggle-icon { margin-left: auto; transition: transform 0.3s ease; } .cart .order-summary-card .promo-code-wrapper .promo-toggle[aria-expanded=true] .toggle-icon { transform: rotate(180deg); } .cart .order-summary-card .promo-code-wrapper .promo-input-group { display: flex; gap: 8px; margin-top: 16px; } .cart .order-summary-card .promo-code-wrapper .promo-input-group input { flex: 1; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 85%); border-radius: 10px; font-size: 14px; color: var(--bs-body-color); background-color: var(--bs-body-bg); } .cart .order-summary-card .promo-code-wrapper .promo-input-group input:focus { outline: none; border-color: var(--bs-primary); } .cart .order-summary-card .promo-code-wrapper .promo-input-group input::placeholder { color: color-mix(in srgb, var(--bs-body-color), transparent 60%); } .cart .order-summary-card .promo-code-wrapper .promo-input-group .btn-apply { background-color: color-mix(in srgb, var(--bs-primary), transparent 85%); color: var(--bs-primary); border: none; padding: 12px 20px; border-radius: 10px; font-weight: 600; font-size: 14px; cursor: pointer; transition: all 0.3s ease; } .cart .order-summary-card .promo-code-wrapper .promo-input-group .btn-apply:hover { background-color: var(--bs-primary); color: var(--bs-body-bg); } .cart .order-summary-card .summary-total { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-size: 16px; font-weight: 600; } .cart .order-summary-card .summary-total .total-value { font-size: 24px; font-weight: 700; color: var(--bs-heading-color); } .cart .order-summary-card .btn-checkout { width: 100%; background: linear-gradient(135deg, var(--bs-primary), color-mix(in srgb, var(--bs-primary), #000 15%)); color: var(--bs-body-bg); border: none; padding: 16px 24px; border-radius: 12px; font-weight: 600; font-size: 16px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 10px; } .cart .order-summary-card .btn-checkout:hover { transform: translateY(-2px); box-shadow: 0 8px 24px color-mix(in srgb, var(--bs-primary), transparent 50%); } .cart .order-summary-card .payment-methods { margin-top: 20px; text-align: center; } .cart .order-summary-card .payment-methods p { font-size: 12px; color: color-mix(in srgb, var(--bs-body-color), transparent 50%); margin-bottom: 10px; } .cart .order-summary-card .payment-methods .payment-icons { display: flex; justify-content: center; gap: 16px; } .cart .order-summary-card .payment-methods .payment-icons i { font-size: 24px; color: color-mix(in srgb, var(--bs-body-color), transparent 40%); transition: color 0.3s ease; } .cart .order-summary-card .payment-methods .payment-icons i:hover { color: var(--bs-primary); } .cart .order-summary-card .security-badge { margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; background-color: color-mix(in srgb, #28a745, transparent 90%); border-radius: 10px; } .cart .order-summary-card .security-badge i { color: #28a745; font-size: 18px; } .cart .order-summary-card .security-badge span { font-size: 12px; color: #28a745; font-weight: 500; } .cart .features-card { background-color: var(--bs-body-bg); border-radius: 16px; padding: 24px; margin-top: 20px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } .cart .features-card .feature-item { display: flex; align-items: center; gap: 16px; padding: 12px 0; } .cart .features-card .feature-item:not(:last-child) { border-bottom: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 92%); } .cart .features-card .feature-item i { width: 44px; height: 44px; background-color: color-mix(in srgb, var(--bs-primary), transparent 90%); color: var(--bs-primary); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .cart .features-card .feature-item h6 { font-size: 14px; font-weight: 600; margin-bottom: 2px; color: var(--bs-heading-color); } .cart .features-card .feature-item p { font-size: 12px; color: color-mix(in srgb, var(--bs-body-color), transparent 40%); margin: 0; } @media (max-width: 768px) { .cart .cart-items-wrapper { padding: 16px; } .cart .cart-item .item-image { padding: 8px; } .cart .cart-item .item-image img { max-width: 60px; } .cart .cart-item .item-details .item-title { font-size: 14px; } .cart .cart-item .quantity-selector .quantity-btn { width: 32px; height: 32px; } .cart .cart-item .quantity-selector .quantity-input { width: 40px; } .cart .cart-item .item-price .price { font-size: 16px; } .cart .order-summary-card { padding: 20px; } .cart .order-summary-card .summary-total .total-value { font-size: 20px; } } /* #endregion */ /* #region Checkout */ .checkout-4 { padding: 60px 0; } .checkout-4 .checkout-steps { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; position: relative; } .checkout-4 .checkout-steps .step { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; transition: all 0.3s ease; } .checkout-4 .checkout-steps .step .step-number { width: 40px; height: 40px; border-radius: 50%; background-color: var(--bs-body-bg); border: 2px solid color-mix(in srgb, var(--bs-body-color), transparent 80%); display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 0.5rem; transition: all 0.3s ease; color: var(--bs-body-color); } .checkout-4 .checkout-steps .step .step-title { font-size: 0.9rem; font-weight: 500; color: color-mix(in srgb, var(--bs-body-color), transparent 30%); transition: all 0.3s ease; } .checkout-4 .checkout-steps .step.active .step-number { background-color: var(--bs-primary); border-color: var(--bs-primary); color: var(--bs-body-bg); transform: scale(1.1); box-shadow: 0 0 15px rgba(54, 144, 231, 0.3); } .checkout-4 .checkout-steps .step.active .step-title { color: var(--bs-heading-color); font-weight: 600; } .checkout-4 .checkout-steps .step.completed .step-number { background-color: color-mix(in srgb, var(--bs-primary), transparent 20%); border-color: var(--bs-primary); color: var(--bs-body-bg); } .checkout-4 .checkout-steps .step.completed .step-number::after { content: "\f26b"; font-family: "bootstrap-icons"; font-size: 1.2rem; } .checkout-4 .checkout-steps .step-connector { flex: 1; height: 2px; background: linear-gradient(to right, color-mix(in srgb, var(--bs-body-color), transparent 80%) 50%, color-mix(in srgb, var(--bs-body-color), transparent 80%) 50%); margin: 0 10px; position: relative; top: -20px; z-index: 1; transition: background 0.3s ease; } .checkout-4 .checkout-steps .step-connector.active { background: linear-gradient(to right, var(--bs-primary) 50%, color-mix(in srgb, var(--bs-body-color), transparent 80%) 50%); } .checkout-4 .checkout-steps .step-connector.completed { background: var(--bs-primary); } @media (max-width: 767.98px) { .checkout-4 .checkout-steps .step .step-title { font-size: 0.8rem; } .checkout-4 .checkout-steps .step .step-number { width: 32px; height: 32px; font-size: 0.9rem; } } @media (max-width: 575.98px) { .checkout-4 .checkout-steps .step-title { display: none; } .checkout-4 .checkout-steps .step-connector { top: 0; } } .checkout-4 .checkout-forms { position: relative; } .checkout-4 .checkout-forms .checkout-form { display: none; opacity: 0; transform: translateY(20px); transition: all 0.4s ease; } .checkout-4 .checkout-forms .checkout-form.active { display: block; opacity: 1; transform: translateY(0); animation: fadeInUp 0.5s ease forwards; } .checkout-4 .checkout-forms .checkout-form .form-header { margin-bottom: 1.5rem; } .checkout-4 .checkout-forms .checkout-form .form-header h3 { font-size: 1.5rem; margin-bottom: 0.5rem; font-weight: 600; } .checkout-4 .checkout-forms .checkout-form .form-header p { color: color-mix(in srgb, var(--bs-body-color), transparent 30%); font-size: 0.95rem; } .checkout-4 .checkout-forms .checkout-form label { font-size: 0.9rem; font-weight: 500; color: var(--bs-heading-color); } .checkout-4 .checkout-forms .checkout-form .form-control, .checkout-4 .checkout-forms .checkout-form .form-select { color: var(--bs-body-color); background-color: var(--bs-body-bg); font-size: 15px; border: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 80%); border-radius: 10px; padding: 14px 18px; height: auto; transition: all 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02); } .checkout-4 .checkout-forms .checkout-form .form-control:hover, .checkout-4 .checkout-forms .checkout-form .form-select:hover { border-color: color-mix(in srgb, var(--bs-primary), transparent 50%); } .checkout-4 .checkout-forms .checkout-form .form-control:focus, .checkout-4 .checkout-forms .checkout-form .form-select:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 3px rgba(54, 144, 231, 0.15); outline: none; } .checkout-4 .checkout-forms .checkout-form .form-control::placeholder, .checkout-4 .checkout-forms .checkout-form .form-select::placeholder { color: color-mix(in srgb, var(--bs-body-color), transparent 60%); font-size: 14px; } .checkout-4 .checkout-forms .checkout-form .form-control.is-invalid, .checkout-4 .checkout-forms .checkout-form .form-select.is-invalid { border-color: #dc3545; background-image: none; padding-right: 18px; } .checkout-4 .checkout-forms .checkout-form .form-control.is-invalid:focus, .checkout-4 .checkout-forms .checkout-form .form-select.is-invalid:focus { box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15); } .checkout-4 .checkout-forms .checkout-form .form-control.is-valid, .checkout-4 .checkout-forms .checkout-form .form-select.is-valid { border-color: #28a745; background-image: none; padding-right: 18px; } .checkout-4 .checkout-forms .checkout-form .form-control.is-valid:focus, .checkout-4 .checkout-forms .checkout-form .form-select.is-valid:focus { box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.15); } .checkout-4 .checkout-forms .checkout-form .form-select { background-position: right 18px center; padding-right: 48px; } .checkout-4 .checkout-forms .checkout-form .form-check { padding-left: 1.8rem; margin-bottom: 0.5rem; } .checkout-4 .checkout-forms .checkout-form .form-check .form-check-input { width: 1.2rem; height: 1.2rem; margin-left: -1.8rem; margin-top: 0.15rem; border: 2px solid color-mix(in srgb, var(--bs-body-color), transparent 70%); background-color: var(--bs-body-bg); transition: all 0.2s ease; } .checkout-4 .checkout-forms .checkout-form .form-check .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); } .checkout-4 .checkout-forms .checkout-form .form-check .form-check-input:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 3px rgba(54, 144, 231, 0.15); } .checkout-4 .checkout-forms .checkout-form .form-check .form-check-input:hover:not(:checked) { border-color: var(--bs-primary); } .checkout-4 .checkout-forms .checkout-form .form-check .form-check-label { font-size: 0.95rem; cursor: pointer; } .checkout-4 .checkout-forms .checkout-form .success-message { padding: 15px; background-color: rgba(40, 167, 69, 0.1); border: 1px solid rgba(40, 167, 69, 0.2); border-radius: 10px; color: #28a745; font-weight: 500; margin-top: 1rem; text-align: center; } .checkout-4 .checkout-forms .checkout-form .success-message.d-none { display: none; } .checkout-4 .checkout-forms .checkout-form .btn { padding: 12px 24px; border-radius: 10px; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.3px; transition: all 0.3s ease; position: relative; overflow: hidden; } .checkout-4 .checkout-forms .checkout-form .btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); transform: translateX(-100%); transition: transform 0.3s ease; } .checkout-4 .checkout-forms .checkout-form .btn:hover::before { transform: translateX(0); } .checkout-4 .checkout-forms .checkout-form .btn.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); box-shadow: 0 4px 10px rgba(54, 144, 231, 0.2); } .checkout-4 .checkout-forms .checkout-form .btn.btn-primary:hover { background-color: color-mix(in srgb, var(--bs-primary), #000 10%); border-color: color-mix(in srgb, var(--bs-primary), #000 10%); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(54, 144, 231, 0.25); } .checkout-4 .checkout-forms .checkout-form .btn.btn-primary:active { transform: translateY(0); box-shadow: 0 2px 5px rgba(54, 144, 231, 0.2); } .checkout-4 .checkout-forms .checkout-form .btn.btn-outline-secondary { color: var(--bs-heading-color); border: 2px solid color-mix(in srgb, var(--bs-heading-color), transparent 70%); background-color: transparent; } .checkout-4 .checkout-forms .checkout-form .btn.btn-outline-secondary:hover { background-color: color-mix(in srgb, var(--bs-heading-color), transparent 95%); color: var(--bs-heading-color); border-color: color-mix(in srgb, var(--bs-heading-color), transparent 50%); transform: translateY(-2px); } .checkout-4 .checkout-forms .checkout-form .btn.btn-outline-secondary:active { transform: translateY(0); } .checkout-4 .checkout-forms .checkout-form .btn.btn-success { background-color: #28a745; border-color: #28a745; box-shadow: 0 4px 10px rgba(40, 167, 69, 0.2); } .checkout-4 .checkout-forms .checkout-form .btn.btn-success:hover { background-color: #218838; border-color: #1e7e34; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.25); } .checkout-4 .checkout-forms .checkout-form .btn.btn-success:active { transform: translateY(0); box-shadow: 0 2px 5px rgba(40, 167, 69, 0.2); } .checkout-4 .payment-methods .payment-method { border: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 80%); border-radius: 10px; overflow: hidden; transition: all 0.3s ease; } .checkout-4 .payment-methods .payment-method.active { border-color: var(--bs-primary); box-shadow: 0 5px 15px rgba(54, 144, 231, 0.1); } .checkout-4 .payment-methods .payment-method .payment-method-header { display: flex; justify-content: space-between; align-items: center; padding: 15px; background-color: color-mix(in srgb, var(--bs-body-bg), var(--bs-body-bg) 50%); cursor: pointer; } .checkout-4 .payment-methods .payment-method .payment-method-header .form-check { margin: 0; } .checkout-4 .payment-methods .payment-method .payment-method-header .form-check .form-check-input { margin-top: 0.15rem; } .checkout-4 .payment-methods .payment-method .payment-method-header .form-check .form-check-label { font-weight: 500; margin-left: 0.5rem; } .checkout-4 .payment-methods .payment-method .payment-method-header .payment-icons { display: flex; gap: 10px; } .checkout-4 .payment-methods .payment-method .payment-method-header .payment-icons i { font-size: 1.2rem; color: var(--bs-heading-color); } .checkout-4 .payment-methods .payment-method .payment-method-body { padding: 15px; border-top: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 90%); } .checkout-4 .payment-methods .payment-method .payment-method-body.d-none { display: none; } .checkout-4 .review-sections .review-section { border: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 80%); border-radius: 10px; overflow: hidden; } .checkout-4 .review-sections .review-section .review-section-header { display: flex; justify-content: space-between; align-items: center; padding: 15px; background-color: color-mix(in srgb, var(--bs-body-bg), var(--bs-body-bg) 50%); } .checkout-4 .review-sections .review-section .review-section-header h4 { margin: 0; font-size: 1.1rem; font-weight: 600; } .checkout-4 .review-sections .review-section .review-section-header .btn-edit { background: none; border: none; color: var(--bs-primary); font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s ease; } .checkout-4 .review-sections .review-section .review-section-header .btn-edit:hover { color: color-mix(in srgb, var(--bs-primary), #000 10%); text-decoration: underline; } .checkout-4 .review-sections .review-section .review-section-content { padding: 15px; } .checkout-4 .review-sections .review-section .review-section-content p { margin-bottom: 0.5rem; } .checkout-4 .review-sections .review-section .review-section-content p:last-child { margin-bottom: 0; } .checkout-4 .order-summary { background-color: var(--bs-body-bg); border-radius: 10px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); position: sticky; top: 100px; } .checkout-4 .order-summary .order-summary-header { padding: 20px; border-bottom: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 90%); display: flex; justify-content: space-between; align-items: center; } .checkout-4 .order-summary .order-summary-header h3 { margin: 0; font-size: 1.3rem; font-weight: 600; } .checkout-4 .order-summary .order-summary-header .btn-toggle-summary { background: none; border: none; color: var(--bs-heading-color); font-size: 1.2rem; cursor: pointer; transition: transform 0.3s ease; } .checkout-4 .order-summary .order-summary-header .btn-toggle-summary.collapsed { transform: rotate(180deg); } .checkout-4 .order-summary .order-summary-content { padding: 20px; } .checkout-4 .order-summary .order-summary-content .order-items { max-height: 300px; overflow-y: auto; margin-bottom: 20px; } .checkout-4 .order-summary .order-summary-content .order-items::-webkit-scrollbar { width: 5px; } .checkout-4 .order-summary .order-summary-content .order-items::-webkit-scrollbar-track { background: color-mix(in srgb, var(--bs-body-color), transparent 95%); border-radius: 10px; } .checkout-4 .order-summary .order-summary-content .order-items::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--bs-body-color), transparent 70%); border-radius: 10px; } .checkout-4 .order-summary .order-summary-content .order-items .order-item { display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 90%); } .checkout-4 .order-summary .order-summary-content .order-items .order-item:last-child { margin-bottom: 0; border-bottom: none; } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-image { width: 70px; height: 70px; border-radius: 8px; overflow: hidden; flex-shrink: 0; } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-image img { width: 100%; height: 100%; object-fit: cover; } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-details { flex: 1; } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-details h4 { font-size: 1rem; margin-bottom: 5px; font-weight: 600; } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-details .order-item-variant { font-size: 0.85rem; color: color-mix(in srgb, var(--bs-body-color), transparent 40%); margin-bottom: 5px; } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-details .order-item-price { display: flex; align-items: center; gap: 5px; font-weight: 500; } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-details .order-item-price .quantity { color: color-mix(in srgb, var(--bs-body-color), transparent 30%); } .checkout-4 .order-summary .order-summary-content .order-items .order-item .order-item-details .order-item-price .price { color: var(--bs-heading-color); } .checkout-4 .order-summary .order-summary-content .order-totals { padding: 15px 0; border-top: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 90%); border-bottom: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 90%); margin-bottom: 15px; } .checkout-4 .order-summary .order-summary-content .order-totals > div { margin-bottom: 10px; font-size: 0.95rem; } .checkout-4 .order-summary .order-summary-content .order-totals > div:last-child { margin-bottom: 0; margin-top: 15px; padding-top: 10px; border-top: 1px dashed color-mix(in srgb, var(--bs-body-color), transparent 80%); font-size: 1.1rem; font-weight: 600; color: var(--bs-heading-color); } .checkout-4 .order-summary .order-summary-content .promo-code .input-group .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; z-index: 0; } .checkout-4 .order-summary .order-summary-content .promo-code .input-group .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; border: 2px solid color-mix(in srgb, var(--bs-body-color), transparent 80%); border-left: none; color: var(--bs-primary); font-weight: 600; padding: 0 20px; } .checkout-4 .order-summary .order-summary-content .promo-code .input-group .btn:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); color: var(--bs-body-bg); } .checkout-4 .order-summary .order-summary-content .promo-code .input-group .btn:disabled { background-color: #f8f9fa; border-color: color-mix(in srgb, var(--bs-body-color), transparent 80%); color: #6c757d; opacity: 0.8; } .checkout-4 .order-summary .order-summary-content .secure-checkout { text-align: center; padding-top: 15px; border-top: 1px solid color-mix(in srgb, var(--bs-body-color), transparent 90%); } .checkout-4 .order-summary .order-summary-content .secure-checkout .secure-checkout-header { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--bs-heading-color); font-weight: 500; } .checkout-4 .order-summary .order-summary-content .secure-checkout .secure-checkout-header i { color: #28a745; font-size: 1.1rem; } .checkout-4 .order-summary .order-summary-content .secure-checkout .payment-icons { display: flex; justify-content: center; gap: 15px; margin-top: 10px; } .checkout-4 .order-summary .order-summary-content .secure-checkout .payment-icons i { font-size: 1.5rem; color: color-mix(in srgb, var(--bs-body-color), transparent 40%); } @media (max-width: 991.98px) { .checkout-4 .order-summary { position: relative; top: 0; margin-top: 2rem; } } .checkout-4 .modal-content { border-radius: 10px; border: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .checkout-4 .modal-content .modal-header { border-bottom-color: color-mix(in srgb, var(--bs-body-color), transparent 90%); } .checkout-4 .modal-content .modal-header .modal-title { font-weight: 600; } .checkout-4 .modal-content .modal-footer { border-top-color: color-mix(in srgb, var(--bs-body-color), transparent 90%); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(54, 144, 231, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(54, 144, 231, 0); } 100% { box-shadow: 0 0 0 0 rgba(54, 144, 231, 0); } } @media (max-width: 767.98px) { .checkout-4 .checkout-form .form-header h3 { font-size: 1.3rem; } .checkout-4 .order-summary .order-summary-header h3 { font-size: 1.2rem; } } .checkout-4 .swiper-wrapper { height: auto !important; } /* #endregion */