@media screen and (max-width: 1024px) {
.fichethirdleft {
display: none !important;
}
}

div.mainmenu.chatdo::before {
content: "\f086";
}
div.mainmenu.chatdo {
background-image: none;
}
div.mainmenu.email_inbox:before{
content: "\f01c";
}
div.mainmenu.email_inbox {
background-image: none;
}
.chatdo_box{
background-color: #a3c1ed;
}

.bg_image {
/* The image used */
background-image: url("/custom/chatdo/img/background1.jpg");

.img_follow_profile{
width: 40px;
float:left;
}
/* Add the blur effect */
filter: blur(8px);
-webkit-filter: blur(8px);

/* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.chatdo_fixed_leftside{
background-color:#f3f4f6;
max-height: 70vh;
overflow: hidden;
overflow-y: scroll;
/* Opera doesn't support this in the shorthand */
background-attachment: local, local, scroll, scroll;
padding-right: 15px;
padding-left: 10px;
line-height: initial !important;
}
.chatdo_fixed{
max-height: 50vh;
overflow: hidden;
overflow-y: scroll;
background:
linear-gradient(rgba(163, 193, 237, 1) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(163,
193, 237, 1) 70%)
0 100%,
radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side,
rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
background:
linear-gradient(rgba(163, 193, 237, 1) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(163,
193, 237, 1) 70%)
0 100%,
radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%,
rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
background-repeat: no-repeat;
background-color: #a3c1ed;
background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
/* Opera doesn't support this in the shorthand */
background-attachment: local, local, scroll, scroll;
}
.bottom_chat{
height: 40px;
display:block;
}
.chatdo_bottom_options{
float:left;
width:20%;
height: 10px;
}
.textwrapper
{
float:left;
width: 80%;
position:relative;
}

.textwrapper button{
position:absolute;
background-color:transparent;
border:0px;
top:20px;
right: 5%;
color:#95b9ff;
width:35px;
font-size:15pt;
}

.textwrapper textarea{
position:relative;
}

.hidden{
display:none;
}
.input_text_chatdo{
max-width:90%;
width: 90%;
padding: 15px 25px 15px 25px;
border-radius: 25px;
font-family: 'Montserrat', serif;
font-size: 10pt;
resize: none;
}


.close_follow{
margin: 5px 15px;
right: 20px;
position:absolute;
text-align:right;
}
.current_follows{
display:none;
}
.current_follows:hover{
display:block;
}
.chatdo_filename{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 15vh;
}
.chatdo_filename:hover {
overflow: visible;
}
.project_title{
float:left;
}
.chatdo_title_box{
padding: 5px 20px 8px 20px;
}
.chatdo_title{

max-width:500px;
max-height:100px;
overflow:auto;
}

.chatdo_contacts_infos{
float:right;
}
.chatdo_contacts_link{
font-size:15px;
float:left;
}
.chatdo_infos{
float:right;
}
.chatdo_clear{
clear:both;
}
a.chatdo_title{
font-family: 'Montserrat', serif;
font-size: 2em;
}

a.chatdo_selected_title{
color:#FEFEFE;
}
.chatdo_selected_title a{
color:#FEFEFE;
}
.message_date_day{
font-family: 'Arial', serif;
font-size: 1.5em;
clear:both;
text-align: center;
color:#EEEEEE;
}
.new_unread_messages{
font-family: 'Arial', serif;
font-size: 1.5em;
clear:both;
text-align: center;
color:#EEEEEE;
background-color:#CCCCCC;
}
.message_tms_sent{
font-size: 0.7em;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
color:#EEEEEE;
}

.message_tms_received{
font-size: 0.7em;
margin-left: 5px;
color:#EEEEEE;
}

.box_message_sent{
margin: 1px 10px 6px 100px;
float:right;
clear:both;
}

.box_message_received{
margin: 1px 100px 6px 10px;
display: inline-block;
vertical-align: middle;
float:left;
clear:both;
}

.box_clear{
clear:both;
}

.message{
border-radius: 28px;
font-family: 'Arial', serif;
font-size: 11pt;
padding: 10px 15px 10px 15px;
display: inline-block;
word-wrap:break-word;
clear:both;
}

.message_received {
color:#112233;
background-color: #ffffff;

}
.title_company{
padding: 10px;
background-color: #fdfdfd;
font-size: 1.3em;
display:block;
height: 40px;
}
.societe_display{
float:left;
}
.message_sent {
color:#FFFFFF;
background-color: #95b9ff;
}

.chatdo_follow_box{
padding: 5px;
height: 60px;
margin-bottom: 10px;
}
.chatdo_follow_box:hover{
background-color:#e7e8ea;
border-radius: 10px 0px 0px 10px;
}

.follow_selected{
background-color:#f3f4f6;
border-radius: 10px 0px 0px 10px;
}

