/* theme.css - this file should contain nothing but color and logo definitions */

#naaf-a01-FName::-ms-clear {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

body {
  color: #333333;
}

.logo {
  background: no-repeat url('/desktop/images/logo.png?v=1') !important;
  width: 141px;
  height: 30px;
}

.logo-container {
  background-color: #00578e;
}

.dialog-header {
  background-color: #00578e;
  color: white;
}

.dialog-close i {
  color: #ccdde8;
}

.dialog-close i:hover {
  color: white;
}

.dialog-overlay,
.outside-dialog {
  background-color: #333333;
}

.search-container input {
  background-color: #f6f6f6;
  color: #cccccc;
}

.search-container .btn {
  background-color: #999999;
  color: #ffffff;
}

.search-container .btn:hover {
  background-color: #666666;
}

.sidebar,
.fixed-header,
.table_master_page thead,
.table_master_dialog thead,
.vue-table thead {
  background-color: #333333;
  color: #999999;
}

.fixed-header {
  color: white;
}

.sidebar-header {
  color: #999999;
  border-color: #999999;
}

.sidebar a,
.table_master_page thead,
.table_master_dialog thead {
  color: #cccccc;
}

.sidebar .nav > li > a:hover {
  color: #ffffff;
  background: #669abb;
}

.sidebar .nav > li > a:focus {
  color: #cccccc;
  background-color: #333333;
  outline: none;
}

.jstree-default .jstree-wholerow-hovered {
  background: #669abb;
}

.jstree-anchor.jstree-clicked,
.jstree-anchor.jstree-hovered {
  color: #ffffff;
}

.sidebar .active a,
.sidebar .nav > li.active > a:hover,
.sidebar .nav > li.active > a:focus,
.sidebar .nav > li.active > a:active,
.jstree-default .jstree-wholerow-clicked {
  color: #ffffff;
  background: #007bb6;
}

.sidebar .active .badge {
  background-color: #ffffff;
  color: #007bb6;
}

/*
  a:hover,
  a:focus {
    color: #003F72;
  }
  */

.nav-tabs a {
  color: #00578e;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #00a3d6;
  background-color: white;
  border-color: transparent;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #00a3d6;
  border-color: #00a3d6;
}

.nav-pills > li > a {
  color: #00578e;
  border-color: #cccccc;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #007bb6;
  border-color: #669abb;
  background-color: #f5fbff;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  background-color: #00578e;
}

.nav-pills > .active .badge {
  background-color: #ffffff;
  color: #00578e;
}

label,
.sub-header {
  color: #666666;
}

.fixed-header label {
  color: #cccccc;
}

.positive,
.success {
  color: #98a805;
}

.negative,
.error {
  color: #c24d52;
}

.zero {
  color: #7f9fb8;
}

.btn,
.btn .dropdown-toggle {
  background-color: #00578e;
  color: white;
}

.btn .caret {
  border-top-color: white;
}

.btn:hover,
.btn .dropdown-toggle:hover {
  background-color: #007bb6;
  color: white;
}

.btn:active,
.btn:focus,
.btn-group.open .btn.dropdown-toggle {
  background-color: #333333;
  color: white;
}

.btn.disabled,
.btn.disabled:hover,
.btn[disabled],
.btn[disabled]:hover {
  background-color: #eeeeee;
  color: #ffffff;
}

.brdr-top,
.brdr-bottom,
.brdr-left,
.brdr-right {
  border-color: #dddddd;
}

.brdr-top-summary,
.brdr-bottom-summary {
  border-color: #add1ee;
}

.bkgd-primary,
.bkgd-summ-order {
  background-color: white;
}

.bkgd-summary {
  background-color: #ccdde8;
}

.bkgd-summary label {
  color: #669abb;
}

.bkgd-summary span {
  color: #00578e;
}

.bkgd-error {
  background-color: #c24d52;
}

.font-error {
  color: #e0a6a8;
}

.font-error-text {
  color: white;
}

.bkgd-warning {
  background-color: #f9e7a2;
}

.font-warning {
  color: #f69240;
}

.complete-container {
  color: #2e231a;
}

.complete-check {
  color: #a8b400;
}

.highlight {
  background-color: #f9e7a2;
}

.descr-text {
  color: #a29a93;
}

/* IE 9, 10 & 11 */
/* Removed for Order Entry Headers */
/*@media screen and (min-width:0\0) { 
          .action-buy {
            border-color: #4B92DB;
          }
          
          .action-sell {
            border-color: #E0A6A8;
          }
          
          .action-switch {
            border-color: #A8B400;
          }
          
          .action-short {
            border-color: #FF77FF;
          }
  }*/

/*This will work for chrome only*/
/* Removed for Order Entry Headers */
/*@media all and (-webkit-min-device-pixel-ratio:0) {
          .action-buy {
            border-color: #4B92DB;
          }
          .action-sell {
            border-color: #E0A6A8;
          }
          
          .action-switch {
            border-color: #A8B400;
          }
          
          .action-short {
            border-color: #FF77FF;
          }
  }*/

.buy-tag {
  border-color: #4b92db;
}

.sell-tag {
  border-color: #e0a6a8;
}

.switch-tag {
  border-color: #a8b400;
}

.cash-tag {
  border-color: #f69240;
}

