.conversation-wrap
    {
        padding:0;
       height: 100%;
        overflow: auto;
    }
    .conversation
    {
        padding:5px;
        border-bottom:1px solid #ddd;
        margin:0;

    }

    .message-wrap
    {
        padding:0;

    }
    .msg
    {
        padding:5px;
        /*border-bottom:1px solid #ddd;*/
        margin:0;
    }
    .msg-wrap
    {
        height: 100%;
        overflow: auto;

    }

    .time
    {
        color:#bfbfbf;
    }

    .send-wrap
    {
        padding:5px;
        /*background: #f8f8f8;*/
    }

    .send-message
    {
        resize: none;
    }

    .highlight
    {
        background-color: #f7f7f9;
        border: 1px solid #e1e1e8;
    }

    .send-message-btn
    {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;

        border-bottom-right-radius: 0;
    }
    .btn-panel
    {
        background: #f7f7f9;
    }

    .btn-panel .btn
    {
        color:#b8b8b8;

        transition: 0.2s all ease-in-out;
    }

    .btn-panel .btn:hover
    {
        color:#666;
        background: #f8f8f8;
    }
    .btn-panel .btn:active
    {
        background: #f8f8f8;
    }

    .btn-panel-conversation .btn,.btn-panel-msg .btn
    {

        background: #f8f8f8;
    }
    .btn-panel-conversation .btn:first-child
    {
        border-right: 1px solid #ddd;
    }

    .msg-wrap .comment_from_name
    {
        font-weight: 700;
    }


    .msg-date
    {
        background: none;
        text-align: center;
        color:#aaa;
        border:none;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
    }
.comment-body{margin-left:50px;}

.dayly_states{margin: 0!important;}
.dayly_states{}
.dayboard_list .col-xs-4,.dayboard_list .col-xs-4,.dayboard_list .col-xs-1,.dayboard_list_members .col-xs-10,.dayboard_list_members .col-xs-2{padding: 0;}
.dayly_states span{}
.col-xs-4 .states_img{
	width: 22%;
	margin: 0 auto;
	margin-top: 9px;
	text-align: center;
	display:block;
	color: #B2B8C7 !important;
	font-size: 28px
}
.col-xs-4 .states_img:hover{color: #666!important;}
.col-xs-4 .states_img.done{color: #416D7B!important;}
.col-xs-3:first-child .states_img{fill: #00759a;}
.col-xs-3:nth-child(2) .states_img{fill:#674172;}
.col-xs-3:nth-child(3) .states_img{fill:#D2527F;}
.col-xs-3:nth-child(4) .states_img{fill:#6C7A89;}
.col-xs-3:nth-child(5) .states_img{fill:#2574A9;}
.col-xs-3:nth-child(6) .states_img{fill:#4B77BE;}
.states_text{
	width: 100%;
	font-size: 10px;
	line-height: 110%;
	margin: 5px auto;
	height: 8px;
	text-align: center;
	display: block;
	color: #333;
	}
	
.contact_member_name{
	font-size: 130%;
	color: #666;
	padding-right: 0!important;
}

.contact_midashi div{text-align: center;}

.allergens{    position: absolute;
    bottom: -15px;
    left: 40px;
    display: block;
    z-index: 10;}

.fa-birthday-cake{
	color: #0085B2;
}

.contact_member_name{width: 150px;
display: inline-block;
float: left;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;

}
@media screen and (max-width: 1200px) {

.contact_member_name{width: 120px;

}.contact_member_name{
	font-size: 100%;
}}
@media screen and (max-width: 1000px) {

.contact_member_name{width: 100px;

}.contact_member_name{
	font-size: 90%;
}}

@media screen and (max-width: 600px) {

.contact_member_name{width: 150px;

}.contact_member_name{
	font-size: 130%;
}}


.comment_print{
	display: none;
	font-size: 20px;
	color: #DDDDDD;
	width: 25px;
	margin-right: -25px;
}
.comment_list1:hover .comment_print{display: inline-block;}

.dayboard_list_members .permission{display: inline-block;float: right;}


.dayboard_list .label,.personal_list .label{
	background-color: #E1E8EA;
	color: #9D9D9D;
}
.label.permission1{    background-color: #1ab394;
    color: #FFFFFF;}

.label.permission4{background-color: #23c6c8; color: #FFFFFF;}

.label.permission2{background-color:#f8ac59; color: #FFFFFF;}
#comment_date_wrap_wrap .fa{
	color:#CCC;
	font-size:20px;margin-top: -10px;}
#comment_date_wrap{}
#comment_date{width: 250px;background-color: inherit; border:none; font-size:28px; text-align: center;font-weight: normal;}
#comment_date:focus{ outline: none;
}
.personal_list h4{display: block;
font-size:20px;
margin-top: 10px;}


#personal_name{
	font-size:32px;
	font-weight: normal;
	margin-top: -15px;
	margin-bottom: 40px;}

.personal_list h4 .fa{
	font-size:14px;
	color:#ddd;
	cursor: pointer;
	padding: 0px 10px;}

.personal_list li{
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	list-style-type: none;
	cursor: pointer;
}

.personal_list .date{display: inline-block;width: 64px;}

.personal_list li:hover,.personal_list li.current{
	background-color: #E6F5F7;
}

.personal_list li.active{
font-weight: bold;}
.contact_date{
	font-size:20px;}
.personal_list{
	display: block;
	
}

.comment-open-options-head a {
	color: #01a2c1;
	text-decoration: underline;
}

.comment-open-options-head .comment-buttons {
	position: absolute;
	right: 0px;
	top: 0px;
	display: flex
}

.comment-open-options {
	position: relative;
	margin-bottom: 30px;
}

.comment-open-options .inline-item {
	height: 30px;
    display: flex;
    align-items: center;
}

.comment-open-options .command {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.comment-open-options ul {
	display: inline-flex;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.comment-open-options a {
	text-decoration: underline;
	color: #01a2c1;
}
.comment-open-options tr.text-center {
	display: none;
}

.comment-widget-area {
	border-width: 1px;
	border-style: dotted;
	border-color: #D9D9D9;
	padding: 10px;
}

.from_parents.comment-widget-area .row {
	margin-right: -8px;
	margin-left: -8px;
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
}

		@font-face {
			font-family: 'icomoon';
			src:    url('fonts/icomoon.eot?zehwf5');
			src:    url('fonts/icomoon.eot?zehwf5#iefix') format('embedded-opentype'),
			url('fonts/icomoon.ttf') format('truetype'),
			url('fonts/icomoon.woff') format('woff'),
			url('fonts/icomoon.svg') format('svg');
			font-weight: normal;
			font-style: normal;
		}

		.states_img{
			font-family: 'icomoon' !important;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;

			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		.chatWrap{
			max-width:800px;
			margin-left:auto;
			margin-right:auto;
		}
			
		.chatlist{margin-top:40px;}
		.chatbox{
			
			padding-top:15px;
			margin-bottom:20px;
			border-top:1px solid #eee;
			}
			
		.chat_content{
			font-size:12px;
			margin-top:7px;}
			
			
			 .unread .chat_content{
				font-weight:bold}
			.chat_name{
				font-weight:bold;
				}
			.chat_writedate{font-size:12px;
				color:#999;
				float:right;
				display:inline-block;
				margin-left:10px;}
			.chat_read{
				overflow:hidden;
				margin-top:10px;
				height:25px;}
			.chat_button{float:right;
			clear:right}
			
			.chat_read_name{
				float:left;
				font-size:11px;
				margin-right:10px;
				border-radius:3px;
				padding:3px;
				margin-right:5px;
				border:solid 1px #ccc}