/* 
body{
    background-color: black ;
} */
p{
    color: black;
}
body, html{
    height: 100%;
  }
.dropdown-toggle{
    color: #ffffff99;
    text-decoration:none;
}
/* h1,h2,h3,h4,h5,h6,label, legend{
    color: #5ED149;
} */

/* .dropdown-toggle:hover{
    color: white;
} */

.dropdown-toggle:onclick{
    border: none;
}

/* .dropdown-item:hover{
    background-color: #076f42;
} */



.dropdown-item:hover{
    background-color: black;
    color: #5ED149;
}
.btn:hover::after{
    transition: .5;
    background-color: #242524;
} 
@media only screen and (max-width: 600px) {
.col-md-4 {
      min-width: 470px;
      width: 100%;
      padding-right: 0%;
    }
    .card_new{
        min-width: none;
        max-width: none;
        width: 100%;
    }
}

/* .card{
    background-color: white;
    z-index: 9999;
} */
input{
    z-index: 1;
}
.card-body{
    background-color: white;
    z-index: 1;
}
.card-header{
    z-index: 1;
}
.textura_madeira{
    z-index: 0;
}


body{
    background-image:'/static/img/pinus.png';
}

#btn_add_produto_carga,.btn_add_produto_carga:hover{
    background-color: #076f42;
    color: white;
}

.item_menu_lateral{
    
    position:relative;
    color: gray;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    font-size: 25px;
    margin-bottom: 10px;
    margin-left: 3px;
    
}

.dropdown_usuario:before{
    color: gray;
}
#dropdown-menu:hover .dropdown_usuario:before{
    color:#5ED149;
}
#dropdown-menu:hover .dropdown-toggle{
    color:#5ED149;
}
#row_produtos_solicitacao{
    height: calc(100% - 100px);
}

#icone_retornar_pagina{
    color: #242524;
    /* color: #5ED149; */
    font-size: 40px;
    align-items: center;
    text-align: center;
    width: 100%;
    height: auto;
    padding: auto auto;
    align-self: center;
    
}

#btn_retornar_pagina{
    z-index: 9999;
    /* background-color: #242524; */
    background-color: #5ED149;
    box-shadow: 3px 5px 7px #00000090;
    display: flex;
    justify-content: center;
    position: fixed;
    width: 80px;
    height: 6vh;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    left: 0;
    top: 70px;
    cursor:pointer;
}
#menu_lateral {
    /* box-shadow: 3px 5px 7px #00000090; */
    width: 60px;
   
    transition:width .6s ease-in;
    width: auto;
    max-width:min-content;
    position:fixed;
    left: 10px;
    height: 75vh !important;
    bottom: 10vh;
    border-radius: 20px;
    /* padding: None !important; */
    background-color: transparent !important;
    /* background-color: #242524 !important; */
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: auto;
    overflow-x: visible;
    z-index: 9999;
    
}
.menu_lateral {
    box-shadow: 3px 5px 7px #00000090;
    /* width: 60px;
    */
    /* transition:width .6s ease-in; */
    width: 60px;
    /* max-width:min-content; */
    position:fixed;
    left: 10px;
    height: 75vh !important;
    bottom: 10vh;
    border-radius: 20px;
    /* padding: None !important; */
    /* background-color: transparent !important; */
    background-color: #242524 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: auto;
    overflow-x: visible;
    z-index: 9998;
    
}
#navbar{
    box-shadow: 0px 5px 7px #00000090;
    position:fixed;
    height: 50px !important;
    z-index: 1;
}
#menu_lateral::-webkit-scrollbar {
    display: none;
  }

#content_page{
    background-color: #6c6c6c;
}
/* #content{
    padding-left: 80px !important;
    padding-top: 70px !important;
} */
.icon_menu_lateral{
    width: 31px;
}
.coluna_icon_menu{
    width: 31px;
    padding: 0;
    margin: 0;
}
.item_menu_lateral:hover .icon_menu_lateral {
    color: #5ED149;
}

.label_menu_lateral{
    font-size: 16px;
    color: transparent;
    text-align: left;
    padding: 0 auto;
    padding-left: 20px;
    height: 40px;
    position: relative;
    top: 22%;
    overflow: hidden;
    max-width: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    transition: max-width 1.5s ease;
    
}

