*{
	margin:0;
	padding:0;
	outline: 0;
	box-sizing: border-box;
}
input[type='text'] , input[type='password'] , input[type='submit'] , button , textarea{
	border:0;
	outline: 0;
	padding:0;

}
textarea {
	resize: none;
}
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;
}
input[type="radio"] {
	margin-top: -1px;
	vertical-align: middle;
}
.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, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding: 1px !important;
	vertical-align: middle;
}
.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%;
}
.radios {
	display: flex;
	align-items: flex-end;
	column-gap: 20px;
}
.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;
}
.selectize-control {
	position: relative;
	display: block;
	width: 100%;
}
.selectize-input {
	width: 100% !important;
	height: 34px;
	line-height: 1.42857143;
}

.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[type="text"]{
	padding: 5px 10px;
	width: 100%;
}
.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;
}
.formPersoanaJuridica, #holderAreAsigurare{
	display: none;
}
.eroareMasinaAsig{
	display: none;
}
.holderCulori {
	text-align: center;
	margin-top: 20px;
}
.holderCulori .culoare{
	display: inline-block;
	width: 100px;
	height: 20px;
}
.holderCulori div{
	display: inline-block;
	margin-right: 20px;
	
}
.holderCulori div:first-child .culoare, 
.bgdYellow{
	background-color: yellow;
	color: black;
}
.holderCulori div:nth-child(2) .culoare,
.bgdOrange{
	background-color: orange;
	color: black;
}
.holderCulori div:nth-child(3) .culoare,
.bgdRed{
	background-color: orangered;
	color: black;
}
.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;
}
.mt50{
	margin-top:50px;
}
.mr200{
	margin-right:200px;
}

