.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e0e7ee;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	white-space: nowrap;
	width: auto;
	min-width: 200px;
	}
	.nice-select:hover {
	  border-color: #d0dae5; }
	.nice-select:active, .nice-select.open, .nice-select:focus {
	  border-color: #88bfff; }
	.nice-select:after {
	  border-bottom: 2px solid #90a1b5;
	  border-right: 2px solid #90a1b5;
	  content: '';
	  display: block;
	  height: 5px;
	  margin-top: -4px;
	  pointer-events: none;
	  position: absolute;
	  right: 12px;
	  top: 50%;
	  -webkit-transform-origin: 66% 66%;
		  -ms-transform-origin: 66% 66%;
			  transform-origin: 66% 66%;
	  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
			  transform: rotate(45deg);
	  -webkit-transition: all 0.15s ease-in-out;
	  transition: all 0.15s ease-in-out;
	  width: 5px; }
	.nice-select.open:after {
	  -webkit-transform: rotate(-135deg);
		  -ms-transform: rotate(-135deg);
			  transform: rotate(-135deg); }
	.nice-select.open .list {
	  opacity: 1;
	  pointer-events: auto;
	  -webkit-transform: scale(1) translateY(0);
		  -ms-transform: scale(1) translateY(0);
			  transform: scale(1) translateY(0); }
	.nice-select.disabled {
	  border-color: #e7ecf2;
	  color: #90a1b5;
	  pointer-events: none; }
	  .nice-select.disabled:after {
		border-color: #cdd5de; }
	.nice-select.wide {
	  width: 100%; }
	  .nice-select.wide .list {
		left: 0 !important;
		right: 0 !important; }
	.nice-select.right {
	  float: right; }
	  .nice-select.right .list {
		left: auto;
		right: 0; }
	.nice-select.small {
	  font-size: 12px;
	  height: 36px;
	  line-height: 34px; }
	  .nice-select.small:after {
		height: 4px;
		width: 4px; }
	  .nice-select.small .option {
		line-height: 34px;
		min-height: 34px; }
	.nice-select .list {
	  background-color: #fff;
	  border-radius: 5px;
	  box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
	  box-sizing: border-box;
	  margin-top: 4px;
	  opacity: 0;
	  overflow: hidden;
	  padding: 0;
	  pointer-events: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  -webkit-transform-origin: 50% 0;
		  -ms-transform-origin: 50% 0;
			  transform-origin: 50% 0;
	  -webkit-transform: scale(0.75) translateY(-21px);
		  -ms-transform: scale(0.75) translateY(-21px);
			  transform: scale(0.75) translateY(-21px);
	  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	  z-index: 9; }
	  .nice-select .list:hover .option:not(:hover) {
		background-color: transparent !important; }
	.nice-select .option {
	  cursor: pointer;
	  font-weight: 400;
	  line-height: 40px;
	  list-style: none;
	  min-height: 40px;
	  outline: none;
	  padding-left: 18px;
	  padding-right: 29px;
	  text-align: left;
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s; }
	  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
		background-color: #f6f7f9; }
	  .nice-select .option.selected {
		font-weight: bold; }
	  .nice-select .option.disabled {
		background-color: transparent;
		color: #90a1b5;
		cursor: default; }

  .no-csspointerevents .nice-select .list {
	display: none; }

  .no-csspointerevents .nice-select.open .list {
	display: block; }

	.nice-select, .nice-select.form-control {
		line-height: 25px;
	}
	.nice-select.open .nice-select-dropdown {
		width: 100%;
	}
	/* .nice-select.open .list {
		width: 100%;
		} */

		.nice-select-search{
			margin: auto !important;
		}
*{
	margin:0;
	padding:0;
	outline: 0;
}
input[type='text'] , input[type='password'] , input[type='submit'] , button , textarea{
	border:0;
	outline: 0;
	padding:0;

}
input[type='text'] , input[type='password'] , textarea, select{
	border: 1px solid #cdcdcd;
	padding-left:2%;
}
@font-face{
	font-family: Normal;
	src:url('../fonts/fontsite.ttf');
}
@font-face{
	font-family: Bold;
	src:url('../fonts/fontsitebold.ttf');
}
body{
	margin:0;
	color: #6a6d6f;
	font-size: 13px;
	font-family: Normal;
}
.h500 {
	height: 500px;
}
.fc-title {
	text-align: center;
}
.colorgreen{
	color:green;
}
.colorred{
	color:red;
}
.addp{
	display: flex;
	margin-right: 5px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td:not(.tdLog), .table > tbody > tr > td:not(.tdLog), .table > tfoot > tr > td:not(.tdLog){
	padding: 1px !important;
}

.tdLog {
    padding: 5px !important;
}

.editable form input{
	height:30px !important;
	min-width: 120px !important;
}
.cty{
		width: 100px;
	margin-right: 10px;
	text-align: right;
}
.mecanic{
	margin-left: 10px;
}
.verticalAlMiddle{
	vertical-align: middle;
}
.holderMetodaPlata{
	width: 45%;
  margin-bottom: 10px;
  margin-top: 10px;
}
.holderMetodaPlata span {
	padding-right: 5px;
}
.angajat{
	font-size: 20px;
	background-color: black;
	color: white;
}
.tableFise td {
	 text-align: center;
}
.tableFise .bold  {
	 background-color: #ddd;
}
#spanAlegeMecanic,
#spanAlegeManager {
	padding-left: 10px;
}
.mecanic-afisare{
	font-size: 18px;
	margin-left: 200px;
}
.totaluri_fise {
	width: 100%;
}
.tabel_totaluri_fise{
	width: 45%;
}
.centru{
	display: block;
	margin: auto;
	text-align: center;
	margin-top: 100px;
	padding-left: 30%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
.holderStatistici{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.holderStatistici .column {
  height: 300px;
  max-width: 800px;
}
/* PROGRAMARI  */
.form-terminareProgramare{
	display: inline-block;
}
.serviceActive {
	color: white;
	background-color: black;
}
.table-programari .tr{
	padding: 5px !important;
}
.table-programari > tbody > tr > td {
	vertical-align: middle;
}


.table-programari .btn-info{
	padding: 0 10px;
	border-radius: 5px;
}
.form-addProgramare {
	padding: 10px;
	background-color: #dddddd;
	margin-bottom: 20px;
}
.form-addProgramare .btn-info {
	padding: 5px 20px;
	border-radius: 5px;
}
.form-addProgramare input{
	padding: 5px 10px;
}
.form-addProgramare > div{
	padding: 10px;
}
.flex{
	display: flex;
	column-gap: 20px;
}
.flex > div > div {
	padding-bottom: 10px;
}
.progTitle{
	border-bottom: solid black 1px;
	font-size: 18px;
	width: fit-content;
}
.divAddProgramare{
	position: relative;
	display: none;
}
.divAddProgramare > p {
	position: absolute;
	right: 10px;
	font-size: 22px;
	color: black;
	cursor: pointer;
}
#demo > p {
	color: black;
	font-size: 15px;
}
.serviceuri{
	margin-top: 90px;
	margin-bottom: 10px;
}
.serviceuri{
	display: flex;
	justify-content: right;
	align-items: center;
}
.serviceuri > div{
	display: inline-block;
	border: solid black 1px;
	padding: 5px 10px;
	margin-right: 20px;
}
.serviceuri a {
	padding: 5px 20px;
	width: fit-content;
	border: solid #337ab7 1px;
	display: inline-block;
}
#formAddProgramare textarea{
	width: 100%;
}
.lblSiInput label {
	display: block;
}
.strikeout td:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 2px solid red;
	width: 100%;
}

.holderStatistici legend {
  margin-block-start: 1rem;
  justify-content: center;
}

.charts-css.legend li:before{
	width:1.5rem !important;
	height:1.5rem !important;
}

.legenda-vanzari{
	height: 100px !important;
	justify-content: center !important;
	width: 50% !important;
}

#chart-vanzari{
	height: 200px;
  max-width: 300px;
  margin: 0 auto;
}
.pt5 input{
	margin-top: 5px !important;
}
.creeazadoc{
	width: 150px;
	margin-left: calc(50% - 150px);
}
.completat{
	background-color: #e0ffe0 !important;
}
.by{
	margin-top: 150px;
	font-size: 18px;
}
.filtre{
	margin-left: 10px;
	font-size: 18px;
}
.input-avansat{
	flex-grow: 1;
	margin-left: 10px;
	width: 100px;
	padding-left: 15px;
	float: left;
}
.input-manager {
    width: 110px;
}
.mt50{
	margin-top:50px;
}
.avansat{
	float: left;
	background-color: #f3f3f3;
	margin-top: -16px;
	padding: 10px;
	border-top: 1px solid #000;
	width: 720px;
	display: flex;
	/* padding-left: 0px; */
	position: absolute;
	top: 62px;
	left: 0px;
}
.mecanic-titlu{
	font-size: 14px;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.trpad td{
	padding: 5px;
}
.trpad td input[type='text']{
	width: 200px;
}
.trpad .stoc{
	width: 100px !important;
}
.mecanic-fisa{
	font-size: 12px;
	margin-left: 5px;
}
.preluare-fisa{
	font-size: 12px;
	margin-left: 5px;
	width: 120px;
}

.editable form button, .eplsel form button, .epltxtbig form button{
	margin-left: 5px;
	border: 1px solid #000;
	padding-left: 5px;
	padding-right: 5px;
}
.login{
	width: 400px;
	margin: auto;
	margin-top: 100px;
}
.fs12{
	font-size: 12px;
}
.left {
	width: 15%;
	background-color: #dadada;
	height: 100vh;
	overflow-x: auto;
	position: fixed;
	z-index: 100;
}
.left hr{
	margin: 0px;
	margin-left: 15%;
	margin-right: 15%;
}
.telefon-cerere{
	max-width: 70px !important;
	word-wrap: break-word;
}
.masina-cerere{
	width: 150px !important;
	word-wrap: break-word;
}
.text-cerere{
	max-width: 500px !important;
	word-wrap: break-word;
}
.containerService{
	width:85%;
	float: left;
	margin-left: 15%;
}
.element{
	border: 1px solid #000;
	width: calc(100% - 10px);
	display: block;
	padding: 3px;
	margin: 5px;
	text-decoration: none;
	color: #000;
}
.element:hover{
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.cautare-produs{
	width: calc( 100% - 440px);
	position: relative;
}
.mb10{
	margin-bottom: 10px;
}
.mt10{
	margin-top: 10px;
}
.ml10{
	margin-left: 10px;
}
.ml10i{
	margin-left: 10px !important;
}
.mr10{
	margin-right: 10px;
}
.m0{
	margin:0 !important;
}
.m50auto{
	margin:50px auto;
}
.mr0{
	margin-right:0 !important;
}
.paginareholder {
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 2fr;
	grid-template-areas:
	"ordonare displayarts paginare";
	margin-top: 15px;
  }
.paginareselect{
	font-size: 18px;
	float: left;
}
.optiune-noua{
	width: 100px;
	font-size: 12px;
}
.optiune-check{
	width: 200px;
	font-size: 12px;
}
.paginarelft{
	font-size: 17px;
	float: left;
}
.paginarert{
	font-size: 17px;
	float: left;
}
.paginarert a{
	display: block;
	border: 1px solid #337ab7;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	margin-left: 10px;
}
.paginarelft a{
	display: block;
	border: 1px solid #337ab7;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	margin-right: 10px;
}
.paginarelft a:hover{
	text-decoration: none;
	color: #ffffff;
	background-color: 337ab7;
}
.paginarert a:hover{
	text-decoration: none;
	color: #ffffff;
	background-color: 337ab7;
}
.activ{
	background-color: #000;
	color: #fff;
}
.paginare{
	float: right;
	margin-bottom: 20px;
	margin-top: 10px;
	height: 27px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	grid-area: paginare;
}
.paginare:last-of-type{
	margin-bottom:30px;
}
.paginare a {
	background-color: var(--alb);
	display: inline-block;
	text-align: center;
	color: var(--rosu);
	margin: 0px 3px;
	font-size: 13px;
	padding: 7px 12px;
	border: 1px solid var(--griDeschis);
	text-decoration: none;
	transition: all .3s;
  }
  .paginare select {
	margin: 0px 5px;
	width: 50px;
	border: 1px solid var(--griDeschis);
	padding: 5px;
	background-position: 85%;
  }
.client{
	width: 49%;
}
.clientf{
	width: 510px;
	margin-left: 75px;
}
.an-masina{
	width: 65px;
	margin-left: 3px;
}
.serie-motor{
	width: 65px;
}
.km-masina{
	width: 65px;
}
.nume-client{
	width: calc(100% - 50px);
}
.mail-client{
	width: calc(100% - 50px);
	margin-left: 10px;
}
.adresa-client{
	width: 224px;
}
.linie-client input{
	width: calc(100% - 55px);
	float: right;
	padding-left: 5px;
}
.quart {
	width: 25%;
}
.red{
	background-color: #b70000 !important;
	color: #ffffff !important;
}
.input3{
	width: 30% !important;
	margin-right: 5%;
	float:left;
}
.input3l{
	width: 30% !important;
	float:left;
}
.pd10{
	padding: 10px;
}
.pd50{
	padding: 50px;
}
.wft {
	width: fit-content;
}
.nefinalizata{
	background-color: #ffeaea;
}
.masina-predata{
	background-color: #cbd4ff;
}
.datorie{
	background-color: #ff8484;
}
.clientrau{
	background-color: #ffc889;
}
.th-data-vanzare{
	width: 100px !important;
}
.data-vanzare{
	width:75px;
}
.angajat-cerere{
	width:70px;
}
.data-cerere{
	width:70px;
}
.pret-vanzare{
	width:75px;
}
.cant-vanzare{
	width: 50px;
}
.total-vanzare{
	width: 100px;
}
.linie-client{
	padding-left: 5px;
	padding-top: 5px;
	float: left;
}
.border-left{
	border-left:1px dotted;
}
.observatii {
	margin-top: 15px;
	width: 50%;
	min-width: 150px;
	margin-right: 5%;
	margin-bottom: 20px;
}
.containerService{
	height: 100vh;
}
.observatiiprint{
	margin-top:50px;
	width: 200px !important;
}
.cantprint{
	width: 51px;
}
table tbody tr{
	cursor: pointer;
}
.pretprint{
	width:150px;
}
.ml0{
	margin-left: 0px !important;
}
.mr0{
	margin-right: 0px !important;
}
.obs-text{
	height: 100px !important;
}
.total-fisa {
	border: 1px dotted;
	/* width: 45%; */
	margin-top: 15px;
	text-align: center;
	height: 100px;
	margin-bottom: 5px;
	width: 100%;
}
.observatii .titlu-albastru{
	font-size: 14px !important;
}
.full{
	width: 100%;
}
.half{
	width: 50%;
}
.last-total{
	background-color: #e2e2e2;
}
.blueC{
	color:#337ab7;
}
.bold{
	font-weight: bold;
}
.titlu-albastru{
	border-bottom: 1px solid #337ab7;
	border-right: 1px solid #337ab7;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #337ab7;
}
.input-fisa{
	width: 250px;
	float: right;
	margin-left: 10px;
}
.titlu{
	font-size: 18px;
	border-bottom: 1px dotted;
}
.thead-blue{
	color: #337ab7;
}
.th-last{
	border-right: 1px solid #337ab7;
	width: 200px;
}
.tabel-operatii{
	margin-top: 15px;
	width: 100%;
}
.tabel-operatii thead th{
	border-bottom: 1px solid #337ab7;
}

.deFacturatContainer{
    flex-direction: row !important;
    gap: 6px;
    align-items: flex-start;
}

.discount{
	margin-right: 42px;
	border: 1px dotted;
	border-top: 0px;
	border-right: 0px;
	text-align: center;
}
.discount td{
	width: 199px;
	padding: 5px;
}
.input-pret{
	width: 180px;
}
.tr-discount{
	border-bottom: 1px dotted;
}
.td-discount{
	border-right: 1px dotted;
}
.tabel-operatii tbody tr td{
	border-bottom: 1px dotted;
	border-right: 1px dotted;
	padding: 5px;
}
.aduaga-linie, .remove-linie{
	border:none !important;
	width: 40px;
	padding: 0px !important;
	cursor: pointer;
	background-color: #fff;
}
.bw{
	background-color:#fff;
}
.tc{
	text-align: center;
}
.input2{
	width: 47% !important;
	margin-right: 6%;
	float:left;
}
.input2l{
	width: 47% !important;
	float:left;
}
.mr10{
	margin-right: 10px;
}
.tr-adauga-vanzare{
	position: relative;
}
.nume-vanzare{
	width:150px;
	position: relative;
	z-index: 100;
}
.cod-vanzare{
	width: 100px;
}
.ui-datepicker{
	z-index:101 !important;
}
.right-total{
	color: #000;
	font-size: 20px;
	margin-top: 7px;
	font-weight: bold;
}
.stoc_service_edit{
	width: 100px;
}
#rezvanzari{
		position: absolute;
	border: 1px solid #cdcdcd;
	z-index: 100;
	background-color: #fff;
	font-size: 12px;
	min-height: 200px;
	width: 150px;
	max-height: 500px;
	overflow: auto;
	display: none;
	-webkit-box-shadow: 0 0 20px 3px #cdcdcd;
	box-shadow: 0 0 20px 3px #cdcdcd;
}
.cod-vanzare{
		z-index: 101;
	position: relative;
}
.redC{
	color:#b70000;
}
.last-td{
	width: 190px;
	border-right:0px !important;
}
.last-last-td{
	border-left: 1px dotted;
}
.remove-add-produse{
	font-size: 14px;
	margin-left: 10px;
}
.noResult{
	font-size:20px;
	text-align: center;
}
.disp{
	display: none;
}
.form-cautare{
	float: left;
	margin-left: 20px;
	width: 500px;
}
.cautare{
	margin-right: -34px;
	float: left;
}
.cautare-fisa{
	margin-right: -24px;
	float: left;
	height: 25px;
}
.discount_op, .discount_prod, .discount_com{
	width:100px;
	text-align: center;
}
.rezultate{
	height: 75px;
	width: 100%;
	border: 1px solid #d8d8d8;
	max-height: 75px;
	overflow-y: auto;
}
.vanzare-cautare{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	display: block;
	cursor: pointer;
	border-bottom: 1px solid #cdcdcd;
}
.vanzare-cautare:hover{
	color: #fff;
	background-color: #cdcdcd;
}
.left-cautare{
	width: 50%;
	display: inline-block;
}
.cautare-fisa-produs{
	margin-right: -24px;
	height: 25px;
	margin-top: 6px;
	width: 200px;
	float: left;
}
.mt20{
	margin-top: 20px;
}
.rezultate-produse{
	margin-left: 150px;
	margin-top: 6px;
	border: 1px solid #d8d8d8;
	overflow-y: auto;
	width: calc(100% - 204px);
	height: 300px;
	float: left;
	position: absolute;
	z-index: 100;
	background: antiquewhite;
	position: relative;
}
.rezultate-produse.active {
	pointer-events: auto;
}
.close-results-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #f44336;
	color: white;
	border: none;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	z-index: 101;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.close-results-btn:hover {
	background: #d32f2f;
	transform: scale(1.1);
}
.close-results-btn:active {
	transform: scale(0.95);
}
.label-cautare{
	width: calc(100% - 14px);
	padding: 5px;
	margin: 0px !important;
	border-bottom: 1px solid #d8d8d8;
	margin-left: 4px !important;
}
.label-cautare:hover{
	background-color: #f3f3f3;
}
.mb20{
	margin-bottom:20px;
}
.bloc-stanga{
	float: left;
	margin-left: 20px;
}
.tel-client{
	width: calc(100% - 50px);
	margin-left: 18px;
}
.data-fisa{
	width:125px;
}
.model-masina{
	width: 180px;
	margin-left: 3px;
}
.marca-masina{
	width: 150px;
}
.ui-multiselect{
	max-width: 97%;
	height: 35px;
}
.title-line{
	font-size:10px;
}
.tr{
	text-align: right;
}
.logo{
		height: 100px;
}
.pret_ac-vanzare{
	width:75px;
}
.furnizor-vanzare{
	width:100px;
}
.producator-vanzare{
	width:100px;
}
.adaos-vanzare{
	width:75px;
}
.w60{
	width: 60px !important;
}
.w50{
	width: 50px !important;
}
.w100{
	width: 100px !important;
}
.w200{
    width: 200px !important;
}
.black{
	color:#000 !important;
	font-weight: bold;
}
.vin-masina{
	width: 150px;
	margin-left: 17px;
}
.nr-masina{
	width: 70px;
}
.ml20{
	margin-left:20px;
}
.ml5{
	margin-left:5px;
}
.mr5{
	margin-right:5px;
}
.mt5{
	margin-top: 5px;
}
.mesajNU {
	background-color: #b70000;
	color: #fff; /* or try #f8f8f8 for softer white */
    margin: auto;
	margin-top: 65px;
	padding: 15px 40px;
	position: fixed;
	left: 50%;
	top: 30px;
	transform: translateX(-50%);
	z-index: 999;
	border-radius: 15px;
	font-size: 18px;
	font-weight: bold;
	box-shadow: 0 4px 16px rgba(0,0,0,0.15);
	text-align: center;
}
.mesajEroare{
	background-color: #b70000;
	color:#ffffff;
	margin-top: 65px;
	padding: 15px;
	z-index: 999;
	-webkit-border-radius: 15px;
	margin-right: 5px;
	border-radius: 15px;
}
.mesajEroare a{
	text-decoration: none;
	color:#ffffff;
}
.mesajNU a{
	text-decoration: none;
	color:#ffffff;
}
.mesajDA{
	/* background-color: #159318;
	color:#ffffff;
	margin-top: 65px;
	padding: 15px;
	position: fixed;
	z-index: 999;
	margin-right: 10px;
	-webkit-border-radius: 15px;
	border-radius: 15px; */
    background-color: #159318;
	color: #fff; /* or try #f8f8f8 for softer white */
    margin: auto;
	margin-top: 65px;
	padding: 15px 40px;
	position: fixed;
	left: 50%;
	top: 30px;
	transform: translateX(-50%);
	z-index: 999;
	border-radius: 15px;
	font-size: 18px;
	font-weight: bold;
	box-shadow: 0 4px 16px rgba(0,0,0,0.15);
	text-align: center;
}
.ascuns{
	display: none;
}
.lista1{
	width: 65px;
	float: left;
	margin-right: 5px;
}
.cui{
	float:left;
	width: calc(100% - 70px);
}
.c{
	clear: both;
}
.cuii{
	width:100%;
}
.nume-operatie{
	width: calc(100% - 195px);
}
.lista2{
	width: 65px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.form-group{
	max-width: 100%;
}
.greenC{
	color: #159318;
}
.adauga-vanzare{
	background-color:#fff;
}
.inputFill{
	width: calc(100% - 100px) !important;
	float: left;
}
.logo-upload{
	width:50%;
}
.btn{
	padding: 7px !important;
}
.buton-cautare{
	padding:9px !important;
}
.buton-cautare-fisa{
	margin-top: 6px ;
	padding:4px !important;
}
.mt0{
	margin-top:0px !important;
}
/* .coloana-mica{
	width: 160px;
} */
.buc-produs, .cod-produs, .ac-produs, .cant-produs{
	width:110px;
}
.stanga-cautare-produs{
	float: left;
}
.radio-produs{
	margin-bottom: 0px;
	width: 200px;
}
.radio-check-produs{
	margin-top: 1px;
}
.checkbox-produs{
	margin-top: 0px;
}
.check-produs{
	margin-bottom: 0px;
}
.subtitlu{
	color: #272d33;
	font-size: 27px;
	line-height: 20px;
	display: block;
	text-transform: uppercase;
	min-width: 150px;
}
.tdprint{
	width: 201px !important;
}
.blue{
	color:#337ab7;
}
.textWhite{
	color: white;
}
.bgBlue{
	background-color: #337ab7;
}
.titluContainer{
	border-bottom: 1px solid;
	padding-bottom: 6px;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
}
.pl15{
	padding-left: 15px;
}
.pd15{
	padding:15px;
}
.cp{
	cursor: pointer;
}
.f14{
	font-size: 14px;
}
.nota-interna{
	width: 100%;
	height: 100px;
}
.gridHalf {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
}
.grid2of3 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	column-gap: 20px;
}
.gridpatru {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	column-gap: 10px;
}
.resizeV{
	resize: vertical;
}
.radio{
	margin-top: 10px !important;
	margin-left: 15px;
}
.small-vanz{
	width: 50px !important;
}
.med-vanz{
	width: 65px !important;
}
.lg-vanz{
	width: 250px !important;
}
.min-td{
	width: 1%;
	white-space: nowrap;
}
.cpoyinput{
	width: 40px;
	padding: 1px !important;
	margin-top: 7px;
}
.textMare{
	margin-right: 5%;
	width: 30%;
}
.textMare:last-of-type{
	margin-right: 0px;
}
.scClient .w33{
	width: 33% !important;
	float: left;
}
.holderInfoStatistici{
	width: 95%;
	border: 1px solid #999;
	margin: auto;
	margin-top: 20px;
}
.linieInfoStatistici{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 5px;
	border-bottom: 1px solid #999;
	text-align: center;
	align-items: center;
}
.linieInfoStatistici:first-child{
	background-color: #94d894;
}
.formAddTipCheltuiala, .tabelTipuriCheltuieli, .formAddCheltuiala{
	width: 98%;
	margin: auto;
	margin-top: 20px;
}

.mesajLipsaDate{
	width: 98%;
  margin: auto;
  margin-top: 20px;
  font-size: 16px;
  color: #b80c0c;
}
.imaginiFisa{
	margin-top: 15px;
	width: 51%;
	min-width: 150px;
	margin-right: 5%;
	margin-bottom: 20px;
	padding: 10px;
	box-sizing: border-box;
}

.holderImagineFisa{
	border: 1px solid #999;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.holderImaginiFisa{
	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.btnStergePoza{
	font-size: 20px;
  color: red;
	cursor: pointer;
}

.holderOptiuniHotel{
	display: flex;
  justify-content: space-around;
  margin-top: 15px;
  font-size: 14px;
}

.holderOptiuniHotel a{
	background: #407bb9;
  padding: 6px 30px;
	border-radius: 5px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

.holderOptiuniHotel a:hover{
	background-color:#000;
	transition: .3s;
}

.formAddLocatieHotelAnv, .formAddDepozitHotelAnv{
	padding: 10px;
}

.holderSalariiMecanici{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.holderStatisticiMecanici{
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}

.btnBackHotel{
	margin-left: 10px;
}

.btnStergePoza:hover{
	color:black;
	transition: .3s;
}

.holderDepozitareAnvelope{
	width: 98%;
	margin: auto;
	margin-top: 30px;
}

.titluDepozit{
	font-size: 20px;
	text-align: center;
	display: block;
}

.holderCautaClient{
	display: flex;
	flex-direction: column;
	min-width: 300px;
	width: 65%;
	margin: auto;
	font-size: 16px;
	margin-top: 25px;
}

.tabelListaAnvHotel td, .tabelListaAnvHotel th{
	vertical-align: middle !important;
	text-align: center;
}

.infoUserInregistrareHotel{
	width: 98%;
	margin: auto;
	font-size: 16px;
}

.tabelListaAnvHotel{
	width: 98%;
  margin: auto;
  margin-top: 15px;
}

.holderFormAddInHotel{
	padding: 20px;
  border: 1px solid #999;
  width: 80%;
  margin: auto;
  margin-top: 30px;
  box-sizing: border-box;
  border-radius: 10px;
}

#listaclientihotel{
	grid-template-columns: 1fr 1fr;
  list-style: none;
  display: none;
  grid-column-gap: 10px;
  border: 1px solid #cdcdcd;
  padding: 5px;
  border-top: none;
}
#listaMasiniClient{
	margin-top: 10px;
  list-style: none;
}

.holderFormAdaugaAnvelope{
	font-size: 16px;
}

.campuriAdaugaAnvelopeAscunse{
	display: none;
	flex-direction: column;
	width: 64%;
	margin-left: 1%;
	margin: auto;
	gap:10px;
}

.iconAddAnvelopa{
	width: 45px;
  cursor: pointer;
  margin-left: calc(100% - 45px);
	position: absolute;
	top:0;
	right:0;
}

.holderImagineFisa img{
  width: calc(100% - 50px);
  cursor: pointer;
}

.holderDetaliiAnvelope{
	margin-top:10px;
	position: relative;
}

.holderDetaliiAnvelope label{
	margin-bottom: 20px;
}

.holderLinieAnvelopa{
	display: grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: 10px;
  margin-top: 10px;
}
.w5 {
	width: 5%;
}
.newFormStyle {
	width: 80%;
	margin: 0 auto;
}
.newFormStyle > div{
	display: grid;
	grid-template-columns: 1fr 4fr;
	align-items: center;
	justify-items: start;
	padding: 5px 0;
	margin: 10px 0;
}
.newFormStyle > div > label{
	margin-bottom: 0;
}
.newFormStyle > div > input[type="checkbox"]{
	margin: 0;
}
.opCat {
	border: solid #337ac6 1px;
	padding: 5px 10px;
	font-size: 15px;
	margin: 10px 0;
	color: white;
	background-color: #337ac6;
}
.opCatActiuni {
	display: flex;
	column-gap: 10px;
	align-items: center;
}
.opCatActiuni a{
	border-radius: 5px;
	font-size: 12px;
	color: white;
}
.opCatActiuni a:hover{
	text-decoration: none;
}
.opCatDrop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tabelOpCatSubcat td {
	vertical-align: middle;
}
.toateOp {
	padding: 10px 0;
}
#operatiiService .optiuneOp:focus{
	border: 5px solid red !important;
}
.optiuneOp {
	display: grid;
	grid-template-columns: 0.5fr 4fr 2fr 2fr;
	align-items: center;
	border: solid #337ac6 1px;
	justify-items: center;
	margin: 5px 0;
}
.optiuneOp .op{
	width: 100%;
	text-align: center;
	border-right: solid #337ac6 1px;
	border-left: solid #337ac6 1px;
}
.optiuneOp input {
	margin: 0;
}
.opDeAdaugat {
	display: none;
	border: solid #337ac6 1px;
	padding: 20px;
	margin: 10px 0 10px 30px;
	background-color: white;
	position: fixed;
	right: 0;
	top: 50%;
	width: 40%;
	z-index: 1;
}
.catSitlt {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}
.delCautare {
	right: 10px;
	top: 6px;
	font-size: 20px;
}
.holderTabelSubcat {
	display: none;
}
.optiuniCatalog, .butonCombinatie {
	display: none;
}
.capTableOp {
	background-color: #337ac6;
}
.capTableOp span{
	color: white;
}
.optiuneOp input[type='number']{
	text-align: center;
}
.inputNumber{
	position: relative;
}
.inputNumber .plus {
	position: absolute;
	right: 5px;
	top: 3px;
}
.inputNumber .minus {
	position: absolute;
	left: 5px;
	top: 3px;
}
.display_box_hover{
	background: #3b5998;
	color: #FFFFFF;
}
.hoderIncaseaza {
	width: 50%;
	margin: 0 auto;
}
.newFancyStyle > div{
	display: flex;
	flex-direction: column;
	margin: 10px;
	padding: 10px;
}
.newFancyStyle .btn {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}
.newFancyStyle input,.newFancyStyle select  {
	padding: 6px 10px;
	border: solid #337ab7 1px;
}
.newFancyStyle > .deIncasat {
	align-items: center;
}
.newFancyStyle > .deIncasat > span:last-child{
	font-size: 40px;
	color: red;
	font-weight: 700;
}
.newFancyStyle > .deIncasat > label{
	margin: 0;
}
.newFancyStyle > .submitBtnRow {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	margin: 10px;
	padding: 10px;
	column-gap: 20px;
}
.newFancyStyle > .twoSubmitBtn {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 10px;
	padding: 10px;
	column-gap: 20px;
}
.verticalAlM{
	vertical-align: middle !important;
}
.hoderIncaseazaa{
	height: 100%;
	width: 100%;
}
.centered-axis-xy {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
td > .virgula:last-child{
	display: none;
}
.newRedBtn {
	background: #d24844;
	text-decoration: none;
	color: white;
	padding: 0 20px;
	border-radius: 4px;
}
.newRedBtn:hover{
	background-color: #c12e2a;
	background-position: 0 -15px;
	color: white;
	text-decoration: none;
}
.anuntDeviz{
	background-color: red;
	font-size: 17px;
	color: white;
	padding: 5px;
	text-align: center;
}
.leftpart {
	width:50%;
	float: left;
}
.rightpart {
	width:50%;
	float: right;
}
.c {
	clear: both;
}
.masina-section-highlight {
	border: 2px solid #0074D9;
	background: #f0f8ff;
	border-radius: 8px;
	padding: 18px 16px 10px 16px;
	margin-bottom: 18px;
	margin-top: 10px;
	box-shadow: 0 2px 8px rgba(0, 116, 217, 0.07);
}
.masina-section-highlight .radios label {
	font-weight: bold;
	color: #0074D9;
}
.masinaText, .masinaSelect {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Preencashment row styling for cashier table */
.preincasare-row { background-color: #e8f5e8 !important; border-left: 4px solid #28a745 !important; }
.preincasare-row:hover { background-color: #d4edda !important; }
.preincasare-row td { font-weight: bold; }

/* Preencashment amount styling */
.preincasare-amount {
    color: #28a745;
    font-weight: bold;
    font-size: 1.1em;
}

.preincasare-amount + small {
    color: #6c757d;
    font-style: italic;
}

/* Notification styling */
.notification-info {
    font-size: 11px;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

.notification-info small {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.notification-info .btn {
    padding: 2px 8px;
    font-size: 10px;
}

/* Browser notification permission states */
.notification-granted {
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    color: #155724 !important;
}

.notification-denied {
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    color: #721c24 !important;
}

.notification-default {
    background-color: #fff3cd !important;
    border-color: #ffeaa7 !important;
    color: #856404 !important;
}

.detaliiSalarii {
    width: 145px;
    justify-content: center;
    gap: 8px;
}

.butonVeziDetalii {
    min-width: 80px;
}