.noaccount a.md-default-theme {
  color: #21bbef;
  text-decoration: underline;
}

.language-menu {
  float: right;
}

#two-factor-authentication button.link.forgot-password.md-accent-color.flex-100 {
  color: #fff !important;
}

/*main background image*/
div#login-form-wrapper,
#forgot-password,
#reset-password {
  /*background-image: url(../../../assets/images/dashboard-background.png);*/
  /*background-repeat: no-repeat;*/
  /*background-size: 100% 100%;*/
  background-color: #2e5268 !important;
  border-top: 3px solid #22bbef;
}

.show-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-image: url(../../../assets/images/logo.png) !important;
  background-repeat: no-repeat;
  background-size: 15%;
  background-position: 47% 25%;
}

/*removing image from multi loader*/
#multiple_payment_dialog .show-loader {
  background-image: none;
}

/*main background image*/
#login-form .logo,
#forgot-password .logo,
#reset-password .logo {
  background-image: url("../../../assets/images/logo.png");
  width: 71% !important;
  height: 130px;
  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: 100%;
  margin: 0 auto !important;
}

#login-form .logo span,
#forgot-password .logo span,
#reset-password .logo span {
  display: none;
}

#splash-screen,
.show-loader {
  background-color: #ffffff !important;
}

#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;
}

#splash-screen .spinner-wrapper .spinner .inner .left .half-circle,
#splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
  border: 10px solid #21bbef;
  border-bottom-color: transparent;
  border-radius: 70%;
}

.loadername.logoimg {
  text-indent: -99em;
  display: block;
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: 50% 40%;
  background-image: url("../../../assets/images/logo-white.png");
}

#vertical-navigation {
  background-color: #3a3a3a;
}

#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.png) !important;
  background-repeat: no-repeat;
  background-position: 10px 20px;
  text-indent: -1999px;
  width: 50px !important;
  background-size: 82%;
  min-width: 180px !important;
  position: relative;
  height: 60px !important;
  left: -20px;
  top: -7px;
  background-size: 100%;
}

#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;
}

p.maintenancemessage {
  color: #fff;
  font-size: 10pt;
  font-family: Arial, Verdana, sans-serif !important;
  max-width: 380px;
  text-align: center;
  line-height: 1.5;
  word-break: break-word;
}

.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: 14px 13px;
  min-width: 180px !important;
  background-image: url(../../../assets/images/logo-small.png) !important;
  background-size: 40px !important;
}

.ms-navigation-folded-open #vertical-navigation .navigation-header .logo .logo-image {
  background-image: url(../../../assets/images/logo.png) !important;
  background-size: 100% !important;
  background-position: 10px 20px !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,
md-progress-circular.md-default-theme path,
md-progress-circular path {
  stroke: #21bbef !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,
.changePasswordForm a.link.md-default-theme,
.securityQuestionForm a.link.md-default-theme,
.resetSecurityQuestionForm a.link.md-default-theme {
  color: #21bbef;
  position: relative;
  bottom: 6px;
}

.btn-color-light {
  background-color: #21bbef !important;
  color: #fff !important;
  font-weight: 900;
}

#file_transfer .btn-color-light {
  background-color: #21bbef !important;
  color: #fff !important;
  font-weight: 600;
}

.browsebutton span {
  color: #fff !important;
  font-weight: 400 !important;
}

.logo.logo-white-border {
  background-color: #231640 !important;
}

a.ms-navigation-button.md-default-theme.active.md-accent-bg {
  background-color: #21bbef !important;
}

#dashboard-project .blue {
  background-color: #21bbef;
}

.browsebutton {
  background-color: #21bbef !important;
}

.grey {
  background: #f5f5f5;
}

.hover-affect:hover,
.grey.index0:hover,
.grey.index1:hover,
.grey.index2:hover,
.grey.index3:hover,
.grey.index4:hover {
  background-color: #21bbef !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,
.editpayee_table thead tr th,
#single_payment_dialog thead tr th,
md-dialog#view_bank_details_dialog table thead tr th,
md-dialog#view_drawdown_details_dialog table thead tr th {
  background: #21bbef;
}

