/*.card {
    box-shadow: 0 3px 20px rgb(0 0 0 / 7%), 0 0px 0px rgb(0 0 0 / 23%) !important;
}*/

/*.card-header.bg-secondary {
    box-shadow: 0 2px 0px rgb(0 0 0 / 16%), 0 0px 0px rgb(0 0 0 / 23%) !important;
}*/

.navbar-header {
    box-shadow: 0 3px 20px rgb(0 0 0 / 7%), 0 0px 10px rgb(0 0 0 / 3%) !important;
}

.card {
    box-shadow: 0 3px 20px rgb(0 0 0 / 7%), 0 0px 10px rgb(0 0 0 / 23%) !important;
}

.row-ac {
    align-items: center;
}

.text-gr-3 {
    color: #f2f3f7 !important;
}

div.dt-buttons.btn-group {
    background-color: var(--bs-secondary);
    padding: 1px;
    margin-bottom: 1.5em;
}

.text-red {
    color: rgb(221 22 22);
}

.text-green {
    color: rgb(6, 117, 6);
}

#test-spinner {
    display: none;
}

#map {
    height: 540px;
    width: 720px;
}

.w-auto {
    width: auto;
}

table.subnet {
    max-width: 720px;
}

.carousel-item .d-block.img-fluid {
    border-radius: 20px;
}

#carouselControls {
    max-height: 810px;
    max-width: 377px;
}

.footer{
    height: auto;
}

.logo-sm i {
    color: #fff;
    font-size: 1.45rem;
}

#termsfeed-com---nb {
    margin: auto;
    max-width: 500px;
}

.termsfeed-com---nb .cc-nb-main-container {
    padding: 2rem!important;
}

.termsfeed-com---palette-light .cc-nb-okagree {
    color: #fff!important;
    background-color: var(--bs-blue)!important;
}

.termsfeed-com---palette-light .cc-nb-reject {
    color: #fff!important;
    background-color: #556ee6!important;
}

.termsfeed-com---palette-light .cc-cp-foot-save {
    color: #fff!important;
    background-color: #556ee6!important;
}

.termsfeed-com---palette-light .cc-pc-head-lang select:focus {
    box-shadow: 0 0 0 2px #556ee6!important;
}

.termsfeed-com---palette-light .cc-pc-head-close:active, .termsfeed-com---palette-light .cc-pc-head-close:focus {
    border: 2px solid #556ee6!important;
}

.termsfeed-com---palette-light .cc-cp-foot-byline a:focus {
    box-shadow: 0 0 0 2px #556ee6!important;
}

@media screen and (max-width: 1920px) {
    .col-50 {
      flex-basis: 50%;
    }
}

@media screen and (max-width: 1200px) {
    #map {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .col-50 {
      flex-basis: 100%;
    }
}

@media screen and (max-width: 480px) {
    #map {
        height: 420px;
        width: 100%;
    }
}