/* @charset "utf-8";
 CSS Document

 */

 .icon-email-opened:before {
	content: '\E888';
}
.icon-email-new:before {
	content: '\E887';
}
.ico-warning-info {
	color: #a94442;
}
.mail-unread {
	color: #609fc4;
	font-weight: bold;
}
.article-item .text {
	cursor: pointer;
}
.col-width-10 {
	width: 10px !important;
}
.text-align-center {
	text-align: center !important;
}
.col-float-left {
	float: left !important;
}
.row-head {
	/* background: #EBEBEB !important; */
	line-height: 24px;
	padding: 10px 12px;
	border: 1px solid #D6E1EA;
	border-color: #D6E1EA transparent;
	background-color: #F1F5FA;
	position: relative;
}
.row-head .text {
	color: #777;
	font-size: 1.2em;
}
.widget-body .setting-admin-tb.border-top-tb .table {
	border-top: 1px solid #d6e1ea;
}
.mail-secure-approval {
	margin-bottom: 20px;
}

@media print {
	.pull-right, #wrapper.mail-print {
		display: none;
	}
	#wrapper.mail-print #print-mail-detail{
		display: block !important;
	}
}
.nav-list li.remove-open > a:after {
	display: block !important;
	content: "";
	position: absolute !important;
	right: 0;
	top: 4px;
	border: 8px solid transparent;
	border-width: 14px 10px;
	border-right-color: #2b7dbc;
}
.tickets .no-border {
	border: 0px !important;
}
.col-height-600 {
	height: 600px !important;
}
.col-height-530 {
	height: 530px !important;
}
.col-height-120 {
	height: 120px !important;
}
.col-height-164 {
	height: 164px !important;
}

.popup-mail-height {
	text-align: center;
	margin-top: 250px;
}
/* .form-control {
 border: 1px solid #E7E7E7 !important;
 width: auto !important;
 display: inline-block !important;
 margin:5px -19px 5px 10px !important;
 } */
.moveto i {
	color: #abbac3;
}

.btn-hanbiro > :first-child > li > a.write-secret {
	border: none;
	line-height: 1.2em;
}
#mail-tab-content .message-list-container{
	transition: all 0.2s;
}
.message-list-header {
	border: 1px solid #D6E1EA;
	border-top-width: 0;
	padding: 12px;
	line-height: 18px;
	position: relative;
	background-color: #F1F5FA;
	color: #666;
	font-weight: bold;
}
.message-list-header span {
	font-size: 13px;
}
.message-list-header .sender {
	margin: 0 6px 0 25px;
	vertical-align: middle;
	display: inline-block;
	width: 110px;
	height: 18px;
}
.message-list-header .summary {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	width: calc(100% - 310px);
	margin-left: 30px;
}
.message-list-header .date {
	float: right;
	width: 90px;
	height: 18px;
}
.message-list-header .attachment {
	font-size: 18px;
	vertical-align: middle;
	float: right;
	margin: 0 12px;
	position: relative;
}
#mail-tab-content .message-header .mail-head-to {
	color: #888;
}
.message-header .dropdown-menu {
	padding: 10px;
}
#mail-tab-content .message-header .dropdown.s .dropdown-menu{
    padding: 5px 0!important;
}
.message-header .dropdown-header {
	padding: 0;
}
#mail-tab-content .message-item .time {
	width: 130px;
}
#mail-tab-content .message-item .summary {
	max-width: 100%;
	min-width: 0;
	/* Please dont remove this property <hung.tv@hanbiro.com> */
    position: absolute;
    max-width: calc(100% - 510px);
    width: calc(100% - 480px);
    margin-left: 45px;
}
#mail-tab-content .message-flags > i + i{
	padding-left: 2px;
}

#mail-tab-content .message-item .htime {
	float: right;
	vertical-align: middle;
  display: inline-block;
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
	#mail-tab-content .message-item .htime {
		width: 140px;
    color: #666;
    font-size: 11px;
	}
	#mail-tab-content .message-item .receive-sender {
		max-width: calc(100% - 260px);
	}
}

.receive-sender{
	display: inline-block;
}

[id="ngw.mail.list.mail_Receive"] .message-item .summary {
	overflow: hidden;
    text-overflow: ellipsis;
}

/* setting */
.mail-set input[type=checkbox].ace + .lbl::before {
	margin-right: 5px;
}
.mail-set .profile-info-name {
	width: 20%;
}
.mail-set .auto-reply-btn {
	margin: 5px 0;
}
.mail-set .add-block {
	margin-bottom: 10px;
}
.mail-set .message-navbar .messagebar-item-left~
.nav-search {
	left: 35px;
}
.mail-set .profile-user-info {
	width: 100%;
}
.add-new-sort {
	display: inline-block;
	margin: 10px 0;
}
.sort-list thead th, .sort-list .sort-action {
	text-align: center;
}
.sort-list-btn a {
	display: inline-block;
	margin: 0 5px;
}
.sort-list .table th:nth-child(3) {
	width: 110px;
}
.set-spam h2 {
	padding: 0 8px;
	font-size: 1.285714285714286em;
}
.mail-set .input-group-btn {
	display: table-cell;
}
.spam-set-tit {
	margin: 16px 0 18px;
	padding: 0 5px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	line-height: 28px;
}
.spam-current {
	padding: 0 7px;
}
.mail-set .help-inline, .mail-set .help-block {
	color: #aaa;
}
/* .mail-set .form-actions, #report-recipient .form-actions */
.form-actions {
	background-color: #fff;
}
.form-collapse {
	margin-bottom: 10px;
	/* padding: 12px 5px 0; */
	padding: 12px 10px 0;
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
	box-shadow: 0 0 3px rgba(0,0,0,.15);
}
.mail-set .spam-current .editable-click {
  border-bottom: 1px dashed #bbb !important;
}
.mail-set .spam-setstat .alert {
	margin: 0 10px;
}
.mail-set .spam-setstat .alert > ul > li {
	padding: 5px 0;
}
.mail-set .spam-setstat .alert > ul > li + li {
	border-top: 1px dotted #acd0ad;
}
#spam-set-t4 {
	padding-top: 10px;
	padding-bottom: 10px;
}
#spam-change .help-block {
	padding: 10px;
	border-top: 1px dotted #ccc;
}
#set-forwarding .message-navbar, #report-autosort .message-navbar {
	height: 42px;
}
#set-forwarding .message-item:last-child, #report-autosort .message-item:last-child {
	margin-bottom: 20px;
	border-bottom-width: 1px;
}
#mailSignature .signature-img {
	position: relative;
}
#mailSignature .signature-img button {
	position: absolute;
	top: 0;
	right: 0;
}
/* write */
.field-options {
	position: absolute;
	right: 15px;
	top: 4px;
}
.with-options .select2-choices {
	padding-right: 130px;
}
.select2-container-multi .select2-choices {
	border-color: #d5d5d5;
}

/* view */
/* MS new view page */
.mail-simple-nav {
	margin: 30px -20px -26px;
}
.mail-simple-nav > li {
	padding: 6px;
	border-top: 1px solid #eee;
	color: #999;
}
.mail-simple-nav > li > span {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
}
.mail-simple-nav > li > span > a {
	color: #999;
}
.mail-simple-nav > li > .mail-sender {
	width: 150px;
}
.mail-simple-nav > li > .mail-subject {
	max-width: calc(100% - 345px);
}
.mail-simple-nav > li > .mail-date {
	float: right;
	display: inline-block;
	margin-top: 2px;
}
.mail-simple-nav > li i {
	margin-right: 5px;
}
.mail-simple-nav > li > i[class*='fa-chevron-'] {
	padding: 5px 10px 5px 5px;
	border-right: 1px solid #ddd;
}
.list-unstyled.mail-simple-nav > li > .ace-icon:first-child {
	width: auto;
}
.mail-head-to > div:not(.mail-section-addr) {
	overflow-y: auto;
	max-height: 150px;
	margin-bottom: 15px;
}
.sender > span.ip > .badge > span[class^='flag-icon'] {
	display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-size: cover;
  vertical-align: text-bottom;
}
.flag-icon-vn {
	background-image:url(../flags/1x1/vn.svg) !important
}
.flag-icon-us {
	background-image:url(../flags/1x1/us.svg) !important
}
.flag-icon-kr {
	background-image:url(../flags/1x1/kr.svg) !important
}
.flag-icon-cn {
	background-image:url(../flags/1x1/cn.svg) !important
}
.flag-icon-jp {
	background-image:url(../flags/1x1/jp.svg) !important
}
.table.cloud-attachment-list {
	border: 1px solid #eee;
}
.table.cloud-attachment-list caption {
	padding-bottom: 1px;
	color: #333;
	font-weight: bold;
}
.table.cloud-attachment-list > tbody > tr > td {
	padding: 3px 7px;
	border-top-color: #eee;
}
.table.cloud-attachment-list > tbody > tr > td > small {
	color: #999;
}

