#login-form .greycolor, #forgot-password-form .greycolor, #reset-password-form-wrapper .greycolor {
  background-color: rgba(0, 0, 0, .5) !important;
  color: #fff !important;
  cursor: not-allowed !important;
  border: none;
}

#login, #forgot-password, #reset-password, #splash-screen, .show-loader {
  background-color: #2b4f6a;
}

#reset-password #reset-password-form-wrapper #reset-password-form{
  padding: 0 !important;
}
.md-select-menu-container {
width: 250px;
}

#reset-password-form form{
  padding: 0px 20px;
}
.trade-dialog #filters-form md-toolbar {
  background: white !important;
}
div#outstanding thead th {
  background-color: #0f305c !important;
}

p.maintenancemessage {
  color: #fff;
  font-size: 10pt;
  max-width: 380px;
  text-align: center;
  line-height: 1.5;
  word-break: break-word;
}
/*Widget Graph Font*/
.englishlanguage #forgot-password, .englishlanguage div#login-form-wrapper, .englishlanguage #reset-password-form-wrapper {
  /* background-image: url(../../../assets/images/logo-white.png), url(../../../assets/images/logo-icon-white.png), url(../../../assets/images/background.jpg); */
  background-size: 200px auto, 100px auto, 100% 100% !important;
  background-repeat: no-repeat;
  background-position: 3% 5%, 3% 95%;
}
.frenchlanguage #forgot-password, .frenchlanguage div#login-form-wrapper, .frenchlanguage #reset-password-form-wrapper {
 /*  background-image: url(../../../assets/images/logo-white-french.png), url(../../../assets/images/logo-icon-white.png), url(../../../assets/images/background.jpg); */
  background-size: 200px auto, 100px auto, 100% 100% !important;
  background-repeat: no-repeat;
  background-position: 3% 5%, 3% 95%;
}
.language-menu {
  float: right;
}
#two-factor-authentication button.link.forgot-password.md-accent-color.flex-100 {
  color: #fff !important;
}

#login #login-form-wrapper #login-form .title, #forgot-password-form .title, .changePasswordForm .title, #reset-password-form .title {
  color: #0f305c;
  font-weight: 500;
  margin-top: 25px;
}
#login #login-form-wrapper #login-form a.link.md-default-theme, #forgot-password-form a.link.md-default-theme, .changePasswordForm a.link.md-default-theme, #reset-password-form a.link.md-default-theme {
  color: #0f305c;
}
#login #login-form-wrapper #login-form h1, #forgot-password-form h1, .changePasswordForm h1, #reset-password-form h1 {
  color: #fff;
  font-size: 46px;
  margin-top: 0;
  text-align: left;
  padding-left: 20px;
  font-weight: bold;
  line-height: 1.4;
}
#login #login-form-wrapper #login-form p, #forgot-password-form p, .changePasswordForm p, #reset-password-form p {
  color: #c9c0de;
  text-align: left;
  padding-left: 20px;
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 13px;
  padding-right: 20px;
}

#login #login-form-wrapper #login-form md-input-container.md-default-theme.md-input-invalid .md-char-counter, #forgot-password-form md-input-container.md-default-theme.md-input-invalid .md-char-counter, .changePasswordForm md-input-container.md-default-theme.md-input-invalid .md-char-counter, #reset-password-form md-input-container.md-default-theme.md-input-invalid .md-char-counter, #login #login-form-wrapper #login-form md-input-container.md-input-invalid .md-char-counter, #forgot-password-form md-input-container.md-input-invalid .md-char-counter, .changePasswordForm md-input-container.md-input-invalid .md-char-counter, #reset-password-form md-input-container.md-input-invalid .md-char-counter, #login #login-form-wrapper #login-form md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, #forgot-password-form md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, .changePasswordForm md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, #reset-password-form md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, #login #login-form-wrapper #login-form md-input-container.md-input-invalid .md-input-message-animation, #forgot-password-form md-input-container.md-input-invalid .md-input-message-animation, .changePasswordForm md-input-container.md-input-invalid .md-input-message-animation, #reset-password-form md-input-container.md-input-invalid .md-input-message-animation, #login #login-form-wrapper #login-form md-input-container.md-default-theme.md-input-invalid label, #forgot-password-form md-input-container.md-default-theme.md-input-invalid label, .changePasswordForm md-input-container.md-default-theme.md-input-invalid label, #reset-password-form md-input-container.md-default-theme.md-input-invalid label, #login #login-form-wrapper #login-form md-input-container.md-input-invalid label, #forgot-password-form md-input-container.md-input-invalid label, .changePasswordForm md-input-container.md-input-invalid label, #reset-password-form md-input-container.md-input-invalid label {
  color: #d50000 !important;
}
#login #login-form-wrapper #login-form md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, #forgot-password-form md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, .changePasswordForm md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, #reset-password-form md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, #login #login-form-wrapper #login-form md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, #forgot-password-form md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, .changePasswordForm md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, #reset-password-form md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
  color: rgb(45,50,62);
  border-color: rgb(45,50,62);
}