.tabelServiciu > .pa{
	right: 10px;
	top: 10px;
	color: red;
	cursor: pointer;
}
.tabelServiciu > .tabelServiciuFirstLine > .subtitlu{
	font-size: 20px;
	display: inline-block;
}
.tabelServiciuFirstLine{
	display: flex;
	align-items: center;
	column-gap: 15px;
}
.avansat{
	background-color: #f3f3f3;
	padding: 10px;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	column-gap: 10px;
}
.avansat>div {
	margin-right: 10px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.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;
	top: 0;
	bottom: 0;
}
.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%;
	padding: 20px;
}
.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);
}
.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;
}
.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;
}
.paginare:last-of-type{
	margin-bottom:30px;
}
.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;
}
.boxBorderBlue{
	border: #4c7eb7 solid 1px;
	padding: 20px;
}
.boxBorderBlue .editMasina {
	position: absolute;	
	right: 10px;
	top: 10px;
}
.adresa-client{
	width: 224px;
}
.quart {
    width: 25%;
}
.boxCatSubcat {
	padding: 0 20px;
}
.red{
	background-color: #b70000 !important;
	color: #ffffff !important;
}
.input3{
	width: 30% !important;
	margin-right: 5%;
	float:left;
}
.input3l{
	width: 30% !important;
	float:left;
}
.divcautare{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
}
.pd10{
	padding: 10px;
}
.holderViewAsigurari{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	justify-items: center;
}
.boxAsigurare{
	border: solid #337ab7 1px;
	width: 100%;
	text-align: center;
	padding: 10px;
}
.boxAsigurare span{
	margin: 10px 0;
	display: block;
}
.boxAsigurare span:first-child{
	font-size: 20px;
	font-weight: 600;
	color: #337ab7;
}
.boxAsigurare span:nth-child(2){
	font-size: 20px;
	font-weight: 600;
	color: red;
}
.boxAsigurare .titlu-albastru{
	text-align: left;
	border: none;
}
.boxAsigurare .btnStergePoza{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	background-color: white;
	padding: 5px;
	color: black;
}
.boxAsigurare .holderImagineFisa{
	padding: 5px;
	height: 100px;
	overflow: hidden;
}
.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;
}
.border-left{
	border-left:1px dotted;
}
.delegat {
	border: 1px solid #cdcdcd;
	margin: 25px 0;
	padding: 20px;
}
.delegat > span {
	top: -10px;
	left: 20px;
	background-color: white;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 700;
}
.observatii {
    margin-top: 15px;
    width: 50%;
    min-width: 150px;
    margin-right: 5%;
    margin-bottom: 20px;
}
.containerService{
	min-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;
}
.bbblue{
	border-bottom: 1px solid #337ab7;
}
.gridProgramare{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 10px;
}
.input-fisa{
	width: 250px;
    float: right;
    margin-left: 10px;
}
.containerService .titluFisa {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#holderClientNou, #clientExistent{
	display: none;
}
.titlu{
	font-size: 18px;
    border-bottom: 1px dotted;
}
.left-title, .right-title{
	display: flex;
	flex-direction: column;
	column-gap: 20px;
	align-items: center;
}
.right-title{
	width: 350px;
}
.thead-blue{
	background-color: #337ab7;
	color: white;
}
.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;
	padding: 5px;
	border-right: solid white 1px;
}
.tabel-operatii thead th:last-child{
	border-right: solid #337ab7 1px;
}
.tabel-operatii thead th:first-child{
	border-left: solid #337ab7 1px;
}
.totalSiDiscount {
	display: flex;
	justify-content: flex-end;
	margin-right: 40px;
}
.discount{
    border: 1px solid ;
    text-align: center;
	margin-top: 10px;
	color: white;
	background-color: #337ab7;
}
.discount tr {
	border: 1px solid white;
}
.discount td{
	border: 1px solid white;
	width: 200px;
	padding: 5px;
	font-weight: bold;
	letter-spacing: 3px;
}
.input-pret{
	width: 180px;
}
.tr-discount{
	border-bottom: 1px dotted;
}
.td-discount{
	border-right: 1px dotted;
}
.tabel-operatii tbody tr td{
	border: 1px #337ab7 solid;
	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: 200px;
	/* 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;
}
.holderTitlu{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	column-gap: 10px;
	padding: 20px 0;
}
.cautareHolder{
	width: 100%;
	max-width: 500px;
}
.butonCautareTop{
	right: 0;
	top: 0;
	bottom: 0;
}
.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;
}

.grid-cautare {
	display: grid;
	grid-template-columns: 5fr 1fr;
	column-gap: 30px;
	margin-bottom: 5px;
}
.grid-cautare .buton-cautare-fisa {
	right: 0;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	height: 92%;
	width: 40px;
}
.first-line {
	background-color: whitesmoke;
}
.first-linie-content{
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
}
.meniuToggle {
	display: none;
}
.right-side {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.left-side {
	display: flex;
	flex-direction: row;
}
.delegati {
	display: flex;
	column-gap: 20px;
}
.linie-client .bold{
	margin-right: 5px;
}
.boxDelegat {
	border: #4c7eb7 solid 1px;
}
.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: 2px;
    margin-top: 6px;
    border: 1px solid #d8d8d8;
    max-height: 100px;
    overflow-y: auto;
    width: calc(100% - 204px);
    height: 62px;
    float: left;
}
.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;
}
.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;
}
.title-line > span:first-child{
	display: inline-block;
	width: 150px;
}
.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:#ffffff;
    margin-top: 65px;
    padding: 15px;
	position: fixed;
	margin-right: 10px;
	z-index: 999;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.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;
}
.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;
	width:200px;
}
.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: 20px;
    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;
}
.pl15{
	padding-left: 15px;
}
.pd15{
	padding:15px;
}
.cp{
	cursor: pointer;
}
.f14{
	font-size: 14px;
}
.blinkFisa {
	background-color: red;
	color: black;
	animation: blink-animation-fisa 1s steps(2, start) infinite;
	-webkit-animation: blink-animation 1s steps(2, start) infinite;
}
@keyframes blink-animation-fisa {
	to {
		background: red;
	}
}

@-webkit-keyframes blink-animation-fisa {
	to {
		background: red;
	}
}
@keyframes blink-animation {
	to {
		opacity: 0.6;
	}
}

@-webkit-keyframes blink-animation {
	to {
		opacity: 0.6;
	}
}
.nota-interna{
	width: 100%;
    height: 100px;
}
.gridHalf {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
}
.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;
}
.topServiciu{
	display: inline-flex;
}
.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;
}
.dF_space_between{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.formAddTipCheltuiala, .tabelTipuriCheltuieli, .formAddCheltuiala{
	width: 98%;
	margin: auto;
	margin-top: 20px;
}
#angajatiDropdown {
	display: none;
}
.divAddProgramare #rezclient,
.divAddProgramare #rezmasina {
	background-color: white;
}
.checkBoxAchitat{
	border-radius: 5px;
	text-align: center;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	padding: 0 5px;
	height: 50%;
}
.checkBoxAchitat input[type="checkbox"]{
	width: 100%;
	position: absolute;
	height: 100%;
	opacity: 0;
}
.imagineFisa {
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.mesajLipsaDate{
	width: 98%;
  margin: auto;
  margin-top: 20px;
  font-size: 16px;
  color: #b80c0c;
}
.imaginiFisa{
	margin-top: 15px;
	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;
  position: relative;
}

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

.btnStergePoza{
	font-size: 20px;
  
	cursor: pointer;
}
.mr40{
	margin-right: 40px;
}
.atentionare {
	font-size: 15px;
	color: red;
}
.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;
}
.db{
	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;
}
.holderBeforePrint {
	display: flex;
	height: 100vh;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.holderBeforePrint div {
	text-align: center;
}
.holderBeforePrint div h6{
	margin-bottom: 50px;
}
.dragableBox {
	
}
h6 > a {
	font-size: 12px;
}
.tabelOpCatSubcat td {
	vertical-align: middle;
}
.toateOp {
	padding: 10px 0;
}
.boxSocietate input {
	width: calc(100% - 120px);
}
#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;
}
.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;
}
.holderViewAsigurari .holderImaginiFisa {
	grid-template-columns: repeat(3, 1fr);
}
.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: 100vh;
	width: 100vw;
}
.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;
}
.actiuni {
	justify-items: center;
	align-items: center;
}
.tabel-actiuni .last-last-td{
	width: 10%;
}
.tabel-clienti .actiuni{
	grid-template-columns: 1fr 1fr 1fr;
}