body {
    display: flex;
    flex-direction: column;
}

html,
body {
    height: 100%;
}
.main-content {
				flex: 1;
				/* pushes footer down */
			}
.bg-success {
    background-color: #75cfcc !important;
    padding: 5px;
}

.btn-primary,
.btn-dark {
    background-color: #063b5e !important;
}
.bg-primary{
	background-color: #063b5e !important;
}

.bg-secondary{
	background-color: #75cfcc !important;
	color:#063b5e !important;
}
.btn-success{
	background-color: #063b5e !important;
}
.text-warning{
	color:#063b5e !important;
}

.bg-danger{
	background-color: #063b5e !important;
}
.bg-warning {
    --bs-bg-opacity: 1;
    background-color: #063b5e !important;
}
.form-check-input:checked {
    background-color: #063b5e;
    border-color: #063b5e;
}
.btn-secondary {
    background-color: #75cfcc !important;
}

.text-danger,.text-success {
    color: #063b5e !important;
}
.text-dark{
	color:#063b5e!important;
}
.btn-danger {
    background-color: #75cfcc !important;
    border-color: #063b5e !important;
	color:#063b5e!important;
}

.btn-outline-primary, .btn-outline-danger,.btn-outline-success {
    border-color: #063b5e;
    color: #063b5e !important;
}

.btn-outline-primary:hover,.btn-outline-danger:hover,.btn-outline-success:hover {
    background-color: #063b5e !important;
    color: #ffffff !important;
	border-color: #063b5e;
}

.btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #063b5e !important;
    border-color: #063b5e !important;
}
/*.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: unset!important;
}*/


.text-primary {
    color: #063b5e !important;
}

.navbar-nav .nav-link {
    border: 1px solid transparent;
    transition: all 0.3s ease;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: 0.3s;
}

.navbar {
    background-color: #063b5e!important;
}
.navbar-nav .nav-link:hover {
    border-color: #fff;
}

.nav-link {
    font-size: 13px;
}
.navbar-toggler {
    text-decoration: none;
    background-color: #ffffff;
}
.form-select:focus {
    border-color: #75cfcc47;
    outline: 0;
    box-shadow: 0 0 0 .1rem rgb(117 207 204 / 0%);
}
.text-bg-primary {
    color: #fff !important;
    background-color: #063b5e !important;
}
.text-bg-success {
    color: #fff !important;
    background-color: #75cfcc !important;
}
.text-decoration-none {
    color: #063b5e!important;
	font-weight:700;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
    background: #063b5e!important;
}
.swagger-ui .opblock.opblock-post .opblock-summary-method {
    background: #75cfcc!important;
}
.bg-success-subtle,.bg-danger-subtle {
    background-color: #75cfcc!important;
    border:1px solid #75cfcc !important;
}
.navbar .nav-item.active .nav-link{
    border:1px solid #ffffff !important;
    border-radius:8px !important;
	width: max-content;
}

.navbar .nav-item.active .nav-link i{
    color:#ffffff !important;
}
.navbar-toggler {
    padding: 3px 8px !important;
    font-size: 15px !important;
    line-height: 1 !important;
}
.dropdown-menu[data-bs-popper] {
    left: auto;
}
@media (max-width: 767px) {
    .profilebtn {
        left: -70px !important;
        right: auto !important;
    }
    .allapisbtn {
        left: 0px !important;
        right: auto !important;
    }
    .profilebgclr:focus-visible {
    background-color: unset!important;
}
	.navbar .nav-item.active .nav-link {
    border: 0px solid #ffffff !important;
    border-radius: 0px !important;
}
.border-start {
    border-left: unset !important;
}
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: #f8f9fa;
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: #ffffff !important;
    background-color: #75cfcc !important;
    border-color: #75cfcc !important;
}

.bg-opacity-10{
	background-color: #063b5e2e !important;
	
}

.api-header {
            background: #e9f2ff;
            padding: 12px 16px;
            font-weight: 600;
            cursor: pointer;
            border-radius: 6px;
        }

        .api-box {
            background: #fff;
            padding: 20px;
            border-radius: 6px;
            border: 1px solid #dee2e6;
        }

        pre {
            background: #0b1220;
            color: #00ff9d;
            padding: 14px;
            border-radius: 6px;
            font-size: 13px;
            max-height: 300px;
            overflow: auto;
        }

        .input-error {
            border: 2px solid #dc3545;
        }

        /* Gradient Background */

        .gradient-navbar {
            background: linear-gradient( 45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #00bfff, #4b0082, #8f00ff);
            background-size: 400% 400%;
            animation: gradientBG 8s ease infinite;
        }

        /* Animation */

        @keyframes gradientBG {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

        /* Optional: Button Hover Effect */

        /*.btn-outline-light:hover {
            background-color: white;
            color: black !important;
        }*/
		
		/*gst api*/
		.swagger-ui .opblock-tag {
                font-size: 16px !important;
				padding: 3px 0px 3px 0px!important;
            }
			
            #swagger-ui {
                margin: 0px;
            }
           .swagger-ui .wrapper {
				padding: 3px 0px 3px 0px!important;
			}
            .swagger-ui .scheme-container {
                display: none;
            }
            .env-bar {
                border: 1px solid #dee2e6;
                border-radius: 6px;
                padding: 10px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                flex-wrap: wrap;
                background: #ffffff;
            }
            .env-left {
                display: flex;
                align-items: center;
                gap: 16px;
                flex-wrap: wrap;
                font-weight: 600;
                color: #1f2937;
            }
            .env-right {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                padding: 6px 12px;
                border-radius: 6px;
                background: #fff1f2;
                color: #1f2937;
                font-weight: 600;
            }
            .env-right .base-link {
                color: var(--primary-color);
                text-decoration: none;
            }
            .service-card {
            border: 0;
            border-radius: 18px;
            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
        }

        .service-card .card-header {
            border-bottom: 0;
            background: linear-gradient(135deg, #0c4367 0%, #0d5f7f 100%);
            color: #fff;
        }

        .badge-soft {
            border-radius: 999px;
            padding: 0.4rem 0.8rem;
        }

        .stat-label {
            color: #667085;
            font-size: 0.875rem;
        }

        .stat-value {
            font-weight: 700;
            color: #0f172a;
        }

        .empty-value {
            color: #94a3b8;
        }
        .value-code {
    font-size: 12px!important;
        }

        .copy-btn {
            width: 20px!important;
            height: 20px!important;
        }
        .section-card {
            border: 1px solid #dee2e6;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: none;
            margin-bottom: 1rem;
        }

        .section-card .card-header {
            background: #e9f2ff;
            color: #063b5e;
            border-bottom: 0;
            font-weight: 700;
            padding: 12px 16px;
        }

        .section-card .card-body {
            background: #fff;
            padding: 20px;
        }

        .section-card.accent .card-header {
            background: #75cfcc;
            color: #063b5e;
        }

        .api-toggle {
            width: 100%;
            text-align: left;
            border: 0;
            background: transparent;
            color: inherit;
            padding: 0;
        }

        .api-toggle:focus {
            outline: none;
            box-shadow: none;
        }

        .env-card {
            border: 1px solid rgba(6, 59, 94, 0.12);
            border-radius: 18px;
            background: #fff;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
        }

        .env-link {
            font-weight: 700;
            color: #063b5e;
            text-decoration: none;
        }

        .env-link:hover {
            text-decoration: underline;
        }

        .api-label {
            min-width: 78px;
        }

        pre {
            background: #0b1220;
            color: #d7fff1;
            padding: 14px;
            border-radius: 12px;
            font-size: 13px;
            max-height: 320px;
            overflow: auto;
        }