/*@import url(//fonts.googleapis.com/css?family=Raleway:400,500,700);*/

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

a {
	/*color: #2CC185;*/
	text-decoration: none;
	outline: none;
}

.no-flexbox .support {
	display: block;
}

.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

.mailbox-compose-mail > section {
	/*padding: 30px 0;*/
	font-size: 1.1em; /*1.25em*/
	min-height: 100%;
}

@media screen and (max-width: 1280px) {
	
	
}

@media screen and (max-width: 30em) {
	.container > section {
		padding: 10px 0;
	}
	
}


@media screen and (max-width: 25em) {
	
}

.tabs {
	position: relative;
	overflow: hidden;
	/*margin: 0 auto;*/
	min-width: 100%;
	font-weight: 100;
	font-size: 1.25em;
}

/* Nav */
.tabs nav {
	text-align: center;
	/*background-color: lightpink;*/
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 100%; /*1200px*/
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	-moz-justify-content: left;
	-ms-justify-content: left;
	justify-content: left;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width:100px;
	max-width: 150px;
	min-width: 50px;
	

}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.9;/*2.5*/
	cursor: default;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.tabs nav li.tab-current a {
	color: #74777b;
}

.tabs nav a:focus {
	outline: none;
}

/* Icons */
.icon::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.3em;
	font-family: 'stroke7pixeden';
	line-height: 1;
	speak: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-upload::before {
	content: "\e68a";
}
.icon-tools::before {
	content: "\e60a";
}
.icon-plane::before {
	content: "\e625";
}
.icon-joy::before {
	content: "\e6a4";
}
.icon-plug::before {
	content: "\e69a";
}
.icon-home::before {
	content: "\e648";
}
.icon-gift::before {
	content: "\e652";
}
.icon-display::before {
	content: "\e65e";
}
.icon-date::before {
	content: "\e660";
}
.icon-config::before {
	content: "\e666";
}
.icon-coffee::before {
	content: "\e669";
}
.icon-camera::before {
	content: "\e66f";
}
.icon-box::before {
	content: "\e674";
}

/* Content */
.tabs-content-wrapper {
	position: relative;
}

.tabs-content-wrapper section {
	display: none;
	/*margin: 0 auto;*/
	/*padding: 1em;*/
	max-width: 100%; /*1200px*/
	/*text-align: center;*/
}

.tabs-content-wrapper section.content-current {
	display: block;
}

.tabs-content-wrapper section p {
	margin: 0;
	padding: 0.75em 0;
	color: rgba(40,44,42,0.05);
	font-weight: 900;
	font-size: 4em;
	line-height: 1;
}

/* Fallback */
.no-js .tabs-content-wrapper section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}


/*****************************/
/* tabs-style-compose-box */
/*****************************/ 

.tabs-style-compose-box {
	max-width: 1200px;
}

.tabs-style-compose-box nav {
	padding: 2.5em 0.5em 0 0.5em;
  background-color: rgba(215, 213, 213,1) !important;
}

.tabs-style-compose-box nav ul li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabs-style-compose-box nav ul li a {
	padding: 0 1.5em 0 0.3em;
	color: rgba(150,150,150,0.8); /*#0d9564*/
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

@media screen and (max-width: 54em) {
	.tabs-style-compose-box nav ul li a {
		padding: 0 0.5em 0 0.3em;
	}
}

.tabs-style-compose-box nav ul li a:hover,
.tabs-style-compose-box nav ul li a:focus {
	color: #fff;
}

.tabs-style-compose-box nav ul li.tab-current a,
.tabs-style-compose-box nav ul li.tab-current a:hover {
	color: #fff; /*#2CC185*/
}

.tabs-style-compose-box nav ul li a span {
	font-weight: 500;
	font-size: 0.75em;
}

.tabs-style-compose-box nav ul li a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	outline: 1px solid transparent;
	border-radius: 10px 10px 0 0;
	background: #e8e8e8; /*#2CC185*/
	/*box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);*/
	content: '';
	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-0.7px);
	transform: perspective(5px) rotateX(0.93deg) translateZ(-0.7px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabs-style-compose-box nav ul li.tab-current a::after{
	background: rgba(250, 9, 167,0.8) !important;
	color: #fff !important;
	box-shadow: none;
}
.tabs-style-compose-box .tabs-content-wrapper {
	/*background: #eee; /*fff*/*/
	box-shadow: none;
}


@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}

/*customize css*/

.tab_delete_btn{
	float: right;
	position: absolute;
	top:15px;
	right:20px;
	width:20px;
	height: 20px;
	line-height: 8px;
	padding: 5px;
	background-color: rgba(0,0,0,0.05);
	color:rgba(255,255,255,0.7);
	border-radius: 50%;
	border: none;
	cursor: pointer;
	font-size: 16px;
	justify-content: center;
}
.tab_delete_btn:hover{	
	background-color: rgba(255,255,255,0.2);
	color:rgba(230,90,160,0.8);
}
.tab-current .tab_delete_btn{	
	background-color: rgba(255,255,255,0.2);	
}
.tab-current .tab_delete_btn:hover{	
	background-color: rgba(0,0,0,0.1);
}

/*new mail form*/
.form-group-new-mail{
  border-bottom: 1px solid #ddd;
  padding: 0 15px !important;
  margin: 10px 0px 0 0px !important;
}
.form-group-new-mail .form-control 
{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  width: 100%;
  padding: 7px;
  border: none;
  background: transparent;
  margin-bottom: 1px;
  font: 16px Arial, Helvetica, sans-serif;
  height: 25px;
  display: inline-block;
}
.form-group-new-mail .form-label{
  white-space: nowrap;
  color:#ddd;
  font-weight: 300;
}