/* header */
.app-sidebar__user-name, .app-sidebar__user-designation{
	white-space:normal !Important;
}
.avatar{
	object-fit:cover;
}

.btn-default{
	background:#762B4A;
}

#back-to-top{
	background:#7b2c4c;
}
#back-to-top:hover{
	color:#7b2c4c;
	border:2px solid #7b2c4c;
}
#back-to-top i{
	color: #AD3960 !important;
}
.btn-primary{
	background:#4A2038   !important;
}
.btn-primary:hover{
	background:#AD3960    !important;
}

.logoLogare{
	height:100px !important;
}

.app-header{
	background-image:linear-gradient(110deg,#4A2038   1%,#AD3960 100%) !important;
}

.imgCropuita{
	display:inline-block;
}
.imgDeCropuit{
	display:inline-block;
}
#cropped_img{
    top: 184px;
    right: 12px;
}
/* parola */
.passwordBar{
	height: 5px;
    width: 15px;
    background: gray;
    display: inline-block;
}

.hiddenAjax{
	background:rgb(103, 64, 193);
	margin-top:10px;
	position:absolute;
	top:30px;
	color:white;
	z-index:2;
	width: calc(100% - 25px);
}
.disabled{
	cursor:default !important;
}
.hiddenAjax .result{
	padding:10px;
	font-size:12px;
}

.hiddenAjax .result:hover{
	background:white;
	color:#222;
	cursor:pointer;
}

.hiddenAjax #noResult{
	cursor:default !important;
}

.hiddenAjax #noResult:hover{
	background:none !important;
	color:white !important;
}
.relative{
	position:relative;
}

/*tabela dashboard*/
.table thead th, .text-wrap table thead th{
	background:#7b2c4c;
	color:white;
}
.btnMic{
	background:#5797fc;
	color:white;
}
.btnMic:hover{
	background:#6574cd;
}
.btnPlata{
	background:#5797fc;
	color:white;
}
.btnPlata:hover{
	background:#6574cd;
}

.btn{
	color:white !important;
}



#boxInteriorCrop, .imgDeCropuit{
	width:400px !important;
}

.boxImagineCrop{
	overflow-x:scroll;
}

/* mobile rezolutie mica*/
@media all and (min-width:0px) and (max-width: 359px) {
	.imgCropLegit{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}


/* mobile */
@media all and (min-width:0px) and (max-width: 767px) {
	.header-brand-img{
		height:47px;
	}
	.app-header .header-brand{
		margin-bottom:5px;
	}
	.col-login{
		max-width:100%;
	}
	.page-header{
		margin: 70px 0 0 0 !important;;
	}
	.page-title{
		font-size:17px;
	}
	.app-content .side-app{
		padding:20px !important;
	}
	.breadcrumb{
		display:-webkit-inline-box;
		margin-bottom:10px;
	}

	h1, .h1{
		font-size:26px;
	}

	.marginBottomMobil40{
		margin-bottom:40px;
		text-align:left !important;
	}

	.btn{
		margin-bottom:5px;
	}

	/* tabele */

	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
		text-align:left !important;;
	}

	div.dataTables_wrapper div.dataTables_filter input{
		width:150px !important;
	}

	.boxTabela #dataTables{
	width:800px;
}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination{
		justify-content:left !important;
	}

	/* overflow tabele */
	.card-body{
		overflow-x:scroll;
	}

	.card-body .table{
		max-width:1000px;
	}

	.dataTables_wrapper .row .table{
		max-width:1000px;
	}

	.dataTables_wrapper .row{
		overflow-x:scroll;
	}

	.boxTabela{
		overflow-x:scroll;
	}

	/* profilul meu */

	.labelIncarca{
		text-align:center !important;
	}

	/* proiectele mele */
	.adeverinta{
		margin-top:20px;
	}

	/* inregistrare */
	.incarca{
		margin-top:10px;
	}

	/* dashboard */
	.dashboard{
		margin-top:50px;
	}

	.btnPlata{
		margin-top:20px;
	}

}

/* tablet */
@media all and (min-width:768px) and (max-width: 1023px) {
	.btn{
		margin-bottom:5px;
	}

	.marginBottomMobil40{
		text-align:left !important;
		margin-bottom:10px;
	}
	.col-login{
		max-width:100%;
	}
	/* overflow tabele */
	.card-body{
		overflow-x:scroll;
	}

	.card-body .table{
		max-width:1000px;
	}

	.dataTables_wrapper .row .table{
		max-width:1000px;
	}

	.dataTables_wrapper .row{
		overflow-x:scroll;
	}

	.boxTabela{
		overflow-x:scroll;
	}

}
/* generale */

.marginLeft5{ margin-left:5px;}
.marginRight5{ margin-right:5px;}
.marginBottom10{margin-bottom:10px;}
i{color:white;}
.marginTop16{margin-top:16px;}
.font14{font-size:14px;}

