/**
 * Mosaica CSS
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,800');
@import "MosaicaTransaction.css";

* { font-family: "Open Sans", "Verdana", Geneva, sans-serif; }
body { height: 100% }
a { text-decoration: none; color: #0055ff; }
a:visited { color: #aa88cc; }
html { background-color: #f2f2f2; box-sizing: border-box; font-size: 14px; }
h2 { margin: 0; }
*, *:before, *:after { box-sizing: inherit; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.0.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face { font-family: 'mosaica'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBgQAAAC8AAAAYGNtYXAXVtKQAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zo7HGCQAAAF4AAALAGhlYWQO4bNzAAAMeAAAADZoaGVhB8IDzwAADLAAAAAkaG10eC4AAPwAAAzUAAAAOGxvY2EOWAw8AAANDAAAAB5tYXhwABUBTgAADSwAAAAgbmFtZWsb280AAA1MAAABhnBvc3QAAwAAAAAO1AAAACAAAwPRAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpCQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qn//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABABgAhQPoAuIAEAAACQImNDc2MhcJATYyFxYUBwPo/hj+GBgYGUUYAXIBchhFGRgYAm3+GAHoGEUYGRn+jwFxGRkYRRgAAAADAAD/wAQAA8AADAAgADQAAAEjFSMVMxUzNTM1IzUDIg4CFRQeAjMyPgI1NC4CAyIuAjU0PgIzMh4CFRQOAgIzZpqaZpqaM2q6i1FRi7pqarqLUVGLumpUlm9BQW+WVFSWb0FBb5YCjZpmmppmmgEzUYu6amq6i1FRi7pqarqLUfxmQW+WVFSWb0FBb5ZUVJZvQQAAAgAOALMD8gLNACMASgAAARYUDwEOASMiJi8BJjQ3NjIfAREhIiY1NDYzITIWFRE3NjIXBTIWFRQGIyEiJjURBwYiJyY0PwE+ATMyFh8BFhQHDgEjIiYvAREhA/IODooGEQkJEgaKDg4NJA1A/nQSGhoSAbkSGkAOIw3+fxIaGhL+RxIaQA4jDQ4OigYRCQkSBooODgYRCQkPBkABjAGMDiUOigYICAaKDiUODQ1BASgcEhIaGhL+qkENDX8cEhIaGhIBVkENDQ4lDowGBgYGjA4lDgYGBgZB/tgAAAMAAAAUBAADYQAdAEQAXwAAJSIGHQEhETMyNjU0JisBIgYVERQWMyEyNj0BNCYjEwEmBh0BDgMHDgMVFBYzMjY3PgM7ARUUFjcBPgE1NCYnBTU0JiciJiMiDgIHPgE3PgMzMjY9ARcHAwARFf1zZhEWFhGNEBYWEALaERUVEfb+5hQtN2NXSx4wNBgDFREKEgQbXWlqKCAvEgEaBgQEBv7yEw8CKCEiVVtbKAwnHhxGU2A2EBa7u60WECYB0xYQERYWEf3gEBYWEE0QFgGZARsTGBh9AhQjMR8vaFg7Ag8XCQkwOyAKgRgWEgEaBg8HCAwG10YPFgEFBxMhGh5BHhwrHQ8VEUe8vQAAAAADAAD/wAQAA8AAFAAgADQAAAEiDgIVFB4CMzI+AjU0LgIjFTIWFRQGIyImNTQ2EyImJy4BNTQ2OwEyFhUUBgcOASMCAGq7i1BQi7tqaruLUFCLu2pGY2NGRmNjRkZ9MgwNZEfGR2QNDDJ9RgPAUIu7amq7i1BQi7tqaruLUJljRkdjY0dGY/0fMCoKHRBHZGRHEB0KKjAAAAQAXv/WA6EDqgA0AEAASgBmAAAlLgE3Ni4CJy4BJz4BNTQmIyIGFRQWFw4BBw4DFxQGBw4BFx4BFx4BMzI2Nz4BNzYmJwEyFhUUBiMiJjU0NhMiJic6ATMOASMlPgEnJj4CNz4BNx4BFx4DBwYWFw4BIiYnA3AVMQEBDh8vHw8fEQwNUjk6UQ0MESAOIC8eDgExFRQmCQlLoQdgRkVgCKFLCAklFf6QFB0dFBQdHRQcLwcSgBIHLh3+8xglAQELGCYYGDkgIDkYGCYYCwEBJRgcmq6aHOwNJRVCdGJPHQ4WCA8lFTRKSjQVJQ8IFg4dT2J0QhUlDQ0iGhsRATxkZDwBERsaIg0CbBoSExoaExIa/NAwHRwxoRM1IzlkVEIXFhcBARcWF0JUZDkjNRMBAQEBAAAABgAA/80EAAOzAC8AYgB2AM0A4gFLAAATJyYGBwYUHwEOARUUHgIXHgEzMjY3PgE1NCYnLgE1NDY3HgEzMjY/AT4BJy4BJwE+ATU0LgInLgEjIgYHDgEVFBYXHgEVFAYHLgEjIgYPAQ4BFx4BHwEWMjMyNjc2NC8BASIOAhUUHgIzMj4CNTQuAgMwBh0BFAYrASImPQE0JiMiJicuAT8BPgEzMhYzMhYzMjY1NCYnLgE1NDY3MjY9ATQ2OwEyFh0BFBYzMBYXHgEPAQ4BIyImJzAmIyIGFRQWFx4BFRQGBwciDgIVFB4CMzI+AjU0LgIjEw4BIyImJy4BKwEiJjU0NjsBMjYxJjQ1PAE3MDQrASImNTQ2OwEyNjU+ATMyFhceAQcOAScuASMiBgcOATsBMhYVFAYrASIGMRwBFRwBFRQWOwEyFhUUBisBIhYVHgEzMjY3NhYXFgYHyz4KEAUEAwY3PBYpOyUFCwUKEAYDAwkHO0MmIgQNBwgNBB4DAQQDDQgCwjc8Fik7JQULBQoQBgMDCQc7QyYiBA0HCA0EHgMBBAMNCD4CBAIHDAQEAwb+czBVPyUlP1UwMFU/JSU/VRcDBgULBQkBAQEjDAMDAQYBBgQCAgEBHw4RFhIVGigdGQECBwULBQgBAR4KAwQCBgEGBAEDAhYQEw8SGSAdHxoZMFU/JSU/VTAwVT8lJT9VMGERJhYlOQ4BAQIfBwoKBxYCAQEBAg8HCgoHFgMDDzgkEBwOBgMDBA4GChMLFiEMAQEELgcKCgc9AgIBAzUHCgoHKAMBDCIXEBoMBQ8EBQEFAugOAgUHBg8HDTSKSy1VTUIaAwMJCAQLBgkRBSh9RzRjJwkJCghABxAHBwoB/dU0ikstVU1CGgMDCQgECwYJEQUofUc0YycJCQoIQAcQBwcKAQ4BBgUGDwcNAvYlP1UwMVU/JSU/VTEwVT8l/q8BAhgFBwcFFwIBBwYCBgUPBAQBDRENDBEJCR4dFyIGAgEXBQcHBRYBAQYFAQcEDwQEAQEJEQkKDwoNIhkZJAbCJT9VMTBVPyUlP1UwMVU/Jf61Dw8pIAECCgcHCQMDBAMCBAMDCgcHCQYBHycJCAMOBgYEBAUGExACBQkHBwoDAwMDAgUCAQMJBwcKAgERFQsKBQEFBg4FAAACAHL/wAOOA8AACwARAAABISIGFRElBRE0JiMRJQURIREDHP3IL0MBjgGOQy/+5P7kAjgDwEMv/HKrqwOOL0P8q319AuP9HQAGAAb/wAP6A8AAKwA3AGMAbwCZAKUAAAEwKgIjOAExIgYVExQWMzgBMTI2NxMeATsBMjY3Ex4BMzgBMTI2NRM0JiMnFAYjIiY1NDYzMhYFMCoCIzgBMSIGHQEUFjM4ATEyNjcXHgE7ATI2PwEeATM4ATEyNjU3NCYjJxQGIyImNTQ2MzIWBTA6AjMxMhYdARQGIzgBMSImJwcOASsBIiYvAQ4BIzgBMSImNSc0NjM3FAYjIiY1NDYzMhYCiVBkVwcRGQEZEQoRBhABGRJWEhkBEAYRChEZARkRFUQwMEREMDBE/opATUUFDhMUDQgNBQ0BFA1EDhMBDQUNCA0UARQNEDYmJjU1JiY2AhRATUUFDhMUDQgNBQ0BFA1EDhMBDQUNCA0UARQNxzUmJjY2JiY1AjUZEv75EhkJB/8AERcXEQEBBwoaEQEHERqQMEREMDBFRQIUDc8OFAcGyQ4SEg7KBggUDs4OFHImNjYmJTY2lxQNzw4UBwbJDhISDsoGCBQOzg4UciY2NiYlNjYAAAAAAgAA/8AEAAPAADgAUAAAJSc+ATU0JicuAScuAScuASMiBgcOAQcOAQcOARUUFhceARceARceATMyNjcXHgEzMjY3PgE1NCYnAQ4BIyImJy4BNTQ2Nz4BMzIWFx4BFRQGA+nTJiYREREuHR1FKClULCxUKChFHh0uERERERERLh0eRSgoVCxEezfTCxwQEBwMCwwLDP6LKGI5OWEpKCgoKClhOTliKCgpKUbTN3tELFQoKEUeHS4REREREREuHR5FKChULCxUKShFHR0uERERJibTCwwMCwwcEBAcCwEGKCkpKChiOTlhKSgoKCgpYTk5YgAAAAEAAAABAABXdqWrXw889QALBAAAAAAA1eE3ewAAAADV4Td7AAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAA4EAAAAAAAAAAAAAAACAAAABAAAGAQAAAAEAAAOBAAAAAQAAAAEAABeBAAAAAQAAHIEAAAGBAAAAAAAAAAACgAUAB4AQgCMAPoBgAHMAmYEGgQ+BQYFgAAAAAEAAAAOAUwABgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRtb3NhaWNhAG0AbwBzAGEAaQBjAGFWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBtb3NhaWNhAG0AbwBzAGEAaQBjAGFtb3NhaWNhAG0AbwBzAGEAaQBjAGFSZWd1bGFyAFIAZQBnAHUAbABhAHJtb3NhaWNhAG0AbwBzAGEAaQBjAGFGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('truetype'); font-weight: normal; font-style: normal; }
[class^="mico-"], [class*=" mico-"] { font-family: 'mosaica' !important; speak: none; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mico-arrow-down:before {content: "\e900"; }
.mico-add:before {content: "\e901"; }
.mico-transfers:before {content: "\e902"; }
.mico-share:before {content: "\e903"; }
.mico-profile:before {content: "\e904"; }
.mico-alerts:before {content: "\e905"; }
.mico-currencies:before {content: "\e906"; }
.mico-bookmark:before {content: "\e907"; }
.mico-partners:before {content: "\e908"; }
.mico-search:before {content: "\e909"; }

/* The following lines are for cordova on iOS */
.Q_notCordova #status_background { display: none; }
.Q_cordova.Q_ios #status_background {
	background: #f2f2f2;
	height: 20px;
}
.Q_cordova.Q_ios.Q_mobile #dashboard_slot { top: 20px; height: 50px; }
.Q_cordova.Q_ios.Q_mobile #page { top: 70px; }
.Q_cordova.Q_ios.Q_notch #status_background {
	background: black;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-top);
}
.Q_cordova.Q_ios.Q_mobile.Q_notch #dashboard_slot {
	top: calc(env(safe-area-inset-top));
	height: 50px;
}
.Q_cordova.Q_ios.Q_mobile.Q_notch #page { 
	top: calc(env(safe-area-inset-top) + 50px);
}


