/* This file is reserved for overriding and extending the template styles. */
.bit-menu-float-right{
    float: right;
}
.bit-menu-float-right-resp{
    float: right;
}
.bit-buttom-float-right{
    float: right;
}

#menu_right{
    margin-top: -10px;
    flex: auto;
}

.bit-30-top-right {
    padding-top: 30px;
    float: right;
}

.bit-menu-right{
    flex: auto;
}

.bit-menu-atalho{
    flex: auto;
}

.bit-menu-atalho .breadcrumb .breadcrumb-item a {
    /* color: var(--alternate); */
    color: #2abdff;
    font-size: 16px;
}

.bit-notification-margen{
    margin-top: -10px;
}

.bit-margin-left-m10 {
    margin-left: -10px;
}
.bit-margin-left-10 {
    margin-left: 10px;
}

.bit-margin-left-15 {
    margin-left: 15px;
}

.bit-margin-left-18 {
    margin-left: 18px;
}

.bit-margin-left-20 {
    margin-left: 20px;
}

.bit-margin-left-m20 {
    margin-left: -20px;
}

.bit-margin-top-30{
    margin-top: 30px;
}

.bit-margin-left-30{
    margin-left: 30px;
}

.bit-margin-left-35{
    margin-left: 35px;
}

.bit-margin-left-55{
    margin-left: 55px;
}

.bit-padding-30 {
    padding: 30px;
}

.bit-date {
    margin-left: 20px;
    font-size: 12px;
    color: #00BFFF;
}

.bit-menu-margen{
    margin-top: 70px;
}

.bit-menu-float-right{
    float: right;
}

.bit-menu-right{
    margin-top: -10px;
}

.bit-tablet-resp {
    margin-left: 0px;
}

.bit-fomart-at{
    font-size: 12px; line-height: 0.9; height: 35px;
}

.bit-color-title{
    color: #00BFFF;
}

.bit-color-title-2{
    color: #8bccd3;
}

.bit-title-modal {
    margin-left: -10px;
    padding: 30px;
}

.bit-format-card{
    padding: 10px;
}

.bit-text-center {
    text-align: center;
    padding: 8px;
}
.bit-img-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bit-font-card-12px {
    font-size: 12px;
}

.bit-font-card-search-12px {
    font-size: 12px;
}

.bit-font-card-modal-15px {
    font-size: 15px;
}

.bit-img-logo {
    width: 150px;
    /*padding: 10px;*/

}

.bit-text-center {
    /*margin-top: 10px;*/
    text-align: center;
}

.bit-font-card-with{
    color: fff;
    margin-left: 5px;
}

.bit-font-card-with:hover{
    color: #00BFFF;
    margin-left: 5px;
}


.bit-font-color{
    color: lightblue;
}

.bit-font-color:hover{
    color: #00BFFF;
}

.bit-imagem-container {
    position: relative;
}

.bit-back-green {
    background-color: #002e12;
}

.bit-back-form-color {
    background-color: #222f3e;
}

.bit-font-success {
    color: #00aa5a"
}
.bit-font-danger {
    color: #ff4500;
}

.bit-imagem-container img {
    opacity: 0.5; /* Ajuste a opacidade desejada */
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
}

.bit-imagem-container img:hover {
    opacity: 0.9; /* Ajuste a opacidade desejada */
}

.bit-text-image {
    background-color: #000;
    padding: 20px;
    border-radius: 10px 0px 10px 0px;
}

.bit-space {
    width: 100%;
    height: 50px;
}

.bit-space-div {
    width: 100%;
    height: 20px;
}

.bit-select-width {
    width: 88%;
}
.bit-padding-20 {
    padding: 20px;
}

.bit-padding-30 {
    padding: 30px;
}

.bit-padding-40 {
    padding: 40px;
}

.bit-padding-resp-40 {
    padding: 40px;
}

.bit-padding-top-20{
    padding-top: 20px;
}

.bit-buttom-padding {
    padding-left: 25px;
    padding-right: 25px;

}

/* Estava na show.blade.php */
.bit-button-action {
    padding: 25px;
    color: #fff;
}

.bit-p40 {
    padding: 40px;
    color: #fff;
}
/* FIM - Estava na show.blade.php */


/*iframe {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    border: none;*/
/*    background: black;*/
/*    border-radius: 10px;*/
/*    opacity: .65;*/
/*    color: white;*/
/*}*/

/*#googleMaps {*/
    /*position: relative;*/
    /*width: 100%;*/
