/* input(3127,24): run-time error CSS1030: Expected identifier, found '#accountHostFrame'
input(3127,41): run-time error CSS1025: Expected comma or open brace, found ')' */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
body.sporting-index,
body.sports.sporting-index,
body.forgot-login-details.sporting-index {
  background: #1f324a;
  color: white;
}
body.sporting-index div.acct-wrapper, body.sporting-index acct.left, body.sporting-index div.acct.right, body.sporting-index div.acct.right div.legend,
body.sports.sporting-index div.acct-wrapper,
body.sports.sporting-index acct.left,
body.sports.sporting-index div.acct.right,
body.sports.sporting-index div.acct.right div.legend,
body.forgot-login-details.sporting-index div.acct-wrapper,
body.forgot-login-details.sporting-index acct.left,
body.forgot-login-details.sporting-index div.acct.right,
body.forgot-login-details.sporting-index div.acct.right div.legend {
  background: #1f324a;
  color: white;
}
body.sporting-index .text-normal,
body.sports.sporting-index .text-normal,
body.forgot-login-details.sporting-index .text-normal {
  color: #fff;
}
body.sporting-index a,
body.sports.sporting-index a,
body.forgot-login-details.sporting-index a {
  color: #8acfe5;
}
body.sporting-index a:visited,
body.sports.sporting-index a:visited,
body.forgot-login-details.sporting-index a:visited {
  color: #888;
}
body.sporting-index table tr th,
body.sporting-index #pendingWithdrawalsPanel table tr th,
body.sports.sporting-index table tr th,
body.sports.sporting-index #pendingWithdrawalsPanel table tr th,
body.forgot-login-details.sporting-index table tr th,
body.forgot-login-details.sporting-index #pendingWithdrawalsPanel table tr th {
  color: #8acfe5;
  background: #1f324a;
}
body.sporting-index td.positive,
body.sports.sporting-index td.positive,
body.forgot-login-details.sporting-index td.positive {
  color: #0585ff;
}
body.sporting-index td.negative,
body.sports.sporting-index td.negative,
body.forgot-login-details.sporting-index td.negative {
  color: #ff3030;
}
body.sporting-index ul.pagination li:hover,
body.sports.sporting-index ul.pagination li:hover,
body.forgot-login-details.sporting-index ul.pagination li:hover {
  border-color: #8acfe5;
}
body.sporting-index ul.pagination li.active,
body.sports.sporting-index ul.pagination li.active,
body.forgot-login-details.sporting-index ul.pagination li.active {
  background: #8acfe5;
  border-color: white;
}
body.sporting-index .title-bar,
body.sports.sporting-index .title-bar,
body.forgot-login-details.sporting-index .title-bar {
  background: #4f727a !important;
}
body.sporting-index .green,
body.sports.sporting-index .green,
body.forgot-login-details.sporting-index .green {
  color: #0585ff;
}
body.sporting-index .red,
body.sports.sporting-index .red,
body.forgot-login-details.sporting-index .red {
  color: #ff3030;
}
body.sporting-index input[type=submit].editButton,
body.sporting-index input[type=button].editButton,
body.sporting-index input[type=submit].submitButton,
body.sporting-index div.buttons input[type=button],
body.sporting-index div.buttons input[type=submit],
body.sporting-index div.buttons .submitButton a,
body.sporting-index div.button-group input[type=button],
body.sporting-index div.button-group input[type=submit],
body.sporting-index .items .menu-item a.chevron,
body.sports.sporting-index input[type=submit].editButton,
body.sports.sporting-index input[type=button].editButton,
body.sports.sporting-index input[type=submit].submitButton,
body.sports.sporting-index div.buttons input[type=button],
body.sports.sporting-index div.buttons input[type=submit],
body.sports.sporting-index div.buttons .submitButton a,
body.sports.sporting-index div.button-group input[type=button],
body.sports.sporting-index div.button-group input[type=submit],
body.sports.sporting-index .items .menu-item a.chevron,
body.forgot-login-details.sporting-index input[type=submit].editButton,
body.forgot-login-details.sporting-index input[type=button].editButton,
body.forgot-login-details.sporting-index input[type=submit].submitButton,
body.forgot-login-details.sporting-index div.buttons input[type=button],
body.forgot-login-details.sporting-index div.buttons input[type=submit],
body.forgot-login-details.sporting-index div.buttons .submitButton a,
body.forgot-login-details.sporting-index div.button-group input[type=button],
body.forgot-login-details.sporting-index div.button-group input[type=submit],
body.forgot-login-details.sporting-index .items .menu-item a.chevron {
  background: #8acfe5 !important;
  color: white !important;
  border: none !important;
}
body.sporting-index input[type=submit].editButton:hover,
body.sporting-index input[type=button].editButton:hover,
body.sporting-index input[type=submit].submitButton:hover,
body.sporting-index div.buttons input[type=button]:hover,
body.sporting-index div.buttons input[type=submit]:hover,
body.sporting-index div.buttons .submitButton a:hover,
body.sporting-index div.button-group input[type=button]:hover,
body.sporting-index div.button-group input[type=submit]:hover,
body.sporting-index .items .menu-item a.chevron:hover,
body.sports.sporting-index input[type=submit].editButton:hover,
body.sports.sporting-index input[type=button].editButton:hover,
body.sports.sporting-index input[type=submit].submitButton:hover,
body.sports.sporting-index div.buttons input[type=button]:hover,
body.sports.sporting-index div.buttons input[type=submit]:hover,
body.sports.sporting-index div.buttons .submitButton a:hover,
body.sports.sporting-index div.button-group input[type=button]:hover,
body.sports.sporting-index div.button-group input[type=submit]:hover,
body.sports.sporting-index .items .menu-item a.chevron:hover,
body.forgot-login-details.sporting-index input[type=submit].editButton:hover,
body.forgot-login-details.sporting-index input[type=button].editButton:hover,
body.forgot-login-details.sporting-index input[type=submit].submitButton:hover,
body.forgot-login-details.sporting-index div.buttons input[type=button]:hover,
body.forgot-login-details.sporting-index div.buttons input[type=submit]:hover,
body.forgot-login-details.sporting-index div.buttons .submitButton a:hover,
body.forgot-login-details.sporting-index div.button-group input[type=button]:hover,
body.forgot-login-details.sporting-index div.button-group input[type=submit]:hover,
body.forgot-login-details.sporting-index .items .menu-item a.chevron:hover {
  background: #6da5b8 !important;
  color: white !important;
  border: none !important;
}
body.sporting-index #CorrespondenceAddress_County,
body.sporting-index #CorrespondenceAddress_Postcode,
body.sporting-index #CorrespondenceAddress_Country,
body.sporting-index #CorrespondenceAddress_Country_Display,
body.sporting-index #CorrespondenceAddress_EndDate,
body.sports.sporting-index #CorrespondenceAddress_County,
body.sports.sporting-index #CorrespondenceAddress_Postcode,
body.sports.sporting-index #CorrespondenceAddress_Country,
body.sports.sporting-index #CorrespondenceAddress_Country_Display,
body.sports.sporting-index #CorrespondenceAddress_EndDate,
body.forgot-login-details.sporting-index #CorrespondenceAddress_County,
body.forgot-login-details.sporting-index #CorrespondenceAddress_Postcode,
body.forgot-login-details.sporting-index #CorrespondenceAddress_Country,
body.forgot-login-details.sporting-index #CorrespondenceAddress_Country_Display,
body.forgot-login-details.sporting-index #CorrespondenceAddress_EndDate {
  background: none;
  color: #fff;
}
body.sporting-index .styledSelectBorder,
body.sports.sporting-index .styledSelectBorder,
body.forgot-login-details.sporting-index .styledSelectBorder {
  background-color: #89adcb;
  border: none;
}
body.sporting-index .styledSelectOption,
body.sports.sporting-index .styledSelectOption,
body.forgot-login-details.sporting-index .styledSelectOption {
  background: #0e223c;
}
body.sporting-index .my-account .top,
body.sports.sporting-index .my-account .top,
body.forgot-login-details.sporting-index .my-account .top {
  background: #0e223c;
}
body.sporting-index div.acct.left input[type=button],
body.sports.sporting-index div.acct.left input[type=button],
body.forgot-login-details.sporting-index div.acct.left input[type=button] {
  background: #666;
  color: #fff;
}
body.sporting-index div.acct.left input[type=button]:hover,
body.sports.sporting-index div.acct.left input[type=button]:hover,
body.forgot-login-details.sporting-index div.acct.left input[type=button]:hover {
  background: #484848;
}
body.sporting-index div.acct.left input[type=button].selected,
body.sports.sporting-index div.acct.left input[type=button].selected,
body.forgot-login-details.sporting-index div.acct.left input[type=button].selected {
  background: #fff;
  color: black;
}
body.sporting-index div.acct.left input[type=button].selected:hover,
body.sports.sporting-index div.acct.left input[type=button].selected:hover,
body.forgot-login-details.sporting-index div.acct.left input[type=button].selected:hover {
  background: #eee;
}
body.sporting-index div.acct.right,
body.sports.sporting-index div.acct.right,
body.forgot-login-details.sporting-index div.acct.right {
  border-width: 0px;
}
body.sporting-index div.acct.right .mask.maskopacity,
body.sports.sporting-index div.acct.right .mask.maskopacity,
body.forgot-login-details.sporting-index div.acct.right .mask.maskopacity {
  background: none;
}
body.sporting-index div.acct.right h2,
body.sports.sporting-index div.acct.right h2,
body.forgot-login-details.sporting-index div.acct.right h2 {
  color: #fff;
}
body.sporting-index #pendingWithdrawalsPanel .body .amount,
body.sports.sporting-index #pendingWithdrawalsPanel .body .amount,
body.forgot-login-details.sporting-index #pendingWithdrawalsPanel .body .amount {
  color: #005eb8;
}
body.sporting-index .spx-frame-btn,
body.sports.sporting-index .spx-frame-btn,
body.forgot-login-details.sporting-index .spx-frame-btn {
  background: #8acfe5;
  color: #fff;
}
body.sporting-index .spx-frame-btn:hover,
body.sports.sporting-index .spx-frame-btn:hover,
body.forgot-login-details.sporting-index .spx-frame-btn:hover {
  background: #6da5b8;
  color: #fff;
}
body.sporting-index .popup .top.draghandle,
body.sports.sporting-index .popup .top.draghandle,
body.forgot-login-details.sporting-index .popup .top.draghandle {
  background: #0e223c;
}
body.sporting-index .popup .content,
body.sports.sporting-index .popup .content,
body.forgot-login-details.sporting-index .popup .content {
  background: #4f727a;
  color: black;
}
body.sporting-index .popup .loginBtn input[type=button],
body.sports.sporting-index .popup .loginBtn input[type=button],
body.forgot-login-details.sporting-index .popup .loginBtn input[type=button] {
  background: #8acfe5;
  color: #fff;
}
body.sporting-index .popup .loginBtn input[type=button]:hover,
body.sports.sporting-index .popup .loginBtn input[type=button]:hover,
body.forgot-login-details.sporting-index .popup .loginBtn input[type=button]:hover {
  background: #6da5b8;
  color: #fff;
}
body.sporting-index ul .ui-state-default,
body.sports.sporting-index ul .ui-state-default,
body.forgot-login-details.sporting-index ul .ui-state-default {
  color: #aaa;
  background: #1f324a;
}
body.sporting-index ul .ui-state-default:hover,
body.sports.sporting-index ul .ui-state-default:hover,
body.forgot-login-details.sporting-index ul .ui-state-default:hover {
  border-color: #8acfe5;
}
body.sporting-index ul .ui-state-active,
body.sports.sporting-index ul .ui-state-active,
body.forgot-login-details.sporting-index ul .ui-state-active {
  border: 1px solid #8acfe5;
  background: #1f324a;
  color: #fff;
}
body.sporting-index #accountRightPanel input[type=button],
body.sporting-index #accountRightPanel .respGamblingActionButton input[type=button],
body.sports.sporting-index #accountRightPanel input[type=button],
body.sports.sporting-index #accountRightPanel .respGamblingActionButton input[type=button],
body.forgot-login-details.sporting-index #accountRightPanel input[type=button],
body.forgot-login-details.sporting-index #accountRightPanel .respGamblingActionButton input[type=button] {
  background: #8acfe5;
  color: #fff;
}
body.sporting-index #accountRightPanel input[type=button]:hover,
body.sporting-index #accountRightPanel .respGamblingActionButton input[type=button]:hover,
body.sports.sporting-index #accountRightPanel input[type=button]:hover,
body.sports.sporting-index #accountRightPanel .respGamblingActionButton input[type=button]:hover,
body.forgot-login-details.sporting-index #accountRightPanel input[type=button]:hover,
body.forgot-login-details.sporting-index #accountRightPanel .respGamblingActionButton input[type=button]:hover {
  background: #6da5b8;
  color: #fff;
}
body.sporting-index .infobubble,
body.sports.sporting-index .infobubble,
body.forgot-login-details.sporting-index .infobubble {
  color: #333;
}
body.sporting-index div.padlock,
body.sports.sporting-index div.padlock,
body.forgot-login-details.sporting-index div.padlock {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.sporting-index .promotionRow,
body.sports.sporting-index .promotionRow,
body.forgot-login-details.sporting-index .promotionRow {
  background: #1f324a;
}
body.sporting-index div.pnl a.info, body.sporting-index div.summary a.info, body.sporting-index .promotionRow a.info,
body.sports.sporting-index div.pnl a.info,
body.sports.sporting-index div.summary a.info,
body.sports.sporting-index .promotionRow a.info,
body.forgot-login-details.sporting-index div.pnl a.info,
body.forgot-login-details.sporting-index div.summary a.info,
body.forgot-login-details.sporting-index .promotionRow a.info {
  background-image: url("Style/images/icons/info-dark-spin.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}

/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
/*
=============================================
ot-fins.css
Online trading financials web site
Spreadex Ltd

--------------------------------------------
Structure:
--------------------------------------------
---Global---
---Banner---
---Navigation---
---Controls---
---Content---
---Footer---



--------------------------------------------
Swatches:
--------------------------------------------
DESCRIPTION             HEX
spx-green:              #008290
spx-light-green:        #DAEFEE
spx-red:                #c33833
banner-grad-top         #f4f7f9
banner-grad-mid         #afafaf
banner-grad-bottom      #d4d5d6
grid-row-alt-bg         #f0f0f0
grid-border             #606060
grid-row-border         #a0a0a0
menu-border             #d4d5d6
menu-active-item-bg     #404040
menu-hover-item-bg      #666
bubble-light-red        #f3c3c1


=============================================
*/
/*---RESET---*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

.brand.killik h1 {
  font-family: adobe-garamond-pro-n4, adobe-garamond-pro, garamond-premier-pro-display, "Times New Roman", Times, Cambria, serif;
  font-size: 20px;
}

/*--Structure--*/
body {
  background-position: center -160px;
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  font-size: 12px;
  height: 100%;
  /*
        IE9 needs position relative to avoid inner div's with scrollbars to jump up when their position (absolute) is changed
        This happens when the popup is moved, resized or when the price grid had prirce updates.
        See http://bytefood.blogspot.co.uk/2012/04/ie9.html
    */
  position: relative;
}
.light-theme body {
  color: #333;
}
.dark-theme body {
  color: #ccc;
}

body.sports {
  background-color: #f2f2f2;
}

input,
select {
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  /*font-size:11px;*/
}

body .ui-widget {
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
}

/*
---------------------------------
    Table
---------------------------------
*/
table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}

table tr th {
  padding: 6px 10px;
  color: #168D99;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
  white-space: nowrap;
}
.brand.sal table tr th {
  color: #3399FF;
}
.brand.killik table tr th {
  color: #00728f;
}
.light-theme table tr th {
  color: #168D99;
}
.dark-theme table tr th {
  color: #00FFC8;
}

table tr td {
  padding: 6px 10px;
  border: solid 1px #d0d0d0;
  border-left: none;
  border-right: none;
  white-space: nowrap;
}

.light-theme div.header table tr {
  background-color: #fff;
}
.dark-theme div.header table tr {
  background-color: #000;
}

td.wide {
  width: 100%;
}

th.numeric,
td.numeric {
  text-align: right;
}

td.positive {
  color: #168D99;
}
.brand.sal td.positive {
  color: #3399FF;
}
.brand.killik td.positive {
  color: #00728f;
}
.light-theme td.positive {
  color: #168D99;
}
.dark-theme td.positive {
  color: #00FFC8;
}

td.negative {
  color: #c02f37;
}
.brand.sal td.negative {
  color: #FF6F00;
}
.brand.killik td.negative {
  color: #CEA552;
}
.light-theme td.negative {
  color: #c02f37;
}
.dark-theme td.negative {
  color: #E63740;
}

td.center {
  text-align: center;
}

td.left {
  text-align: left;
}

td.right {
  text-align: right;
}

div.shadow {
  /*-webkit-box-shadow: 3px 3px 3px #a0a0a0;*/
}

div.shadow-light {
  -webkit-box-shadow: 2px 2px 2px #d0d0d0;
}

.round {
  border-radius: 6px;
}

.ctr {
  text-align: center;
}

div.ieclear {
  height: 1px;
}

br {
  clear: both;
}

span {
  margin: 0;
}

div.col-layout {
  margin-bottom: 20px;
}

div.col-layout div.col {
  float: left;
  margin: 0 9px 0 0;
}

/*--Typographic--*/
.em,
em {
  font-weight: bold;
}

.green {
  color: #168D99;
}
.brand.sal .green {
  color: #3399FF;
}
.brand.killik .green {
  color: #00728f;
}
.light-theme .green {
  color: #168D99;
}
.dark-theme .green {
  color: #00FFC8;
}

.red {
  color: #c02f37;
}
.brand.sal .red {
  color: #FF6F00;
}
.brand.killik .red {
  color: #CEA552;
}
.light-theme .red {
  color: #c02f37;
}
.dark-theme .red {
  color: #E63740;
}

.gray {
  color: #999;
}

a:visited,
a:link {
  color: #168D99;
  text-decoration: none;
}
.brand.sal a:visited,
.brand.sal a:link {
  color: #3399FF;
}
.brand.killik a:visited,
.brand.killik a:link {
  color: #00728f;
}
.light-theme a:visited,
.light-theme a:link {
  color: #168D99;
}
.dark-theme a:visited,
.dark-theme a:link {
  color: #00FFC8;
}

a:hover {
  color: #c02f37;
  text-decoration: underline;
}
.brand.sal a:hover {
  color: #FF6F00;
}
.brand.killik a:hover {
  color: #CEA552;
}
.light-theme a:hover {
  color: #c02f37;
}
.dark-theme a:hover {
  color: #FD0000;
}

/*IE flash shim*/
div#webSocketContainer {
  border: none;
  width: 2px;
  height: 2px;
  overflow: hidden;
  top: 0px;
  left: 0px;
}

div#flashLbl {
  position: relative;
  width: 100px;
  height: 20px;
  top: 0px;
  left: -1px;
  border: none;
  background-color: transparent;
  font: bold 13px arial;
  text-align: center;
  line-height: 20px;
}

.error-page a {
  color: #168D99;
}
.brand.sal .error-page a {
  color: #3399FF;
}
.brand.killik .error-page a {
  color: #00728f;
}

/* Jquery tooltip overrides*/
.ui-tooltip {
  border: 1px solid #333;
  -webkit-box-shadow: 0 0 5px #aaa;
          box-shadow: 0 0 5px #aaa;
  background-color: #ffffff;
  max-width: 300px;
  padding: 5px;
}

.alertPrefs {
  position: relative;
  margin-top: -18px;
  margin-left: 540px;
}
.alertPrefs input[type=checkbox] {
  vertical-align: -2px;
}
.alertPrefs label {
  padding: 0px;
}

.alertPrefs ul {
  list-style-type: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top-style: solid;
  border-top-width: 1px;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: 0.5em;
  margin-right: 1em;
  padding: 0;
}
.light-theme hr {
  border-top-color: #d9d9d9;
}
.dark-theme hr {
  border-top-color: #333;
}

.inline-field {
  display: inline-block;
}

.new-button {
  padding: 0px 3px 1px 3px;
  margin: -3px -8px -3px 4px;
  display: inline-block;
  text-transform: uppercase;
  border: none;
  background-color: #c02f37;
  color: white;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  font-weight: normal;
  font-size: 11px;
}
.brand.sal .new-button {
  background-color: #FF6F00;
}
.brand.killik .new-button {
  background-color: #CEA552;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=checkbox] ~ label span {
  width: 12px;
  height: 12px;
  background-size: 56px 12px !important;
}

input[type=radio] ~ label span {
  width: 14px;
  height: 14px;
  background-size: 65px 14px !important;
}

input[type=checkbox] ~ label span,
input[type=radio] ~ label span {
  display: inline-block;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  cursor: pointer;
  background-position: center center;
  cursor: pointer;
  background-repeat: no-repeat;
  background-color: transparent;
}

input[type=checkbox][disabled] ~ label,
input[type=radio][disabled] ~ label {
  opacity: 0.5;
}

.light-theme input[type=checkbox] ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Tick_Empty_Light.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}
.dark-theme input[type=checkbox] ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Tick_Empty_Dark.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}

.light-theme input[type=checkbox]:checked ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Tick_Filled_Light.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}
.dark-theme input[type=checkbox]:checked ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Tick_Filled_Dark.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}

.light-theme input[type=radio] ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Circle_Empty_Light.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}
.dark-theme input[type=radio] ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Circle_Empty_Dark.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}