@keyframes typing {
    from { max-width: 0; }
    to { max-width: 500px; 
        color: #5ED149;}
  }
  .item_menu_lateral:hover .label_menu_lateral{
      animation: typing 1.5s forwards;
      /* color: #5ED149; */
  }
.item_menu_lateral:hover {
    /* width: 250px; */
    /* width:max-content; */
    animation: item_menu_lateral_animation .5s forwards;
    position:relative !important;
    background-color: #242524;
    border-radius: 10px;
    /* border-bottom-right-radius: 10px; */
    font-size: 25px;
    margin-bottom: 10px;
    margin-left: 3px;
    padding: 0;
    padding-right: 5px;
    /* transition: min_width .7s; */
    z-index: 9999;
}
@keyframes item_menu_lateral_animation {
    0% {
        width:40px;

    }
    100% {
        width:max-content;
    }
}

html, body {
    overflow: hidden;
   }

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  .gu-hide {
    display: none !important;
  }
  .gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }
  .gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }

  @media screen and (max-width: 719px) {
    #menu_lateral {
        display: none;
    }
    tr , th, td{
        font-size: 10px;
    }
    .titulo_pedido{
        font-size: 11px;
    }
    hr {
        padding-top: 0;
        margin-top: 2px;
    }
  }

/* @media screen and (max-width: 1080px) {
    .textura_madeira{
        display:none;
    }
} */

.card_mensagem{
    background-color: transparent;
    color: #5ED149;
    border-bottom: .5px solid gray;
}
.card_mensagem:hover{
    background-color: #5ED149;
    color: black;
}
.chat_mensagens{
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    bottom: 0;
    height:fit-content
}
.msg_remetente{
    width:fit-content;
    max-width: 35vw;
    height: auto;
    min-height: 40px;
    right: 0;
    /* background-color: #5ED149; */
    background-color: #429433;
    /* background-image: linear-gradient(to right, #0e210b , #429433); */
    color: black;
    color: white;
    border-radius: 10px;
    margin-bottom: 10px;
    float: right;
    padding-left: 5px;
    padding-right: 10px;
}

.msg_destinatario{
    width:fit-content;
    max-width: 35vw;
    height: auto;
    min-height: 40px;
    left: 0;
    background-color: #242524;
    color: gray;
    border-radius: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 5px;
    padding-right: 10px;
}

.content_mensagens{
    overflow-y: auto;
    /* margin-bottom: 30px; */
    padding: 5px;
}
.content_mensagens::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
  }
  
  .content_mensagens::-webkit-scrollbar-track {
background: gray;        /* color of the tracking area */
}

.content_mensagens::-webkit-scrollbar-thumb {
background-color: black;    /* color of the scroll thumb */
border-radius: 20px;       /* roundness of the scroll thumb */
border: 3px solid gray;  /* creates padding around scroll thumb */
}

.scroll_all::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
  }

.scroll_all::-webkit-scrollbar-track {
    background: gray;        /* color of the tracking area */
    }
    
.scroll_all::-webkit-scrollbar-thumb {
    background-color: black;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid gray;  /* creates padding around scroll thumb */
    }

.scroll_all::-webkit-scrollbar-thumb:hover {
        background-color: #5ED149;    /* color of the scroll thumb */
        border-radius: 20px;       /* roundness of the scroll thumb */
        border: 3px solid gray;  /* creates padding around scroll thumb */
        }
.scroll_all{
    overflow-x: hidden;
    overflow-y: auto;
}


.dropdown_config:hover .dropdown_icone_config{
    color:#5ED149;
}

.scroll_all_x::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
  }

.scroll_all_x::-webkit-scrollbar-track {
    background: gray;        /* color of the tracking area */
    }
    
.scroll_all_x::-webkit-scrollbar-thumb {
    background-color: black;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid gray;  /* creates padding around scroll thumb */
    }

.scroll_all_x::-webkit-scrollbar-thumb:hover {
        background-color: #5ED149;    /* color of the scroll thumb */
        border-radius: 20px;       /* roundness of the scroll thumb */
        border: 3px solid gray;  /* creates padding around scroll thumb */
        }
.scroll_all_x{
    overflow-x: auto;
    overflow-y: hidden;
}


.dropdown_config:hover .dropdown_icone_config{
    color:#5ED149;
}


.center-aligned-header .ag-header-cell-label {
    justify-content: center;
}

.center-aligned-cell {
    text-align: center;
}