/*}*/

.bit-modal-map {
    position: relative;
    z-index: 5;
    color: #fff;
    border-radius: 5px;
}

.bit-text-map {
    padding: 20px;
}

.bit-modal-map .bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    /*background-image: linear-gradient(rgba(140, 97, 5, 0.921), rgba(2, 7, 11, 0.888), rgba(31, 144, 209, 0.932)), url(../img/map/backMap.webp); */
    background-image: linear-gradient(to right, #040615f3, #5b3f4ff3, #f67438cf), url(../img/map/backMap.webp);
    border-radius: 5px;
}

.bit-background-darkBlue{
    background-color: rgb(16, 42, 68);
}

.bit-card-darkBlue{
    background-color: rgb(16, 42, 68);
}

.bit-icon-color {
    filter: invert(1);
}

.bit-card-darkBlue:hover{
    background-color: rgb(51, 112, 172);
}

.bit-background-darkBlue-2{
    background-color: rgb(22, 53, 84);
}


/* TRAZER PARA O PADRÃO */

.bit-row-map {
    background-color: #8ab4f9;
    border-radius: 10px;
}

.mapClient {

    top: 0;
    left: 0;
    aspect-ratio: 1/0.8;
    /*border-style: solid;*/
    border-color: rgb(37, 180, 232);
    border-radius: 10px;
}


.bit-map-form {

    background-color: rgb(16, 42, 68);
    opacity: .98;
}

/* o de de baixo foi trocado pelo de cima, para arrumar o resposivo no mapa
#myForm {
    position: absolute;
    z-index: 1;
    background-color: rgb(16, 42, 68);
    opacity: .98;
    max-width: 380px;
    padding: 20px;
    width: 100%;
    border-radius: 10px;
    top: 50px;
    right: 50px;
}

#con-2 {
    position: relative;
    width: 100%;
    height: 750px;
}

#myForm-2 {
    position: absolute;
    z-index: 1;
    background-color: rgb(16, 42, 68);
    max-width: 480px;
    padding: 20px;
    margin-top: -35px;
    width: 100%;
    border-radius: 10px;
    top: 50px;
    right: 50px;
}

*/


/* FIM - TRAZER PARA O PADRÃO */

.bit-card-product-1 {
    width: 400px;
    margin-left: 20px;
    margin-top: 10px;
}

.bit-card-product-2 {
    margin-left: 100px;
    margin-top: 10px;
}

.bit-button-right {
    float: right;
}

/* Card d e monitoramento*/
.bit-title-card {
    margin-top: 20px;
}

.bit-font-white {
    color: #fff;
}

.bit-font-gray-light {
    color: #bbb;
}

.bit-font-white-2 {
    color: #fff;
}

.bit-font-white-2:hover {
    color: #aaa;
}

.bit-font-light-gray {
    color: #ddd;
    font-size: 12px;
}
.bit-font-light-gray-radio {
    color: #ddd;
    font-size: 13px;
}

.bit-button-card {
    padding: 0px;
}

.bit-font-card {
    color: #fff;
    font-size: 10px;
}

[style*="--aspect-ratio"] {width: 100%;}
        [style*="--aspect-ratio"]::before {content: ""; height: 0; float: left; padding-bottom: calc( 100% / (var(--aspect-ratio)) );}
        [style*="--aspect-ratio"]::after {content: ""; display: block; clear: both;}

        .bit-scroll {
        height: 320px;
        overflow-y: scroll;

        padding: 10px;
        }

        .bit-scroll::-webkit-scrollbar {
        width: 10px; /* Largura da barra de rolagem */
        height: 6px; /* Altura da barra de rolagem */
        position: fixed; /* Fixa a barra de rolagem */
        left: 0; /* Posiciona a barra de rolagem no lado esquerdo */
        }

        .bit-scroll::-webkit-scrollbar-thumb {
        background: #888; /* Cor da parte deslizante da barra de rolagem */
        border-radius: 10px; /* Deixa o polegar da barra de rolagem arredondado */
        }

#bitSpyMenu {
  position: sticky;

}

html[data-placement=horizontal] #bitSpyMenu {
  top: calc(var(--nav-size-slim) + calc(var(--main-spacing-horizontal) / 2));
  height: calc(100vh - calc(calc(var(--nav-size-slim) * 2) + calc(var(--main-spacing-horizontal) + var(--card-spacing))));
}

