.mailbox p{margin:0;}
/* Start mailbox styles*/
.clearfix														{clear:both}
.mailbox														{width:100%;background-color:#444;}
.mailbox .mail_left_sidebar										{width:14.5%;float:left;background-color:#444}
.mailbox .mail_left_sidebar ul									{list-style:none;padding:0}
.mailbox .mail_left_sidebar ul li								{padding:7px 15px;border-bottom:1px solid #222}
.mailbox .mail_left_sidebar ul li span							{background-color:#C02025;padding:0px 5px;border-radius:3px;float:right;font-size:12px;margin-right:2px;color:#fff}
.mailbox .mail_left_sidebar ul li a								{text-decoration:none;color:#fff;display:block}
.mailbox .mail_left_sidebar ul li:first-child					{border:none}
.mailbox .mail_left_sidebar ul li:first-child:hover				{background-color:transparent}
.mailbox .mail_left_sidebar ul li:hover,
.mailbox .mail_left_sidebar ul li:active,
.mailbox .mail_left_sidebar ul li.active_mail_box				{background-color:#222}
.mailbox .mail_left_sidebar ul li:hover span					{background-color:#901418}
.mailbox .mail_left_sidebar ul li a.active						{color:#fff;font-weight:600}
.mailbox .btncompose											{background-color:#C02025;padding:7px;border:none;border-radius:3px;color:#fff;text-transform:uppercase;margin-top:5px;margin-bottom:5px;cursor:pointer;font-weight:600;font-family:"open Sans";width:100%}

/*.mailbox .mail_list												{margin-left:15%}*/
.mailbox .header												{padding:7px 0;padding-right:7px;background-color:#444;min-height:32px}
.mailbox .header .trash_common									{color:#fff;padding:5px;background: #c02025 url("../images/icons.png") no-repeat scroll 0 -767px;padding-left:20px}
.mailbox .header .delete_common									{color:#fff;padding:5px;background: #e63e3e url("../images/icons.png") no-repeat scroll 0 -767px;padding-left:20px}
.mailbox .header .restore_common								{color:#fff;padding:5px;background: #165e8b url("../images/icons.png") no-repeat scroll 0 -789px;padding-left:20px}
.mailbox .header .back											{color:#fff;padding:5px;background: #c02025 url("../images/icons.png") no-repeat scroll 5px -1019px;height:28px;width:40px;display:inline-block}
/*.mailbox input[type="button"],
.mailbox input[type="button"]:hover								{border:none;opacity:1}*/
.mailbox input[disabled="disabled"],
.mailbox input[disabled="disabled"]:hover						{background-color:transparent;border:none;opacity:0.5}
.mailbox .header h1												{color:#fff;margin:0;border:none;display:inline-block;padding-left:10px !important}
.mailbox .header span,
.mail_detail .header span										{color:#fff;float:right;display:flex;line-height:24px !important}
.mailbox .header a												{color:#fff;font-size:18px;text-decoration:none;display:inline-block;vertical-align:middle}
.mailbox .header .left,
.mailbox .header .right											{text-align:right;float:none;margin-right:3px !important}
.mailbox .title													{padding:0 10px}
.mailbox .title li												{display:inline-block;width:3%}
.mailbox .title li:first-child									{width:89%}
.mailbox .mail_list table										{width:100%;background-color:#f4f4f4;border-spacing: 0;}
.mailbox .mail_list table thead									{background-color:#e5e5e5}
.mailbox .mail_list table thead th								{font-weight:600;padding:7px 20px;border-bottom:1px solid #ddd}


.mailbox .mail_list table tr									{color:#666;cursor:pointer;font-size:14px;border-left:3px solid #f4f4f4;border-right:1px solid rgba(0,0,0,0);}
.mailbox .mail_list table tbody tr:hover						{border-left:3px solid #165e8b}
.mailbox .mail_list table tr td									{white-space: nowrap;padding:7px 20px;border-bottom:1px solid #ddd}
.mailbox .attachment 											{background: url("../images/icons.png") no-repeat scroll 0 -88px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;opacity:0.55;padding:0}
.mailbox .viewed	 											{background: url("../images/icons.png") no-repeat scroll -3px -1041px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;opacity:0.10;position:relative}
.mailbox .viewed.active											{background: url("../images/icons.png") no-repeat scroll -3px -1041px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;opacity:1;position:relative}
.mailbox .viewed-box	 										{background: url("../images/icons.png") no-repeat scroll 3px -1041px #daf1ff;width:30px;height:26px;display:inline-block;opacity:1;border:1px solid #afe1ff}
.mailbox .viewed-box:hover	 									{background: url("../images/icons.png") no-repeat scroll 3px -1041px #afe1ff;width:30px;height:26px;display:inline-block;opacity:1;border:1px solid #398fc3}

.mailbox .viewed.active											{background: url("../images/icons.png") no-repeat scroll -3px -1041px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;opacity:1}
.mailbox .viewed-details										{display:none; position:absolute;background:#fff;border:1px solid #358fc6;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);z-index:1;margin-top:5px;margin-left:-6px}

.mailbox .viewed-details:after 									{bottom: 100%; left:5%; border: solid transparent; content: " ";position: absolute; border-bottom-color: #358fc6; border-width: 7px }
.mailbox .viewed-details table									{background-color:#fff}
.mailbox .viewed-details table td								{padding:5px !important;border:none !important;text-align:justify !important}
/* 	.mailbox .viewed-details table tr:first-child					{background-color:#e8e8e8}*/
.mailbox .viewed-details table tr:last-child					{background-color:#d7e9f4}
.mailbox .viewed-details small b								{display:block }
/*	.mailbox .viewed-details span									{display:block;background-color:#165e8b;color:#fff;border-radius:50%;width:22px;height:20px;padding-top:2px;font-size:11px;margin-top:5px}
        .mailbox .viewed-details label									{text-align:-moz-center;display:block;width:35px}
*/	.mailbox .viewed-details a										{font-size:11px;text-decoration:none;color:#165e8b;margin-top:-7px}

/*	.mailbox .print													{background: url("../images/icons.png") no-repeat scroll -1px -278px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;opacity:0.55}
        .mailbox .newwindow												{background: url("../images/icons.png") no-repeat scroll 0 -351px rgba(0, 0, 0, 0);width:18px;height:18px;display:block;opacity:0.55}
        .mailbox .expand												{background: url("../images/icons.png") no-repeat scroll 0 -397px rgba(0, 0, 0, 0);width:18px;height:18px;display:block;opacity:0.55}
*/	.mailbox .inbox 												{background: url("../images/icons.png") no-repeat scroll 0 -818px rgba(0, 0, 0, 0);width:20px;height:20px;display:inline-block;vertical-align:sub}
.mailbox .draft 												{background: url("../images/icons.png") no-repeat scroll 0 -747px rgba(0, 0, 0, 0);width:20px;height:20px;display:inline-block;vertical-align:sub}
.mailbox .sent 													{background: url("../images/icons.png") no-repeat scroll 0 -846px rgba(0, 0, 0, 0);width:20px;height:20px;display:inline-block;vertical-align:sub}
.mailbox .saved_search											{background: url("../images/icons.png") no-repeat scroll 0 -999px rgba(0, 0, 0, 0);width:20px;height:20px;display:inline-block;vertical-align:sub}
.mailbox .left-trash											{background: url("../images/icons.png") no-repeat scroll 0 -774px rgba(0, 0, 0, 0);width:20px;height:20px;display:inline-block;vertical-align:middle}
/*.mailbox .back 													{background: url("../images/icons.png") no-repeat scroll 0 -1024px rgba(0, 0, 0, 0);width:21px;height:20px;display:inline-block;vertical-align:middle}*/

/*	.mailbox .left 													{background: url("../images/icons.png") no-repeat scroll 0 -937px rgba(0, 0, 0, 0);width:24px;height:24px;display:inline-block;vertical-align:middle}
        .mailbox .right 												{background: url("../images/icons.png") no-repeat scroll 0 -968px rgba(0, 0, 0, 0);width:24px;height:23px;display:inline-block;vertical-align:middle}
        .mailbox .forword 												{background: url("../images/icons.png") no-repeat scroll 0 -727px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;vertical-align:middle;opacity:0.5}

        .mailbox .trash 												{background: url("../images/icons.png") no-repeat scroll 0 -418px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;opacity:0.5}
        .mailbox .reply													{background: url("../images/icons.png") no-repeat scroll 8px -189px rgba(0, 0, 0, 0);width:16px;height:16px;display:inline-block; background-color:#e8e8e8;opacity:0.55;border: 1px solid rgba(0, 0, 0, 0.1);padding:5px 10px}
        .mailbox .replytoall											{background: url("../images/icons.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);width:18px;height:18px;display:inline-block;opacity:0.5}

        .mailbox .reply:hover,
        .mailbox .down:hover,
        .mailbox .print:hover,
        .mailbox .newwindow:hover,
        .mailbox .expand:hover											{opacity:1}
        .mailbox .down													{background: url("../images/icons.png") no-repeat scroll 3px -63px rgba(0, 0, 0, 0);width:16px;height:16px;display:inline-block; background-color:#e8e8e8;opacity:0.55;border: 1px solid rgba(0, 0, 0, 0.1);padding:5px;margin-left:-5px}
        .mailbox .caret													{background: url("../images/icons.png") no-repeat scroll -5px -70px rgba(0, 0, 0, 0);width:12px;height:12px;display:inline-block; background-color:#e8e8e8;opacity:0.55;border: 1px solid rgba(0, 0, 0, 0.1);position:relative}
*/
.mailbox .mail_list .empty_trash_now_msg													{text-align:center;padding:7px 0}
.mailbox .mail_list input[type="checkbox"]													{border:none}
.mailbox .mail_list table tr td																{}
.mailbox .mail_list table tr td:first-child,
.mailbox .mail_list table tr th:first-child													{width:10px;text-align:left;overflow:hidden;padding-right:7px}
.mailbox .mail_list table tr td:first-child + td,
.mailbox .mail_list table tr th:first-child	+ th											{width:10px;text-align:left;overflow:hidden;padding-right:7px;padding-left:5px}
.mailbox .mail_list table tr td:first-child + td + td,
.mailbox .mail_list table tr th:first-child	+ th + th 										{width:10px;text-align:left;overflow:hidden;padding-right:7px;padding-left:5px}
.mailbox .mail_list table tr td:first-child + td + td + td,
.mailbox .mail_list table tr th:first-child + th + th + th									{width:160px;text-align:left;overflow:hidden;padding-left:7px;padding-right:7px}
.mailbox .mail_list table tr td:first-child + td + td + td + td + td,
.mailbox .mail_list table tr th:first-child + th + th + th + th + th						{text-align:left;overflow:hidden}
.mailbox .mail_list table tr td:first-child + td + td + td + td + td + td,
.mailbox .mail_list table tr th:first-child + th + th + th + th	+ th + th 					{width:10px;text-align:right;overflow:hidden}
.mailbox .mail_list table tr td:last-child,
.mailbox .mail_list table tr th:last-child													{width:90px;overflow:hidden;text-align:right}


.mailbox .mail_list table .unread								{background-color:#fff;color:#000 !important}

.mailbox .mail_detail											{margin-left:15%;background-color:#fff}
/*	.mailbox .mail_detail .main										{width:70%;float:left}
        .mailbox .mail_detail .user-info								{margin-left:70%}
        .mailbox .mail_detail h2										{font-weight:normal;padding-top:5px !important;color:#222;margin:15px 0;}
        .mailbox .mail_detail h3										{font-weight:normal;color:#222;font-size:14px}
        .mailbox .mail_detail span										{font-size:12px;line-height:12px;border-radius:0}
        .mailbox .mail_detail hr										{height: 1px;border: 0;color: #ccc;background-color: #ccc;margin:15px 0}
        .mailbox .mail_detail .thread-table								{width:100%, cursor: pointer; }
        .mailbox .mail_detail .thread-table td							{vertical-align:top, cursor: pointer;vertical-align:top}
        .mailbox .mail_detail .thread-table td:first-child + td			{width:70%, cursor: pointer;}
        .mailbox .mail_detail .thread-table td:first-child + td + td	{width:16%;text-align:right;white-space:nowrap}
        .mailbox .mail_detail .thread-table td:last-child				{text-align:right;position:relative;width:14%}
        .mailbox .mail_detail .mail-body								{font-size:12px;line-height:18px;text-align:justify;padding-top:10px}
        .mailbox .mail_detail .mail-body .box							{margin-left:45px;margin-top:15px;border-top:1px solid #ddd}
        .mailbox .mail_detail .mail-body .content						{padding-left:45px}
        .mailbox .mail_detail .collapse_old									{background-color:#f5f5f5;padding:7px!important;border-top:1px solid #ddd}
        .mailbox .mail_detail .more a									{display:block;text-decoration:none;background:url("../images/line.png");padding:10px !important;text-align:center}
        .mailbox .mail_detail .more a span								{background-color:#e5e5e5;color:#333;padding:4px;vertical-align:super}
        .mailbox .mail_detail .main-section								{padding:7px;border-bottom:1px solid #ddd;border-top:1px solid #ddd}

        .mailbox .mail_detail .main-section .sender td:first-child		{width:2% !important}
        .mailbox .mail_detail .main-section .sender figure				{height:32px;width:32px;overflow:hidden;margin-right:7px}
        .mailbox .mail_detail .main-section .user 						{background: url("../images/icons.png") no-repeat scroll 6px -900px rgba(0, 0, 0, 0);width:20px;height:20px;display:inline-block;background-color:#e8e8e8;padding:7px;margin-right:5px}
        .mailbox .mail_detail .main-section .sender						{display:block}
        .mailbox .mail_detail .main-section .sender .holder				{display:inline-block;position:relative}
        .mailbox .mail_detail .main-section .sender .reply-dropdown		{background-color:#fff;border:1px solid #ddd;position:absolute;right:0;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); z-index:99;}
        .mailbox .mail_detail .main-section .sender .reply-dropdown1	{background-color:#fff;border:1px solid #ddd;position:absolute;left:0;padding:10px;width:400px;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);z-index:999}
        .mailbox .mail_detail .main-section .sender .reply-dropdown1 td	{text-align:left !important;vertical-align:top;padding:5px}
        .mailbox .mail_detail .main-section .sender .reply-dropdown1 label			{text-align:right;display:inline-block;width:50px;color:#999}
        .mailbox .mail_detail .main-section .sender .reply-dropdown a				{display:block;text-align:left;white-space:nowrap;padding:5px}
        .mailbox .mail_detail .main-section .sender .reply-dropdown a:hover			{background-color:#eee}
        .mailbox .mail_detail .main-section .sender .reply-dropdown a:hover span	{opacity:1}
        .mailbox .mail_detail .main-section .sender .reply-dropdown a p	{display:inline-block}
        .mailbox .mail_detail .main-section .sender span				{color: #777 !important}
        .mailbox .mail_detail .main-section a							{text-decoration:none}

        .mailbox .mail_detail .main-section .reply-table				{width:100%}
        .mailbox .mail_detail .main-section .reply-table td				{vertical-align:top}
*/
.mailbox .user-info big											{margin-bottom:2px;display:block;color:#1486cc;font-size:14px}
.mailbox .user-info ul											{margin:0 10px}
.mailbox .user-info li span										{display:block;font-weight:normal;color:#999999}
.mailbox .user-info ul li										{padding:5px;font-size:12px;margin-bottom:2px;border-bottom:1px solid #d8d8d8}
.mailbox .user-info ul li ul									{margin:0 !important}
.mailbox .user-info ul li ul li									{display:inline-block;padding:0px 5px 0 0;border:none !important;margin-right:5px}

.mailbox .user-info .box										{margin:10px}
.mailbox .user-info .box h3										{background-color:#1486cc;font-size:14px}
.mailbox .user-info .box table									{padding:5px;width:100%}
.mailbox .user-info .box table td								{text-align:left !important;vertical-align:top;display:block;width:100% !important}
.mailbox .user-info .box table big								{display:block;color:#227bb0;font-size:14px}
.mailbox .user-info .box input[type="text"]						{width:100px}
.mailbox .user-info .box textarea								{width:98%}
.mailbox .user-info .box input[type="radio"]					{}
.mailbox .user-info .box input[type="button"]   				{padding:5px 10px;background-color:#227bb0;border:none;color:#fff; border-radius: 3px;cursor:pointer;margin-top:5px;margin-bottom:5px}

/*	.reply-table td:first-child										{width:5%;vertical-align:top}
        .reply-table .replybox											{border:1px solid #cfcfcf;overflow:hidden; min-height:100px;padding:5px}
        .reply-table .replybox a										{color:#227bb0;text-transform:capitalize}
        .reply-table .replybox em										{font-style:normal !important;display:block;padding-left:10px;font-size:13px;color:#777;text-align:right;margin-right:20px	}
        .reply-table .replybox .send_email								{padding:7px 20px;background-color:#227bb0;border:none;color:#fff; border-radius: 3px;margin-left:7px}
        .reply-table .replybox .send_email:hover						{background-color:#165e8b}
        .reply-table .replybox textarea									{width:100%;height:100px;resize:none;background-color:#fff;margin:-1px}
*/

.tokenfield,
.tbox
{background-color:#fff;width:94%;margin-bottom:5px;min-height:25px; border:none;/*padding:1% !important;*/border:1px solid #ddd;display:block;float:left;overflow-y:overlay;overflow-x: hidden;}
.tokenfield .token-input								{height:auto;margin:4px;max-height:150px;}

.tokenfield .token										{margin:2px}
.tokenfield .token .token-label						{padding:0 3px}
.tokenfield.focus 										{box-shadow:none;}
.toimage                                                                                {float:right;width:0px;margin:10.3px 0 0 0;height:14px;}

/*	.reply-table .replybox input[type="text"]						{background-color:#fff !important}
        .reply-table .replybox .replybox-header,
        .reply-table .replybox .replybox-footer							{background-color:#f5f5f5;padding:7px 5px}
        .reply-table .replybox .replybox-footer .trash					{background: url("../images/icons.png") no-repeat scroll 3px -416px rgba(0, 0, 0, 0);}
        .reply-table .replybox .replybox-footer a						{float:right;margin-top:2px;margin-right:10px;padding:4px;border:1px solid #f5f5f5}
        .reply-table .replybox .replybox-footer a:hover					{opacity:1;border:1px solid #ccc;background-color:#ddd;padding:4px}
        .reply-table .replybox .replybox-header .attachment				{background: url("../images/icons.png") no-repeat scroll 3px -85px rgba(0, 0, 0, 0)}
        .reply-table .replybox .replybox-header .attchment_button		{background-color:#ededed;width:88px;height:28px;border: 1px solid #d9d9d9;padding-left:21px}
        .reply-table .replybox .replybox-header .attchment_button:hover	{background-color:#d9d9d9;color:#000}
*/

/*added by prashant*/
.mail_view_parent .see_loaded_email_content,
.mail_view_parent .load_mail_content 							{cursor:pointer;}

li.autocomplete_li .user {
    background: url("../images/icons.png") no-repeat scroll 6px -900px rgba(0, 0, 0, 0);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #e8e8e8;
    padding: 7px;
    margin-right: 5px;
    float:left;
}
li.autocomplete_li float-left {
    vertical-align:top;
    margin-top:0px;
    padding-top:0px;
    float: left;
    display:inline-block;
}



.ui-autocomplete {
    z-index: 99999;
    cursor: pointer;
    background-color: #FFF !important;
    width: 370px !important;
    border: solid 1px #CCC;
    max-height: 270px;
    overflow: auto;
    overflow-x: hidden;
}

.mailbox .mail_detail .thread-table								{width:100%}

.box > h3														{font-weight:600 !important;margin-top:10px}

/*======Simple Gmail Loader======*/
/*
Prashant  Friday, September 19, 2014
Prashant margin-top:37px added because of proper position
*/
.mailbox_loader{
    background-color: #fefee5;
    border: 1px solid #dedd31;
    padding: 0px 8px;
    font-size: 13px;
    color: #444;
    position: absolute;
    left: 22vw;
}
/*Prashant Monday, September 01, 2014
before .mailbox_loader,  .mailbox_success_msgl exist
.mailbox_success_msg has need explicit style bacsuse left need now 37%
*/
/*
Prashant  Friday, September 19, 2014
Prashant margin-top:37px added because of proper position
*/
.mailbox_success_msg{
    background-color: #fefee5;
    border: 1px solid #dedd31;
    padding: 1px 10px;
    font-size: 13px;
    color: #444;
    position: absolute;
    left: 16vw;
    width: 25vh;
}
.overly 														{position:fixed;top:0px;left:0px;width:100%;min-height:100%;z-index:9999;opcity:0;background:none;border:none;}
/*.overly 														{position:relative;top:0px;left:0px;width:100%;min-height:392px;z-index:9999;opcity:0;background:none;}*/

.mail_detail .mail_view_parent									{min-height:500}
.mail_list_table 												{background-color: #fff;min-height: 392px}
.mail_list_table .h5 											{text-align: center}
.attchment_button 												{display:inline-block}

/*===== Compose Mail =====*/
/*.minimize_action_compose_box {
        background: url("../images/icons.png") no-repeat scroll 0 -305px rgba(0, 0, 0, 0);
        height: 18px;
        width: 24px;
        display:table-cell;
        opacity:0.55;
}
.expand_action_compose_box {
        background: url("../images/icons.png") no-repeat scroll 0 -1064px rgba(0, 0, 0, 0);
        height: 18px;
        width: 24px;
        display:table-cell;
        opacity:0.55;
}
.close_action_compose_box{
        background: url("../images/icons.png") no-repeat scroll 0 -373px rgba(0, 0, 0, 0);
        height: 18px;
        width: 24px;
        display:table-cell;
        opacity:0.55;
}
.compose														{float:left;display:inline-block;width:700px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);}
.compose_div													{background:#404040;display:inline-block}
.compose_div big												{font-size:14px;color:#fff;padding:5px 10px;display:inline-block}
.compose_div small												{float:right}
.compose_div span												{cursor:pointer}
.compose_header_titlebar span:hover								{background-color:#737373}
.compose_div span:hover											{opacity: 1}
.compose_div .composebox										{overflow:hidden; min-height:100px;padding:0 2px 0 0;border:none;width:100%}
.compose_div .composebox a										{color:#227bb0;text-transform:capitalize}
.compose_div .composebox big									{}
.compose_div .composebox em										{font-style:normal !important;display:block;padding-left:10px;font-size:13px;color:#777;text-align:right}
.compose_div .composebox input[type="button"]					{border:none}
.compose_div .composebox .send_email							{padding:7px 20px;background-color:#227bb0;border:none;color:#fff; border-radius: 3px;margin-left:7px}
.compose_div .composebox .attachment {
        background: url("../images/icons.png") no-repeat scroll 0 -86px rgba(0, 0, 0, 0);
        display: inline-block;
        height: 18px;
        opacity: 0.55;
        width: auto;
}

.compose_div .composebox textarea								{width:99%;height:100px;resize:none;background-color:#fff}*/
.autocomplete_li.ui-menu-item									{padding:5px}
.autocomplete_li.ui-menu-item:hover								{background-color:#f1f1f1}
span[role="status"] div 										{display: none;}
.dropzone.composebox_dropzone 									{max-height: 170px;overflow: auto;}

/*=============== Email-log ===============*/

.email-log														{background-color:#f5f5f5;padding:15px;margin-left:45px}
.email-log h3													{font-size:24px !important;text-align:center;color:#999999!important;display:block;padding:0 0 15px 0 !important}

.email-log .view-block											{background-color:#e9573f;margin-bottom:15px;padding-bottom:1px;display: inline-block;width: 100%;}
.email-log .box-left											{color:#fff;width:15%;padding:2%;text-align:center;vertical-align:top;float:left}
.email-log .box-left big										{font-size:36px;font-weight:bolder;display:block;padding-bottom:15px}
.email-log .box-left span										{font-size:16px}
.email-log .box-right											{float:left;width:77%;padding:1.4% 2% 2.3%;background-color:#fff;min-height:56px}

.email-log .click-block											{background-color:#f6bb42;margin-bottom:15px;padding-bottom:1px;display: inline-block;width: 100%;}
.email-log table												{width:100%}
.email-log table thead											{background-color:#f5f5f5;text-align:left}
.email-log table thead th										{padding:5px;white-space:nowrap}
.email-log table tr td:first-child								{word-break:break-all;white-space:normal}
.email-log table tr td											{border-bottom:1px solid #f5f5f5;padding:5px;vertical-align:top;white-space:nowrap}
.mailbox_success_msg											{display:none;}

/* Copied by Prashant from temp.tpl developed by sir*/

/*.micon							{display:inline-block;background: url("../images/icons.png") no-repeat 0 -278px;height:20px;opacity:0.55;width:20px;vertical-align:middle}*/

.micon{cursor: pointer}

.micon:hover					{opacity:1}
.micon.icn-expand				{background-position:0 -398px}
.micon.icn-print				{background-position:0 -279px}
.micon.icn-newwindow			{background-position:0 -351px}
.micon.icn-reply				{background-position:0 -193px}
.micon.icn-delete				{background-position:0 -421px}
.micon.icn-restore				{background-position:0 -1225px}
.micon.icn-replyall				{background-position:0 -23px}
.micon.icn-forward				{background-position:0 -726px}
.micon.icn-email-unseen			{background-position:-2px -1044px;opacity:.1}
.micon.icn-email-seen			{background-position:-2px -1044px;opacity:1}
/*.micon.icn-dropdown				{background-position:-2px -68px;border:1px solid #ccc;width:16px;height:16px;background-color:#eee}*/
.micon.icn-caret				{background-position:0 -67px}
.micon.icn-trash				{background-position:0 -421px}
.micon.icn-minimize				{background-position:-1px -306px}
.micon.icn-maximize				{background-position:0 -1065px}
.micon.icn-close				{background-position:-2px -375px}
.micon.icn-sentmail		 	    {background-position: -2px -1203px;opacity:1}
.micon.icn-rcvmail		 		{background-position: -2px -1180px;opacity:1}


.mailbox .skeleton .cont {margin: 0 0 0 45px;}
.mailbox .skeleton .avt-user			{float:left;width:34px;height:34px;display:inline-block;background-color:#e8e8e8;padding:7px;margin:5px 0 0 5px;text-align:center;}



/*.mailbox .view-holder															{background-color:#FFF}*/
.mailbox .view-holder:before,
.mailbox .view-holder:after				{content: " ";display: table;}
.mailbox .view-holder:after				{clear: both;}

/*.mailbox .view-holder .email-info												{margin-right:350px}*/

.mailbox .view-holder .email-info .subject h2 {
    color: #222222;
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0;
    padding: 0 10px;
}
.subject{ border-bottom: solid 1px #dddddd;margin-bottom:-1px;}
.subject .top-tools							{float:right;width:100px;text-align:right}
.subject .top-tools .micon					{margin:4px}

.threads-holder .thread.collapse_old							{background-color:#f5f5f5}

.threads-holder .thread .top								{cursor:pointer}

.threads-holder .thread .top table.mail-meta							{margin-top:5px}
.threads-holder .thread .top table.mail-meta td						{white-space:nowrap;padding-right:5px}
.threads-holder .thread .top table.mail-meta td:first-child			{width:100%}
.threads-holder .thread .top table.mail-meta td:last-child			{vertical-align:text-top}
.threads-holder .thread .top table.mail-meta h3 span					{color:#666;font-size:14px}
/*.threads-holder .thread .top table.mail-meta .maildate				{vertical-align:top}*/
.threads-holder .thread .top .log-toggle								{border:1px solid #afe1ff;padding:5px 7px;background-color:#daf1ff;display:inline-block}
.threads-holder .thread .top .log-toggle:hover						{border-color:#81cdfc;background-color:#BCE6FF}
.threads-holder .thread .top .email-action							{position:relative;display:inline-block}
.threads-holder .thread .top .email-action .btn						{text-align:right}
/*.threads-holder .thread .top .email-action .btn>span					{background-color:#f5f5f5;border:1px solid #ddd;padding:5px 3px;display:inline-block}*/
.threads-holder .thread .top .email-action .btn>span:hover			{border-color:#ccc;background-color:#eee}
/*.threads-holder .thread .top .email-action .btn>span:first-child		{margin:0 -5px 0 5px;padding:5px 10px}*/
.threads-holder .thread .top .email-action .dropdown					{display:none;border:1px solid #ddd;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);z-index:1;position:absolute;right:0;top:32	px;background-color:#fff}
.threads-holder .thread .top .email-action .dropdown li				{padding:6px 35px 5px 5px;color:#444;cursor:pointer}
.threads-holder .thread .top .email-action .dropdown li span			{vertical-align:middle}
.threads-holder .thread .top .email-action .dropdown li:hover			{color:#000;background-color:#eee}
.threads-holder .thread .top .email-action .dropdown li:hover .micon 	{opacity:1}

.threads-holder .thread .top .sender-info								{display:inline-block;position:relative}
.threads-holder .thread .top .sender-info .dropdown					{display:none;position:absolute;top:15px;left:0;border:1px solid #ddd;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);background-color:#fff;z-index:1;padding:10px;cursor:default}
.threads-holder .thread .top .sender-info .dropdown td				{padding:5px;vertical-align:top}
.threads-holder .thread .top .sender-info .dropdown td:first-child	{text-align:right;color:#777}

.threads-holder>.thread:last-child .top								{cursor:default}
.threads-holder .thread .email-log,

.threads-holder .thread .mail-attachement		{border-top:1px solid #ddd}
.threads-holder .thread .mail-attachement h3	{color:#222}
.threads-holder .thread .me-hide				{display:inline-block}
.threads-holder .thread .me-show				{display:none}
.loader-text		{display:none}

.mailbox .view-holder .email-info .threads-holder .thread {border-top: 1px solid #dddddd;padding-bottom: 7px;}
.mailbox .view-holder .email-info .threads-holder .thread.collapse_old {background-color: #f5f5f5;}
.mailbox .view-holder .email-info .threads-holder .thread.collapse_old {color: #666666;}

.threads-holder .thread.collapse_old .me-show		{display:inline-block;font-size:13px;line-height:12px}
.threads-holder .thread.collapse_old .me-hide,
.threads-holder .thread.collapse_old .email-log,
.threads-holder .thread.collapse_old .mail-content,
.threads-holder .thread.collapse_old .attachement-list,
.threads-holder .thread.collapse_old .reply-box	{display:none !important}

.threads-holder .thread .reply-box				{border-top:1px solid #ddd}
.threads-holder .thread .reply-box .form-holder	{margin-top:10px;border:1px solid #ddd}

/*.reply-box-visual								{border-top:1px solid #ddd;margin-bottom:10px}*/
.mailbox .view-holder .email-info .reply-box-visual {border-top: 1px solid #dddddd;margin-bottom: 10px;}
.reply-box-visual .cont .links				{border:1px solid #ddd;padding:1%;margin-top:10px;min-height:100px;color:#999}
.reply-box-visual .cont .links span			{text-decoration:underline;color:#777;cursor:pointer}
.reply-box-visual .cont .links span:hover		{color:#165e8b}

.thread-combined								{background-color:#eee;position:relative;padding:5px 0;cursor:pointer}
.thread-combined .line						{display:block;border-top:1px solid #ccc;margin:8px 0;}
.thread-combined .loader-text,
.thread-combined .msg-txt						{position:absolute;left:42%;top:14px;background-color:#eee;padding:3px 10px;color:#666}
.thread-combined .loader-text					{color:#222;display:none}

/*.mailbox .view-holder .user-info												{float:right;width:350px}*/

.mailbox-frm-compose {
    border-radius: 0;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.mailbox-frm-compose .ctop > table 												{width:98%;padding:1%}
.mailbox-frm-compose .ctop > table select										{width:100%}
.mailbox-frm-compose .ctop > table td.label										{text-align:right;color:#555;width:100px;vertical-align:top;padding:5px}
.mailbox-frm-compose .ctop > table td:last-child								{width:100%}
.mailbox-frm-compose .ctop > table td .input									{width:97%;padding:7px}
.mailbox-frm-compose .ctop > table .attachement									{background: url("../images/icons.png") no-repeat 4px -86px;border:1px solid #ddd;background-color:#eee;padding: 3px 7px 3px 25px;color:#555;cursor:pointer;margin-top:5px}
.mailbox-frm-compose .ctop > table .attachement:hover							{border:1px solid #ccc;background-color:#e5e5e5}
.mailbox-frm-compose .compose-mail-body											{width:99%;min-height:200px;border:0 none}

/*
        #Prashat Monday, October 13, 2014
        delete to delete_destroy_form
        //because delete conflicts withmail delete

*/
.compose-box .bottom .box-white {padding: 10px;}
.mailbox-frm-compose .bottom .delete_destroy_form											{font-size:20px;padding:0;}

.mailbox-frm-compose .overlay													{display:block;background-color:#000;opacity:.1;position:absolute;z-index:3;height:2000px;width:100%;}
.mailbox-frm-compose .template_info_popup										{display:none;background-color:#fff;border:1px solid #444;box-shadow:0 0 10px rgba(0,0,0, .75);position:absolute;top:50%;left:0;right:0;margin:0 auto;max-width:500px;z-index:3}
.mailbox-frm-compose .template_info_popup h4									{color:#fff;padding:7px}
.mailbox-frm-compose .template_info_popup table									{padding:10px;width:100%}
.mailbox-frm-compose .template_info_popup input[type=text]						{width:100%;padding:7px}
.mailbox-frm-compose .template_info_popup select								{width:100%;padding:7px}
.mailbox-frm-compose .template_info_popup .bottom								{background-color:#fff;padding:10px 0}

.compose-box, .compose-notification-box2												{border:2px solid #3f4454;background-color:#fff;width:100%;max-width:700px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);z-index:1000;position:fixed;bottom:0;right:0;display:none;overflow-y: auto;max-height: 85%}

.compose-box .title, .compose-notification-box2 .title {
    background-color: rgb(221, 221, 221);
    border-color: rgb(233, 237, 242);
    padding: 15px 20px 15px 20px;
    overflow: hidden;
    clear: both
}
.compose-box .title h3, .compose-notification-box2 .title h3														{margin-right:100px;font-weight:100;margin-bottom:5px;margin-top:5px;}

.compose-box .title h3 {
    color: rgb(44, 57, 76);
    font-weight: 700;
}
.compose-box .title .tools, .compose-notification-box2 .title .tools														{float:right}

.compose-box .title .tools .micon, .compose-notification-box2 .title .tools .micon {
    box-shadow: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    /*font-size: 14px;*/
    height: 20px;
    line-height: 26px;
    opacity: 1;
    text-align: center;
    text-shadow: none;
    width: 23px;
}
/*.compose-box .title .tools .micon:hover, .compose-notification-box2 .title .tools .micon:hover											{background-color:#363B4A}*/





/*by Prashant for do not affect to mail content
21-08-2014
*/
.mailbox .view-holder .email-info .threads-holder .thread .mail-content blockquote span,
.mailbox .view-holder .email-info .threads-holder .thread .mail-content blockquote {background:none !important; /*padding:0px 0px 0px 0px !important; display: block;background-image:none !important;*/}

.mailbox .view-holder .threads-holder .thread .email-log,
.mailbox .view-holder .threads-holder .thread .mail-content,
.mailbox .view-holder .threads-holder .thread .mail-attachement {
    display: block;
    margin-left: 55px;
    margin-top: 10px;
}
.mailbox .view-holder .email-info .threads-holder .thread .mail-content blockquote {margin-left: 55px !important; margin-top: 10px !important; }
.mailbox .view-holder .email-info .threads-holder .thread .mail-content >  div.gmail_quote {margin-left: 55px; margin-top: 10px; }


.mailbox .view-holder .email-info .threads-holder .thread .mail-content  div.gmail_quote {margin-left: 8px !important; margin-top: 10px !important; }

.mailbox .view-holder .email-info .threads-holder .thread.loading .loader-text	{display:inline-block !important;}
.mailbox .view-holder .email-info .threads-holder .thread.loading .header-content {display:none !important;}
/*For print button hovet undrlindr disable */
.mailbox .thread .dropdown a:hover {text-decoration: none;}
/*.mailbox .mail_list table tr td:first-child + td:hover .viewed-details					{display:block}*/
.mailbox .mail_list table tr td:hover .viewed-details					{display:block}
.mailbox-frm-compose .dropzone 											{margin-bottom: 5rem}
/* Prashant Friday, August 29, 2014
        For compose box save as template folder
*/




.cc_show																{float:right;cursor:pointer;margin:7px;}
/*.bcc_show																{float:left;cursor:pointer;margin:7px;}*/
/*Prashant Monday, September 01, 2014 because cc need beside float left of select template dropdown in compose or reply*/
.from_area , .mailbox .default_display													{float:left;display:inline;margin-top:5px;}


/* For mailbox within user profile */

.mailbox.usr-profile													{border:1px solid #ddd;/*background:none*/}
/*
.mailbox.usr-profile .mail_list,
.mailbox.usr-profile .mail_detail										{margin-left:0}
*/

/*.mailbox.usr-profile .btncompose										{width:158px}*/
/*Prashant for user contact type beside email view*/
/*.mailbox  .user-info small 											{color: #444;display: block;font-size: 11px;}*?



/*Prashant Wednesday, September 03, 2014
userinfo preview of in user profile*/
/*.mailbox.usr-profile .mail_list_table		{min-height:0;}*/
/*.mailbox.usr-profile .compose-box	{max-height:450px;overflow:auto;}*/
.top_search_area														{margin-bottom:7px;position:relative}
.top_search_area h3														{
    display:inline-block;
    background-position: 5px center;
    color: #222;
    font-size: 24px;
    margin-top:10px }
.top_search_area input													{float:right;width:200px;padding-left:5px}
.top_search_area .search_btn											{height:27px;width:27px;display:inline-block;float:right;margin-top:-29px;background: url("../images/icons.png") no-repeat scroll 0 -1152px;cursor:pointer}
/*
#Prashant  Friday, September 19, 2014
//for empty trash now color blure
*/
.mailbox .empty_trash_now,.mailbox .empty_trash_now:hover													{color:	red;font-weight:bold}
/*
#Prashant Tuesday, October 21, 2014
//For Edit Subject in reply and forword stylesheet
*/
.edit_subject { cursor: pointer;    float: right;}

.processing_loader { color: rgb(22, 94, 139);    font-weight: 600;}

table.mail-meta.cont h3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 3px;
}
h3.truncate {    background: none !important;}
.avt-user .icon-lead {
    font-size: 18px;
    line-height: 18px;
}
.button-group .options.btn.btn-default {
    border-radius: 0 4px 4px 0;
    margin-left: -4px;
}
.button-group .reply.btn.btn-default {
    border-radius: 4px 0 0 4px;
}
.button-group{margin-left:3px;}
.micon.icn-dropdown {
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    color: #7e7e7e;
    cursor: pointer;
    display: block;
    font-size: 8px;
    height: 14px;
    margin-bottom: 0;
    text-align: center;
    width: 14px;
}
.threads-holder .thread.collapse_old .top table.mail-meta{margin-bottom:0px;}
.threads-holder .thread .top table.mail-meta{margin-bottom:20px;}
.dropdown .print{width:auto;}


.mail-body {font-size:12px;}
.mail-body table {border-collapse:separate;
    border-spacing: 2px;
}

.mail_list_individual_line  .icon-eye.active{
    color: red !important;
}
.mail_list_individual_line  .icon-eye{
    color: #666 !important;
}


/*DropZone Css*/
.mailbox-frm-compose .dropzone {
    border: 1px solid #ddd !important;
    padding: 5px !important;
    background-color: #f7f7f7;
}
.mailbox-frm-compose .dropzone:empty{
    border: 0 !important;
    background: transparent;
}

.dropzone .dz-preview {
    border: none !important;
    padding: 2px !important;
}
.mail_send_bottom_btn{
    justify-content: space-between !important;
}
@media (max-width: 567px){
    .dropzone .dz-filename,.dropzone .dz-size{
        font-size: 9px;
    }
    .dropzone .dz-progress{
        width: 20%;
    }
    .dropzone .dz-success-mark, .dropzone .dz-error-mark,.dropzone .dz-remove{
        width: 15px !important;
        height: 15px !important;
    }
    .dropzone .dz-success-mark span, .dropzone .dz-error-mark span{
        font-size: 10px !important;
        vertical-align: super !important;
    }
    .dropzone .dz-remove{
        margin-top: 3px !important;
        line-height: 15px !important;
    }
    .dropzone .dz-details{
        width: 70% !important;
    }
    .dropzone .dz-progress{
        width: 10% !important;
    }
    .mailbox-frm-compose .dropzone{
        margin-bottom: 18rem;
    }
    /* .mail_send_bottom_btn .send-mail-btn.sendComposeMail,.mail_last_btn .btn{
         width: 100%;
         margin-bottom: 5px;
     }*/
    .mail_send_bottom_btn
    {
        text-align: center !important;
    }
    .mail_last_btn .btn{
        border: 0;
        margin-bottom: 1px;
    }
    .mail_last_btn{
        padding: 5px 15px;
    }
}

@media (max-width: 767px){
    .mailbox-frm-compose .dropzone{
        margin-bottom: 15rem;
    }
    .mail_send_bottom_btn{
        flex-direction: column;
    }
}

/*DropZone Css*/
.compose-notification-box2 .input-group-btn.alightbox-medium-model {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0px 6px 6px 0px;
}

.compose-box .title .tools .micon:hover {
    background-color: transparent !important;
}

.popup-minimized .title .truncate {
    color: #fff !important;
}

/*.compose-box .title { background-color: #fff !important; }*/
.compose-style .input-group, .mailbox-frm-compose .ctop .input-group {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.compose-box input.form-control.from, .compose-box .tokenfield.form-control, .compose-box span.select2-selection.select2-selection--single, .compose-box input#sub_sizing-addon5 {
    background: transparent;
    border: 0;
}

.compose-box .cke_bottom {
    background-color: #fff !important;
}

.compose-box iframe.cke_wysiwyg_frame.cke_reset {
    border: 2px solid #ddd !important;
}

.compose-box .cke_top {
    border-bottom: none !important;
    background: #fff !important;
}

.compose-box .cke_chrome {
    border: none !important;
}

.compose-box .mail_to_field {
    width: 89%;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.compose-box .mail_from_field {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.compose-box span#cke_1_path a {
    color: #fff !important;
}

.compose-box div#cke_1_contents {
    height: 280px !important;
}