#make_a_payment .step3-quote table tfoot tr {
  background-color: #21bbef;
}

#pick_routing_dialog table.filter-table thead tr {
  background-color: #21bbef;
}

#filters-form md-toolbar,
#single_payment_dialog .dialog-title,
.topRow.termCondition.dialog-title,
.popupdialog {
  background: #21bbef !important;
}

#approval_policy .md-inline-form md-tabs .user_table table thead {
  background-color: #21bbef !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: #8D9091 !important;
  color: #fff;
}

#payment_tracker md-card.classic-design table tr td .status span.paid {
  background-color: #21bbef !important;
  color: #fff;
}

#payment_tracker md-card.classic-design table tr td .status span.sent {
  background-color: #5AC6CC !important;
  color: #fff;
}

#payment_tracker md-card.classic-design table tr td .status span.finished {
  background-color: #55BA47 !important;
  color: #fff;
}

.next-button-container button.md-primary,
.print-button-position button.md-primary,
.tmAccept,
.changePasswordForm .md-button.submit-button,
.securityQuestionForm .submit-button.md-button,
.resetSecurityQuestionForm .submit-button.md-button,
#verification-code-form .submit-button,
#two-factor-authentication form .submit-button,
#two-factor-verification-code-form .submit-button,
button.md-primary,
#reset-password-form form .submit-button {
  background: #21bbef !important;
  color: #fff !important;
}

#reset-password-form form .submit-button[disabled] {
  background-color: #e0e0e0 !important;
  color: #fff;
}


.next-button-container button.md-primary:hover,
.print-button-position button.md-primary:hover {
  background: #21bbef !important;
  color: #fff;
}

.tmDecline {
  background-color: #606060 !important;
}

/*Search Button*/

/*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: #21bbef !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: #21bbef !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: #21bbef !important;
}

.next-button-container button.custom-button-color.md-primary:hover {
  background-color: #21bbef !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;
}

/* button.md-raised.no-margin.custom-submit-filter{
  background: #333333 !important;
  color: #fff !important;
} */

/* button.md-raised.no-margin.custom-submit-filter:hover{
  background: #333333 !important;
  color: #fff;
} */

/*button 4 accept*/

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

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

/*button 5 decline*/

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

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

/*button 6 Approval, Done, Finalize, update*/
.next-button-container button.info-button.md-primary {
  background-color: #fff !important;
  border: 0.14em solid #21bbef !important;
  color: #21bbef !important;
}

.next-button-container button.info-button.md-primary:hover {
  background-color: #fff !important;
  border: 0.14em solid #21bbef !important;
  color: #21bbef !important;
}

/* button 7 border button

.next-button-container button.md-primary.md-border-button, .single-multi-custom-class.next-button-container button.md-secondary, .next-button-container button.md-primary.info-button.md-border-button {
  background-color: #fff !important;
    border: 0.14em solid #21bbef!important;
    color: #21bbef!important;
    font-weight: 500 !important;
}
.next-button-container button.md-primary.md-border-button i, .next-button-container button.md-primary.md-border-button a{
  color: #21bbef!important;
}

.next-button-container button.md-primary.md-border-button:hover, .single-multi-custom-class.next-button-container button.md-secondary:hover, .next-button-container button.md-primary.info-button.md-border-button:hover {
  background-color: #fff !important;
  border: 0.14em solid #21bbef!important;
  color: #21bbef!important;
  font-weight: 500 !important;
}
.next-button-container button.md-primary.md-border-button i:hover, .next-button-container button.md-primary.md-border-button a:hover{
  color: #21bbef!important;
} */

