.flex-container {
  padding-top: 3px;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  #align-items: center;
  
  -webkit-flex-flow: row wrap;
  background: #f0f1f0;
}
.flex-container-grp {
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  #align-items: center;
  
  -webkit-flex-flow: row wrap;
 /* background: #f0f0f0; */
}
.flex-container-grp div {
	background-color: inherit;
}
li {
	border: 0px solid #777777;
}
li:focus {
	border: 0px solid #777777 !important;
	border-bottom-style: none !important;
}
.div_top {
  padding-top: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin-bottom: 1px;
  height: 30px;
  left: 0px;
  right: 0px;
  background-color: #ffffff;
  font:12px Lato, Helvetica, sans-serif !important;
  1border-radius: 4px;
  1border-bottom: 1px solid #777777;
  position: relative;
  color: #777777;
  width: 99%;
}
.div_text_parent {
  padding-top: 		5px;
  padding-left: 	5px;
  padding-right: 	5px;
  padding-bottom: 	5px;
  margin-top: 		5px;
  margin-bottom: 	5px;
  margin-left: 		5px;
  margin-right: 	5px;
  min-height:		20px;
  left1: 0px;
  right1: 0px;
  background-color: #ffffff;
  font:12px Lato, Helvetica, sans-serif !important;
  border-radius: 4px;
  border: 1px solid #cccccc;
#  border-bottom: 1px solid #777777;
  position: relative;
  color: #777777;
  display: flex;
  width: 100%;
}
.div_txtarea {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin-right1: 1%;
  min-height: 20px;
  left: 0px;
  right: 0px;
  background-color: #ffffff;
  font:14px Lato, Helvetica, sans-serif;
  border-radius: 4px;
  border: 1px solid #434343 !important;
  position: relative;
  color: black;
  width: 99%;
}

/* MESSAGE START */

#div_message {
	display: 		none;
	margin-top: 	10px;
	margin-bottom:	10px;
	margin-right: 	5px;
	min-height: 	72px;
}
/*
.div_root_mess {
	width1: 			99%;
	margin-bottom:	10px;
}
*/
.div_buttton_mess {
	flex-wrap: nowrap;
	align-items: 	center;
	vertical-align: baseline;
	align-content: 	center;
	height: 24px;
	margin-bottom: 5px;
}
.button_mess {
	margin-top: 	2px;
	align-items: 	center;
	vertical-align: baseline;
	margin-left: 10px;
}
/*
.div_txtmess {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  left: 0px;
  right: 0px;
  background-color: #ffffff;
  font:14px Lato, Helvetica, sans-serif;
  border-radius: 4px;
  border: 1px solid #434343 !important;
  position: relative;
  color: black;
  width: 99%;
  min-height: 	72px;
}
*/
#id_sel_recipient {
	font:14px Lato, Helvetica, sans-serif;
	margin-right: 	20px;
	border-radius: 	4px;
	border: 		1px;
	vertical-align: baseline;
	top: 			0px;
}
#id_sel_recipient1 {
	font:14px Lato, Helvetica, sans-serif;
	margin-right: 	20px;
	border-radius: 	4px;
	border: 		1px;
	vertical-align: baseline;
	top: 			0px;
	display: inline;
}
/* MESSAGE END */

.autor_worker {
	display: block;
	margin-left:	10px;
	margin-right: 	10px;
	justify-content: space-around;
	display:		flex;
}
.autor_card {
	margin-left: 5px;
}
.worker_card {
	margin-right: 25px;
	width: 110px;
	font-size: 12px;
}
.aaaa20 {
	margin-left: 5px;
	margin-right: 5px;
}

.icon_user_card {
	padding: 0px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	cursor: pointer;
}
.icon_border {
	border: 0px solid green !important;
}
.card_command {
	margin-top: 10px !important;
	border-radius: 5px;
}
.card_list_attach li {
	margin-left: 25px;
	list-style-type: none;
	cursor: pointer;
	background: #efefef;
	margin-top: 2px;
	margin-bottom: 2px;
}
.card_list_attach li : hover{
	background:  #DBFDF2 !important ;  
}
.card_list_mess li {
	margin-left: 10px;
	list-style-type: none;
	cursor: pointer;
	background: #fafafa !important ;  
	margin-bottom: 2px;
}
.card_list_mess li : hover{
	background:  #DBFDF2 !important ;  
}