#login #login-form-wrapper #login-form md-input-container.md-default-theme.md-input-invalid .md-input, #forgot-password-form md-input-container.md-default-theme.md-input-invalid .md-input, .changePasswordForm md-input-container.md-default-theme.md-input-invalid .md-input, #reset-password-form md-input-container.md-default-theme.md-input-invalid .md-input, #login #login-form-wrapper #login-form md-input-container.md-input-invalid .md-input, #forgot-password-form md-input-container.md-input-invalid .md-input, .changePasswordForm md-input-container.md-input-invalid .md-input, #reset-password-form md-input-container.md-input-invalid .md-input {
  border-color: #d50000 !important;
}
#login #login-form-wrapper #login-form .md-button.md-default-theme.md-accent.md-fab, #forgot-password-form .md-button.md-default-theme.md-accent.md-fab, .changePasswordForm .md-button.md-default-theme.md-accent.md-fab, #reset-password-form .md-button.md-default-theme.md-accent.md-fab, #login #login-form-wrapper #login-form .md-button.md-accent.md-fab, #forgot-password-form .md-button.md-accent.md-fab, .changePasswordForm .md-button.md-accent.md-fab, #reset-password-form .md-button.md-accent.md-fab, #login #login-form-wrapper #login-form .md-button.md-default-theme.md-accent.md-raised, #forgot-password-form .md-button.md-default-theme.md-accent.md-raised, .changePasswordForm .md-button.md-default-theme.md-accent.md-raised, #reset-password-form .md-button.md-default-theme.md-accent.md-raised, #login #login-form-wrapper #login-form .md-button.md-accent.md-raised, #forgot-password-form .md-button.md-accent.md-raised, .changePasswordForm .md-button.md-accent.md-raised, #reset-password-form .md-button.md-accent.md-raised {
  background-color: #0f305c;
  color: #fff !important;
}
md-sidenav#vertical-navigation {
  background-color: #0f305c;
}
.ms-navigation .ms-navigation-node:not(.group).has-children:not(.collapsed) {
  background-color: #79b3df26;
}
.ms-navigation .ms-navigation-node .ms-navigation-item:hover {
  background: #79b3df ;
}
.englishlanguage .show-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
/*   background-image: url(../../../assets/images/logo-white.png), url(../../../assets/images/logo-icon-white.png), url(../../../assets/images/background.jpg); */
  background-size: 200px auto, 100px auto, 100% 100% !important;
  background-repeat: no-repeat;
  background-position: 3% 5%, 3% 95%;
}
.frenchlanguage .show-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  /* background-image: url(../../../assets/images/logo-white-french.png), url(../../../assets/images/logo-icon-white.png), url(../../../assets/images/background.jpg); */
  background-size: 200px auto, 100px auto, 100% 100% !important;
  background-repeat: no-repeat;
  background-position: 3% 5%, 3% 95%;
}
#login-form .logo, #forgot-password .logo, #reset-password .logo {
  background-image: url(../../../assets/images/logo.png);
  width: auto !important;
  height: 150px !important;
  line-height: 128px;
  font-size: 86px;
  font-weight: 500;
  border-radius: 2px;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 47%;
  margin: 0 auto !important;
}

#login-form .logo span, #forgot-password .logo span, #reset-password .logo span {
  display: none;
}
#splash-screen .logo {
  width: 200px;
  height: 80px;
  line-height: 80px;
  font-size: 56px;
  background-color: transparent !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
  text-align: center;
}
.englishlanguage .loadername.logoimg {
  text-indent: -99999em;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60%;
  background-image: url("../../../assets/images/logo-white.png");
}
.frenchlanguage .loadername.logoimg {
  text-indent: -99999em;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60%;
  background-image: url("../../../assets/images/logo-white-french.png");
}
.loadername.logoimg {
  text-indent: -99999em;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60%;
}
#vertical-navigation .md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
  background-color: transparent;
}
#vertical-navigation .navigation-header .logo .logo-image {
  background-image: url(../../../assets/images/logo-white.png) !important;
  background-repeat: no-repeat;
  background-position: 7px 7px;
  text-indent: -1999px;
  width: 50px !important;
  background-size: 42% !important;
  min-width: 180px !important;
  position: relative;
  height: 60px !important;
  left: -20px;
  top: -3px;
}

