:root
{
	--main-title-color: #333333;
	--main-color: #777777;
	--accessory-color: #999999;
	--background-image: ../images/theme1_common_bg_mainBackground.png;
	--page-background-image: none;
	--nav-background-image: ../../images/NavigationBar.png;
	--commentcount-background-image: ../images/btn_short_coffee_normal.png;
	--search-background-image: ../images/btn_short_coffee_normal.png;
	--background-color: white;
	--header-height: 44px;
	--news-comment-count-color: #1153A0;
	--div-background-color: white;
	--table-background-color: white;
	--border-line-color: #dddddd;
	--menu-color: white;
	--nav-title-color: white;
	--nav-background-color: #4D59E8;
	--title-click-color: #4D59E8;
	--title-click-line: 1px solid #4D59E8;
	--nav-title-color: white;
	--content-background-color: #eeeeee;
	--main-strong-color: #4D59E8;
	--placeholder-color: #888888;
	--border-line: solid 1px #dddddd;
	--switch-on: ../images/btn_switch_on.png;
	--switch-off: ../images/btn_switch_off.png;
	--btn-background-color:  #4D59E8;
	--btn-word-color:white;
	--nav-btn-background-color: #4D59E8;
	--tap-select-border: white;
	--input-dark-color:#777777;
	--tap-click-color:#6780b3;
	--time-color: #585c69;
 	 --color-red:#e84b52;
}



body
{
	font-family: Helvetica;
	background-color: Transparent;
}

.word-main-color
{
	color:#333333;
}

.searchbar-margin
{
	z-index: 999999 !important;
	margin-top: 0px !important;
	display: -webkit-box;
	display: -moz-box;         
	display: -ms-flexbox;  
	display: box; 
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	overflow: inherit;
	margin-top: 43px;
	padding-right: 16px;
	padding-left: 9px;
}

hr
{
	border: none;
	border-color: #fcdbaf !important;
	border-bottom: 1px #fcdbaf solid;
	height: 1px;
	color: #fcdbaf !important;
	transform: scaleY(0.5);
}
s .label-parent
{
	display: table;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	border: 1px solid #000;
}
.sliding
{
	left: 0px !important;
}
.label
{
	display: table-cell;
	vertical-align: middle;
}
.page-content
{
	/* background: url(../images/bg_main_ios.png?v=1) !important;  */
	background-size: 100% auto !important;
	background-color:white !important;
}
.page-on-left
{
	display: none !important;
}
.navbar
{
	background-color: #4D59E8 !important;
}
.navbar:after
{
	height: 0px !important;
}
.navbar-inner
{
	/*background: url(../images/NavigationBar.png?v=1) !important;*/
	padding: 0px 16px 0px 8px !important;
}
.navbar .center
{
	color: white !important;
}
.icon-mail
{
	width: 27px;
	height: 22px;
}
.icon-options
{
	width: 21px;
	height: 18px;
}
#btn-options
{
	margin-left: 14px;
}
.searchbar, .toolbar
{
	background-color:  #4D59E8  !important;
}
.panel-bg
{
	background-color: #4D59E8 !important;
}

.actions-modal-button, .actions-modal-label
{
	background: white !important;
	color: #4D59E8 !important;
}
	.actions-modal-button:after, .actions-modal-label:after {
		color: #dddddd !important;
		background-color: #EFF1F3 !important;
	}
#audit-notice
{
	color: White !important;
}
.radius-text div
{
	color: #fff0e3;
	font-size: 14pt;
}
input[type=search]
{
	background-image: none !important;
}

ul
{
	background-color: Transparent !important;
	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;
}
li
{
	list-style: none;
}

