/* Full-screen overlay */
        .loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            /* Semi-transparent background */
            display: flex;
            justify-content: center !important;
            align-items: center !important;
            z-index: 9999;
            /* Ensure it's above everything */
        }

        /* Spinner animation */
        .loading-spinner {
            width: 50px;
            height: 50px;
            border: 5px solid rgba(255, 255, 255, 0.3);
            border-top-color: #fff;
            /* White spinner */
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: auto;
            margin-top: 50vh;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }



        /* apps-mapping.blade.php */
        .colm_style {
            max-width: 300px;
            text-wrap: wrap !important;
        }

        .select_options {
            font-size: 15px;
            padding: 5px 0px;
        }

        /* .form-control{
            width: 80px !important;
            padding-left: 15px;
        } */



        /* view-instances.blade.php */
        .helper-widget {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 250px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            padding: 15px;
            display: block;
            z-index: 1000;
        }

        .helper-content h5 {
            margin-top: 0;
            font-size: 16px;
            color: #333;
        }

        .helper-content p {
            font-size: 14px;
            color: #555;
            margin-bottom: 10px;
        }

        .helper-content button {
            width: 100%;
        }

        .progress {
            height: 15px !important;
        }

        .progress-bar {
            height: 15px !important;
            background-color: #344767 !important;
        }

        .required_attributes {
            padding: 5px;
            border: 0px;
            font-size: 12px;
            border-radius: 2px;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked+.slider {
            background-color: #2196F3;
        }

        input:focus+.slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }

        .dropdown .dropdown-toggle:after {
            display: none;
        }

        .dropdown-menu {
            inset: 0px auto auto 0px !important;
            right: 0px !important;
            left: auto !important;
            top: -15px !important;
            padding: 0px !important;
        }

        @media screen and (Max-width: 768px) {
            .table_responsiveness {
                overflow: scroll;
            }
        }

        /* Toggle Switch */
        .switch {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 20px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: red;
            /* Inactive color */
            transition: 0.4s;
            border-radius: 20px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 4px;
            bottom: 3px;
            background-color: white;
            transition: 0.4s;
            border-radius: 50%;
        }

        /* Active state */
        input:checked+.slider {
            background-color: #82d616;
            /* Active color */
        }

        input:checked+.slider:before {
            transform: translateX(18px);
        }


        /* show-logs.blade.php */
        .flex-item {
            border: 1px solid #d2d6da;
            border-radius: 5px;
            padding: 20px;
            min-width: 180px;
            max-width: 200px;
        }

        .flex-item h6 {
            font-size: 16px;
        }

        .flex-item span {
            font-style: italic;
            font-size: 12px;


        }


        /* profile-view.blade.php */

        .table td,
        .table th {
            max-width: 300px;
            text-wrap: auto;
        }

        .instances_btn {
            background: none;
            border: 0;
        }


      
        /* product.blade.php */
        .flex_item{
            min-width: 300px;
        }


        /* log-detail-component.blade.php */

        .header {
            background-color: #2f4a72;
            color: white;
            padding: 15px;
            border-radius: 8px 8px 0 0;
        }
        .card-header {
            background-color: #f7f9fc;
            font-weight: bold;
            border-bottom: none;
        }
        .card-body {
            padding: 20px;
        }
        .status-section {
            border-right: 1px solid #e0e0e0;
        }
        .status-section p{
            display: flex;
            justify-content: space-between;
        }
        .table th, .table td {
            vertical-align: middle;
        }
        .action-icons i {
            cursor: pointer;
            margin: 0 5px;
        }
        .table_tbody tr td{
            font-size: 14px !important;
        }


        /* log-controller.blade.php */

        .table.align-items-center td{
            /* width: 30%; */
            max-width: 300px;
        }
        /* Base style for all tabs */
            .nav-tabs .nav-link {
            color: #344767B5; /* Default text color */
            background-color: transparent; /* Transparent background */
            border: none; /* Remove default border */
            font-weight: 500; /* Medium font weight */
            padding: 10px 20px; /* Padding for better spacing */
            transition: all 0.3s ease; /* Smooth transition for hover effects */
        }

        /* Active tab style */
        .nav-tabs .nav-link.active {
            color: #344767; /* Darker text color for active tab */
            font-weight: 600;
            border-bottom: 2px solid #344767; /* Underline for active tab */
        }

        /* Hover effect for tabs */
        .nav-tabs .nav-link:hover {
            color: #344767; /* Darker text color on hover */
            background-color: rgba(52, 71, 103, 0.05); /* Light background on hover */
        }
        /* .table td{
            max-width: 300px !important;
            width: 300px;
        } */
        #json-display {
            font-size: 12px; /* Change this value as needed */
            line-height: 1.5; /* Adjust for better readability */
        }


        /* dashboard2.blade.php */
        .btx_cls_hover:hover{
            text-decoration: underline;
        }
    
        .instances_btn{
            background: none;
            border: none;
        }

        /* dashboard.blade.php */
        .btx_dashboard_icon{
            background-image: none !important;
            background-color: #344767;
          }
          .btx_cls_hover:hover{
            text-decoration: underline;
          }


          /* amazon-product-types.blade.php  */
          table.dataTable tbody tr{
            border: #e9ecef;
        }


        /* mapping-profile.blade.php */
        .colm_style{
            max-width: 300px;   
            text-wrap: wrap !important;
        }
        .select_options {
            font-size: 15px;
            padding: 5px 0px;
        }



          /* products-controller.blade.php */

        /* Full-screen overlay */
        .loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            /* Semi-transparent background */
            display: flex;
            justify-content: center !important;
            align-items: center !important;
            z-index: 9999;
            /* Ensure it's above everything */
        }

        /* Spinner animation */
        .loading-spinner {
            width: 50px;
            height: 50px;
            border: 5px solid rgba(255, 255, 255, 0.3);
            border-top-color: #fff;
            /* White spinner */
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: auto;
            margin-top: 50vh;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .btx_font_styl {
            font-size: 12px;
        }

        .nav-tabs {
            border-bottom: none;
        }

        .nav-tabs .nav-link.active {
            border-radius: 0.5rem;
            background: #243a60;
            color: white;
            border: none;
        }

        .nav-tabs .nav-link {
            color: white;
        }

        .nav-tabs .nav-link:hover {
            border-radius: 0.5rem;
        }

        .product-Details .table-responsive {
            height: 400px;
            overflow-y: auto;
        }

        th,
        td,
        table {
            border-collapse: collapse;
        }

        .table-bordered> :not(caption)>* {
            border-width: 0px;
        }

        .table thead th {
            padding: 0.75rem 1.5rem;
            text-transform: capitalize;
            letter-spacing: 0px;
            border-bottom: 1px solid #e9ecef;
        }

        /* .modal {
                    top: 20vh !important;
                } */