@font-face {
  font-family: 'Open Sans';
  src: url("../ext/open-sans/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* MENU BAR */
/* MENU BAR HIGHLIGHT */
/* ACTION HOVER */
/* ACTION */
.custom-link {
  color: #407CA0;
}
.custom-link:hover, .custom-link:focus {
  color: #3D4051;
}
.custom-link.disabled {
  color: rgba(16, 24, 31, 0.3);
}

.custom-button, .custom-button-primary, .dropdown-toggle:hover, .dropdown-toggle:active {
  background-color: #FFFFFF;
  border-color: #407CA0;
  color: #407CA0;
}
.custom-button:hover, .custom-button-primary:hover, .dropdown-toggle:hover {
  border-color: #3D4051;
  color: #3D4051;
}
.custom-button:active, .custom-button-primary:active, .dropdown-toggle:active {
  background-color: #3D4051;
  border-color: #3D4051;
  color: #FFFFFF;
}
.custom-button.disabled, .disabled.custom-button-primary, .disabled.dropdown-toggle:hover, .disabled.dropdown-toggle:active, .custom-button.disabled:focus, .disabled.custom-button-primary:focus, .disabled.dropdown-toggle:focus:hover, .disabled.dropdown-toggle:focus:active, .custom-button.disabled:focus, .disabled.custom-button-primary:focus, .disabled.dropdown-toggle:focus:hover, .disabled.dropdown-toggle:focus:active {
  background-color: #FFFFFF !important;
  border-color: rgba(16, 24, 31, 0.3) !important;
  color: rgba(16, 24, 31, 0.3) !important;
}

.custom-button-primary, .dropdown-toggle:hover, .dropdown-toggle:active {
  background-color: #407CA0;
  color: #FFFFFF;
}
.custom-button-primary:hover, .dropdown-toggle:hover {
  background-color: #3D4051;
  border-color: #3D4051;
  color: #FFFFFF;
}
.custom-button-primary:active, .dropdown-toggle:active {
  background-color: #FFFFFF;
  border-color: #3D4051;
  color: #3D4051;
}
.custom-button-primary.disabled, .disabled.dropdown-toggle:hover, .disabled.dropdown-toggle:active, .custom-button-primary.disabled:focus, .disabled.dropdown-toggle:focus:hover, .disabled.dropdown-toggle:focus:active, .custom-button-primary.disabled:focus, .disabled.dropdown-toggle:focus:hover, .disabled.dropdown-toggle:focus:active {
  background-color: rgba(16, 24, 31, 0.3) !important;
  border-color: rgba(16, 24, 31, 0.3) !important;
  color: #FFFFFF !important;
}

.custom-action-button {
  color: #407CA0;
}
.custom-action-button:hover, .custom-action-button:focus {
  background-color: #407CA0;
  color: #FFFFFF;
}
.custom-action-button:hover .icon-common, .custom-action-button:focus .icon-common {
  color: #FFFFFF;
}

.dropdown-toggle {
  border-color: #407CA0;
  color: #407CA0;
}
.dropdown-toggle:hover, .dropdown-toggle:active {
  background-color: #407CA0 !important;
  border-color: #407CA0 !important;
  color: #FFFFFF !important;
}
.dropdown-toggle:focus {
  background-color: #FFFFFF !important;
  border-color: #407CA0 !important;
  color: #407CA0 !important;
}
.dropdown-toggle.active, .dropdown-toggle .open > .dropdown-toggle.btn-default {
  background-color: #FFFFFF !important;
  border-color: #3D4051 !important;
  color: #3D4051 !important;
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
  background-color: #407CA0;
  border-color: #3D4051;
}

.toggle.ios .toggle-handle {
  border-color: #3D4051;
}

.btn-primary {
  background-color: #407CA0;
}
.btn-primary:hover {
  background-color: #3D4051;
}

.directory-button, .certificate-button {
  border-color: #407CA0;
  color: #407CA0;
}
.directory-button:hover, .directory-button:active, .directory-button:focus, .certificate-button:hover, .certificate-button:active, .certificate-button:focus {
  background-color: #FFFFFF;
  border-color: #3D4051;
  color: #3D4051;
}

html, body {
  font-family: "Open Sans", sans-serif;
}

BODY {
  background-color: #FFFFFF;
}

#log-in-container {
  background-image: url("assets/images/spark/login_background_1920x1080.jpg");
}
#log-in-container .form-control:focus {
  border-color: #407CA0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #407CA0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #407CA0;
}
#log-in-container h1#log-in-branding {
  color: #FFFFFF;
}
#log-in-container #log-in-branding {
  background-color: #3D4051;
}
#log-in-container #log-in-brand-logo {
  background-image: url("assets/images/spark/logo_white_text.svg");
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 31px;
  width: 92px;
  top: 50%;
}
#log-in-container #log-in-application-name:after {
  content: "WebTrader";
}
#log-in-container #welcome-message {
  color: #555559;
}
#log-in-container #log-in-form-content {
  background-color: #FFFFFF;
}

/************************* Login page header *************************/
#log-in-header {
  background-color: #3D4051;
  color: #FFFFFF;
}
#log-in-header a {
  color: #FFFFFF;
}
#log-in-header #log-in-header-link-container #log-in-header-logo {
  background-image: url("assets/images/spark/logo_white_text.svg");
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 31px;
  width: 92px;
  top: 50%;
}

/************************* Login page footer *************************/
#log-in-footer {
  background-color: #FFFFFF;
}

/*************************************** High Contrast Mode *********************************************/
.high-contrast-log-in-logo #log-in-brand-logo {
  background: none !important;
}
.high-contrast-log-in-logo #log-in-brand-logo:after {
  content: "Axway" !important;
}

/*# sourceMappingURL=login_skin.css.map */