/* .md-primary {
  background: #21bbef!important;
  color: #fff;
}
.md-primary:hover {
  background: #21bbef;
  color: #fff;
} */
/* .btn-reset {
  background-color: #333333  !important;
  color: #fff !important;
} */
/* .btn-reset:hover {
  background-color: #333333  !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 #21bbef !important;
  color: #21bbef !important;
}

.button-with-icon a,
.button-with-icon a:hover {
  text-decoration: none;
  color: #21bbef !important;
}

.button-with-icon i.material-icons {
  position: relative;
  top: 7px;
  color: #ffffff !important;
}

.custom-icon-btn i {
  color: #21bbef !important;
}

span.type.drawdown {
  background-color: #21bbef;
}

span.type.predelivery {
  background-color: #1BA6DF;
}

md-switch.md-default-theme.md-checked:not([disabled]) .md-bar,
md-switch.md-checked:not([disabled]) .md-bar {
  background-color: #21bbef8c;
}

[md-theme="default"] a {
  color: #5AC6CC;
}

#pick_routing_dialog .p10-around {
  background-color: #fff !important;
  border: none !important;
}

#draw_down tr.extra.drawdown {
  background: rgba(13, 155, 140, 1);
  background: -moz-linear-gradient(left, rgba(13, 155, 140, 1) 0%, rgba(13, 155, 140, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(13, 155, 140, 1) 0%, rgba(13, 155, 140, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -o-linear-gradient(left, rgba(13, 155, 140, 1) 0%, rgba(13, 155, 140, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -ms-linear-gradient(left, rgba(13, 155, 140, 1) 0%, rgba(13, 155, 140, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: linear-gradient(to right, rgba(13, 155, 140, 1) 0%, rgba(13, 155, 140, 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(35, 22, 64, 1) 0%, rgba(35, 22, 64, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(35, 22, 64, 1) 0%, rgba(35, 22, 64, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -o-linear-gradient(left, rgba(35, 22, 64, 1) 0%, rgba(35, 22, 64, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: -ms-linear-gradient(left, rgba(35, 22, 64, 1) 0%, rgba(35, 22, 64, 1) 1%, rgba(221, 221, 221, 1) 1%, rgba(221, 221, 221, 1) 100%);
  background: linear-gradient(to right, rgba(35, 22, 64, 1) 0%, rgba(35, 22, 64, 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,
.payment-detail a.link.md-default-theme {
  text-decoration: none;
  /* color: #21bbef!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: #21bbef;
} */
button.md-outline:hover {
  background-color: #fff;
  border: 0.14em solid #21bbef;
}

.norecordondashboard {
  background: #21bbef !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: #21bbef47;
}

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: #21bbef !important;
}

.ForexTradingSteppersHeading,
#make_a_payment md-tabs h3.md-text-accent {
  background: #21bbef !important;
}

.resetAccounts {
  background: #21bbef !important;
}

.edit-button-icon {
  border: 1px dashed #21bbef;
  color: #21bbef;
}

.para-view-history>a,
table tr td a.md-default-theme,
.dealsToggle .md-list-item-text a.md-default-theme,
.popup span,
.viewbankdetails {
  color: #21bbef !important;
}

.next-button-container .balance * {
  color: #231640 !important;
}

.account-data-table table tbody tr:hover,
.inline-data-table table tbody tr:hover,
.advance-data-table tbody tr:hover {
  background-color: #21bbef47 !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: #21bbef !important;
  color: #fff0ff !important;
}

md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  color: #21bbef;
  background: #21bbef;
}

#add_beneficiary .md-tab.md-active,
#margin_summary .md-tab.md-active {
  border-bottom: 3px solid #21bbef;
  background-color: #d3f1fc !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: #d3f1fc !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: #21bbef !important;
}

#approval_policy .md-inline-form md-tabs .user_table table thead {
  background-color: #21bbef !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,
#Pay_from_your_account .ms-form-wizard-step-label,
#order_book .ms-form-wizard-step-label {
  color: rgb(33 187 239 / 60%)
}

.icon-circle-outline {
  border: 1px solid #21bbef9e;
}