/* New MS list - important mail, preview layer */
label.important-mail {
	margin-bottom: 0;
}
label.important-mail input[type=checkbox] {
  z-index: -100!important;
  width: 0!important;
  height: 0!important;
  position: fixed;
    opacity: 0;
}
label.important-mail input[type=checkbox] + .lbl {
	position: relative;
	display: inline-block;
	margin: 0;
	line-height: 20px;
	min-height: 18px;
	min-width: 18px;
	font-weight: 400;
	cursor: pointer;
}
label.important-mail input[type=checkbox] + .lbl::before {
  cursor: pointer;
  font-family: fontAwesome;
  font-weight: 400;
  font-size: 18px;
  color: #ddd;
  content: "\f005";
  display: inline-block;
  text-align: center;
  height: 18px;
  line-height: 18px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
}
label.important-mail input[type=checkbox]:checked + .lbl::before {
	color: #feb902;
	content: "\f005";
}
.preview-layer {
	z-index: 1;
	width: 410px;
	max-width: 100%;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
  	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	color: #2f2f2f;
	font-weight: normal;
}
.preview-layer.min-height-400 {
	min-height: 400px;
}
.popover.mail-preview-big{
	width: 410px;
	max-width: 410px;
    z-index: 999;
}
.preview-layer .pv-layer-btns {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted #ddd;
	text-align: center;
}
.preview-layer .pv-layer-btns .btn {
	margin-right: 5px;
}
react-mail-list .message-item .summary > a.text {
	height: 20px;
}
react-mail-list .message-item .summary > a.text > span.badge {
  padding: 3px 7px 4px;
  border-radius: 10px;
  vertical-align: baseline;
	font-size: inherit;	
}
@media only screen and (min-width: 768px) {
	.preview-layer {
		left: 204px;
	}
}

.nav-list > li[data-section="private"] .submenu > li > a > .menu-icon {
  display: inline-block;
}

/* side bar compose mail button */
.sidebar .compose-mail-btn-sm {
	display: none;
}
.sidebar.menu-min .compose-mail-btn {
	padding: 3px;
}
.sidebar.menu-min .compose-mail-btn-sm {
	display: block;
}
.sidebar.menu-min .compose-mail-btn-lg {
    display: none;
    position: absolute;
    top: 36px;
    left: 42px;
    width: 182px;
    padding: 0 2px 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .1);
}
/*.sidebar.menu-min .compose-mail-btn:hover .compose-mail-btn-lg {
	display: block;
}*/
.sidebar.menu-min .compose-mail-btn .compose-mail-btn-sm .dropdown-toggle .menu-text {
    background-color: #f5f5f5;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #ccc!important;
    display: none;
    text-align: left;
    position: absolute;
    top: 40px;
    left: 42px;
    z-index: 1025;
    width: 176px;
    height: 37px;
    line-height: 33px;
    padding-left: 12px;
    border: 1px solid;
}
.sidebar.menu-min .compose-mail-btn:hover .compose-mail-btn-sm .dropdown-toggle .menu-text {
	display: block;
}
.sidebar .btn-compose {
	margin-top: 5px;
}
.sidebar .btn-compose .compose-mail-icon {
	display: none;
}
.sidebar.menu-min .btn-compose .compose-mail-icon {
	display: block;
}
.sidebar.menu-min .btn-compose .compose-mail-text {
	display: none;
}

.message-content .sender, .message-content .user {
	color: #888;
	font-weight: normal;
}
.message-content .sender.approval-info {margin-top: 2px;
}
.mail-view .sender-info .info-list {
	padding-top: 4px;
}
#mail-head-to {
	color: #888;
}
.mail-addr:after {
	content: ',';
	margin-right: 5px;
}
.mail-addr:last-child:after {
	content: '';
}
.content-view-wrap hr {
	border-top: 3px double #eee;
}
.secret-pw .profile-info-name {
	width: 30%;
}
.mail-hide-cl_from .item-hiding-cl_from {
	display: none !important;
}
.mail-hide-cl_date .item-hiding-cl_date {
	display: none !important;
}
.mail-hide-cl_size .item-hiding-cl_size {
	display: none !important;
}
.mail-hide-cl_attachment .item-hiding-cl_attachment {
	display: none !important;
}
.mail-hide-cl_subject .item-hiding-cl_subject {
	display: none !important;
}
.mail-toolbar
{
  list-style: none !important;
  padding: 5px 0;
  margin: 2px 0 0;
  text-align: left;
  background-color: #fff;
  -webkit-background-clip: padding-box;
 
}
.mail-toolbar li a
{
  
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 1px;
  margin-top: 1px;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  

}
.mail-toolbar li a:hover
{
  color: #262626;
  text-decoration: none;
 background-color: rgba(0, 0, 0, 0.07) !important;
}
.project-roster .scroller {
    overflow: hidden !important;
}

 .always-visible.ps-container > .ps-scrollbar-y-rail {
        opacity: 0.6  !important;
        display: block !important;
 }
 .always-visible.ps-container .ps-scrollbar-y
 {
 	min-height: 96px;
 }
 .mail-search-private
 {
 	 padding-left: 33px !important; 
	 padding-right: 6px !important; 
	 border-left: 3px solid #2b7dbc !important; 
	 border: 1px solid #6fb3e0 !important;
 }
 .mail-search
 {
 	display: none !important; 
 	padding: 5px 18px !important;
 }
 .open .mail-search
 {
 	display: block !important;
 	/*padding-left: 18px !important;*/ 
 }
 .mail-search .mail-search-private
 {
 	
	 border-radius: 4px !important; 
	 border: 1px solid #6fb3e0;
    width: 152px;
    height: 28px!important;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px!important;
    font-size: 13px;
    line-height: 1.3;
    color: #666!important;
    z-index: 11;
    -webkit-transition: width ease .15s;
    transition: width ease .15s;
 }
 .content-view-container .message-item .sender {
    margin: 0 6px 0 4px !important;
    vertical-align: middle !important;
    color: #467287 !important;
    display: inline-block !important;
    width: 110px !important;
    height: 18px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.content-view-container .message-item .time {
    float: right;
    width: 60px;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
}
.content-view-container .message-item .summary {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin-left: 30px;
    /*max-width: 250px !important;*/
    max-width: calc(100% - 380px) !important; 
    min-width: 200px;
    white-space: nowrap;
}
.admin-setting li.active>a:after
{
	border: none !important; 

}
.admin-disabled-btn
{
	opacity: 0.6;
    cursor: no-drop;
}


@media only screen and (min-width: 992px) {
	.mail-action-buttons a {
		display: inline-block;
		margin: 0 1px 0 0;
		padding: 4px 6px;
		vertical-align: middle;
		border: 1px solid #ccc;
		line-height: 1.39;
		color: #333;
		font-size: 13px;
		transition: all 0.3s
	}
	.mail-action-buttons a > i {
		font-size: 11px !important;;
	}
}
@media only screen and (max-width: 991px) {
	.mail-action-buttons a {
		margin: 0 3px;
		opacity: .85;
    -webkit-transition: all .1s;
    transition: all .1s;
	}
	.mail-action-buttons a:hover {
    text-decoration: none;
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	}
	.mail-action-buttons a > i {
		font-size: 1.3em;
	}
	.mail-action-buttons a span.btn-txt {
		display: none;
	}
}
/* new org modal */
.modal-body .widget-main.new-org-list {
	overflow-y: auto; 
	max-height: 300px;
	border: 1px solid #DCE8F1; 
	border-top: none;
}

/* Hung TV new List Gird AttFile */
.m-b-1{margin-bottom: 1px; display: block}
.m-b-2{margin-bottom: 2px; display: block}
.m-b-3{margin-bottom: 3px; display: block}
.m-b-4{margin-bottom: 4px; display: block}
.m-b-5{margin-bottom: 5px; display: block}
.listAttFilev2{
    max-height: 140px;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: -1rem;
}
.listAttFilev2 .ffile{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;  
	border: 1px solid #ccc;
	padding: 0.5rem 1rem;
	transition: all 0.3s;
	margin-bottom: 1rem;
	position: relative;
	height: 55px;
}
.listAttFilev2 .ffile > i{
	position: absolute;
    top: 25%;
    font-size: 2rem;
    opacity: 0;
    transition: all 0.3s;
}
.listAttFilev2 .ffile > i.ipewv{
	left: 130px;
}
.listAttFilev2 .ffile > i.ipewd{
	left: 180px;
}
.listAttFilev2 .ffile:hover{
	-webkit-box-shadow: inset 0px 0px 5px 3px rgba(204,204,204,1);
	-moz-box-shadow: inset 0px 0px 5px 3px rgba(204,204,204,1);
	box-shadow: inset 0px 0px 5px 3px rgba(204,204,204,1);
	background: #F2F2F2;
	cursor: pointer;
}
.listAttFilev2 .ffile:hover > i{
	opacity: 1
}
.listAttFilev2 .ffile .fthumb{
	float: left;
	font-size: 2rem;
    padding-right: 1rem;
}
.listAttFilev2 .ffile .finfo{
	width: 85%
}
.listAttFilev2 .ffile .finfo p{
	margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%;
}
.listAttFilev2 .ffile .finfo .muted{
	color: #888;
}
#mail-tab-content .ui-resizable-handle{
    position: absolute;
    right: 0;
    top: -11px;
    height: 41px;
    z-index: 10 !important;
}

#mail-tab-content .message-item .sender {
	/*overflow: visible;*/
	position: relative;
	/*color: #467287;*/ 
	cursor: pointer;
}
#mail-tab-content .message-item.message-unread .sender {
  color: #6A9CBA;
  font-weight: 700;
}

.mail-group-view .message-item .sender{
	overflow: hidden !important;
	position: inherit !important;
}

.set-autocomplete .alert.main-alert {
	position: relative;
	padding-left: 30px;
}
.set-autocomplete .alert.main-alert i.fa-info-circle {
	position: absolute;
	top: 7px;
	left: 10px;	
	font-size: 1.25em;
}
.set-autocomplete .alert.main-alert p {
	margin-bottom: 10px;
}
.set-autocomplete .alert.main-alert img {
	padding: 5px;
	background-color: #fff;
	vertical-align: top;
	border: 1px solid #eee;
}