.light-theme input[type=radio]:checked ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Circle_Filled_Light.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}
.dark-theme input[type=radio]:checked ~ label span {
  background-image: url("Style/images/dark-theme/inputs/Circle_Filled_Dark.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}

.titleCase {
  text-transform: capitalize;
}

.text-right {
  text-align: right;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/base.css.map */
/*
------------------------
Loading Indicator
------------------------
*/
/* Common */
div.loadingInd {
  position: absolute;
  top: 0;
  left: 0;
}

/* Large */
div.loadingInd.lrg, div.lrg {
  height: 150px;
  width: 150px;
  padding: 0;
  margin: 0;
  background: url("Style/images/loading/loading-lrg2.gif?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* Small */
div.loadingInd.sml {
  height: 16px;
  width: 16px;
  padding: 0;
  background: url("Style/images/loading/loading-sml-green.gif") 50% 50% no-repeat;
}

div#watchlists div.loadingInd.sml {
  background-image: url("Style/images/loading/loading-sml-333333.gif");
}

ul.lvl-1 div.loadingInd.sml {
  background-image: url("Style/images/loading/loading-sml-333333.gif");
}

ul.lvl-2 div.loadingInd.sml {
  background-image: url("Style/images/loading/loading-sml-595959.gif");
}

ul.lvl-3 div.loadingInd.sml {
  background-image: url("Style/images/loading/loading-sml-7f7f7f.gif");
}

/*
.menu div.loadingInd.sml
{
    background: url('Style/images/loading/loading-sml-blk.gif') 50% 50% no-repeat;
}
#menubuttons div.loadingInd.sml
{
    background: url('Style/images/loading/loading-sml-gry.gif') 50% 50% no-repeat;
}
*/
div#baseMktSpinner {
  position: relative;
  display: inline;
  margin-left: 10px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/loadingIndicator.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
/* 
    Pagination
    Based on http://woork.blogspot.com/2008/03/perfect-pagination-style-using-css.html 
*/
ul.pagination {
  margin: 5px 0;
}

ul.pagination li {
  list-style: none;
  font-weight: bold;
  cursor: default;
  display: inline-block;
  zoom: 1; /* Hack for IE7 */
  *display: inline; /* Hack for IE7 */
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.9pt;
  height: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 17px;
}

ul.pagination a {
  margin-right: 2px;
  display: block;
}
.light-theme ul.pagination a {
  border: 1px solid #d9d9d9;
}
.dark-theme ul.pagination a {
  border: 1px solid #333;
}

ul.pagination .active {
  background-color: #168D99;
  color: #fff;
  padding: 1px 5px;
}
.brand.sal ul.pagination .active {
  background-color: #3399FF;
}
.brand.killik ul.pagination .active {
  background-color: #00728f;
}
.light-theme ul.pagination .active {
  background-color: #168D99;
}
.dark-theme ul.pagination .active {
  background-color: #00B8CC;
}
.light-theme ul.pagination .active {
  border: 1px solid #168D99;
}
.dark-theme ul.pagination .active {
  border: 1px solid #00B8CC;
}

ul.pagination a,
ul.pagination a:link,
ul.pagination a:visited {
  color: #168D99;
  padding: 1px 5px;
  text-decoration: none;
  cursor: pointer;
}
.brand.sal ul.pagination a,
.brand.sal ul.pagination a:link,
.brand.sal ul.pagination a:visited {
  color: #3399FF;
}
.brand.killik ul.pagination a,
.brand.killik ul.pagination a:link,
.brand.killik ul.pagination a:visited {
  color: #00728f;
}

ul.pagination a:hover {
  border: solid 1px;
  border-color: #168D99;
}
.brand.sal ul.pagination a:hover {
  border-color: #3399FF;
}
.brand.killik ul.pagination a:hover {
  border-color: #00728f;
}

ul.pagination .previous-off,
ul.pagination .next-off {
  margin-right: 2px;
  padding: 1px 5px;
}
.light-theme ul.pagination .previous-off,
.light-theme ul.pagination .next-off {
  border: 1px solid #d9d9d9;
}
.dark-theme ul.pagination .previous-off,
.dark-theme ul.pagination .next-off {
  border: 1px solid #333;
}
.light-theme ul.pagination .previous-off,
.light-theme ul.pagination .next-off {
  color: #808080;
}
.dark-theme ul.pagination .previous-off,
.dark-theme ul.pagination .next-off {
  color: #d9d9d9;
}

ul.pagination li.next a {
  margin-right: 0;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/pagination.css.map */
/* Grid Display Options */
div.fieldset.oneClickDealingOptions {
  margin-top: 13px;
}

div.popup.oneClickDealing p {
  margin: 5px 0;
  padding: 0 5px;
}

/* Table Display Options */
div.popup.dialog.tabledisplayoptions > div.middle div.content {
  padding-top: 2px;
}

div.tabledisplayoptions div.fieldset label {
  font-weight: normal;
}

div.tabledisplayoptions label {
  display: block;
  padding-left: 13px;
  text-indent: -11px;
  margin: 3px;
}

div.tabledisplayoptions label input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  margin-right: 3px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/displayOptions.css.map */
ul.buttonstrip {
  list-style-type: none;
  list-style-image: none;
  float: right;
  margin: 5px 10px 0 0;
}

div.content ul.buttonstrip, div.acct.right ul.buttonstrip {
  margin-right: 0;
}

ul.buttonstrip li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  color: White;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
  line-height: 20px;
  cursor: pointer;
  height: 23px;
}

ul.buttonstrip.popup li.close {
  width: 35px;
  background: url("Style/images/buttons/btn-min-pop-tear-close.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -101px 0px no-repeat no-repeat;
}

ul.buttonstrip.popup li.close:hover {
  background: url("Style/images/buttons/btn-min-pop-tear-close.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -101px -24px no-repeat;
}

ul.buttonstrip.popup li.close.sgl {
  background: url("Style/images/buttons/spreadex-black/btn-close.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") 50% 50% no-repeat;
  height: 22px;
  left: 2px;
  top: -4px;
  position: relative;
}

ul.buttonstrip.popup li.close.sgl:hover {
  background: url("Style/images/buttons/spreadex-black/btn-close-over.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") 50% 50% no-repeat;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/Buttonstrip.css.map */
div#banner {
  height: 68px;
  background: url("Style/images/home/home-banner-bg-v2.png") 0% 0% repeat-x;
  margin: 0 0 10px 0;
}

div#banner div#logo {
  height: 68px;
  width: 339px;
  background: url("Style/images/home/banner-spx-logo4.png") 0% 0% no-repeat;
  position: absolute;
  left: 0;
}

div#banner div.account {
  width: 246px;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 999996;
  /*border:solid 1px red; */
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 10px #303030;
  box-shadow: 0 3px 10px #303030;
}

div#banner div.account.expanded {
  display: none;
}

div#banner div.account ul.buttonstrip {
  right: 10px;
}

div#banner div.account.collapsed div.top {
  height: 60px;
  width: 250px;
  background: url("Style/images/home/acct-summary-pnl.png") 0% 0% no-repeat;
}

div#banner div.account.collapsed label {
  font-size: 7pt;
  color: #333 !important;
  display: inline-block;
}

div#banner div.account.collapsed label.title {
  font-weight: bold;
}

div#banner div.account.collapsed table tr:nth-child(odd), tr.odd {
  background-color: transparent;
}

div#banner div.account.collapsed td {
  padding: 0;
  border: 0;
}

div#banner div.account.collapsed div.detail {
  width: 241px;
  padding: 2px;
  height: 31px;
  clear: right;
  position: relative;
  top: -3px;
}

div#banner div.account.collapsed div.detail div.arrowIcon {
  float: left;
  height: 15px;
  width: 15px;
  background: url("Style/images/home/acct-summ-arrow.png") no-repeat;
  margin: 9px 4px 0 2px;
  cursor: pointer;
}

div.arrowIcon.expanded {
  background-position: 0px 0px;
}

div#banner div.account.collapsed div.detail div.arrowIcon.collapsed {
  background-position: 0 -15px;
  width: auto;
  font-weight: bold;
  padding-left: 20px;
}

div#banner div.account.collapsed div.detail div.info {
  float: left;
  height: 31px;
}

div.info div.row {
  height: 15px;
}

div#banner div.account label.cWidth {
  width: 65px;
}

div#banner div.account label.title.one {
  width: 45px;
}

div#banner div.account label.title.two {
  width: 33px;
}

div#banner div.account.expanded div.top {
  height: 47px;
  width: 250px;
  background: url("Style/images/home/acct-summary-pnl.png") 0 -61px no-repeat;
}

div#banner div.account.expanded div.middle {
  height: 1px;
  -webkit-transition: height 0.4s;
  width: 250px;
  background: url("Style/images/home/acct-summary-expanded-middle.png") 0% 0% repeat-y;
  overflow: hidden;
}

div#banner div.account.expanded div.middle div.pnl {
  margin: 0 12px 0 10px;
  border: solid 1px #a0a0a0;
  border-radius: 8px;
}

@-moz-document url-prefix() {
  div#banner div.account.expanded div.middle div.pnl {
    padding: 2px;
  }
}
div#banner div.account.expanded div.middle h2 {
  color: #008290;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 0 30px;
  padding: 0;
}

div#banner div.account.expanded div.middle h3 {
  color: #909090;
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 0 30px;
  padding: 0;
}

div#banner div.account.expanded div.middle h4 {
  color: #008290;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  text-align: right;
  padding: 0 30px 0 0;
}

div#banner div.account.expanded div.middle table {
  border: none;
  font-size: 0.9em;
}

div#banner div.account.expanded div.middle td {
  border: none;
}

div#banner div.account.expanded div.middle td:first-child {
  color: #808080;
}

div#banner div.account.expanded div.middle td:last-child {
  text-align: right;
}

div#banner div.account.expanded div.middle tr:first-child td:first-child {
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
}

div#banner div.account.expanded div.middle tr:first-child td:last-child {
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}

div#banner div.account.expanded div.middle tr:last-child td:first-child {
  -moz-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

div#banner div.account.expanded div.middle tr:last-child td:last-child {
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

div#banner div.account.expanded div.middle.slide {
  height: 355px;
}

div#banner div.account.expanded div.bottom {
  height: 32px;
  width: 250px;
  background: url("Style/images/home/acct-summary-expanded-bottom-v3.png") 0% 0% no-repeat;
}

div#banner div.account div.top > h1 {
  font-size: 1.6em;
  font-weight: bold;
  position: absolute;
  top: 5px;
  left: 40px;
}

div#banner div.account h2.avail {
  font-size: 1.3em;
  font-weight: bold;
  position: absolute;
  width: 110px;
  text-align: right;
}

div#banner div.account.collapsed h2.avail {
  top: 35px;
  left: 110px;
}

div#banner div.account.expanded h2.avail {
  bottom: 7px;
  left: 110px;
}

div#banner div.account.expanded td.text {
  overflow: auto;
  padding: 0px 8px 2px !important;
  text-align: center !important;
  white-space: normal;
  font-size: 8pt;
  font-style: italic;
}

div#banner div.account.expanded div.middle div.pnl.margin {
  margin-top: 8px;
}

div#banner div.account.expanded div.middle tr.totalVal td {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: middle;
}

div#banner div.account.expanded div.middle tr.totalVal td.total {
  text-align: right;
}

div#banner div.account.expanded div.middle tr td {
  vertical-align: middle;
}

/*buttons*/
div#banner div.bannerbuttons {
  position: absolute;
  width: 460px;
  *width: 450px;
  margin-top: 38px;
  right: 255px;
  text-align: right;
}

div.bannerbuttons > div, div#productsTitle, div.productsTitleHover {
  background: url("Style/images/home/banner/banner-buttons-v2.png") 0 0 no-repeat;
  height: 26px;
  width: 113px;
  margin: 0;
  display: inline-block;
  cursor: pointer;
  *float: left;
  position: relative;
}

div.bannerbuttons:hover {
  z-index: 999996;
}

div#productsTitle, div.productsTitleHover {
  margin: 0 !important;
}

div#account {
  background-position: 0 0;
}

div#account:hover {
  background-position: 0 -27px;
}

div#payment {
  width: 110px;
  background-position: -114px 0;
  left: -3px;
  *left: 0px;
}

div#payment:hover {
  background-position: -114px -27px;
}

div#displayOptions {
  width: 110px;
  background-position: -225px 0;
  left: -6px;
  *left: 0px;
}

div#displayOptions:hover {
  background-position: -225px -27px;
}

div#moreproducts {
  background: none;
}

div#productsTitle {
  background-position: -336px 0;
  left: -9px;
  *left: 0px;
}

div#productsTitle:hover, div.productsTitleHover {
  background-position: -336px -27px !important;
}

div#productsList {
  background: url("Style/images/home/banner/moreproducts-bg.png") 0 0 no-repeat;
  display: none;
  width: 128px;
  position: relative;
  top: -4px;
  left: -18px;
  /*z-index: 10000;*/
  *top: 0px;
  height: 102px;
  *left: -9px;
}

/*firefox hack for more products link*/
@-moz-document url-prefix() {
  div#productsList {
    top: -4px;
  }
}
div#productsList div {
  background: url("Style/images/home/banner/moreproducts.png") 0 0 no-repeat;
  height: 22px;
  cursor: pointer;
  width: 109px;
  position: relative;
  left: 9px;
  *left: -10px;
}

div#productsList div:hover {
  background-color: #D8D8D8;
}

div#productsList div#mobileTrading {
  background-position: 0 0;
}

div#productsList div#ecoDiary {
  background-position: 0 -24px;
  border-top: 1px solid #c0c0c0;
}

div#productsList div#adSportsBetting {
  background-position: 0 -47px;
  border-top: 1px solid #c0c0c0;
}

div#productsList div#adCasinoBetting {
  background-position: 0 -70px;
}

/*task bar buttons*/
div#taskBar {
  position: absolute;
  right: 268px;
  top: 8px;
  z-index: 999996;
}

div#taskBar ul {
  list-style-image: none;
  list-style-type: none;
  position: relative;
}

ul.groupButtons > li {
  float: left;
  cursor: pointer;
  width: 32px;
  height: 26px;
  margin-left: 4px;
  position: relative;
}

ul.groupButtons > li.empty {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

ul.groupButtons li.chart, li.chart .icon {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -336px -2px no-repeat;
}

ul.groupButtons li.watchlist, li.watchlist .icon {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -237px -3px no-repeat;
}

ul.groupButtons li.trade, li.trade .icon {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -33px -3px no-repeat;
}

ul.groupButtons li.order, li.order .icon {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -209px -2px no-repeat;
  width: 22px;
}

ul.groupButtons li.info, li.info .icon {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -101px -4px no-repeat;
}

ul.groupButtons li.pricing, li.pricing .icon {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -371px -2px no-repeat;
}

ul.groupButtons > li .windowContainer {
  width: 228px;
  top: 24px;
  display: none;
  position: absolute;
}

ul.groupButtons > li .windowContainer .top {
  background: url("Style/images/home/banner/taskbar-windowlist-top.png") 0 0 no-repeat;
  height: 14px;
}

ul.groupButtons > li .windowContainer .bottom {
  background: url("Style/images/home/banner/taskbar-windowlist-bottom.png") 0 0 no-repeat;
  height: 12px;
  position: relative;
  top: -3px;
}

ul.groupButtons > li .windowContainer .middle {
  background: url("Style/images/home/banner/taskbar-windowlist-middle.png") 0 0 repeat-y;
  position: relative;
  top: -2px;
}

.taskBarWindowList > div {
  width: 202px;
  height: 29px;
  clear: both;
  padding-top: 2px;
  border: 1px solid #fff;
  margin-bottom: 1px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0px 12px 1px;
}

.taskBarWindowList > div:hover {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}

.taskBarWindowList > div div {
  height: 28px;
  display: table-cell;
  vertical-align: middle;
}

.taskBarWindowList > div div.name {
  font-weight: bold;
  font-size: 0.9em;
  overflow: hidden;
  padding: 0 0 2px;
  width: 136px;
  text-overflow: ellipsis;
  float: none;
}

.taskBarWindowList > div div.icon {
  float: left;
  width: 30px;
  margin: -2px 1px 0;
  height: 32px;
}

.taskBarWindowList > div div.close {
  width: 31px;
  background: url("Style/images/buttons/taskbar-window-close-btn.png") 0 1px no-repeat;
  float: none;
  position: relative;
  *float: right;
  *top: -30px;
  *left: -3px;
}

.taskBarWindowList > div div.close:hover {
  background: url("Style/images/buttons/taskbar-window-close-btn.png") 0 -26px no-repeat;
}

li.chart div.icon {
  background-position: -336px 50% !important;
}

li.pricing .icon {
  background-position: -371px 50% !important;
}

li.order div.icon {
  background-position: -208px -1px !important;
}

li.trade .icon {
  background-position: -34px -1px !important;
}

li.info .icon {
  background-position: -102px -1px !important;
}

li.watchlist .icon {
  background-position: -237px -2px !important;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/banner.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
.dark-theme input[type=text], .dark-theme input[type=email], .dark-theme textarea {
  color: #fff;
  border: #4d4d4d;
  background: #262626;
}

div.fieldset {
  clear: both;
}

div.fieldset div.legend {
  margin: -18px 0 0 15px;
  padding: 0 3px;
  font-size: 1em;
  background-color: White;
}

input[type=radio] + label {
  vertical-align: 2px;
}

div.panelcontent.betdetail {
  padding-left: 6px;
  padding-right: 6px;
}

div.panelcontent.betdetail div.row,
div.panelcontent.betdetail label.row {
  width: 150px;
  display: inline-block;
}

div.panelcontent.betdetail td {
  white-space: normal;
}

div.fieldset div.label,
div.fieldset input,
div.fieldset label {
  font-size: 0.9em;
  font-weight: bold;
}

div.fieldset p {
  margin-top: 15px;
}

div.input {
  position: relative;
}

div.input input[type=text] {
  width: 70px;
}

div.input span.note {
  font-size: 0.85em;
}

div.input span.units {
  font-size: 0.85em;
}

div.fieldset div.info {
  height: 17px;
  width: 17px;
  background-size: 17px 17px;
  float: right;
  cursor: pointer;
  margin: -20px 0 0 0;
}
.light-theme div.fieldset div.info {
  background-image: url("Style/images/icons/spreadex-black/green-info-icon.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}
.dark-theme div.fieldset div.info {
  background-image: url("Style/images/icons/spreadex-black/vibrant-green-info-icon.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}

div.buttons {
  text-align: center;
}

div.buttons input[type=button],
div.buttons input[type=submit] {
  display: inline-block;
  margin: 11px 0 5px 0;
  padding: 4px 8px;
  font-weight: bold;
  font-size: 1.1em;
  color: #333333;
  height: 24px;
  border: 0 none;
  cursor: pointer;
  border: 1px solid #666;
  background-color: #f2f2f2;
}

div.buttons input[type=button]:hover,
div.buttons input[type=submit]:hover {
  background-color: #008290;
  color: #fff;
}

div.buttons input.dis {
  color: Gray;
  cursor: inherit;
}

/* Confirmation message */
.confirmMsg {
  margin-top: 9px;
}

input.watermark {
  color: #bbb;
}

/* Validation messages */
.field-validation-error {
  position: relative;
  text-align: left;
  color: #C33833;
  border: 1px solid #C33833;
  border-radius: 5px;
  height: auto;
  background: white;
  top: 12px;
  -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
  display: table;
  white-space: nowrap;
  margin-bottom: 15px;
  display: inline-block;
  width: auto;
}

.field-validation-error:before {
  content: "";
  position: relative;
  display: inline-block;
  top: -22px;
  left: 45px;
  width: 11px;
  height: 11px;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  border-bottom: 1px solid #C33833;
  border-right: 1px solid #C33833;
  background: white;
  top: -7.5px;
  left: 43px;
}

.dark-theme .field-validation-error {
  background: black;
  border-color: #E63740;
  color: #E63740;
}
.dark-theme .field-validation-error span {
  color: #E63740;
}
.dark-theme .field-validation-error:before {
  background: black;
  border: none;
  -webkit-box-shadow: 1px 1px 0px 0px #E63740;
          box-shadow: 1px 1px 0px 0px #E63740;
  top: -7px;
}

.field-validation-error span {
  font-size: 0.9em;
  position: relative;
  color: #C33833;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  top: -9px;
}

.input-validation-error {
  border-color: #C33833;
  background-color: #FFDADB;
}

div.validationerror {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  /*z-index: 6000;*/
  background-color: #F8EBCE;
  font-weight: bold;
  text-align: center;
  padding: 30px;
  margin: -15px 0 0 -165px;
  border: solid 2px #f9ae41;
  border-radius: 6px;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
}

/*back button*/
input#back {
  display: inline-block;
  width: 70px;
  height: 24px;
  border: 0 none;
  background: url("Style/images/buttons/backbutton.png") no-repeat;
  cursor: pointer;
}

input#back:hover {
  background-position: 0 -25px;
}

/*hide default up/down buttons for ipad*/
form input[type=number]::-webkit-outer-spin-button,
form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/form.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
/*  My Account
------------------------------------*/
#pendingWithdrawalsMenuItem .menuCounterContainer {
  margin-left: 4px;
  display: inline-block;
}
#pendingWithdrawalsMenuItem.hidden {
  display: none;
}

#amountAvailableForWithdrawal {
  padding: 6px;
}

#MyPromotionsButton, #pendingWithdrawalsMenuItem, #UploadDocumentsButton, #SubmitKycButton, #UploadSofDocumentsButton {
  position: relative;
}

input[type=button].disabled, button.disabled {
  pointer-events: none;
}

.menuCounterContainer {
  background-color: #c02f37;
  position: absolute;
  width: 12px;
  height: 13px;
  left: 177px;
  top: 8px;
  text-align: center;
  pointer-events: none;
  font-weight: normal;
  padding: 2px;
  padding-top: 0px;
  font-size: 10px;
  display: block;
}
.brand.sal .menuCounterContainer {
  background-color: #FF6F00;
}
.brand.killik .menuCounterContainer {
  background-color: #CEA552;
}
.light-theme .menuCounterContainer {
  color: #c02f37;
}
.dark-theme .menuCounterContainer {
  color: #E63740;
}
.light-theme .menuCounterContainer .menuCounter {
  color: #fff;
}
.dark-theme .menuCounterContainer .menuCounter {
  color: #fff;
}

div.fundingButtons {
  width: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 5px 5px 10px;
}

div.acct.right div.fundingButtons.linkedAccounts {
  width: 500px;
  border: 1px solid transparent;
}

div.fundingButtons > input#fundingWithdraw, div.fundingButtons > input#fundingDeposit {
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  font-weight: bold;
  letter-spacing: 0.9pt;
  width: 100%;
  height: 40px;
  border: none;
}
.light-theme div.fundingButtons > input#fundingWithdraw, .light-theme div.fundingButtons > input#fundingDeposit {
  background-color: #168D99;
}
.dark-theme div.fundingButtons > input#fundingWithdraw, .dark-theme div.fundingButtons > input#fundingDeposit {
  background-color: #00FFC8;
}
.light-theme div.fundingButtons > input#fundingWithdraw, .light-theme div.fundingButtons > input#fundingDeposit {
  color: #fff;
}
.dark-theme div.fundingButtons > input#fundingWithdraw, .dark-theme div.fundingButtons > input#fundingDeposit {
  color: #000;
}
div.fundingButtons > input#fundingWithdraw:hover, div.fundingButtons > input#fundingDeposit:hover {
  color: white;
}
.light-theme div.fundingButtons > input#fundingWithdraw:hover, .light-theme div.fundingButtons > input#fundingDeposit:hover {
  background-color: #00525B;
}
.dark-theme div.fundingButtons > input#fundingWithdraw:hover, .dark-theme div.fundingButtons > input#fundingDeposit:hover {
  background-color: #168D99;
}

#LinkedOtherAccountsTable {
  margin-bottom: 10px;
}

.linkedAccountsTable {
  table-layout: auto !important;
  display: none;
}
.light-theme .linkedAccountsTable tr.header-row {
  background-color: #fafafa;
}
.dark-theme .linkedAccountsTable tr.header-row {
  background-color: #1a1a1a;
}
.linkedAccountsTable tr td.linkedAccount_equity, .linkedAccountsTable tr td.linkedAccount_margin, .linkedAccountsTable tr td.linkedAccount_availableFunds, .linkedAccountsTable tr td.linkedAccount_accountBalance, .linkedAccountsTable tr td.linkedAccount_accountPnl {
  text-align: right;
}
.linkedAccountsTable tr td.linkedAccount_totalEquity, .linkedAccountsTable tr td.linkedAccount_totalMargin, .linkedAccountsTable tr td.linkedAccount_totalAvailableFunds, .linkedAccountsTable tr td.linkedAccount_totalBalance, .linkedAccountsTable tr td.linkedAccount_totalPnl,
.linkedAccountsTable tr td.otherLinkedAccount_totalEquity, .linkedAccountsTable tr td.otherLinkedAccount_totalMargin, .linkedAccountsTable tr td.otherLinkedAccount_totalAvailableFunds, .linkedAccountsTable tr td.otherLinkedAccount_totalBalance, .linkedAccountsTable tr td.otherLinkedAccount_totalPnl {
  text-align: right;
  font-weight: bold;
}
.linkedAccountsTable tr td.linkedAccount_total {
  font-weight: bold;
}
.lr-acc .linkedAccountsTable tr td.linkedAccount_total {
  text-align: right;
}
.linkedAccountsTable tr td.otherLinkedAccount_total {
  font-weight: bold;
  text-align: right;
}
.linkedAccountsTable tr td.linkedAccount_default {
  text-align: center;
}
.linkedAccountsTable tr td.linkedAccount_clientRef {
  font-weight: bold;
}
.linkedAccountsTable tr th.linkedAccount_header_equity, .linkedAccountsTable tr th.linkedAccount_header_margin, .linkedAccountsTable tr th.linkedAccount_header_availableFunds, .linkedAccountsTable tr th.linkedAccount_header_accountPnl, .linkedAccountsTable tr th.linkedAccount_header_accountBalance {
  text-align: right;
}
.light-theme .linkedAccountsTable tr th.linkedAccount_header_equity, .light-theme .linkedAccountsTable tr th.linkedAccount_header_margin, .light-theme .linkedAccountsTable tr th.linkedAccount_header_availableFunds, .light-theme .linkedAccountsTable tr th.linkedAccount_header_accountPnl, .light-theme .linkedAccountsTable tr th.linkedAccount_header_accountBalance {
  color: #000;
}
.dark-theme .linkedAccountsTable tr th.linkedAccount_header_equity, .dark-theme .linkedAccountsTable tr th.linkedAccount_header_margin, .dark-theme .linkedAccountsTable tr th.linkedAccount_header_availableFunds, .dark-theme .linkedAccountsTable tr th.linkedAccount_header_accountPnl, .dark-theme .linkedAccountsTable tr th.linkedAccount_header_accountBalance {
  color: #999;
}
.linkedAccountsTable tr th.linkedAccount_header_default {
  text-align: center;
}
.linkedAccountsTable span.linkedAccount_accountType, .linkedAccountsTable span.linkedAccount_accountCurrency {
  color: grey;
  font-weight: normal;
}

#LinkedContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 100%;
  width: 100%;
}
#LinkedContainer .accountsForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
#LinkedContainer .accountsForm div.accountsTable {
  overflow-y: auto;
  height: 80%;
  width: 100%;
  margin-right: 5px;
}
#LinkedContainer .accountsForm div.page-info, #LinkedContainer .accountsForm div.pleaseNote {
  width: 100%;
  margin-bottom: 10px;
}
#LinkedContainer .accountsForm table td {
  border: none;
  font-size: 12px;
}
#LinkedContainer .title {
  margin: -22px 0 0 0;
  padding: 0 3px;
  font-size: 12pt;
  float: left;
}
.light-theme #LinkedContainer .title {
  color: #333;
}
.dark-theme #LinkedContainer .title {
  color: #ccc;
}
.light-theme #LinkedContainer .title {
  background-color: #fff;
}
.dark-theme #LinkedContainer .title {
  background-color: #000;
}
#LinkedContainer fieldset legend {
  margin-left: 8px;
}
#LinkedContainer fieldset.LinkedAccounts {
  width: 100%;
}
#LinkedContainer fieldset.TransferFunds {
  height: 40%;
  width: 100%;
  padding: 10px;
  margin-top: 5px;
}
.light-theme #LinkedContainer fieldset.TransferFunds {
  border: 1px solid #d9d9d9;
}
.dark-theme #LinkedContainer fieldset.TransferFunds {
  border: 1px solid #333;
}
#LinkedContainer fieldset.TransferFunds label {
  width: 200px;
  padding: 4px;
}
#LinkedContainer .text-info-label {
  margin-top: 1px;
}
#LinkedContainer #availableToTransfer {
  height: 21px;
  font-size: 13.333333px;
  width: 225px;
  display: inline-block;
  padding: 4px;
}
#LinkedContainer #amountToTransferConverted {
  margin-top: 6px;
  margin-left: 10px;
  display: inline-block;
}
.light-theme #LinkedContainer #amountToTransfer {
  border: 1px solid #d9d9d9;
}
.dark-theme #LinkedContainer #amountToTransfer {
  border: 1px solid #333;
}
.light-theme #LinkedContainer #amountToTransfer {
  background-color: #fff;
}
.dark-theme #LinkedContainer #amountToTransfer {
  background-color: #000;
}
#LinkedContainer .amount-wrapper {
  position: relative;
}
#LinkedContainer .amount-wrapper input[type=text] {
  width: 210px;
  padding-right: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#LinkedContainer .amount-wrapper span.amount {
  position: absolute;
  left: 175px;
  margin-top: 6px;
}
#LinkedContainer #responseMessage {
  text-align: center;
}

div.pleaseNote {
  margin-top: 10px;
  font-style: italic;
  font-size: 11px;
}

div.acct-wrapper {
  font-size: 9pt;
  overflow: hidden;
  height: 100%;
}
.light-theme div.acct-wrapper {
  background-color: #fff;
}
.dark-theme div.acct-wrapper {
  background-color: #000;
}
div.acct-wrappersports-popup {
  height: calc(100% - 31px);
}
div.acct-wrapper div.fieldset {
  margin-top: 24px;
  text-align: right;
  *padding: 4px 10px 11px !important;
}
div.acct-wrapper div.tabledisplayoptions div.fieldset {
  text-align: left;
}
div.acct-wrapper div.tabledisplayoptions ul.buttonstrip.popup li.close.sgl {
  width: 45px;
}
div.acct-wrapper div.fieldset.acctSummary {
  margin-top: 0px;
  padding-top: 6px;
}

div.acct {
  position: absolute;
}
div.acct .title {
  display: inline-block;
}
div.acct div.options {
  position: absolute;
  right: 10px;
  top: 12px;
}
div.acct div.options select#daterange, div.acct div.options select#clientRefs, div.acct div.options select#transactionType, div.acct div.options-no-abs select#daterange, div.acct div.options-no-abs select#clientRefs, div.acct div.options-no-abs select#transactionType {
  margin-top: 0;
  text-transform: uppercase;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
}
.light-theme div.acct div.options select#daterange, .light-theme div.acct div.options select#clientRefs, .light-theme div.acct div.options select#transactionType, .light-theme div.acct div.options-no-abs select#daterange, .light-theme div.acct div.options-no-abs select#clientRefs, .light-theme div.acct div.options-no-abs select#transactionType {
  background-color: #fff;
}
.dark-theme div.acct div.options select#daterange, .dark-theme div.acct div.options select#clientRefs, .dark-theme div.acct div.options select#transactionType, .dark-theme div.acct div.options-no-abs select#daterange, .dark-theme div.acct div.options-no-abs select#clientRefs, .dark-theme div.acct div.options-no-abs select#transactionType {
  background-color: #000;
}
.light-theme div.acct div.options select#daterange, .light-theme div.acct div.options select#clientRefs, .light-theme div.acct div.options select#transactionType, .light-theme div.acct div.options-no-abs select#daterange, .light-theme div.acct div.options-no-abs select#clientRefs, .light-theme div.acct div.options-no-abs select#transactionType {
  color: #333;
}
.dark-theme div.acct div.options select#daterange, .dark-theme div.acct div.options select#clientRefs, .dark-theme div.acct div.options select#transactionType, .dark-theme div.acct div.options-no-abs select#daterange, .dark-theme div.acct div.options-no-abs select#clientRefs, .dark-theme div.acct div.options-no-abs select#transactionType {
  color: #fff;
}

div.acct.left {
  width: 215px;
  padding-top: 10px;
}
div.acct.left input[type=submit],
div.acct.left input[type=button] {
  text-align: left;
  width: 199px;
  clear: both;
  border: none;
  letter-spacing: 0.2px;
  font-size: 12px;
  line-height: 28px;
  padding-top: 1px;
  padding-bottom: 1px;
  outline: none;
}
.light-theme div.acct.left input[type=submit],
.light-theme div.acct.left input[type=button] {
  background-color: #fff;
}
.dark-theme div.acct.left input[type=submit],
.dark-theme div.acct.left input[type=button] {
  background-color: #000;
}
.light-theme div.acct.left input[type=submit],
.light-theme div.acct.left input[type=button] {
  color: #333;
}
.dark-theme div.acct.left input[type=submit],
.dark-theme div.acct.left input[type=button] {
  color: #fff;
}
div.acct.left input[type=submit]:hover,
div.acct.left input[type=button]:hover {
  color: #fff;
}

div.acct.right {
  border-top: 0;
  min-width: 500px;
  min-height: 400px;
  position: relative;
  left: 217px;
  padding: 10px;
  border-left-width: 1px;
  border-left-style: solid;
}
.light-theme div.acct.right {
  background-color: #fff;
}
.dark-theme div.acct.right {
  background-color: #000;
}
.light-theme div.acct.right {
  border-left-color: #d9d9d9;
}
.dark-theme div.acct.right {
  border-left-color: #333;
}
div.acct.right h2 {
  font-weight: bold;
  font-size: 1.4em;
}
.light-theme div.acct.right h2 {
  color: #333;
}
.dark-theme div.acct.right h2 {
  color: #fff;
}
div.acct.right div.legend {
  margin: 12px 0 0 12px;
  font-size: 13px;
  letter-spacing: 0.9pt;
  display: inline-block;
}
.light-theme div.acct.right div.legend {
  background-color: #fff;
}
.dark-theme div.acct.right div.legend {
  background-color: #000;
}
div.acct.right div.legend.legend-inline {
  margin: 0;
}
div.acct.right div.myacc-accsum {
  display: none;
}
div.acct.right div.spreadsTitle div.titleHeadings div {
  display: inline-block;
  *float: left;
}

.light-theme div.acct input[disabled] {
  color: #999;
}
.dark-theme div.acct input[disabled] {
  color: #808080;
}
.light-theme div.acct input[disabled] {
  border: 1px solid #999;
}
.dark-theme div.acct input[disabled] {
  border: 1px solid #333;
}

.light-theme div.acct input[disabled]:hover {
  color: #999;
}
.dark-theme div.acct input[disabled]:hover {
  color: #808080;
}
.light-theme div.acct input[disabled]:hover {
  background-color: #e6e6e6;
}
.dark-theme div.acct input[disabled]:hover {
  background-color: #4D4D4D;
}
.light-theme div.acct input[disabled]:hover {
  border: 1px solid #999;
}
.dark-theme div.acct input[disabled]:hover {
  border: 1px solid #333;
}

div.confirmPassword input[type=button],
div.confirmPassword input[type=submit],
div.diagnostics input[type=submit],
div.diagnostics input[type=button],
div.betdetail input[type=button],
div.oneClickTrading input[type=submit],
div.promotionClaimed input[type=submit] {
  margin: 5px 0 0 0;
  padding: 3px 8px;
  font-size: 12px;
  height: 24px;
  width: 120px;
  font-weight: bold;
}
.light-theme div.confirmPassword input[type=button],
.light-theme div.confirmPassword input[type=submit],
.light-theme div.diagnostics input[type=submit],
.light-theme div.diagnostics input[type=button],
.light-theme div.betdetail input[type=button],
.light-theme div.oneClickTrading input[type=submit],
.light-theme div.promotionClaimed input[type=submit] {
  background-color: #e6e6e6;
}
.dark-theme div.confirmPassword input[type=button],
.dark-theme div.confirmPassword input[type=submit],
.dark-theme div.diagnostics input[type=submit],
.dark-theme div.diagnostics input[type=button],
.dark-theme div.betdetail input[type=button],
.dark-theme div.oneClickTrading input[type=submit],
.dark-theme div.promotionClaimed input[type=submit] {
  background-color: #4D4D4D;
}
.light-theme div.confirmPassword input[type=button],
.light-theme div.confirmPassword input[type=submit],
.light-theme div.diagnostics input[type=submit],
.light-theme div.diagnostics input[type=button],
.light-theme div.betdetail input[type=button],
.light-theme div.oneClickTrading input[type=submit],
.light-theme div.promotionClaimed input[type=submit] {
  color: #333;
}
.dark-theme div.confirmPassword input[type=button],
.dark-theme div.confirmPassword input[type=submit],
.dark-theme div.diagnostics input[type=submit],
.dark-theme div.diagnostics input[type=button],
.dark-theme div.betdetail input[type=button],
.dark-theme div.oneClickTrading input[type=submit],
.dark-theme div.promotionClaimed input[type=submit] {
  color: #ccc;
}
.light-theme div.confirmPassword input[type=button],
.light-theme div.confirmPassword input[type=submit],
.light-theme div.diagnostics input[type=submit],
.light-theme div.diagnostics input[type=button],
.light-theme div.betdetail input[type=button],
.light-theme div.oneClickTrading input[type=submit],
.light-theme div.promotionClaimed input[type=submit] {
  border: 1px solid #666;
}
.dark-theme div.confirmPassword input[type=button],
.dark-theme div.confirmPassword input[type=submit],
.dark-theme div.diagnostics input[type=submit],
.dark-theme div.diagnostics input[type=button],
.dark-theme div.betdetail input[type=button],
.dark-theme div.oneClickTrading input[type=submit],
.dark-theme div.promotionClaimed input[type=submit] {
  border: 1px solid #404040;
}

div.confirmPassword input[type=button]:hover,
div.confirmPassword input[type=submit]:hover,
div.diagnostics input[type=submit],
div.diagnostics input[type=button] div.acct input[type=button]:hover,
div.acct input[type=submit]:hover,
div.acct.left input[type=button]:hover,
div.input-wrapper input.editButton[type=button]:hover,
div.addrbuttons input.editButton:hover,
div.acct.left input.selected[type=button],
div.betdetail input[type=button]:hover,
div.oneClickTrading input[type=submit]:hover,
div.lost-login-frame input[type=submit]:hover,
div.promotionClaimed input[type=submit]:hover {
  background-color: #168D99;
  cursor: pointer;
}
.brand.sal div.confirmPassword input[type=button]:hover,
.brand.sal div.confirmPassword input[type=submit]:hover,
.brand.sal div.diagnostics input[type=submit],
.brand.sal div.diagnostics input[type=button] div.acct input[type=button]:hover,
.brand.sal div.acct input[type=submit]:hover,
.brand.sal div.acct.left input[type=button]:hover,
.brand.sal div.input-wrapper input.editButton[type=button]:hover,
.brand.sal div.addrbuttons input.editButton:hover,
.brand.sal div.acct.left input.selected[type=button],
.brand.sal div.betdetail input[type=button]:hover,
.brand.sal div.oneClickTrading input[type=submit]:hover,
.brand.sal div.lost-login-frame input[type=submit]:hover,
.brand.sal div.promotionClaimed input[type=submit]:hover {
  background-color: #3399FF;
}
.brand.killik div.confirmPassword input[type=button]:hover,
.brand.killik div.confirmPassword input[type=submit]:hover,
.brand.killik div.diagnostics input[type=submit],
.brand.killik div.diagnostics input[type=button] div.acct input[type=button]:hover,
.brand.killik div.acct input[type=submit]:hover,
.brand.killik div.acct.left input[type=button]:hover,
.brand.killik div.input-wrapper input.editButton[type=button]:hover,
.brand.killik div.addrbuttons input.editButton:hover,
.brand.killik div.acct.left input.selected[type=button],
.brand.killik div.betdetail input[type=button]:hover,
.brand.killik div.oneClickTrading input[type=submit]:hover,
.brand.killik div.lost-login-frame input[type=submit]:hover,
.brand.killik div.promotionClaimed input[type=submit]:hover {
  background-color: #00728f;
}
.light-theme div.confirmPassword input[type=button]:hover,
.light-theme div.confirmPassword input[type=submit]:hover,
.light-theme div.diagnostics input[type=submit],
.light-theme div.diagnostics input[type=button] div.acct input[type=button]:hover,
.light-theme div.acct input[type=submit]:hover,
.light-theme div.acct.left input[type=button]:hover,
.light-theme div.input-wrapper input.editButton[type=button]:hover,
.light-theme div.addrbuttons input.editButton:hover,
.light-theme div.acct.left input.selected[type=button],
.light-theme div.betdetail input[type=button]:hover,
.light-theme div.oneClickTrading input[type=submit]:hover,
.light-theme div.lost-login-frame input[type=submit]:hover,
.light-theme div.promotionClaimed input[type=submit]:hover {
  color: #333;
}
.dark-theme div.confirmPassword input[type=button]:hover,
.dark-theme div.confirmPassword input[type=submit]:hover,
.dark-theme div.diagnostics input[type=submit],
.dark-theme div.diagnostics input[type=button] div.acct input[type=button]:hover,
.dark-theme div.acct input[type=submit]:hover,
.dark-theme div.acct.left input[type=button]:hover,
.dark-theme div.input-wrapper input.editButton[type=button]:hover,
.dark-theme div.addrbuttons input.editButton:hover,
.dark-theme div.acct.left input.selected[type=button],
.dark-theme div.betdetail input[type=button]:hover,
.dark-theme div.oneClickTrading input[type=submit]:hover,
.dark-theme div.lost-login-frame input[type=submit]:hover,
.dark-theme div.promotionClaimed input[type=submit]:hover {
  color: #fff;
}
.dark-theme div.confirmPassword input[type=button]:hover,
.dark-theme div.confirmPassword input[type=submit]:hover,
.dark-theme div.diagnostics input[type=submit],
.dark-theme div.diagnostics input[type=button] div.acct input[type=button]:hover,
.dark-theme div.acct input[type=submit]:hover,
.dark-theme div.acct.left input[type=button]:hover,
.dark-theme div.input-wrapper input.editButton[type=button]:hover,
.dark-theme div.addrbuttons input.editButton:hover,
.dark-theme div.acct.left input.selected[type=button],
.dark-theme div.betdetail input[type=button]:hover,
.dark-theme div.oneClickTrading input[type=submit]:hover,
.dark-theme div.lost-login-frame input[type=submit]:hover,
.dark-theme div.promotionClaimed input[type=submit]:hover {
  background: #00FFC8;
  color: #000;
}
.light-theme div.confirmPassword input[type=button]:hover,
.light-theme div.confirmPassword input[type=submit]:hover,
.light-theme div.diagnostics input[type=submit],
.light-theme div.diagnostics input[type=button] div.acct input[type=button]:hover,
.light-theme div.acct input[type=submit]:hover,
.light-theme div.acct.left input[type=button]:hover,
.light-theme div.input-wrapper input.editButton[type=button]:hover,
.light-theme div.addrbuttons input.editButton:hover,
.light-theme div.acct.left input.selected[type=button],
.light-theme div.betdetail input[type=button]:hover,
.light-theme div.oneClickTrading input[type=submit]:hover,
.light-theme div.lost-login-frame input[type=submit]:hover,
.light-theme div.promotionClaimed input[type=submit]:hover {
  background: #008290;
  color: #fff;
}

td[token=dv] {
  height: 100%;
  padding: 0 15px;
  padding-left: 0;
}
td[token=dv] div.placed-by-container {
  width: 25px;
  padding: 0;
  height: 100%;
}
td[token=dv] div.placed-by-container .placed-by {
  background: url("Style/images/placed-by-icons.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8") no-repeat;
  background-size: 114px 31px;
  background-position-y: -1px;
  height: 26px;
  display: inline-block;
  width: 100%;
}
td[token=dv] div.placed-by-container .placed-by.online {
  background-position-x: -30px;
}
td[token=dv] div.placed-by-container .placed-by.mobile {
  background-position-x: -58px;
}
td[token=dv] div.placed-by-container .placed-by.excess {
  background-position-x: -86px;
}
td[token=dv] div.placed-by-container .placed-by.auto {
  background: none;
}
td[token=dv] div.placed-by-container .placed-by.autocashedout {
  background-position-x: -1px;
}

div.acct.right table {
  table-layout: fixed;
}

div.acct.right .header {
  overflow: hidden;
  margin-right: 17px;
  *position: relative;
}

div.acct.right .header table {
  position: relative;
  width: 100%;
}

div.acct.right div.body {
  min-height: 280px;
  /*overflow: auto;*/
  clear: left;
}

div.acct.right table td,
div.acct.right table th {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 9pt;
}
div.acct.right table td[token=dt],
div.acct.right table th[token=dt] {
  padding-left: 11px;
}

div.acct.right table td.minWidth,
div.acct.right table th.minWidth {
  min-width: 200px;
  width: 50%;
  width: 100% \9 ;
  *width: 50%;
}

div.acct.right > h2 {
  float: left;
}

div.popup div.confirmLogout {
  margin: 5px;
}

div.popup div.confirmLogout div.prompt,
div.simplepanel div.prompt {
  margin: 10px;
}

div.popup div.confirmLogout div.buttons {
  margin-top: 10px;
}

div.popup div.confirmLogout div.buttons input[type=button] {
  margin-left: 5px;
  margin-right: 5px;
}

div.paymentInfo {
  clear: left;
}

div.paymentInfo h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}

div.acct.right h3,
div.diagnostics h3 {
  font-weight: bold;
  font-size: 10pt;
  margin-top: 13px;
  margin-bottom: 13px;
}

div.paymentInfo ul,
div.paymentInfo p {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.paymentInfo ul {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
}

div.paymentInfo li {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 16px;
}

div.popup.myaccount > div.middle div.content {
  padding: 2px 6px 6px 6px;
  padding-bottom: 0;
  margin: 0 0 0 0;
}
.light-theme div.popup.myaccount > div.middle div.content {
  background-color: #fafafa;
}
.dark-theme div.popup.myaccount > div.middle div.content {
  background-color: #1a1a1a;
}

div.acct.left div.legend {
  *margin: -12px 0px 0px 15px !important;
}

div.spreadsTitle div.title {
  font-size: 12pt;
  width: 264px;
  padding-left: 5px;
}

div.spreadsTitle div.userName {
  width: 264px;
  padding-left: 5px;
  text-align: right;
  color: #c02f37;
}
.brand.sal div.spreadsTitle div.userName {
  color: #FF6F00;
}
.brand.killik div.spreadsTitle div.userName {
  color: #CEA552;
}
.light-theme div.spreadsTitle div.userName {
  color: #c02f37;
}
.dark-theme div.spreadsTitle div.userName {
  color: #E63740;
}

#allAccountsText {
  width: 140px;
  text-align: right;
  color: #c02f37;
}
.brand.sal #allAccountsText {
  color: #FF6F00;
}
.brand.killik #allAccountsText {
  color: #CEA552;
}
.light-theme #allAccountsText {
  color: #c02f37;
}
.dark-theme #allAccountsText {
  color: #E63740;
}

div.spreadsTitle div.currency {
  font-weight: bold;
  margin: 0;
  color: #c02f37;
}
.brand.sal div.spreadsTitle div.currency {
  color: #FF6F00;
}
.brand.killik div.spreadsTitle div.currency {
  color: #CEA552;
}
.light-theme div.spreadsTitle div.currency {
  color: #c02f37;
}
.dark-theme div.spreadsTitle div.currency {
  color: #E63740;
}

.light-theme .fins div.spreadsTitle #allAccountsText,
.light-theme .fins div.spreadsTitle div.userName,
.light-theme .fins div.spreadsTitle div.currency {
  color: #008290;
}

.dark-theme .fins div.spreadsTitle #allAccountsText,
.dark-theme .fins div.spreadsTitle div.userName,
.dark-theme .fins div.spreadsTitle div.currency {
  color: #00FFC8;
}

div.acct.right div.heading {
  margin-bottom: 10px;
}

div.acct.right div.heading #name,
div.acct.right div.heading #cliref {
  color: #c02f37;
  font-size: 1.2em;
}
.brand.sal div.acct.right div.heading #name,
.brand.sal div.acct.right div.heading #cliref {
  color: #FF6F00;
}
.brand.killik div.acct.right div.heading #name,
.brand.killik div.acct.right div.heading #cliref {
  color: #CEA552;
}
.light-theme div.acct.right div.heading #name,
.light-theme div.acct.right div.heading #cliref {
  color: #c02f37;
}
.dark-theme div.acct.right div.heading #name,
.dark-theme div.acct.right div.heading #cliref {
  color: #E63740;
}

.light-theme div.acct.right .fins div.heading #name,
.light-theme div.acct.right .fins div.heading #cliref {
  color: #008290;
}

.dark-theme div.acct.right .fins div.heading #name,
.dark-theme div.acct.right .fins div.heading #cliref {
  color: #00FFC8;
}

/*account summary box - my account popup*/
div.acct.right div.pnlTop {
  clear: both;
  height: 3px;
}

.linkedAccountsRelated {
  display: none;
}

div.acct.right div.pnlContent {
  padding: 5px 5px 10px;
  width: 360px;
}
.light-theme div.acct.right div.pnlContent {
  border: 1px solid #d9d9d9;
}
.dark-theme div.acct.right div.pnlContent {
  border: 1px solid #333;
}

div.acct.right div.pnlContent.widenable.linkedAccounts {
  width: 500px;
  margin-top: -1px;
}
div.acct.right div.pnlContent.widenable.linkedAccounts .linkedAccountsNoDisplay {
  display: none;
}