.ms-form-wizard-step-label .ms-form-wizard-step-icon .icon-circle {
  color: #21bbef9e;
  border-color: #21bbef9e;
}

.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(33 187 239 / 60%)
}

#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,
#Pay_from_your_account md-tab-item::before,
#order_book md-tab-item::after,
#order_book md-tab-item::before {
  border-bottom: 3px solid rgb(33 187 239 / 60%)
}

md-tab-item.md-previous .ms-form-wizard-step-label {
  color: #21bbef !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: #21bbef !important;
}

md-tab-item.md-previous .ms-form-wizard-step-label .ms-form-wizard-step-icon .icon-circle {
  border-color: #21bbef !important;
  background: #21bbef !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,
#place_an_order md-tab-item.md-previous:after,
#draw_down md-tab-item.md-previous:before,
#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,
#order_book md-tab-item.md-previous:before,
#order_book md-tab-item.md-previous:after {
  border-bottom: 3px solid #21bbef !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,
#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,
#order_book 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,
#order_book md-tab-item:not(.md-active):after,
#order_book md-tab-item:not(.md-active):before {
  border-bottom: 3px solid #b8b8b8;
}

div#login-form {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

p.noaccount {
  color: #21bbef;
  font-size: 14px;
  margin: 8px 0;
}

/*Transaction Dashboard*/

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

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

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

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: #333 !important;
}

.institutionalFXWidgets .container h2 {
  color: #003057;
}

.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: #21bbef;
}

.trade-dialog.dialogBox .fright button.md-button:hover,
.trade-close-dialog .fright button.md-button:hover {
  background-color: #21bbef;
}

/*Transaction Dashboard*/

/*Execute Engine*/

#transaction_spot-deal .slider,
#transaction_spot-deal .step1-spot .step1 button,
#transaction_spot-deal .step2-spot .flip-card-back .row_2 button,
.trade-close-dialog .middle button.md-button {
  background-color: #21bbef;
}

#transaction_spot-deal .step1-spot .step1 button:hover,
#transaction_spot-deal .step2-spot .flip-card-back .row_2 button:hover,
.trade-close-dialog .middle button.md-button:hover {
  background-color: #21bbef;
}

#transaction_spot-deal .step2-spot .flip-card-back .net-rate span:nth-child(1),
#transaction_spot-deal .step2-spot .flip-card-back .net-rate span:nth-child(2),
#transaction_spot-deal .step2-spot .flip-card-back .fmiddle .row_1 p {
  color: #2a2a2a;
}

#transaction_spot-deal .step2-spot .flip-card-back .top h2,
#transaction_spot-deal .step2-spot .flip-card-back h3 {
  color: #21bbef;
}

#transaction_spot-deal .step2-spot .flip-card-back .row_1>span {
  color: #2a2a2a;
}

#transaction_spot-deal .step3-spot h5,
#transaction_spot-deal .step3-spot h2,
.trade-dialog.dialogBox h2,
.trade-close-dialog h2 {
  color: #21bbef;
}

#transaction_spot-deal .step3-spot .made-mistake {
  color: #2a2a2a
}

#transaction_spot-deal md-tabs md-tab-content {
  margin-bottom: 25px;
}

/*Execute Engine*/


#trading_history .editdeal_viewconfirmation {
  background-color: #21bbef !important;

}

#trading_history .editdeal_viewconfirmation:hover {
  background-color: #21bbef !important;

}


#make_a_payment .step2-table-container table tbody tr td:nth-child(7) {
  display: none;
}

.ng-table-paging-options .pages button.active {
  background-color: #21bbef !important;
  color: #fff !important;
}

#make_a_payment .show-circle-loader.bottom {
  top: -8px !important;
}

/*Select MD*/

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

.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;
}

/*Select MD*/

md-menu-content.md-menu-bar-menu {
  min-width: 192px !important;
}

/*Messages*/

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

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

.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;
}