textarea {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box;
	border: 1px solid #EFF1F3 !important;
	-webkit-appearance: none;
}
a
{
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
div, input, strong, a, span, .button, .address, .item-content-left
{
	color: color:#333333;
}
.item-content-allwidth
{
	color:#17181a !important;
}
.item-after
{
	color: #999999 !important;
}
#email-content div
{
	font-size: 11pt !important;
}
#email-content .color-red
{
	color: #e64b53;
}

#email-content .color-date
{
	color: var(--time-color) ;
}
#email-content .click-color
{
	color: gray;
}
.color-unable
{
	color: gray !important;
}
.color-red div
{
	color: var(--color-red) !important;
}

.click-color div
{
	color: gray !important;
}


.item-title, .center, .buttons-row
{
	color: #777777 !important;
}
.click-menu {
	background: #437CFF;
}
.item-title
{
	color: #333333 !important;
}
.item-inner-reset div
{
	color: white !important;
}
.panel-bg li
{
	padding-left: 0px !important;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	cursor: pointer;
}
.panel-bg .item-title
{
	padding-left: 16px !important;
}
a
{
	color: #895d3b;
}
.address
{
	color: #333333!important;
}
.right a, .right span, .toolbar-inner a, .toolbar-inner div
{
	color:white !important;
}
order-last
{
	background: #fcdbaf !important;
}
.order-last a
{
	background: #fcdbaf !important;
	border: none !important;
}
/*.navbar-color
{
	 background-color:rgba(0,166,99,1) !important;
}*/



div
{
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
}

.icon-back
{
	background: url(../images/title_prev.png?v=1) no-repeat !important;
	width:32px !important;
	height:32px !important;
	background-size: 100% auto !important;
	
}
.searchbar-input
{
	margin-right: 14px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
}
.back
{
	color: White;
}


.words-break
{
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: pre-wrap;
}


.words-break-line1
{
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.words-break-line2
{
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.words-break-line4
{
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.item-container
{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;         
	display: -ms-flexbox;  
	display: box; 
	
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	padding: 10px 18px 0px 14px;
	font-size: 11pt;
}
.item-detail-init
{
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-o-box-align: start;
	box-align: start;
	padding-left: 0px;
	padding-right: 16px;
}
.item-container-normal
{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	padding: 10px 16px 10px 20px;
	font-size: 11pt;
}
.padding-20
{
	padding-left: 20px;
}
.padding-14
{
	padding-top: 10px;
}

.padding-9
{
	padding-top: 3px;
}

.padding-11
{
	padding-top: 7px;
}
.padding-12
{
	padding-left: 12px;
}
.padding-right-12
{
	padding-right: 12px;
}
.item-file-content
{
	padding-top: 0px;
	padding-right: 8px;
	padding-left: 12px;
}
.email-detail-content
{
	width: 100%;
	padding-left: 20px;
	padding-top: 14px;
}
#email-detail-content
{
	padding-bottom: 11px;
	padding-right: 16px;
}
.item-two-padding
{
	padding-top: 5px;
	padding-right: 21px;
	padding-bottom: 7px;
}
.item-img
{
	height: 26px;
	width: 26px;
}
.warn-container
{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	padding: 8px 16px;
	font-size: 0.8rem;
	text-align: center;
z-index:9999;
background: white;
}
.btn-container
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-o-box-pack: center;
	box-pack: center;
}
.btn-container input
{
	width: 100%;
	height: 28px;
	padding: 0px !important;
	background-color: Transparent;
	border: none;
	text-align: center;
	font-size: 0.9rem;
}
.warn-container div
{
	width: 100%;
}
.btn-back
{
	width: 100px !important;
	margin: 0 auto;
	padding: 5px 10px;
	background-color: #fcdbaf;
	border-radius: 5px;
	margin-top: 20px;
}
.search-btn
{
	background-color: White;
	padding: 0px;
	border-radius: 4px;
	text-align: center;
}
.search-btn label
{
	width: 100%;
	height: 100%;
}
.item-align
{
	text-align: center;
	width: 100%;
}
.item-height
{
	height: 100%;
}

.navbar .right, .navbar .left
{
	width: 25%;
}

.navbar .right
{
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-o-box-pack: end;
	box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
}
.img-container
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	margin: 5px 10px;
	position: relative;
	-webkit-order: -1;
	order: -1;
}

.item-container .list-block
{
	padding-left: 0px !important;
	margin: 0px 0px !important;
	width: 50%;
}



.item-container .item-content
{
	padding-left: 0px !important;
	font-size: 0.8rem !important;
}

.item-container-padding
{
	padding-left: 15px;
	padding-right: 15px;
}
.item-content-left
{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
}
.padding-top0
{
	padding-top: 0px;
	-webkit-box-align: stretch;
	-box-align: stretch;
}
.getter-email
{
}
.item-content-img
{
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	width: 33.3%;
	padding: 8px;
	text-align: center;
}
.item-content-img div
{
	text-align: center;
}
.item-content-img img
{
	width: 100%;
}
.getter-email
{
	padding: 8px 5px 7px 5px;
}
.item-content-left img
{
	width: 18px;
	height: 18px;
}
.img-attach
{
	width: 18px;
	height: 18px;
}
.item-content-img div:nth-child(2)
{
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	overflow: hidden;
	max-width: 100%;
	text-align: center;
	padding: 0px 5px;
}

.item-content-img div:last-child
{
	max-width: 100%;
	text-align: center;
	padding: 0px 5px;
}
.item-content-allwidth
{
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	word-break: break-all;
	word-wrap: break-word;
	padding-right: 10px;
}

.item-content-title
{
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
}

.item-content-input
{
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	-webkit-box-flex: 4;
	-moz-box-flex: 4;
	-ms-flex: 4;
	-o-box-flex: 4;
	box-flex: 4;
	margin-right: 8px;
	word-wrap: break-word;
	padding-left: 8px;
}

.input-break-word
{
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-width: 90%;
}
.item-content-input input
{
	width: 100%;
	border: none;
	background-color: Transparent;
	padding: 5px 2px;
}

.item-content-right
{
	padding-right: 8px;
}
.clear-height
{
	height: 3rem;
}
.content-block-title
{
	margin-top: 11px !important;
	font-size: 1rem !important;
}

.right-point
{
	background-image: url(         "data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20x…9.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E" );
	background-size: 10px 20px;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
}
.market-colse
{
	-webkit-transform: rotate(90deg);
}

.point-colse
{
	display: none !important;
}



.navbar-same-height
{
	margin-top: 42px !important;
}

.list-block-margin
{
	margin-top: 0px !important;
}


ul:before
{
	height: 0px !important;
}
.panel-bg:after
{
	height: 0px !important;
}
.li-border:after, .list-block ul:after, .item-inner:after, .border-after:after, #email-content:after, #addressl-content:after {
	content: '';
	height: 1px;
	width: 100%;
	background-color: #EFF1F3 !important;
	display: block;
	z-index: 15;
	transform: scaleY(0.5);
}
.border {
	border-bottom: 1px solid #EFF1F3 !important;
}

.item-container .item-inner:after
{
	background-color: Transparent !important;
}
.item-inner-reset:after
{
	background-color: Transparent !important;
}
.item-inner-reset
{
	margin-left: -2px !important;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	padding-right: 35px !important;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.block-border:after {
	content: '';
	height: 7px;
	width: 100%;
	background-color: #EFF1F3 !important;
	display: block;
	z-index: 15;
}
.li-border
{
	background-color: Transparent;
}
.tap-color
{
	background-color: #999999;
}

.bg-color
{
	background-color: #c8c7cc;
	border-radius: 5px;
}

.page-wrapper
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-orient: block-axis;
	-moz-box-orient: block-axis;
	box-orient: block-axis;
	-ms-flex-direction: column;
}

#email-wraper
{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	margin-bottom: 100px;
}

#email-wraper1
{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
}

.toolbar
{
	position: fixed;
	bottom: 0px;
}

.item-right-container
{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-o-box-pack: end;
	box-pack: end;
}

.item-right-container div
{
	padding: 10px 16px;
}

.item-date
{
	width: 25%;
}

.infinite-scroll-preloader
{
	margin-top: -20px;
	margin-bottom: 10px;
	text-align: center;
}
.infinite-scroll-preloader .preloader
{
	width: 34px;
	height: 34px;
}


.box-flex
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-align-items: center;
	align-items: center;
}