/* history */

.flex-container-history {
  padding-top: 3px;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  align-items: center;
  
  -webkit-flex-flow: row wrap;
  background: #efefef;
}

.div_a_history {
  padding: 3px;
  left: 0px;
  right: 0px;
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  display: block;
  position: relative;
}
.icon_user_action {
	padding: 3px;
	top: 0px;
	left: 0px;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	cursor: pointer;
	00position: absolute;
}

.div_date_action {
  padding: 0px;
  left: 0px;
  right: 0px;
  background-color: inherit;
  font:10px Arial, Helvetica, sans-serif;
  position: relative;
  color: #aaaaaa;
  text-align: center;
  width: 60px;
  min-width: 60px;
}


	
.div_a {
	padding: 3px;
	width: 34px;
	min-width: 34px;
	min-height: 40px;
	display: block;
	border: 1px;
	border-color: none;
	position: relative;
}
.div_b0 {
	display: flex;
	flex-grow: 2;
	position: relative;

}
.div_b_tree {
	padding: 0px;
	min-height: 20px;
	width: 10px;
	left: 0px;
	right: 0px;
	position1: relative;
}
.icon_level {
	padding: 0px;
	top: 0px;
	left: 0px;
	w1idth: 10px;
	height: 10px;
	align-items: center;
	1border-radius: 10px;
	1cursor: pointer;
	1position: absolute;
}
.div_b_text {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	min-height: 20px;
	left: 0px;
	right: 0px;
	background-color: #ffffff;
	font:16px Lato bold, Helvetica, sans-serif;
	border-radius: 8px;
	position: relative;
	color: black;
	flex-grow: 2;
}
.div_b_info {
	padding: 0px;
	left: 0px;
	right: 10px;
	display:	flex;
	justify-content: flex-end;
	align-items: center;
	background-color: inherit;
	font:10px Arial, Helvetica, sans-serif;
}
.div_info_tags {
	margin-right:	5px;
	color: green;
	width: 72%;
}
.div_info_plan {
	margin-right:	5px;
	color: #777777;
	width: 18%;
	max-width: 80px;
}

.div_new_action {
	color: red;
	border: 1px;
	border-color: none;

}
.div_b_until {
	padding-left: 5px;
	left: 0px;
	right: 0px;
	position: relative;
	color: #aaaaaa;
	text-align: right;
	width: 10%;
	max-width: 40px;
}
.div_b_block button {
	border: 0px;
}
.div_b_command {
	justify-content: space-between;
	display:	flex;
	position: 	relative;
	padding: 	5px;
	min-height: 25px;
	width: 		98%;
	position: 	relative;
	margin-bottom: 5px;
}
.div_b_block {
	display:	block;
	position: 	relative;
	padding: 	5px;
	min-height: 25px;
	width: 		100%;
	position: 	relative;
}
.div_c {
	padding: 	5px;
	width: 		50px;
	min-width: 	50px;
	min-height: 80px;
	position: 	relative;
	display: 	flex;
	align-items: center;
}

.icon_user {
	padding: 0px;
	top: 9px;
	left: 50px;
	width: 32px;
	height: 32px;
	border-radius: 5px;
	cursor: pointer;
	position: absolute;
}
.icon_autor {
	padding: 0px;
	top: 5px;
	left: 5px;
	width: 24px;
	height: 24px;
	border-radius: 10px;
	cursor: pointer;
	position: absolute;
}
.icon_worker {
	top: 30px;
	left: 5px;
	width: 24px;
	height: 24px;
	border-radius: 10px;
	cursor: pointer;
	position: absolute;
}
.icon_down {
	top: 52px;
	left: 6px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	margin-top: 10px;
}
.icon_bookmark {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 24px;
	height: 24px;
	cursor: pointer;
	posit1ion: absolute;
}
.icon_tag {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	posit1ion: absolute;
}
.tags_set {
	border-width: 0;
	border-style: dotted;
	border-color: #9c9c9c;
}
/*
.icon_command {
	display: inline;
	max-width1: 22px;
	padding-top: 2px;
	width1: 22px !important;
	height: 20px;
	cursor: pointer;
	posit1ion: absolute;
	margin-left: 3px;
	margin-right: 3px;
}
*/
.icon_message {
	display: inline;
	max-width: 22px;
	padding-top: 0px;
	width1: 22px !important;
	height: 22px;
	cursor: pointer;
	posit1ion: absolute;
	margin-left: 3px;
	margin-right: 30px;
}
.icon_command1 {
	display: inline;
	max-width: 32px;
	width: 32px !important;
	height: 32px;
	cursor: pointer;
	posit1ion: absolute;
	margin-top: 2px;
	margin-left: 2px;
}