div.profApplicationContent {
  width: 100%;
  max-width: 727px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.light-theme div.profApplicationContent {
  border: 1px solid #d9d9d9;
}
.dark-theme div.profApplicationContent {
  border: 1px solid #333;
}
div.profApplicationContent div.profApplicationText span.boldPartOfWarning {
  font-weight: bold;
}
div.profApplicationContent div.profApplicationLink #showProfApplication {
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  font-weight: bold;
  letter-spacing: 0.9pt;
  width: 100%;
  height: 40px;
  border: none;
}
.light-theme div.profApplicationContent div.profApplicationLink #showProfApplication {
  background-color: #168D99;
}
.dark-theme div.profApplicationContent div.profApplicationLink #showProfApplication {
  background-color: #00FFC8;
}
.light-theme div.profApplicationContent div.profApplicationLink #showProfApplication {
  color: #fff;
}
.dark-theme div.profApplicationContent div.profApplicationLink #showProfApplication {
  color: #000;
}
div.profApplicationContent div.profApplicationLink #showProfApplication:hover {
  color: white;
}
.light-theme div.profApplicationContent div.profApplicationLink #showProfApplication:hover {
  background-color: #00525B;
}
.dark-theme div.profApplicationContent div.profApplicationLink #showProfApplication:hover {
  background-color: #168D99;
}

div.acct.right div.pnl,
div.acct.right div.summary {
  border: 0;
  width: 100%;
}

div.acct.right div.pnl table tr:nth-child(odd), div.acct.right div.pnl tr.odd {
  background-color: transparent;
}

div.acct.right div.pnl table tr td {
  border: 0;
  text-align: right;
  vertical-align: middle;
  padding: 0px;
}
div.acct.right div.pnl table tr td.superscript {
  text-align: left;
  padding: 8px 0 0;
  width: 8px;
}
div.acct.right div.pnl table tr td.title {
  font-weight: bold;
  width: 155px;
  padding: 6px;
}
div.acct.right div.pnl table tr td.icon {
  text-align: left;
  width: 46px;
}

div.acct.right div.pnl .text {
  overflow: auto;
  text-align: center;
  white-space: normal;
  font-size: 11px;
  font-style: italic;
}

div.acct.right div.pnl div.left {
  text-align: left;
  padding-left: 7px !important;
}

div.acct.right div.pnl {
  text-align: left;
}
div.acct.right div.pnl sup {
  font-size: 70%;
  vertical-align: super;
}

div.acct.right div.pnl td.total,
div.acct.right div.pnl td#totalEquity,
div.acct.right div.pnl td.mrgneq,
div.acct.right div.pnl td#totalMarginEquity {
  font-weight: bold;
}

div.acct.right .lr-acc div.pnl td.total,
div.acct.right .lr-acc div.pnl td#totalEquity {
  font-weight: normal;
}

div.pnl label, div.summary label {
  display: inline-block;
  *display: inline;
  height: 17px;
  vertical-align: top;
  *float: left;
}

div.pnl label.icon, div.summary label.icon {
  width: 17px !important;
}

div.pnl a.info, div.summary a.info, .promotionRow a.info {
  display: block;
  height: 17px;
  width: 17px;
  *margin-right: 5px;
  background-size: 17px 17px;
  position: relative;
  left: 0;
}
.light-theme div.pnl a.info, .light-theme div.summary a.info, .light-theme .promotionRow a.info {
  background-image: url("Style/images/icons/spreadex-black/green-info-icon.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}
.dark-theme div.pnl a.info, .dark-theme div.summary a.info, .dark-theme .promotionRow a.info {
  background-image: url("Style/images/icons/spreadex-black/vibrant-green-info-icon.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}

div.accsum-content div.pnl a.info {
  left: 10px;
}

/*-------------------------------------*/
div.acct.right div.statements table tr td,
div.acct.right div.statements table tr th {
  padding: 3px 6px;
  vertical-align: middle;
}
div.acct.right div.statements table tr td.date-cell,
div.acct.right div.statements table tr th.date-cell {
  padding-left: 11px;
}

.centerAlign {
  text-align: center;
}

div.diagnostics textarea {
  height: 35px;
  overflow: hidden;
  border: 0;
}

div.diagnostics textarea#UserAgent, div.diagnostics input#ReferenceCode {
  float: left;
  padding: 0 4px;
  font-family: Arial;
}

div.diagnostics input.readonly, div.diagnostics textarea.readonly {
  width: 99% !important;
  font-size: 1em !important;
}

div.diagnostics .field-validation-error {
  top: -90px !important;
  position: absolute !important;
  left: 0px;
}

div.popup.diagnostics div.simplepanel {
  padding: 10px 6px;
}

div.diagnostics input#startSpeedTest {
  margin-left: 15px;
}

div.diagnostics div#speedTestResult {
  margin: 5px;
}

div.diagnostics div#speedTestResult span {
  font-weight: bold;
}

/**/
#accountRightPanel {
  width: 510px;
  padding: 10px;
  overflow: auto;
}
#accountRightPanel .paymentInfo,
#accountRightPanel #responsibleGamblingForm {
  padding: 12px;
  padding-top: 0;
}
#accountRightPanel form,
#accountRightPanel .form,
#accountRightPanel .accsum-content,
#accountRightPanel .page-info {
  padding-left: 12px;
  padding-top: 12px;
}
#accountRightPanel .infoNote {
  padding-left: 12px;
}
#accountRightPanel .infoAmount {
  font-weight: bold;
}
#accountRightPanel .tbl-wrapper.statements {
  padding-top: 12px;
  overflow-x: hidden;
}
#accountRightPanel .csvdownload {
  margin-top: 15px;
  margin-left: 8px;
  width: 50px;
  height: 50px;
  background-image: url("Style/images/CSVDownloadIcon2_Black.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  background-repeat: no-repeat;
  background-size: 40px 40px;
  /*background-position: 0% 50%;*/
  cursor: pointer;
  text-indent: -9999px; /* hides the link text */
  margin-bottom: -25px;
}
.dark-theme #accountRightPanel .csvdownload {
  background-image: url("Style/images/CSVDownloadIcon2_White.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
}
#accountRightPanel .csvdownload a {
  display: block;
  width: 40px;
  height: 40px;
}

/*--error popup override--*/
#accountRightPanel div.popup div.topbuttons {
  margin: 3px -6px 0 0;
}

/*display options*/
#accountRightPanel:has(#accountHostFrame),
#accountRightPanel:has(#rg) {
  padding: 0px !important;
  margin: 0px !important;
}

div.acct a.displayOptions, .promotionRow a.displayOptions {
  float: right;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.9pt;
  padding: 5px 6px;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
}
.light-theme div.acct a.displayOptions, .light-theme .promotionRow a.displayOptions {
  background-color: #999;
}
.dark-theme div.acct a.displayOptions, .dark-theme .promotionRow a.displayOptions {
  background-color: #333;
}
div.acct a.displayOptions:hover, .promotionRow a.displayOptions:hover {
  text-decoration: none;
}

div.acct select#daterange, div.acct select#clientRefs, div.acct select#transactionType {
  float: right;
  margin-right: 10px;
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  font-size: 12px;
  letter-spacing: 0.2pt;
}
.light-theme div.acct select#daterange, .light-theme div.acct select#clientRefs, .light-theme div.acct select#transactionType {
  border: 1px solid #d9d9d9;
}
.dark-theme div.acct select#daterange, .dark-theme div.acct select#clientRefs, .dark-theme div.acct select#transactionType {
  border: 1px solid #333;
}

/*  Simple panel
--------------------------------------------*/
.simplepanel {
  padding: 2px 6px 6px 6px;
}
.light-theme .simplepanel {
  background-color: #fff;
}
.dark-theme .simplepanel {
  background-color: #000;
}

.simplepanel .opentext {
  margin: 6px;
}

/*trading history */
#history-toggle {
  display: inline-block;
  font-weight: bold;
  margin: 10px 0 0 10px;
  font-weight: normal;
}

.fixed-odds th.numeric,
.fixed-odds td.numeric {
  width: 73px;
}

table tr th,
div.spreadsTitle div.currency,
div.acct.right div.heading #name,
div.acct.right div.heading #cliref,
div.popup.window > div.top div.toptitle,
div.popup.dialog > div.top div.toptitle,
div.section.window > div.top div.toptitle,
div.spreadsTitle div.title,
div.fieldset div.legend {
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  font-weight: normal;
}

div.my-account > div.top div.toptitle,
div.acct.right div.legend {
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  font-weight: bold;
}
.brand.killik div.my-account > div.top div.toptitle,
.brand.killik div.acct.right div.legend {
  text-transform: none;
  font-family: adobe-garamond-pro-n4, adobe-garamond-pro, garamond-premier-pro-display, "Times New Roman", Times, Cambria, serif;
}

/* Fixed Odds Bet Details popup */
div.panelcontent.betdetail div.bet-type {
  font-size: 11pt;
  font-weight: bold;
}

div.panelcontent.betdetail {
  padding: 4px 7px;
}

div.panelcontent.betdetail .bet-type {
  margin: 8px 0 15px;
}

div.popup div.simplepanel.panelcontent.betdetail .fieldset {
  margin-top: 32px;
}
div.popup div.simplepanel.panelcontent.betdetail .fieldset .legend {
  margin-left: 0;
  padding-left: 8px;
}

div.popup.acct.single .panelcontent.betdetail .fieldset {
  margin-top: 12px;
}
div.popup.acct.single .panelcontent.betdetail .fieldset .legend {
  display: none;
}
div.popup.acct.single .panelcontent.betdetail .fieldset table td.index {
  display: none;
}

div.panelcontent.betdetail div.row,
div.panelcontent.betdetail label.row {
  width: 150px;
  display: inline-block;
  *display: inline;
  -ms-zoom: 1;
  zoom: 1;
  line-height: 22px;
  font-size: 12px;
}

.light-theme div.panelcontent.betdetail tr {
  background-color: #fff;
}
.dark-theme div.panelcontent.betdetail tr {
  background-color: #000;
}

div.panelcontent.betdetail td {
  white-space: normal;
  padding: 3px 0;
}

div.panelcontent.betdetail td.index {
  padding-right: 3px;
}

div.panelcontent.betdetail table tr td {
  border: 0;
}

div.panelcontent.betdetail .b {
  font-weight: bold;
}

div.betdetail input[type=button] {
  margin-top: 11px;
  margin-bottom: 5px;
}

/*Trade History tabs*/
.trade-history-tabs {
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  margin: 0;
  padding: 0.2em 0.2em 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
  padding-top: 22px;
  padding-left: 4px;
}
.light-theme .trade-history-tabs {
  color: #333;
}
.dark-theme .trade-history-tabs {
  color: #ccc;
}

.trade-history-tabs li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  padding: 0;
  white-space: nowrap;
  border-bottom: none !important;
  display: block;
  font-size: 0.9em;
  cursor: pointer;
}
.light-theme .trade-history-tabs li {
  border: 1px solid #d9d9d9;
}
.dark-theme .trade-history-tabs li {
  border: 1px solid #333;
}
.light-theme .trade-history-tabs li {
  color: #555;
}
.dark-theme .trade-history-tabs li {
  color: #fff;
}

.trade-history-tabs li span {
  padding: 4px 6px;
  display: inline-block;
}

.trade-history-tabs li.ui-state-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
  cursor: default;
}
.light-theme .trade-history-tabs li.ui-state-active {
  color: #333;
}
.dark-theme .trade-history-tabs li.ui-state-active {
  color: #ccc;
}

.trade-history-table.tbl-wrapper {
  border-top-style: solid;
  border-top-width: 1px;
}
.light-theme .trade-history-table.tbl-wrapper {
  border-top-color: #d9d9d9;
}
.dark-theme .trade-history-table.tbl-wrapper {
  border-top-color: #333;
}

.tbl-wrapper {
  clear: both;
}

.promotionTable th {
  white-space: normal;
}

.promotionTable th {
  vertical-align: bottom;
}

.promotionRow td {
  vertical-align: middle;
  white-space: normal;
}

/* High Resolution devices*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  div.pnl a.info, div.summary a.info, .promotionRow a.info,
  div.fieldset div.info {
    background-size: 17px 17px;
    -webkit-background-size: 17px 17px;
  }
  .light-theme div.pnl a.info, .light-theme div.summary a.info, .light-theme .promotionRow a.info,
  .light-theme div.fieldset div.info {
    background-image: url("Style/images/icons/spreadex-black/green-info-icon.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  }
  .dark-theme div.pnl a.info, .dark-theme div.summary a.info, .dark-theme .promotionRow a.info,
  .dark-theme div.fieldset div.info {
    background-image: url("Style/images/icons/spreadex-black/vibrant-green-info-icon.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  }
}
.acct.right iframe {
  width: 100%;
  height: 100%;
}

/* the emv 3ds challenge iframe was not rendering correctly 150px height instead of 400px.  this override reduces the possiblity of scroll bar appearing */
#emv3dsChallenge > * {
  height: inherit;
}

.LedgerActivity .cancel-btn-container,
.FinancialPerformance .cancel-btn-container {
  padding: 0 10px;
}
.LedgerActivity .cancel-btn-container .cancel-btn,
.FinancialPerformance .cancel-btn-container .cancel-btn {
  background: url("Style/images/icons/del.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0% 50%;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

@media (max-width: 929px) {
  div.acct.right .title > div {
    display: block;
  }
  div.acct.right .title > div#history-toggle {
    margin-left: 0;
  }
}
@media (max-width: 1200px) {
  .trade-history-tabs {
    padding-top: 40px;
  }
}
div.editMyDetailsDiv label.radiobutton {
  float: none;
  clear: none;
  width: auto;
  font-weight: normal;
  text-align: left;
}

div.editMyDetailsDiv input[type=radio] {
  vertical-align: -3px;
}

#SpBal, #FoBal {
  padding: 5px;
  display: inline-block;
}

#transferFundsPanel {
  padding: 5px;
}
#transferFundsPanel .inline-field label {
  width: 100%;
}

.fo-information-tabs {
  border: 0;
}
.fo-information-tabs a {
  text-decoration: none;
}

.fo-information-tab {
  border-top: 1px solid #d9d9d9;
  display: none;
}
.fo-information-tab .spreadsTitle {
  clear: both;
}

div.withdrawal-note-wrapper {
  top: -10px;
  position: relative;
  clear: both;
}

div.editMyDetailsDiv.fo-information-result label {
  width: 175px;
  padding: 0;
  line-height: 24px;
}
div.editMyDetailsDiv.fo-information-result div.input-wrapper {
  line-height: 24px;
}

.ui-datepicker .ui-state-default {
  color: #333;
}
.ui-datepicker .ui-state-default .ui-state-active {
  color: #333;
}

.horizontal-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.horizontal-flex-container--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.horizontal-flex-container--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.horizontal-flex-container--align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.horizontal-flex-container--align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.horizontal-flex-container--align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.horizontal-flex-container__auto-width {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.horizontal-flex-container__stretch-width {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.vertical-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.vertical-flex-container--align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.promotion-banner {
  width: 720px;
  height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  margin-left: 12px;
  background-repeat: no-repeat;
}
.promotion-banner .message {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: 10px;
  margin-top: -8px;
  line-height: 1.8em;
  z-index: -1;
}
.promotion-banner .message p:first-child {
  font-weight: bold;
}
.promotion-banner .action-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
}
.promotion-banner .action-button a {
  color: white;
  display: block;
  background-color: #168D99;
  font-weight: bold;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 3.5em;
}

.claimButton {
  padding: 3px 12px;
  line-height: 13px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: solid #168D99 1px;
  color: #168D99;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.claimButton:hover {
  background-color: #168D99;
  color: white;
}

.claimed-text {
  line-height: 13px;
  color: grey;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  pointer-events: none;
}

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.claimed-popup-text {
  padding: 15px 5px;
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
}

#saminfo {
  padding: 12px;
}
#saminfo h2,
#saminfo p {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
  text-align: center;
}

#samsofincreaseinfo {
  padding: 12px;
}
#samsofincreaseinfo h2,
#samsofincreaseinfo p {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
  text-align: center;
}

#sofupdateframe {
  margin-left: 12px;
  width: 95%;
  height: 1100px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/account.css.map */
#rg {
  height: 100%;
}
#rg .rgrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  /*padding: 0px 196px 258px 0px;*/
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: 100%;
}
#rg .rgrow .rgmenu {
  height: 100%;
  border-right: 1px solid #D9D9D9;
}
#rg .rgrow .rgmenu .rgmenubuttons {
  padding: 10px 0px 0px 10px !important; /* maintain padding so that the buttons dont shift around when loading the iframe styles*/
  display: block;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  margin: 6px 1px 30px 15px;
}
#rg .rgrow .rgmenu .rgmenubuttons input[type=button] {
  color: #333;
  background: none;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  font-weight: 700;
  line-height: 28px; /* 175% */
  letter-spacing: 0.2px;
  text-transform: none;
  width: 100%;
  text-align: left;
  padding: 1px 10px 1px 10px;
  height: 28px;
}
#rg .rgrow .rgmenu .rgmenubuttons input[type=button]:hover {
  background: #008290;
  color: white;
}
#rg .rgrow .rgmenu .rgmenubuttons input[type=button].selected {
  background: #008290;
  color: white;
}
#rg .rgrow .rgbody {
  height: 100%;
  /*display: flex;*/
  /*width: 390px;*/
  width: 100%;
  /*padding: 30px 0px;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*align-items: flex-start;
  gap: 30px;*/
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
#rg .rgrow .rgbody #rgresult {
  margin: 10px 15px;
}
#rg .rgrow .rgbody #rgresult ul {
  margin-left: 20px;
}
#rg .rgrow .rgbody .mask {
  position: relative;
}
#rg .rgrow .rgbody .loadingInd {
  left: unset;
}
#rg .rgrow .rgrow:after {
  content: "";
  display: table;
  clear: both;
}

.hide {
  display: none;
}

body.sporting-index #rg .rgrow .rgmenu input[type=button] {
  background: #666;
  color: white;
}
body.sporting-index #rg .rgrow .rgmenu input[type=button]:hover {
  background: #484848;
  color: white;
}
body.sporting-index #rg .rgrow .rgmenu input[type=button].selected {
  background: #eee;
  color: black;
}
body.sporting-index #rg .rgbody {
  /*p {
      color: white;
  }*/
}
body.sporting-index #rg .rgbody .table {
  background-color: initial;
}
body.sporting-index #rg .rgbody .table .table-row {
  color: gray;
}
body.sporting-index .responsible-gambling .responsible-gambling-row label {
  color: white;
}
body.sporting-index .responsible-gambling .responsible-gambling-row button {
  border-color: #8acfe5;
  /*bottom & right borders need to be set here for some reason*/
  border-bottom: #8acfe5;
  border-right: #8acfe5;
  background: #8acfe5;
}
body.sporting-index .responsible-gambling .responsible-gambling-row button:hover {
  border-color: #6da5b8;
  /*bottom & right borders need to be set here for some reason*/
  border-bottom: #6da5b8;
  border-right: #6da5b8;
  background: #6da5b8;
}
body.sporting-index .responsible-gambling .info {
  color: white;
}
body.sporting-index .responsible-gambling .info a {
  color: #8acfe5;
}
body.sporting-index .responsible-gambling .info .warning {
  color: #c02f37;
}

body.dark-theme #rg .rgrow .rgmenu input[type=button] {
  /*background: #666;*/
  color: white;
}
body.dark-theme #rg .rgrow .rgmenu input[type=button]:hover {
  background: #00FFC8;
  color: black;
}
body.dark-theme #rg .rgrow .rgmenu input[type=button].selected {
  background: #00FFC8;
  color: black;
}
body.dark-theme #rg .rgbody {
  /*p {
      color: white;
  }*/
}
body.dark-theme #rg .rgbody .table {
  background-color: initial;
}
body.dark-theme #rg .rgbody .table .table-row {
  color: gray;
}
body.dark-theme .responsible-gambling .responsible-gambling-row label {
  color: white;
}
body.dark-theme .responsible-gambling .responsible-gambling-row button {
  border-color: #00FFC8;
  /*bottom & right borders need to be set here for some reason*/
  border-bottom: #00FFC8;
  border-right: #00FFC8;
  background: #00FFC8;
  color: black;
}
body.dark-theme .responsible-gambling .responsible-gambling-row button:hover {
  border-color: #00FFC8;
  /*bottom & right borders need to be set here for some reason*/
  border-bottom: #00FFC8;
  border-right: #00FFC8;
  background: #00FFC8;
  color: black;
}
body.dark-theme .responsible-gambling .info {
  color: white;
}
body.dark-theme .responsible-gambling .info a {
  color: #00ffc8;
}
body.dark-theme .responsible-gambling .info .warning {
  color: #c02f37;
}

/* Copied over and adapted from accountSummary.scss */
.responsible-gambling .submit-container input[type=submit] {
  color: #c02f37;
}
.responsible-gambling .scrollbox {
  /*background-color: $account-bg;*/
}
.responsible-gambling .info {
  /*color: #999;*/
}
.responsible-gambling .info a {
  color: #005eb8;
}
.responsible-gambling .selection-list {
  background-color: #fff;
}
.responsible-gambling .selection-list .table-row {
  border-bottom-color: #d0d0d0;
  background-color: #fff;
}
.responsible-gambling .selection-list .table-row .table-row-right {
  color: #999;
}
.responsible-gambling .selection-list input[type=text] {
  background-color: transparent;
}
.responsible-gambling .table {
  background-color: #fff;
}
.responsible-gambling .table .table-row {
  border-bottom-color: #d0d0d0;
  background-color: #fff;
}
.responsible-gambling .table .table-row .table-row-right {
  color: #999;
}
.responsible-gambling .table input[type=text] {
  background-color: transparent;
}
.responsible-gambling .responsible-gambling-row button {
  border-color: #168D99;
  /*bottom & right borders need to be set here for some reason*/
  border-bottom: #168D99;
  border-right: #168D99;
  background: #168D99;
}
.responsible-gambling .responsible-gambling-row button:hover {
  border-color: #106770;
  /*bottom & right borders need to be set here for some reason*/
  border-bottom: #106770;
  border-right: #106770;
  background: #106770;
  cursor: pointer;
}
.responsible-gambling .responsible-gambling-row button[disabled]:hover {
  border-color: #168D99;
  /*bottom & right borders need to be set here for some reason*/
  border-bottom: #168D99;
  border-right: #168D99;
  background: #168D99;
  cursor: default;
}