html[data-placement=vertical] #bitSpyMenu {
  top: var(--main-spacing-horizontal);
  height: calc(100vh - calc(calc(var(--nav-size-slim) * 2) + calc(var(--main-spacing-horizontal) + var(--card-spacing))));
}
#bitSpyMenu ::-webkit-scrollbar,
#bitSpyMenu::-webkit-scrollbar,
#bitSpyMenu ::-webkit-scrollbar-thumb,
#bitSpyMenu::-webkit-scrollbar-thumb,
#bitSpyMenu ::-webkit-scrollbar-button,
#bitSpyMenu::-webkit-scrollbar-button,
#bitSpyMenu ::-webkit-scrollbar-track-piece,
#bitSpyMenu::-webkit-scrollbar-track-piece,

.bit-cad-filter {
    height: 600px;
    background-color: #222;
    border-radius: 15px;
}

/* Estava na map.blade.php */
#posiciona {
    position: absolute; /* posição absoluta ao elemento pai, neste caso o BODY */
    /* Posiciona no meio, tanto em relação a esquerda como ao topo */
    left: 50%;
    top: 25%;
    text-align: center; /* Centraliza o texto */
    z-index: 1000; /* Faz com que fique sobre todos os elementos da página */
}
.imgPointMap{
    width: 65px;
    position: relative;
    border-radius: 50%;
    border: 3px solid #f04f00;
}
.imgPointMapPreLancamento{
    width: 65px;
    position: relative;
    border-radius: 50%;
    border: 3px solid green;
}
.textPointMap{
    position: absolute;
    left: 25%;
    top: 25%;
    color: red;
    font-size: 16px;
    font-weight: bold;
    z-index: 1000
}
/* FIM - Estava na map.blade.php */


/* Estava na _mapAllotment.blade.php */

.bit-card-map {
    background-color: #202A44;
    padding: 10px;
    border-radius: 50px;
}

.bit-card-map-allotment {
    background-color: #202A59;
    border: 1px solid #202A59;
    margin-top: -20px;
}
.bit-card-map-allotment:hover {
    border: 1px solid #000;
    background-color: #054f77;

}
.bit-title-allotment {
    color: #f1721b;
    margin-left: 5px;
}
.bit-title-allotment:hover {
    color: #87cefa;
    margin-left: 5px;
}
.bit-sub-title-allotment-1 {
    color: #fff;
    margin-left: 5px;
}
.bit-sub-title-allotment-2 {
    font-size: 11px;
    color: #fff;
    float: right;
    margin-right: 5px;
    margin-top: 23px;
}
.bit-sub-title-allotment-2b {
    float: right;
    margin-right: 5px;
    color: white;
    font-size: 10px
}

.bit-sub-title-allotment-3 {
    font-size: 11px;
    color: #fff;
    float: right;
    margin-right: 5px;
}
.bit-img-allotment.img{
    opacity: 0.0;
}
.bit-img-allotment.img:hover {
    opacity: 0.5;
}
/* FIM - Estava na _mapAllotment.blade.php */


/* Estava na _lotsAll.blade.php.blade.php */
.bit_back_card {
    background-color: #000033;
}
.bit-buttom-card {
    background-color: #fc6b08;
}
.bit-buttom-card:hover {
    background-color: #444;
}
.bit-font-white-20 {
    color: #fff;
    font-size: 20px;
}

.bit-font-white-20:hover {
    color: #ddd;
    font-size: 20px;
}
/* FIM - Estava na _lotsAll.blade.php.blade.php */

/* Estava na _lotsFilters.blade.php.blade.php */
.bit-back-dark {
    background-color: #000033;
}
.bit-up-card {
    margin-top: -35px;
}
.bit-card-space {
    width: 100%;
    height: 10px;
}
/* FIM - Estava na _lotsFilters.blade.php.blade.php */

@media (max-width: 991.98px) {

    .bit-menu-float-right-resp{
        float: left;
    }

    .bit-cad-filter {
        height: 650px;

    }

    .bit-tablet-resp {
        margin-left: -20px;
    }

    .bit-fomart-at{
        font-size: 8px; line-height: 0.9; height: 35px;
    }

}
@media (max-width: 491.98px) {

    .bit-cad-filter {
        height: 700px;

    }

    .bit-tablet-resp {
        margin-left: 0px;
    }

    .bit-fomart-at{
        font-size: 12px; line-height: 0.9; height: 35px;
    }
    .bit-padding-resp-40 {
        padding: 20px;
    }
}