#vertical-navigation .navigation-header .logo .logo-text {
  display: none;
}
button.toggle-button-navbar.mat-icon-button.mat-button.md-button.md-default-theme.md-ink-ripple {
  position: relative;
  left: -40px;
}
.ms-navigation-folded-open button.toggle-button-navbar.mat-icon-button.mat-button.md-button.md-default-theme.md-ink-ripple {
  left: -40px !important;
}
.ms-navigation-folded #vertical-navigation .navigation-header .logo .logo-image {
  background-position: 20px 4px;
  min-width: 180px !important;
  background-image: url(../../../assets/images/logo-icon-white.png) !important;
  background-size: 35px !important;
}
.ms-navigation-folded-open #vertical-navigation .navigation-header .logo .logo-image {
  background-image: url(../../../assets/images/logo-white.png) !important;
  background-size: 42% !important;
  background-position: 7px 7px !important;
}
.ms-navigation-folded button.toggle-button-navbar.mat-icon-button.mat-button.md-button.md-default-theme.md-ink-ripple {
  left: 0;
}
md-progress-circular.md-default-theme.md-accent path, md-progress-circular.md-accent path {
  stroke: #79b3df !important;
}

md-progress-circular.md-default-theme path, md-progress-circular path{
  stroke: #79b3df !important;
}

ms-navigation ul li div div > span {
  color: #fff;
}
ms-navigation ul li ul li div div span:hover, ms-navigation ul li ul li ul li div span:hover, ms-navigation ul li ul li ul li div a {
  color: #fff !important;
}
/* #spot-deals .md-text-green.pull-right{
	 background-color: #a03033 !important;
}
*/
a.forgot-password.md-default-theme {
  color: #0f305c;
}
.btn-color-light {
  background-color: #0f305c !important;
  color: #ffffff !important;
  font-weight: 600;
}
#file_transfer .btn-color-light {
  background-color: #0f305c !important;
  color: #fff !important;
  font-weight: 600;
}
.browsebutton span {
  color: #fff !important;
  font-weight: 400 !important;
}
.logo.logo-white-border {
  background-color: #0f305c !important;
}
a.ms-navigation-button.md-default-theme.active.md-accent-bg, md-dialog#view_bank_details_dialog table thead tr th, md-dialog#view_drawdown_details_dialog table thead tr th {
  background-color: #79b3df !important;
}
#dashboard-project .blue {
  background-color: #0f305c;;
}
.browsebutton {
  background-color: #0f305c !important;
}
.grey {
  background: #f5f5f5;
}
.hover-affect:hover, .grey.index1:hover, .grey.index2:hover, .grey.index3:hover, .grey.index4:hover, .grey.index0:hover {
  background-color: #0f305c !important;
}
.content table thead tr, #account-balance .modern-data-tables .responsive table thead, #view_account_transfer_history md-card.classic-design table.responsive-table thead, md-card.classic-design .responsive-table > thead, md-card.data-table-card .ng-table > thead, md-dialog#single_payment_dialog .payment_single_popup thead tr th, #multiple_payment_dialog table thead tr, #multiple_payment_dialog table th, #make_a_payment .step3-quote table tr th, #make_a_payment .step3-quote table tfoot tr, .editpayee_table thead tr th, #single_payment_dialog thead tr th {
  background: #0f305c;
}
#pick_routing_dialog table.filter-table thead tr {
  background-color: #0f305c;
}
#filters-form md-toolbar, #single_payment_dialog .dialog-title, .topRow.termCondition.dialog-title, .popupdialog {
  background: #0f305c !important;
}
#approval_policy .md-inline-form md-tabs .user_table table thead {
  background-color: #0f305c !important;
}
tr:nth-child(even) {
  background-color: #fff;
}
#dialogContent_multiple_payment_dialog .show-loader {
  background-image: none !important;
}
#payment_tracker md-card.classic-design table tr td .status span.posted {
  background-color: #838996 !important;
  color: #fff;
}
#payment_tracker md-card.classic-design table tr td .status span.paid {
  background-color: #347C2C !important;
  color: #fff;
}
#payment_tracker md-card.classic-design table tr td .status span.sent {
  background-color: #357EC7 !important;
  color: #fff;
}
#payment_tracker md-card.classic-design table tr td .status span.finished {
  background-color: #151B54 !important;
  color: #fff;
}
.next-button-container button.md-primary, .print-button-position button.md-primary {
  background: #0f305c !important;
  color: #fff;
}
.addnewbutton button.md-primary {
  background: #0f305c !important;
  color: #fff;
}
.next-button-container button.md-primary:hover, .print-button-position button.md-primary:hover {
  background: #0f305c !important;
  color: #fff;
}
/*Search Button*/
button.md-primary.tmDecline.md-button.md-ink-ripple {
  background: #97999b !important;
  color: #fff;
}
.md-primary {
  background: #6bb728 !important;
  color: #fff;
}
.md-primary:hover {
  background: #0f305c;
  color: #fff;
}
/* .btn-reset {
  background-color: #f00 !important;
  color: #fff !important;
}
.btn-reset:hover {
  background-color: #a50000 !important;
  color: #fff !important;
} */
.next-button-container button.md-secondary {
  background: #606060  !important;
  color: #fff;
}
.next-button-container button.md-secondary:hover {
  background: #606060 !important;
  color: #fff;
}
button.md-outline {
  border: 0.14em solid #6bb728 !important;
  color: #6bb728 !important;
}
.button-with-icon a, .button-with-icon a:hover {
  text-decoration: none;
  color: #6bb728 !important;
}
.button-with-icon i.material-icons {
  position: relative;
  top: 7px;
  color: white !important;
}
.custom-icon-btn i {
  color: #1f1a17 !important;
}
span.type.drawdown {
  background-color: #0f305c;
}
span.type.predelivery {
  background-color: #79b3df;
}

