/* HEADER: BEGIN */
#header .logo
	{
		width: 260px !important;
		background: url('/templates/images/logos/betvoyager-logo-mail.png') 20px 20px no-repeat !important;
		padding: 0px;
		position: relative;
		left: 0px;
	}
/* HEADER: END */

/* COMMON: BEGIN */

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/vtwNVMP8y9C17vLvIBNZI_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/9kaD4V2pNPMMeUVBHayd7vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body, html
	{
		height: 100%;
		margin: 0px;
		padding: 0px;
		background-color: #05131C;
		/* background: url('/templates/images/pages/mail/background.gif') repeat-x; */
		font-family: PT Sans,Helvetica,sans-serif;
		color: white;
	}

a
	{
		cursor: pointer;
	}

form
	{
		margin: 0px;
		padding: 0px;
	}

#wrap_body
	{
		width: 100%;
		min-height: 100%;
		margin-bottom: -47px;
		/* background: url('/templates/images/pages/mail/background_logo.gif') no-repeat; */
	}

* html #wrap_body /* this is IE hack, do not touch this */
	{
		height: 100%;
	}
/* COMMON: END */


/* HEADER: BEGIN */
#header
	{
		width: 100%;
		height: 122px;
		border-collapse: collapse;
		box-shadow: 0 2px 4px 0 black;
		margin-bottom: 2px;
		/* background-color: #1976d2; */
		border-bottom: solid 36px #E53935;
	}

#header .help
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 12px;
		text-align: justify;
		color: rgba(255, 255, 255, 0.5);
		vertical-align: middle;
		padding: 20px 20px 20px 0px;
		display: none;
	}
/* HEADER: END */


/* FEEDBACK: BEGIN */
#feedback
	{
		text-align: center;
	}

#feedback table.frame
	{
		width: 620px;
		margin: 10px auto 0px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

#feedback table.frame tr.top,
#feedback table.frame tr.bottom
	{
		height: 5px;
	}

#feedback table.frame tr.top td.left,
#feedback table.frame tr.top td.right,
#feedback table.frame tr.middle td.left,
#feedback table.frame tr.middle td.right,
#feedback table.frame tr.bottom td.left,
#feedback table.frame tr.bottom td.right
	{
		width: 5px;
		padding: 0px;
	}

#feedback table.frame tr.top td.left
	{
		/* background: url('/templates/images/pages/mail/frame/top_left.gif'); */
	}

#feedback table.frame tr.top td.middle
	{
		/* background: url('/templates/images/pages/mail/frame/top_middle.gif'); */
	}

#feedback table.frame tr.top td.right
	{
		/* background: url('/templates/images/pages/mail/frame/top_right.gif'); */
	}

#feedback table.frame tr.middle td.left
	{
		/* background: url('/templates/images/pages/mail/frame/middle_left.gif'); */
	}

#feedback table.frame tr.middle td.right
	{
		/* background: url('/templates/images/pages/mail/frame/middle_right.gif'); */
	}

#feedback table.frame tr.bottom td.left
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_left.gif'); */
	}

#feedback table.frame tr.bottom td.middle
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_middle.gif'); */
	}

#feedback table.frame tr.bottom td.right
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_right.gif'); */
	}

#feedback table.frame tr.middle td.middle
	{
		padding: 0px;
		text-align: center;
		/* background: #fff; */
	}

#feedback table.frame tr.middle td.middle table
	{
		margin: 0px auto;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
		color: rgba(255, 255, 255, 0.8);
	}

#feedback table.frame tr.middle td.middle th
	{
		padding: 1px 10px 0px 0px;

		text-align: right;
	}

#feedback table.frame tr.middle td.middle select
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
	}

#feedback table.frame tr.middle td.middle input, textarea
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 12px;
		width: 315px;
	}

#feedback table.frame tr.middle td.middle textarea
	{
		height: 200px;
	}

#feedback .sub
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 12px;
		color: rgba(255, 255, 255, 0.2);	}

#feedback .sup
	{
		font-size: 12px;
		color: #ff0000;
	}

/* errors: begin */
#feedback .errors
	{
		width: 500px;
		margin: 0px auto 10px;
	}

#feedback .errors .header
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #ff0000;
		text-decoration: underline;

		text-align: left;
	}

