﻿
.DevFlag {
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -50px;
	background:#FFF;
	font-size:.6em;
	padding:0 .3em;
	display:none;
	z-index:4;
	color:#d84a38;
	opacity:0.5;
}

.DevFlag:after {
	content:"Development Server";
}
/*#region  filson-soft font */
@font-face {
	font-family: filson-soft;
	src: url(https://use.typekit.net/af/f90400/00000000000000003b9ade58/27/l?subset_id=2&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/f90400/00000000000000003b9ade58/27/d?subset_id=2&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/f90400/00000000000000003b9ade58/27/a?subset_id=2&fvd=n8&v=3) format("opentype");
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: filson-soft;
	src: url(https://use.typekit.net/af/3803f9/00000000000000003b9ade61/27/l?subset_id=2&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/3803f9/00000000000000003b9ade61/27/d?subset_id=2&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/3803f9/00000000000000003b9ade61/27/a?subset_id=2&fvd=n9&v=3) format("opentype");
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: filson-soft;
	src: url(https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/a?subset_id=2&fvd=n7&v=3) format("opentype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: filson-soft;
	src: url(https://use.typekit.net/af/672b42/00000000000000003b9ade59/27/l?subset_id=2&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/672b42/00000000000000003b9ade59/27/d?subset_id=2&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/672b42/00000000000000003b9ade59/27/a?subset_id=2&fvd=n3&v=3) format("opentype");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: filson-soft;
	src: url(https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/a?subset_id=2&fvd=n4&v=3) format("opentype");
	font-weight: 400;
	font-style: normal;
}
/* #endregion */



.dataTables_wrapper {
	text-align:left;
	position:relative;
}	

.dataTables_wrapper th, 
.dataTables_wrapper td {
	text-align:left;
}

table.dataTable tbody th, 
table.dataTable tbody td {
    padding: .5em;
}


.dataTables_wrapper .dataTables_filter {
	float:left;
	text-align:left;
	padding:0;
	display:inline-block;
}
#TokenTap .dataTables_wrapper .dataTables_filter {
	border-color:#35aa46;
}

.dataTables_wrapper .dataTables_filter input {
	margin: 0;
	padding: 0.1em 0 0 1.7em;
	width: 10em;
	color: #333;
}
.dataTables_processing {
    background: transparent;
    font-size: 1.2em;
    height: 40px;
    width:40px;
    left: 50%;
    margin-left: -20px;
    padding-top:0px;
    position: absolute;
    text-align: center;
    top: 10px;
}


.dataTables_processing.process_in_search {
  height: 1.4em;
  left: auto;
  margin: 0;
  padding-top: 0;
  position: absolute;
  right: 0.3em;
  top: 0.1em;
  width: 1.5em;
}
.dataTables_processing.process_in_search img {
	width:100%;
	background:#FFF;
}


/*#region  Inbox */

#Inbox .send_message {
	font-size:1em;
	float:right;
	margin-right:0;
}
#Inbox .send_message::before {
	content:'New Message';
}
#inbox_table_wrapper .dataTables_scrollBody {
	height:auto !important;
	border-top:1px solid #cdf;
	border-bottom:1px solid #cdf;
}
#TokenTap #inbox_table_wrapper .dataTables_scrollBody {
	border-top:1px solid #c2e5c8;
	border-bottom:1px solid #c2e5c8;
}

#inbox_table_filter {
	width:12em;
}

#inbox_table_wrapper .wrapFilter {
	float:left;
}

#Inbox .dataTables_scrollHead {
	display:none;
}

#inbox_table tr.main_row td {
	font-size:.9em;
	color:#333;
	border-top:1px solid #cdf;
	padding-top:0.2em;
	background-color:#cdf;
}
#TokenTap #inbox_table tr.main_row td {
	border-top:1px solid #c2e5c8;
	background-color:#c2e5c8;
}

#inbox_table tr.main_row:first-child td {
	border-top:none;
}
#inbox_table tbody tr:not(.main_row) td {
	padding:0;
}
#inbox_table .wrapMessage {
	font-size:1em;
	position:relative;
	overflow:hidden;
	background-color:#cdf;
	color:#555;
}
#TokenTap #inbox_table .wrapMessage {
	background-color:#c2e5c8;
	color:#555;
}

#inbox_table .wrapMessageInner {
	margin: 0 .8em;
	background-color:#fff;
	border-radius:.5em;
	padding:.5em 1em;
}

#inbox_table .wrapMessage.checked .wrapMessageInner {
	background-color:#eee;
	color:#888;
}
#inbox_table .wrapMessage .message_text {
	font-size:1.2em;
	margin:.5em;
	word-break:break-word;
}
#inbox_table .wrapMessage.checked .message_text {
	font-size:1em;
	margin:.5em;
}

