strong{
    font-weight: bold;
}
body, html {
    font-family: Amsipro !important;
    font-weight: 300 !important;
    height: 100% !important;
    width: 100% !important;
    background-color: #f4f4f4
}


input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 1;
!important; /* Firefox */
}

input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
    opacity: 1;
!important;
}

input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff;
    opacity: 1;
!important;
}

#conteudo {
    padding-top: 60px;
}


a:hover {

    .hide {
        display: none !important
    }

}

.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none
}

.navbar-toggler > .close {
    display: inline
}

.navbar-toggler.collapsed > .close, .navbar-toggler:not(.collapsed) > .open {
    display: none
}


.navbar-scrolled2 {
    background-color: rgb(235, 147, 44, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}




.navbar-scrolled {
    background-color: rgba(102, 45, 145, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}


/* Default styles for the navigation bar */
#navcol-1 {
    background: rgba(102, 45, 145, 0); /* Your default background color for desktop and tablet */
}

#navcol-1 .nav .nav-item .nav-link {
    color: #ffffff; /* Your default text color for desktop and tablet */
}

/* Default styles for the navigation bar */
#navcol-arcada-1 {
    background: rgba(102, 45, 145, 0); /* Your default background color for desktop and tablet */
}

#navcol-arcada-1 .nav .nav-item .nav-link {
    color: #ffffff; /* Your default text color for desktop and tablet */
}

/* Media query for screens with a maximum width of 768px and maximum height of 768px (typical for mobile and tablets portrait) */
@media (max-width: 960px) {
    /* Override styles for mobile devices and small tablets in portrait mode */
    #navcol-1 {
        border-right: 1px solid rgba(255, 255, 255, 1);

        background: rgb(102, 45, 145);
        background: linear-gradient(90deg, rgba(102, 45, 145, 0) 30%, rgb(102, 45, 145) 80%);
        filter: drop-shadow(2px 4px 16px rgba(0, 0, 0, .64));
        padding-right: 10px !important;

    }

    #navcol-1 .nav .nav-item .nav-link {
        color: #ffffff; /* Your default text color for desktop and tablet */
    }

    /* Override styles for mobile devices and small tablets in portrait mode */
    #navcol-arcada-1 {
        border-right: 1px solid rgba(255, 255, 255, 1);

        background: rgb(235, 147, 44);
        background: linear-gradient(90deg, rgba(102, 45, 145, 0) 30%, rgb(235, 147, 44) 80%);
        filter: drop-shadow(2px 4px 16px rgba(0, 0, 0, .64));
        padding-right: 10px !important;

    }

    #navcol-arcada-1 .nav .nav-item .nav-link {
        color: #ffffff; /* Your default text color for desktop and tablet */
    }
}


.image-container {
    height: 70vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw

}

.carousel-inner {
    height: auto
}

:root {
    --marquee-width: 100vw;
    --marquee-height: 54px;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 1s);
    --marquee-elements-displayed: 20
}

.marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    overflow: hidden;
    position: relative
}

.marquee:before, .marquee:after {
    position: absolute;


    content: "";
    z-index: 1
}

.marquee:before {
    left: 0;
    background: linear-gradient(to right, #333333 0%, transparent 100%)
}

.marquee:after {
    right: 0;
    background: linear-gradient(to left, #333333 0%, transparent 100%)
}

.marquee-content {
    list-style: none;
    animation: scrolling var(--marquee-animation-duration) linear infinite
}

.text-info
{
    color: #0aa4c4 !important;
}

@keyframes scrolling {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
    }
}

@media (max-width: 575.98px) {
    :root {
        --marquee-elements-displayed: 5
    }
    .image-container {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        width: 100vw
    }
    #titulo-carousel{
        font-size: small!important;
    }
    #texto-carousel{
        font-size: small!important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
        --marquee-elements-displayed: 5
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --marquee-elements-displayed: 6
    }
}

@media (min-width: 992px) {
    :root {
        --marquee-elements-displayed: 10
    }
}

@media (hover: hover) and (pointer: coarse) {
    a:hover {
        display: none !important
    }
}

input[type=radio] {
    display: none
}

input[type=radio] + label {
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle
}

input[type=radio] + label #base {
    color: #ffffff
}