.follow_title{
font-family: 'Montserrat', serif;
font-size: 13pt;
color: #000000;
font-weight: bold;
}

.follow_text_preview{
display: block;
font-family: 'Montserrat', serif;
font-size: 0.9em;;
color:#9e9e9e;
}
.follows_company{
color:#9e9e9e;
font-style:italic;
font-size: 0.9em;
}

.badge_total_unread{
position: relative;
background-color:#95b9ff;
color:#FFFFFF;
line-height: 0;
font-size: 0.9em;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 6px;
border-radius: 50%;
float:right;
margin: -15px 15px 15px 5px;
}

.badge_total_unread::after {
content: "";
display: block;
padding-bottom: 100%;
}

.follow_tms{
font-family: 'Arial', serif;
font-size: 0.9em;
color:#bcbcbc;
float:right;
margin: 0px 15px;
}

.message_user_title{
vertical-align: top;
/* display: inline-block; */
float:left;
text-align: center;
margin-right: 5px;
}
.message_user_name{
display: block;
}
.img_userphoto_rounded{
border-radius: 50%;
}

.img_userphoto_rounded_message{
border-radius: 50%;
vertical-align: bottom;
margin: 0px 5px 0px 5px;
}

.task_chatdo{
padding: 0px 0px 8px 5px;
}
.task_link_chatdo_title{
font-size: 1.2em;
}
.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
/* min-width: 160px; */
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 1;
}

.dropdown:hover .dropdown-content {
display: block;
}
.fichethirdleft a:hover{
text-decoration:none;
}

.collapsible {
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}

.active, .collapsible:hover {
background-color: #555;
}

.collapsible:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}

.active:after {
content: "\2212";
}

.content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}
.noTabBorder{
border-bottom:initial !important;
}

/****** MODAL */
/* The Modal (background) */
.modal-issue {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 999; /* Sit on top */
left: 0;
top: 50px;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* The Close Button */
.close {
color: #c1ddad;
float: right;
font-size: 50px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #a8818b;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}

/* Modal Header */
.modal-header {
padding: 2px 16px;
/*background-color: #5cb85c;*/
color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}*/

/* Modal Content */
.modal-content {
position: relative;
background-color: transparent;
margin: auto;
padding: 0;
width: 100%;
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
@media (min-width: 800px) {
.modal-content {
width: 60%;
}
}

/* Add Animation */
@-webkit-keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}

@keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}

.emailmessage_box{
width:1000px;
}

.emailmessage_infos{
float:left;
width:25%;
}
.emailmessage_iframe{
width:100%;
height: 65vh;
overflow: hidden; /* if you don't want #second to wrap below #first */
border: 0px;
}

.chatdo_email_box_display{
padding: 0 20px 0 20px;
}
.emailbox_infos{
display:flex;
width:100%;
background-color:#efefef;
padding: 5px 15px 10px 15px;
font-size: 1.1em;
}
.emailbox_left{

}
.emailbox_right{
float:right;
// width:50%;
}

.chatdo_emailmessage_options{
margin: 10px 15px 10px;
border-radius:5px;
padding:5px 15px 5px 15px;
color:#777777;
width:100%;
background-color:#FFFFFF;
}

.email_box{
position:relative;
margin:0px 0px 15px 0px;
width:100%;
padding:8px 0px 8px;
display:flex;
}
.email_box:hover{
background-color:#eeeeee;
}
.email_part1{
float:left;
}

.email_part2{

}
.email_sender{
font-size:0.9em;
font-style: italic;
color:#a2a2a2;
}
.email_subject{

}
.email_text_preview{

color:#ababab;
}

.email_part3{
position:absolute;
top:5px;
right:5px;
}
.email_date_received{

}

.email_attachment{
font: initial !important;
font-style:initial !important;
color: initial !important;
padding:5px;
}
.pen_edit_task i{
color:#dddddd;
}
.pen_edit_task i:hover{
color:#808080;
}
.follow_status{
float:left;
display:none;
}
.chatdo_follow_box:hover .follow_status{
display:block;
}
input[type=checkbox].email_message
{
/* Double-sized Checkboxes */
-ms-transform: scale(1.5); /* IE */
-moz-transform: scale(1.5); /* FF */
-webkit-transform: scale(1.5); /* Safari and Chrome */
-o-transform: scale(1.5); /* Opera */
transform: scale(1.5);
padding: 10px;
margin: 10px;
}
.email_inbox_unread{
font-weight: bold;
}
.email_ref{
background-color:#c0ffc8;
padding: 3px 4px 3px 4px;
}
.butAction.chatdoActionSelected{
background-color:#a3c1ed;
color:#FAFAFA;
}
.butAction.no-margin{
margin:0;
}
.current_email_view{
background-color:#c5e1a5;
}
.email_attachment_name{
font-size:1.1em;
margin:3px 0px 5px 2px;
}
.dataTables_filter {
float: left !important;
}