@media screen and (max-width: 460px) {
  .responsible-gambling .page-title .name {
    width: auto;
    text-align: left;
    padding: 0 0 0 10px;
  }
}
.responsible-gambling .submit-container {
  position: absolute; /* "Submit" button must be at same horizontal position as actual title */
  top: 0;
  right: 0;
  background: transparent;
  border: none;
}
.responsible-gambling .submit-container input[type=submit] {
  color: #c02f37;
  margin-right: 20px;
  background: inherit;
  border: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
}
.responsible-gambling .scrollbox {
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  overflow-y: auto;
}
.ie .responsible-gambling .scrollbox {
  overflow-y: visible;
}
.responsible-gambling .section-title {
  /*font-family: $title-font;*/
  /*text-transform: uppercase;*/
  margin: 10px 15px;
  padding-top: 15px;
  text-align: center;
}
.responsible-gambling .section-title h2 {
  color: #000;
  text-align: center;
  font-family: Arial;
  font-size: 18.667px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 112.5% */
  letter-spacing: -0.32px;
}
.responsible-gambling .info {
  text-align: center;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
  letter-spacing: -0.32px;
  margin: 10px 15px;
  color: black;
}
.responsible-gambling .info p {
  margin: 10px 0;
}
.responsible-gambling .info a {
  text-decoration: none;
  color: #008290;
}
.responsible-gambling .info .warning {
  color: #c02f37;
  /*font-weight: bold;*/
}
.responsible-gambling .responsible-gambling-row {
  margin: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.responsible-gambling .responsible-gambling-row label {
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 150px;
          flex: 0 1 150px;
}
.responsible-gambling .responsible-gambling-row select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding: 5px 15px;
  width: 150px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 150px;
          flex: 1 0 150px;
  border-radius: 4px;
  border: 1px solid #E1E0E0;
  font-size: 14px;
}
.responsible-gambling .responsible-gambling-row input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 5px 15px;
  width: 150px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*flex: 1 0 0;*/
  border-radius: 4px;
  border: 1px solid #E1E0E0;
  font-size: 14px;
}
.responsible-gambling .responsible-gambling-row button.bigbutton {
  width: 100%;
}
.responsible-gambling .responsible-gambling-row button {
  display: block;
  width: 150px;
  height: 52px;
  padding: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
}
.responsible-gambling .responsible-gambling-row button p {
  color: #FFF;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.responsible-gambling .responsible-gambling-row button[disabled] {
  opacity: 0.5;
}
.responsible-gambling .responsible-gambling-row p.warning-message {
  color: red;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.responsible-gambling .table,
.responsible-gambling .selection-list {
  margin: 5px 20px 15px 20px;
  border-radius: 4px;
  background-color: white;
}
.responsible-gambling .table .table-row,
.responsible-gambling .table .selection-list-panel,
.responsible-gambling .selection-list .table-row,
.responsible-gambling .selection-list .selection-list-panel {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 0 20px;
  padding: 13px 0;
  height: auto;
  line-height: normal;
}
.responsible-gambling .table .stake-button-wrapper,
.responsible-gambling .selection-list .stake-button-wrapper {
  display: inline;
}
.responsible-gambling .table .table-row,
.responsible-gambling .selection-list .table-row {
  /*@include border-bottom();*/
  border-radius: 4px;
  border: 1px solid #B8B8B7;
  padding: 15px;
  clear: both;
  overflow: auto;
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 15px 15px;
  background-color: white;
  cursor: pointer;
  background-position: right 10px center;
  display: block;
}
.responsible-gambling .table .table-row,
.responsible-gambling .selection-list .table-row {
  background-image: url(https://spxstatic.com/sports/assets/icons/menu/menu.svg);
}
.responsible-gambling .table .table-row .table-row-left,
.responsible-gambling .selection-list .table-row .table-row-left {
  display: block;
  clear: both;
  white-space: nowrap;
}
.responsible-gambling .table .table-row .applied-limit,
.responsible-gambling .selection-list .table-row .applied-limit {
  color: gray;
}
.responsible-gambling .table .table-row .applied-limit-amount,
.responsible-gambling .selection-list .table-row .applied-limit-amount {
  display: inline-block;
}
.responsible-gambling .table .table-row .table-row-right,
.responsible-gambling .selection-list .table-row .table-row-right {
  float: right;
  text-align: right;
  padding: 0 40px 0 10px;
  color: #999;
}
.responsible-gambling .table .selection-list-panel .selection-list-panel-item.selected,
.responsible-gambling .selection-list .selection-list-panel .selection-list-panel-item.selected {
  background-position: right 42px center;
}
.responsible-gambling .table input[type=text],
.responsible-gambling .table input[type=number],
.responsible-gambling .selection-list input[type=text],
.responsible-gambling .selection-list input[type=number] {
  float: right;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: inherit;
  width: 130px;
  padding-right: 40px;
}
.responsible-gambling .table input[type=text]:focus,
.responsible-gambling .table input[type=number]:focus,
.responsible-gambling .selection-list input[type=text]:focus,
.responsible-gambling .selection-list input[type=number]:focus {
  outline: none;
}
.responsible-gambling .table input[type=text]::-webkit-input-placeholder,
.responsible-gambling .table input[type=number]::-webkit-input-placeholder,
.responsible-gambling .selection-list input[type=text]::-webkit-input-placeholder,
.responsible-gambling .selection-list input[type=number]::-webkit-input-placeholder {
  font-size: small;
}
.responsible-gambling .table input[type=text]::-moz-placeholder,
.responsible-gambling .table input[type=number]::-moz-placeholder,
.responsible-gambling .selection-list input[type=text]::-moz-placeholder,
.responsible-gambling .selection-list input[type=number]::-moz-placeholder {
  font-size: small;
}
.responsible-gambling .table input[type=text]:-ms-input-placeholder,
.responsible-gambling .table input[type=number]:-ms-input-placeholder,
.responsible-gambling .selection-list input[type=text]:-ms-input-placeholder,
.responsible-gambling .selection-list input[type=number]:-ms-input-placeholder {
  font-size: small;
}
.responsible-gambling .table input[type=text]:-moz-placeholder,
.responsible-gambling .table input[type=number]:-moz-placeholder,
.responsible-gambling .selection-list input[type=text]:-moz-placeholder,
.responsible-gambling .selection-list input[type=number]:-moz-placeholder {
  font-size: small;
}
.responsible-gambling .client-details .completed .header {
  margin-bottom: 15px;
}
.responsible-gambling .client-details .completed > div {
  height: auto;
}
.responsible-gambling .client-details .completed > div div {
  line-height: 20px;
}
.responsible-gambling .client-details .completed > div:first-child {
  padding: 10px 20px;
}
.responsible-gambling .client-details .completed ul {
  list-style-type: none;
  font-size: 14px;
  text-align: left;
}
.responsible-gambling .client-details .completed ul li {
  line-height: 20px;
}
.responsible-gambling .client-details .completed ul span {
  font-size: 15px;
  display: inline-block;
  margin-right: 5px;
}

.tablet .responsible-gambling-popup {
  width: 320px;
}

.responsible-gambling-popup .header {
  margin-bottom: 15px;
}
.responsible-gambling-popup ul {
  list-style-type: none;
  font-size: 14px;
  text-align: left;
}
.responsible-gambling-popup ul li {
  line-height: 20px;
}
.responsible-gambling-popup ul span {
  font-size: 15px;
  display: inline-block;
  margin-right: 5px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/responsibleGambling.css.map */
.referAFriend .description {
  margin-left: 12px;
  margin-top: 20px;
  margin-bottom: 12px;
}
.referAFriend #referAFriendForm .labelleft.label200wide {
  text-align: right;
}
.referAFriend #referAFriendForm input {
  width: 200px;
}
.referAFriend #referAFriendForm button.editButton {
  width: 200px;
}
.referAFriend .referAFriendResult .messageSuccessful, .referAFriend .referAFriendResult .messageUnsuccessful {
  display: none;
}
.referAFriend .referAFriendEmail {
  margin-left: 12px;
  margin-top: 20px;
}
.referAFriend .referAFriendManually {
  margin-left: 12px;
  margin-top: 20px;
  line-height: 2em;
}
.referAFriend .referAFriendWarning {
  margin-left: 12px;
  margin-top: 20px;
}

.qualified .friend-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23168D99;%7D%0A%3C/style%3E%3Cpath class='st0' d='M87.3,123.9c0.1-2.4-1-5.3,2.4-6.2c0.9-0.2,0.9-1.3,0.8-2.2c-0.4-3.2,0.4-6.5-0.8-9.6 c0.2-6.1-1.4-12.1-0.8-18.2c0.4-4.1,1.5-8,3-11.8c7.8-7.1,15.7-14,25.4-18.1c15.7-6.6,29.1-0.4,42.1,8.8c2.3,1.7,3.6,4.4,5.2,6.8 c3.4,8.2,4,16.6,2.7,25.4c-0.4,2.4-0.1,4.8-0.1,7.2c-0.5,2.2-1,4.4-1.4,6.6c-0.4,1.9-0.9,3.4,1.9,4.1c2.4,0.6,2,3.7,1.6,5.9 c-1,5.1-2.3,10.2-3.4,15.3c-0.2,0.8-0.1,1.7-0.2,2.5c-0.9,2.1-1.8,4-4.5,3.6c-2.1-0.4-1.6,1.7-1.7,3c-0.1,4.8-0.4,9.6-1.5,14.3 c-0.8,3.5-1.9,6.7-4.7,9c-2.2,1.8-0.7,4.7-0.9,7.2c-0.5,4.3,0.2,8.6,0.9,12.8c0.6,4.1,2.6,6.9,6.3,8.5c5.2,2.3,10.7,3.5,16.1,5 c8.4,2.4,16.5,7.2,24.6,10.7c-3.9,4.8-9,6.8-14,9.9c-15.4,9.5-31.9,12.2-49.5,16c-6.3-0.3-12.6,0.2-18.8-0.9 c-13.4-1.4-25.6-6.8-37.4-13.5c-6.8-3.9-13.6-8.4-19.5-13.8c9.3-4.6,19.7-8.5,29.5-11.6c1-0.3,2-0.6,3-0.9c9.2-2.8,11.3-3,11.8-18 c0-1.7,0.1-3.4,0.1-5.1c0-3.1-0.1-5.7-2.6-8.3c-3.2-3.4-3.7-8.6-3.8-13.6c0-2.3-0.1-4.6-0.1-6.8c0-1.8-0.3-3-2.2-1.5 c-5.6-0.7-5.3-5.9-5.9-9.9C89.9,132.1,88.9,127.9,87.3,123.9z'/%3E%3Cg%3E%3Cpath class='st0' d='M128,245.4c-65,0-117.9-52.9-117.9-117.9C10.1,62.5,63,9.7,128,9.7s117.9,52.9,117.9,117.9 C245.9,192.6,193,245.4,128,245.4z M128,19.7c-59.5,0-107.9,48.4-107.9,107.9c0,59.5,48.4,107.9,107.9,107.9S235.9,187,235.9,127.5 C235.9,68.1,187.5,19.7,128,19.7z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.dark-theme .open .friend-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23878787;%7D%0A%3C/style%3E%3Cpath class='st0' d='M87.3,123.9c0.1-2.4-1-5.3,2.4-6.2c0.9-0.2,0.9-1.3,0.8-2.2c-0.4-3.2,0.4-6.5-0.8-9.6 c0.2-6.1-1.4-12.1-0.8-18.2c0.4-4.1,1.5-8,3-11.8c7.8-7.1,15.7-14,25.4-18.1c15.7-6.6,29.1-0.4,42.1,8.8c2.3,1.7,3.6,4.4,5.2,6.8 c3.4,8.2,4,16.6,2.7,25.4c-0.4,2.4-0.1,4.8-0.1,7.2c-0.5,2.2-1,4.4-1.4,6.6c-0.4,1.9-0.9,3.4,1.9,4.1c2.4,0.6,2,3.7,1.6,5.9 c-1,5.1-2.3,10.2-3.4,15.3c-0.2,0.8-0.1,1.7-0.2,2.5c-0.9,2.1-1.8,4-4.5,3.6c-2.1-0.4-1.6,1.7-1.7,3c-0.1,4.8-0.4,9.6-1.5,14.3 c-0.8,3.5-1.9,6.7-4.7,9c-2.2,1.8-0.7,4.7-0.9,7.2c-0.5,4.3,0.2,8.6,0.9,12.8c0.6,4.1,2.6,6.9,6.3,8.5c5.2,2.3,10.7,3.5,16.1,5 c8.4,2.4,16.5,7.2,24.6,10.7c-3.9,4.8-9,6.8-14,9.9c-15.4,9.5-31.9,12.2-49.5,16c-6.3-0.3-12.6,0.2-18.8-0.9 c-13.4-1.4-25.6-6.8-37.4-13.5c-6.8-3.9-13.6-8.4-19.5-13.8c9.3-4.6,19.7-8.5,29.5-11.6c1-0.3,2-0.6,3-0.9c9.2-2.8,11.3-3,11.8-18 c0-1.7,0.1-3.4,0.1-5.1c0-3.1-0.1-5.7-2.6-8.3c-3.2-3.4-3.7-8.6-3.8-13.6c0-2.3-0.1-4.6-0.1-6.8c0-1.8-0.3-3-2.2-1.5 c-5.6-0.7-5.3-5.9-5.9-9.9C89.9,132.1,88.9,127.9,87.3,123.9z'/%3E%3Cg%3E%3Cpath class='st0' d='M128,245.4c-65,0-117.9-52.9-117.9-117.9C10.1,62.5,63,9.7,128,9.7s117.9,52.9,117.9,117.9 C245.9,192.6,193,245.4,128,245.4z M128,19.7c-59.5,0-107.9,48.4-107.9,107.9c0,59.5,48.4,107.9,107.9,107.9S235.9,187,235.9,127.5 C235.9,68.1,187.5,19.7,128,19.7z'/%3E%3C/g%3E%3C/svg%3E");
}
.dark-theme .friend-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23333333;%7D%0A%3C/style%3E%3Cpath class='st0' d='M87.3,123.9c0.1-2.4-1-5.3,2.4-6.2c0.9-0.2,0.9-1.3,0.8-2.2c-0.4-3.2,0.4-6.5-0.8-9.6 c0.2-6.1-1.4-12.1-0.8-18.2c0.4-4.1,1.5-8,3-11.8c7.8-7.1,15.7-14,25.4-18.1c15.7-6.6,29.1-0.4,42.1,8.8c2.3,1.7,3.6,4.4,5.2,6.8 c3.4,8.2,4,16.6,2.7,25.4c-0.4,2.4-0.1,4.8-0.1,7.2c-0.5,2.2-1,4.4-1.4,6.6c-0.4,1.9-0.9,3.4,1.9,4.1c2.4,0.6,2,3.7,1.6,5.9 c-1,5.1-2.3,10.2-3.4,15.3c-0.2,0.8-0.1,1.7-0.2,2.5c-0.9,2.1-1.8,4-4.5,3.6c-2.1-0.4-1.6,1.7-1.7,3c-0.1,4.8-0.4,9.6-1.5,14.3 c-0.8,3.5-1.9,6.7-4.7,9c-2.2,1.8-0.7,4.7-0.9,7.2c-0.5,4.3,0.2,8.6,0.9,12.8c0.6,4.1,2.6,6.9,6.3,8.5c5.2,2.3,10.7,3.5,16.1,5 c8.4,2.4,16.5,7.2,24.6,10.7c-3.9,4.8-9,6.8-14,9.9c-15.4,9.5-31.9,12.2-49.5,16c-6.3-0.3-12.6,0.2-18.8-0.9 c-13.4-1.4-25.6-6.8-37.4-13.5c-6.8-3.9-13.6-8.4-19.5-13.8c9.3-4.6,19.7-8.5,29.5-11.6c1-0.3,2-0.6,3-0.9c9.2-2.8,11.3-3,11.8-18 c0-1.7,0.1-3.4,0.1-5.1c0-3.1-0.1-5.7-2.6-8.3c-3.2-3.4-3.7-8.6-3.8-13.6c0-2.3-0.1-4.6-0.1-6.8c0-1.8-0.3-3-2.2-1.5 c-5.6-0.7-5.3-5.9-5.9-9.9C89.9,132.1,88.9,127.9,87.3,123.9z'/%3E%3Cg%3E%3Cpath class='st0' d='M128,245.4c-65,0-117.9-52.9-117.9-117.9C10.1,62.5,63,9.7,128,9.7s117.9,52.9,117.9,117.9 C245.9,192.6,193,245.4,128,245.4z M128,19.7c-59.5,0-107.9,48.4-107.9,107.9c0,59.5,48.4,107.9,107.9,107.9S235.9,187,235.9,127.5 C235.9,68.1,187.5,19.7,128,19.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.light-theme .open .friend-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23333333;%7D%0A%3C/style%3E%3Cpath class='st0' d='M87.3,123.9c0.1-2.4-1-5.3,2.4-6.2c0.9-0.2,0.9-1.3,0.8-2.2c-0.4-3.2,0.4-6.5-0.8-9.6 c0.2-6.1-1.4-12.1-0.8-18.2c0.4-4.1,1.5-8,3-11.8c7.8-7.1,15.7-14,25.4-18.1c15.7-6.6,29.1-0.4,42.1,8.8c2.3,1.7,3.6,4.4,5.2,6.8 c3.4,8.2,4,16.6,2.7,25.4c-0.4,2.4-0.1,4.8-0.1,7.2c-0.5,2.2-1,4.4-1.4,6.6c-0.4,1.9-0.9,3.4,1.9,4.1c2.4,0.6,2,3.7,1.6,5.9 c-1,5.1-2.3,10.2-3.4,15.3c-0.2,0.8-0.1,1.7-0.2,2.5c-0.9,2.1-1.8,4-4.5,3.6c-2.1-0.4-1.6,1.7-1.7,3c-0.1,4.8-0.4,9.6-1.5,14.3 c-0.8,3.5-1.9,6.7-4.7,9c-2.2,1.8-0.7,4.7-0.9,7.2c-0.5,4.3,0.2,8.6,0.9,12.8c0.6,4.1,2.6,6.9,6.3,8.5c5.2,2.3,10.7,3.5,16.1,5 c8.4,2.4,16.5,7.2,24.6,10.7c-3.9,4.8-9,6.8-14,9.9c-15.4,9.5-31.9,12.2-49.5,16c-6.3-0.3-12.6,0.2-18.8-0.9 c-13.4-1.4-25.6-6.8-37.4-13.5c-6.8-3.9-13.6-8.4-19.5-13.8c9.3-4.6,19.7-8.5,29.5-11.6c1-0.3,2-0.6,3-0.9c9.2-2.8,11.3-3,11.8-18 c0-1.7,0.1-3.4,0.1-5.1c0-3.1-0.1-5.7-2.6-8.3c-3.2-3.4-3.7-8.6-3.8-13.6c0-2.3-0.1-4.6-0.1-6.8c0-1.8-0.3-3-2.2-1.5 c-5.6-0.7-5.3-5.9-5.9-9.9C89.9,132.1,88.9,127.9,87.3,123.9z'/%3E%3Cg%3E%3Cpath class='st0' d='M128,245.4c-65,0-117.9-52.9-117.9-117.9C10.1,62.5,63,9.7,128,9.7s117.9,52.9,117.9,117.9 C245.9,192.6,193,245.4,128,245.4z M128,19.7c-59.5,0-107.9,48.4-107.9,107.9c0,59.5,48.4,107.9,107.9,107.9S235.9,187,235.9,127.5 C235.9,68.1,187.5,19.7,128,19.7z'/%3E%3C/g%3E%3C/svg%3E");
}
.light-theme .friend-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23878787;%7D%0A%3C/style%3E%3Cpath class='st0' d='M87.3,123.9c0.1-2.4-1-5.3,2.4-6.2c0.9-0.2,0.9-1.3,0.8-2.2c-0.4-3.2,0.4-6.5-0.8-9.6 c0.2-6.1-1.4-12.1-0.8-18.2c0.4-4.1,1.5-8,3-11.8c7.8-7.1,15.7-14,25.4-18.1c15.7-6.6,29.1-0.4,42.1,8.8c2.3,1.7,3.6,4.4,5.2,6.8 c3.4,8.2,4,16.6,2.7,25.4c-0.4,2.4-0.1,4.8-0.1,7.2c-0.5,2.2-1,4.4-1.4,6.6c-0.4,1.9-0.9,3.4,1.9,4.1c2.4,0.6,2,3.7,1.6,5.9 c-1,5.1-2.3,10.2-3.4,15.3c-0.2,0.8-0.1,1.7-0.2,2.5c-0.9,2.1-1.8,4-4.5,3.6c-2.1-0.4-1.6,1.7-1.7,3c-0.1,4.8-0.4,9.6-1.5,14.3 c-0.8,3.5-1.9,6.7-4.7,9c-2.2,1.8-0.7,4.7-0.9,7.2c-0.5,4.3,0.2,8.6,0.9,12.8c0.6,4.1,2.6,6.9,6.3,8.5c5.2,2.3,10.7,3.5,16.1,5 c8.4,2.4,16.5,7.2,24.6,10.7c-3.9,4.8-9,6.8-14,9.9c-15.4,9.5-31.9,12.2-49.5,16c-6.3-0.3-12.6,0.2-18.8-0.9 c-13.4-1.4-25.6-6.8-37.4-13.5c-6.8-3.9-13.6-8.4-19.5-13.8c9.3-4.6,19.7-8.5,29.5-11.6c1-0.3,2-0.6,3-0.9c9.2-2.8,11.3-3,11.8-18 c0-1.7,0.1-3.4,0.1-5.1c0-3.1-0.1-5.7-2.6-8.3c-3.2-3.4-3.7-8.6-3.8-13.6c0-2.3-0.1-4.6-0.1-6.8c0-1.8-0.3-3-2.2-1.5 c-5.6-0.7-5.3-5.9-5.9-9.9C89.9,132.1,88.9,127.9,87.3,123.9z'/%3E%3Cg%3E%3Cpath class='st0' d='M128,245.4c-65,0-117.9-52.9-117.9-117.9C10.1,62.5,63,9.7,128,9.7s117.9,52.9,117.9,117.9 C245.9,192.6,193,245.4,128,245.4z M128,19.7c-59.5,0-107.9,48.4-107.9,107.9c0,59.5,48.4,107.9,107.9,107.9S235.9,187,235.9,127.5 C235.9,68.1,187.5,19.7,128,19.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.friend-icon {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 16px;
  margin-left: 16px;
}

.banner-margin {
  margin: 16px 0;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/promotions.css.map */
@charset "UTF-8";
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
div.editMyDetailsDiv {
  position: relative;
}

div#depositFundsPanel .existingCardPanel .input-wrapper, div#depositFundsPanel .instantTransferPanel .input-wrapper {
  /*font-size: $modal-content-text-size;*/
  font-weight: normal;
  /*background-color: #00ff00;

  .styledSelectOption ul {
      background-color: #00ff00;
  }*/
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelectWrap, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelectWrap {
  width: 200px;
  padding: 5px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect {
  /*background-color: #ff0000;*/
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="4"]:before, div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="9"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="4"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="9"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaCredit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="5"]:before, div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="10"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="5"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="10"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaDebit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="2"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="2"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Delta.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="1"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="1"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Maestro.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="3"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="3"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="8"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="8"]:before { /*CardTypes.MastercardDebit*/
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[ident="6"], div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[ident="6"] {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Solo.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[methodType="4"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[methodType="4"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/ApplePay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelect[methodType="5"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper div.styledSelect[methodType="5"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/GPay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 50px 50px;
  background-position-x: -8px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li {
  /*background-color: #ff0000;*/
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="4"]:before, div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="9"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="4"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="9"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaCredit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="5"]:before, div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="10"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="5"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="10"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaDebit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="2"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="2"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Delta.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="1"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="1"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Maestro.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="3"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="3"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="8"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="8"]:before { /*CardTypes.MastercardDebit*/
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[ident="6"], div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[ident="6"] {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Solo.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[methodType="4"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[methodType="4"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/ApplePay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li[methodType="5"]:before, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li[methodType="5"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/GPay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 50px 50px;
  background-position-x: -8px;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div .styledSelect, div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li, div#depositFundsPanel .instantTransferPanel .input-wrapper div .styledSelect, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div#depositFundsPanel .existingCardPanel .input-wrapper div .styledSelect img, div#depositFundsPanel .existingCardPanel .input-wrapper .styledSelectOption li img, div#depositFundsPanel .instantTransferPanel .input-wrapper div .styledSelect img, div#depositFundsPanel .instantTransferPanel .input-wrapper .styledSelectOption li img {
  display: inline-block;
  max-height: 30px;
  max-width: 40px;
}

div#addCardPanel.editMyDetailsDiv {
  min-height: 520px;
}

div#cardTypesImage {
  margin-top: 10px;
  margin-left: 260px;
}

div.editMyDetailsDiv hr {
  border: none;
  color: black;
  background-color: black;
  height: 1px;
}

#editmydetailspanel input[type=text],
#editmydetailspanel input[type=password],
#editmydetailspanel select,
#changePassword input[type=text],
#changePassword input[type=password],
div.confirmPassword input[type=text] {
  width: 210px;
  position: relative;
}

#editmydetailspanel input[type=text].long,
#editmydetailspanel input[type=password]#SecurityAnswerOverride {
  width: 300px;
}

#SubmitPanel {
  margin: 10px;
}

#SubmitPanel {
  margin: 10px;
}

div.editMyDetailsDiv label,
div.confirmPassword label {
  display: inline-block;
  vertical-align: middle;
  width: 135px;
  float: left;
  clear: left;
  font-weight: bold;
  line-height: 15px;
  text-align: right;
  margin-right: 10px;
}
div.editMyDetailsDiv label.aligned-middle-button-row div,
div.confirmPassword label.aligned-middle-button-row div {
  line-height: 32px;
}
div.editMyDetailsDiv #addCardButton,
div.confirmPassword #addCardButton {
  margin-top: -3px !important;
}

#spnAccountCcy {
  padding: 6px 0px;
  display: inline-block;
}

div.editMyDetailsDiv #securityDetails label {
  width: 160px;
}
.dark-theme div.editMyDetailsDiv #securityDetails input[type=text] {
  background: #000;
}
div.editMyDetailsDiv #securityDetails .subSection {
  display: block;
  clear: left;
  line-height: 15px;
  text-align: left;
  margin-bottom: 10px;
}
div.editMyDetailsDiv #securityDetails .subSection .title {
  text-transform: uppercase;
  font-weight: bold;
}
div.editMyDetailsDiv label.labelleft300wide {
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  float: left;
  clear: left;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  margin-right: 10px;
}