.box-flex p
{
	width: 80px;
}
#email-detail-content a, #email-reply-content a
{
	display: inline-block;
	word-break: break-all; /*支持IE，chrome，FF不支持*/
	word-wrap: break-word;
}
td
{
	word-break: break-all; /*支持IE，chrome，FF不支持*/
	word-wrap: break-word;
}
.words-break
{
	word-break: break-all; /*支持IE，chrome，FF不支持*/
	word-wrap: break-word;
}

.item-content-padding
{
	padding-left: 0px !important;
}
.item-inner-border:after
{
	height: 0px !important;
}

.bg-panel
{
	background-color: #5d89d1 !important;
}

.reftest
{
	margin-top: 100px;
	height: -webkit-calc(100% -200px);
	height: -moz-calc(100% - 200px);
}
.delete
{
	position: absolute;
	left: 100%;
	top: -20px;
}
.delete img
{
	width: 20px;
}
.order-last
{
	-webkit-order: 99;
	order: 99;
}
.div-input-box
{
	width: 100%;
	max-height: 120px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	outline: 0;
	word-wrap: break-word;
	word-break: break-all;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-user-modify: read-write;
   -moz-user-modify: read-write;
  user-modify: read-write;
	display: block;
}


.item-first-resize
{
	padding-top: 18px;
}
.smart-select-resize
{
	padding: 0px 16px;
}
.menu-click-lagre
{
	height: 44px;
	border: 10px solid Transparent;
}
.aclick-lagre
{
	padding: 8px;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
}
.navbar-inner-right-init
{
	padding-right: 8px;
}
.test
{
	position: fixed !important;
	top: 10px !important;
	left: 0px !important;
}
.radius-text
{
	width: 22px;
	height: 22px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	text-align: center;
	background: url(../images/icon-downlist-circular.png?v=1) !important;
	background-size: cover !important;
}
.radius-text div
{
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
}
.notifications
{
	height: 40px;
	position: absolute !important;
	text-align: center;
	bottom: 0px !important;
	top: auto !important;
}
#audit-notice
{
	width: 100%;
	height: 40px;
	text-align: center;
	padding: 10px;
}
.img-init
{
	max-width: 100% !important;
}

