/*
 * Stiluri tabele
 */

table{
	width: 100%;
} 

td{
/*	max-height: 20px; */
	white-space: nowrap;
	height: 30px; 
/*	height: 37px; */
}
/*
#tabel_comenzi td {
	height: 47px;
}
*/
td.input_td input {
	margin-bottom: 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

#tabel_comenzi, .tbl_bottom2{
/*	margin-right:1%; */
	margin-right:0%;
}

#tabel_comenzi{
	/*max-width: 800px;*/
}

.deleted td, .deleted span{
	text-decoration:line-through;
}

.actualizat td{
	border-color: green !important;
}

.tbl_bottom2{
	background: #ebebeb;
	text-align: right;
	border-right: 1px solid #CDCDCD;
	border-left: 1px solid #cdcdcd;
	padding: 10px;
	/*max-width: 777px;*/
}

.cos_tbl{
width: 100%;
}
 
.my_tab, .my_tab tr {
	border: none;
border-collapse: separate;
border-top: 1px solid white;
/*border-spacing: 1px 0px;*/
} 

.my_tab_header{
	background: #dbdbdb;
	color: #0483b8;
}

.my_tab_header td{
padding: 10px 10px;
border-right: 1px solid #dadada;
border-left: 1px solid #ffffff;
border-top: 0;
border-bottom: 0;
}

.odd_row td, .even_row td{
/*	padding: 0 10px; */
border-right: 1px solid #dadada;
border-left: 1px solid #ffffff;
border-top: 0;
border-bottom: 0;
}

@media (min-width: 1300px) {
	.odd_row td, .even_row td{
		padding: 0 10px;
	}
}



.odd_row{
	background: #f2f2f2;
}

.even_row{
	background: #ffffff;
}

.tbl_form, .tbl_form input{
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	max-width: 600px;
	height: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #555555;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid rgba(255, 255, 255, 0);
}

.tbl_form input{
}

td.ARTICOL{
	width: 150px;
	text-align: center;
}

td.CLASA, td.GESTIUNE, td.INACTIV{
	text-align: center;
}

.PRET, .STOC{
	text-align: right;
}

.var-dim .REST {
	text-align: right;
}