#feedback .errors .message
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 12px;
		color: #255b73;

		text-align: left;
	}
/* errors: end */

/* messages: begin */
#feedback .messages
	{
		width: 400px;
		margin: 20px auto 15px;

		text-align: center;
	}

#feedback .messages .message
	{
		width: 100%;

		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 13px;
		color: #255b73;

		text-align: center;

		line-height: 25px;
	}

#feedback .messages .message a
	{
		color: #255b73;
		text-decoration: underline;
	}

#feedback .messages .message a:hover
	{
		text-decoration: none;
	}
/* messages: end */
/* FEEDBACK: END */


/* FOOTER: BEGIN */
#wrap_footer
	{
		height: 47px;
		background-color: #101C2B;
	}

#wrap_footer .status
	{
		padding-top: 16px;
		padding-left: 16px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 14px;
		color: #0A639A;
	}
/* FOOTER: END */


/* CONTENT: BEGIN */
#wrap_body .content
	{
		width: 100%;

		text-align: center;
	}

#wrap_body .clear
	{
		clear: both;
		height: 70px;
	}

/* menu: begin */
#menu
	{
		width: 160px;
		padding: 6px 0px 10px 10px;
	}

#menu table.frame
	{
		width: 100%;

		border-collapse: collapse;
		border-spacing: 0px;
		border: 0px;
	}

#menu table.frame tr.top,
#menu table.frame tr.bottom
	{
		/* height: 5px; */
	}

#menu table.frame tr.top td.left,
#menu table.frame tr.top td.right,
#menu table.frame tr.middle td.left,
#menu table.frame tr.middle td.right,
#menu table.frame tr.bottom td.left,
#menu table.frame tr.bottom td.right
	{
		width: 5px;
		padding: 0px;
	}

#menu table.frame tr.top td.left
	{
		/* background: url('/templates/images/pages/mail/frame/top_left.gif'); */
	}

#menu table.frame tr.top td.middle
	{
		/* background: url('/templates/images/pages/mail/frame/top_middle.gif'); */
	}

#menu table.frame tr.top td.right
	{
		/* background: url('/templates/images/pages/mail/frame/top_right.gif'); */
	}

#menu table.frame tr.middle td.left
	{
		/* background: url('/templates/images/pages/mail/frame/middle_left.gif'); */
	}

#menu table.frame tr.middle td.right
	{
		/* background: url('/templates/images/pages/mail/frame/middle_right.gif'); */
	}

#menu table.frame tr.bottom td.left
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_left.gif'); */
	}

#menu table.frame tr.bottom td.middle
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_middle.gif'); */
	}

#menu table.frame tr.bottom td.right
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_right.gif'); */
	}

#menu table.frame tr.middle td.middle
	{
		/* padding: 0px 0px 10px; */
		text-align: center;
		/* background: #fff; */
	}

#menu table.frame tr.middle td.middle .inbox,
#menu table.frame tr.middle td.middle .outbox,
#menu table.frame tr.middle td.middle .write,
#menu table.frame tr.middle td.middle .hidden
	{
		margin: 10px 0px 0px 10px;
		padding: 4px 0px 0px 37px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
		/* font-weight: bold; */
		color: rgba(255, 255, 255, 0.4);
		text-align: left;
		cursor: default;
	}

#menu table.frame tr.middle td.middle .inbox a,
#menu table.frame tr.middle td.middle .outbox a,
#menu table.frame tr.middle td.middle .write a,
#menu table.frame tr.middle td.middle .hidden a
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #ffffff;
		text-decoration: none;
		transition: all ease 0.3s;
	}

#menu table.frame tr.middle td.middle .inbox a:hover,
#menu table.frame tr.middle td.middle .outbox a:hover,
#menu table.frame tr.middle td.middle .write a:hover,
#menu table.frame tr.middle td.middle .hidden a:hover
	{
		/* text-decoration: underline; */
		cursor: pointer;
		color:#FFCA28;
		transition: all ease 0.3s;
	}

#menu table.frame tr.middle td.middle .inbox
	{
		height: 22px;
		background: url('/templates/images/pages/mail/menu/inbox.gif') no-repeat;
	}

#menu table.frame tr.middle td.middle .outbox
	{
		height: 22px;
		background: url('/templates/images/pages/mail/menu/outbox.gif') no-repeat;
	}