strong.ds-rate-color {
  font-weight: 400 !important;
}

#spot-deals .md-text-green.pull-right {
  text-transform: uppercase;
}

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

.ng-table-options .pages button.active {
  background-color: #21bbef !important;
  color: #fff !important;
}

#ng-table-options .pagination ul a.active {
  background-color: #21bbef !important;
  color: #fff !important;
}

#ng-table-options .pages button.active {
  background-color: #21bbef;
  color: #fff;
}

.ms-navigation .ms-navigation-node .ms-navigation-item:hover {
  background: #21bbef;
}


.routing_pagination_dealinghistory li:nth-child(3) a:nth-child(1) {
  background-color: #21bbef;
  color: #fff !important;
}

/*Extra*/

.md-button.md-default-theme.md-accent[disabled],
.md-button.md-accent[disabled],
.md-button.md-default-theme.md-fab[disabled],
.md-button.md-fab[disabled],
.md-button.md-default-theme.md-raised[disabled],
.md-button.md-raised[disabled],
.md-button.md-default-theme.md-warn[disabled],
.md-button.md-warn[disabled],
.md-button.md-default-theme[disabled],
.md-button[disabled] {
  cursor: not-allowed !important;
}

#login .md-button.md-default-theme.md-accent[disabled],
#login .md-button.md-accent[disabled],
#login .md-button.md-default-theme.md-fab[disabled],
#login .md-button.md-fab[disabled],
#login .md-button.md-default-theme.md-raised[disabled],
#login .md-button.md-raised[disabled],
#login .md-button.md-default-theme.md-warn[disabled],
#login .md-button.md-warn[disabled],
#login .md-button.md-default-theme[disabled],
#login .md-button[disabled],
#login .md-button.md-default-theme.md-fab[disabled],
#login .md-button.md-fab[disabled],
#login .md-button.md-default-theme.md-raised[disabled],
#login .md-button.md-raised[disabled] {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.38) !important;
  cursor: default;
}

/*datepicker hover*/
a.ui-state-default:hover {
  color: #fff !important;
  background-color: #21bbef !important;
  border: 1px solid #21bbef !important;
}

/*main datepicker rounded and border*/
.ui-widget.ui-widget-content {
  border: 1px solid #21bbef !important;
  border-radius: 6px;
}

/*main header color*/
.ui-widget-header {
  border: 1px solid #21bbef !important;
  color: #21bbef !important;
  font-weight: 700 !important;
  background-color: #21bbef !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: #21bbef;
}

a.ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover {
  background: url(images/ui-bg_dots-medium_80_ffff38_4x4.png) 50% 50% #ffff38 !important;
  color: #363636 !important;
  border: 1px solid #b4d100 !important;
}

/*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: #21bbef;
  color: #fff;
} */
md-toolbar.navigation-header.md-whiteframe-1dp._md.md-default-theme.layout-align-space-between-center.layout-row._md-toolbar-transitions {
  background-color: #fff !important;
}

md-icon.mat-icon.material-icons.md-default-theme {
  color: #21bbef !important;
}

#spot-deals .md-text-green.pull-right {
  color: #fff;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button span {
  white-space: break-spaces !important;
  line-height: 1.2;
}

#login #login-form-wrapper #login-form .title {
  display: none;
}

.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;
}

#payment_history md-card.data-table-card table thead tr th {
  color: #fff !important;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon,
md-toolbar:not(.md-menu-toolbar) md-icon {
  color: rgb(255 255 255 / 87%) !important;
  fill: rgb(255 255 255 / 87%) !important;
}

.summary-table thead tr th {
  color: #fff !important;
}
.supportdesk li, .supportdesk h5 {
    color: #04baee !important;
}

.ms-navigation ul li div span {
    color: white;
}

.md-select-value span div.md-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

#dashboard-project .dashboardpending td:nth-child(1), #dashboard-project .dashboardpending th:nth-child(1) {
    width: 18% !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;
}