/*English Verison*/

.expand{
	cursor:pointer;
}
.tag{
	margin-right:5px;
	cursor:pointer;
}
.tag:hover{
	
}
.tag_selected{
	background: #7abea7;
	color: #fff;
}
.remove_tag:hover{
	color:#94CDF3;
}

.selected_tag{
	background:#7abea7; padding:3px 4px 4px 4px; border-radius:4px; color:#fff; margin-right:4px; cursor:pointer;
}
.selected_tag:hover{
	background: #83bd40;
}


.each_checkbox, .select_all{
	font-size:  1.5rem;
	cursor:pointer;
}

.grouping{
	cursor:pointer;
}
.active_menu{
	background:#7abea7;
	border-radius:15px;
}
.active_menu span{
	color:#fff;
}

.btn{
	padding:4px; 
	border-radius: 3px; 
	padding-left:8px; 
	padding-right:8px;
	cursor:pointer;
}
.btn-blue{
	background:#0883D6;
	color:#fff;
}
.btn-green{
	background:#299F0B;
	color:#fff;
}
.btn-orange{
	background:#EE9611;
	color:#fff;
}
.add_btn_div{
	padding:4px; border-radius:10px; background:#666;
}
.saved_div{
	padding:4px; border-radius:10px; background:#8CFB8C; font-size:10pt;
}

/*--------------*/
.number-style{
	font-weight: bold;
}


/*Animations*/
.animate-slide-in{
	animation-name: slide-in;
  	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0, 1.18, 1, 1);
}


@keyframes slide-in {
  from {    
	transform: translateX(-100px) rotateZ(30deg);
    opacity: 0;
	}
  to {
	  transform: translateX(0px) rotateZ(0deg);
      opacity: 1;
    }
}


.animate-slide-out{
	animation-name: slide-in;
  	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0, 1.18, 1, 1);
}


@keyframes slide-out {
  from {    
	transform: translateX(-100px) rotateZ(30deg);
    opacity: 0;
	}
  to {
	  transform: translateX(0px) rotateZ(0deg);
      opacity: 1;
    }
}