/*button 1*/
.next-button-container button.md-primary, button.md-primary, button.md-primary.tmDecline, .next-button-container button.md-primary.info-button.ds-custom-info-color-dd-spot{
  background: #0f305c !important;
  color: #fff !important;
}

.next-button-container button.md-primary:hover, button.md-primary:hover, button.md-primary.tmDecline:hover, .next-button-container button.md-primary.info-button.ds-custom-info-color-dd-spot:hover{
  background: #0f305c !important;
  color: #fff !important;
}

.next-button-container .md-primary a.md-default-theme {
  color: #fff !important;
}

.next-button-container .md-primary i {
  color: #fff !important;
}

/*button 2 next and save*/
.next-button-container button.custom-button-color.md-primary {
  background-color: #0f305c !important;
}

.next-button-container button.custom-button-color.md-primary:hover {
  background-color: #0f305c !important;
}

/*button 3 Previous*/
.next-button-container button.md-secondary{
  background: #606060 !important;
  color: #fff !important;
}

.next-button-container button.md-secondary:hover{
  background: #606060 !important;
  color: #fff !important;
}

button.md-raised.no-margin.custom-submit-filter, button.md-primary.tmDecline{
  background: #606060 !important;
  color: #fff !important;
}

button.md-raised.no-margin.custom-submit-filter:hover, button.md-primary.tmDecline:hover{
  background: #efefef;
  color: #212121;
}

/*button 4 accept*/

.next-button-container button.custom-accept-button.md-primary {
  background-color: #0f305c !important;
}

.next-button-container button.custom-accept-button.md-primary:hover {
  background-color: #0f305c !important;
}

/*button 5 decline*/

.next-button-container button.md-secondary.custom-decline-button {
  background-color: #606060 !important;
  color: #fff !important;
}

.next-button-container button.md-secondary.custom-decline-button:hover {
  background-color: #606060 !important;
  color: #fff !important;
}

/*button 6 Approval, Done, Finalize, update*/
.next-button-container button.info-button.md-primary {
  background-color: #fff !important;
  color: #0f305c !important;
  border: 1px solid #0f305c !important;
}

.next-button-container button.info-button.md-primary:hover {
  background-color: #fff !important;
  color: #0f305c !important;
  border: 1px solid #0f305c !important;
}