.div_margin_left {
  margin-left: 	15px;
  cursor: 		pointer;
}
.div_align_right {
  float: right;
  margin-right: 5px;
}
.div_align_right2 {
  float: right;
  margin-right: 25px;
}
/*
#footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 50px;
   background-color: #54995F;
   color: green;
   text-align: center;
   justify-content: space-around;
   align-items: center;
	#z-index: 10;
   display: none;
}

.icon_footer img {
 	max-height: 22px;
 	max-width: 22px;
	width: 22px;
	cursor: pointer;
}

.icon_footer {
 	/*max-height: 22px;
 	max-width: 22px; *
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-size: 100%;
}
*/
#id_plus {
   position: fixed;
   right: 10px;
   bottom: 52px;
	z-index: 100;
   display: none;
   cursor: pointer;
}
.button {
	right: 10px;
	bottom: 125px;
}
/* HEADER *
.root_header {
   position: static;
   left: 0;
   top: 0;
   width: 100%;
   height: 50px;
   background-color: #54995F !important; 
   color: white !important;
   text-align: center;
   display: none;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   justify-content: space-between;
   #z-index: 10;
}
.project_header {
	width: 88%;
/*	text-align: right; *
	background-color: #54995F; 
   	color: white;
	display: flex;
	justify-content: space-between;
	margin-right: 5px;
	font-weight: normal;
}
#id_name_project {
	text-align: center;
	width: 100%;
	margin: 0 2px;
	font-family: Roboto, Verdana, Geneva, sans-serif;
	text-shadow: none;
	font-size: 1.2em;
}

.left_image_header {
	width: 22px;
	margin-left: 10px;
	cursor: pointer;
}
.left_image_header img {
	height: 22px;
}

.right_image_header img {
	height: 22px;
	width: 22px;
}
.right_image_header {
	width: 35px;
	float: right;
	margin-right: 5px;
	cursor: pointer;
}
* end of HEADER */

#idcard {
	width: 100%;
}

/* FILTER */
.flex_space_between {
	margin-left:	5px;
	justify-content: center;
	display:		space-evenly;
	text-align: center;
	font-size: 14px;
}
.flex_space_between input {
	font-size: 12px !important;
	border-radius: 4px !important;
}