@media (min-width: 560px)
{
	#mail-tab-content .message-item[repeat-complete="listMail"] .size,
	#mail-tab-content .message-item[repeat-complete="listMail"] .time,
	#mail-tab-content .message-item[repeat-complete="listMail"] .attachment{
		background: transparent;
	    position: relative;
	    z-index: 1;
	}

	#mail-tab-content .message-item[repeat-complete="listMail"].selected .size,
	#mail-tab-content .message-item[repeat-complete="listMail"].selected .time,
	#mail-tab-content .message-item[repeat-complete="listMail"].selected .size:after{
		background: transparent;
	}

	#mail-tab-content .message-item[repeat-complete="listMail"]:not(.selected):hover .size,
	#mail-tab-content .message-item[repeat-complete="listMail"]:not(.selected):hover .time,
	#mail-tab-content .message-item[repeat-complete="listMail"]:not(.selected):hover .size:after{
		background: transparent;
	}

	#mail-tab-content .message-item[repeat-complete="listMail"] .size{
		overflow: visible;
		position: relative;
	}
	#mail-tab-content .message-item[repeat-complete="listMail"] .size:after{
		content: "";
	    display: block;
	    position: absolute;
	    left: -40px;
	    top: -5px;
	    background: #FFF;
	    width: 40px;
	    height: 21px;
	}
}

#mail-tab-content .message-item:not(.list-title).show-after .sender:after{
	content: "";
    display: block;
    border-left: 1px dashed #C5C5C5;
    position: absolute;
    right: 3px;
    top: -10px;
    height: 41px;
}
#mail-tab-content .message-item .sender > span {
	display: inline-block;
	overflow: hidden;
	width: auto;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* width: 100%;
	display: block; */
}
#mail-tab-content .message-item .sender > span:hover {
    text-decoration: underline;
}

#mail #sidebar.menu-min [data-category="mail"] > .mail-search{
	display: none !important;
}

#mail-tab-content  .sort-option-list li.active{
	font-weight: bold !important
}

#mail-tab-content.smail--767 .split-pane .message-item .time {
	width: 130px;
	text-align: right
}
#mail-tab-content.smail--767 .split-pane .message-item .summary {
	display: block;
	position: relative;
	width: auto !important;
	min-width: 90%;
}
#mail-tab-content.smail--767 .split-pane .message-item .summary .text{
	max-width: 95%;
}
#mail-tab-content.smail--767 .split-pane .cls-percent-3 .message-item .summary .text{
	max-width: 80%;
}
#mail-tab-content.smail--767 .split-pane .message-header .sender, #mail-tab-content.smail--767 .split-pane .message-header .sender span, #mail-tab-content.smail--767 .split-pane .message-header .mail-head-to, #mail-tab-content.smail--767 .split-pane .message-header .mail-head-to span {
	font-size: 11px;
}
#mail-tab-content.smail--767 .split-pane .input-group[class*=col-].add-block {
	padding-left: 10px;
	padding-right: 10px;
}
#mail-tab-content.smail--767 .split-pane .message-item .sender {
	width: auto !important;
	max-width: calc(100% - 230px);
}
#mail-tab-content.smail--767 .split-pane .nav-search .nav-search-input{
	width: 0 !important;
	transition: all 0.3s;
}
#mail-tab-content.smail--767 .split-pane .nav-search:not(.viewport-expand-search) .nav-search-input {
	padding-right: 0;
}
#mail-tab-content.smail--767 .split-pane .nav-search .nav-search-input:focus,
#mail-tab-content.smail--767 .split-pane .nav-search.viewport-expand-search .nav-search-input{
	width: 255px !important
}

#mail-tab-content.smail--767 .split-pane .mail-approval-list .attachment{display: none}
#mail-tab-content.smail--767 .split-pane .mail-approval-list .quick-action-mail{display: block}

.split-pane > .split-pane-component:first-child{
	/*overflow-x: hidden;*/
}

body.narrow-header .ui-resizable-e,
body.narrow-header .bgMailDraging{
	margin-top: -60px;
}

@media only screen and (max-width: 990px) {
	#mail-tab-content .message-item .time {
		width: 135px;
	}
	.sort-list .table th:nth-child(3) {
		width: 30px;
	}
}

@media only screen and (max-width: 767px) {
	#mail-tab-content .message-item .time {
		width: 105px;
	}
	#mail-tab-content .message-item .summary:not(.cspam-title) {
		display: block;
		position: relative;
		max-width: 100%;
	}
	#mail-tab-content .message-header .sender, #mail-tab-content .message-header .sender span, #mail-tab-content .message-header .mail-head-to, #mail-tab-content .message-header .mail-head-to span {
		font-size: 11px;
	}
	.input-group[class*=col-].add-block {
		padding-left: 10px;
		padding-right: 10px;
	}
	.message-item .sender {
		width: auto !important;
		max-width: calc(100% - 215px);
	}
	.btn-span, .message-navbar .messagebar-item-right .list-type-btn.list-settings {
		display: none;
	}
}

#mail-tab-content .cls-percent-3 .message-navbar .messagebar-item-right .list-type-btn.list-settings,
#mail-tab-content .cls-percent-2 .message-navbar .messagebar-item-right .list-type-btn.list-settings {
    display: none;
}

@media only screen and (max-width: 550px) {
	.attached-file {
		width: 100%;
	}
	.mail-view .sender-info .info-list {
		padding-top: 0;
	}
	.show-mobile.regdate span {
		font-size: 11px;
	}
	#whisper-list .message-item .summary {
		width: 100%;
		max-width: calc(100% - 28px);
		margin-left: 28px;
	}

	#mail-tab-content .message-list-container .message-item > label.inline:first-child:before{
		content: "";
	    display: block;
	    width: 62px;
	    height: 55px;
	    position: absolute;
	    z-index: 10;
	    left: 0;
	    top: 0;
	}

    .setting-folder-permission .share_level {
        width: 45%;
    }
}

@media only screen and (max-width: 479px) {
	.mail-set .profile-info-name {
		width: 100%;
	}
	.field-options {
		position: relative;
		left: 0;
		top: 3px;
	}
	.secret-pw .profile-info-name {
		width: 100%;
	}
	.secret-pw .profile-info-value {
		margin: 0;
	}
	.secret-pw .profile-info-value button {
		width: 100%;
	}
	.table.fetching-mail-list th:nth-child(1), .table.fetching-mail-list th:nth-child(2) {
		width: 40%;
	}
}

#ptr {
	position: fixed;
	left: 0;
	width: 100%;
	color: #888;
	font-size: 20px;
	z-index: 0;
	text-align: center;
	height: 50px;
}

#ptr .fa {
	opacity: .6;
	width: auto;
	height: auto;
	transition: all .25s ease;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 5px;
}
.ptr-refresh #ptr .fa {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.ptr-loading #ptr .fa,
.ptr-loading #ptr p ,
.ptr-reset #ptr .fa,
.ptr-reset #ptr p {
	display: none;
}


.pull-loading {
	display: inline-block;
	text-align: center;
	opacity: 1;
	margin: auto;
	display: none;
}
.ptr-loading .pull-loading {
	display: block;
}

.pull-loading span {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	border-radius: 50%;
	-webkit-animation: ptr-loading 0.4s infinite alternate;
	animation: ptr-loading 0.4s infinite alternate;
	background: red;
}

/*.ptr-loading .hanPullContent
{
	-webkit-transform: translate3d( 0, 50px, 0 );
	transform: translate3d( 0, 50px, 0 );
}*/

.hanPullContent + .message-content{
	background: #FFF;
	position: relative;
}
.message-footer{position: relative;}
react-mail-list .message-item{
	padding: 0 !important;
}
react-mail-list label.inline {
    margin-right: 4px;
}
.message-wrapeds{
	background: #FFF;
	padding: 10px 10px 10px 13px;
}
.message-wrapeds.pulling {
	position: relative;
	z-index: 1
}
.btn--pull{
	position: absolute !important;
	right: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	transition: none;
	/*height: 59px !important;*/
	/*padding: 11px 0px;*/
}

.mail-folder-tree {
	overflow: auto;
	height: 240px; 
}
.mail-folder-tree > ul.dynatree-container {
	border: 1px solid #dce8f1;
	border-top: none;
}

.modal-body .form-group.add-event-date div[class^="col-sm-"] {
	margin-bottom: 1px;
}

.message-wrapeds.pulling + .btn--pull{
	z-index: 0;
}

.fr-view *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size: inherit;}
.fr-view p{margin: 0 0 1px}
.fr-view *:not(.fa){font-family: inherit;}
/*.fr-view td, th {padding:2px;}*/
.fr-view pre {background: none; border: none; padding: 0;}


/* .fr-view table{border-collapse: inherit} */

#mail-tab-content .display--table.input-icon .table--cell + .table--cell{text-align: right;}

@media (max-width: 768px)
{
	.message-item{position: relative;}
	#mail-tab-content .display--table.input-icon .table--cell{display: block}
	#mail-tab-content .display--table.input-icon .table--cell + .table--cell{width: auto; text-align: left; margin-top: 10px;}
}
@media (max-width: 560px)
{
	.hanPullAction .message-wraped *{background: transparent !important}

	#mail-tab-content .message-item .summary{
		max-width: 100%;
		width: auto;
	}
}

#mail-tab-content:not(.smail--767) .split-pane.vertical-percent .message-item .summary{
	max-width: calc(100% - 480px);
	width: calc(100% - 480px);
}
#mail-tab-content .split-pane.vertical-percent > .split-pane-component .container-fixed{
	overflow-x: hidden;
}
.message-item:hover > .message-wrapeds{
	background-color: #f2f6f9;
}