md-switch.md-default-theme.md-checked:not([disabled]) .md-bar, md-switch.md-checked:not([disabled]) .md-bar {
  background-color: rgba(15, 48, 92, 0.5);
}
#pick_routing_dialog .p10-around {
  background-color: #fff !important;
  border: none !important;
}
#draw_down tr.extra.drawdown {
  background: rgba(160, 48, 51, 1);
  background: -moz-linear-gradient(left, rgba(15, 48, 92, 1) 0%, rgba(15, 48, 92, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(15, 48, 92, 1) 0%, rgba(15, 48, 92, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -o-linear-gradient(left, rgba(15, 48, 92, 1) 0%, rgba(15, 48, 92, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -ms-linear-gradient(left, rgba(15, 48, 92, 1) 0%, rgba(15, 48, 92, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: linear-gradient(to right, rgba(15, 48, 92, 1) 0%, rgba(15, 48, 92, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3466b1', endColorstr='#dddddd', GradientType=1);
  /* IE6-9 */
}
#draw_down tr.extra.predelivery {
  background: rgba(83, 193, 201, 1);
  background: -moz-linear-gradient(left, rgba(121, 179, 223, 1) 0%, rgba(121, 179, 223, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(121, 179, 223, 1) 0%, rgba(121, 179, 223, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -o-linear-gradient(left, rgba(121, 179, 223, 1) 0%, rgba(121, 179, 223, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -ms-linear-gradient(left, rgba(121, 179, 223, 1) 0%, rgba(121, 179, 223, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: linear-gradient(to right, rgba(121, 179, 223, 1) 0%, rgba(121, 179, 223, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53c1c9', endColorstr='#dddddd', GradientType=1);
}
.md-button a, #make_a_payment button.md-outline a, #make_a_payment button.md-outline a:hover, #spot-deals .md-button a i.material-icons{
  text-decoration: none;
  color: #fff !important;
}

.payment-detail a.link.md-default-theme {
  color: #0f305c !important;
}
.md-button a i.material-icons, #make_a_payment button.md-outline a i.material-icons, #make_a_payment button.md-outline a:hover i.material-icons, #spot-deals .md-button a i.material-icons i.material-icons, .payment-detail a.link.md-default-theme i.material-icons {
  color: #fff;
}
button.md-outline:hover {
  background-color: #fff;
  border: 0.14em solid #0f305c;
}
.norecordondashboard {
  background: #0f305c !important;
}
md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar, md-dialog .advance-data-table table tr.completed, #pick_routing_dialog table.filter-table tbody tr:hover {
  background-color: rgba(3,155,229, .3);
}
md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb, md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon, md-radio-button.md-primary .md-container .md-on, md-menu-content md-menu-item:hover, md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
  background-color: #0f305c !important;
}
.ForexTradingSteppersHeading, #make_a_payment md-tabs h3.md-text-accent {
  background: #0f305c !important;
}
.resetAccounts {
  background: #0f305c !important;
}
.edit-button-icon {
  border: 1px dashed #0f305c;
  color: #0f305c;
}
.para-view-history > a, table tr td a.md-default-theme, .dealsToggle .md-list-item-text a.md-default-theme, .popup span, .viewbankdetails {
  color: #0f305c !important;
}
.next-button-container .balance * {
  color: #0f305c !important;
}
.account-data-table table tbody tr:hover, .inline-data-table table tbody tr:hover, .advance-data-table tbody tr:hover {
  background-color: rgb(121 179 223 / 26%) !important;
  cursor: pointer;
}
.account-data-table table tbody tr:nth-child(2n-1), .inline-data-table table tbody tr:nth-child(2n-1) {
  background-color: #f5f5f5;
}
.chips-filter md-chip {
  background-color: #79b3df !important;
  color: #ffffff !important;
}
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
  color: #79b3df;
  background: #79b3df;
}
#add_beneficiary .md-tab.md-active, #margin_summary .md-tab.md-active {
  border-bottom: 3px solid #79b3df;
  background-color: rgba(121,179,223, 0.32) !important;
}
#add_beneficiary .md-tab.md-active .ms-form-wizard-step-label, #margin_summary .md-tab.md-active .ms-form-wizard-step-label {
  background-color: transparent !important;
}
md-radio-button.md-primary .md-container .md-off, md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
  border-color: #79b3df !important;
}
#approval_policy .md-inline-form md-tabs .user_table table thead {
  background-color: #0f305c !important;
}
.md-in-menu-bar:hover .icon-logout {
  color: #fff !important;
}
#account_transfer .ms-form-wizard-step-label, #spot-deals .ms-form-wizard-step-label, #book_forward_deal .ms-form-wizard-step-label,
 #place_an_order .ms-form-wizard-step-label, #draw_down .ms-form-wizard-step-label, #make_a_payment .ms-form-wizard-step-label, #order_book .ms-form-wizard-step-label,
  #Pay_from_your_account .ms-form-wizard-step-label {
  color: rgb(121 179 223);
}
.icon-circle-outline {
  border: 1px solid #0f305c;
}
.ms-form-wizard-step-label .ms-form-wizard-step-icon .icon-circle {
  color: rgb(121 179 223);
    border-color: rgb(121 179 223);
}
.ms-form-wizard-step-label .ms-form-wizard-step-icon .icon-circle .icon-svg path, .ms-form-wizard-step-label .ms-form-wizard-step-icon .icon-circle .icon-svg polyline {
  fill: rgb(121 179 223);
}
#account_transfer md-tab-item::after, #account_transfer md-tab-item::before, #spot-deals md-tab-item::after, #spot-deals md-tab-item::before, #book_forward_deal md-tab-item::after, #book_forward_deal md-tab-item::before,
 #place_an_order md-tab-item::after, #place_an_order md-tab-item::before, #draw_down md-tab-item::after, #draw_down md-tab-item::before,
  #make_a_payment md-tab-item::after, #make_a_payment md-tab-item::before, #Pay_from_your_account md-tab-item::after, #order_book md-tab-item::after, #order_book md-tab-item::before,
   #Pay_from_your_account md-tab-item::before {
  border-bottom: 3px solid #79b3df;
}
md-tab-item.md-previous .ms-form-wizard-step-label {
  color: #0f305c  !important;
}
md-radio-button.md-primary .md-container .md-off, md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
  border-color: #0f305c  !important;
}
md-tab-item.md-previous .ms-form-wizard-step-label .ms-form-wizard-step-icon .icon-circle {
  border-color: #0f305c  !important;
  background: #0f305c  !important;
}
#account_transfer md-tab-item.md-previous:before, #account_transfer md-tab-item.md-previous:after, #spot-deals md-tab-item.md-previous:before,
 #spot-deals md-tab-item.md-previous:after, #book_forward_deal md-tab-item.md-previous:before, 
 #book_forward_deal md-tab-item.md-previous:after, #place_an_order md-tab-item.md-previous:before, #order_book md-tab-item.md-previous:before,
  #place_an_order md-tab-item.md-previous:after, #draw_down md-tab-item.md-previous:before, #order_book md-tab-item.md-previous:after,
   #draw_down md-tab-item.md-previous:after, #make_a_payment md-tab-item.md-previous:before,
    #make_a_payment md-tab-item.md-previous:after, #Pay_from_your_account md-tab-item.md-previous:before,
     #Pay_from_your_account md-tab-item.md-previous:after {
  border-bottom: 3px solid #0f305c  !important;
}
#account_transfer md-tab-item:not(.md-active) .ms-form-wizard-step-label, #spot-deals md-tab-item:not(.md-active) .ms-form-wizard-step-label, #book_forward_deal md-tab-item:not(.md-active) .ms-form-wizard-step-label,
 #place_an_order md-tab-item:not(.md-active) .ms-form-wizard-step-label, #order_book md-tab-item:not(.md-active) .ms-form-wizard-step-label,
  #draw_down md-tab-item:not(.md-active) .ms-form-wizard-step-label,
   #make_a_payment md-tab-item:not(.md-active) .ms-form-wizard-step-label,
    #Pay_from_your_account md-tab-item:not(.md-active) .ms-form-wizard-step-label {
  color: #b8b8b8;
}
md-tab-item:not(.md-active) .ms-form-wizard-step-label .icon-circle {
  color: #b8b8b8;
  border-color: #fff;
}
#account_transfer md-tab-item:not(.md-active):after, #account_transfer md-tab-item:not(.md-active):before, #spot-deals md-tab-item:not(.md-active):after, #spot-deals md-tab-item:not(.md-active):before, #book_forward_deal md-tab-item:not(.md-active):after, #book_forward_deal md-tab-item:not(.md-active):before, #place_an_order md-tab-item:not(.md-active):after, #place_an_order md-tab-item:not(.md-active):before, #draw_down md-tab-item:not(.md-active):after, #draw_down md-tab-item:not(.md-active):before, #make_a_payment md-tab-item:not(.md-active):after, #make_a_payment md-tab-item:not(.md-active):before, #Pay_from_your_account md-tab-item:not(.md-active):after, #Pay_from_your_account md-tab-item:not(.md-active):before {
  border-bottom: 3px solid #b8b8b8;
}
#login-form .md-input-focused label::after, #forgot-password .md-input-focused label::after {
  color: #fff ;
}
#login-form .md-input-focused.md-input-invalid label::after, #forgot-password .md-input-focused.md-input-invalid label::after {
  color: red !important;
}