.bit-cad-filter {
    height: 600px;
    background-color: #222;
    border-radius: 15px;
}

@media (max-width: 991.98px) {

    .bit-cad-filter {
        height: 650px;

    }
}
@media (max-width: 491.98px) {

    .bit-cad-filter {
        height: 700px;

    }
}



.bit-cad-filter {
    height: 600px;
    background-color: #222;
    border-radius: 15px;
}

@media (max-width: 991.98px) {

    .bit-cad-filter {
        height: 650px;

    }
}

@media (max-width: 491.98px) {

    .bit-cad-filter {
        height: 700px;

    }
}


/* FIM - Card d e monitoramento*/
@media (max-width: 1024px) {

    .bit-menu-right {
        display: none;
    }

    /*#googleMaps {*/
    /*    position: relative;*/
    /*    width: 100%;*/
    /*    !*height: 550px;*!*/
    /*}*/


/* TRAZER PARA O PADRÃO */

    .mapClient {
        /*position: absolute;*/
        width: 100%;
        top: 0;
        left: 0;
        display: inline;
        aspect-ratio: 12/9;
        border: none;
        border-radius: 10px;
    }

/* FIM - TRAZER PARA O PADRÃO */
}

/* FIM - Card d e monitoramento*/
@media (max-width: 991.98px) {

    .bit-menu-right{
        display: none;
    }

    /*#googleMaps {*/
    /*    position: relative;*/
    /*    width: 100%;*/
    /*    !*height: 550px;*!*/
    /*}*/


/* TRAZER PARA O PADRÃO */
    .mapClient {
        /*position: absolute;*/
        top: 0;
        left: 0;
        display: inline;
        width: 100%;
        aspect-ratio: 1/0.9;
        border: none;
        border-radius: 10px;
    }

    #myForm {
        position: absolute;
        padding: 10%;
        z-index: 1;
        background-color: rgb(16, 42, 68);
        padding: 2px;
        width: 100%;
        border-radius: 10px;
        top: 50px;
        margin-right: 0px;
        left: 43%;

    }

    #con-2 {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #myForm-2 {
        position: absolute;
        padding: 10%;
        z-index: 1;
        max-width: 480px;
        background-color: rgb(16, 42, 68);
        padding: 2px;
        width: 100%;
        border-radius: 10px;
        top: 50px;
        margin-right: 20px;
        left: 30%;
    }

/* FIM - TRAZER PARA O PADRÃO */

    .bit-card-product-1 {
        width: 400px;
        margin-left: 20px;
        margin-top: 10px;
    }

    .bit-card-product-2 {
        margin-left: 0px;
        margin-top: 10px;
    }

}

@media (max-width: 491.98px) {

    .bit-menu-right{
        display: none;
    }

    /*#googleMaps {*/
    /*    position: relative;*/
    /*    width: 100%;*/
    /*    height: 800px;*/
    /*}*/


/* TRAZER PARA O PADRÃO */

    .mapClient {
        /*position: absolute;*/
        width: 100%;
        top: 0;
        left: 0;
        display: inline;
        aspect-ratio: 0.9;
        border: none;
        border-radius: 10px;
    }

    #myForm {
        position: absolute;
        text-align: center;
        padding: 10%;
        z-index: 1;
        background-color: rgb(16, 42, 68);
        padding: 2px;
        width: 100%;
        border-radius: 10px;
        top: 360px;
        margin-right: 0px;
        left: 0%;

    }

    #con-2 {
        position: relative;
        width: 100%;
        height: 850px;
    }

    #myForm-2 {
        position: absolute;
        padding: 10%;
        z-index: 1;
        background-color: rgb(16, 42, 68);
        padding: 2px;
        width: 100%;
        border-radius: 10px;
        top: 190px;
        margin-right: 20px;
        left: 0%;
    }

/* FIM - TRAZER PARA O PADRÃO */

    .bit-card-product-1 {
        width: 300px;
        margin-left: 20px;
        margin-top: 10px;
    }

    .bit-card-product-2 {
        margin-left: -10px;
        margin-top: 10px;
    }

    .bit-button-right {
        float: right;
    }
    /* Card d e monitoramento*/
    .bit-title-card {
        margin-top: 0px;
    }

    .bit-status-card {
        margin-left: -150px;
        margin-top: 50px
    }

    .bit-button-card {
        padding: 10px;
    }
    /* FIM - Card d e monitoramento*/
}