/* restyle radio items */
.radio-group .form-check {
    padding-left: 0;
  }
  
  .radio-group .btn-group > .form-check:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .radio-group .btn-group > .form-check:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
  }

  #logo_home_logistica{
    position:absolute;
    width: 200px;
    height:200px;
    top:60px;
    left:50%;
    transform:translate( -50%)
  }

  #img_home{
    /* z-index: ; */
    left: 0;
    top: 45px;
  }

  #modal_transporte_log,#modal_transporte_logistica, #modal_transporte_pendente_transportadora, #modal_transporte_geral_transportadora, #modal_transporte_logistica_alterado, #rb_messenger{
    --bs-modal-width: 90vw !important;
  }
.conteudo_pagina{
    border-radius: 20px;
    background-color: white;
    z-index: 1000 !important;
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 2px 7px 7px #00000080;
  }
.conteudo_pagina_2{
    border-radius: 20px;
    background-color: white;
    /* z-index: 1000 !important; */
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 2px 7px 7px #00000080;
  }
.conteudo_pagina_dark{
    border-radius: 20px;
    background-color: rgb(69, 69, 69);
    /* z-index: 1000 !important; */
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 2px 7px 7px #00000080;
    margin-right: 10px !important;
  }
#horizontal-collapse.collapse.show.collapse-horizontal{
    width: min-content !important;
}
.btn_offcanvas_menu_lateral_desktop{
    
      width: 100%;
      text-decoration:none;
      /* background-color:#5ED149; */
      background-color: #242524;
      color:gray;
      font-weight:bold;
      font-size: 15px;
      margin-bottom:10px;
      text-align: left;
    }
.btn_offcanvas_menu_lateral_desktop:hover{
    color:#5ED149;

}
.btn_offcanvas_menu_lateral_desktop:hover .icon_offcanvas_menu_lateral_desktop{
    color:#5ED149;

}

.icon_offcanvas_menu_lateral_desktop{
    color:gray;
    text-align:left;
    font-size:22px;
    padding-right: 0;
}

#offcanvas_menu_lateral_desktop{
    z-index: 99999;
    background-color: #242524;
}
/* style={"marginBottom":"10px","min-width":"26vw","padding":"0","paddingRight":"15px","width":"100%","maxWidth":"30vw"}, */
.card_new{
    color: gray;
    /* width: 100%; */
    width: 95%;
    /* min-width: 26vw;
    max-width: 30vw; */
    margin-bottom: 10px;
    
    padding-left: 10px;
    margin-left: 10px;
    /* background-image: linear-gradient(to right, #4B7F52, transparent); */
    border-radius: 15px; 
    box-shadow: 5px 5px 7px #00000080;
}

.divisoria_vertical{
    margin-left: 20px;
    margin-right: 20px;
    width:2px;
    height: 100%;
    background-color: #5ED149;
}

#usuario_navbar{
    padding-top: 11px;
}

#nome_pagina_navbar{
    padding-top: 13px !important;
}


.CardNotify{
    border-bottom: 1px solid #00000010;
    border-top: 1px solid #00000010;
    /* border-radius: 15px; */
    padding: 5px;
    padding-bottom: 2px;
    /* box-shadow: 2px 2px 5px #00000070; */
    /* margin-bottom: 5px; */
    min-height:80px;
    transition: all .6s;

}

.CardNotify:hover{
    background-color: #00000010;
    /* height: 150px; */
}
/* 
.CardNotify:hover .CardColumnInfoNotify .CardMensagem{
    height:200px;
} */

.CardIcon{
    color: #076f42;
    font-size: 25px;
}

.CardColumnIcon{
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #076f42; */
    height: auto;
    margin-right:3px;
}

.CardMessage{
    padding-left: 10px;
    font-size: 14px;
}

/* .CardColumnInfoNotify{
    height: min-content;
} */

.DataHoraNotify{
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #00000090;
    /* background-color: #076f42; */
}

.icone_navbar{
    /* width:35px; */
    margin-left:15px;
    margin-right:15px;
    font-size: 20px;
    color: gray;
}

.icone_navbar:hover{
    color: #5ED149;
}

/* #qtde_notify_nao_lidas{
    font-weight: bold;
} */


#btn_notify_todas_lidas{
    /* background-color: #076f42; */
    height:30px;
    color: #076f42;
    text-decoration: None;
    text-align: left;
    align-items: left;
    padding: 0;
    padding-left: 5px;
    width: 100%;
}

#content_offcanvas_notify{
    height: calc( 100% - 30px );
}

.calendario_card_coluna{
    padding: 0;
    margin: 0;
    height: 100%;
    border-radius: 0 !important;
}
.calendario_header_card_coluna{
    text-align: center;
    font-weight: bold;
}
.calendario_body_card_coluna{
    padding: 0px;
}
.calendario_footer_card_coluna{

}
.calendario_coluna{
    padding: 0;
    margin: 0;

}