#menu table.frame tr.middle td.middle .write
	{
		height: 22px;
		background: url('/templates/images/pages/mail/menu/write.gif') no-repeat;
	}

#menu table.frame tr.middle td.middle .hidden
	{
		height: 22px;
		background: url('/templates/images/pages/mail/menu/hidden.gif') no-repeat;
	}

#menu table.frame tr.middle td.middle .separator
	{
		/* width: 100%; */
		/* height: 1px; */
		margin: 10px 0px 0px 10px;
		overflow: hidden;
		/* background: url('/templates/images/pages/mail/menu/separator.gif') -50px 0px no-repeat; */
	}
/* menu: end */

/* body: begin */
#body
	{
		padding: 10px 10px 0px 10px;
	}

#body table.frame
	{
		width: 100%;

		border-collapse: collapse;
		border-spacing: 0px;
	}

#body table.frame tr.top,
#body table.frame tr.bottom
	{
		/* height: 5px; */
	}

#body table.frame tr.top td.left,
#body table.frame tr.top td.right,
#body table.frame tr.middle td.left,
#body table.frame tr.middle td.right,
#body table.frame tr.bottom td.left,
#body table.frame tr.bottom td.right
	{
		width: 5px;
		padding: 0px;
	}

#body table.frame tr.top td.left
	{
		/* background: url('/templates/images/pages/mail/frame/top_left.gif'); */
	}

#body table.frame tr.top td.middle
	{
		/* background: url('/templates/images/pages/mail/frame/top_middle.gif'); */
	}

#body table.frame tr.top td.right
	{
		/* background: url('/templates/images/pages/mail/frame/top_right.gif'); */
	}

#body table.frame tr.middle td.left
	{
		/* background: url('/templates/images/pages/mail/frame/middle_left.gif'); */
	}

#body table.frame tr.middle td.right
	{
		/* background: url('/templates/images/pages/mail/frame/middle_right.gif'); */
	}

#body table.frame tr.bottom td.left
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_left.gif'); */
	}

#body table.frame tr.bottom td.middle
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_middle.gif'); */
	}

#body table.frame tr.bottom td.right
	{
		/* background: url('/templates/images/pages/mail/frame/bottom_right.gif'); */
	}

#body table.frame tr.middle td.middle
	{
		padding: 0px 0px 10px;
		text-align: left;
		/* background: #fff; */
	}

#body table.frame tr.middle td.middle .empty
	{
		padding: 108px 0px 10px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 24px;
		font-weight: bold;
		color: rgba(74, 144, 214, 0.35);
		text-align: center;
	}

#body table.frame tr.middle td.middle .counter
	{
		padding: 0px 14px 14px 14px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
		color: rgba(255, 255, 255, 0.9);
		text-align: right;
		cursor: default;
		position: absolute;
		top: 93px;
		right: 12px;
	}

#body table.frame tr.middle td.middle table.mails_container,
#body table.frame tr.middle td.middle table.write_container
	{
		width: 100%;
	}

#body table.frame tr.middle td.middle th.mails_container,
#body table.frame tr.middle td.middle th.write_container
	{
		width: 0px;
	}

#body table.frame tr.middle td.middle td.mails_container,
#body table.frame tr.middle td.middle td.write_container
	{
		padding: 0px;
		margin: 0px;
	}

td.mails_container table.mails tbody tr td img {
		background-color: none;
		padding: 8px;
		border-radius: 100%;
		transition: all ease-in-out 0.3s;
}

td.mails_container table.mails tbody tr td img:hover {
		background-color: #E53935;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

td.mails_container table.mails tbody tr th:nth-child(2),
td.mails_container table.mails tbody tr td:nth-child(2) {
	display:none;
}

#body table.frame tr.middle td.middle .mails
	{
		border-collapse: collapse;
		width: 100%;
		box-shadow: 0 2px 4px 0 black;
		transition: all ease 0.3s;
	}

#body table.frame tr.middle td.middle .mails tr {
	background-color: #2A363E;
	border: solid 1px #303B42;
}

#body table.frame tr.middle td.middle .mails tr:nth-child(2n+1){
	background-color: #27333B;
}

#body table.frame tr.middle td.middle .mails tr.selected
	{
		background-color: #1976d2;
	}

#body table.frame tr.middle td.middle .mails tr.selected td{
	color:white;
}