.border_r4 {
  border-radius: 4px;
  border: 1px solid #cccccc;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.border_r43 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.flex_checkbox input {
	margin-left:	15px;
	margin-right:	0px;
	align-self: flex-start;
	top: 0px;
}
.div_one_checkbox {
	align-items: baseline;
	margin-left:	5px;
}
.margin_buttom_filter {
	margin-top: 	0px;
	margin-bottom: 	0px;
}
#id_set_filter {
	font-size: 	14px !important;
}
// LINK
.datepicker_link {
	display:	flex;
	flex-direction: column;
	font-size: 	14px !important;
}
.link_div_row {
	display:	flex;
	justify-content: center !important;
	align-content: 	center;
	align-items: center;
	padding-top: 0px;
	font-size: 	14px !important;
}
.link_div_row input {
	margin-left: 15px;
}
.ui-datepicker-week-col {
	color: green;
}
.ui-state-active {
	background-image: '#' !important;
	background-color: yellow !important;
}
.div_b_text_grp {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	min-height: 20px;
	left: 0px;
	right: 0px;
	background-color: #ffffff;
	font-size: 16px;
	border-radius: 4px;
	position: relative;
	color: black;
	flex-grow: 2;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
/*	text-transform: uppercase;
	text-shadow: 1px 1px 0px rgba(0, 1, 0, 0.2); */
}
.div_new_action_grp {
	z-index: 10;
	background-color: #FD424B;
	color: white;
	position: absolute;
	width: 16px;
	height: 16px;
	border: 1px solid #FD424B;
	border-radius: 8px;
	text-align: center;
	font-size: 12px;
}
.div_new_action_job {
	z-index: 10;
	background-color: #FD424B;
	color: white;
	position: absolute;
	width: 16px;
	height: 16px;
	border: 1px solid #FD424B;
	border-radius: 8px;
	text-align: center;
	font-size: 10px;
}
.div_members {
	display: none;
	border: 1px solid blue;
	border-radius: 8px;
	background-color: #e9e9e9;
	padding: 5px;
	margin: 5px;
	justify-content: center1;
	flex-direction: column;
	align-items: center1;
}
.div_list_members {
	padding: 5px, 10px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2em;
	flex-grow: 1;
}
.div_list_members span {
	margin-left: 20px;
}
.button_members {
    float: right;
    width: 6em;            /* example */
    height: 2em;
	border-radius: 4px;
	margin-right: 15px;
}
.div_tree_tags, .div_tree_tags_f {
	display: none;
	margin: 10px;
	border: 1px solid;
	font-size: 1.3em;
}
.div_tree_mess, .div_tree_mess_f {
	display: none;
	margin1: 10px;
	border: 1px solid;
	font-size: 1em;
}
.div_tree_std_text {
	display: none;
	margin: 10px;
	border: 1px solid;
	font-size: 1.3em;
}
.div_reminder {
	display: none;
	margin: 10px;
	border: 1px solid;
}
.user_param {
 #width: 300px;
 height:30px;
 font-size: 18px;
 #margin-bottom: 25px;
 #border-radius: 4px;
 #padding-left: 40px;
 color: white;
}
.find_button {
	float: right;
	font-size: 14px !important;
}
.find_input {
	flex: hidden;
}
.form_param_user {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: : center;
}
.form_param_user .a1 label{
	align: center;
}
.form_param_user .a1 input{
	text-align: center;
}

.edit_message {
    bottom: 5px;
    position: fixed !important;
    height: 24px;
    width: 90%;
}
.button_send_message {
    bottom: 5px;
    position: fixed !important;
    height: 24px;
    right: 10px;	
}
.chat_content {
 	position: static;
 	1background-color: yellow;
 	max-height: 500px;
 	padding-left: 5px;
 }
 .chat_full_window {
 	display:none;
 	position:fixed;
 	top:50px;
 	width: 100%;
 }
 .chat_input {
 	display: flex;
 	float: right;
 	padding: 0px 5px 0px 5px;
 }
 .icon_footer :hover1 {
 		background-image1: './img/saveH.png';
 		border: 2px solid white;
 		border-radius: 2px;
 }
 /*
 .list_monitoring {
    border1: 1px solid #dbdbdb;
	border-radius: 5px;
	margin-top: 2px;
	box-shadow: 2px 3px 1px 0 rgba(0,8,0,0.15), 2px 3px 20px 0 rgba(0,0,0,0.12);
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    text-shadow: none !important;
}
*/
.ind-row-tag {
	list-style-type:none;
}
#id-list-tags li:nth-child(2n) {
	background: #dfdfdf; 
}
.card-formula {
 /* background-color: #eef5e3;
  background-image: url('/img/photo.jpg');*/
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  border: 1px solid gray;
  text-align: center;
  max-width: 480px;
  margin: 2px auto;
}
.formula-row {
  display:flex;
  padding:0 5px;
  align-items:center;
}
#dialog-formula .caption {
	font-size: 0.8em;
	color: #a6a6a6;
	margin-left: 1em;
}
#dialog-formula .caption span {
	font-size: 1em;
	color: #6a6a6a;
	margin-left: 5px;
}
.readonly-comment {
	font-size: 0.8em;
	margin: 2px 5px;
}
.readonly-files {
	font-size: 0.8em;
	margin: 2px 5px;
	display: flex;
}
/*
.attach-icon-file {
	height: 32px;
	margin: 1px 5px;
	cursor: pointer;
}
*/