div.editMyDetailsDiv label.labelleft.label275wide {
  width: 255px;
  text-align: left;
}

div.editMyDetailsDiv label.labelleft.label200wide {
  width: 200px;
  text-align: left;
}

div.editMyDetailsDiv label.labelleft.leftalign {
  text-align: left;
}

div.confirmPassword label.labelleft {
  width: 115px;
  font-size: 9pt;
  text-align: left;
}

div.editMyDetailsDiv label.labelcenter {
  display: block;
  float: none;
  width: 100%;
  max-width: 450px;
  margin: auto;
  text-align: center;
  text-align: -webkit-center;
}

div.editMyDetailsDiv div.fieldvalue {
  display: inline-block;
  height: 20px;
}

div.acct.right.singleController div.infocolumn {
  float: left;
  width: 130px;
  margin-right: 15px;
}

.light-theme #changePassword .input-validation-error,
.light-theme #editmydetailspanel .input-validation-error {
  border-color: red;
  background-color: #FFDADB;
}

div.editMyDetailsDiv select {
  /*float: left;*/
  /*width: 97%;*/
}
.light-theme div.editMyDetailsDiv select {
  border: 1px solid #d9d9d9;
}
.dark-theme div.editMyDetailsDiv select {
  border: 1px solid #333;
}
.light-theme div.editMyDetailsDiv select {
  background-color: #fff;
}
.dark-theme div.editMyDetailsDiv select {
  background-color: #000;
}
.light-theme div.editMyDetailsDiv select {
  color: #333;
}
.dark-theme div.editMyDetailsDiv select {
  color: #fff;
}

#editmydetailspanel input.readonly {
  border: 0;
  float: left;
  padding: 4px;
}

div.editMyDetailsDiv .alwayseditable {
  float: left;
}

div.editMyDetailsDiv .editable {
  float: left;
}
.light-theme div.editMyDetailsDiv .editable {
  border: 1px solid #d9d9d9;
}
.dark-theme div.editMyDetailsDiv .editable {
  border: 1px solid #333;
}

div.editMyDetailsDiv div.input-wrapper, div.confirmPassword div.input-wrapper {
  position: relative;
  float: left;
  margin-bottom: 5px;
  max-width: 300px;
}

div.editMyDetailsDiv .info-text-wrapper {
  position: relative;
  float: left;
  text-align: left;
  margin-left: 7px;
}

.addrFieldSet {
  width: 100%;
  float: none;
  clear: both;
  padding-top: 20px;
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  font-size: 13px;
}

.addrcontent {
  margin-left: 10px;
}

.address-content {
  clear: both;
  margin-top: 20px;
}

.clearfix {
  clear: both !important;
}

#sportsAccountSummaryDisplayOptions {
  margin-top: 10px;
}

div.editMyDetailsDiv .margin-top-10 {
  margin-top: 10px;
}

div.editMyDetailsDiv div.input-wrapper.margin-bottom-15 {
  margin-bottom: 15px;
}

div.editMyDetailsDiv div.input-wrapper.margin-bottom-15 select {
  margin: 0;
}

div.editMyDetailsDiv div.input-wrapper.input-wrapper-40 {
  width: 45%;
  margin-bottom: 15px;
}

div.input-wrapper-40 input[type=radio] {
  margin-top: 0;
}

div.input-wrapper-40 select {
  margin: 0;
}
.light-theme div.input-wrapper-40 select {
  background-color: #fff;
}
.dark-theme div.input-wrapper-40 select {
  background-color: #000;
}
.light-theme div.input-wrapper-40 select {
  color: #333;
}
.dark-theme div.input-wrapper-40 select {
  color: #fff;
}

input.watermark {
  font-size: 12px;
  font-style: italic;
}

#addCardPanel input.watermark {
  font-size: 13px;
  font-style: normal;
  width: 149px;
  height: 16px;
}

#addCardPanel #btnSubmitKyc {
  margin-top: 5px;
}

#rbCard {
  margin-left: 0;
}

div.editMyDetailsDiv div.input-wrapper.input-wrapper-10 {
  position: relative;
  float: left;
  width: 10%;
  margin-bottom: 5px;
}

div.editMyDetailsDiv div.input-wrapper.input-wrapper-label {
  width: 50%;
  margin-bottom: 15px;
  font-weight: bold;
}

div.confirmPassword div.input-wrapper {
  width: 58%;
}

div.confirmPassword div.input-wrapper input {
  width: 100%;
}

div.editMyDetailsDiv input.btnFloatRight, div.confirmPassword input.btnFloatRight {
  float: right;
  margin: 5px 0px 0px 5px;
}

div.editMyDetailsDiv .btnFloatLeft {
  float: left;
}

div.confirmPassword input.btnFloatRight {
  font-size: 9pt;
  margin-right: 15px;
}

#editDetailsBlockedPanel p {
  text-align: center;
  padding: 5px;
}

div.editMyDetailsDiv div.userhelp {
  background-color: #DAEFEE;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 5px 5px;
  margin: 5px 0px;
  border: solid 1px #A0A0A0;
  border-radius: 6px;
}

div.editMyDetailsDiv fieldset legend {
  font-weight: bold;
  font-size: 9pt;
  margin-bottom: 15px;
}

div.editMyDetailsDiv fieldset div.section {
  display: inline-block;
  clear: both;
  width: 97%;
}

div.editMyDetailsDiv div.fieldset-info {
  display: inline-block;
  font-weight: bold;
  /*color: #008290;*/
  margin-bottom: 10px;
}

div.editMyDetailsDiv div.fieldset-info p {
  margin-bottom: 5px;
}

div.editMyDetailsDiv div.fieldset-info h3 {
  font-size: 9pt;
  margin-bottom: 10px;
}

div.editMyDetailsDiv div.button-group, div.confirmPassword div.button-group, div.button-group-div, div.acct.right div.tradingPref div.button-group, div.acct.right div.dataFeeds div.button-group {
  clear: both;
  text-align: center;
}

div.confirmPassword div.button-group {
  margin: 15px 0 15px 0;
}

div.editMyDetailsDiv div.success {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  /*z-index: 6000;*/
  background-color: #DAEFEE;
  font-weight: bold;
  padding: 30px;
  margin: -15px 0 0 -165px;
  border: solid 2px #A0A0A0;
  border-radius: 6px;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
}

div.editMyDetailsDiv div.loadingTgt {
  position: relative;
  margin-top: 9px;
  display: inline-block;
  float: left;
  width: 17px;
}

div.editMyDetailsDiv .fieldset {
  *position: relative;
}

span.required {
  color: Red;
}

div.contactDetails input.editButton, div.securityDetails input.editButton {
  margin-left: 50px;
  margin-top: 15px;
}

/*Address details*/
div.editMyDetailsDiv div.addr {
  float: left;
}

div.addr.addrtitle {
  text-align: right;
  width: 193px;
  font-weight: bold;
}

div.addr.addrcontent {
  width: 170px;
}

#editmydetailspanel div.addr.addrcontent div.input-wrapper {
  width: 165px;
}

#editmydetailspanel div.addr.addrcontent input.readonly {
  width: 95% !important;
  padding: 0px;
}

#editmydetailspanel div.addr.addrcontent div.input-wrapper label {
  display: inline-block;
  padding: 4px;
  font-size: 13px;
}
.light-theme #editmydetailspanel div.addr.addrcontent div.input-wrapper label {
  color: #000;
}
.dark-theme #editmydetailspanel div.addr.addrcontent div.input-wrapper label {
  color: #999;
}

.input-wrapper.findaddrbuttons #FindAddressButton {
  margin-bottom: 5px;
}

div.addr.addrbuttons {
  width: 130px;
  text-align: left;
}

#editmydetailspanel div.addrbuttons input, div.editMyDetailsDiv input.smlButton {
  margin-left: 4px;
  margin-top: 4px;
}

div.editMyDetailsDiv div.addr div.input-wrapper {
  margin-bottom: 0px;
}

#editmydetailspanel input.yesButton {
  margin: 0 5px 0 50px;
}

div.editMyDetailsDiv div#AddressDetails div.input-wrapper {
  width: 220px;
}

/*Trading preferences */
p.successMsg, div.acct.right div.tradingPref div.success {
  display: none;
}

div.acct.right div.tradingPref h3 {
  margin-top: 0;
  margin-bottom: 7px;
}

div.acct.right div.tradingPref div.notes {
  margin: 5px 0;
}

div.acct.right div.tradingPref div.notes p {
  margin-bottom: 8px;
}

div.rollPref div.col {
  float: left;
}

div.col.col2 {
  width: 200px;
}

div.col.col3 {
  width: 150px;
}

div.col.col1 {
  text-align: right;
  font-weight: bold;
  padding-right: 5px;
  width: 100px;
}

div.acct.right div.tradingPref {
  padding-top: 3px;
}
div.acct.right div.tradingPref input[type=radio] {
  margin-top: 0px;
}
div.acct.right div.tradingPref div.label {
  height: 22px;
  clear: both;
}
div.acct.right div.tradingPref div.label label {
  float: left;
}
div.acct.right div.tradingPref div.label .label-match-live-message {
  padding-left: 0px;
}
div.acct.right div.tradingPref div.no-label div.floatLeft {
  float: left;
  width: 450px;
}
div.acct.right div.tradingPref div.label label.floatLeft {
  float: left;
  width: 438px;
}
div.acct.right div.tradingPref div.success {
  clear: both;
}
div.acct.right div.tradingPref div.button-group {
  padding-top: 5px;
}
div.acct.right div.tradingPref div.resizable {
  overflow-y: auto;
}
div.acct.right div.tradingPref div.resizable > *:last-child {
  margin-bottom: 1em;
}

label.disabled {
  color: lightGrey;
}

div.notes {
  margin-top: 5px;
}

div.fo-notes {
  margin-left: 12px;
  margin-top: 20px;
}

#addCardPanel input[type=text] {
  display: block;
}

#depositFundsPanel #addCardButton {
  margin-left: 10px;
}
#depositFundsPanel .paymentSplitMessage {
  font-weight: bold;
  color: #008290;
  float: left;
  margin-left: 145px;
  width: 70%;
}
#depositFundsPanel .depositLimitWarningMsg {
  float: left;
  margin-left: 145px;
  margin-top: 1em;
  clear: both;
  max-width: 1300px;
}
#depositFundsPanel .depositLimitWarningMsg .WarningMsg {
  color: #c02f37;
}
#depositFundsPanel > .gc-deposit-info-outer {
  margin-top: 22px;
  display: table;
}
#depositFundsPanel #btnReReg {
  margin-top: 22px;
}
#depositFundsPanel input[type=text] {
  display: block;
}

#depositFundsPanel > .gc-deposit-info-outer .hidden,
#transferFundsPanel ~ .gc-deposit-info-outer .hidden {
  display: none;
}

#transferFundsPanel ~ .gc-deposit-info-outer {
  padding-top: 30px;
  display: table;
}

#transferFundsPanel .transfer-funds-message {
  float: left;
  margin-left: 27px;
}

.gc-deposit-info-outer > .gc-deposit-info {
  display: table-row;
}

.gc-deposit-info > div.padlock {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: table-cell;
  background-image: url("Style/images/PadlockBlack.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.gc-deposit-info > .gc-wallet-msg {
  display: table-cell;
  padding-left: 5px;
}
.gc-deposit-info > .gc-wallet-msg > span {
  vertical-align: -4px;
}

#gc-deposit-confirm-msg-fo {
  display: table-row;
}

#gc-deposit-confirm-msg-fo > div {
  display: table-cell;
}

.confirm-msg-error {
  display: table-row;
  padding-bottom: 5em;
}

.confirm-msg-error > div {
  display: table-cell;
}

#deposit-confirm-msg-validation-error {
  margin-bottom: 2em;
}

#deposit-dummy-fill {
  padding-top: 4em;
}
#deposit-dummy-fill a {
  color: black;
  text-decoration: underline;
}
#deposit-dummy-fill a:hover {
  color: red;
}
#deposit-dummy-fill .dummyFill {
  color: black;
  background-color: cyan;
  border: 1px solid black;
}
#deposit-dummy-fill .dummyFill-quickDeposit {
  min-height: 300px; /*reserve some space so that popup is right size*/
}
#deposit-dummy-fill .links-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  padding-right: 1rem;
}

.footnote {
  font-size: 11px;
  font-style: italic;
}

span.exclusionName {
  display: inline-block;
  width: 35%;
  text-align: right;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}

.fodlExclusionName {
  min-width: 20%;
}

span.exclusionMessage {
  display: inline-block;
  width: 55%;
  padding-left: 3px;
}

div.fixedOddsDepositLimits {
  display: block;
}

div.exclusionRow, div.fixedOddsDepositLimitsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}

div.respGamblingContainer {
  padding: 20px;
}

span#amountContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

span#amountContainer input#SelectedAmount {
  height: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  max-width: 200px;
  margin-right: 10px;
}

#invalid-selected-gdl-amount {
  left: calc(30% + 90px);
}

#invalid-selected-net-fodl-amount {
  left: calc(30% + 90px);
}

#invalid-selected-gross-fodl-amount {
  left: calc(30% + 90px);
}

#invalid-selected-gdl-amount.no-fodl-field-validation-error {
  left: calc(40% + 112px);
}

#invalid-selected-net-fodl-amount.no-fodl-field-validation-error {
  left: calc(40% + 112px);
}

#invalid-selected-gross-fodl-amount.no-fodl-field-validation-error {
  left: calc(40% + 112px);
}

/*span#amountContainer .field-validation-error {
    background: initial;
    display: initial;
    position: relative;
    left: 12px;
    top: 0;
}

span#amountContainer .field-validation-error span {
    position: static;
    display: initial;
    padding-left: initial;
    line-height: 36px;
}*/
div.respGamblingActionButton {
  margin-left: 30%;
  margin-top: 1%;
}
div.respGamblingActionButton .please_select_period {
  display: none;
  color: #c02f37;
  font-weight: bold;
  margin-bottom: 1%;
}

div.acct.right div.dataFeeds table td.minWidth,
div.acct.right div.dataFeeds table th.minWidth {
  min-width: 90px;
  width: 13%;
  width: 100% \9 ;
  *width: 13%;
}

div.acct.right div.dataFeeds table tr th {
  border: none;
  font-size: 8pt;
  text-align: center;
  width: 45%;
}

div.acct.right div.dataFeeds table tr td {
  border: none;
  font-size: 7.5pt;
  min-width: 80px;
  padding: 2px 6px;
  vertical-align: middle;
  text-align: center;
}

div.acct.right div.dataFeeds table tr th:nth-child(1) {
  text-align: left;
  min-width: 160px;
  width: 20%;
  width: 100% \9 ;
  *width: 20%;
  padding: 2px 6px;
}

div.acct.right div.dataFeeds table tr td:nth-child(1) {
  text-align: left;
  min-width: 320px;
}

div.dataFeeds .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

div.dataFeeds .response {
  display: none;
}

div.dataFeeds .dataFeedsTable {
  overflow-y: scroll;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.acct.right div.dataFeeds table {
    table-layout: auto;
  }
  div.acct.right div.dataFeeds table tr th:nth-child(1) {
    min-width: 50px;
  }
  div.acct.right div.dataFeeds table tr td:nth-child(1) {
    min-width: 50px;
  }
}
div.acct.right div.dataFeeds div.body {
  overflow: hidden;
}

.dataFeedError {
  text-align: center;
  display: none;
}

.dialog .errorMessage {
  margin-left: 15px;
}

.confirm-msg .fo-sec-checkbox-label {
  white-space: nowrap;
  width: auto;
  font-weight: bold;
  float: none;
  margin-right: 0;
  display: inline-block;
}
.confirm-msg input[type=checkbox] {
  display: inline-block;
  height: 23px;
  vertical-align: middle;
  float: left;
}

#selectFoNetTransferDateRange .fromDate, #selectFoNetTransferDateRange .toDate, #selectFoWinLossDateRange .fromDate, #selectFoWinLossDateRange .toDate {
  display: block;
}

#credit-card-warning {
  display: none;
  color: #c02f37;
}

div.flex-microform {
  height: 28px;
  padding: 0 3px 0 3px;
  border-radius: 0;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.light-theme div.flex-microform {
  border: 1px solid #d9d9d9;
}
.dark-theme div.flex-microform {
  border: 1px solid #333;
}
.light-theme div.flex-microform {
  background-color: #fff;
}
.dark-theme div.flex-microform {
  background-color: #262626;
}
div.flex-microform.is-invalid {
  border: 2px solid !important;
  border-color: #ae333b !important;
}

div.flex-microform-focused {
  border-radius: 0.25rem !important;
}
.light-theme div.flex-microform-focused {
  border: 2px solid #000;
}
.dark-theme div.flex-microform-focused {
  border: 2px solid #fff;
}
div.flex-microform-focused.is-invalid {
  border-color: #ae333b !important;
}

div.editMyDetailsDiv div.existingCardPanel div.input-wrapper.margin-top-5,
div.editMyDetailsDiv div.newCardPanel div.input-wrapper.margin-top-5 {
  white-space: nowrap;
  margin-top: -5px;
}

div.managingYourGambling {
  display: block;
  padding: 10px 15px 10px 5px;
  margin-left: 25px;
}
div.managingYourGambling a {
  display: block;
  margin-top: 10px;
}

div.editMyDetailsDiv div.newCardPanel div.input-wrapper div.newCardNumber {
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 12px;
  margin-bottom: 10px;
}

div.verifyCardMessage {
  float: left;
  clear: both;
  border-width: 1px;
  border-color: #168D99;
  border-style: solid;
  padding: 10px 15px 10px 15px;
  margin-left: 25px;
  margin-bottom: 15px;
  margin-right: 12px;
  max-width: 451px;
}

div.editMyDetailsDiv div.verifyCardMessage div.verifybody {
  margin-bottom: 8px;
}

div.editMyDetailsDiv div.verifyCardMessage div.verifyheader {
  font-weight: bold;
}

div.editMyDetailsDiv div.input-wrapper .is-invalid {
  border: 2px solid !important;
  border-color: #ae333b !important;
}

div.cardErrorMessage {
  float: left;
  clear: both;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  padding: 10px 15px 10px 15px;
  margin-left: 25px;
  margin-bottom: 15px;
  margin-right: 12px;
  text-align: center;
  border-color: #c02f37;
}

div.paymentStatusMessage {
  float: left;
  clear: both;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  padding: 10px 15px 10px 15px;
  margin-left: 25px;
  margin-bottom: 15px;
  margin-right: 12px;
  width: 431px;
  text-align: center;
}

div.paymentStatusMessage.warning {
  border-color: darkorange;
}

div.paymentStatusMessage.error {
  border-color: #c02f37;
}

input[type=radio] ~ label ~ span.new-box {
  margin-left: -10px;
}

.new-box {
  background-color: #c02f37;
  display: inline-block;
  padding: 2px;
}
.brand.sal .new-box {
  background-color: #FF6F00;
}
.brand.killik .new-box {
  background-color: #CEA552;
}
.light-theme .new-box {
  color: #fff;
}
.dark-theme .new-box {
  color: #fff;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/editmydetails.css.map */
form#ExecutionAndPricing .strong {
  font-weight: bold;
}
form#ExecutionAndPricing span.optionLabel {
  display: inline-block;
  width: 50%;
}
form#ExecutionAndPricing div.oneLineInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form#ExecutionAndPricing div.oneLineInput select, form#ExecutionAndPricing div.oneLineInput input[type=text] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
form#ExecutionAndPricing #sectionSeparator {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: thin dotted gray;
}
form#ExecutionAndPricing span.newButton {
  position: relative;
  left: 4em;
  margin: 0 -3.1em;
}

div#priceToleranceDialog fieldset, div#marketOrdersDialog fieldset, div#partialFillsDialog fieldset {
  border: thin solid lightgray;
  padding: 2px 4px 6px 10px;
  margin-bottom: 7px;
}
div#priceToleranceDialog fieldset div.warningHeader, div#marketOrdersDialog fieldset div.warningHeader, div#partialFillsDialog fieldset div.warningHeader {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}
div#priceToleranceDialog input[type=button], div#marketOrdersDialog input[type=button], div#partialFillsDialog input[type=button] {
  text-align: left;
  width: 120px;
  background-color: white;
  font-weight: 600;
  /*padding: 0 8px;*/
  height: 44px;
  line-height: 44px;
  font-size: 13px;
  font-weight: bold;
  font-family: "Century Gothic", "Century Gothic W01", Futura, "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  text-align: center;
  /*font-weight: normal;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  text-transform: uppercase;
  letter-spacing: 0.2pt;
  line-height: inherit;
  margin: 0px;
  padding: 0px;
  margin: 10px 5px 8px 5px;
  font-size: 13px;
  -webkit-appearance: none;
  border-radius: 0;
}
div#priceToleranceDialog input[type=button].okButton, div#marketOrdersDialog input[type=button].okButton, div#partialFillsDialog input[type=button].okButton {
  border: 1px solid #008290;
  color: #008290;
}
div#priceToleranceDialog input[type=button].cancelButton, div#marketOrdersDialog input[type=button].cancelButton, div#partialFillsDialog input[type=button].cancelButton {
  border: 1px solid #c02f37;
  color: #c02f37;
}
div#priceToleranceDialog input[type=button]:hover, div#marketOrdersDialog input[type=button]:hover, div#partialFillsDialog input[type=button]:hover {
  color: #fff;
  cursor: pointer;
}
div#priceToleranceDialog input[type=button]:hover.okButton, div#marketOrdersDialog input[type=button]:hover.okButton, div#partialFillsDialog input[type=button]:hover.okButton {
  background-color: #008290;
}
div#priceToleranceDialog input[type=button]:hover.cancelButton, div#marketOrdersDialog input[type=button]:hover.cancelButton, div#partialFillsDialog input[type=button]:hover.cancelButton {
  background-color: #c02f37;
}
div#priceToleranceDialog div.warningCheckbox, div#marketOrdersDialog div.warningCheckbox, div#partialFillsDialog div.warningCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#saving-status {
  background-repeat: no-repeat;
  padding-left: 24px;
  font-weight: bold;
  margin-top: 20px;
  display: block;
}
#saving-status.in-progress {
  background-image: url("Style/images/loading/loading-lrg2.gif?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  background-size: 24px 24px;
}
#saving-status.success {
  background-image: url("Style/images/tick.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc");
  background-size: 17px 17px;
}
#saving-status.error {
  background-image: url("Style/images/cross.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8");
  background-size: 17px 17px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/ExecutionAndPricing.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
div.editMyDetailsDiv div.input-wrapper select.select-date {
  width: 80px;
  padding: 0;
  margin-right: 6px;
}

.quickdeposit div.editMyDetailsDiv div.input-wrapper select.select-date {
  width: 48%;
  padding: 0;
  margin: 0;
}

.quickdeposit div.editMyDetailsDiv div.input-wrapper input[type=text],
.quickdeposit div.editMyDetailsDiv div.input-wrapper select,
.quickdeposit div.editMyDetailsDiv div.input-wrapper microform {
  height: 19px;
}

.light-theme .text-normal {
  color: #000;
}
.dark-theme .text-normal {
  color: #fff;
}

.text-gray {
  color: gray;
}

/*container*/
#accountQuickPanel {
  /*  width: 308px; */
  background-color: transparent;
}