.clear {clear:both!important;}
/* The various slot containers */
#notices_slot {
	text-align: center;
}
#content_slot {
	position: relative;
	background-color: #fff;
	box-shadow: #aaa 0 0 4px;
	-webkit-box-shadow: #aaa 0 0 4px;
	-moz-box-shadow: #aaa 0 0 4px;
	height:100%;
	min-height: 100%;
	padding: 1% 1.5%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	overflow-y: auto;
	overflow-x: hidden;
}
.Q_notMobile #content_slot { padding: 40px; }

#header_slot {
	position: fixed;
	margin: auto;
	border: solid 0 #aaa; 
	left: 0;
	top: 0;
	width: 100%;
	height: 61px;
	z-index: 900;
	text-align: left;
	cursor: default; 
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.44); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.44); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.44); -o-box-shadow:0 0 4px rgba(0, 0, 0, 0.44);
    background-color: #aaa; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #e6e6e6); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6'); /* for IE */
}
#dashboard_slot input,
#dashboard_slot textarea { color: black; }
#page { position: absolute; left: 0; width: 100%; top:50px; padding-bottom: 80px; }
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_static,
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_blockstatic { 
	background-color: white;
	color: #333;
}
#dashboard_slot {
	position: fixed;
	margin: 0;
	border: none; 
	left: 0;
	bottom: 20px;
	width: 100%;
	height: 60px;
	z-index: 900;
	text-align: left;
	cursor: default; 
    background-color:#1a89e5;
}
#dashboard_slot * { color: #fff; font-family: 'Open Sans', Arial, sans-serif; }
#dashboard_slot input,
#dashboard_slot textarea { color: black; }
#page { position: relative; left: 0; width: 100%; top:61px; bottom:0; } 
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_static,
#dashboard_slot .Q_inplace_tool .Q_hover .Q_inplace_tool_blockstatic { 
	background-color: white;
	color: #333;
}

#dashboard, #notices, #Mosaica_content { margin: auto; text-align: left; }
#Mosaica_content { position: relative; }

#dashboard { display: inline-block; width: 100%; }


.Q_tool.Mosaica_rates_chart_tool .triggerLvls,
.Q_tool.Mosaica_rates_chart_tool .triggerAlerts {
	border: 2px solid #00446f !important; background: #fff !important; color: #00446f !important;
}

/* Notices contents */
#notices_slot { text-align: center; margin: auto; padding: 0; z-index: 5000; }
#notices { margin: auto; }
#notices_slot div.container { overflow: hidden; overflow-y: auto; }
#notices_slot ul { list-style-type: none; padding: 0; margin: auto; width: 700px; max-width: 100%; border: solid 1px #555; border-top: solid 1px #aaa; box-shadow: 0 0 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; cursor: pointer; }
#notices_slot li { list-style-type: none; padding: 0; margin: 0; text-align: center; background-color: #ffd4aa; border: 0; border-bottom: solid 1px #aaa; line-height: 30px; min-height: 30px; }
#notices_slot ul.Q_errors * { background-color: #ebb; color: #500; }
#notices_slot ul.Q_errors li { text-align: left; padding: 0 10px 0 10px; }
#notices_slot .Q_field_name { float: right; font-size: 12px; padding-right: 10px; }
#notices_slot button
{
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	padding: 2px 10px;
	color: #69552e;
	background-color: #F1E2C6;
	box-shadow: 1px 1px 1px 0 #CCC;
	border: none;
}
.Q_notTouchscreen #notices_slot button:active
{
	background-color: #f0d298;
	margin-left: 6px;
	box-shadow: none;
}
#notices_slot ul li span {
	font-size: 12px;
	line-height: 26px;
}
#notices_slot ul li * {
	vertical-align: middle;
}

/* Dashboard contents */
#dashboard>* { margin: 0; padding: 0; line-height: 30px; text-align: center; }
#dashboard>h1 { float: left; padding: 5px; width: auto; }
#dashboard>h2 { float: left; }

/* dashboard_user */
#dashboard_user {
	height: 40px;
	overflow: hidden;
	position: absolute;
	right: 10%;
	top: 15px;
	white-space: nowrap;
}
.Q_mobile #dashboard_user {
	right: 4%;
	top: 17px;
}
.Q_mobile #dashboard_user .Users_avatar_name { display: none; }
#dashboard_user .fa { font-size: 36px; color: #4d4d4d; }
.Q_mobile #dashboard_user .fa { font-size: 30px; }
/* ----------------- */
#dashboard .Q_contextual * { color: black; }
#dashboard td { vertical-align: middle; }
#dashboard table { width: 100%; padding: 0; margin: 0; }
#dashboard .Q_dashboard_logo { padding: 0; }
#dashboard .Q_dashboard_logo a { padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#dashboard .Q_dashboard_logo img { height: 40px; }
#dashboard .Q_dashboard_search { padding: 8px 10px 8px 10px; font-weight: bold; text-align: left; }
#dashboard .Q_dashboard_search input {width: 104px; margin-right: 4px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; -o-border-radius:10px; padding-left: 27px; padding-right: 17px; border: none; border-top: 1px solid #CCC; background: white url(../Q/plugins/Q/img/search_icon.png) no-repeat; color: #444;}

