html, body {
    height: 100%;
}
.div_cauta_produs{
	height:135px;
}

.div_produse{
	height: calc(100% - 135px);
	overflow-y: scroll;
	overflow-x:hidden;
	/* margin-right:-4px; */
} 
.div_produse table th {
 	position: sticky;
	top: -1px;
	background: #fff;
	z-index:2;
}

.div_produse .btn-floating, .div_componente_produs .btn-floating{
	position: initial;
}


.div_produse.sticky_thead_active table th:before{
    content:'';
    position:absolute;
    left: 0;
    top: 0;
    width:100%;
    border-top: 1px solid rgba(0,0,0,0.12);
}
.div_produse.sticky_thead_active table th:after{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width:100%;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

/* scroll */
.div_produse::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 0px; 
}
.div_produse::-webkit-scrollbar {
	width: 4px;
	background-color: #f5f5f5;
}
.div_produse::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #33b5e5;
} 
.h-200px{
	height:200px; 
	margin-bottom:15px; 
	overflow:hidden;
	border-radius:5px;
}

.table-keybord-numeric{
	height: calc(100% - 200px - 15px);
	overflow-y: scroll;
	overflow-x:hidden;
	margin-right:-4px;
}

.produse-ambalaje .info-produs-selectat-componenta{
	height:275px;
}

.produse-ambalaje .table-keybord-numeric.tbl-mic{
	height: calc(100% - 275px - 15px);
}

/* scroll */
.table-keybord-numeric::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 0px; 
}
.table-keybord-numeric::-webkit-scrollbar {
	width: 4px;
	background-color: #f5f5f5;
}
.table-keybord-numeric::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #33b5e5;
}
.table-keybord-numeric .table{
	height:100%;
	margin-bottom:0px;
}
.table-keybord-numeric .table td{
	width:25%;
	padding:0px !important;
	border-top:0;
	border-right: 10px solid #eee;
	text-align: center;
    vertical-align: middle;
	font-size: 35px;
}
.table-keybord-numeric .table tr:nth-child(2) td, .table-keybord-numeric .table tr:nth-child(3) td, .table-keybord-numeric .table tr:nth-child(4) td {
    border-top: 10px solid #eee;
}
.table-keybord-numeric .table td:nth-child(4) {
    border-right: 0px;
}
.select-produs-activ{
	background-color: rgba(3, 169, 244, 0.1);
}

.btn-slack{
	background-color: #007E33!important;
}

.select-produs-componenta-activ{
	background-color: rgba(3, 169, 244, 0.1);
}


/* document creat */
.btn_validare_compenete{
	height: 51px;
}

.div_componente_produs{
	height: calc(100% - 250px - 15px - 51px - 15px);
	overflow:auto;
	margin-bottom:15px;
}

/* scroll */
.div_componente_produs::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 0px; 
}
.div_componente_produs::-webkit-scrollbar {
	width: 4px;
	background-color: #f5f5f5;
}
.div_componente_produs::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #33b5e5;
}

/* sticky */
.div_componente_produs table th {
 	position: sticky;
	top: -2px;
	background: #fff;
}
.div_componente_produs.sticky_thead_active table th:before{
    content:'';
    position:absolute;
    left: 0;
    top: 0;
    width:100%;
    border-top: 1px solid rgba(0,0,0,0.12);
}
.div_componente_produs.sticky_thead_active table th:after{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width:100%;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

#cauta_componenta_add{
	flex-direction: unset !important;
	margin-bottom: 15px;
}
#button-addon4 button{
	font-size: 15px;
}
.inapoi_lista_componente{
	padding-left: 0px;
}
.inapoi_lista_componente button{
	background-color: #4abde8;
	padding: 10px;
}
/*
#input_cauta_componenta{
	width: 15rem;
	font-size: 20px;
}
#btn_comp_scan{
	width: 5rem;
	background-color: #33b5e5;
	color:white;
	border: none;
}
#btn_comp_scan i{
	font-size: 30px;
}
#btn_comp_den{
	width: 7rem;
    font-size: 20px;
	background-color: #33b5e5;
	color:white;
	border: none;
}
#cauta_componenta_de_add i{
	font-size: 24px;
} */
#list_componente_de_cautat{
	height: calc(100% - 310px - 15px - 51px - 15px);
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom: 15px;
}
/* sticky */
#list_componente_de_cautat table th {
 	position: sticky;
	top: -2px;
	background: #fff;
}
#list_componente_de_cautat.sticky_thead_active table th:before{
    content:'';
    position:absolute;
    left: 0;
    top: 0;
    width:100%;
    border-top: 1px solid rgba(0,0,0,0.12);
}
#list_componente_de_cautat.sticky_thead_active table th:after{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width:100%;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.btn-custom-success{
    background-color: #24b33b !important;
}

.btn-custom-danger{
    background-color: #b33b24  !important;
}
.transparent_cov{
	position: relative;
}
.transparent_cov:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(28 26 26 / 31%);
	z-index:99;
}

#btn-activare-scanner i{
	color:white;
}
/* scroll */
#list_componente_de_cautat::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 0px; 
}
#list_componente_de_cautat::-webkit-scrollbar {
	width: 4px;
	background-color: #f5f5f5;
}
#list_componente_de_cautat::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #33b5e5;
}