.quickdeposit div.acct.right div.body {
  min-height: 120px;
  min-height: 60px;
  overflow: auto;
  clear: left;
}

.quickdeposit div.acct.right {
  border: 0;
  padding: 0 0 0 0;
  height: auto;
  left: 0;
  top: 0;
  min-width: 0px;
  min-height: 0px;
  margin: 0px 0px 0 0;
}

.quickdeposit div#addCardPanel.editMyDetailsDiv {
  height: 100%;
}

.quickdeposit div.maskopacity {
  /*this is for confirm payment*/
  border-radius: 0px;
}

body.quickdeposit {
  height: 100% !important;
}

/*headers and paragraphs*/
.quickdeposit div.acct.right .legend {
  display: none;
}

.quickdeposit p {
  text-align: left;
  margin-left: 1px;
  margin-right: 2px;
}

.quickDepositTitle {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 105%;
}

.quickdeposit div.acct.right > h2 {
  text-align: center;
  float: none;
  font-size: 105%;
}

.quickdeposit #depositFundsPanel .paymentSplitMessage {
  margin-left: auto;
}

.quickdeposit #kycReqPanel p {
  padding: 5px;
}

/*labels and input pairs*/
.quickdeposit .editMyDetailsDiv label.labelleft {
  width: 40%;
  padding-top: 3px;
  margin-right: 0px;
}

.quickdeposit .editMyDetailsDiv.SportsFO div.input-wrapper {
  width: 60%;
  margin-bottom: 0px;
}

.quickdeposit .editMyDetailsDiv.FinsSpreads div.input-wrapper,
.quickdeposit .editMyDetailsDiv.SportsSpreads div.input-wrapper {
  width: 49%;
  margin-bottom: 0px;
}

.quickdeposit div.editMyDetailsDiv div.input-wrapper.margin-bottom-15 {
  margin-bottom: 4px;
}

.quickdeposit div.editMyDetailsDiv label.labelleft.leftalign {
  padding-right: 0px;
}

.quickdeposit div.editMyDetailsDiv label.labelleft.label275wide {
  width: 68%;
}

.quickdeposit div.editMyDetailsDiv div.input-wrapper.input-wrapper-label {
  width: 25%;
  text-align: right;
  margin: 0 5px 5px 0;
}

#accountQuickPanel div.splitInfo {
  text-align: right;
  display: block;
  width: auto;
  float: right;
  margin-right: 3px;
}

.quickdeposit .field-validation-error {
  white-space: normal;
  margin-bottom: 22px;
}

.quickdeposit.dark-theme .field-validation-error:before {
  top: -5px;
}

/*buttons*/
.quickdeposit .editMyDetailsDiv.FinsSpreads div.input-wrapper.quickDepositButton,
.quickdeposit .editMyDetailsDiv.SportsFO div.input-wrapper.quickDepositButton,
.quickdeposit .editMyDetailsDiv.SportsSpreads div.input-wrapper.quickDepositButton,
.quickdeposit .deposit-threshold-message-inline div.input-wrapper.quickDepositButton {
  width: 100%;
  text-align: center;
  margin: 5px 0 5px 0;
  float: none;
  max-width: none;
}

.quickdeposit #depositFundsPanel #addCardButton {
  margin-left: 0;
}

.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button],
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit] {
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  font-size: 11px;
  color: #fff;
  background: #008290;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 24px;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  letter-spacing: 0.9pt;
}
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit]:hover {
  background: #00525B;
}
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button].deleteButton, .quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button].rejectChanges,
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit].deleteButton,
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit].rejectChanges {
  background: #C33833;
}
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button].deleteButton:hover, .quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button].rejectChanges:hover,
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit].deleteButton:hover,
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit].rejectChanges:hover {
  background: #8c232a;
}
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button]:active,
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit]:active {
  opacity: 0.8;
}
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=button][disabled],
.quickdeposit div.input-wrapper.quickDepositButton.FinsSpreads input[type=submit][disabled] {
  opacity: 0.5;
}

.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=button],
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=submit],
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO a.btn-link {
  line-height: 18px;
  height: 25px;
  border: none;
  min-width: 90px;
  padding: 0 10px;
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  cursor: pointer;
  margin: 5px;
  background-color: #008290;
  color: white;
}
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=button]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=submit]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO a.btn-link:hover {
  background: #00525B;
}
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=button][disabled],
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=submit][disabled],
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO a.btn-link[disabled] {
  cursor: default;
  border: 1px solid #D9D9D9;
  color: #D9D9D9;
}
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=button][disabled]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO input[type=submit][disabled]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsFO a.btn-link[disabled]:hover {
  background-color: #F2F2F2;
  color: #D9D9D9;
}

.quickdeposit div.input-wrapper.quickDepositButton.SportsFO a.btn-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.quickdeposit div#depositFundsPanel div.input-wrapper.quickDepositButton.SportsFO input[type=button],
.quickdeposit div#depositFundsPanel div.input-wrapper.quickDepositButton.SportsFO input[type=submit],
.quickdeposit div#depositFundsPanel div.input-wrapper.quickDepositButton.SportsFO a.btn-link {
  min-width: 90px;
  font-size: 10px;
  padding: 0 8px;
  margin: 2px;
}

.quickdeposit div#depositFundsPanel .existingCardPanel .selectCard {
  width: 74%;
}

.quickdeposit div#depositFundsPanel .existingCardPanel .input-wrapper div.styledSelectWrap {
  width: 100%;
}

.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=button],
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=submit],
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads a.btn-link {
  line-height: 44px;
  height: 44px;
  border: none;
  min-width: 100px;
  padding: 0 20px;
  text-align: center;
  font-size: 11px;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-weight: 700;
  cursor: pointer;
  background-color: #008290;
  color: white;
  margin-top: 6px;
  margin-bottom: 10px;
}
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=button]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=submit]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads a.btn-link:hover {
  background: #00525B;
}
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=button][disabled],
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=submit][disabled],
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads a.btn-link[disabled] {
  cursor: default;
  border: 1px solid #D9D9D9;
  color: #D9D9D9;
}
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=button][disabled]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads input[type=submit][disabled]:hover,
.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads a.btn-link[disabled]:hover {
  background-color: #F2F2F2;
  color: #D9D9D9;
}

.quickdeposit div.input-wrapper.quickDepositButton.SportsSpreads a.btn-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.quickdeposit div.editMyDetailsDiv .labelleft {
  margin-right: 1px;
  margin-left: 2px;
}

.quickdeposit div.editMyDetailsDiv select {
  padding: 0;
}

.quickdeposit div.editMyDetailsDiv {
  height: 100%;
}

li.quickDeposit.min.close {
  width: 15px;
  background: url("Style/images/buttons/spreadex-black/btn-close.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") 99% center no-repeat;
  background-color: transparent;
  cursor: pointer;
}

.quickdeposit .topbuttons {
  padding: 0;
  margin: 10px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

/*hide/show switch*/
.shownOnQuickdeposit {
  display: none;
}

.quickdeposit .shownOnQuickdeposit {
  display: inherit;
}

.quickdeposit .hiddenOnQuickdeposit {
  display: none;
}

.quickdeposit input[type=button].shownOnQuickdeposit {
  display: inline-block;
}

/*specific to 3DS*/
.quickdeposit3DS #accountQuickPanel {
  width: auto;
  border-bottom: 0;
  padding: 0 0 0 0;
  border: 0;
}

.quickdeposit3DS .acct.right iframe {
  width: 406px;
  height: 466px;
}

.quickdeposit3DS .acct.right p {
  margin-top: 10px;
}

.quickdeposit div.acct.right h2.SportsSpreads.banner.title-bar,
.quickdeposit div.acct.right h2.FinsSpreads.banner.title-bar {
  margin-bottom: 8px;
  padding-left: 10px;
  background-color: #000;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  letter-spacing: 0.9pt;
  height: 37px;
  line-height: 37px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.quickdeposit div.input-wrapper.quickDepositButton.SportsFO {
  font-size: 0.9em;
  overflow: hidden;
}

.quickdeposit #depositFundsPanel.SportsFO #addCardButton {
  margin-left: 2px;
}

/*.quickdeposit div#addCardPanel.editMyDetailsDiv.SportsFO select {
    width: 40px;
    margin-left: 3px;
}


.quickdeposit div.editMyDetailsDiv.SportsFO select {
    font-size: .90em;
    width: 133px;
}*/
.quickdeposit div.editMyDetailsDiv input.text-box,
.quickdeposit div.styledSelectWrap,
.quickdeposit div.editMyDetailsDiv select {
  font-size: 0.9em;
  width: 100%;
}

/*.quickdeposit div.editMyDetailsDiv.SportsFO input.text-box {
    font-size: .90em;
    width: 130px;
}
.quickdeposit div#addCardPanel.editMyDetailsDiv.SportsFO input.text-box {
    width: 125px;
}*/
.quickdeposit div.editMyDetailsDiv.SportsFO .labelleft {
  width: 31%;
  font-size: 0.8em;
  margin-left: 1px;
  line-height: normal;
}

.quickdeposit div.editMyDetailsDiv.SportsFO .shortlabel {
  width: 17%;
}

li.quickDeposit.min.close.SportsFO,
.quickdeposit div.acct.right h2.banner.title-bar {
  line-height: 31px;
}

.quickdeposit div.editMyDetailsDiv.SportsFO p {
  font-size: 0.9em;
}

.quickdeposit div.acct.right div.editMyDetailsDiv.SportsFO label.labelleft.label275wide {
  font-size: 0.8em;
  width: 75%;
  padding-top: 0;
}

.quickdeposit div.acct.right div.editMyDetailsDiv.SportsFO div.input-wrapper.input-wrapper-label {
  width: 15%;
  text-align: right;
  margin-bottom: 5px;
  font-size: 0.8em;
  margin-right: 3px;
}

.quickdeposit .redborder {
  border: solid 1px #c02f37 !important;
}

.quickdeposit .editMyDetailsDiv.FinsSpreads {
  letter-spacing: 0.2pt;
}

/*.quickdeposit div.input-wrapper.quickDepositFO input[type=button],
.quickdeposit div.input-wrapper.quickDepositFO input[type=submit] {
    margin-right: 2px;
    margin-left: 2px;
    min-width: 90px;
    width: auto;
    font-size: .90em;
}*/
.quickdeposit div#addCardPanel,
.quickdeposit div#depositFundsPanel {
  padding: 5px 5px 10px 10px;
}

.quickdeposit div#addCardPanel.SportsFO h3,
.quickdeposit div#addCardPanel.SportsSpreads h3 {
  padding: 0px 0px 3px 0px;
  margin: 0px;
}

.quickdeposit div#fast-credit-unverified-panel .title-bar {
  background: #000;
  color: white;
  text-align: center;
  float: none;
  font-size: 105%;
}
.quickdeposit div#fast-credit-unverified-panel .title-divider {
  height: 5px;
  width: 100%;
  border: 0;
  background-color: #c02f37;
}
.quickdeposit div#fast-credit-unverified-panel .unverified-panel-content {
  padding: 0px 5px;
}

.quickdeposit div.flex-microform {
  height: 19px;
  padding: 0 3px 0 3px;
  border-radius: 0;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.light-theme .quickdeposit div.flex-microform {
  border: 1px solid #d9d9d9;
}
.dark-theme .quickdeposit div.flex-microform {
  border: 1px solid #333;
}
.light-theme .quickdeposit div.flex-microform {
  background-color: #fff;
}
.dark-theme .quickdeposit div.flex-microform {
  background-color: #262626;
}
.quickdeposit div.flex-microform.is-invalid {
  border: 2px solid !important;
  border-color: #ae333b !important;
}

.quickdeposit div.flex-microform-focused {
  border-radius: 0.25rem !important;
}
.light-theme .quickdeposit div.flex-microform-focused {
  border: 2px solid #000;
}
.dark-theme .quickdeposit div.flex-microform-focused {
  border: 2px solid #fff;
}
.quickdeposit div.flex-microform-focused.is-invalid {
  border-color: #ae333b !important;
}

.quickdeposit div.editMyDetailsDiv div.existingCardPanel div.input-wrapper.margin-top-5,
.quickdeposit div.editMyDetailsDiv div.newCardPanel div.input-wrapper.margin-top-5 {
  white-space: nowrap;
  margin-top: 0px;
}

.quickdeposit div.editMyDetailsDiv div.newCardPanel div.input-wrapper div.newCardNumber {
  display: block;
  float: none;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 4px;
}

.quickDepositFO .verifyCardMessage {
  margin-left: 3px;
  margin-right: 10px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/quickDeposit.css.map */
.deposit-threshold-message-inline h2, .deposit-threshold-message-inline p {
  text-align: center;
}
.deposit-threshold-message-inline p {
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
}

.deposit-threshold-message-inline .is-deposit-funds-result {
  /* dont add margin on deposit funds screen, as the message hides the other content on the page */
  margin-top: 3em;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/deposit.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
/*--Popup--*/
div.popup {
  width: 500px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100px;
  left: 200px;
}
div.popup div.simplepanel div.fieldset {
  margin-top: 0;
}
div.popup div.simplepanel div.fieldset div.legend {
  margin-bottom: 10px;
}
div.popup div.simplepanel .closePopup {
  line-height: 14px;
}

div.popup div.topbuttons,
div.section div.topbuttons {
  padding: 0;
  float: right;
  margin: 3px -10px 0 0;
  overflow: hidden;
}

/*
window popup type
*/
div.popup.window.shadow,
div.popup.dialog.shadow {
  -webkit-box-shadow: -7px 2px 10px -7px #606060, 4px -3px 10px -4px #606060;
  box-shadow: -7px 2px 10px -7px #606060, 4px -3px 10px -4px #606060;
}

div.popup.window > div.top,
div.popup.dialog > div.top,
div.section.window > div.top,
div.my-account > div.top {
  height: 31px;
  padding: 0;
}

div.popup.window > div.top,
div.popup.dialog > div.top,
div.section.window > div.top,
div.my-account > div.top {
  background: none;
}
.light-theme div.popup.window > div.top,
.light-theme div.popup.dialog > div.top,
.light-theme div.section.window > div.top,
.light-theme div.my-account > div.top {
  background-color: #000;
}
.dark-theme div.popup.window > div.top,
.dark-theme div.popup.dialog > div.top,
.dark-theme div.section.window > div.top,
.dark-theme div.my-account > div.top {
  background-color: #404040;
}

div.popup.window > div.top div.topleft,
div.popup.dialog > div.top div.topleft,
div.section.window > div.top div.topleft,
div.my-account > div.top div.topleft {
  height: 31px;
  padding: 0;
  margin-right: 18px;
  width: 50px;
  float: left;
}

div.popup.window > div.top div.toptitle,
div.popup.dialog > div.top div.toptitle,
div.section.window > div.top div.toptitle,
div.my-account > div.top div.toptitle {
  font-size: 13.2px;
  line-height: 31px;
  height: 31px;
  float: left;
  margin-left: -40px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  letter-spacing: 0.9pt;
}
.light-theme div.popup.window > div.top div.toptitle,
.light-theme div.popup.dialog > div.top div.toptitle,
.light-theme div.section.window > div.top div.toptitle,
.light-theme div.my-account > div.top div.toptitle {
  color: #fff;
}
.dark-theme div.popup.window > div.top div.toptitle,
.dark-theme div.popup.dialog > div.top div.toptitle,
.dark-theme div.section.window > div.top div.toptitle,
.dark-theme div.my-account > div.top div.toptitle {
  color: #fff;
}
.brand.killik div.popup.window > div.top div.toptitle,
.brand.killik div.popup.dialog > div.top div.toptitle,
.brand.killik div.section.window > div.top div.toptitle,
.brand.killik div.my-account > div.top div.toptitle {
  font-family: adobe-garamond-pro-n4, adobe-garamond-pro, garamond-premier-pro-display, "Times New Roman", Times, Cambria, serif;
  text-transform: none;
}

div.popup.dialog > div.top div.toptitle {
  margin-left: -9px;
}

div.popup.window > div.top div.topright,
div.popup.dialog > div.top div.topright,
div.section.window > div.top div.topright,
div.my-account > div.top div.topright {
  height: 31px;
  padding: 0;
  width: 10px;
  float: right;
}

div.popup.window > div.middle,
div.section.window > div.middle {
  border-bottom: none;
  border-top: none;
  margin: 0;
}
.light-theme div.popup.window > div.middle,
.light-theme div.section.window > div.middle {
  border: 1px solid #666;
}
.dark-theme div.popup.window > div.middle,
.dark-theme div.section.window > div.middle {
  border: 1px solid #404040;
}

div.popup.window > div.bottom,
div.popup.dialog > div.bottom,
div.section.window > div.bottom {
  padding: 0;
  height: 7px;
  border-top: 0;
}
.light-theme div.popup.window > div.bottom,
.light-theme div.popup.dialog > div.bottom,
.light-theme div.section.window > div.bottom {
  border: 1px solid #666;
}
.dark-theme div.popup.window > div.bottom,
.dark-theme div.popup.dialog > div.bottom,
.dark-theme div.section.window > div.bottom {
  border: 1px solid #404040;
}
.light-theme div.popup.window > div.bottom,
.light-theme div.popup.dialog > div.bottom,
.light-theme div.section.window > div.bottom {
  background-color: #fafafa;
}
.dark-theme div.popup.window > div.bottom,
.dark-theme div.popup.dialog > div.bottom,
.dark-theme div.section.window > div.bottom {
  background-color: #1a1a1a;
}

div.popup.window > div.bottom div.bottomleft,
div.popup.dialog > div.bottom div.bottomleft,
div.section.window > div.bottom div.bottomleft {
  height: 8px;
  width: 7px;
  float: left;
}

div.popup.window > div.bottom div.bottomright,
div.popup.dialog > div.bottom div.bottomright,
div.section.window > div.bottom div.bottomright {
  height: 8px;
  width: 7px;
  float: right;
}

/*
small window popup type
*/
div.popup.window.small > div.top {
  height: 42px;
  margin: 0 7px;
  padding: 0;
}

div.popup.window.small > div.top div.topleft {
  height: 42px;
  margin: 0 0 0 -7px;
  padding: 0;
  width: 32px;
  float: left;
}

div.popup.window.small > div.top div.topright {
  height: 42px;
  margin: 0 -7px 0 0;
  padding: 0;
  width: 10px;
  float: right;
}

div.popup.window.small div.topbuttons {
  margin-top: 2px;
}

div.popup.window.small > div.bottom {
  padding: 0;
  margin: 0 7px;
  height: 7px;
}
.light-theme div.popup.window.small > div.bottom {
  border: 1px solid #666;
}
.dark-theme div.popup.window.small > div.bottom {
  border: 1px solid #404040;
}
.light-theme div.popup.window.small > div.bottom {
  background-color: #fff;
}
.dark-theme div.popup.window.small > div.bottom {
  background-color: #000;
}

div.popup.window.small > div.bottom div.bottomleft {
  height: 8px;
  width: 7px;
  float: left;
  margin: 0 0 0 -7px;
}

div.popup.window.small > div.bottom div.bottomright {
  height: 8px;
  width: 7px;
  float: right;
  margin: 0 -7px 0 0;
}

/* dialog popup type */
div.popup.dialog > div.middle {
  margin: 0;
  overflow: hidden;
}

div.popup.dialog > div.middle div.content {
  margin: 0;
}

.light-theme div.popup.dialog > div.middle div.content form {
  background-color: #fff;
}
.dark-theme div.popup.dialog > div.middle div.content form {
  background-color: #000;
}

div.popup.dialog > div.bottom {
  display: none;
}

div.popup.dialog > div.bottom div.bottomleft {
  height: 8px;
  width: 10px;
  float: left;
}

div.popup.dialog > div.bottom div.bottomright {
  height: 8px;
  width: 10px;
  float: right;
}

/*
Small dialog popup type
*/
div.popup.dialog.small {
  font-size: 0.8em; /* to allow box shadow to be rendered correctly at corners */
  border-radius: 6px; /* to allow box shadow to be rendered correctly at corners */
}

div.popup.dialog.small.shadow {
  -webkit-box-shadow: 0 0 15px 4px #e0e0e0;
  box-shadow: 0 0 15px 4px #e0e0e0;
}

div.popup.dialog.small div.topbuttons {
  padding: 0;
  float: right;
  margin: 0 -10px 0 0;
}

div.popup.dialog.small > div.top {
  background: url("Style/images/popup/smalldialog/popup-dialog-sml-banner-bg.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc") 0 0 repeat-x;
  margin: 0 5px 0 5px;
  height: 40px;
  padding: 0;
}

div.popup.dialog.small > div.top div.topleft {
  background: url("Style/images/popup/smalldialog/popup-dialog-sml-banner-top-left.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc") 0 0 no-repeat;
  height: 40px;
  margin: 0 0 0 -6px;
  padding: 0;
  width: 33px;
  float: left;
}

div.popup.dialog.small > div.top div.toptitle {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 36px;
  float: left;
  margin-left: 11px;
  overflow: hidden;
}
.light-theme div.popup.dialog.small > div.top div.toptitle {
  color: #000;
}
.dark-theme div.popup.dialog.small > div.top div.toptitle {
  color: #404040;
}

div.popup.dialog.small > div.top div.topright {
  background: url("Style/images/popup/smalldialog/popup-dialog-sml-banner-top-right.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc") 0 0 no-repeat;
  height: 40px;
  margin: 0 -6px 0 0;
  padding: 0;
  width: 8px;
  float: right;
}

div.popup.dialog.small > div.middle {
  padding: 0;
  overflow: hidden;
  margin: 0 -1px 0 -1px;
  background-image: url("Style/images/popup/smalldialog/popup-dialog-sml-middle-bg.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc");
  background-position: 0 0;
  background-repeat: repeat-y;
}
.light-theme div.popup.dialog.small > div.middle {
  background-color: #fff;
}
.dark-theme div.popup.dialog.small > div.middle {
  background-color: #000;
}

div.popup.dialog.small > div.middle div.middletop {
  display: none;
}

div.popup.dialog.small > div.middle div.content {
  padding: 5px;
  margin: 0 0 0 0;
  background: none;
  background-image: url("Style/images/popup/smalldialog/popup-dialog-sml-middle-bg.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc");
  background-position: 100% 0;
  background-repeat: repeat-y;
}

div.popup.dialog.small > div.bottom {
  background: url("Style/images/popup/smalldialog/popup-dialog-sml-bottom-bg.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc") 0 100% repeat-x;
  padding: 0;
  margin: 0 3px 0 3px;
  height: 7px;
}
.light-theme div.popup.dialog.small > div.bottom {
  background-color: #fff;
}
.dark-theme div.popup.dialog.small > div.bottom {
  background-color: #000;
}

div.popup.dialog.small > div.bottom div.bottomleft {
  background: url("Style/images/popup/smalldialog/popup-dialog-sml-bottom-left.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc") 0% 100% no-repeat;
  height: 8px;
  width: 7px;
  float: left;
  margin: 0 0 0 -4px;
}

div.popup.dialog.small > div.bottom div.bottomright {
  background: url("Style/images/popup/smalldialog/popup-dialog-sml-bottom-right.png?v=jgu_gocc2ZOd1ZCuyBS3N8joNuc") 100% 100% no-repeat;
  height: 8px;
  width: 7px;
  float: right;
  margin: 0 -4px 0 0;
}

div.popup div.middle {
  padding: 0;
  overflow: hidden;
  margin: -15px 0 0 0;
  /*border:solid 1px red;*/
}

/*
minimised
*/
div.popup.min div.middle {
  display: none;
}

div.popup.min div.bottom {
  display: none;
}

/*
content
*/
div.popup div.content,
div.section div.content {
  padding: 1px;
  height: 100%;
}
.light-theme div.popup div.content,
.light-theme div.section div.content {
  background-color: #fff;
}
.dark-theme div.popup div.content,
.dark-theme div.section div.content {
  background-color: #000;
}

div.popup div.content div.title,
div.section div.content div.title {
  font-weight: bold;
  font-size: 1.4em;
}

div.popup div.content div.panel,
div.section div.content div.panel {
  margin: 10px 0;
  padding: 15px;
  border-radius: 6px;
}
.light-theme div.popup div.content div.panel,
.light-theme div.section div.content div.panel {
  border: 1px solid #333;
}
.dark-theme div.popup div.content div.panel,
.dark-theme div.section div.content div.panel {
  border: 1px solid #fff;
}
.light-theme div.popup div.content div.panel,
.light-theme div.section div.content div.panel {
  background-color: #fff;
}
.dark-theme div.popup div.content div.panel,
.dark-theme div.section div.content div.panel {
  background-color: #000;
}

div.popup div.content div.panel > div,
div.section div.content div.panel > div {
  margin: 10px 0 0 0;
}

div.popup div.content div.panel h2,
div.section div.content div.panel h2 {
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: solid 1px #A0A0A0;
  margin: -15px -15px 0 -15px;
  padding: 5px 15px 5px 15px;
}
.light-theme div.popup div.content div.panel h2,
.light-theme div.section div.content div.panel h2 {
  color: #333;
}
.dark-theme div.popup div.content div.panel h2,
.dark-theme div.section div.content div.panel h2 {
  color: #ccc;
}
.light-theme div.popup div.content div.panel h2,
.light-theme div.section div.content div.panel h2 {
  background-color: #e6e6e6;
}
.dark-theme div.popup div.content div.panel h2,
.dark-theme div.section div.content div.panel h2 {
  background-color: #4D4D4D;
}

/*--bubble-red--*/
div.popup div.content div.bubble {
  border: solid 1px #a0a0a0;
  margin: 10px 0;
  padding: 15px;
  border-radius: 6px;
}
.light-theme div.popup div.content div.bubble {
  background-color: #fff;
}
.dark-theme div.popup div.content div.bubble {
  background-color: #000;
}

div.popup div.content div.bubble.red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(50%, #f3c3c1), color-stop(100%, #fff));
}
.light-theme div.popup div.content div.bubble.red {
  color: #333;
}
.dark-theme div.popup div.content div.bubble.red {
  color: #ccc;
}

div.popup div.content div.bubble p {
  margin: 5px 0;
  font-size: 0.95em;
}

/*--modal mask--*/
div.mask {
  position: absolute;
  top: 0px;
  left: 0;
  padding: 0;
}

div.maskopacity {
  border: solid 4px rgb(50, 50, 50);
  border-radius: 6px;
  background-color: rgb(50, 50, 50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
  filter: alpha(opacity=60); /* IE 6-7 */
  opacity: 0.6; /* IE9+,Firefox,Chrome */
}

/*--modal mask in my account has white background--*/
#accountRightPanel .mask {
  border: 1px;
}

/*--top left icons--*/
div.popup div.topleft > div {
  height: 31px;
  width: 31px;
  margin: 0px 0 0 5px;
}

/*--top left icons SMALL--*/
div.popup.small div.topleft > div {
  height: 32px;
  width: 32px;
  margin: 0;
}

div.popup div.topleft div.warning {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") 0 0 no-repeat;
}

div.popup div.topleft div.trade {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -31px 0 no-repeat;
}

div.popup div.topleft div.order {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -202px 0 no-repeat;
}

div.popup div.topleft div.settings {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -64px 0 no-repeat;
}

div.popup div.topleft div.info {
  background: url("Style/images/popup/icons/info-icon.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") 0 0 no-repeat;
}

div.popup div.topleft div.success {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -135px 0 no-repeat;
}

div.popup div.topleft div.error {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -168px 0 no-repeat;
}

div.popup div.topleft div.watchlist {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -236px 0 no-repeat;
}

div.popup div.topleft div.closePosition {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -304px 0 no-repeat;
}

div.popup div.topleft div.editPosition {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -273px 0 no-repeat;
}

div.popup div.topleft div.chart {
  background: url("Style/images/popup/icons/popup-icons-sml-v4.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") -338px 2px no-repeat;
}

/*
info bubbles
*/
#dynamicInfoBubble {
  z-index: 999997 !important;
}

div.infobubble {
  display: none;
  position: absolute;
  top: 300px;
  left: 500px;
  width: 340px;
  box-shadow: 0 0 5px #aaa;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 5px #aaa;
}
.light-theme div.infobubble {
  background-color: #fff;
}
.dark-theme div.infobubble {
  background-color: #000;
}
.light-theme div.infobubble {
  border: 1px solid #333;
}
.dark-theme div.infobubble {
  border: 1px solid #ccc;
}

div.infobubble div.top {
  height: 27px;
  width: 340px;
  padding-left: 5px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.light-theme div.infobubble div.top {
  border-bottom-color: #333;
}
.dark-theme div.infobubble div.top {
  border-bottom-color: #ccc;
}

div.infobubble div.middle {
  padding: 1px 5px 4px;
}

div.infobubble div.middle p {
  margin: 8px 0 12px 0;
}

div.infobubble div.middle ul {
  margin: 10px 0 30px 0;
  background-color: #75bec0;
}

div.infobubble div.middle ul li {
  padding: 5px 5px;
  margin: 0;
  list-style-type: none;
}

div.infobubble div.bottom {
  height: 0;
  width: 340px;
}

.ui-datepicker {
  display: none;
}

/* High Resolution devices*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  div.popup div.topleft div.info {
    background: url("Style/images/popup/icons/info-icon@2x.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") 0 0 no-repeat;
    background-size: 32px 32px;
    -webkit-background-size: 32px 32px;
  }
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/popup.css.map */
ul.treeCheckbox li {
  list-style-type: none;
  margin-bottom: 3px;
  width: 150px;
}

ul.treeCheckbox li ul li {
  margin-left: 20px;
}

ul.treeCheckbox li input[type=checkbox] {
  margin-top: 0;
  vertical-align: bottom;
  position: relative;
  margin-bottom: 0;
  padding: 0;
  top: -1px;
}

ul.treeCheckbox span.topBox {
  padding: 2px 0 2px 0;
}

ul.treeCheckbox span.topBox input[type=checkbox] {
  margin: 0 3px;
}

ul.treeCheckbox span.semiChecked {
  background-color: #A0A0A0;
}

ul.doubleColumn {
  width: 410px;
}

ul.doubleColumn li {
  float: left;
  width: 180px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/treeCheckbox.css.map */
body.FinsWebsite,
body.SportsWebsite {
  background-color: #000;
}

div.container {
  margin: 0 auto;
  width: 500px;
}

div.container div.header {
  margin: 10px 0 0;
  padding: 0;
  height: 45px;
}

div.header div.logo {
  background: url("Style/images/logo-spreadex.png?v=O_1gHZAEG1xAUixYaLOFrquOlD8") no-repeat;
  width: 182px;
  height: 36px;
  margin-left: 8px;
}

html.svg div.header div.logo {
  background: url("Style/images/logo.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8") no-repeat;
}

div.section {
  padding: 0;
  margin: 0;
}

div.section.window > div.bottom div.bottomleft {
  height: 8px;
  width: 7px;
  float: left;
}

div.section.window > div.bottom div.bottomright {
  height: 8px;
  width: 7px;
  float: right;
}

#clientDetWrapper {
  margin: 10px;
}

#clientDetWrapper p.title {
  font-weight: bold;
  margin: 5px 0;
}

#clientDetWrapper div.input-wrapper {
  position: relative;
  margin: 15px 0;
}

#clientDetWrapper div.buttons {
  margin-bottom: 15px;
}

