:root{
	--blue-cyan : #339fb5;
}
.red{
	color : red;
}
.btn-new-user{
	font-size: 50px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: var(--blue-cyan);
	cursor: pointer;
}
.btn-new-user:hover, .btn-new-signature:hover{
	color: #20bddd;
}
.btn-cyan{
	background-color: var(--blue-cyan) !important;
	color : white !important;
}
.btn-cyan:hover{
	background-color : #20bddd !important;
}
.bi.delete {
  font-size: 20px;
}
.toast-error, .toast-success{
	top: 10px;
	right: 10px;
	position: fixed;
}
.edit-btn{
	color : var(--bs-gray-700) ;
	font-size: 20px ;
	margin-right: 5px;
}
.fr{
	float :  right;
}
.fs-20{
	font-size : 20px;
}
.fs-25{
	font-size : 25px;
}
.fl{
	float :  left;
}
.card-break>img, .card-break>.card-body{
	opacity: 0.50;
}

.btns-etat > i, .btns-action > i {
  cursor: pointer;
}
.img-fluid.signature-today {
  width: 100%;
  height: 350px;
  object-fit: cover;
  -webkit-filter: brightness(50%);
}
.jc-end{
	justify-content : end;
}
.btns-etat > i {
  color: var(--blue-cyan);
}
.title{
	color : var(--blue-cyan);
}
.center{
	text-align : center; 
}
.card-login{
	width: 53%;
	border-color : var(--blue-cyan) !important;
}

.body-grey{
	background-color: #a6a6a61c !important;
}
.form-control:focus {
  border-color: white!important;
  box-shadow: 0 0 0 .25rem #00BBE147 !important;
}
.flex, .flex-between{
	display: flex;
}
.flex-between{
	justify-content: space-between;
}
.element-flex-1{
	flex : 1;
}
.element-flex-4{
	flex : 4;
}
.mr-5{
	margin-right : 5px !important;
}
.hide{
	visibility: hidden;
}
.capitalize{
	text-transform: capitalize;
}

.text-img-card{
	font-size: 50px;
	text-align: center;
	margin-top: 5rem ;
}
.info{
	font-size: 21px;
	color: #f59025;
	cursor: help;
}
.icon-info {
	vertical-align: middle;
}