.card_transporte_calendario{
    padding: 5px;
    /* padding-top: 5px; */
    border-bottom: 1px solid #00000030;
    margin: 0;
}



.card_transporte_calendario_cargas{
    padding: 5px;
    /* border-top: 1px solid #00000030; */
    margin: 0;

}

.card_calendario_concluido{
    /* background-color: #00000015; */
    background-color: #076f4210;
}
.card_calendario_concluido:hover{
    background-color: #00000020;
}

.card_calendario_aberto{

}

.card_calendario_aberto:hover{
    background-color: #00000010;
}

#tipo_frete_calendario .form-check{
    width: 33%;
}

.colorwhitebtn{
    background-color: white;
}

#btn_voltar_semana_calendario{
    background-color: white !important;
    color: #076f42;
}
#btn_proxima_semana_calendario{
    background-color: white !important;
    color: #076f42;
}
#btn_voltar_semana_calendario:hover{
    background-color: #076f42 !important;
    color: white;
}
#btn_proxima_semana_calendario:hover{
    background-color: #076f42 !important;
    color: white;
}

#radioitems_transporte_pendente_transportadora .form-check{
    width: 100%;
}

#radioitems_transporte_geral_transportadora .form-check{
    width: 100%;
}

.btn_cancelar{
    font-weight:bold;
    color:white;
    width:100%;
    text-decoration:none;
    background-color:#652626;
}

.btn_manutencao{
    font-weight:bold;
    color:black;
    width:100%;
    text-decoration:none;
    background-color:#FFE066;
}

.btn_aceitar{
    font-weight:bold;
    color:white;
    width:100%;
    text-decoration:none;
    background-color:#076f42;
}

.btn_aceitar:hover{
    background-color: #063822;
    color: white
}

.btn_manutencao:hover{
    background-color: #af9631;
    color:black
}

.btn_cancelar:hover{
    background-color: #420f0f;
    color:white
}


.class_teste{
    background-color: red;
    color: white
}

.class_teste_header{
    background-color: blue;
    color: white
}

#fullscreen_btn{
    font-size: 20px;
    color: #063822;
    transition: all .2s;
}

#fullscreen_btn:hover{
    font-size: 25px;
    color: black;
}

.card_conteiner {
    display: flex;
    flex-wrap: wrap;
  }
  
  .item_card_conteiner {
    flex-basis: calc(33.33% - 20px); /* 20px é a margem entre os itens */
    margin: 10px; /* Espaçamento entre os itens */
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }

/* Media query para telas menores */
@media screen and (max-width: 1400px) {
    .item_card_conteiner {
      flex-basis: calc(50% - 20px); /* 2 contêineres por linha */
    }
  }
  
  /* Media query para telas ainda menores */
  @media screen and (max-width: 768px) {
    .item_card_conteiner {
      flex-basis: calc(100% - 20px); /* 1 contêiner por linha */
    }
  }

  .info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}


.conteudo_pagina_t{
    flex:1;
    margin: 10px;
    border-radius: 20px;
    background-color: white;
    /* z-index: 1000 !important; */
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 2px 7px 7px #00000080;
  }

.col_t {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd; 
    background-color: #ddd;
  }
  
  .row_t {
    display: flex;
    justify-content: space-around;
    margin: 10px;
  }
  
  .card_t {
    background-color: #f9f9f9;
    /* background-color: #654988; */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    margin:10px;
  }
  

  .areaFiltro{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #00000070;
    padding: 10px;
    z-index: 1;
  }

  .custom-dropdown .Select-control {
    border: 2px solid #27AE60 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
  }
  
  .custom-dropdown .Select-control:hover {
    border-color: #219a52 !important;
  }
  
  
  
  .custom-dropdown .Select-menu-outer {
    border-radius: 8px !important;
    margin-top: 4px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    z-index: 50 !important;
  }
  
  .custom-dropdown .Select-value-label {
    color: #2C3E50 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  
  .custom-dropdown .Select-placeholder {
    color: #7F8C8D !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  
  .custom-dropdown .VirtualizedSelectOption {
    padding: 8px 12px !important;
  }
  
  .custom-dropdown .VirtualizedSelectFocusedOption {
    background-color: rgba(39, 174, 96, 0.1) !important;
  }
  
  .custom-dropdown {
    z-index: 1 !important;
  }