/* Dashboard tabs */
#dashboard .Q_tabs_tabs { border: 0; margin: auto; text-align: center; padding-top:7px;}
#dashboard .Q_tabs_tab { cursor: pointer; width: auto; border: 0 !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: none; line-height: 30px !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: center; }
#dashboard .Q_tabs_tab.Streams_preview_tool { padding-left: 10px; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal { margin: 0;}
#dashboard .Q_tabs_compact.Q_tabs_horizontal .Q_tabs_tab { padding: 5px 10px; background-color: #222; color: white; }
#dashboard .Q_tabs_compact.Q_tabs_horizontal .Q_tabs_tab * { color: white; }
#dashboard .Q_tabs_vertical .Q_tabs_tab { background: transparent; }
#dashboard .Q_tabs_tab:first-child { border-top: 0 solid #e5e5e5; border-left: 0; }
#dashboard .Q_tabs_tab,
#dashboard .Q_tabs_tab>* { cursor: pointer; }
#dashboard .Q_tabs_tab { text-decoration: none; color: white; }
.Q_notTouchscreen #dashboard .Q_tabs_tab:hover { background-color: rgba(100, 100, 100, 0.1); }
#dashboard .Q_tabs_tab img { margin-right: 10px; width: 24px; }
#dashboard .Q_tabs_tab span { display: inline; text-align: left; }
#dashboard .Q_tabs_tab.Q_current * { color: #242424; }
#dashboard .Q_tabs_tab { padding: 0 5px; margin: 0; }
.Q_mobile #dashboard .Q_tabs_tool { overflow: hidden; }

/* inputs */