.widget-group ms-widget:nth-child(5) {
  display: none;
}
.dealsToggle .widget-group ms-widget {
  min-width: 25% !important;
}
@media (max-width: 599px) {
  .dealsToggle .widget-group ms-widget {
    max-width: 100% !important;
  }
}

.edit-funding-dialog thead {
  background-color: #0f305c;
  color: #fff !important;
}
.edit-funding-dialog thead th {
  padding-left: 9px;
}
.ds-dialog-limits thead tr {
background-color: #0f305c !important;
}


.securityQuestionForm label {
  letter-spacing: unset;
  position: relative !important;
  left: 0 !important;
  white-space: normal !important;
  display: flex;
  align-items: flex-end;
}

#forgot-password-form #question {
  letter-spacing: unset;
  position: relative !important;
  left: 0 !important;
  white-space: normal !important;
  display: flex;
  align-items: flex-end;
}

/*Select MD*/

.md-select-menu-container {
  width: 150px;
}

/*Messages*/

.ui-notification.success {
  color: #fff;
  background: #5cb85c;
}

.ui-notification.logoutMsg {
  color: #fff;
  background: #5cb85c !important;
}

.ui-notification.error {
  color: #fff;
  background: #d9534f;
}

.ui-notification.info {
  color: #fff;
  background: #5bc0de;
}