.content-img
{
	max-width: 100% !important;
}
.content-img-inti
{
	width: 77px !important;
	height: 62px !important;
}
.color-red
{
	color: #e64b53 !important;
}
.infinite-scroll-preloader
{
	margin-top: -20px;
	margin-bottom: 10px;
	text-align: center;
}
.infinite-scroll-preloader .preloader
{
	width: 34px;
	height: 34px;
}

.pull-to-refresh-content.pull-to-refresh-no-navbar
{
	height: -webkit-calc(100%);
	height: -moz-calc(100% );
	height: calc(100%);
	margin-top: -0px !important;
}
.preloader, .pull-to-refresh-arrow
{
	left: 27px !important;
}
#email-content
{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.panel-right
{
	width: 220px;
	padding-top: 44px;
}
body.with-panel-right-reveal .views
{
	-webkit-transform: translate3d(-220px,0,0) !important;
	transform: translate3d(-220px,0,0) !important;
}
.panel-overlay
{
	margin-left: -220px !important;
}
.margin-right-reset
{
	margin-right: 0px;
}
.book-link
{
	padding-left: 16px;
	line-height: 14px;
	min-width: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
}
.book-link div
{
	font-size: 2rem;
	color: #4D59E8;
}
.color-unalbe
{
	color: red !important;
}
.color-green
{
	color: #0000ff;
}
.external
{
	text-decoration: underline !important;
	color: blue !important;
}

#del-email
{
	webkit-box-pack: end !important;
	-moz-box-pack: end !important;
	-ms-flex-pack: end !important;
	-o-box-pack: end !important;
	box-pack: end !important;
	justify-content: flex-end !important;
	-webkit-justify-content: flex-end !important;
}
.img-search
{
	width: 21px;
	height: 18px;
}



.img-item-padding
{
	padding-left: 7px;
}
.img-star
{
	height: 15px;
	width: 15px;
}
.img-margin
{
	margin-bottom: 14px;
}
.img-up-down
{
	width: 18px;
	height: 14px;
}
.nodata
{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	padding: 14px 0px 14px 0px;
	font-size: 0.8rem;
}
.attach
{
	padding-left: 16px;
}
.attach-img-padding
{
	padding-left: 16px;
}
.attach-img
{
	padding-left: 20px;
	color: #999999;
}
.padding-bottom-38
{
	padding-bottom: 14px;
}
.color-yello
{
	color: #999999 !important;
}

.actions-modal-button .color-yello {
	color: #4D59E8 !important;
}
.font-little
{
	font-size: 9pt;
}
.item-media
{
	padding-left: 20px;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}
.item-media img
{
	width: 20px;
}
.searchbar input[type=search]
{
	padding: 0 14px;
}
.save
{
	position: absolute;
	right: 16px;
	bottom: 32px;
	border-radius: 100%;
	background-color: #4D59E8;
	width: 40px;
	height: 40px;
	z-index: 11;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	text-align: center;
	color: White;
	font-size: 0.8rem;
}
.save div, .delete-container div
{
	width: 100%;
	color: white;
	font-size: 0.8rem;
}

.delete-container
{
	position: absolute;
	right: 16px;
	bottom: 80px;
	border-radius: 100%;
	background-color: #724920;
	width: 40px;
	height: 40px;
	z-index: 11;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	text-align: center;
	color: White;
	font-size: 0.8rem;
}

.setting-list
{
	background-color: Transparent;
	height: 44px;
	padding: 0px 16px;
}

.setting-content:after {
	content: '';
	height: 1px;
	width: 100%;
	background-color: #EFF1F3 !important;
	display: block;
	z-index: 15;
}

.setting-list img
{
	width: 12px;
}

.list-item
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
}


