@font-face {
   font-family: 'Futura Condensed Extra Bold';
   src: url('fonts/Futura Condensed Extra Bold.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Poppins-Light';
   src: url('fonts/Poppins-Light.ttf') format('opentype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Poppins-Bold';
   src: url('fonts/Poppins-Bold.ttf') format('opentype');
   font-weight: normal;
   font-style: normal;
}

a { color: inherit !important; } 

body {
   background-color: rgba(245, 244, 244, 0.37);
   overflow-x: hidden;
   

}

html, body {
   height: 100%;
   margin: 0;
   display: flex;
   flex-direction: column;
}

body {
   flex: 1;
}

footer {
   margin-top: auto;
}

nav a {
   text-decoration: none;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   padding: 5px;
   color: black;
}

nav a:hover {
   color: black;
}

.data-table {
   font-size: 10px;
}

.orange-badge-bg {
   background-color: #ff6223;
}

.futura-font {
   font-family: 'Futura Condensed Extra Bold', sans-serif;
   font-style: normal !important;
}

.poppins-font{
     font-family: 'Poppins-Light', sans-serif;
}

.poppins-bold{
   font-family: 'Poppins-Bold', sans-serif;
}

.text-home {
   display: block;
   text-align: center; 
   margin: 0 auto; 
   max-width: 1000px; 
   line-height: 1.5; 
   color: #333; 
   font-weight: 500;
}

.login-img {
   max-height: 250px;
}

.login-input {
   color: white !important; 
}

.white-placeholder::-webkit-input-placeholder {
   color: white;
}

.white-placeholder:-moz-placeholder {
   color: white;
}

.white-placeholder::-moz-placeholder {
   color: white;
}

.white-placeholder:-ms-input-placeholder {
   color: white;
}
.remove-outline:focus {
   outline: none !important;
   box-shadow: none !important;
}

.navigation-user {
   width: 100vw;
   height: 35px;
   background-color: rgb(238, 238, 238);
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
   font-size: 13px;
   padding: 15px;
   column-gap: 15px;
}

.navigation-itens {
   width: 100vw;
   height: 70px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0px 15px 0 15px;
   font-size: 16px;
   color: black;
   background-color: white;
}

.nav-itens-positions {
   display: flex;
   flex-direction: row;
   gap: 10px;
   cursor: pointer;
}

.navigation-itens-drop {
   width: 100vw;
   background-color: white;
   padding: 15px 15px 15px 10%;
   display: none;
   float: left;
   position: absolute;
   z-index: 99999999;
   font-size:14px
}

.nav-link {
   color: black;
}

.nav-link:hover {
   color: black;
}

.itens {
   display: none;
   column-gap: 50px;
}

.itens-menu {
   display: flex;
   flex-direction: column;
}

.itens-menu>a {
   color: rgb(128, 127, 127);
   font-size: 14px;
}

.menu-title {
   font-weight: 470;
   font-size: 15px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
   background-color: transparent;
}
.carousel-control-prev, .carousel-control-next {
   filter: invert(1);
   margin-left: 20vw;
   margin-right: 20vw;
}

.cardTableHeader {
   background-color: rgb(255, 255, 255);
   color: rgb(0, 0, 0);
}

.searchButton {
   background-color: #ff6223;
   color: white !important;
   border: none;
}

.pagination .page-item.active .page-link {
   background-color: rgb(216, 213, 212);
   color: white;
   border: 1px solid rgb(216, 213, 212);
}

.pagination .page-item:hover .page-link {
   background-color: rgba(216, 213, 212, 0.486);
   border: 1px solid rgba(216, 213, 212, 0.171);
}

.page-link {
   color: rgb(0, 0, 0) !important;
}

.text-muted {
   display: none;
}
.tabela-td-class{
   font-weight: bold; 
   background-color:rgb(249, 249, 249);
   padding-bottom: 35px;
}

.centeredTd {
   height: 20px;   
   vertical-align:middle;
   text-align:center; 
   font-weight:bold;
}

.btnOrange {
   background-color: #ff6223 !important;
   color: white !important;
   border: none;
}

.btnWhite {
   background-color: rgb(231, 231, 231);
   color: black;
   border: 1px solid rgb(156, 154, 154);
}

.btnGrey {
   background-color: rgb(214, 213, 213) !important;
   border: none;
   color: rgb(43, 43, 43);
}

.backgroundWhite {
   background-color: rgb(245, 245, 245);
}

.alert-wrapper {
   position: relative;
   z-index: 1000;
}

.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   z-index: 1000;
   display: none;
}

.alertMessage {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-weight: bold;
   text-align: center;
   z-index: 1;
   border-radius: 10px;
}

.alertMessage.show .alert {
   display: block;
}

.customAlert {
   margin: 10px;
   text-align: center;
   font-weight: bold;
}

.loadingIcon {
   display: none;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.sticky-header {
   position: sticky;
   top: 0;
   background-color: rgb(224, 186, 186);
   font-size: 14px;
}

.custom-row-font-size {
   font-size: 11px;
     white-space: nowrap;
}

.containerVdVn {
   max-width: 1900px !important;
}

.lineDivisionTable {
   border-top: 2px solid #ff402a;
}

.nome-vendedor {
  max-width: 250px; 
  overflow: hidden;
  white-space: normal;
}

.nome-cliente {
   max-width: 250px;
   overflow: hidden;
}

.largura-conteudo {
   width: 90%;
   margin: 0 auto;
}