input[type=radio]:checked + label #base {
    color: #ff9900
}

input[type=radio]:checked + label #baseloja {
    color: #ff9900
}

input[type=radio]:checked + label #baseloja2 {
    color: #fff
}

input[type=checkbox] {
    display: none
}

input[type=checkbox] + label {
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle
}

input[type=checkbox]:checked + label #base {
    color: #20c920
}

input[type=checkbox]:checked + label #base2 {
    color: #fff
}


input[type=checkbox]:checked + label #nbase1 #nbase2 #nbase3 #nbase4 #nbase5 {
    color: #BB9000
}


.nfuse-shadow {
    filter: drop-shadow(2px 4px 12px rgba(0, 0, 0, .08))
}

.nfuse-shadow-down {
    filter: drop-shadow(2px -4px 16px rgba(0, 0, 0, .16))
}

.nfuse-shadow-forte {
    filter: drop-shadow(2px 4px 16px rgba(0, 0, 0, .64))
}

.nfuse-shadow-deep {
    filter: drop-shadow(2px 4px 16px rgba(0, 0, 0, .16))
}

.nfuse-rounded {
    border-radius: 18px !important
}

.nfuse-rounded-2 {
    border-radius: 13px !important
}

.nfuse-rounded-3 {
    border-radius: 28px !important
}

.nfuse-rounded-max {
    border-radius: 24px !important
}

.nfuse-rounded-top {
    border-radius: 18px 18px 0 0
}

.nfuse-rounded-bottom {
    border-radius: 0 0 18px 18px
}

.nfuse-rounded-bottom-2 {
    border-radius: 0 0 13px 13px
}

.nfuse-rounded-bottom-2 {
    border-radius: 0 0 24px 24px
}

.nfuse-rounded-left {
    border-radius: 18px 0 0 18px
}

.nfuse-rounded-right {
    border-radius: 0 18px 18px 0
}

.nfuse-rounded-corner-top-left {
    border-radius: 18px 0 0 0
}

.nfuse-rounded-corner-top-right {
    border-radius: 0 18px 0 0!important;
}
.nfuse-rounded-corner-bottom-right {
    border-radius: 0 0 18px 0!important;
}

.nfuse-rounded-bottom-2 {
    border-radius: 0 0 13px 13px
}

.nfuse-bk-gradient {
    background: linear-gradient(90deg, #ff0000 0%, #e500ff 50%, #7b00ff 75%, #00eaff 100%);
}

.svg-settings {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.fill-gradient-linear path {
    fill: url(#linear)
}

.linear-stop2 {
    stop-color: #4dfff9
}

.linear-stop1 {
    stop-color: #e80cd6
}

.fill-gradient-radial path {
    fill: url(#radial)
}

.radial-stop1 {
    stop-color: red
}

.radial-stop2 {
    stop-color: #e500ff
}

.radial-stop3 {
    stop-color: #7b00ff
}

.radial-stop4 {
    stop-color: #00eaff
}

.fill-solid {
    color: #4263eb
}

.fill-gradient-bkgd {
    background: linear-gradient(90deg, #a59482 0%, #ccbbaa 50%, #a59482 75%, #a59482 100%);
}

.fill-gradient-bkgd2 {
    background: linear-gradient(270deg, #a59482 0%, #ccbbaa 50%, #a59482 75%, #a59482 100%);
}

.fill-gradient-text {
    background-color: #f3ec78;
    background-image: linear-gradient(90deg, #ff0000 0%, #e500ff 50%, #7b00ff 75%, #00eaff 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}


.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #efefef;
    cursor: default
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
    border: none;
    color: #4263eb
}

.datepicker table tr td.old {
    color: #efefef
}

.datepicker table tr td.new {
    color: #4263eb
}

.text-purple{
    color: #662D91!important;
}
.bg-purple{
    background-color:  rgba(85,45,145,0.50)!important;
}

/* Additional styles for the active page */
.pagination .page-item.active .page-link {
    background-color: white !important;
    color: #662D91 !important;
    border-color: white !important;
}
.remove-floating {
    float: none !important;
    clear: both;
    /* Add any other styling adjustments as needed */
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
    border: white;
    color: #fafafa;
}

.datepicker table tr td:hover, .datepicker table tr th:hover {
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
    border: white;
    color: purple;
}