html, body {
    font-size: 10pt;
    font-family: "Inter", sans-serif;
}

main > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #0f0f0f;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
    .nav li > form > button.logout {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.form-group {
    margin-bottom: 1rem;
}

.nav-link.active {
    background-color: inherit !important;
}

:root {
    --bcm-primary: #0a0f1e;
    --bcm-secondary: #90b0ff;
    --bcm-tertiary: #C8D3EE;
}

a {
    color: var(--bcm-primary);
}

.bcm-bg-primary {
    background-color: var(--bcm-primary);
}

.bcm-bg-secondary {
    background-color: var(--bcm-secondary);
}

.bcm-bg-tertiary {
    background-color: var(--bcm-tertiary);
}

.bcm-header {
    background-color: var(--bcm-primary);
    color: white;
}

.bcm-header li {
    display: flex;
    align-items: center;
    padding: 5px 0px;
}

.bcm-header li > ul {
    margin-bottom: 0px;
}

.bcm-header .nav-link {
    color: white !important;
}

.bcm-client-link > a {
    background-color: #90B0FF;
    border-radius: 0.5rem;
}

.bcm-logo-header {
    max-height: 60px;
}

@media (max-width: 767px) {
    .bcm-logo-header {
        max-height: 42px;
    }

    .bcm-custom-dropdown {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .bcm-custom-dropdown .dropdown-menu {
        position: relative !important;
        transform: none !important;
        background: none !important;
    }

    .bcm-custom-dropdown .dropdown-menu .dropdown-item {
        color: white !important;
        margin-left: 0.5rem;
    }
}


.bcm-footer {
    background-color: var(--bcm-primary);
    color: white;
}

.bcm-bg-gradient {
    background: rgb(10, 15, 30);
    background: linear-gradient(180deg, rgba(10, 15, 30, 1) 20%, rgba(55, 71, 97, 1) 100%);
}

.bcm-bg-gradient-light {
    background: rgb(14, 16, 27);
    background: linear-gradient(180deg, rgba(14, 16, 27, 1) 0%, rgba(160, 204, 255, 1) 49%);
}

.bcm-bg-gradient-radial {
    background: rgb(117, 165, 253);
    background: radial-gradient(circle, rgba(117, 165, 253, 1) 5%, rgba(244, 251, 255, 1) 85%);
}

.bcm-image-home {
    background: url("/img/6c61aa1c52c42de4da09f0b8bd1b424d.png");
    width: 100%;
    max-width: 770px;
    height: 60vh;
    max-height: 540px;
    background-position: center;
    background-size: cover;
    border: none;
}

.bcm-img-home-2 {
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bcm-img-home-3 {
    height: calc(300px - 1.5rem / 2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 768px) {
    .bcm-image-home {
        max-height: 25vh !important;
    }

    .bcm-img-home-2 {
        height: 400px !important;
    }

    .bcm-img-home-3 {
        height: calc((400px) * 0.7) !important;
    }
}

.bcm-whatsapp-button {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background-color: var(--bcm-primary);
    border-radius: 50%;
    padding: 0.75rem;
}

.bcm-whatsapp-button svg {
    height: 50px;
    width: 50px;
    fill: white;
}

.bcm-socials {
    display: flex;
    justify-content: center;
    margin: 1.5rem auto;
}

.bcm-socials > a {
    margin-right: 1rem;
}

.bcm-footer i {
    font-size: 2rem;
}

.bcm-footer input {
    max-width: 350px;
}

.bcm-isologo-white {
    filter: brightness(200%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

@media (max-width: 768px) {
    .bcm-footer {
        text-align: center !important;
    }

    .bcm-footer input {
        margin: 1rem auto;
    }

    .bcm-statics {
        background: none;
    }

    .bcm-statics h2 {
        color: inherit !important;
    }

    .bcm-statics:first-of-type::before {
        content: '';
        background-color: black;
    }
}

@media (min-width: 768px) {
    .bg-md-none {
        background: none !important;
    }

    .bcm-bg-md-white {
        background-color: white !important;
    }

    .bcm-bg-md-primary {
        background-color: var(--bcm-primary) !important;
    }


    .text-md-white {
        color: white !important;
    }

    .text-md-primary {
        color: var(--bcm-primary) !important;
    }
}


.bcm-triangle-top {
    transform: rotate(180deg);
    margin-bottom: -1px;
}

.bcm-triangle > svg {
    fill: #C8D3EE;;
}


@media (max-width: 768px) {
    .nav-item {
        width: 100% !important;
    }
}

.bcm-sedes {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
    max-width: 400px;
    margin: 0 auto;
}

.bcm-sedes::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.bcm-sede {
    /*margin: 1rem auto;*/
    background: var(--bcm-secondary) !important;
    border-bottom: 1px solid var(--bcm-primary);
    /*padding: 1rem 2rem;*/
}

.bcm-sede > p {
    margin: 0;
}

.bcm-sede .accordion-button::after {
    margin-left: auto !important;
}

.bcm-sede .accordion-collapse {
    background: rgb(144, 176, 255);
    background: linear-gradient(180deg, rgba(144, 176, 255, 1) 0%, rgba(129, 139, 173, 1) 100%);
}

.bcm-img-corner-left {
    border-top-left-radius: 70%;
}



.bcm-circle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: var(--bcm-secondary);
}

@media (max-width: 768px) {
    .bcm-circle {
        width: 45px;
        height: 45px;
    }

    .bcm-cseguridad h3 {
        color: white;
    }
}

.bcm-button {
    border-radius: 20px;
    background: var(--bcm-primary);
    color: white;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
}

.accordion {
    --bs-accordion-color: white !important;
    --bs-accordion-btn-color: white !important;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}


.accordion-item {
    border: none;
    background-color: inherit !important;
    color: inherit !important;
}

.accordion-button {
    background-color: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    /*.accordion-button {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*}*/
}

.accordion-button i {
    margin-right: 1rem;
}

.accordion-button::after {
    margin-left: 1rem;
}

.bcm-rotate-text {
    transform: rotate(270deg);
}

.bcm-transition-right {
    transition: right 0.4s linear;
}