.ui-notification.warning {
  color: #fff;
  background: #5bc0de;
}

.ui-notification.quoteError {
  color: #fff;
  background: #d9534f;
}

/*Transaction Dashboard*/

#transactions thead tr th, #outstanding thead tr, .ds-dialog-limits thead tr {
  background-color: #0f305c !important;
}

.institutionalFXWidgets div#rates .fleft .spot-rates .row1 label {
  color: #333640;
}

.institutionalFXWidgets div#rates .fleft .spot-rates .selected .row3 button, .institutionalFXWidgets div#rates .fleft .spot-rates .selected .row1 label, .institutionalFXWidgets div#newsFeed label {
  color: #79b3df;
}

a.allTransaction.right.md-default-theme, .institutionalFXWidgets div#rates .fleft .spot-rates > div:hover label, .institutionalFXWidgets div#rates .fleft .spot-rates > div:hover button, .institutionalFXWidgets div#outstanding .outstanding-table td:nth-child(6) button:hover, .institutionalFXWidgets div#chart .selectedPair, .institutionalFXWidgets div#chart span.md-select-icon{
  color: #1f446f !important;
}

.institutionalFXWidgets .container h2 {
  color: #1f446f;
}

.trade-dialog #filters-form md-toolbar {
  background-color: transparent !important;
}

.trade-dialog.dialogBox .fright button.md-button, .trade-close-dialog .fright button.md-button{
  background-color: #1f446f;
}

.trade-dialog.dialogBox .fright button.md-button:hover, .trade-close-dialog .fright button.md-button:hover {
  background-color: #1f446f;
}
/*Transaction Dashboard*/


.ds-custom-option-height {
  min-height: 48px !important;
  height: auto !important;
}

md-option .md-text {
  white-space: normal !important;
}

md-select-value .md-text {
  white-space: normal;
}

div#securityQuestScreen md-input-container label {
  white-space: normal;
  display: contents;
}

.map_edit_payment_popup .editfundingPicker .makeapaymentacountpopup {
  width: 735px !important;
}

.map_edit_payment_popup .editfundingPicker .makeapaymentacountpopup th {
  height: 70px !important;
}

#single_payment_dialog.edit-funding-dialog .makeapaymentacountpopup thead tr th {
  background-color: #1f446f !important;
  height: 55px !important;
}

#single_payment_dialog.edit-funding-dialog thead tr th, #single_payment_dialog.edit-funding-dialog thead {
  background-color: #ebebeb;
  color: #000;
}

#Pay_from_your_account .inline-data-table table th .md-text {
  font-size: 11px !important;
}

#account_transfer .inline-data-table table th .md-text {
  font-size: 11px;
}
/* changed fix disable button color */
#login-form .md-button.md-default-theme.md-fab[disabled],
#login-form .md-button.md-fab[disabled],
#login-form .md-button.md-default-theme.md-raised[disabled],
#login-form .md-button.md-raised[disabled],

#forgot-password-form .md-button.md-default-theme.md-fab[disabled],
#forgot-password-form .md-button.md-fab[disabled],
#forgot-password-form .md-button.md-default-theme.md-raised[disabled],
#forgot-password-form .md-button.md-raised[disabled],

.changePasswordForm .md-button.md-default-theme.md-fab[disabled],
.changePasswordForm .md-button.md-fab[disabled],
.changePasswordForm .md-button.md-default-theme.md-raised[disabled],
.changePasswordForm .md-button.md-raised[disabled],