.setting-item
{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	font-size: 0.8rem;
	cursor: pointer;
}


.folder-item
{
	height: 40px;
	width: 80px;
	border-radius: 8px;
	background-color: #eeeeee;
	color: #777777;
	padding: 0px 5px;
	margin-bottom: 10px;
	font-size: 0.7rem;
	box-pack: center;
	-webkit-box-pack: center;
}

.folder-item div
{
		color: #777777;
}
.folder-item-hide
{
	height: 40px;
	width: 80px;
	border-radius: 8px;
	background-color: #724920;
	color: #fcdbaf;
	font-size: 0.7rem;
	background-color: Transparent;
}


.space-content
{
	
   -webkit-box-pack: justify;
	-o-box-pack: justify;
	box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
}

.pwd-input-title
{
	width: 25%;
}

.div-input
{
	width: 100%;
	border: 1px solid #eeeeee;
	text-align: left;
	border-radius: 5px;
	background-color: #eeeeee;
	padding: 3px 0px;
	text-align: left;
	margin: 10px 0px;
}

.div-input input
{
	width: 90%;
	padding-left: 5px;
	background-color: Transparent;
	border: none;
	font-size: 13pt;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
	color: #777777;
	line-height: normal !important;
}
.div-input input::-webkit-input-placeholder
{
	color: #888888;
	line-height: 20px;
}

.user-img-container
{
	position: absolute;
	width: 150px;
	height: 62px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
	z-index: 9999;
	margin-left: 17px;
	top: 0px;
	color: #fcdbaf !important;
}

.user-img-container img
{
	width: 62px;
	height: 62px;
	border-radius: 18px;
}

.user-img-container div
{
	margin: 10px 0px 0px 28px;
	color: #fcdbaf !important;
}