.orderby{
	float: right;
	cursor: pointer;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #f2f2f2 transparent;
	/*padding-top: 5px;*/
	
}
.orderby:hover{border-color:transparent transparent rgb(251, 203, 58) transparent}
.thisOrder{border-color: transparent transparent #0483b8 transparent !important;}

.orederByReverse{
	float: left;
cursor: pointer;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #f2f2f2 transparent transparent transparent;
/*padding-top: 5px;
margin-top: 5px;*/
}
.orederByReverse:hover{border-color:rgb(251, 203, 58) transparent transparent transparent;}
.thisOrderReverse{border-color: #0483b8 transparent transparent transparent;}


td.td_form_obs{
	width: 180px;
	max-width: 180px;
	min-width: 180px;
	padding: 0;
}

td.td_form_cantit{
	width: 95px;
	max-width: 95px;
	min-width: 95px;
    padding: 0 10px;
    text-align: right;
}

td.td_form_date{
	width: 95px;
	max-width: 95px;
	min-width: 95px;
	padding: 0;
}

td.td_form_pret input{
	display: inline-block;
	padding: 0 10px;
	margin: 0;
	border: 0;
	border-radius: 0;
	position: relative;
	width: 100%;
	min-width: 8em;
	height: 100%;
	float: left;
	text-align: right;
	background-color: transparent;	
	box-sizing: border-box;
}

td.td_form_obs input{
	display: inline-block;
	padding: 0 10px;
	margin: 0;
	border: 0;
	border-radius: 0;
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	background-color: transparent;		
}

td.td_form_cantit input{
	display: inline-block;
	padding: 0 10px;
	border: 0;
	margin: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	float:right;
	background-color: transparent;
	text-align: right;
	box-sizing: border-box;
}

td.td_form_date input{
	display: inline-block;
	padding: 0 4px;
	border: 0;
	margin: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	float:left;
	background-color: transparent;
	text-align: right;
	box-sizing: border-box;
}

td.td_form_zile_livrare input{
	display: inline-block;
	padding: 0 4px;
	border: 0;
	margin: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	float:left;
	background-color: transparent;
	text-align: right;
	box-sizing: border-box;
}

td.td_form_zile_credit input{
	display: inline-block;
	padding: 0 4px;
	border: 0;
	margin: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	float:left;
	background-color: transparent;
	text-align: right;
	box-sizing: border-box;
}

td.td_form_pret_tva input,
td.td_form_reducere_pret input,
td.td_form_adaos input,
td.td_form_discount input{
	display: inline-block;
	padding: 0 4px;
	border: 0;
	margin: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	float:left;
	background-color: transparent;
	text-align: right;
	box-sizing: border-box;
}

tr.selected td input{
	background-color: white;
}

tr.selected td.td_form_cantit input{
	text-align: left;
}

.deleted td.td_form_cantit input{
	background-color: transparent;
	text-decoration:line-through;
	text-align: right !important;
}

.deleted td.td_form_cantit .button{
	display: none;
}

.selected .td_form_obs .button, .selected .td_form_cantit .button{
	display: inline-block;
	left: 0px;
	width: 25px;
	height: 100%;
	float: right;
}

.button{
	display:none;
}

.even_row .td_form, .even_row .td_form_cantit, .even_row .td_form_obs, .even_row .td_form_delete, .even_row  .td_form_date, .even_row  .td_editabil{
	background: #fffaea;
}

.td_editabil{padding:0 !important;}
#tabel_comenzi.oferta .my_tab_header td{width: 30px;}

.odd .STOC, .odd .UM, .odd .td_form{
	background: #fffaea;
}

.td_form{
	padding: 0 !important;
	width: 75px;
	min-width: 75px;
}

.no_stoc{
	color: red;
}

.no_stoc form{
	display: none;
}

.selected td{
	border-right: 1px solid #dadada;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #0181c0;
	border-bottom: 1px solid #0181c0;
/*	box-sizing: border-box; */
	background-color: #daedf4 !important;
}

#articole_detalii_oferta .selected td {
	box-sizing: border-box;
}

.selected td.DENOBIECT{
	border-left: 1px solid #0181c0 !important;
}

.selected .td_form, .selected .td_form_delete{
	border-right: 1px solid #0181c0;	
}

.selected input{
	background: white;
}

.selected .button{
	cursor:pointer;
	float: left;
	position: relative;
	display: inline;
	width: 21px;
	top: -1px;
	right: 0px;
	height: 100%;
	line-height: 18px;
	padding: 0px 0px;
	margin: 0px;
	background: #d7ebf2;
	background-image: url(../imagini/ok.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 4px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.selected .button:hover{
	background-size: 18px;
	background-position: 3px;
}

.selected .form_cantit{
	height:100%;
	float: left;
	position: relative;
	left: -1px;
	top: -1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: initial;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.butonOferta{
	color: #0a76a5;
    text-align: center;
    border: 1px solid;
    border-radius: 3px;
	cursor: pointer;
}
.butonOferta:hover{text-shadow: 0px 0px 1px #5bc0de;border-color: #2594bf;}



/* new */

.variant {
/*	background: #ff99ff; */
}

.variant.even_row, .variant.even_row td{
/*	background-color: #ffaaff; */
}

/*
.master .denobiect {
	display: none;
}
*/

.master .den_art {
	display: none;
}

.variant .den_art {
	display: none;
}

.var-dim {
/*	background-color: salmon; */
	height: 48px !important;
}

/*
 .var-dim .DENOBIECT, 
.var-dim .CLASA, .var-dim .CODINTERN, .var-dim .CODEXTERN, .var-dim .DEN_GEST, .var-dim .INACTIV, 
.var-dim .CODCATALOG,
.var-dim .PRET, .var-dim .STOC, .var-dim .UM, .var-dim .td_form, .var-dim .td_new_obj {
	display: none !important;
}
*/

.var-dim .DENOBIECT, 
.var-dim .STOC, .var-dim .D, .var-dim .D1, .var-dim .D2, .var-dim .D3, .var-dim .CANTUM1,
.var-dim .td_form, .var-dim .td_new_obj {
	display: none !important;
}

.pinned .var-dim .Denumire {
	display: none !important;
}

.pinned .var-dim .DENOBIECT {
	display: table-cell !important;
}

.pinned .var-dim .td_form {
	display: table-cell !important;
	visibility: hidden;
}

.pinned .var-dim span.denobiect {
    display: none;
}

/*
.var-dim .DENOBIECT .denobiect{
	display: none;
}
*/
.master .Denumire,
.master .REST, .master .D, .master .D1, .master .D2, .master .D3, .master .CANTUM1 {
	display: none !important;
}

.var-dim label {
	display: none; 
}
/*
.var-dim[index='1'] label {
	display: block; 
}
*/

.butonObiect {
	display: none;
	color: #0a76a5;
    text-align: center;
    border: 1px solid;
    border-radius: 3px;
	cursor: pointer;
	padding: 3px;
}

.butonObiect.noAttr {
	pointer-events: none;
	color: gray;
}

.butonObiect:hover{text-shadow: 0px 0px 1px #5bc0de;border-color: #2594bf;}

.butonObiect.noAttr:hover{text-shadow: 0px 0px 0px #5bc0de;border-color: darkgray;}

.selected .butonObiect {
	display: block;
}

/**/

.variant_off {
/*	background: #ff99ff; */
}

/*
.master_off .denobiect {
	display: none;
}
*/

.master_off .den_art {
	display: none;
}

.variant_off .den_art {
	display: none;
}

.var-dim_off {
/*	background-color: salmon; */
}

.var-dim_off .DENOBIECT, .var-dim_off .CLASA, .var-dim_off .CODINTERN, .var-dim_off .CODEXTERN, .var-dim_off .DEN_GEST, .var-dim_off .INACTIV, 
.var-dim_off .CODCATALOG,
.var-dim_off .PRET, .var-dim_off .STOC, .var-dim_off .UM, .var-dim_off .td_new_obj {
	display: none !important;
}

.master_off .REST, .master_off .D, .master_off .D1, .master_off .D2, .master_off .D3, .master_off .CANTUM1 {
	display: none !important;
}

.var-dim_off label {
	display: none; 
}

.var-dim_off[index='1'] label {
	display: block; 
}

/* 30 mar 2017 */
.part td {
	padding: 2px 8px;
}

/* 3 mai 2018 */


#tabel_produse, #tabel_comenzi_content, #tabel_oferte_content, #tabel_solduri_content {
    max-height: 40vh;
    overflow-y: scroll !important;
}


#content {
	min-height: 60vh;
	max-height: 60vh;

	min-height: 80vh;
	max-height: 80vh;
	overflow-y: auto;
}

:root, body {
	 overflow-y: hidden !important; 
}

@media print {
	#content {
		min-height: initial;
		max-height: initial;
		overflow-y: visible;
	}

	:root, body {
		overflow-y: visible !important; 
   }
}

#more_btn {
	display: none;
	display: inline;
	transform: translatey(4px);
	margin-left: 10px;
	border: 1px solid #0a76a5;
	border-radius: 5px;
	background: linear-gradient(to right, #0a76a5 0%,#2594bf 100%);
	color: white;
}

#more_btn .fas {
	color: white;
	margin-left: 5px;
}

#more_btn span {
	margin-left: 5px;
	margin-right: 5px;
}

@media (max-width: 1300px) {
	#tabel_produse, #tabel_comenzi_content, #tabel_oferte_content, #tabel_solduri_content {
		max-height: 30vh;
		overflow-y: scroll !important;
	}

	#more_btn {
		display: inline;
	}

	.select_oferte .input_wrap .ui-combobox {
		min-width: 200px !important;
	}
}