input[type=text],
input[type=text]:active,
input[type=text]:focus,
input[type=email],
input[type=email]:active,
input[type=tel],
input[type=tel]:active,
input[type=password],
input[type=password]:active,
input[type=number],
input[type=number]:active,
input.text,
input.email,
input.tel,
input.password,
input.number,
textarea {
	cursor: text;
	font-family: 'Open Sans', "Verdana", Geneva, sans-serif;
	padding: 4px 0;
	border: none;
	color: #00446f;
    border-bottom: 2px solid #a6becd;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
}
textarea { border: 2px solid #a6becd; }

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input.text:focus,
input.email:focus,
input.tell:focus,
input.password:focus,
input.number:focus,
textarea:focus { background-color:#fff; border-color: #00446f; outline: none; }
input.placeholder,
textarea.placeholder { color: #aaa; font-style: italic; }
select:focus { outline: dotted 1px #779; }
/* select { margin-top: 0.75em; } */

input[type=checkbox],
input[type=radio] { margin-right: 5px; }
html .Q_inplace_tool_fieldinput { padding: 0; }

.Q_mobile #content_slot input[type=text],
.Q_mobile #content_slot input[type=email],
.Q_mobile #content_slot input[type=password],
.Q_mobile #content_slot input[type=tel],
.Q_mobile #content_slot input[type=number],
.Q_mobile #content_slot select {
	max-width: 125px;
}

.Q_mobile #dashboard_slot,
.Q_mobile #notices_slot { width: 100%; position: fixed; left: 0; }
.Q_mobile #dashboard>h2 { display: none; }
.Q_mobile #dashboard .Q_tabs_tab {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
html.Q_mobile .Q_overlay { width: 99%; border:none; }

.Users_avatar_icon { margin-right: 5px; }

/* The following lines are for cordova on iOS */
.Q_cordova.Q_ios.Q_mobile #header_slot { top: 20px; height: 60px; }
.Q_cordova.Q_ios.Q_mobile #dashboard_slot { bottom: 0; height: 60px; }

.Q_notMobile #dashboard>h1,
.Q_notMobile #dashboard>h2 { float: none; }
.Q_notMobile #notices_slot { position: fixed; left: 0; top: 80px; width: 100%;}
.Q_notMobile #dashboard_slot { position: fixed; left: 9.5%; width: 13.3%; height: 80%; top:85px;}
.Q_notMobile #page { position: fixed; padding: 0; left: 22.5%; width: 68%; height: auto; right:9.5%; bottom:35px; top:85px; box-shadow:0 0 2px rgba(0,0,0,0.7); -moz-box-shadow:0 0 2px rgba(0,0,0,0.7); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.7); -o-box-shadow:0 0 2px rgba(0,0,0,0.7);}
.Q_notMobile #Users_avatar_tool { width: 100%; background-color: #222; background-color: rgba(255,255,255,.05); }
.Q_contextual {
	-moz-user-select: none;
	background-color: black;
	border-radius: 5px;
	box-shadow: 0 0 4px black;
	display: none;
	filter: none !important;
	left: 0;
	padding: 7px;
	position: fixed;
	top: 0;
	transform: translateZ(100em);
	width: 250px;
	z-index: 10000;
}

.Q_mobile #dashboard_slot .Q_tabs_tool * { font-size: 12px; }
.Q_mobile #dashboard_slot .Q_tabs_tab { width: 23%; }

/*-----------------------------------------------------------------------------
	Added 
--------------------------------------------------------------------------------*/

.margin_10 {margin-top:10px!important;}
.bdr_5 {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px}
.bdr_10 {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px}

#Mosaica_header a.Mosaica_logo {display:block; text-align: center; margin:0 auto; height: 61px; line-height: 61px; width:100%;}
#Mosaica_header a img {vertical-align: middle;}
h1.Mosaica_main_title { text-align: center; margin: 10px 0; font-size: 18px; font-weight: bold; color:#00446f; border-bottom: 2px solid #00446f;}
h2.Mosaica_main_title { text-align: left; margin: 0 0 1%; font-size: 14px; font-weight: bold; color:#00446f; border-bottom: 2px solid #00446f;}
.Mosaica_full_hr_line {width:100%; height:1px; background-color:#a7abb2;}
.Mosaica_main_content_box {padding:5px 10px; display: inline-block; vertical-align: top; width: 100%; text-align: center; }
.Mosaica_currencies_graph_section {width:100%; display: inline-block; vertical-align: top; margin-bottom:10px; position: relative;}
.Mosaica_main_content_box img.currency_graph {width:90%;}
.Mosaica_currency_graph img {width:100%;}
.Mosaica_currency_left {width:40%; float:left;}

/* Send money tool payment direction decor */
.Mosaica_converter_dialog.Mosaica_dialog .Mosaica_main_content_box .Mosaica_transaction_send_directionDecor { display: block; font-weight: bold; margin-bottom: 10px; }
.Mosaica_converter_dialog.Mosaica_dialog .Mosaica_main_content_box .Mosaica_transaction_send_directionDecor_line {
	height: 17px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
/* ************************************** */

/* pickadate style for payment dialog */
.Mosaica_payment_dialog .picker--opened .picker__frame,
.Q_dialog_content .picker--opened .picker__frame {
	top: 0;
}

.Mosaica_custom_select_container {
}

/*select.Mosaica_select {
	cursor: default;
	border: 1px solid #a7abb2;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
	font-size: 14px;
}
*/
.Q_notMobile select.Mosaica_select {
	height: 40px;
	background: #fff url("../img/select_arrow_desktop.png") no-repeat scroll 96% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.Mosaica_select select {padding: 5px 8px; width: 100%; background:transparent;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    height:46px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
	
}

.Mosaica_select select:focus {
    outline: none;
	border: 3px solid #e69c54;
}

/*------------  Custom select box -------------------------*/
select.Mosaica_select,
select.customSelect {
	background-color: #fff;
	background-image: url("../img/select_arrow_desktop.png");
	background-position: right center;
	background-repeat: no-repeat;
	border: none;
	border-bottom: 2px solid #a6becd;
	border-radius: 0;
	height: 40px;
	margin: 0;
	position: relative;
	width: 100%;
	color: #00446f;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 15px 0 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select.customSelect.smaller {
	font-size: 14px;
	font-weight: normal;
	height: 40px;
}
select.customSelect option {
	background-color: #198ef2;
	font-size: 14px;
	text-shadow: none;
	padding: 5px;
	font-weight: normal;
}
select.customSelect.beneficiaries option {
	background-color: transparent;
}
select.customSelect.smaller option {
	font-size: 13px;
	padding: 5px;
}

.options {display:none; position:absolute; top:48px; left:0; z-index:999; margin:0 0; padding:0 0 0 0; list-style:none; background-color:#198ef2; width:100%;}
.options li {margin:0 0; padding:10px 10px 10px 10px; font-size:18px; text-transform: uppercase;}
.options li:hover {background-color:#39f; color:white}
option li.selected {display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;}

.Q_notMobile .Mosaica_main_content_box.converter {
	float: left;
	width: 330px;
}
.Q_notMobile .Mosaica_main_content_box.chart {
	float: right;

}

.Mosaica_converter_equals {
	width: 330px;
	display: block;
	overflow: hidden;
	color: #00446f;
	border-top: 3px solid #00446f;
	background-color: #c9eaff;
	font-size: 20px;
    font-weight: 900;
	white-space: nowrap;
	padding: 20px;
}
.Mosaica_converter_item {overflow: hidden; display: block; margin-top: 20px; width: 330px;}
.Mosaica_converter_item input[type="text"] { font-weight: bold; text-align: center; }
.Q_mobile .Mosaica_converter_item {margin-top: 10px;}
.Mosaica_converter_item:first-child {margin-top: 0;}
.Mosaica_converter_item .Mosaica_amount_textfield {font-size:16px; width: 31%; float: left; margin: 0 10px 0 0;}
.Mosaica_converter_item .customSelect {float: right; width: 30%;}
.Mosaica_converter_item .desc { display: block; height: 40px; background-color: #c9eaff; width: 33%; float: left; font-size: 12px; padding: 5px 0; color: #00446f;}
.Mosaica_converter_item .desc span { font-weight: 900; display: block;}
.Q_notMobile .Mosaica_converter_item .Mosaica_amount_textfield {font-size:18px;}
.Mosaica_converter_item .shareRate { height: 40px; border-radius: 5px; border: none; float: left; margin-right: 10px; background: #00446f; color: #fff; }
.Mosaica_converter_item .shareRate .fa-share-square-o { font-size: 34px; line-height: 41px; }

.Mosaica_amount_textfield_container {margin-top:20px; font-size:16px; color:#242424;}
.Q_notMobile .Mosaica_amount_textfield_container {font-size:18px;}
.Mosaica_amount_textfield_container .Mosaica_amount_commission {font-size: 12px;}

.Mosaica_amount_textfield {width:100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; height: 40px; box-shadow:inset 0 0 4px rgba(0,0,0,0.07); margin-top:5px; font-size: 20px;}
.Mosaica_currency_right {width:40%; float:right;}
.Mosaica_convert_icon {width:20%; float:left; padding-top:45px;}
.Mosaica_convert_icon img {width:50%; display:block; margin:0 auto;}
.Mosaica_orange_button {height:48px; background-color:#fcb400; border:none; font-size:14px; color:#fff; font-weight: bold; cursor: pointer; margin: 0 auto; display: block; }
.Mosaica_notification h2 {font-size:16px; color:#242424; text-align: center; font-weight: normal;}
.Mosaica_notification {position: relative; margin-top:10px; padding-top:5px;}
.Mosaica_notification img {position: absolute;}
.Mosaica_clock {left:0; top:2px;}
.Mosaica_notification_bar {right:0; top:8px;}

#dashboard .Q_tabs_tab.Q_current * { color:#fff; }
#dashboard .Q_tabs_tab a { opacity: .6; display:block; width:100%; color:#242424; font-size:12px; text-align: center; height: 51px; }
#dashboard .Q_tabs_tab a .Q_tabs_title { display: block; text-align: center; margin-top: -4px; font-weight: 400; }
#dashboard .Q_tabs_tab a:before { font-size: 26px; display: block; text-align: center; color: #fff; font-family: 'mosaica' !important; speak: none; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#dashboard .Q_tabs_tab.Q_tab_currencies a:before { content: "\e906"; }
#dashboard .Q_tabs_tab.Q_tab_transactions a:before { content: "\e902"; }
#dashboard .Q_tabs_tab.Q_tab_accounts a:before { content: "\e904"; }
#dashboard .Q_tabs_tab.Q_tab_alerts a:before { content: "\e905"; }
#dashboard .Q_tabs_tab.Q_current a { opacity: 1; }


/*.Mosaica_currency_alert_dialog, .Mosaica_transaction_payment_dialog, .Mosaica_transaction_receive_money_dialog {background:#fff; box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -o-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); width:96%; left:2%; }*/
.Q_title_slot {
	background: -moz-linear-gradient(top,  #83c5fd 0%, #1b8ff2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83c5fd), color-stop(100%,#1b8ff2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #83c5fd 0%,#1b8ff2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #83c5fd 0%,#1b8ff2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #83c5fd 0%,#1b8ff2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #83c5fd 0%,#1b8ff2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c5fd', endColorstr='#1b8ff2',GradientType=0 ); height: 40px; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0;
	color:#fff; font-size:18px; text-align: center; font-weight: bold
}
a.close {position: absolute; right:-5px; top:-5px;}
.Mosaica_dialog_main {padding:10px 0;}
.Mosaica_dialog_main h2 {font-size:16px; font-weight: normal; text-align: center; padding-bottom:5px;}
.Mosaica_currency_graph {margin-top:5px; padding:0 10px;} 
.Mosaica_currency_dialog_transaction {margin-top:10px;}
.Mosaica_transaction_table {display: table; margin-top:7px; width:100%; height: auto}
.Mosaica_transaction_table_row {display:block; width:100%; height: auto; padding:5px; min-height: 36px; line-height: 35px;}
.Mosaica_transaction_table_grid1, .Mosaica_transaction_table_grid2, .Mosaica_transaction_table_grid3, .Mosaica_transaction_table_grid4, .Mosaica_transaction_page_table_grid1, .Mosaica_transaction_page_table_grid2, .Mosaica_transaction_page_table_grid3 {width:8%; display: table-cell; min-height: 36px; line-height: 35px; }
.Mosaica_transaction_table_grid2 {width:70%}
.Mosaica_transaction_table_grid3 {width:18%;}
.Mosaica_transaction_table_grid4 {width:4%;}
.Mosaica_transaction_table_grid1 {position: relative}

/*--------------custom checkbox--------------------------*/
label.Mosaica_custom_check:before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border:1px solid #6e6965;}
input[type=checkbox]:checked + label.Mosaica_custom_check:before {content: "\f00c"; font-size: 14px; color: #198ef2; text-align: center; line-height: 15px; font-family:'FontAwesome' }
.Mosaica_transaction_table_row span, .Mosaica_transaction_history_table_row span {font-size:14px; color:#242424;}
.Mosaica_transaction_table_row i {color:#198ef2; font-size:16px;}
.Mosaica_transaction_table_row .actions {white-space: nowrap; margin-left: 10px;}
.Mosaica_transaction_table_row .actions a {text-decoration: underline; font-size: 80%; }
.orange_row {background-color:#f4f4f4;}
.Mosaica_transaction_table_grid3 span, .Mosaica_transaction_table_grid4 i, .Mosaica_transaction_page_table_grid2 span, .Mosaica_transaction_page_table_grid3 i {display: block}
.Mosaica_currency_alert_dialog_footer {padding:10px;}

/*------------------ Mosaica_blue_button ---------------*/
.Mosaica_blue_button { background-color:#198ef2; color:#fff; font-size: 14px; border:none; height: 48px; cursor: pointer; display: block; margin: 0 auto; margin-bottom: 5px; }
a.Mosaica_blue_button:link, a.Mosaica_blue_button:visited { color: #fff; }

/*-------------------------------------------------------------------------------
		Transaction page
--------------------------------------------------------------------------------*/

.Mosaica_transaction_page_table {border-top:1px solid #a7abb2; border-bottom:1px solid #a7abb2; margin:10px 0;}
.Mosaica_transaction_page_table_grid1 {width:50%; white-space: nowrap;}
.Mosaica_transaction_page_table_grid2 {width:45%; white-space: nowrap;}
.Mosaica_transaction_page_table_grid3 {width:5%; white-space: nowrap;}
.Mosaica_search_box {position: relative;}
select.Mosaica_select_placeholder, input[type=text].Mosaica_transaction_search {
	width: 100%;
	height: 40px;
	font-size: 14px;
}
.Mosaica_search_box i.fa-search {position: absolute; left:10px; font-size:26px; color:#a7abb2; top:10px;}
.Mosaica_search_options {display: inline-block; width:100%; vertical-align: top}
.Mosaica_search_options > * { margin-left: 2.5%; }
.Mosaica_search_options > *:first-child { margin-left: 0; }
body .Mosaica_search_options select, body .Mosaica_search_options input.Mosaica_transaction_search.datepicker { float: left; width: 20%; padding: 0 5px; margin-bottom: 0; }
.Mosaica_select_from select,
.Mosaica_select_to select,
.Mosaica_select_all select,
.Mosaica_select_payment select,
.Mosaica_select_receive_money select,
.Mosaica_account_select select {
	background: transparent;
	width: 100%;
	padding: 5px 40px 5px 5px;
	font-size: 14px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 48px;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance: none;
}
.Mosaica_select_from select option, .Mosaica_select_to select option, .Mosaica_select_all select option, .Mosaica_select_payment select option {color:#a7abb2;}
.Mosaica_select_from, .Mosaica_select_to, .Mosaica_select_all, .Mosaica_select_payment, .Mosaica_select_receive_money, .Mosaica_account_select {width: 31%; height: 48px; overflow: hidden; position: relative; background: url(../img/select_arrow.png) no-repeat 90% #fff;  box-shadow:inset 0 0 5px rgba(0,0,0,0.07); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.07); -moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.07); -o-box-shadow:inset 0 0 5px rgba(0,0,0,0.07); float:left;}

.Mosaica_select_from select option, .Mosaica_select_to select option, .Mosaica_select_all select option {background-color:#fff; font-size:14px; color:#a7abb2;; width:100%; line-height: 30px}
.Mosaica_select_to {margin:0 3.5%;}

/*-------transaction drop down ---------------------*/
.Q_mobile .Mosaica_new_transaction {margin-top: 10px;text-align: center;}
.Q_notMobile .Mosaica_new_transaction {margin-bottom: 50px;}
.Mosaica_transaction_desktop_nav {display:none;}
.Mosaica_transaction_dropdown_menu h3 {height:48px; line-height:48px; background-color:#f4f4f4; border:none; width:100%; font-size:16px; color:#3786e9; text-align: center; margin: 0 0 5px;}
.Mosaica_transaction_dropdown_menu .ui-accordion-content { border: none; text-align: center;}
.Mosaica_transaction_dropdown_menu,.Mosaica_transaction_dropdown_menu ul {list-style:none; margin:0; padding:0}
.Mosaica_transaction_dropdown_menu {position:relative; z-index:2; vertical-align: top; display: inline-block; width: 100% }
.Mosaica_transaction_dropdown_menu ul {left:-9999px; position:absolute; top:49px; width:auto;}
.Mosaica_transaction_dropdown_menu ul ul {left:-9999px; position:absolute; top:0; width:auto}
.Mosaica_transaction_dropdown_menu li {position:relative}
.Mosaica_transaction_dropdown_menu li a:focus {outline-width:0;}
.Mosaica_transaction_dropdown_menu li a:active + ul.Mosaica_dd,.Mosaica_transaction_dropdown_menu li a:focus + ul.Mosaica_dd,.Mosaica_transaction_dropdown_menu li ul.Mosaica_dd:hover {left:0; width:100%;}
.Mosaica_transaction_dropdown_menu ul.Mosaica_dd li a:active + ul,.Mosaica_transaction_dropdown_menu ul.Mosaica_dd li a:focus + ul,.Mosaica_transaction_dropdown_menu ul.Mosaica_dd li ul:hover {left:140px;}
.Mosaica_transaction_dropdown_menu li.Mosaica_transaction_btn ul.Mosaica_dd li a {background-color:#198ef2; color:#fff; margin-top:1px;}
.Mosaica_payment_dialog_table {display:table; overflow: hidden; height: auto; width:100%; border-top:1px solid #f4f4f4; border-left:1px solid #f4f4f4;}
.Mosaica_payment_table_row {display:table; height: 38px; border-bottom:1px solid #f4f4f4; width:100%;}
.Mosaica_payment_table_grid1, .Mosaica_payment_table_grid2 {display:table-cell; min-height: 38px; border-right:1px solid #f4f4f4; height: auto; width:30%; vertical-align:middle;}
.Mosaica_payment_table_grid2 {width:70%;}
.Mosaica_payment_table_grid1 span, .Mosaica_payment_table_grid2 span {display:block; width:100%; padding:0 10px; font-size:14px; color:#242424;}
.Mosaica_transaction_dialog_main {padding:10px; overflow: hidden}
.Mosaica_transaction_dialog_footer {margin-top:10px;}
.Mosaica_select_payment, .Mosaica_select_receive_money, .Mosaica_account_select {background-position: 96% center; width:100%; margin-bottom:10px; }
.Mosaica_select_payment select .select_selected {color:#242424!important;}
.half_width_left {width:48%; background-position: 93%}
.two_third_left {width:74%; background-position: 96%}
.Mosaica_select_placeholder option { color: #242424; }
.empty { color:#a7abb2; }
.half_width_right {width:50%; float:right}
.one_third_right {width:24%; float:right;}
.Mosaica_form_left {position:relative}
.Mosaica_payment_option, .Mosaica_receive_option {position: relative; margin-bottom:10px;}

/*--------------custom radio ----------------------------*/

.Mosaica_payment_option label, .Mosaica_receive_option label {display: inline-block; position: relative; padding-left: 26px; font-size: 15px; color:#242424; line-height: 20px}
.Mosaica_payment_option input[type=radio], .Mosaica_receive_option input[type=radio]
{display: none;}
.Mosaica_payment_option label:before, .Mosaica_receive_option label:before {content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border: 1px solid #242424;}
.Mosaica_payment_option input[type=radio]:checked + label:before, .Mosaica_receive_option input[type=radio]:checked + label:before{
	content: "\f111"; text-align: center; line-height: 16px; color:#242424; font-family:'FontAwesome'; font-size:12px
}


.Mosaica_quote {position: absolute; top:5px; right:0; font-weight: bold; font-size:11px; color:#242424;}
.Mosaica_rate_switch_box, .Mosaica_terms_switch_box {margin:5px 0 15px 0; display: inline-block; vertical-align: top; width: 100%}
label.Mosaica_switch_label {display:block; width:auto; float:left; margin-top:5px; font-size:15px;}
/*-----on off toggle switch -----*/

.Mosaica_rate_switch, .Mosaica_terms_switch {position: relative; width: 100px; float:right; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none}
.Mosaica_rate_switch_checkbox, .Mosaica_terms_switch_checkbox {display: none;}
.Mosaica_rate_switch_label, .Mosaica_terms_switch_label {display: block; overflow: hidden; cursor: pointer; border: 2px solid #198ef2; border-radius: 20px}
.Mosaica_rate_switch_inner, .Mosaica_terms_switch_inner {display: block; width: 200%; margin-left: -102%; transition: margin 0.3s ease-in 0s;}
.Mosaica_rate_switch_inner:before, .Mosaica_rate_switch_inner:after, .Mosaica_terms_switch_inner:before, .Mosaica_terms_switch_inner:after {display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: 'Open Sans', Arial, sans-serif; font-weight: bold; box-sizing: border-box;}
.Mosaica_rate_switch_inner:before, .Mosaica_terms_switch_inner:before {content: "ON"; padding-left: 50px; background-color: #198ef2; color: #fff; font-size:18px}
.Mosaica_rate_switch_inner:after, .Mosaica_terms_switch_inner:after {content: "OFF"; padding-left: 50px; background-color: #fff; color: #198ef2; font-size:18px; border-radius:20px;}
.Mosaica_rate_switch_button, .Mosaica_terms_switch_button {display: block; width:44px; height: 44px; background-color: #FFFFFF; position: absolute; top: -4px; bottom: 0; border: 2px solid #198ef2; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition: all 0.3s ease-in 0s; left:0}
.Mosaica_rate_switch_checkbox:checked + .Mosaica_rate_switch_label .Mosaica_rate_switch_inner {margin-left: 0;}
.Mosaica_rate_switch_checkbox:checked + .Mosaica_rate_switch_label .Mosaica_rate_switch_inner {left: 0;}
.Mosaica_terms_switch_checkbox:checked + .Mosaica_terms_switch_label .Mosaica_terms_switch_inner {margin-left: 0;}
.Mosaica_terms_switch_checkbox:checked + .Mosaica_terms_switch_label .Mosaica_terms_switch_inner {left: 0;}
.Mosaica_transaction_info_dialog {background-color:#fff; box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -o-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); width:96%; left:2%; z-index:99999999; display: none; position: absolute; top:5px;}
.Mosaica_transaction_dialog_up {padding:0; width:100%; display: table; height:auto}

/*---------------------------------------------------------------------------
	Dekstop version
-----------------------------------------------------------------------------*/

.Q_notMobile #header_slot {height:70px;
	background: -moz-linear-gradient(top,  #fefefe 0%, #f0f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#f0f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    z-index: 9999; border-bottom:1px solid #fff;
}
 .Q_notMobile #header_slot #Mosaica_header a.Mosaica_logo img {width:0; height: 0}
 .Q_notMobile #header_slot #Mosaica_header a.Mosaica_logo {background:url(../img/logo/mosaica_logo_desktop.png) no-repeat center center; width:590px; height: 70px;  margin-top:-2px; background-size:50%;}

html.Q_notMobile {background-color:#258be2;}
.Q_notMobile body {background:url(../img/desktop_main_bg.png) no-repeat top right;}
.Q_notMobile #dashboard_slot {background:transparent;}
/* Mosaica_partners */
.Q_mobile .Mosaica_partners {display:none;}
.Mosaica_partners {
	overflow: hidden;
	position: absolute;
	left: 10%;
	top: 10px;
}
.Mosaica_partners a.Mosaica_partners_link {display: inline-block; text-align: center; margin-right: 20px; }
.Mosaica_partners a.Mosaica_bookmarklet_link {display: inline-block; text-align: center}
.Mosaica_partners a i {display:block; width:auto; font-size:24px; color:#4d4d4d;}
.Mosaica_partners a span {display:block; font-size:16px; color:#4d4d4d;}
.Mosaica_partners a:hover i, .Q_notMobile .Mosaica_partners a:hover span {color:#242424;}
/* ---------------- */
.Q_notMobile #dashboard_slot {border-top:none;}
.Q_notMobile #dashboard .Q_tabs_vertical .Q_tabs_tab { -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; -o-border-radius:7px 0 0 7px; border-radius: 7px 0 0 7px; height: 135px; background: rgba(255,255,255,.15); margin-bottom:2px; width:92%; }
.Q_notMobile #dashboard .Q_tabs_tab.Q_current,
.Q_notMobile #dashboard .Q_tabs_tab.Q_current { background-color:#fff; color: #1a89e5; }
.Q_notMobile #dashboard .Q_tabs_tab.Q_hover { background-color:#fff; color: #1a89e5; }
.Q_notMobile #dashboard .Q_tabs_tabs {padding-top:0;}
.Q_notMobile #dashboard .Q_tabs_tab a { height: 89px; padding-top:20px; opacity: 1; }
.Q_notMobile #dashboard .Q_tabs_tab a:before { font-size: 50px; }
.Q_notMobile #dashboard .Q_tabs_tab a .Q_tabs_title  { margin-top: 5px; font-size:16px; color:#fff;}
.Q_notMobile #dashboard .Q_tabs_tab.Q_current a:before,
.Q_notMobile #dashboard .Q_tabs_tab.Q_hover a:before,
.Q_notMobile #dashboard .Q_tabs_tab.Q_current a .Q_tabs_title,
.Q_notMobile #dashboard .Q_tabs_tab.Q_hover a .Q_tabs_title { color:#1a89e5; }
.Q_notMobile .Mosaica_convert_icon img {width:42px; height: 42px}
.Q_notMobile h1.Mosaica_main_title {text-align: left;}
.Q_notMobile .Mosaica_full_hr_line {display:none;}
.Q_notMobile .Mosaica_main_content_box {padding:0 0 20px 0;}
.Q_notMobile .Mosaica_currencies_graph_section {margin:10px 0;}
.Q_notMobile .Mosaica_orange_button {background-color:#fcb400; height: 48px; color:#fff; font-weight: bold; padding:0 30px; font-size:14px;}
.Q_notMobile .Mosaica_notification {display:none;}
.Mosaica_desktop_footer {
	font-size:12px;
	color:#fff;
	position: fixed;
	padding: 0;
	bottom: 0;
}
.Q_notMobile .Mosaica_desktop_footer {
	font-size:12px;
	color:#fff;
	position: fixed;
	padding: 0;
	left: 22.5%;
	width: 68%;
	height: 35px;
	line-height: 35px;
	right: 9.5%;
	bottom: 0;
}
.Q_mobile .Mosaica_desktop_footer {
	position: fixed;
	background: #00446f;
	font-size:10px;
	color:#1baae4;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	width: 100%;
	z-index: 900;
}
.Mosaica_powered {text-align: center; font-size: 12px; display: none;}
.Mosaica_powered img {vertical-align: middle;}
.Mosaica_desktop_footer .Mosaica_powered {position: absolute; right: 5px; top: 0;}
.Q_mobile .Mosaica_desktop_footer .Mosaica_powered img,
.Mosaica_transaction_send_tool .Mosaica_powered img { height: 15px; }
.Mosaica_transaction_send_tool .Mosaica_powered {
	background: silver;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #777;
}

.Q_overlay { background: #f9f9f9; }
.Q_notMobile .Q_overlay {z-index:99999; border:none;}


.Q_notMobile input[type=text],
.Q_notMobile input[type=email],
.Q_notMobile input[type=tel],
.Q_notMobile input[type=password],
.Q_notMobile input[type=number],
.Q_notMobile input.text,
.Q_notMobile input.email,
.Q_notMobile input.tel,
.Q_notMobile input.password,
input.number,
.Q_notMobile textarea {padding:0 5px;}

.Q_notMobile .Mosaica_dialog_main h2 {font-size:18px;}
/*-------------------------------------------------------------------------
 Transaction page for desktop 
---------------------------------------------------------------------------*/

.Q_notMobile .Mosaica_transaction_desktop_nav {display:block; width:100%; height: 80px; padding:15px 0; border-bottom:1px solid #a7abb2; border-top:1px solid #a7abb2}
.Mosaica_transaction_desktop_nav_container {text-align: center;}
.Mosaica_desktop_nav_btn { display: inline-block; }
.Mosaica_desktop_nav_btn a { width:295px; height: 50px; background-color:#fff; border:1px solid #00446f; display: block; text-align: center; font-size:18px; color:#00446f; line-height: 50px; float:left;margin:0 5px;font-weight: bold; box-shadow: 0 2px 10px rgba(0,0,0,.1); }
.Mosaica_desktop_nav_btn a:hover {background-color:#00446f; color:#fff; border:1px solid #00446f;}
.Mosaica_desktop_nav_btn.Mosaica_transaction_payment_btn a { background-color: #3dc814; color: #fff; border-color: #3dc814;}
.Mosaica_desktop_nav_btn.Mosaica_transaction_payment_btn a:hover { background-color: #66d04e; }

.Q_notMobile .Mosaica_transaction_page_table {border-top: none}
.Mosaica_transaction_page_table_desktop .Mosaica_transaction_page_table_grid1, .Mosaica_transaction_page_table_desktop .Mosaica_transaction_page_table_grid3 {width:20%;}
.Mosaica_transaction_page_table_desktop .Mosaica_transaction_page_table_grid2 {width:60%;}
.Q_notMobile .Mosaica_transaction_page_table {display: none}
.Q_notMobile .Mosaica_transaction_page_table_desktop, .Q_notMobile .Mosaica_desktop_title h2 {display: block}
.Mosaica_desktop_title h2 {margin:25px 0 15px 0;}
.Mosaica_transaction_page_table_desktop { border:1px solid #00446f; margin:10px 0 20px 0; color: #00446f; }

.Mosaica_transaction_page_table_desktop .Mosaica_transaction_page_table_grid2 span {text-align: left}
.Q_notMobile .Mosaica_search_box {width:31%; float:left;}

.Q_notMobile input[type=text].Mosaica_transaction_search,
.Q_notMobile .Mosaica_select_from select,
.Q_notMobile .Mosaica_select_to select,
.Q_notMobile .Mosaica_select_all select,
.Q_notMobile .Mosaica_select_payment select,
.Q_notMobile .Mosaica_select_receive_money select,
.Q_notMobile .Mosaica_account_select select,
.Q_notMobile .Mosaica_dialog_textfield,
.Q_notMobile .Mosaica_account_textfield,
.Mosaica_account_textarea {
	height: 40px;
	font-size:14px;
}

/* transactions search form */
.Mosaica #content_slot form[name=searchTransactions] {
	max-width: 300px;
	position: relative;
	margin: 0 auto;
}
.Mosaica #content_slot .Mosaica_transaction_search[name=searchTransactions] {
	/*background: rgba(0, 0, 0, 0) url("../img/icon/search-24.png") no-repeat scroll right center;*/
	padding-right: 30px;
	max-width: 300px;
}
.Mosaica #content_slot form[name=searchTransactions] button {
	border: none;
	background-color: transparent;
	position: absolute;
	right: 0;
	top: 7px;
}
/**************************/

.Q_notMobile .Mosaica_search_box i.fa-search {font-size:20px;}
.Q_notMobile .Mosaica_search_options { margin-top:0; }
.Q_notMobile .Mosaica_select_from, .Q_notMobile .Mosaica_select_to, .Q_notMobile .Mosaica_select_all {height:40px;}
.Q_notMobile .Mosaica_select_from, .Q_notMobile .Mosaica_select_to, .Q_notMobile .Mosaica_select_all, .Q_notMobile .Mosaica_select_payment, .Q_notMobile .Mosaica_select_receive_money, .Q_notMobile .Mosaica_account_select {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; height: 40px}
.Q_notMobile .Mosaica_select_payment, .Q_notMobile .Mosaica_select_receive_money, .Q_notMobile .Mosaica_account_select {background:url('../img/select_arrow_desktop.png') no-repeat 98% #fff;}
.Q_notMobile .Mosaica_select_from, .Q_notMobile .Mosaica_select_to, .Q_notMobile .Mosaica_select_all, .Q_notMobile .half_width_left {background:url('../img/select_arrow_desktop.png') no-repeat 95% #fff;}
.Q_notMobile .Mosaica_select_from select, .Q_notMobile .Mosaica_select_to select, .Q_notMobile .Mosaica_select_all select, .Q_notMobile .Mosaica_select_payment select, .Q_notMobile .Mosaica_select_receive_money select, .Q_notMobile .Mosaica_account_select select, .Q_notMobile .Mosaica_dialog_textfield {padding:0 10px;}
.Q_notMobile .Mosaica_select_from select, .Q_notMobile .Mosaica_select_to select, .Q_notMobile .Mosaica_select_all select, .Q_notMobile .Mosaica_select_payment select, .Q_notMobile .Mosaica_select_receive_money select, .Q_notMobile .Mosaica_account_select select {padding:0 35px 0 10px;}
.Mosaica_transaction_history_table_row {cursor:default;}
.Q_notMobile .Mosaica_transaction_dialog_main {padding:20px;}
.Q_notMobile .half_width_right {width:49.5%;}
.Q_notMobile .Mosaica_form_row {width:99.5%;}
.Q_notMobile .one_third_right {width:24%;}
.Q_notMobile .Mosaica_rate_switch_box, .Q_notMobile .Mosaica_terms_switch_box {width:auto;}
.Q_notMobile .Mosaica_rate_switch, .Q_notMobile .Mosaica_terms_switch {margin-left:20px;}

/*------------------------------------------------------------------------
	Account page
-------------------------------------------------------------------------*/

.Mosaica_subtitle p {font-size:14px; color:#242424; text-align: center; padding:0 10px; margin:5px 0 0 0;}
.Mosaica_account_main_content_box {padding:10px; display: inline-block; vertical-align: top; width: 100%}
.Mosaica_account_textfield {margin-bottom:10px;}
.Mosaica_terms_switch_box {margin:0 0 0 15px; width:100px;}
.Mosaica_continue_button a {display:block; height: 48px; background-color: #f4f4f4; border: none; width: 100%; margin-top: 10px; font-size: 18px; color: #3786e9; text-align: center; padding-right:15px; line-height: 46px}
.Mosaica_continue_button a span {float: right; font-size:47px; display: block}

.Mosaica_account_main_content_box {padding:0;}
.Mosaica_account_main_left {float:right; width:35%; margin-top:20px;}
.Mosaica_account_picture_upload {display:block;}
.Mosaica_account_main_right, .Mosaica_account_main_footer {float:left; width:100%; margin:20px 0;}
.Mosaica_subtitle p {text-align: left; padding:0;}
.Mosaica_account_form_mobile {display: none}
.Mosaica_profile_picture {height:250px; width:250px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow:0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5); -moz-box-shadow:0 0 3px rgba(0,0,0,0.5); -o-box-shadow:0 0 3px rgba(0,0,0,0.5); border:none;}
.Mosaica_account_textfield {padding-left:10px;}
.Mosaica_subtitle h2 {font-size:18px; margin-bottom:20px;}
.Mosaica_profile_picture img {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.Mosaica_account_form {display: block;  margin-bottom:20px;}
.Mosaica_account_form label {
	color: #242424;
	display: block;
	float: left;
	font-size: 14px;
	padding-right: 20px;
	text-align: right;
	white-space: nowrap;
}
.Q_mobile .Mosaica_account_form label { padding-right: 10px; }
.Q_notMobile .Mosaica_account_form label { line-height: 40px; }
.Mosaica_account_form .personal_info label {
	width: 150px;
}
.Mosaica_account_form .bank_info label {
	width: 170px;
}
.required label::after {
	background: rgba(0, 0, 0, 0) url("data:image/gif;base64,R0lGODlhCwAJANUAAP8XJ/8AF/9fb/8AH/8AJ/8AL/9HZ/+fr/8AN/8XX/+nx/8Xb/9Hl/9fr//X7/+v5/+n5/+/7/+37//H9//H///P///v///3v//nr//ft/+3Z/+/d//Hh//Pl/+nT/+vX/+HF//fz/+nh/9nR/+nl/8/J/8XAP9HN/8AAP8XF/9fX////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACsALAAAAAALAAkAAAZEwJVwBUJBhsiVB/VAXgyKlQZFWYkYqw0KNTgRSttCZRUijUwogODgQH5QKUQkyUEtMibEZIgxBSRKKAkWQx0NQyptK0EAOw==") no-repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 9px;
	margin: 0 0 0 3px;
	width: 11px;
}
.Q_notMobile .Q_big_prompt { padding: 30px; }
.Q_notMobile .Q_overlay.Users_login_dialog,
.Q_notMobile .Q_overlay.Users_setIdentifier_dialog { width: 400px; }

.Q_dialog_content .Mosaica_account_form {
	margin: 10px;
}
.Q_dialog_content .Mosaica_account_form label {
	width: 110px;
}
.Mosaica_account_textarea {height: 140px; margin-bottom:10px;}
.Mosaica_account_form .half_width_left, .half_width_textfield {width:50%!important;}
.Mosaica_account_form .Mosaica_date_field {margin-right:10px;}
.Mosaica_account_form fieldset { min-width: 300px; max-width: 600px; padding: 10px 0;}
.Mosaica_date_icon {display:block; float:left;}
.Mosaica_date_icon i {font-size:26px; color:#a7abb2; line-height: 40px}
.Mosaica_date_icon:hover i {color:#198ef2;}
.Mosaica_address_proof_buttons {margin:25px 0; display: inline-block; width:100%; vertical-align: top}
.Mosaica_address_proof_btn a {display:block; width:32%; float:left; background-color:#f4f4f4; border:1px solid #a7abb2; height: 50px; text-align: center; line-height: 48px; color:#198ef2; font-size:16px;}
.Mosaica_address_proof_btn a.middle_space {margin:0 2%;}
.Mosaica_account_main_footer {width:100%}
.Mosaica_address_proof_btn a:hover {background-color:#198ef2; border:1px solid #198ef2; color:#fff;}
.Mosaica_account_terms_section {width:100%; position: relative;}
.Mosaica_account_terms_section label.label_terms {float:none; width:auto; padding-left:30px;}
label.label_terms:before {top:12px!important;}
.Mosaica_account_terms_section label.label_terms a {color:#198ef2; text-decoration: underline;}
.Mosaica_account_terms_section label.label_terms a:hover {text-decoration: none}
.register_btn {padding:0 50px; }

/*-------------------------------------------------------------------------------
	Date Picker
-------------------------------------------------------------------------------*/

.ui-datepicker {width: 17em; padding: .2em .2em 0; display: none;}
.ui-datepicker .ui-datepicker-header {position: relative; padding: .2em 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute; top: 0; width: 1.8em; height: 1.8em;}
.ui-datepicker .ui-datepicker-prev {left: 0;}
.ui-datepicker .ui-datepicker-next {right: 0}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -7px; cursor:pointer}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size:14px; font-weight:normal}
.ui-datepicker .ui-datepicker-title select {font-size: 1em; margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 45%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;}
.ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0}
.ui-datepicker td {border: 0; padding: 1px}
.ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: right; text-decoration: none}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em;
	width: auto; overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left}
.ui-datepicker.ui-datepicker-multi {width: auto}
.ui-datepicker-multi .ui-datepicker-group {float: left;}
.ui-datepicker-multi .ui-datepicker-group table {width: 95%; margin: 0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%}
.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left}
.ui-datepicker-row-break {clear: both; width: 100%; font-size: 0}
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px; left: auto}
.ui-datepicker-rtl .ui-datepicker-next {left: 2px; right: auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px; left: auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px; right: auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {float: right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0; border-left-width: 1px;}
.ui-widget-content {border: 1px solid #aaaaaa; background-color: #ffffff; color: #222222;}
.ui-widget-header a, .ui-widget-content a {color: #222222;}
.ui-datepicker-header.ui-widget-header {border: 1px solid #aaaaaa; background-color: #cccccc; color: #222222; font-weight: bold;}
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default {border: 1px solid #d3d3d3; background-color: #e6e6e6; font-weight: normal; color: #555555}
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-widget-content .ui-state-active, .ui-datepicker-calendar .ui-widget-header .ui-state-active {border: 1px solid #aaaaaa; background-color: #ffffff; font-weight: normal; color: #212121}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {color: #363636;}
.ui-icon {width: 20px; height: 20px}
.ui-icon, .ui-widget-content .ui-icon {background-image: url(../img/calender_image.png);}
.ui-widget-header .ui-icon {background-image:url(../img/calender_image.png);}
.ui-icon-circle-triangle-e { background-position: 0 1px; }
.ui-icon-circle-triangle-w { background-position: -30px 1px; }
.ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 4px}
.ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 4px;}
.ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 4px}
.ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px;}
.ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;}
.ui-datepicker-trigger {margin-top:5px; cursor:pointer; position:absolute; opacity: 0.6}
.Q_mobile .ui-datepicker-trigger { margin-top:-5px; }
.Q_mobile .ui-datepicker-trigger, .ui-datepicker-trigger:hover {opacity:1;}
.Mosaica_custom_upload_button {position: relative; overflow: hidden; margin: 10px 0; background-color: #de5728; height: 40px; width:250px; text-align: center;}
.Mosaica_custom_upload_button input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; 	filter: alpha(opacity=0); height: 100%; text-align: center; }
.Mosaica_custom_upload_button_label {font-size: 18px; color:#fff; line-height: 40px}

.Q_mobile .Mosaica_headline {
	padding: 2%;
	text-align: center;
	line-height: 30px;
}

.Mosaica_actions {
	text-align: center;
}

.Q_dialog_title {
	margin: 0;
	border-bottom: 1px solid #333;
	font-size: 20px;
	height: 20px;
	font-weight: bold;
	color: white;
	cursor: default;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111');
	background: transparent;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: content-box;
	z-index: 2;
}

.Mosaica_search_results .Mosaica_transaction_preview_tool:not(:last-child),
.Streams_related_tool .Streams_related_stream:not(:last-child) {
	border-bottom: 1px solid #00446f;
}

.Mosaica_error {
	border-color: red !important;
}

/* Related streams */
.Streams_related_stream > div {
	cursor: pointer;
}
.Q_dialog_content {
	overflow-y: auto;
	overflow-x: hidden;
	min-width: 300px;
	max-width: 640px;
}
.Q_dialog_content table.streamDetails {
	margin: 3px 10px;
}
.Q_dialog_content table.streamDetails tr:not(:last-child) {
	border-bottom: 1px solid silver;
}
.Q_dialog_content table.streamDetails td {
	padding: 5px;
}
.Q_dialog_content table.streamDetails td:first-child {
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 0;
}
.Q_dialog_content table.streamDetails tr[data-content=actions] td {
	text-align: center;
}
/*.Q_tool.Streams_related_tool .Streams_related_stream:nth-child(odd){ background-color: #f4f4f4}*/
.Q_tool.Streams_related_tool[data-streams-related *= "showPreloader"]:empty:after {
	height: 50px;
	background-image: url(../img/hPreloader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	content: "";
	display: block;
}

.Q_tool.Streams_related_tool .relatedToolLoading {
	height: 50px;
	background-image: url(../img/hPreloader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
button.loading {
	background-image: url("../img/hPreloader.gif");
	background-size: cover;
	background-repeat: no-repeat;
}
.Q_tool.Streams_related_tool .empty {
	color: #000;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

html.Q_mobile.Mosaica_welcome, html.Q_mobile.Mosaica_welcome body { width: 100%; }
html.Q_mobile.Mosaica_welcome #page { position: absolute; }
html.Mosaica_welcome #content_slot { padding: 0; }

#Q_gallery-welcome_tool {
	height: 100%;
	width: 100%;
}
#Q_gallery-welcome_tool img {
	width: 100%;
}
#Q_gallery-welcome_tool .Q_gallery_caption {
	position: absolute;
	font-family: 'Open Sans', Arial, Helvetica;
	font-size: 50px;
	text-shadow: rgba(0,0,0,.7) 0 1px 1px;
	text-align: center;
	width: 100%;
	left: 0;
	padding: 30px 15px;
    font-weight: bold;
    line-height: 1.2;
}

.Mosaica_transaction_details .streamDetails .alarm,
.Q_tool.Streams_related_tool .Q_tool.Streams_preview_tool.alarm {
	background-color: rgba(255, 95, 0, 0.27);
}
.Q_tool.Streams_related_tool .Streams_related_stream:not(.Streams_preview_composer):hover,
.Q_tool.Streams_related_tool .Q_tool.Streams_preview_tool:not(.Streams_preview_composer):hover,
.Q_tool.Streams_related_tool .Q_tool.Streams_preview_tool.active:not(.Streams_preview_composer) {
	background-color: rgba(142, 174, 241, 0.42);
}
.picker[aria-hidden=true] {display: none}

/************** related tool with header *****************/
.Mosaica_transaction_table_row.relatedHeader,
.Mosaica_transaction_table_row.relatedFooter {
	border-bottom: 1px solid #00446f;
	background-color: #c9eaff;
	text-align: left;
    border-radius: 5px 5px 0 0;
}
.Mosaica_transaction_table_row.relatedHeader > div,
.Mosaica_transaction_table_row.relatedFooter > div {
	display: inline-block;
	font-weight: bold;
	text-align: center;
}
/*.Mosaica_transaction_table_row.relatedHeader > div:not(:first-child),
.Mosaica_transaction_table_row.Mosaica_relatedData > div:not(:first-child),
.Mosaica_transaction_table_row.relatedFooter > div:not(:first-child) {
	border-left: 1px solid #00446f;
}
.Streams_related_tool .Streams_related_stream:not(:last-child),
.Mosaica_related > .Streams_preview_tool:not(:last-child) {
	border-bottom: 1px solid #00446f;
}
*/
/*.Mosaica_related > .Mosaica_relatedData {
	border-top: 1px solid #00446f;
}
.Mosaica_transaction_table_row.Mosaica_relatedData > div:not(:first-child) {
	border-left: 1px solid #00446f;
}*/
.Mosaica_transaction_table_row.Mosaica_relatedData > div:empty:after {
	content: "\00a0";
}
.Mosaica_transaction_table_row.relatedHeader > div,
.Mosaica_transaction_table_row.Mosaica_relatedData > div,
.Mosaica_transaction_table_row.relatedFooter > div
{
	position: relative;
	text-align: center;
	padding: 0 5px;
	white-space: nowrap;
	max-width: 50%;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Mosaica_transaction_table_row.Mosaica_relatedData > div {
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*********** special table for form *********************/
.Mosaica_table_form tr:not(:last-child) td { padding-bottom: 10px; }
.Mosaica_table_form tr td input { width: 100%; margin: 0; padding: 4px; }
.Mosaica_table_form tr td button { margin-bottom: 0; }
/********************************************************/

/* avoid yellow border round form fields in chrome */

.bankAccountsBox .streamName {display: none}

.OZFConnect .Mosaica_main_content_box > * {
	margin-top: 10px;
}
.Q_notMobile .OZFConnect .Mosaica_main_content_box {
	padding: 5px 10px;
}

/*IPhone 5 CSS here*/
@media (device-width : 320px) {
	.Mosaica_converter_item .Mosaica_amount_textfield {
		width: 80px;
		margin: 0 7px 0 0;
	}
	.Mosaica_converter_equals, .Mosaica_converter_item {
		width: 290px;
	}
	.Mosaica_converter_item .desc {
		width: 110px;
	}
}