.div-sign-input
{
	width: 100%;
	max-height: 150px;
	padding: 3px;
	outline: 0;
	word-wrap: break-word;
	word-break: break-all;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-user-modify: read-write;
	-moz-user-modify: read-write;
	 user-modify: read-write;
	display: block;
	background-color: #eeeeee;
	text-align: left;
	border-radius: 8px;
	min-height: 100px;
}

.forbid-copy
{
	 -moz-user-select: none;
	 -webkit-user-select: none;
	 -ms-user-select: none;
	 user-select:none;
}

#upload-file .img-container
{
	cursor: pointer;
}


.navbarMenu
{
	padding-bottom: 50px;
}


#email-foot
{
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -o-box !important;
	display: box !important;
}

.searchbar-wrap
{
	position: absolute; width: 100%; top: 44px;
}

.pull-to-refresh-content
{
	 padding-top:88px  !important;
}
.searchbar input[type="search"] 
{
		 height:28px;
		 -moz-box-sizing: border-box;
}
.box-child-allwidth
{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
}

.actions-modal-group
{
	overflow-y: visible;
    max-height: 80vh;
}

#add-email-detail-content
{
	 max-height:inherit;
	 overflow-x:hiddend;
	 border: 1px #fcdbaf solid;
	 background-color:White;
	 min-height:120px;
	 border-radius:12px
}

#add-email-detail-content {
	max-height: inherit;
	overflow-x: hiddend;
	border: 1px #EFF1F3 solid;
	background-color: White;
	min-height: 120px;
}

#add-email-detail-content div,#add-email-detail-content li, #add-email-detail-content input, #add-email-detail-content strong, #add-email-detail-content, #add-email-detail-content span, #add-email-detail-content .button,#add-email-detail-content .address,#add-email-detail-content .item-content-left
{
	 color:#333333 !important;
}

#add-email-detail-content a
{
	cursor:pointer;
}
#showClickBigImg
{
	left:0px !important;
	top:44px !important;
	overflow:scroll !important;

	background-size: 100% auto !important;
	
	height:100% !important;
	position:absolute;
	padding-bottom:44px  !important;
}

#showBigImgBackground div{
    text-align: right;
    /*background: url(../images/NavigationBar.png) !important;*/
    background-color:#4D59E8 !important;
    height:44px;
    margin-right:0px  !important;
}
#showBigImgBackground div img
{
	margin-top:4px;
}
.emailimg-width-init
{
	width:auto;
}

.btn-file-icon
{
	width:48px;
	padding:4px;
}

.file-container {
	float: left;
	width: 100%;
	margin: 8px;
	border: 1px solid #EFF1F3;
	border-radius: 5px;
}

.file-name
{
	padding-left:8px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


@media screen and (max-width: 400px)
{
	.item-send
	{
		padding: 18px 16px 4px 16px !important;
		line-height: normal;
	}
	.item-first-resize
	{
		padding-top: 7px;
	}
	.item-inner
	{
		padding-top: 4px !important;
		padding-bottom: 3px !important;
		min-height: 28px !important;
	}
	.item-content
	{
		min-height: 28px !important;
	}

	.radius-text div
	{
		width: 100%;
		text-align: center;
	}

	.panel-right
	{
		width: 217px;
		padding-top: 44px;
	}
	body.with-panel-right-reveal .views
	{
		-webkit-transform: translate3d(-217px,0,0) !important;
		transform: translate3d(-217px,0,0) !important;
	}
	.panel-overlay
	{
		margin-left: -217px !important;
	}
	.item-inner-reset
	{
		margin-left: -2px !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		padding-right: 35px !important;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}


#email-detail-content
{
	color:#333333 !important;
	
}

.item-content-img div
{
	color:#333333;
}


.smart-select-resize strong
{
	color:#777777;
}


#send-set
{
	color:#4D59E8
}


@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)
{ 
	
	.toolbar
	{
		 height:66px;
	}
	
	.toolbar-inner
	{
		padding-bottom:22px
	}
	
}