.quick-action-mail{
	position: absolute;
	top: 2px;
	right: 0;
	background: #f2f6f9;
    height: 100%;
    padding-left: 10px;
	display: none;
}
.quick-action-mail > a{
	padding: 2px;
}
.message-item:hover > .message-wrapeds > .summary > .quick-action-mail{
	display: block;
}

#mail-tab-content .tags {
    width: 100%;
    min-height: 34px; /* Init to same form-control class */
}
#mail-tab-content .tags > input[type=text]{
    width: auto;
    padding: inherit;
    background: none;
}
#mail-tab-content .tags input[name=txt_edit]{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(100% - 18px);
    height: 100%;
    border: solid 1px #91b8d0;
}
#mail-tab-content .tags .tag {
    padding-right: 40px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
		border-radius: 3px;
		cursor: all-scroll;
}
#mail-tab-content .tags .tag .tag-name{
	max-width: 100%;
}
#mail-tab-content .tags .tag .edit {
    font-size: 15px;
    line-height: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #FFF;
    text-shadow: none;
    float: none;
    position: absolute;
    right: 17px;
    top: 0;
    bottom: 0;
    width: 18px;
    text-align: center;
}

#mail-tab-content .tags .tag .edit:hover {
    background-color: rgba(0, 0, 0, .2)
}

#mail-tab-content .tags.tags-ctrl-hover {
    border-color: #43b4b9!important;
}

#mail-tab-content .tags .tag.tag-select-all {
    background-color: #43b4b9;
}

#mail-tab-content .tags.tags-important .tag.tag-select-all {
    background-color: #d15b47!important;
}

#mail-tab-content .tags .tag button.edit {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
/*.ui-front-custom{
    z-index: 10!important;
}*/

/*#mail-tab-content .tags .tag{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
.quick-replies-mobile{
	display: flex;
	margin-top: 10px;
}
.quick-replies-mobile > .btn-link{
	width: 50%;
    margin: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
	text-decoration: none !important;
	color: #4e4e4e !important;
}
.quick-replies-mobile > .btn-link:active,
.quick-replies-mobile > .btn-link:hover{
	background: #ccc !important;
}
.quick-replies-mobile > .btn-link > i.fa{
	padding-bottom: 5px;
}

@media (min-width: 991px) {
	.quick-replies-mobile{
		display: none;
	}
}

@media only screen and (max-width: 991px) {
    #mail-tab-content .tags .search-placeholder{
        width: 100%;
    }
    #mail-tab-content .tags .tag{
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0;

    }
}
.mail-sign .buttons-area {
	padding: 10px 0;
}

.mail-sign .tpl-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.mail-sign .tpl-list .tpl-item {
  position: relative;
  height: 200px;
}

.mail-sign .tpl-list .tpl-item .signature-wrap,
.mail-sign .tpl-list .tpl-item .text {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mail-sign .tpl-list .tpl-item .signature-wrap {
	height: 160px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ddd;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.07);
}
.mail-sign .tpl-list .tpl-item .signature-wrap .signature-item {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.mail-sign .tpl-list .tpl-item div.item-used{
	background-color: #ffc!important;
}

.mail-sign .tpl-list .tpl-item .text{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 40px;
    text-align: center;
    color: #FFF;
    background-color: rgba(0,0,0,.55);
    opacity: 0;
    filter: alpha(opacity=0);
}

.mail-sign .tpl-list .tpl-item .text:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

.mail-sign .tpl-list .tpl-item .text .inner{
    padding: 4px 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.mail-sign .tpl-list .tpl-item .text .inner a{
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 0 4px;
}

.mail-sign .tpl-list .tpl-item .text:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}

/* write signature */
.tab-content.signature-type {
	padding: 0;
}
.tab-content.signature-type .write-form .widget, .tab-content.signature-type .widget.widget-tabs > .widget-head ul li {
	border: none;
}
.tab-content.signature-type .widget.widget-tabs > .widget-head, .tab-content.signature-type .widget.widget-tabs > .widget-head ul li.active {
	background: none;
}
.tab-content.signature-type .widget.widget-tabs > .widget-head ul > li > a {
	display: inline-block;
	margin: 3px;
	padding: 5px 10px;
	line-height: 1em;
}
.tab-content.signature-type .widget.widget-tabs > .widget-head ul > li ~ li > a {
	border-left: 1px solid #eee;
}
.tab-content.signature-type han-editor {
	margin-bottom: 0 !important;
}
.tab-content.signature-type .mce-panel:not(.mce-edit-area):not(.mce-statusbar) {
	border: none;
}

@media (min-width: 767px)
{
    .mail-sign .tpl-list .tpl-item {
    		float: left;
        width: 47.5%;
        margin-left: 5px;
    }
}

@media (min-width: 1600px)
{
    .mail-sign .tpl-list .tpl-item{
        width: 31.8%;
        }

}
/* mail content child div is not apply parent css */
#print-mail-detail .article-content div {
    font-size: inherit;

}

ul.mail-hover-menu {
    padding: 5px 0!important;
    top: 20px;
}

ul.mail-hover-menu li{
    padding: 3px 20px!important;
    cursor: pointer!important;
}

ul.mail-hover-menu li i.fa-calendar-plus-o{
    color: #9585bf;
}

ul.mail-hover-menu li i.hanbiro-icon-project{
    color: #41cac0;
}

ul.mail-hover-menu li i.hanbiro-icon-todo{
    color: #dd5a43;
}

ul.mail-hover-menu li:hover{
    background-color: #4f99c6!important;
}

div.mail-approval-list .time.mail-from,
div.mail-approval-list .time.mail-to,
div.mail-approval-list .size.mail-type{
    margin: 0 10px!important;
}

div.mail-approval-list div.email-text{
    overflow: hidden;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.mail-approval-list .size.mail-type{
    width: 160px!important;
}

div.mail-approval-list .attachment.width-65-px{
    width: 65px!important;
}

div.mail-approval-list .attachment{
    min-width: 40px!important;
}

#mail-tab-content div.mail-approval-list .message-item:hover .summary > .quick-action-mail{
    display: block;
}

div.mail-approval-list .message-item a:hover + .dropdown-menu,
div.mail-approval-list .message-item .dropdown-menu:hover {
    display: block !important;
}

div.mail-approval-list .message-item .dropdown-menu {
    top: 12px!important;
}

div.mail-approval-list .message-item .dropdown-menu.overflow {
    max-height: 150px;
    overflow-y: scroll;
}

.dropdown-menu>li>span.mail-addr {
    font-size: 13px;
    margin-bottom: 1px;
    margin-top: 1px;
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #E1E1E1;
}

.dropdown-menu>li:last-child>span.mail-addr {
    border-bottom: none;
}

.dropdown-menu>li>span.mail-addr:hover {
    background-color: #438eb9;
}


#mail-tab-content .split-pane .cls-viewport-xs .message-item .time {
    width: 110px;
    text-align: right
}
#mail-tab-content .cls-viewport-xs .message-item .summary {
    display: block;
    position: relative;
    width: auto !important;
    min-width: 90%;
}
#mail-tab-content .cls-viewport-xs .message-item .summary .text{
    max-width: 95%;
}
#mail-tab-content .cls-viewport-xs .cls-percent-3 .message-item .summary .text{
    max-width: 80%;
}
#mail-tab-content .cls-viewport-xs .message-header .sender, #mail-tab-content .cls-viewport-xs .message-header .sender span, #mail-tab-content .cls-viewport-xs .message-header .mail-head-to, #mail-tab-content .cls-viewport-xs .message-header .mail-head-to span {
    font-size: 11px;
}
#mail-tab-content .cls-viewport-xs .input-group[class*=col-].add-block {
    padding-left: 10px;
    padding-right: 10px;
}
#mail-tab-content .cls-viewport-xs .message-item .sender {
    width: auto !important;
    max-width: calc(100% - 202px);
}
#mail-tab-content .cls-viewport-xs .nav-search .nav-search-input{
    width: 0 !important;
    transition: all 0.3s;
}
#mail-tab-content .cls-viewport-xs .nav-search .nav-search-input:focus,
#mail-tab-content .cls-viewport-xs .nav-search.viewport-expand-search .nav-search-input{
    width: 250px !important
}
#mail-tab-content .cls-viewport-xs .message-navbar .messagebar-item-left~.nav-search {
    left: 75px !important;
}

#mail-tab-content .cls-viewport-xs .mail-approval-list .attachment{display: none}
#mail-tab-content .cls-viewport-xs .mail-approval-list .quick-action-mail{display: block}

#mail-tab-content .uniform_16x > *{width: 16.5px;}

#mail-tab-content [class*="mapproval"]{
	position: absolute;
	right: 0;
	top: 0;
}

#mail-tab-content .message-item:hover .summary [class*="mapproval"]{
    display: none !important;
}

#mail-tab-content .mapproval-new{
	color: #FFF;
    background: #64b164;
    padding: 2px;
    font-size: 10px;
}

#mail-tab-content .mapproval-deny{
	color: #FFF;
    background: rgb(180, 84, 84);
    padding: 2px;
    font-size: 10px;
}


#mail-tab-content .mail-action-buttons a:hover{
	background: #F2F2F2;
}

#mail-tab-content .sentsecu-status-green{
	color: #FFF;
    background: #64b164;
    padding: 2px;
    font-size: 10px;
}