@media (min-width: 1300px) {
	#tabel_produse, #tabel_comenzi_content, #tabel_oferte_content, #tabel_solduri_content {
		max-height: 35vh;
		overflow-y: scroll !important;
	}
	
	#content {
		min-height: 80vh;
		max-height: 80vh;
	}	
}

@media (min-width: 1450px) {
	#tabel_produse, #tabel_comenzi_content, #tabel_oferte_content, #tabel_solduri_content {
		max-height: 40vh;
	}
}

@media (min-width: 1550px) {
	#tabel_produse, #tabel_comenzi_content, #tabel_oferte_content, #tabel_solduri_content {
		max-height: 45vh;
	}
}


/*
:root, body {
	overflow-y: hidden !important;
}


#content {
	min-height: 60vh;
	max-height: 60vh;
}

#tabel_produse, #tabel_comenzi_content, #tabel_oferte_content, #tabel_solduri_content {
	max-height: 50vh;
	overflow-y: scroll !important;
}
*/

@media (min-width: 1300px) {
	#bottom-scrollbars {
		display: none !important;
	}
}

#bottom-scrollbars {
	width: 100%;
	height: 20px;
	background: aliceblue;
	display: grid;
	grid-template-columns: 35% 65%;
	transform: translateY(-20px);
}
.bottom-scrollbar-container {
	height: 100%;
}
#container-pinned-scrollbar {
	background: #f1f1f1;
}
#container-scrollable-scrollbar {
	background: #f1f1f1;
}
.custom-slider {
	background: #c1c1c1;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
#bottom-scrollbars.invis {
	display: none;
}

#basket {
/*	max-height: 70vh; */
	max-height: 60vh;
	overflow: auto;
}

.td_form_pretref, .td_form_pretmin  {
	text-align: right;
}

/* 4 IUL 2018 */

.my_tab .DENOBIECT {
/*	max-width: 500px; */
/*	max-width: 20vw; */
	max-width: 15vw;
	max-width: 12vw;
	overflow: hidden;
}

@media (max-width: 1300px) {
	.my_tab .DENOBIECT {
		max-width: 500px;
	}
}

.tva {
	display: none;
}

.pret_tva.fara {
	display: none;
}

#section_title {
	font-weight: bold;
}


.det_com .PU.cu {
	display: none !important;
}

.det_com .PRET_TVA.fara {
	display: none !important;
}

.listare_stoc .PRET.cu {
/*	display: none !important; */
}

.listare_stoc .PRET_TVA.fara {
	display: none !important;
}

#forPrint .PU.cu {
	display: none !important;
}

#forPrint .PRET_TVA.fara {
	display: none !important;
}

.fas.invisible {
	display: none !important;
}

.genoff_row .denumire {
	max-width: 200px;
    overflow: hidden;
}

.genoff_row.odd {
	background-color: rgb(250, 250, 250);
}

.genoff_row.even {
	background-color: rgb(230, 230, 230);
}


/* 17 apr */
#tabel_comenzi .pinned .nr_crt,
#tabel_comenzi .pinned .ARTICOL
{
	display: table-cell !important;
}

#tabel_comenzi .scrollable .nr_crt,
#tabel_comenzi .scrollable .ARTICOL
{
	display: none !important;
}

.genoff_wrap {
	padding-top: 0px;
}