/* generale */
/* paddings */
.paddingTop5{ padding-top: 5px; }
.paddingTop10{ padding-top: 10px; }
.paddingTop20{ padding-top: 20px; }
.paddingTop30{ padding-top: 30px; }
.paddingTop40{ padding-top: 40px; }
.paddingTop50{ padding-top: 50px; }
.paddingTop60{ padding-top: 60px; }
.paddingTop70{ padding-top: 70px; }
.paddingTop80{ padding-top: 80px; }
.paddingTop90{ padding-top: 90px; }
.paddingTop100{ padding-top: 100px; }
.paddingTop400{ padding-top: 400px; }
.paddingBottom0{ padding-bottom: 0px !important ;}
.paddingBottom10{ padding-bottom: 10px; }
.paddingBottom20{ padding-bottom: 20px; }
.paddingBottom30{ padding-bottom: 30px; }
.paddingBottom40{ padding-bottom: 40px; }
.paddingBottom50{ padding-bottom: 50px; }
.paddingBottom60{ padding-bottom: 60px; }
.paddingBottom70{ padding-bottom: 70px; }
.paddingBottom80{ padding-bottom: 80px; }
.paddingBottom90{ padding-bottom: 90px; }
.paddingBottom100{ padding-bottom: 100px; }
.paddingLeft0{ padding-left: 0px; }
.paddingLeft10{ padding-left: 10px; }
.paddingLeft15{ padding-left: 15px; }
.paddingLeft20{ padding-left: 20px; }
.paddingLeft25{ padding-left: 25px; }
.paddingLeft30{ padding-left: 30px; }
.paddingLeft35{ padding-left: 35px; }
.paddingLeft40{ padding-left: 40px; }
.paddingLeft50{ padding-left: 50px; }
.paddingLeft60{ padding-left: 60px; }
.paddingLeft70{ padding-left: 70px; }
.paddingLeft80{ padding-left: 80px; }
.paddingLeft90{ padding-left: 90px; }
.paddingLeft100{ padding-left: 100px; }
.paddingRight0{ padding-right: 0px; }
.paddingRight10{ padding-right: 10px; }
.paddingRight15{ padding-right: 15px; }
.paddingRight20{ padding-right: 20px; }
.paddingRight30{ padding-right: 30px; }
.paddingRight40{ padding-right: 40px; }
.paddingRight50{ padding-right: 50px; }
.paddingRight60{ padding-right: 60px; }
.paddingRight70{ padding-right: 70px; }
.paddingRight80{ padding-right: 80px; }
.paddingRight90{ padding-right: 90px; }
.paddingRight100{ padding-right: 100px; }
.padding0{ padding:0; }
.padding10{ padding:10px; }
.padding20{ padding:20px; }



/* margins */
.marginTop5{ margin-top: 5px; }
.marginTop10{ margin-top: 10px; }
.marginTop20{ margin-top: 20px; }
.marginTop30{ margin-top: 30px; }
.marginTop40{ margin-top: 40px; }
.marginTop50{ margin-top: 50px; }
.marginTop60{ margin-top: 60px; }
.marginTop70{ margin-top: 70px; }
.marginTop80{ margin-top: 80px; }
.marginTop90{ margin-top: 90px; }
.marginTop100{ margin-top: 100px; }
.marginTop150{ margin-top: 150px; }
.marginTop1_5rem{ margin-top: 1.5rem; }
.marginBottom10{ margin-bottom: 10px; }
.marginBottom20{ margin-bottom: 20px; }
.marginBottom30{ margin-bottom: 30px; }
.marginBottom40{ margin-bottom: 40px; }
.marginBottom50{ margin-bottom: 50px; }
.marginBottom60{ margin-bottom: 60px; }
.marginBottom70{ margin-bottom: 70px; }
.marginBottom80{ margin-bottom: 80px; }
.marginBottom90{ margin-bottom: 90px; }
.marginBottom100{ margin-bottom: 100px; }
.marginBottom150{ margin-bottom: 150px; }
.marginLeft0{ margin-left: 0px; }
.marginLeft10{ margin-left: 10px; }
.marginLeft15{ margin-left: 15px; }
.marginLeft20{ margin-left: 20px; }
.marginLeft25{ margin-left: 25px; }
.marginLeft30{ margin-left: 30px; }
.marginLeft35{ margin-left: 35px; }
.marginLeft40{ margin-left: 40px; }
.marginLeft50{ margin-left: 50px; }
.marginLeft60{ margin-left: 60px; }
.marginLeft70{ margin-left: 70px; }
.marginLeft80{ margin-left: 80px; }
.marginLeft90{ margin-left: 90px; }
.marginLeft100{ margin-left: 100px; }
.marginRight0{ margin-right: 0px; }
.marginRight5{ margin-right: 5px; }
.marginRight10{ margin-right: 10px; }
.marginRight15{ margin-right: 15px; }
.marginRight20{ margin-right: 20px; }
.marginRight30{ margin-right: 30px; }
.marginRight40{ margin-right: 40px; }
.marginRight50{ margin-right: 50px; }
.marginRight60{ margin-right: 60px; }
.marginRight70{ margin-right: 70px; }
.marginRight80{ margin-right: 80px; }
.marginRight90{ margin-right: 90px; }
.marginRight100{ margin-right: 100px; }
.margin0{ margin:0; }
.margin10{ margin:10px; }
.margin20{ margin:20px; }

.relative{position:relative;}