#mail-tab-content .sentsecu-status-red{
	color: #FFF;
    background: rgb(180, 84, 84);
    padding: 2px;
    font-size: 10px;

}

/*
#mail-tab-content [class^="msapproval"]{
    position: absolute;
    right: 0;
    top: 0;
    color: #FFF;
    padding: 2px;
    font-size: 10px;
}
*/
#mail-tab-content .message-item:hover .summary .quick-action-mail ~ div>[class^="msapproval"]{
    display: none !important;
}

#mail-tab-content .msapproval-deny{
    color: rgb(180, 84, 84);
}

#mail-tab-content .msapproval-new{ 
    color: #b3b300;
}

#mail-tab-content .msapproval-app{
    color: #64b164;
}

#mail-tab-content .msapproval-auapp{
    color: #1a8cff;
}

/* mail approval list : design 20171107 */
#mail-tab-content .mail-approval-list .mail-approver,
#mail-tab-content .mail-approval-list .mail-approval-status {
    float: right;
    display: inline-block;
    width: 80px;
    margin: 0 6px 0 4px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#mail-tab-content .mail-approval-list .mail-approval-status {
    position: relative;
}
#mail-tab-content .mail-approval-list .time {
	margin: 0 6px 0 4px;
}
#mail-tab-content .mail-approval-list .message-item .summary {
	position: inherit;
	width: auto;
	max-width: calc(100% - 660px);
	margin-left: 0;
}
#mail-tab-content .mail-approval-status:hover > .msapproval-new {
	display: none;
}
#mail-tab-content .mail-approval-status:hover > .msapproval-new + .quick-action-mail  {
	display: block;
    position: static;
}
#mail-tab-content span[class^="msapproval"]:before {
	display: inline-block;
	margin-right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.1em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#mail-tab-content .msapproval-deny:before {
	content: "\f05e";
}

#mail-tab-content .msapproval-new:before {
	content: "\f252"; 
}

#mail-tab-content .msapproval-app:before {
	content: "\f00c";
}

#mail-tab-content .msapproval-auapp:before {
  content: "\f058";
}
#mail-tab-content .secure-manager-settings table > thead > tr > th > a > i, #mail-tab-content .secure-manager-settings table > thead > tr > th > a > span.caret {
	color: #aaa;
}
#mail-tab-content .secure-manager-settings table > thead > tr > th > .dropdown-menu.position-list {
	overflow: auto;
	max-height: 150px;
	padding: 5px;
}
#mail-tab-content .secure-manager-settings .search-area {
	margin-bottom: 10px;
	padding: 5px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}
#mail-tab-content .secure-manager-settings .search-area select, #mail-tab-content .secure-manager-settings .search-area input {
	height: 34px;
	vertical-align: top;
}
#mail-tab-content .secure-manager-settings .search-area select, #mail-tab-content .secure-manager-settings .search-area input, #mail-tab-content .secure-manager-settings .search-area button {
	margin: 2px 0;
}
#mail-tab-content .secure-manager-settings .search-area ace-daterange-picker {
	display: none;
}
#mail-tab-content .secure-manager-settings .search-area .hanDateRange {
	display: inline-block;
	width: 40%;
}

@media (max-width: 1199px) {
	#mail-tab-content .mail-approval-list .message-item .sender {
		width: 70px;
	}
	#mail-tab-content .mail-approval-list .message-item .summary {
		max-width: calc(100% - 620px);
	}
}
@media (max-width: 991px) {
	#mail-tab-content .mail-approval-list .mail-approver, #mail-tab-content .mail-approval-list .mail-approval-status {
		width: 90px;
	}
	#mail-tab-content .mail-approval-list .message-item .summary {
		max-width: calc(100% - 520px);
	}
}
@media only screen and (max-width: 767px) {
	#mail-tab-content .mail-approval-list .mail-approver, #mail-tab-content .mail-approval-list .mail-approval-status {
		float: none;
		width: 40%;
	}
	#mail-tab-content .mail-approval-list .mail-approver:before {
		content: "\f007";
		display: inline-block;
		margin-right: 5px;
		color: #666;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
	#mail-tab-content .mail-approval-list .mail-approval-status {
		margin-left: 45px;	
	}
	#mail-tab-content .mail-approval-list .message-item .sender {
	  width: calc(100% - 185px) !important;
	}
	#mail-tab-content .mail-approval-list .message-item .summary {
		max-width: calc(100% - 45px);
		margin-left: 45px;
	}
}
/* mail approval list : design 20171107 end */

.message-item .message-star.secu-state-d{
    position: relative;
}
.message-item .message-star > .dropdown-menu{
    left: -10px;
}
.message-item .message-star > .dropdown-menu > .dropdown-content{
    padding: 10px;
}
.message-item .message-star i:hover + .dropdown-menu,
.message-item .message-star > .dropdown-menu:hover{
    display: block!important;
}

.message-item .message-star > .dropdown-menu > .dropdown-content,
.message-item .deny-msg + .dropdown-menu > .dropdown-content {
    width: 400px;
    max-height: 200px;
    overflow-y: scroll;
    white-space: normal;
    font-weight: normal;
    color: #555;
}
.message-item .text:hover > .deny-msg + .dropdown-menu,
.message-item .text > .deny-msg + .dropdown-menu:hover{
    display: block!important;
}

.new-icon-mail:after {
	content: 'N';
    color: #FFF;
    background: #ff892a;
    font-size: 10px;
    padding: 3px 6px;
    border-radius: 50%;
}

.wait-icon-mail:after {
    content: "\f252";
    color: #c1cc19;
    padding: 2px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

div.dropdown-menu.mail-list-search{
    width: 850px;
}


.form-search div.dropdown-menu.mail-list-search .dropdown-toggle {
    right: inherit!important;
}

div.dropdown-menu.mail-list-search select,
div.dropdown-menu.mail-list-search input{
    padding: 2px!important;
}

div.dropdown-menu.mail-list-search .search-date{
    display: flex;
}

div.dropdown-menu.mail-list-search .search-date > div:first-child{
    padding-right: 15px;
}

div.dropdown-menu.mail-list-search .search-date > div:first-child select{
    height: 34px;
}

.form-search div.dropdown-menu.mail-list-search hr {
    margin: 5px 0!important;
}

.form-search div.dropdown-menu.mail-list-search select,
.form-search div.dropdown-menu.mail-list-search input {
    height: 30px!important;
}

div.mail-search-panel{
    line-height: 1!important;
}

div.mail-search-panel .widget-toolbox{
    background: none;
    padding: 0 12px!important;
    border: none;
}

div.mail-search-panel .inline{
    display: inline-block!important;
    vertical-align: middle!important;
}

div.mail-search-panel button{
    width: 100px;
    margin-top: 17px;
}

div.mail-search-panel .inline:last-child:not(select){
    width: 65%!important;
}

div.mail-search-panel .inline:first-child,
div.mail-search-panel .inline:only-child {
    width: 30%!important;
}

div.mail-search-container-fixed div.message-item-border-top{
    border-top: solid 1px #d6e1ea;
}

div.mail-search-panel .search-col > select,
div.mail-search-panel .search-col > input,
div.mail-search-panel .search-col > label,
div.mail-search-panel .search-col > .search-group{
    width: 100%!important;
}

div.mail-search-panel button,
div.mail-search-panel .search-col > label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

div.mail-search-panel .search-col > .search-group > select,
div.mail-search-panel .search-col > .search-group > input,
div.mail-search-panel .search-col > .search-group > .date-range-dr input,
div.mail-search-panel .search-col > select,
div.mail-search-panel .search-col > input {
    height: 30px!important;
}

div.mail-search-panel .search-col > .search-group > select,
div.mail-search-panel .search-col > .search-group > .date-range-dr{
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

div.mail-list-search.approval-sent-search form.form-search a.dropdown-toggle{
    margin: 0 5px;
}

.mail-delay-msg-fixed{
    padding-top: 150px!important;
}

@media (min-width: 1800px){
    div.mail-search-container-fixed{
        padding-top: 230px!important;
    }
    div.mail-search-container-fixed.mail-permit{
        padding-top: 290px!important;
    }
}

@media (max-width: 1800px) and (min-width: 1080px){
    div.mail-search-container-fixed{
        padding-top: 230px!important;
    }
    div.mail-search-container-fixed.mail-permit{
        padding-top: 290px!important;
    }
}

@media (max-width: 1080px) and (min-width: 992px){
    div.mail-search-container-fixed{
        padding-top: 230px!important;
    }
    div.mail-search-container-fixed.mail-permit{
        padding-top: 290px!important;
    }
}

@media (max-width: 768px){
    div.mail-search-panel,
    div.mail-list-search.approval-sent-search form.form-search a.dropdown-toggle,
    div.mail-list-search.mail-box-search-768 form.form-search a.dropdown-toggle{
        display: none!important;
    }
}

@media (max-width: 1500px) and (min-width: 768px){
    div.mail-approval-list .attachment {
        min-width: 20px !important;
    }

    div.mail-approval-list .attachment.width-65-px {
        width: 30px !important;
        white-space: nowrap;
    }
}

@media (max-width: 992px) and (min-width: 768px){
    div.mail-search-container-fixed{
        padding-top: 225px!important;
    }
    div.mail-search-container-fixed.mail-permit{
        padding-top: 285px!important;
    }
}

@media (max-width: 1200px){
    div.mail-approval-list .attachment ul.dropdown-menu{
        left: inherit!important;
        right: 0!important;
    }
}

#settingSignatureController .tooltip{
    width: 300px!important;
}

#settingSignatureController .sign-option i.fa{
    cursor: pointer;
}