#body table.frame tr.middle td.middle .mails tr.hover{
	background-color: rgba(255, 255, 255, 0.2);
	transition: all ease 0.3s;
}

#body table.frame tr.middle td.middle .mails tr.hover td{
	color:white;
}

#body table.frame tr.middle td.middle .mails th
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: rgba(255, 255, 255, 0.65);
		/* background-color: rgb(25, 118, 210); */
		background-color: #19262E;
		text-align: center;
		/* border: solid 1px #c9c9c9; */
		border: solid 1px #303B42;
		padding: 12px 8px;
		cursor: default;
	}

#body table.frame tr.middle td.middle .mails td
	{
		padding: 8px 12px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
		color: #f5f5f5;
		/* border: solid 1px #c9c9c9; */
		cursor: pointer;
	}

/* pages: begin */
#body table.frame tr.middle td.middle .pages
	{
		padding: 10px 0px 0px 10px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		text-align: left;
		cursor: default;
	}

#body table.frame tr.middle td.middle .pages b {
	color: white;
	padding: 0 4px;
	cursor: default;
}

#body table.frame tr.middle td.middle .pages a
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.3);
		text-decoration: none;
		transition: all ease 0.3s;
		padding: 0 4px;
	}

#body table.frame tr.middle td.middle .pages a:hover
	{
		text-decoration: none;
		color: white;
	}
/* pages: end */

/* write: begin */

form#mail_form table.write tbody tr td button,
button {
	color: rgba(255, 255, 255, 0.9);
	cursor: pointer;
	border: none;
	border-radius:4px;
	padding: 10px 20;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#e53935;
	box-shadow:0 1px 2px 0px black;
	transition: all ease 0.3s;
}

form#mail_form table.write tbody tr td button:hover,
button:hover {
	color: white;
	background-color:#EF5350;
	box-shadow:0 2px 4px 0px rgba(0, 0, 0, 0.7);
	transition: all ease 0.3s;
}

form#mail_form table.write tbody tr td b {
	color: white;
	cursor: default;
}

#body table.frame tr.middle td.middle table.write
	{
		margin: 10px 0px 0px 10px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
		color: rgba(255, 255, 255, 0.8);
		width: 100%;
	}

#body table.frame tr.middle td.middle table.write td
	{
		padding-top: 4px;
		padding-bottom: 4px;
	}

#body table.frame tr.middle td.middle table.write select, input, textarea
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 16px;
	}

#body table.frame tr.middle td.middle .write .sub
	{
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 12px;
		color: rgba(255, 255, 255, 0.2);
	}

#body table.frame tr.middle td.middle .write .sup
	{
		font-size: 12px;
		color: #ff0000;
	}

#body table.frame tr.middle td.middle table.write input,
#mail_form table tbody tr td input
	{
		/* width: 400px; */
		width: 100%;
		border-radius: 4px;
		border: none;
		padding: 6px;
		/* color: rgba(0, 0, 0, 0.8); */
	}

#body table.frame tr.middle td.middle table.write textarea
	{
		width: 100%;
		height: 200px;
		border-radius: 4px;
		border: none;
		padding: 6px;
	}
/* write: end */

/* errors: begin */
#body .errors
	{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;

		text-align: left;
	}

#body .errors .header
	{
		float: left;
		width: 100%;

		margin-bottom: 10px;

		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #ff0000;
		/* text-decoration: underline;*/

		text-align: left;
	}

#body .errors .message
	{
		clear: both;
		width: 100%;
		padding-left: 15px;
		padding-top: 3px;

		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 12px;
		color: white;

		text-align: left;
	}
/* errors: end */

/* message: begin */
#message
	{
		margin: 2px 10px 0px 10px;
		background-color: white;
		padding: 6px 0px 6px 0px;
		/* border-radius: 4px; */
		box-shadow: 0 2px 4px 0 black;
	}

#message .date,
#message .project,
#message .to,
#message .from,
#message .subject,
#message .message
	{
		padding: 10px 15px 0px;
		font-family: PT Sans,Helvetica,sans-serif;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.5);
		text-align: left;
	}

#message .message {
	padding-top: 24px;
	font-size: 16px;
	line-height:1.5;
	color: black;
}
/* message: end */

/* body: end */
/* CONTENT: END */