#reset-password-form .md-button.md-default-theme.md-fab[disabled],
#reset-password-form .md-button.md-fab[disabled],
#reset-password-form .md-button.md-default-theme.md-raised[disabled],
#reset-password-form .md-button.md-raised[disabled]{
  background-color: rgba(0,0,0,0.12) !important;
}
/* changed fix table paging color */
.ng-table-options .pages button.active{
  background: #79b3df !important;
  color:#fff !important;
}
/* changed fix table paging color */
.pagination li a.active {
  background: #79b3df !important;
  color:#fff !important;
}

/* changed fix login link */
.login-link {
    position: relative;
    bottom: 6px;
}

.routing_pagination_dealinghistory li:nth-child(3) a:nth-child(1) {
  background-color: #79b3df;
}



/*datepicker datepicker datepicker datepicker datepicker datepicker datepicker datepicker*/
/*main date picker color*/
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  font-family: 'Fira Sans', sans-serif !important;
  border: 1px solid #79b3df !important;
  font-weight: 700;
  background-color: #fff !important;
  color: #79b3df;
  background: none !important;
}
/*hover date picker color*/
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #ff6b7f !important;
  background: none !important;
  font-weight: 700;
  color: #fff !important;
  background-color: #db4865 !important;
}
/*samedate active and highlighted*/
a.ui-state-default.ui-state-highlight.ui-state-active {
  background-color: #b4d100 !important;
  background: none;
  border: 1px solid #ffff38 !important;
}
/*highlighted color*/
a.ui-state-default.ui-state-highlight {
  background-color: #b4d100 !important;
  border: 1px solid #ffff38 !important;
  color: #fff;
  background: none;
}
select.ui-datepicker-month, select.ui-datepicker-year {
  background-color: #79b3df;
  border: 1px solid #79b3df;
  color: #fff;
  font-weight: 900;
}
select.ui-datepicker-month option, select.ui-datepicker-year option {
  background-color: #fff;
  color: #000;
}
/* select.ui-datepicker-month option:hover{
	 background-color: black !important;
}
 */
/*datepicker hover*/
a.ui-state-default:hover {
  color: #fff !important;
  background-color: #199fda !important;
  border: 1px solid #199fda !important;
}
/*main datepicker rounded and border*/
.ui-widget.ui-widget-content {
  border: 1px solid #199fda !important;
  border-radius: 6px;
}
/*main header color*/
.ui-widget-header {
  border: 1px solid #79b3df !important;
  background: none !important;
  color: #79b3df !important;
  font-weight: 700 !important;
  background-color: #79b3df !important;
}
/*center the text */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  text-align-last: center;
}
/*view history date picker backgorund color*/
.comiseo-daterangepicker-triggerbutton {
  background-color: transparent !important;
}
/*view history month color*/
span.ui-datepicker-month {
  color: #fff;
}
.comiseo-daterangepicker-triggerbutton {
  color: #000000;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
  color: #199fda;
}
/*arrow Color*/
.ui-widget-header .ui-icon {
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/hot-sneaks/images/ui-icons_ffffff_256x240.png) !important;
}
/*arrow hover*/
/* .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: none !important;
} */
/*datepicker datepicker datepicker datepicker datepicker datepicker datepicker datepicker*/
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus, md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover {
  background-color: #79b3df;
  color: #fff;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, md-toolbar:not(.md-menu-toolbar) md-icon {
  color: #fff;
  fill: #fff;
}
span.column-title {
  color: black;
}
#ng-table-options .pages button.active {
  background-color: #79b3df !important;
  color: #fff;
}
#payment_history md-card.data-table-card table thead tr th {
  
  color: #ffffff !important;
  
}
table.dataTable tbody td {
  padding: 16px 7px;
  vertical-align: middle;
}
.ng-table-paging-options .pages button.active {
  background-color: #79b3df;
  color: #fff;
}
.ms-navigation .has-children ul {
  overflow: visible !important;
}

.ms-navigation .has-children.collapsing ul {
  overflow: hidden !important;
}

.ms-navigation .has-children.collapsed ul {
  overflow: hidden !important;
}

.ms-navigation .has-children.expanding ul {
  overflow: hidden !important;
}
.print-button-position button.info-button {
  background-color: #fff !important;
  color: #0f305c !important;
  border: 1px solid #0f305c !important;
}
.secondary-text .table-header span.column-title {
  color: white !important;
}

#dashboard-project .dashboardpending td:nth-child(1), #dashboard-project .dashboardpending th:nth-child(1) {
    width: 20% !important;
text-align: left;
}

#dashboard-project .dashboardpending td:nth-child(2), #dashboard-project .dashboardpending th:nth-child(2) {
    width: 12% !important;
}

#dashboard-project .dashboardpending td:nth-child(6) span {
    color: #0f305c;
    text-decoration: underline;
    cursor: pointer;
}