#mail-tab-content .content-container .label.label-warning,
#mail-tab-content .content-container .label.label-pink,
#mail-tab-content .content-container .label.label-success{
    line-height: 1.4!important;
    color: #ffffff;
}

#mail-tab-content .content-container .arrowed-left{
    margin-left: 5px;
    position: relative;
}

#mail-tab-content .content-container .arrowed-left:before{
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    left: -10px;
    border: 1px solid transparent;
    border-right-color: #abbac3;
    border-width: 10px 5px;
}

#mail-tab-content .content-container .label.label-warning.arrowed-left:before{
    border-right-color: #f89406;
    -moz-border-right-colors: #abbac3;
}


.padding-l-20{
    padding-left: 20px!important;
}

.manager-setting .profile-info-row .profile-info-name{
    width: 300px!important;
}

#mail-tab-content .tooltip-inner,
.mail-permit-menu .tooltip-inner{
    max-width: 515px;
    text-align: left;
}

a.mail-avatar {
    background-color: #39bd9f;
    color: #FFF !important;
    padding: 10px 14px;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 8px;
}
a.mail-avatar.a{background-color: #3982bd}
a.mail-avatar.b{background-color: #394dbd}
a.mail-avatar.c{background-color: #6c39bd}
a.mail-avatar.e{background-color: #bd3991}
a.mail-avatar.d{background-color: #39bd4b}
a.mail-avatar.g{background-color: #8abd39}
a.mail-avatar.f{background-color: #bd4839}
a.mail-avatar.j{background-color: #39bdb2}
a.mail-avatar.r{background-color: #bda539}
a.mail-avatar.k{background-color: #bd3939}
a.mail-avatar.l{background-color: #bd8839}
a.mail-avatar.m{background-color: #5639bd}
a.mail-avatar.n{background-color: #bd3940}
a.mail-avatar.y{background-color: #84bd39}
a.mail-avatar.x{background-color: #b4bd39}
a.mail-avatar.q{background-color: #8239bd}
.message-wrapeds.hybrid-message{
	padding: 15px 10px 15px 55px !important
}

.is-hybrid-app .message-item.list-title .message-star{
	display: none
}

.message-wrapeds.hybrid-message input[type=checkbox].ace+.lbl::before, 
.message-wrapeds.hybrid-message input[type=radio].ace+.lbl::before{
	min-width: 33px;
    height: 33px;
    line-height: 33px;
    border-radius: 50%;
}


.message-wrapeds.hybrid-message label.inline{
	position: absolute;
    left: 6px;
    top: 36%;
}
.mail-avatar.mail-img-ava{
	padding: 0;
}
.mail-img-ava .mail-avatar-usr {
    width: 38.5px;
	height: 38.5px;
	border-radius: 50%;
}
@media (max-width: 767px) {
	.red.isSearchMsg:not(:empty){
		width: 160px;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.red.isSearchMsg:not(:empty) + a {
		display: none;
	}
}

@media (max-width:  568px)
{
	.message-wrapeds.hybrid-message{
		padding: 10px 10px 10px 55px !important; 
	}
	.message-wrapeds.hybrid-message .summary {
		padding-top: 8px;
		margin: 0 !important;
	}
	.message-wrapeds.hybrid-message .summary .text{
		max-width: 90%;
	}
	.message-wrapeds.hybrid-message .sender{
		max-width: 215px;
		margin: 0 !important;
	}
	.message-wrapeds.hybrid-message .time{
		width: 56px !important;
	}
}


#mail .nav-list > li .submenu a > i.hanbiro-ico-mail-share + .title {
    display: inline!important;
}
.setting-folder-permission .share-user span.share_user {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.modal-body > .sharebox-dynatree-wrapper{
    max-height: 240px;
    min-height: 200px;
    overflow: auto;
    border: 1px solid #c5d0dc;
}

.modal-body > .sharebox-dynatree-wrapper > div.center{
    position: absolute;
    top: 40%;
    left: 35%;
}

.modal-body > .sharebox-dynatree-wrapper > .sharebox-dynatree > ul.dynatree-container{
    border: none!important;
}
.folder-mail-add-input{
	border-color: #FFF !important;
}
.folder-mail-add-input:focus, .folder-mail-add-input.active{
	border-color: #ccc !important;
}
.folder-mail-add-input + .btn{
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
	left: -36px;
	transition-delay: 0.2s
}
.folder-mail-add-input:focus + .btn,
.folder-mail-add-input.active + .btn{
	opacity: 1;
	pointer-events: all;
	left: 0;
}
#mail_setting_form span.dynatree-node > span.custom-folder-icon{
    display: inline-block;
    position: relative;
    z-index: 2;
    left: 2px;
    margin: -2px 0 0 -2px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    background: none;
    color: #478fca;
    width: 16px;
    height: 16px;
}
#mail_setting_form span.dynatree-node > span.custom-folder-icon > i {
    margin-left: 1px!important;
    font-size: 13px!important;
}

.submenu>li>a>.menu-icon.hanbiro-ico-mail-share {
    display: inline-block!important;
    color: #2b7dbc;
}

/* MS new admin menu*/
.search-sent-received-log {
	position: relative;
	height: 41px;
	background-color: #f1f5fa;
  border: 1px solid #d6e1ea;
}
.search-sent-received-log .search-log {
	position: relative;
	width: 152px;
	margin-top: 5px;
	margin-left: 5px;
}
.search-sent-received-log .search-log .search-input {
  border: 1px solid #6fb3e0;
  width: 152px;
  height: 28px!important;
  padding-top: 2px;
  padding-right: 20px;
  padding-bottom: 2px;
  border-radius: 4px!important;
  font-size: 13px;
  line-height: 1.3;
  color: #666!important;
}
.search-sent-received-log .search-log .nav-search-icon {
	color: #6fb3e0;
}
.search-sent-received-log .search-log a.dropdown-toggle {
	position: absolute;
	top: 3px;
	right: 2px;
}
.mail-widget-search{
	right: 47px !important;
}
span[class^='flag-icon'] {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-size: cover;
  vertical-align: text-bottom;
}
.restriction-tb .setting-admin-tb .table > thead > tr > th {
	background-color: #428acb;
	color: #fff;
}
@media only screen and (min-width: 768px) {
	.search-sent-received-log .search-log .dropdown-menu {
		min-width: 420px;
	}
}

@media (min-width: 992px), (min-width: 480px) {
    #mail_admin_log_analysis .infobox,
    #mail_logAnalysis .infobox {
        width: 50%;
    }
}

@media (max-width: 480px) {
    #mail_admin_log_analysis .infobox,
    #mail_logAnalysis .infobox {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    #mail_admin_log_analysis .infobox,
    #mail_logAnalysis .infobox {
        width: 25%;
    }
}

#mail_admin_log_analysis .infobox-picton-blue,
#mail_logAnalysis .infobox-picton-blue {
    color: #3e95cd;
}

#mail_admin_log_analysis .infobox-ce-soir,
#mail_logAnalysis .infobox-ce-soir {
    color: #8e5ea2;
}

#mail_admin_log_analysis .infobox-shamrock,
#mail_logAnalysis .infobox-shamrock {
    color: #3cba9f;
}

#mail_admin_log_analysis .infobox-beauty-bush,
#mail_logAnalysis .infobox-beauty-bush {
    color: #e8c3b9;
}

#mail_admin_log_analysis .infobox-fuzzy-wuzzy-brown,
#mail_logAnalysis .infobox-fuzzy-wuzzy-brown {
    color: #c45850;
}
@media only screen and (min-width: 992px) {
	.mail-action-buttons a {
		display: inline-block;
		margin: 0 1px 0 0;
    padding: 4px 9px;
    vertical-align: middle;
    border: 1px solid #ccc;
    line-height: 1.39;
    color: #333;
    font-size: 13px;
	}
	.mail-action-buttons a > i {
		font-size: 1.1em;
	}
}
@media only screen and (max-width: 991px) {
	.mail-action-buttons a {
		margin: 0 3px;
		opacity: .85;
    -webkit-transition: all .1s;
    transition: all .1s;
	}
	.mail-action-buttons a:hover {
    text-decoration: none;
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	}
	.mail-action-buttons a > i {
		font-size: 1.3em;
	}
	.mail-action-buttons a span.btn-txt {
		display: none;
	}
}

#mail_admin_spam_setting .spam-on-mobile{
    overflow: inherit;
}

.write-form label .lbl.cipher-lbl {
    color: #6688a6!important;
}

[class^="cipher-icon-"]:before, [class*="cipher-icon-"]:before {
    font-family: "hanbiro-vol2";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cipher-icon-close:before {
    content: '\e911';
}

.cipher-icon-open:before {
    content: '\e913';
}

.cipher-icon-stop-close:before {
    content: '\e912';
}

.cipher-icon-stop-open:before {
    content: '\e914';
}

.mail-addr{
    cursor: pointer;
}
.mail-from-addr:hover,
.mail-addr:hover{
    text-decoration: underline!important;
}
.mail-left-addr{
    width: 5%;
    float: left;
}
.mail-right-addr{
    width: 95%;
    float: left;
    overflow-y: auto;
    max-height: 150px;
}

@media (max-width: 1280px) and (min-width: 992px){
    .mail-left-addr{
        width: 10%;
    }
    .mail-right-addr{
        width: 90%;
    }
}

@media (max-width: 992px){
    .mail-left-addr{
        width: 100%;
        font-size: 11px;
    }
    .mail-right-addr{
        width: 100%;
    }
}

.mail-section-addr{
    overflow: auto;
    display: block;
    margin-bottom: 15px;
}

#mail-tab-content .content-view-container .profile-info-name{
    text-align: left;
    border: none;
    background: none;
    vertical-align: inherit;
    white-space: nowrap;
    width: auto;
}

#mail-tab-content .content-view-container .profile-info-value{
    border: none;
    /*min-width: 500px;*/
    color: #777;
}

#mail-tab-content .content-view-container .profile-user-info{
    border: none;
    width: 100%;
}

#mail-tab-content .content-view-container .profile-user-info.addr-info {
	margin-top: 5px;
	margin-bottom: 5px;
}
#mail-tab-content .content-view-container .alert.mail-status + .profile-user-info.addr-info {
	margin-top: 0;
}
#mail-tab-content .content-view-container .profile-user-info.addr-info .profile-info-name, #mail-tab-content .content-view-container .profile-user-info.addr-info .profile-info-value {
	padding: 1px;
}
#mail-tab-content .content-view-container .profile-user-info.addr-info .profile-info-name {
	color: #777;
}
#mail-tab-content .content-view-container .profile-user-info.addr-info .profile-info-value > .addr-list {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 190px;
	padding-right: 5px;
}
#mail-tab-content .content-view-container .alert.mail-status {
	/*display: inline-block;*/
	margin: 5px 0;
}
.compose-mail-btn{
    background-color: #f8f8f8;
    border-width: 1px 0 0;
    border-color: #e5e5e5;
    border-style: solid;
}
.compose-mail-btn:hover{
    background-color: #fff;
}

