/* Font Poppins */
@font-face {
    font-family: "Poppins-regular";
    src: url("../font/poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins-medium";
    src: url("../font/poppins/Poppins-Medium.ttf");
}

@font-face {
    font-family: "Poppins-semibold";
    src: url("../font/poppins/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: "Poppins-bold";
    src: url("../font/poppins/Poppins-Bold.ttf");
}

/* Font Poppins */

/* Width */
.w-45 {
    width: 45%;
}
/* Width */

/* A href */
.ahref-text-decoration {
    text-decoration: none;
    color: #003399 !important;
}

.ahref-text-decoration-unactive {
    text-decoration: none;
    color: #fff !important;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    cursor: default;
}
/* A href */

/* Button primary Swamedia */
.bg-GET {
    --bs-bg-opacity: 1;
    color: white;
    background-color: #007bff !important;
}

.bg-POST {
    --bs-bg-opacity: 1;
    color: white;
    background-color: #049726 !important;
}

.bg-PUT {
    --bs-bg-opacity: 1;
    color: white;
    background-color: #ffc107 !important;
}

.bg-PATCH {
    --bs-bg-opacity: 1;
    color: white;
    background-color: #a4e7a7 !important;
}

.bg-DELETE {
    --bs-bg-opacity: 1;
    color: white;
    background-color: #dc3545 !important;
}

.bg-HEAD {
    --bs-bg-opacity: 1;
    color: white;
    background-color: #b611df !important;
}

.bg-OPTIONS {
    --bs-bg-opacity: 1;
    color: white;
    background-color: #1508c7 !important;
}

.btn-swa-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #003399 !important;
    --bs-btn-border-color: #003399;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0244c8;
    --bs-btn-hover-border-color: #003399;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #003399;
    --bs-btn-active-bg: #efefef;
    --bs-btn-active-border-color: #003399;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #484a4c !important;
    --bs-btn-disabled-bg: #b1b1b1 !important;
    --bs-btn-disabled-border-color: #484a4c !important;
}

.btn-swa-active {
    border: solid 1px #003399 !important;
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #ffc45e !important;
    --bs-btn-border-color: solid 3px #003399 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ffc45e;
    --bs-btn-hover-border-color: #003399 !important;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffc45e;
    --bs-btn-active-border-color: #003399;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #ffc45e !important;
    --bs-btn-disabled-border-color: solid 3px #003399 !important;
    --bs-gradient: none;
}
/* Button primary Swamedia */

/* Shadow Custom */
.shadow-custom-1 {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.shadow-custom-2 {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.shadow-custom-3 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.shadow-custom-4 {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px,
        rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px,
        rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

/* Shadow Custom */

/* Sidebar */
.sidebar-layouts {
    min-height: 100vh;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background-color: #ffffff;
}

/* Section1 */
.image-position-api-picture {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.image-api-picture {
    width: 150px !important;
    height: 150px !important;
    object-fit: contain;
    background-size: contain;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.text-title-section1 {
    font-size: 0.8rem;
    font-family: "Poppins-semibold";
    color: #003399;
}

.text-subtitle-section1 {
    font-size: 0.75rem;
    font-family: "Poppins-reguler";
    color: #003399;
}
/* Section1 */

/* Section2 */
#section-2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.text-title-section2 {
    font-size: 0.75rem;
    font-family: "Poppins-semibold";
    color: #003399;
    margin-bottom: 0.35rem;
}
.text-subtitle-section2 {
    font-size: 0.75rem;
    font-family: "Poppins-medium";
    color: #003399;
    border: 1px solid #e9e9e9;
    padding: 0.25rem 0.75rem;
    border-radius: 10px;
}
/* Section2 */

/* Sidebar */

/* Content */
.content-layouts {
    padding-top: 1rem;
}

/* Content */

/* Header */
.header-layouts {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background-color: #ffffff;
    padding: 1rem 1rem;
}

.navbar-background-gradient {
    background: #f7f7f7;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: #2b2d42;
}

.nav-item-custom {
    font-size: 1rem;
    text-decoration: none;
    font-family: "Poppins-semibold";
    color: #003399;
}

.title-apilist-font {
    font-size: 1rem;
    font-family: "Poppins-bold";
    color: #003399;
    padding-top: 0.25rem;
}

.text-color-title-apilist-font {
    color: #ffc45e;
}

.subtitle-apilist-font {
    font-size: 0.75rem;
    font-family: "Poppins-semibold";
    color: #003399;
}

.text-color-total-apis {
    color: #ffc45e;
}

/* Navigation bar */
.button-navigationbar {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    padding: 0.45rem;
    cursor: pointer;
    height: 2.8rem;
}
.active-bar {
    border: 2px solid #0784f8;
}
.text-title-navbar {
    font-size: 0.75rem;
    font-family: "Poppins-semibold";
    color: #003399;
    padding: 0rem;
    margin: 0rem;
}
/* Navigation bar */

/* Header */

/* Login */
.background-authentication {
    background: url("../../main/img/background-authentication-2.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding: 150px 0px;
}

.card-login {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(1.5px) !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
    border: 2px solid rgb(255, 196, 94) !important;
}

.text-login-page {
    color: #003399;
}

.text-title-login {
    font-size: 1.35rem;
    font-family: "Poppins-bold";
    color: #003399;
}

.text-color-title-company {
    color: #ffc45e;
}

/* login */

/*Dashboard Api List */
.text-title-section-overview {
    font-size: 1.75rem;
    font-family: "Poppins-bold";
    color: #003399;
}

.text-title-section-apilist {
    font-size: 1.25rem;
    font-family: "Poppins-bold";
    color: #003399;
}

/*Dashboard Api List */
/* Documentation */
.box-file {
    border-style: dashed;
    border-color: #cecece;
}
/* Documentation */

/* Parameters */
.button-paramenters {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    padding: 0.45rem;
    cursor: pointer;
    height: 4rem;
}

.text-title-parameter {
    font-size: 0.75rem;
    font-family: "Poppins-semibold";
    color: #003399;
    padding: 0rem;
    margin: 0rem;
}
/* Parameters */

.background-css-card-1 {
    background-image: url("../img/card-billing-background-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.span-design-warning {
    font-weight: bold;
    background-color: #ffc107;
    color: #ffffff;
    border-radius: 25px;
    width: 100px;
    padding: 2px 0px;
}
.span-design-primary {
    font-weight: bold;
    background-color: #007bff;
    color: #ffffff;
    border-radius: 25px;
    width: 100px;
    padding: 2px 0px;
}
.span-design-success {
    font-weight: bold;
    background-color: #049726;
    color: #ffffff;
    border-radius: 25px;
    width: 100px;
    padding: 2px 0px;
}
.span-design-secondary {
    font-weight: bold;
    background-color: #6c757d;
    color: #ffffff;
    border-radius: 25px;
    width: 100px;
    padding: 2px 0px;
}

/* Canvas Invoice Info */
.offcanvas.offcanvas-end {
    width: 650px !important;
}
/* Canvas Invoice Info */

/* Tooltips */
.white-tooltip {
    --bs-tooltip-bg: #eaf4f4;
}
.primary-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}
.danger-tooltip {
    --bs-tooltip-bg: var(--bs-danger);
}
.warning-tooltip {
    --bs-tooltip-bg: var(--bs-warning);
}
.info-tooltip {
    --bs-tooltip-bg: var(--bs-info);
}
/* Tooltips */

/* Devider */
.divider {
    display: block;
    text-align: center;
    overflow: hidden;
    margin: 1rem 0;
}

.divider .divider-text {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    background-color: #fff;
}

.divider .divider-text:before,
.divider .divider-text:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    border-top: 1px solid #dfe3e7;
}

.divider .divider-text:before {
    right: 100%;
}

.divider .divider-text:after {
    left: 100%;
}
/* Devider */