.eft-chq-tag {
  border-color: #5255a5;
}

.table_master .dropdown-toggle {
  background-color: #f6f5f2;
}

.list-separator {
  border-bottom-color: #eeeeee;
}

.master_tab_div_group {
  background-color: #f6f5f3;
  padding: 15px;
}

.master_tab_info_content {
  font-weight: bold;
  display: block;
  height: 1.18em;
}

.master_tab_info_content_no_block {
  height: 1.18em;
  font-weight: bold;
}

.master_tab_bold {
  font-weight: bold;
}

.well {
  background-color: #f5f5f5;
  border-color: #cccccc;
}

.well h5 {
  color: #00578e;
}

.acct-descr-tag {
  background-color: #666666;
  color: #cccccc;
}

.acct-stat-tag {
  background-color: #831616;
  color: #cccccc;
}

select,
textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
.uneditable-input,
.bkgd-summ-order span {
  color: #333333;
}

.form-actions,
.stacked-form-actions {
  border-top-color: #dddddd;
}

.flag_logo {
  width: 40px;
  height: 25px;
}

.australia_flag {
  background: no-repeat url('/desktop/images/australia_flag.png?v=1') !important;
  background-size: contain;
}

.canada_flag {
  background: no-repeat url('/desktop/images/canada_flag.png?v=1') !important;
  background-size: contain;
}

.germany_flag {
  background: no-repeat url('/desktop/images/germany_flag.png?v=1') !important;
  background-size: contain;
}

.europe_flag {
  background: no-repeat url('/desktop/images/europe_flag.png?v=1') !important;
  background-size: contain;
}

.france_flag {
  background: no-repeat url('/desktop/images/france_flag.png?v=1') !important;
  background-size: contain;
}

.hong_kong_flag {
  background: no-repeat url('/desktop/images/hong_kong_flag.png?v=1') !important;
  background-size: contain;
}

.japan_flag {
  background: no-repeat url('/desktop/images/japan_flag.png?v=1') !important;
  background-size: contain;
}

.sweden_flag {
  background: no-repeat url('/desktop/images/sweden_flag.png?v=1') !important;
  background-size: contain;
}

.mexico_flag {
  background: no-repeat url('/desktop/images/mexico_flag.png?v=1') !important;
  background-size: contain;
}

.new_zealand_flag {
  background: no-repeat url('/desktop/images/new_zealand_flag.png?v=1') !important;
  background-size: contain;
}

.uk_flag {
  background: no-repeat url('/desktop/images/uk_flag.png?v=1') !important;
  background-size: contain;
}

.switzerland_flag {
  background: no-repeat url('/desktop/images/switzerland_flag.png?v=1') !important;
  background-size: contain;
}

.america_flag {
  background: no-repeat url('/desktop/images/america_flag.png?v=1') !important;
  background-size: contain;
}

.czech_republic_flag {
  background: no-repeat url('/desktop/images/czech_republic_flag.png?v=1') !important;
  background-size: contain;
}

.indonesia_flag {
  background: no-repeat url('/desktop/images/indonesia_flag.png?v=1') !important;
  background-size: contain;
}

.norway_flag {
  background: no-repeat url('/desktop/images/norway_flag.png?v=1') !important;
  background-size: contain;
}

.south_africa_flag {
  background: no-repeat url('/desktop/images/south_africa_flag.png?v=1') !important;
  background-size: contain;
}

.fav {
  color: #e3e0dc;
}

.fav:hover {
  color: #8b8178;
}

.fav.favorited,
.fav.favorited:hover {
  color: #882345;
}

.dialog-pane {
  background-color: #f5f5f5;
}

.page-info-group {
  background-color: #f5f5f5;
}

.ajax-loader {
  background-color: #333333;
}

/* Buy */
.order_entry_buy {
  background-color: #ccdde8;
}

.order_entry_buy div label {
  color: #3c5980;
}

.order_entry_buy div span {
  color: #3c5980;
  font-weight: bold;
}

/* cross */
.order_entry_cross {
  background-color: #cca55d;
}

/* cross2 sell */
.order_entry_cross2sell {
  background-color: #fce6ef;
}

.order_entry_cross2sell div label {
  color: #333333;
  font-weight: bold;
}

.order_entry_cross2sell div span {
  color: #333333;
  font-weight: bold;
}

/* cross2 buy */
.order_entry_cross2buy {
  background-color: #ccdde8;
}

.order_entry_cross2buy div label {
  color: #333333;
  font-weight: bold;
}

.order_entry_cross2buy div span {
  color: #333333;
  font-weight: bold;
}

/* Sell */
.order_entry_sell {
  background-color: #ffd0cc;
}

.order_entry_sell div label {
  color: #9d1b1b;
}

.order_entry_sell div span {
  color: #9d1b1b;
  font-weight: bold;
}

/* Short Sell */
.order_entry_short {
  background-color: #eca2c1;
}

.order_entry_short div label {
  color: #831616;
}

.order_entry_short div span {
  color: #831616;
  font-weight: bold;
}

/* Switch */
.order_entry_switch {
  background-color: #c9f5b2;
}

.order_entry_switch div label {
  color: #00753b;
}

.order_entry_switch div span {
  color: #00753b;
  font-weight: bold;
}