#mail-tab-content .content-container {
    padding: 0 20px 0 10px;
}

#mail-tab-content .mail-box-search-768 .form-search .dropdown-toggle{
    position: absolute;
    top: 0;
    right: 2px;
    padding-left: 5px;
    border-radius: 4px;
    border-left: 1px solid #6fb3e0;
    line-height: 27px;
}

.skin-1 .compose-mail-btn{
    background-color: #222A2D;
    border-color: #3F4E54;
}
.skin-1 .compose-mail-btn:hover{
    background-color: #414B51;
}
.skin-1 .compose-mail-btn button{
    color: #B1BAC1!important;
}
.skin-2 .compose-mail-btn{
    background-color: #393939;
}
.skin-4 .compose-mail-btn{
    background-color: #3d3c6d;
}

/* mail-cspam-list */
.mail-cspam-list .message-item > span {
		margin: 0 6px 0 4px;
	  vertical-align: middle;
	  display: inline-block;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
}
.mail-cspam-list .cspam-type, .mail-cspam-list .cspam-status, .mail-cspam-list .cspam-size {
		width: 70px;
}
.mail-cspam-list .cspam-user {
		width: 100px;
}
.mail-cspam-list .cspam-ip {
	width: 110px;
}
#mail-tab-content .mail-cspam-list .message-item .sender {
	width: 130px;
}
#mail-tab-content .mail-cspam-list .message-item .summary {
	position: static;
 	margin-left: 0;
}
.mail-cspam-list .cspam-status, .mail-cspam-list .cspam-size, .mail-cspam-list .cspam-ip {
	float: right;
}

@media (min-width: 768px) {
  #mail-tab-content .mail-cspam-list .message-item .cspam-type-icon {
   	display: none;
  }
}
@media (min-width: 1200px) {
  #mail-tab-content .mail-cspam-list .message-item .summary {
   	max-width: calc(100% - 800px);
  }
  #mail-tab-content .mail-cspam-list .message-item .sender {
		width: 110px;
	}
}
@media (max-width: 1199px) {
  #mail-tab-content .mail-cspam-list .message-item .sender, #mail-tab-content .mail-cspam-list .message-item .cspam-size, #mail-tab-content .mail-cspam-list .message-item .cspam-ip {
    display: none;
  }
  #mail-tab-content .mail-cspam-list .message-item .summary {
    max-width: calc(100% - 470px);
  }
}
@media (max-width: 767px) {
  #mail-tab-content .mail-cspam-list .message-item .summary {
  	width: auto;
    max-width: calc(100% - 120px);
    margin-left: 45px;
  }
  #mail-tab-content .mail-cspam-list .message-item .summary .text {
    max-width: 100%;
  }
  #mail-tab-content .mail-cspam-list .message-item .time {
  	width: 95px;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-user {
  	width: calc(100% - 200px);
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-status {
  	width: auto;
  	max-width: 70px;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-status > span {
  	display: inline-block;
    padding: 3px 7px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    border-radius: 10px;
    color: #fff !important;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-status > span.blue {
  	background-color: #3a87ad;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-status > span.green {
  	background-color: #82af6f;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-status > span.red {
  	background-color: #d15b47;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-type {
  	width: auto;
  	margin-right: 0;
  	overflow: visible;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-type .cspam-type-text {
   	display: none;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-type .cspam-type-icon {
  	font-size: 1.1em;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-type.cspam_spam .cspam-type-icon {
  	color: #d15b47;
  }
  #mail-tab-content .mail-cspam-list .message-item .cspam-type.cspam_no_spam .cspam-type-icon {
  	color: #5cb85c;
  }
}


@media (max-width: 991px) {
	#mail-tab-content .content-container {
		padding: 0;
	}
}

@media (min-width: 551px) {
	#mail-tab-content .mail-box-search-768.nav-search .nav-search-input{
	    width: 180px;
	}
}
#mail-tab-content .mail-box-search-768 .input-icon > input,
#mail-tab-content .split-pane-component:not(.cls-viewport-xs) .mail-box-search-768.list-search .input-icon > input,
#mail-tab-content .mail-box-search-768.list-search.viewport-expand-search .input-icon > input {
    padding-right: 85px;
}
.cls-viewport-xs .mail-search-panel{
    display: none;
}

.mail-search-panel-mobile{
    display: none;
}

.cls-viewport-xs .mail-search-panel-mobile{
    display: block;
}

.checkbox-all:not(:hover) .btn-info{
    background: none!important;
    border: none!important;
}

.checkbox-all ul a{
    color: #333333!important;
}

/* #mail-tab-content .message-navbar .messagebar-item-left~.nav-search{
    left: 0!important;

} */

.checkbox-all .fa-caret-down{
    color: #cccccc;
}

#mail-tab-content .message-item .sender {
    color: #555;
}

@media (max-width: 767px) {
  #mail-tab-content .message-navbar .messagebar-item-left~.nav-search {
  	left: 80px !important;
	}
	#mail-tab-content .mail-box-search-768.list-search .input-icon > input {
		padding-right: 0;
	}
}
@media (max-width: 551px) {
	#mail-tab-content .message-navbar .messagebar-item-left~.nav-search {
		
	}
  #mail-tab-content .message-navbar .messagebar-item-left~.nav-search.mobileClick {
  	left: 0 !important;
	}
}
@media (min-width: 552px) {
	.mobile-toolbar-dropdown {
		display: none;
	}
}

#mail-folder-setting-down{
    top: auto;
    bottom: 100%;
}

#mail-tab-content .split-pane.vertical-percent > .cls-viewport-xs .hidden-xs {
    display: none!important;
}

#mail-tab-content .split-pane.vertical-percent > .cls-viewport-xs .visible-xs {
    display: block!important;
}

#mail-tab-content .mail-action-buttons{
	width: 100%;
	margin-top: 5px;
}
.message-sub-header .btn{
	font-size: 10px;
}
.mail-action-buttons .btn-txt{
	font-size: 12px;
}

.message-wrapeds.hybrid-message label.important-mail {
    position: absolute;
    right: 5px;
    display: inline-block;
    left: auto;
    top: 55%;
}

/* New Alias domains admin */
.xmiddle{
	display: flex;
    align-items: center;
}
.animated-toolbar{
	overflow: hidden;
	height: 45px;
}
.animated-toolbar .animated-toolbar-child{
	display: flex;
    flex-direction: column;
    transform: translate3d(0,1px,0);
	padding: 5px 0;
	transition: all 0.3s;
}

.animated-toolbar .animated-toolbar-child.active{
	transform: translate3d(0,-41px,0);
}

mail-preview-thumbnail.mail-thumbnail,
#mail i.fa.file-icon {
    display: flex;
    align-items: center;
    height: 100%;
}

#mail .mail-thumbnail {
    width: 40px;
    height: 40px;
    margin: 0;
    background-size: cover;
    background-position: center;
}

#print-mail-detail .content-view-body * {
	z-index: inherit !important;
}

.han-model-writer.in{
	display: block;
}

ul.mail-minimized-tabs {
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 100;
    list-style: none;
    margin: 0;
}

ul.mail-minimized-tabs li {
    float: left;
    background-color: #404040;
    padding: 10px 20px;
    border-radius: 4px 4px 0 0;
    margin-right: 10px;
}

ul.mail-minimized-tabs li a {
    color: #FFF;
}

ul.mail-minimized-tabs li a:first-child {
    margin-right: 20px;
}

ul.mail-minimized-tabs li a.tab-closes {
    padding: 0 5px;
    border: 1px solid transparent;
    display: inline-block;
}