div.section.window > div.middle,
div.section.window > div.bottom,
div.container div.section div.content {
  position: relative;
  background-color: #fff;
  color: #333;
  border: 0;
}

div.section.window > div.top div.toptitle {
  margin-left: -64px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/forgotPassword.css.map */
body.ipad {
  width: 1024px;
  height: 786px;
}

body.portrait {
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: top left;
}

body.landscape {
  -webkit-transform: scale(1);
  -webkit-transform-origin: top left;
}

body.ipad #watchlists li input {
  width: 115px;
}

div.toggleDrag {
  position: absolute;
  top: 5px;
  background: url("Style/images/home/banner/windowdrag-bg.png") 0% 0% no-repeat;
  width: 197px;
  height: 26px;
  font-size: 9pt;
  font-weight: bold;
  left: 555px;
}

div.toggleDrag input {
  position: relative;
  top: 2px;
}

div.toggleDrag input#dragOn {
  left: 114px;
}

div.toggleDrag input#dragOff {
  left: 129px;
}

body.ipad div#banner div.bannerbuttons {
  right: auto;
  left: 305px;
}

body.ipad div#banner div.account {
  right: auto;
  left: 765px;
}

body.ipad div.grid table {
  table-layout: auto !important;
}

body.ipad div#search input {
  height: 14px;
}

body.ipad div#taskBar {
  left: 240px;
  right: 0px !important;
  width: 300px;
}

body.ipad ul.groupButtons li {
  float: right;
}

input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

body.ipad div.acct.right div.body {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/iPad.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
.login-popup {
  padding: 0 55px;
}

.login-popup .label {
  margin: 2px 0;
}

.login-popup input[type=text],
.login-popup input[type=password] {
  width: 100%;
  margin: 4px 0;
}

.login-popup .remember-me-container {
  margin: 10px 0;
}

.login-popup .loginBtn {
  text-align: center;
  margin-top: 5px;
}

.login-button {
  font-size: 1.1em;
  border: 0px;
  color: #fff;
  width: 100px;
  height: 24px;
  cursor: pointer;
  font-family: "Century Gothic", "Century Gothic W01", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.9pt;
}
.light-theme .login-button {
  background-color: #c02f37;
}
.dark-theme .login-button {
  background-color: #E63740;
}

.login-button:hover {
  cursor: pointer;
  background-color: #008290;
}

.login-popup .forgot-password {
  display: inline-block;
  margin: 2px 0 5px;
}

.login-popup .warning-text {
  margin: 2px 0 0 23px;
  display: block;
  font-size: 0.8em;
  color: gray;
}

.invalidLogin {
  text-align: center;
  display: none;
}

.invalidLogin p {
  margin: 10px 0;
}

.invalidLogin p.title {
  margin: 5px 0;
  font-weight: bold;
}

div.popup.login div.simplepanel {
  padding: 4px 6px;
}

div.popup.login > div.top div.toptitle {
  margin-left: -40px;
  margin-top: 0px;
}

.login-popup-container {
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  background-color: #fff;
  color: #333;
  margin: 0;
  padding: 0;
}
.login-popup-container div.title {
  background-color: #000;
  padding: 0 0 0 15px;
  font-size: 13.2px;
  line-height: 44px;
  height: 44px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Century Gothic", "Century Gothic W01", sans-serif;
  letter-spacing: 0.9pt;
  margin-bottom: 10px;
}
.login-popup-container div .buttons input[type=button], .login-popup-container div.buttons input[type=submit] {
  padding: 0;
}
.login-popup-container .login-popup, .login-popup-container .invalidLogin {
  padding: 0 40px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/login.css.map */
/*  Trading Preferences
------------------------------------*/
form#tradingPreferences div.body.tradingPref {
  overflow: visible;
}
form#tradingPreferences div.body.tradingPref label > input[type=radio],
form#tradingPreferences div.body.tradingPref label > input[type=checkbox] {
  vertical-align: -2px;
}
form#tradingPreferences div.body.tradingPref h3 label.floatLeft {
  width: 438px;
  padding: 0 6px 0 0;
  display: inline-block;
}

form#tradingPreferences div.body.tradingPref div.resizable {
  overflow: auto;
}

form#tradingPreferences div.body .button-group {
  margin-top: 10px;
}

#sportsAccountSummaryDisplayOptions .label {
  display: inline-block;
  margin-left: 50px;
  width: 200px;
}
#sportsAccountSummaryDisplayOptions .userAccount,
#sportsAccountSummaryDisplayOptions .allAccounts {
  display: inline-block;
  width: 100px;
  text-align: center;
}

.oneClickTrading fieldset {
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.oneClickTrading legend {
  padding: 0 10px;
  color: #999;
  text-transform: none;
}
.oneClickTrading .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.oneClickTrading .dont-show-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/tradingPreferences.css.map */
@charset "UTF-8";
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
.withdraw-container {
  margin-left: 10px;
}

div#withdrawFundsPanel .cardControls .input-wrapper {
  /*font-size: $modal-content-text-size;*/
  font-weight: normal;
  /*background-color: #00ff00;

  .styledSelectOption ul {
      background-color: #00ff00;
  }*/
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelectWrap {
  width: 200px;
  padding: 5px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect {
  /*background-color: #ff0000;*/
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="4"]:before, div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="9"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaCredit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="5"]:before, div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="10"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaDebit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="2"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Delta.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="1"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Maestro.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="3"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="8"]:before { /*CardTypes.MastercardDebit*/
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[ident="6"] {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Solo.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[methodType="4"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/ApplePay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div.styledSelect[methodType="5"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/GPay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 50px 50px;
  background-position-x: -8px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li {
  /*background-color: #ff0000;*/
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="4"]:before, div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="9"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaCredit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="5"]:before, div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="10"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaDebit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="2"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Delta.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="1"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Maestro.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="3"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="8"]:before { /*CardTypes.MastercardDebit*/
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[ident="6"] {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Solo.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[methodType="4"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/ApplePay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li[methodType="5"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/GPay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 50px 50px;
  background-position-x: -8px;
}
div#withdrawFundsPanel .cardControls .input-wrapper div .styledSelect, div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div#withdrawFundsPanel .cardControls .input-wrapper div .styledSelect img, div#withdrawFundsPanel .cardControls .input-wrapper .styledSelectOption li img {
  display: inline-block;
  max-height: 30px;
  max-width: 40px;
}

div#withdrawFundsPanel .instantTransferControls .input-wrapper {
  /*font-size: $modal-content-text-size;*/
  font-weight: normal;
  /*background-color: #00ff00;

  .styledSelectOption ul {
      background-color: #00ff00;
  }*/
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelectWrap {
  width: 200px;
  padding: 5px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect {
  /*background-color: #ff0000;*/
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="4"]:before, div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="9"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaCredit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="5"]:before, div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="10"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaDebit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="2"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Delta.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="1"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Maestro.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="3"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="8"]:before { /*CardTypes.MastercardDebit*/
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[ident="6"] {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Solo.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[methodType="4"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/ApplePay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div.styledSelect[methodType="5"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/GPay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 50px 50px;
  background-position-x: -8px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li {
  /*background-color: #ff0000;*/
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="4"]:before, div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="9"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaCredit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="5"]:before, div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="10"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/VisaDebit.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="2"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Delta.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="1"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Maestro.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="3"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="8"]:before { /*CardTypes.MastercardDebit*/
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Mastercard.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[ident="6"] {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/Solo.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[methodType="4"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/ApplePay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 30px 30px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li[methodType="5"]:before {
  content: " ";
  display: inline-block;
  line-height: 30px;
  padding-left: 36px;
  background: url(Style/images/icons/payments/GPay.svg?v=O_1gHZAEG1xAUixYaLOFrquOlD8) no-repeat 0px center;
  background-size: 50px 50px;
  background-position-x: -8px;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div .styledSelect, div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div#withdrawFundsPanel .instantTransferControls .input-wrapper div .styledSelect img, div#withdrawFundsPanel .instantTransferControls .input-wrapper .styledSelectOption li img {
  display: inline-block;
  max-height: 30px;
  max-width: 40px;
}

.button-container {
  text-align: center;
  width: 100%;
  margin-top: 40px;
}

.confirm-title {
  margin-left: 12px;
  margin-top: 12px;
  display: block;
}

/*******Pending Withdrawals********/
#pendingWithdrawalsPanel {
  position: fixed;
  height: 100%;
  padding-left: 12px;
  padding-top: 12px;
}
#pendingWithdrawalsPanel.hidden {
  display: none;
}
#pendingWithdrawalsPanel p {
  margin-right: 20px;
}
#pendingWithdrawalsPanel .header {
  margin-right: 20px;
}
.light-theme #pendingWithdrawalsPanel .header table tr {
  background-color: #f5f5f5;
}
.dark-theme #pendingWithdrawalsPanel .header table tr {
  background-color: #333;
}
#pendingWithdrawalsPanel .header table tr th {
  letter-spacing: 0.9pt;
  height: 20px;
  line-height: 20px;
}
.light-theme #pendingWithdrawalsPanel .header table tr th {
  color: #000;
}
.dark-theme #pendingWithdrawalsPanel .header table tr th {
  color: #999;
}
#pendingWithdrawalsPanel .body {
  margin-right: 20px;
}
#pendingWithdrawalsPanel .body table, #pendingWithdrawalsPanel .body tr, #pendingWithdrawalsPanel .body th, #pendingWithdrawalsPanel .body td {
  background-color: transparent;
  border: 0px;
}
#pendingWithdrawalsPanel .body .date {
  color: #8d8d8d;
}
#pendingWithdrawalsPanel .body .amount {
  color: #168D99;
  font-weight: 800;
}
#pendingWithdrawalsPanel .body .cancel-btn-container {
  padding-right: 0;
  text-align: right;
  padding-left: 20px;
}

#pendingWithdrawalsDonePanel {
  padding-left: 10px;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/sports-black/Withdraw.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
body {
  height: 100%;
  height: 100vh;
}
body.light-theme {
  background-color: #fff;
  color: #333;
}
body.dark-theme {
  background-color: #000;
  color: #fff;
}

input[disabled], select[disabled], button[disabled], textarea[disabled] {
  opacity: 0.5;
}

input {
  padding: 4px;
}
.light-theme input {
  background-color: #fff;
}
.dark-theme input {
  background-color: #000;
}

input:not([type=submit]):not([type=button]), select, textarea {
  font-size: 13px;
  font-family: "Open Sans", Arial, Helvetica, Tahoma, Sans-Serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.light-theme input:not([type=submit]):not([type=button]), .light-theme select, .light-theme textarea {
  color: #333;
}
.dark-theme input:not([type=submit]):not([type=button]), .dark-theme select, .dark-theme textarea {
  color: #fff;
}
.light-theme input:not([type=submit]):not([type=button]), .light-theme select, .light-theme textarea {
  border: 1px solid #d9d9d9;
}
.dark-theme input:not([type=submit]):not([type=button]), .dark-theme select, .dark-theme textarea {
  border: 1px solid #333;
}

select {
  cursor: pointer;
  padding: 3px 6px;
}
.light-theme select {
  background-color: #fff;
}
.dark-theme select {
  background-color: #000;
}

label {
  padding: 6px;
}

legend {
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.9pt;
}

#accountRightPanel input[type=button], #accountRightPanel input[type=submit], #accountRightPanel a.btn-link {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-family: "Century Gothic", "Century Gothic W01", Futura, Arial, Helvetica, Tahoma, Sans-Serif;
  font-size: 13px;
  font-weight: bold;
  height: 44px;
  letter-spacing: 0.9pt;
  line-height: 16px;
  padding-left: 30px;
  padding-right: 30px;
  text-transform: uppercase;
}
.light-theme #accountRightPanel input[type=button], .light-theme #accountRightPanel input[type=submit], .light-theme #accountRightPanel a.btn-link {
  background-color: #168D99;
}
.dark-theme #accountRightPanel input[type=button], .dark-theme #accountRightPanel input[type=submit], .dark-theme #accountRightPanel a.btn-link {
  background-color: #00FFC8;
}
.light-theme #accountRightPanel input[type=button], .light-theme #accountRightPanel input[type=submit], .light-theme #accountRightPanel a.btn-link {
  color: #fff;
}
.dark-theme #accountRightPanel input[type=button], .dark-theme #accountRightPanel input[type=submit], .dark-theme #accountRightPanel a.btn-link {
  color: #000;
}
#accountRightPanel input[type=button]:hover, #accountRightPanel input[type=submit]:hover, #accountRightPanel a.btn-link:hover {
  color: white;
}
.light-theme #accountRightPanel input[type=button]:hover, .light-theme #accountRightPanel input[type=submit]:hover, .light-theme #accountRightPanel a.btn-link:hover {
  background-color: #00525B;
}
.dark-theme #accountRightPanel input[type=button]:hover, .dark-theme #accountRightPanel input[type=submit]:hover, .dark-theme #accountRightPanel a.btn-link:hover {
  background-color: #168D99;
}
#accountRightPanel input[type=button]:active, #accountRightPanel input[type=submit]:active, #accountRightPanel a.btn-link:active {
  opacity: 0.8;
}
#accountRightPanel input[type=button][disabled], #accountRightPanel input[type=submit][disabled], #accountRightPanel a.btn-link[disabled] {
  cursor: default;
}
#accountRightPanel a.btn-link {
  padding-top: 4px;
  padding-bottom: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

table tr td {
  border-left: none !important;
  border-right: none !important;
  vertical-align: middle;
}
.light-theme table tr td {
  border: 1px solid #d9d9d9;
}
.dark-theme table tr td {
  border: 1px solid #333;
}

.light-theme div.header table tr {
  background-color: #fff;
}
.dark-theme div.header table tr {
  background-color: #000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none;
}
.light-theme .ui-state-default, .light-theme .ui-widget-content .ui-state-default, .light-theme .ui-widget-header .ui-state-default {
  background-color: #ededed;
}
.dark-theme .ui-state-default, .dark-theme .ui-widget-content .ui-state-default, .dark-theme .ui-widget-header .ui-state-default {
  background-color: #1A1A1A;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: none;
  top: 1px;
}
.light-theme .ui-state-active, .light-theme .ui-widget-content .ui-state-active, .light-theme .ui-widget-header .ui-state-active {
  background-color: #fff;
}
.dark-theme .ui-state-active, .dark-theme .ui-widget-content .ui-state-active, .dark-theme .ui-widget-header .ui-state-active {
  background-color: #000;
}

*::-webkit-scrollbar {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}

*::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

*::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  height: 400px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.light-theme *::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.dark-theme *::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}

.titleCase {
  text-transform: capitalize;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/fins-dark/base.css.map */
/**
 * Themes enable switching between two (or more alternative) colours depending on the parent class.
 */
/**
    @param $side: left, right, bottom, top
*/
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/* See Conversions here: http://www.demacmedia.com/magento-commerce/magento-tutorials/mini-tutorial-accurately-translating-photoshop-values-css/ */
/**
 * @param $side: left, right, bottom, top
 */
.styledSelectWrap .s-hidden {
  position: relative;
  top: -1000px;
}

.styledSelectWrap {
  cursor: pointer;
  display: inline-block;
  position: relative;
  left: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.styledSelectBorder {
  position: absolute;
  top: 0px;
  right: -1px;
  bottom: 0px;
  left: 1px;
  border: 1px solid green;
}
.light-theme .styledSelectBorder {
  border-color: #d9d9d9;
}
.dark-theme .styledSelectBorder {
  border-color: #333;
}

.styledSelectBorder.active {
  border: 2px solid #93B5EC;
  top: -1px;
  right: -2px;
  bottom: -1px;
  left: 0px;
}

.styledSelect {
  position: absolute;
  top: 14%;
  right: 15px;
  bottom: 0;
  left: 4px;
  overflow: hidden;
}

.styledSelectBorder:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 5px 3px 5px 3px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  position: absolute;
  top: 40%;
  right: 4px;
}
.light-theme .styledSelectBorder:after {
  border-top-color: #000;
}
.dark-theme .styledSelectBorder:after {
  border-top-color: #fff;
}

.styledSelectOption {
  display: none;
  position: absolute;
  min-width: 99%;
  top: 100%;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #93B5EC;
}
.light-theme .styledSelectOption {
  background-color: #fff;
}
.dark-theme .styledSelectOption {
  background-color: #000;
}

.styledSelectOption li {
  padding: 4px 4px;
  margin: 0 0;
  overflow: hidden;
}

.styledSelect .grayed,
.styledSelectOption .grayed {
  color: gray;
}

.styledSelectOption li.active,
.styledSelectOption li.active .grayed,
.styledSelectOption li:hover,
.styledSelectOption li:hover .grayed {
  background-color: #3298ff;
  color: white;
}
/*# sourceMappingURL=/work/Source/MyAccount.Web/wwwroot/Style/themes/styledSelect.css.map */