/* ==========================================================================
 Panels
========================================================================== */

.message-panel-view {
	max-height: 470px;
	overflow: auto;
}
.message-panel-view table,
.message-panel-view caption,
.message-panel-view tbody,
.message-panel-view tfoot,
.message-panel-view thead,
.message-panel-view tr,
.message-panel-view th,
.message-panel-view td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.message-panel-view table:hover {
	box-shadow: none;
}

.n-area .message-panel-view {
	max-height: none;
	/*overflow: hidden;*/
}

.attachments-panel {
	width: 300px;
	min-height: 200px;
	margin-left: 10px;
	background-color: #eee;
	border-radius: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ==========================================================================
 Message Icons & Baloons
========================================================================== */

.btn-sort {
	position: absolute !important;
	right: 30px !important;
}
.cbp-tm-menu,
.cbp-tm-menu ul {
	margin: 0;
}
.cbp-tm-menu > li {
	margin: 0 1em 0 0 !important;
}
.cbp-tm-submenu ul {
	max-height: 400px;
	overflow-y: auto;
}
.cbp-tm-submenu ul::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 6px #fff;
}
.cbp-tm-submenu > li a {
	padding: 5px 0.6em 5px 0.6em !important;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#add_menu.cbp-tm-menu {
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
	list-style: none !important;
	position: relative !important;
}
#add_menu.cbp-tm-menu > li {
	display: list-item !important;
	margin: 0 !important;
	padding: 0 !important;
}
#add_menu.cbp-tm-menu > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #46a4da;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #afdcf8;
	text-align: center;
	left: 50%;
	margin: 0 0 0 -20px;
}
#add_menu.cbp-tm-menu .cbp_tmicon-plus:before {
	content: "\e080";
}
#add_menu.cbp-tm-menu .cbp_tmicon-plus {
	font-family: 'entypo' !important;
	font-weight: normal !important;
	color: #476380 !important;
	background: #afdcf8 !important;
	box-shadow: 0 0 0 8px #46a4da !important;
}
#add_menu .cbp-tm-submenu {
	width: 18em;
	font-size: 14px;
	white-space: nowrap;
}
#add_menu .cbp-tm-show-below .cbp-tm-submenu {
	margin: 36px 0 0 -9em !important;
}
#add_menu .cbp-tm-show-above .cbp-tm-submenu {
	margin: 0 0 -24px -9em !important;
}
#status_menu.cbp-tm-menu {
	margin: 0 0 50px 0 !important;
	padding: 0 0 20px 0 !important;
	list-style: none !important;
	position: relative !important;
}
#status_menu.cbp-tm-menu > li {
	display: list-item !important;
	margin: 0 !important;
	padding: 0 !important;
}
#status_menu.cbp-tm-menu > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #46a4da;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #afdcf8;
	text-align: center;
	left: 50%;
	margin: 0 0 0 -20px;
}
#status_menu.cbp-tm-menu .cbp_tmicon-plus:before {
	content: "\e006";
}
#status_menu.cbp-tm-menu .cbp_tmicon-plus {
	font-family: 'entypo' !important;
	font-weight: normal !important;
	color: #476380 !important;
	background: #afdcf8 !important;
	box-shadow: 0 0 0 8px #46a4da !important;
}
#status_menu .cbp-tm-submenu {
	width: 18em;
	font-size: 14px;
	white-space: nowrap;
}
#status_menu .cbp-tm-show-below .cbp-tm-submenu {
	margin: 36px 0 0 -9em !important;
}
#status_menu .cbp-tm-show-above .cbp-tm-submenu {
	margin: 0 0 -2px -9em !important;
}
#status_menu > li .cbp_tmtime {
	display: block;
	width: 50%;
	padding: 0 40px 0 0;
	position: absolute;
}
#status_menu > li.m_in .cbp_tmtime {
	left: 50%;
	padding: 0 0 0 40px;
	position: absolute;
}
#status_menu > li .cbp_tmtime span {
	display: block;
	text-align: right;
}
#status_menu > li.m_in .cbp_tmtime span {
	text-align: left;
}
#status_menu > li .cbp_tmtime span:first-child {
	font-size: 0.8em;
	color: #444;
	line-height: 0.8em;
}
#status_menu > li .cbp_tmtime span:last-child {
	font-size: 2em;
	line-height: 40px;
	color: #3594cb;
}