ul.mail-minimized-tabs li a.tab-closes:hover {
    border: 1px solid #FFF;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
  }
  .lds-ripple div {
	position: absolute;
	border: 4px solid #fff;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
	0% {
	  top: 28px;
	  left: 28px;
	  width: 0;
	  height: 0;
	  opacity: 1;
	}
	100% {
	  top: -1px;
	  left: -1px;
	  width: 58px;
	  height: 58px;
	  opacity: 0;
	}
  }
  .set-height-300{
	max-height: 300px !important;
}
.set-height-200{
	max-height: 200px !important;
}
.select-form-list {
	max-height: calc(100vh - 500px);
	overflow: auto;
	/* background: #fffad5; */
	border: 1px solid #F2F2F2;
	min-height: 250px;
	position: relative;
}
.select-form-list.blank {
	background: transparent;
}
.select-form-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.select-form-list ul li {
	padding: 8px;
	position: relative;
}
.select-form-list ul li:hover,
.select-form-list ul li.active{
	background-color: #fdfbec;
	cursor: pointer;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
}
.select-form-list ul li .form__preview{
	position: absolute;
	right: 15px;
	top: 5px;
	display: none;
}
.select-form-list ul li .form__preview i{
	font-size: 16px;
}
.select-form-list ul li:hover .form__preview{
	display: block;
}
.select-form-list .label__html{
	background-color: #6aafea !important;
}
.select-form-list .label__mimefile{
	background-color: #ea6a6a !important;
}
.select-form-list .label__spreadform{
	background-color: #419148 !important;
}

.select-form-list .editor-loading-circle{
	display: block;
	background-color: transparent;
	height: 100%;
	box-shadow: none;
}
.form__search {
	/* box-shadow: 0 2px 8px 0 rgba(0,0,0,.2); */
	position: relative;
	background-color: #fffaf0;
}
.form__search input{
	background-color: transparent !important;
	border-color: #ffb488;
	border-radius: 3px !important;
}
.form__search i{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #888;
}
.modal-type3 .modal-header {
	padding: 10px 15px;
	background-color: #3f86ae;
	text-align: center;
	color: #fffceb;
}
.modal-type3 .modal-body {
	background: #fffefb;
}
.modal-type3 .modal-footer {
	padding-top: 0;
	background: #fffefb;
	border-top: none;
}
.cloudpop--tabbable .nav-tabs>li.active>a {
	background-color: #6fb3e0;
}
.listAttFilev2 .ffile > i.download, .message-attachment-bottom .ffile > i.download {
	right: 4.5rem;
}
.listAttFilev2 .ffile > i.clouddisk, .message-attachment-bottom .ffile > i.clouddisk {
	right: 2rem;
    left: inherit;
}
.attachment-list .action-buttons {
    float: right;
}
.attachment-list .attached-file2 {
    display: inline-block;
    max-width: calc(100% - 100px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    color: #777;
}
.attachment-list .attached-file2:hover, .attachment-list .attached-file2:focus, .attachment-list .attached-file2:active {
    color: #478fca;
}
.alert.alert-danger.mail-status{
	margin: 5px 0;
    padding: 5px 10px;
}
.select-lang{
	max-width: 100px;
    position: absolute;
    top: 6px;
    right: 155px;
    height: 28px;
    border-radius: 1px;
    border-color: #8aafce;
}
.translate-loading{
	width: 100%;
    height: 300px;
    position: relative;
}
.translate-loading i{
	font-size: 36px;
    position: absolute;
    top: 45%;
    left: 49%;
}
#div-sse {
	width: 200px;
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}
.translate-content.border-top {
	border-top: 1px #cccccc  dashed;
    padding-top: 35px;
	margin-top: 35px;
}
.view-full-border-right{
	border-right: 1px #cccccc  dashed;
}
.mail-pop-summary .title{
	text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 1px 0 3px 0 rgba(000, 000, 000, .05);
    box-shadow: 1px 0 3px 0 rgba(000, 000, 000, .05);
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 10px 15px;
    font-size: 12px;
}
.mail-pop-summary .ace-settings-box{
	border-color: #85bee5;
}
.mail-pop-summary .btn-close{
	position: fixed;
	display: block;
	width: 20px;
	top: 0px;
	right: -2px;
	border-width: 0px !important;
}
.mail-icon-translate{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%234579bb;%7D.cls-3%7Bfill:%23478fca;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M17.21,13.13l-1.1,3.21h2.2l-1.1-3.21ZM17.21,13.13l-1.1,3.21h2.2l-1.1-3.21ZM17.21,13.13l-1.1,3.21h2.2l-1.1-3.21ZM17.21,13.13l-1.1,3.21h2.2l-1.1-3.21ZM17.21,13.13l-1.1,3.21h2.2l-1.1-3.21ZM17.21,13.13l-1.1,3.21h2.2l-1.1-3.21Z'/%3E%3Cpath class='cls-3' d='M22.45,9.47h-7.45v3.14c0,.85-.69,1.54-1.54,1.54h-3.06v6.07c0,.85.69,1.55,1.54,1.55h7.94c.22.96.88,1.64,1.97,2.02-.47-.86-.44-1.57.42-2.02h.18c.86,0,1.55-.7,1.55-1.55v-9.21c0-.85-.69-1.54-1.55-1.54ZM19.17,18.84l-.53-1.55h-2.86l-.53,1.55h-1.07l2.61-7.08h.85l2.6,7.08h-1.07Z'/%3E%3Cpath class='cls-1' d='M17.64,11.76h-.85l-2.61,7.08h1.07l.53-1.55h2.86l.53,1.55h1.07l-2.6-7.08ZM16.11,16.34l1.1-3.21,1.1,3.21h-2.2Z'/%3E%3Cpath class='cls-3' d='M12.18.59H1.91C.86.59.01,1.44.01,2.48v9.02c0,1.05.85,1.9,1.9,1.9h.83c.22.4.14.89-.16,1.44.84-.29,1.41-.77,1.72-1.44h7.88c1.04,0,1.89-.85,1.89-1.9V2.48c0-1.04-.85-1.89-1.89-1.89ZM13.07,11.5c0,.5-.4.9-.89.9H1.91c-.49,0-.9-.4-.9-.9V2.48c0-.49.41-.89.9-.89h10.27c.49,0,.89.4.89.89v9.02Z'/%3E%3Cpath class='cls-3' d='M10.37,9.41c-.97-.39-1.78-.87-2.45-1.44.65-.71,1.15-1.53,1.49-2.45h.61c.28,0,.5-.23.5-.5s-.22-.5-.5-.5h-2.31v-1.37c0-.28-.22-.5-.5-.5s-.5.22-.5.5v1.37h-2.31c-.28,0-.5.22-.5.5s.22.5.5.5h.61c.34.92.84,1.74,1.49,2.45-.67.57-1.48,1.05-2.45,1.44-.26.11-.38.4-.28.66.08.19.27.31.46.31.07,0,.13-.02.19-.04,1.09-.45,2.02-1,2.79-1.68.77.68,1.7,1.23,2.79,1.68.06.02.12.04.19.04.19,0,.38-.12.46-.31.1-.26-.02-.55-.28-.66ZM6.09,5.52h2.24c-.27.64-.64,1.22-1.12,1.74-.48-.52-.85-1.1-1.12-1.74Z'/%3E%3C/svg%3E");
	height: 18px;
	width: 18px;
	display: block;
}
.mail-icon-summary{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23478fca;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.3,5.78c-.06-1.46-1.26-2.62-2.73-2.62H2.74C1.27,3.15.07,4.32,0,5.78c0,.04,0,.08,0,.12v11.87c0,1.51,1.23,2.74,2.74,2.74h9.93c.42,0,.76-.34.76-.76s-.34-.76-.76-.76H2.74c-.68,0-1.22-.55-1.22-1.22V7.35l8.7,6.09c.13.09.29.14.44.14s.3-.05.43-.14l8.7-6.09v3.11c0,.43.33.76.76.76s.76-.33.76-.76v-4.56s0-.08,0-.12ZM10.66,11.89L1.58,5.54c.14-.5.62-.87,1.16-.87h15.83c.55,0,1.02.36,1.16.87l-9.07,6.35Z'/%3E%3Cpath class='cls-1' d='M23.62,13.75h-.93v-.87c0-.21-.17-.38-.38-.38h-7.23c-.21,0-.38.17-.38.38v8.59c0,.21.17.38.38.38h.93v.88c0,.21.17.38.38.38h7.24c.21,0,.38-.17.38-.38v-8.59c0-.21-.17-.38-.38-.38ZM15.45,21.08v-7.83h6.47v7.83h-6.47ZM23.24,22.35h-6.48v-.5h5.55c.21,0,.38-.17.38-.38v-6.95h.55v7.83Z'/%3E%3Cpath class='cls-1' d='M18.49,15h-1.89c-.21,0-.38-.17-.38-.38s.17-.38.38-.38h1.89c.21,0,.38.17.38.38s-.17.38-.38.38Z'/%3E%3Cpath class='cls-1' d='M20.77,16.79h-4.17c-.21,0-.38-.17-.38-.38s.17-.38.38-.38h4.17c.21,0,.38.17.38.38s-.17.38-.38.38Z'/%3E%3Cpath class='cls-1' d='M20.77,18.59h-4.17c-.21,0-.38-.17-.38-.38s.17-.38.38-.38h4.17c.21,0,.38.17.38.38s-.17.38-.38.38Z'/%3E%3C/svg%3E");
	height: 18px;
	width: 18px;
	display: block;
}
.quick-action-mail .a-summary {
	width: 20px;
    height: 20px;
    margin-left: 6px;
    margin-right: 10px;
}
.custom-dropdown .dropdown-submenu {
    position: relative;
}
.custom-dropdown .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.custom-dropdown .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.custom-dropdown .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -5px;
}
.custom-dropdown .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.custom-dropdown .dropdown-submenu.pull-left {
    float: none;
}
.custom-dropdown .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.btn-border-white {
	border-color: white !important;
}