#inbox_table .wrapMessage .footer {
	height:2em;
	position:relative;
	margin-top:.5em;
	margin-right:-.5em;
	color:#4D90FE;
}
#TokenTap #inbox_table .wrapMessage .footer {
	color:#35aa47;
}

#inbox_table .wrapMessage svg {
	position:absolute;
	bottom:0;
	right:0;
	opacity:.8;
	cursor:pointer;
}
#inbox_table .wrapMessage svg:hover {
	opacity:1;
}
#inbox_table .okay {
  float: right;
  font-size: 0.9em;
  margin-right: 0;
}

#inbox_table .wrapMessage svg.incomplete {
  bottom: -0.3em;
  right: 0.5em;
  width: 1.7em;
  opacity:.3;
}
#inbox_table .date_completed {
  bottom: 0.5em;
  font-size: 0.8em;
  position: absolute;
  right: 3.6em;
}

#inbox_table .unchecked .date_completed {
	color:#aaa;
}
#inbox_table .message_status {
	font-size:.8em;
	position:relative;
	top:.7em;
	float:right;
}
#inbox_table .message_status.incomplete {
	color:#AAA;
}
#inbox_table .message_status.complete {}

#Inbox .wrapConvo {
	margin:0;
	padding:.5em .5em 0 .5em;
	background-color:#cdf;
}
#TokenTap #Inbox .wrapConvo {
	background-color:#c2e5c8;
}
#Inbox .wrapConvo .msg {
	border-radius:0 .5em .5em .5em;
	background-color:#fff;
	padding:.3em .6em;
	margin-bottom:.5em;
	margin-right:3em;
	margin-left:0.5em;
	float:left;
	min-width:10%;
}
#Inbox .wrapConvo .msg:last-child {}
#Inbox .wrapConvo .msg.textRight {
	border-radius:.5em 0 .5em .5em;
	text-align:right;
	float:right;
	margin-left:3em;
	margin-right:0.5em;
	background-color:#efefef;
}
#Inbox .wrapConvo.Convo2 .msg {
	margin-bottom:0;
	margin-top:.5em;
}

#Inbox .wrapConvo .msg .timestamp {
	font-size:.7em;
	color:#BBB;
}

#Inbox .wrapMessage .ui-icon-carat-d::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%234D90FE%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
	background-color: transparent;
}
#TokenTap #Inbox .wrapMessage .ui-icon-carat-d::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335aa47%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}

#Inbox .wrapMessage .ui-icon-carat-u::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%234D90FE%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
	background-color: transparent;
}
#TokenTap #Inbox .wrapMessage .ui-icon-carat-u::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335aa47%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
}

#Inbox .msgBtn {
	font-size:.75em;
	display:inline-block;
	background-color:transparent;
	border:none;
	padding: 0.25em 2.5em 0.25em 0.5em;
	margin-top:1em;
	color:#4D90FE;
}
#TokenTap #Inbox .msgBtn {
	color:#35aa47;
}

#Inbox .wrapMessage .to_label {
	text-align:right;
}

#inbox_table .wrapMessage.checked .btnReply {
	
}

#Inbox .draft_exists {
	font-size: 0.7em;
	position: absolute;
	top: 2.6em;
	left: 0.5em;
}

#Inbox .wrapReply {
	display:none;
	margin-top:1em;
	padding:0;
}

#Inbox .wrapReply textarea.reply {
	min-height:5em;
}
#Inbox .wrapReply .input_title {
	display:none;
}
#Inbox .wrapReply .save_undo {
	text-align:right;
}
#Inbox .wrapReply .send {
	margin-right:0;
}
#Inbox .wrapReply .undo {
	float: left;
}
#Inbox .wrapReply .chars_left {
	color:#4D90FE;
	font-size:.9em;
   position: relative;
	padding:0 .5em;
}
#TokenTap #Inbox .wrapReply .chars_left {
	color:#35aa47;
}


#Inbox td.FROM_TO {
	font-size:1.1em;
	font-weight:bold;
}
#Inbox td.FROM_TO a {
	font-size:1.2em;
}
#Inbox td.FROM_TO .label {
	color:#fff;
	padding-right:.5em;
	font-weight:bold;
}
#Inbox td.FROM_TO .name_detail {
	font-weight:normal;
}
#Inbox td.SENT {
	text-align:right;
	padding-right:1em;
	font-weight:bold;
}
#Inbox td.SENT .matrixToLabel {
	font-weight:normal;
}
#Inbox .FROM_NAME,
#Inbox .TO_NAME {
	max-width:5.5em;
}
#Inbox .last_column {
	width: auto;
	display:none;
}


#Inbox .bottomCorners {
	background-color:#cdf;
	height:.8em;
	border-radius:0 0 .5em .5em;
}
#TokenTap #Inbox .bottomCorners {
	background-color:#c2e5c8;
}

#Inbox .bottomSpacer {
	height:1em;
}


@media all and (max-width: 36em) {
	#Inbox .send_message::before {
		content:'New';
	}

}
/* #endregion */