.cbp-tm-submenu > li > .cbp-tm-icon-note:before {
	font-family: 'entypo' !important;
	content: "\e097" !important;
}
.cbp_tmtimeline {
	padding: 0 0 10px 0 !important;
}
.cbp_tmtimeline .message {
	overflow: hidden;
}
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	color: #444 !important;
}
.cbp_tmtimeline .cbp_tmicon-e-mail:before {
	content: "\e002";
}
.cbp_tmtimeline > li.m_out .cbp_tmicon-note:before {
	content: "\e097" !important;
}
.cbp_tmtimeline > li.m_out .cbp_tmicon-note {
	font-family: 'entypo' !important;
	font-weight: normal;
	background: #FFDD55;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #FF9933;
	color: #444;
}
.cbp_tmtimeline > li.m_out .cbp_tmicon-note:before {
	content: "\e097" !important;
}
.cbp_tmtimeline > li.m_out.m-note .cbp_tmlabel {
	background: #FFDD55;
	color: #444;
}
.cbp_tmtimeline > li.m_out.m-note .cbp_tmlabel:after {
	border-right-color: #FFDD55 !important;
}
.cbp_tmtimeline > li.m_out.m-note .cbp_tmtime span:last-child {
	color: #FF9933;
}
.cbp_tmtimeline > li .cbp_tmlabel .m_icons_tr {
	position: absolute;
	right: 6px;
	top: 6px;
	font-size: 20px;
	color: #DADADA;
}
.cbp_tmtimeline > li.m_out.m-note .cbp_tmlabel .m_icons_tr {
	color: #444;
}
.cbp_tmtimeline > li .cbp_tmlabel .m_icons_tr .icon.active {
	color: #FFDD55;
}
.cbp_tmtimeline > li.m_out.m-note .cbp_tmlabel .m_icons_tr .icon.active {
	color: #FF9900;
}
.cbp_tmtimeline > li .cbp_tmlabel .m_icons_tr .icon:hover {
	color: #FFF;
}
.cbp_tmtimeline > li.m_out.m-note .cbp_tmlabel .m_icons_tr .icon:hover {
	color: #FFF;
}
.cbp_tmtimeline > li .cbp_tmlabel .m_icons_br {
	position: absolute;
	right: 6px;
	bottom: 6px;
	font-size: 20px;
	color: #FFF;
}
.cbp_tmtimeline > li.m_out.m-note .cbp_tmlabel .m_icons_br {
	color: #444;
}
.cbp_tmtimeline > li .cbp_tmlabel:hover {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

/* MODIFICA SU RICHIESTA DEL 2014-01-07 */
.cbp_tmtimeline > li.m_out.m-note h3 {
	display: none;
}
.cbp_tmtimeline > li.m_out.m-note .message {
	padding-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* ==========================================================================
 Message boxes (OLD)
========================================================================== */

div.m_in {
	width: 80%;
	margin: 0 0 10px 0;
	padding: 10px;
	position: relative;
	float: left;
	border-radius: 4px;
	border: #00CCFF 1px solid;
	background-color: #BBDDFF;
}

div.m_in .sent {
	text-align: left;
	color: #476380;
	font-size: -1;
}

div.m_in .subject {
	text-align: left;
	color: #476380;
	font-weight: bold;
}

div.m_out {
	width: 80%;
	margin: 0 0 10px 0;
	padding: 10px;
	position: relative;
	float: right;
	border-radius: 4px;
	border: #00FFCC 1px solid;
	background-color: #BBFFDD;
}

div.m_out .sent {
	text-align: right;
	color: #476380;
	font-size: -1;
}

div.m_out .subject {
	text-align: right;
	color: #476380;
	font-weight: bold;
}

div.m_in .message,
div.m_out .message {
	margin: 0;
	padding: 5px;
	max-height: 130px;
	overflow: auto;
	background-color: #EEEEEE;
	border: #476380 1px solid;
}