/*
			---------------------------------------------------------
						Common CSS style fixes for global layout
			---------------------------------------------------------
*/
/* line 6, ../../sass/cs/_browser.scss */
#wrapper {
  
}

/*for taking the height away of the scrollable tbody*/
/* line 11, ../../sass/cs/_browser.scss */
.table-wrapper table tbody {
  height: auto !important;
}


/* line 31, ../../sass/cs/_browser.scss */
.back-button {
  display: none;
}

/* line 34, ../../sass/cs/_browser.scss */
.edit-notification-dropdown {
  /*different from server side*/
  display: inline-block;
}



/* line 70, ../../sass/cs/_browser.scss */
#content-main, .scroll-it {
  overflow-y: visible !important;
  height: auto !important;
  clear: none !important;
}

/* line 76, ../../sass/cs/_browser.scss */
#content-main > #footer {
  width: 1024px;
}

/* line 79, ../../sass/cs/_browser.scss */
#page-footer {
  position: relative;
  margin-top: 40px;
}


/** system and module error page back to home button **/
#errorPageWrapper .footer-area{
	position: relative !important;
}

/*** header inner menu css**/
/* line 84, ../../sass/cs/_browser.scss */
.hnav-wrapper {
  width: 92%;
  overflow: hidden;
  display: block !important;
}

/* line 89, ../../sass/cs/_browser.scss */
.hnav-wrapper ul {
  float: left;
}

/* line 93, ../../sass/cs/_browser.scss */
.hnav {
  position: absolute;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 10px 20px;
  cursor: pointer;
}
/* line 101, ../../sass/cs/_browser.scss */
.hnav.left {
  margin-left: -25px;
  background-image: url(icon/Chevron_Back_Nav_Menu@2x.png);
  background-repeat: no-repeat;
  background-position: center left;
  float: left;
}
/* line 109, ../../sass/cs/_browser.scss */
.hnav.right {
  float: left;
  position: relative;
  background-image: url(icon/Chevron_Right_Nav_Menu@2x.png);
  background-repeat: no-repeat;
  background-position: center right;
}

/* line 119, ../../sass/cs/_browser.scss */
#breakpoint {
  visibility: visible !important;
  position: absolute;
  top: 0px;
  left: 50%;
  font-size: 12px;
  height: 10px;
}

/* line 128, ../../sass/cs/_browser.scss */
#header3 {
  width: 100% !important;
}

/* IE hiding the dropdown arrows */
/* line 133, ../../sass/cs/_browser.scss */
select::-ms-expand {
  display: none !important;
}

/* Dropdown fix for mozilla */
/* line 138, ../../sass/cs/_browser.scss */
.dropdown-kit {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: checkbox-container;
  border-style: none;
}

/*hide scroll bars in ie and ff. must be conditionally done only for desktop*/
/* line 146, ../../sass/cs/_browser.scss */
.header-menu {
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  overflow: -moz-scrollbars-none !important;
}

/* line 151, ../../sass/cs/_browser.scss */
#settingPop {
  max-width: 650px;
}
#settingPop.general-setting-popup {
	max-width:680px;
}
/* Dropdown fix for mozilla  - added for syncing with server side*/
/* line 156, ../../sass/cs/_browser.scss */
.dropdown-kit {
  -moz-appearance: none;
}

/* Fix for  setting popup on desktiop browser */
/* line 162, ../../sass/cs/_browser.scss */
.setting-pop,
.account-search-pop, .search-pop-up {
  max-width: 750px;
  z-index: 4599;
  /*z-index changed as per server side*/
}

/* table head IE issue fix */
/* line 168, ../../sass/cs/_browser.scss */
.custom-floating-table .floatThead-container {
  top: 0px !important;
}

/* line 171, ../../sass/cs/_browser.scss */
.close-portfolio {
  top:0px;
  position: absolute;
  right:0px;
}
/* line 175, ../../sass/cs/_browser.scss */
.close-portfolio.close-icon {
  top:0px;
  position: absolute;
  width: 30px;
}

/* line 182, ../../sass/cs/_browser.scss */
.close-allocations {
  /* added as per server side*/
  top: 0px;
  position: relative;
  float: right;
  padding-right: 0px;
}

/* line 185, ../../sass/cs/_browser.scss */
.close-trade {
  position: absolute !important;
}
.close-trade-position{
  top: 22px;
  right: 10px;
}

/* line 191, ../../sass/cs/_browser.scss */
button:focus span:first-child {
  border: 1px dotted #272d33;
}

/* line 196, ../../sass/cs/_browser.scss */
.icon-link:hover,
.search-bright-icon:hover,
.settings-bright-icon:hover,
.settings-icon:hover,
.notification-bell-icon:hover,
.close-button:hover,
.toggle-widget-button:hover,
.help-icon-login:hover,
.info-icon-bright:hover,
.photo-tan img:hover,
.photo-tan-overlay img:hover,
.drag-icon-dark:hover,
.wizard-search-icon:hover,
.info-portfolio-icon:hover,
.info-icon:hover,.swipe-selection .element:hover,
.delete-icon:hover,
.glyphicon:hover,
.btn_toggle:hover,
.edit-icon:hover,
.trash-icon:hover,
.close-icon:hover,
.info-icon-link:hover,
.close-icon:hover,
.close-portfolio:hover,
#panelPayments:hover,
#panelSecurities:hover,
#panelMarket:hover,
#meta-header-button.down-button:hover,
#meta-header-button:hover,
.payment-info-icon:hover,
.plus-one-icon:hover,
.icon-link:focus,
.search-bright-icon:focus,
.settings-bright-icon:focus,
.settings-icon:focus,
.notification-bell-icon:focus,
.close-button:focus,
.toggle-widget-button:focus,
.help-icon-login:focus,
.info-icon-bright:focus,
.photo-tan img:focus,
.photo-tan-overlay img:focus,
.drag-icon-dark:focus,
.wizard-search-icon:focus,
.info-portfolio-icon:focus,
.info-icon:focus,.swipe-selection .element:focus,
.delete-icon:focus,
.glyphicon:focus,
.btn_toggle:focus,
.edit-icon:focus,
.trash-icon:focus,
.close-icon:focus,
.info-icon-link:focus,
.close-icon:focus,
.close-portfolio:focus,
#panelPayments:focus,
#panelSecurities:focus,
#panelMarket:focus,
#meta-header-button.down-button:focus,
#meta-header-button:focus,
.payment-info-icon:focus,
.plus-one-icon:focus {
  cursor: pointer;
  /*opacity: 0.6;*/
  color:#575756;
}
/*payment wizard add button enabled disabled modifications*/
span#newButton:not(.h-cursor){
	opacity:.5;
}
span#newButton:not(.h-cursor):hover{
	cursor:default;
}
span#newButton.h-cursor{
	opacity:1;
}
span#newButton.h-cursor:hover{
	cursor: pointer;
}

/* line 231, ../../sass/cs/_browser.scss */
.no-tap:hover {
  opacity: 1;
  cursor: default !important;
}
.dashboard-desktop-page .no-tap:hover{
	cursor: pointer !important;
}
/* line 236, ../../sass/cs/_browser.scss */
.table-wrapper {
  overflow: hidden !important;
  height: auto !important;
}

/* line 241, ../../sass/cs/_browser.scss */
h4:focus {
  outline: 0;
}

/* line 244, ../../sass/cs/_browser.scss */
.hide-in-browser {
  display: none !important;
}

/* line 247, ../../sass/cs/_browser.scss */
.top-md {
  top: 25px;
}

/* line 250, ../../sass/cs/_browser.scss */
#content-main, .table-scroll {
  height: auto !important;
}

/* line 254, ../../sass/cs/_browser.scss */
.table-scroll::-webkit-scrollbar {
  display: none;
}

/* line 261, ../../sass/cs/_browser.scss */
.footer-area .button:focus .button-text {
  border: 1px dotted #272d33;
}


/* line 278, ../../sass/cs/_browser.scss */
button:enabled:hover span.font-color-one {
  color: #e7e7e7 !important;
}

/* line 283, ../../sass/cs/_browser.scss */
#pdfExportPopup button:enabled:hover{
	box-shadow:none !important;
}
#pdfExportPopup button:enabled:hover span{
   color: #575757 !important;  
  box-shadow:none;
}

/* line 288, ../../sass/cs/_browser.scss */
#pdfExportPopup li:hover {
  background-color: transparent !important;
  color:#575757;  
}

/* line 294, ../../sass/cs/_browser.scss */
.cs-check-box input[type=checkbox] + label span.margin-top-5,
.cs-check-box input[type=checkbox]:checked + label span.margin-top-5,
.cs-radio input[type=radio] + label span.margin-top-5,
.cs-radio input[type=radio]:checked + label span.margin-top-5 {
  margin-top: 2px !important;
  font-weight: normal;
}

/* line 302, ../../sass/cs/_browser.scss */
.cs-check-box label {
  font-weight: normal;
}

/* line 305, ../../sass/cs/_browser.scss */
.load-more-link {
  padding: 20px 0;
  cursor: pointer;
}

/* line 311, ../../sass/cs/_browser.scss */
.navi {
  top: 60px;
}

/* line 314, ../../sass/cs/_browser.scss */
#pdfExportWrap { 
  color: #000000; 
  padding-right: 20px;
  background-position-x: right;
  background-position-y: center;
}

/* line 322, ../../sass/cs/_browser.scss */
#errorPageWrapper div#pageheader {
  display: none;
}

/* fix for IE allignment issue on settings popup span */
.display-grid{
  display: -ms-inline-grid;
}


/* fix for stoping page scroll on click of checkbox */
#paymentListings .cs-check-box, #doc-table .cs-check-box {
	position: relative;
}
/*Fix for removing overlapping of input on label*/
.cs-check-box input[type=checkbox] {
	top:8px;
	z-index:1;
}
.cs-check-box input[type=checkbox] + label{
	position:relative;
	z-index:2;
}
/* line 332, ../../sass/cs/_browser.scss */
.cs-radio input[type=radio]:focus label, .cs-check-box input[type=checkbox]:focus label {
  outline: thin dotted !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
}

/*fix for scroll in calendar on acounts pages*/
/* line 339, ../../sass/cs/_browser.scss */
#mainArea .calendarPanelBody {
  padding-bottom: 0 !important;
}

/* line 343, ../../sass/cs/_browser.scss */
.dropdown-kit:focus {
  border-bottom: 2px solid #000!important;
}

/* for hovering effect on table rows*/
/* line 350, ../../sass/cs/_browser.scss */
table.table tbody tr.no-hover:hover {
  background-color: transparent;
}
/* line 353, ../../sass/cs/_browser.scss */
table.table tbody tr:hover {
  background-color: #f2f2f2;
}

/* line 443, C:/Users/G837375/tablet_harmonization/sass/cs/_browser.scss */
#pwLarge tbody tr:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
/* line 356, ../../sass/cs/_browser.scss */
table.table td.font-color-one {
  cursor: pointer;
}
/* line 360, ../../sass/cs/_browser.scss */
table.table.h-cursor tbody tr:hover {
  cursor: pointer;
}

/* line 365, ../../sass/cs/_browser.scss */
.more-menu-button {
  margin-left: -40px;
  /* to be uncommented while copying for Desktop*/
  position: absolute;
  right: 12px;
  z-index: 4502;
  color: #ffffff;
}

.more-menu-button-iframe {
	top:1px
}
/* styles for 3dot approch menu in navigation*/
/* line 373, ../../sass/cs/_browser.scss */
.more-menu-wrapper li {
  list-style: none;
  text-align: left;
  font-family: GothamBook;
  font-size: 12px !important;
  color: #272d33;
  text-transform: none;
  padding: 0 10px;
  border-left:3px solid transparent;
  border-bottom:1px solid #bbbbbb;
}
.more-menu-wrapper-iframe{
 top: 47px !important;
}

.more-menu-wrapper li:last-child{
	border-bottom:none;
}
.more-menu-wrapper li:hover,.more-menu-wrapper li.active{
	color: #000000;
	border-left:3px solid #000000;
}
/* line 381, ../../sass/cs/_browser.scss */
.more-menu-wrapper li.active {
  font-family:GothamBold;
  background-color:#f2f2f2;
}
/* line 383, ../../sass/cs/_browser.scss */
.more-menu-wrapper li.active span {  
  padding-bottom: 2px;
}

/* line 389, ../../sass/cs/_browser.scss */
.more-menu-wrapper {
  position: fixed;
  z-index: 50000000000;
  right: 0;
  background-color: #ffffff;
  height: auto;
  width: auto;
  padding: 0px 0;
  -webkit-box-shadow: 0px -1px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -1px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -1px 12px 0px rgba(50, 50, 50, 0.75);
    border: 1px solid #bbbbbb;
}

/* line 398, ../../sass/cs/_browser.scss */
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
a:hover, .elAsLink:hover{
	color:#575757;
	cursor:pointer;
}
/*fix for IE clear and reveal icons*/
/* line 403, ../../sass/cs/_browser.scss */
::-ms-clear, ::-ms-reveal {
  display: none;
}

/*hiding the fake curosr image used for amount fields*/
/* line 408, ../../sass/cs/_browser.scss */
.blinking-cursor-img {
  display: none !important;
}

/* line 413, ../../sass/cs/_browser.scss */
.tablesorter-header-inner {
  padding-left: 0px !important;
}

div.new-calender:focus,.calIcon:focus {
     outline: none;
}

/*
			---------------------------------------------------------
						CSS style fixes for payments module
			---------------------------------------------------------
*/
/* payments_mod: css changes required to render navigation arrows for horizontally scrolling the accounts list */
/* line 424, ../../sass/cs/_browser.scss */
/* Fix for #6936 dropdown border issue*/
.dropdown-img.direct-rtl select{
	padding-right: 30px !important;
}
.dropdown-img.direct-rtl{
	padding-right: 0;
}
/* Hide pull indicator for any browser except chrome*/
.table-wrapper  .pull-indicator, .table-container .pull-indicator{ 
	display: none;
}
/* Show pull indicator only for chrome browser*/
.table-wrapper .pull-indicator:not(*:root), .table-container .pull-indicator:not(*:root){ 
	display: block;
}

@-moz-document url-prefix() {
    .table-wrapper  .pull-indicator, .table-container .pull-indicator {
       display: block;
    }
}

.payments_mod .gradient-right {
  display: none !important;
}

/* line 429, ../../sass/cs/_browser.scss */
.horizontal-table-container {
  padding: 0 30px;
}

/* line 432, ../../sass/cs/_browser.scss */
.hnav-horizontal-table {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  display: inline-block;
  z-index: 5;
  cursor: pointer;
}
/* line 441, ../../sass/cs/_browser.scss */
.hnav-horizontal-table.left {
  background-image: url(icon/chevron_numpad_left_normal@2x.png);
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
}
/* line 448, ../../sass/cs/_browser.scss */
.hnav-horizontal-table.right {
  right: 0;
  background-image: url(icon/chevron_numpad_right_normal@2x.png);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 455, ../../sass/cs/_browser.scss */
.table-arrow-scroll {
  top: 70px;
  cursor: pointer;
  cursor: hand;
  width: 50px;
  overflow: hidden;
  height: 50px;
  float: left;
  clear: none;
  position: absolute;
  z-index: 2;
}
/* line 466, ../../sass/cs/_browser.scss */
.table-arrow-scroll#table-right-arrow {
  right: 0px;
}
/* line 469, ../../sass/cs/_browser.scss */
.table-arrow-scroll#table-left-arrow {
  left: 0px;
}

/* line 474, ../../sass/cs/_browser.scss */
#table-right-arrow i {
  margin: 0 0;
  margin-right: 0px;
}

/* line 480, ../../sass/cs/_browser.scss */
#table-left-arrow i {
  margin: 0 0;
  margin-left: 0px;
}

/* line 484, ../../sass/cs/_browser.scss */
#table-left-arrow i, #table-right-arrow i {
  outline: 0;
}

/* line 487, ../../sass/cs/_browser.scss */
.icon-cs-flyout-menu-arrow-right, .icon-cs-flyout-menu-arrow-left {
  font-size: 30px;
}

/* line 491, ../../sass/cs/_browser.scss */
.icon-cs-flyout-menu-arrow-right {
  float: right;
}

/* line 495, ../../sass/cs/_browser.scss */
.table-arrow-backward, .table-arrow-forward {
	height: 36px;
    width: 36px;
    color: #000000;
    background-color: #ffffff;
    border-radius: 36px !important;
    display: inline-block;
    border: 2px solid #000000;
}
.table-arrow-backward:hover,.table-arrow-forward:hover{
	color: #ffffff;
    background-color: #000000;	
}

/* line 503, ../../sass/cs/_browser.scss */
.table-arrow-forward:before {
  margin-left: 3px;
}

/* line 507, ../../sass/cs/_browser.scss */
.table-arrow-backward:before,.table-arrow-forward:before {
  line-height: 35px;
}

/* line 510, ../../sass/cs/_browser.scss */
.icon-cs-flyout-menu-arrow-right:before {
  content: "\e047";
}

/* line 513, ../../sass/cs/_browser.scss */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "cs-icon-font" !important;
  /* to be replaced to our icon set */
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 523, ../../sass/cs/_browser.scss */
.icon-cs-edit-element:before {
  content: "4";
}

/* line 528, ../../sass/cs/_browser.scss */
.table-arrow-backward:before {
  margin-left: 0px;
}

/* line 532, ../../sass/cs/_browser.scss */
.icon-cs-flyout-menu-arrow-left:before {
  content: "\e046";
}

/* line 537, ../../sass/cs/_browser.scss */
.swipe-selection {
  overflow-x: hidden;
}
/* line 539, ../../sass/cs/_browser.scss */
.swipe-selection::-webkit-scrollbar {
  display: block !important;
  width: 8px;
}
/* line 543, ../../sass/cs/_browser.scss */
.swipe-selection::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
}
/* line 547, ../../sass/cs/_browser.scss */
.swipe-selection::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* line 552, ../../sass/cs/_browser.scss */
.amount-font::-ms-clear {
  display: none;
}

/* line 555, ../../sass/cs/_browser.scss */
.swipe-selection {
  background-color: #f2f2f2;
}

/* line 558, ../../sass/cs/_browser.scss */
select {
  line-height: normal;
  padding: 3px;
}

/* line 562, ../../sass/cs/_browser.scss */
swipe-selection {
  background-color: #f2f2f2;
}

/* line 565, ../../sass/cs/_browser.scss */
.single_currency {
  font-weight: normal;
}

/* line 568, ../../sass/cs/_browser.scss */
.margin_topSpace {
  padding-top: 10px !important;
}

/* line 572, ../../sass/cs/_browser.scss */
.margin-top-setting-payment-img {
  margin-top: 32px;
}

/* line 578, ../../sass/cs/_browser.scss */
#txt_amt:-ms-input-placeholder {
  color: #a8a8a7;
}

/* line 583, ../../sass/cs/_browser.scss */
.nopointer-event {
  pointer-events: none;
}
.swift-search #loading{
	margin-top: 13%;
}
/*
			---------------------------------------------------------
						CSS style fixes for login module
			---------------------------------------------------------
*/
/* line 593, ../../sass/cs/_browser.scss */
body.login {
  background-color: #ffffff !important;
  background-image: none;
}
/* line 596, ../../sass/cs/_browser.scss */
body.login #content-main {
  margin: 0 auto;
  width: 100%;
}

/* line 604, ../../sass/cs/_browser.scss */
#wrapper.login {
  background-image: none;
}
/* line 606, ../../sass/cs/_browser.scss */
#wrapper.login .header-cancel-text {
  position: absolute;
}
/* line 609, ../../sass/cs/_browser.scss */
#wrapper.login .login-field-width {
  /*width:100%;*/
}
/* line 612, ../../sass/cs/_browser.scss */
#wrapper.login #page-footer {
  position: fixed;
  width: 100%;
  float: none;
  left: auto !important;
  bottom: 0px;
  padding: 15px 15px !important;
  color: #272d33;
  background-color: transparent;
  border-top: 1px solid #bbbbbb;
}
/* line 623, ../../sass/cs/_browser.scss */
#wrapper.login .xs-font, #wrapper.login .xxs-font {
  font-size: 16px !important;
}
/* line 628, ../../sass/cs/_browser.scss */
#wrapper.login .login-area .login-warning.bg {
  font-size: 16px !important;
}
/* line 635, ../../sass/cs/_browser.scss */
#wrapper.login #pageheader #header3 #header-notification, #wrapper.login #pageheader #header4 #header-notification {
  top: 22px;
  right: 10px !important;
}

/* line 643, ../../sass/cs/_browser.scss */
#pageheader {
  background-image: none;
}
/* line 646, ../../sass/cs/_browser.scss */
#pageheader .ssl-image {
  background-image: none;
}

/* line 650, ../../sass/cs/_browser.scss */
.modal-backdrop {
  z-index: 9003 !important;
}

/* line 653, ../../sass/cs/_browser.scss */
.modal {
  z-index: 9004;
  overflow-y: hidden;
}

/* line 657, ../../sass/cs/_browser.scss */
.modal-open {
  overflow: visible !important;
}


/* line 804, ../../sass/cs/_browser.scss */
#modal-ret {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}


/* line 661, ../../sass/cs/_browser.scss */
#modal-news {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

/* line 667, ../../sass/cs/_browser.scss */
.pointer-events {
  pointer-events: none;
}

/*fix for input type number side buttons*/
/* line 671, ../../sass/cs/_browser.scss */
input[type=number],
input[type=tel] {
  -moz-appearance: textfield;
}

/* line 675, ../../sass/cs/_browser.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*fixes for arrow in drop down popups*/
/* line 683, ../../sass/cs/_browser.scss */
#home-setting-pop .arrow,
.trade-pop .arrow, .account-pop .arrow, .portfolio-pop .arrow {
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 687, ../../sass/cs/_browser.scss */
#home-setting-pop .arrow-down-pop,
.trade-pop .arrow-down-pop, .account-pop .arrow-down-pop, .portfolio-pop .arrow-down-pop {
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 696, ../../sass/cs/_browser.scss */
#wrapper.login #loginform input::-moz-placeholder {  
  text-transform: none;
  color: #a8a8a7 !important;
  opacity: 1;
}
/* line 702, ../../sass/cs/_browser.scss */
#wrapper.login #loginform input:-ms-input-placeholder { 
  text-transform: none;
  color: #a8a8a7 !important;
}

#quantity:-ms-input-placeholder{
	color:#a8a8a7;
}
#nominal:-ms-input-placeholder{
	color:#a8a8a7;
}

#freeText:-ms-input-placeholder{
	color:#a8a8a7;
	line-height:0px;
}

/* line 709, ../../sass/cs/_browser.scss */
#wrapper.login p.login-field-width .delete-icon {
  display: none;
  position: absolute;
  right: 14%;
  top: 30%;
}
/* line 719, ../../sass/cs/_browser.scss */
#wrapper.login .login-area .photo-tan img {
  height: 210px !important;
  width: 210px !important;
  margin-left: 0px;
}

/* line 730, ../../sass/cs/_browser.scss */
#tanimg:hover {
  cursor: default;
  opacity: 1;
}

/*
			---------------------------------------------------------
								CSS style fixes for payment wizard
			---------------------------------------------------------
*/
/* changes for hiding default clear button on input fileds in IE*/
/* line 745, ../../sass/cs/_browser.scss */
.payment-wizard .input-box-simple::-ms-clear {
  display: none;
}

.table-scroll tbody tr:hover,.scroll-table tbody tr:hover{
	cursor: pointer;
}
.tbl-no-cursor tbody tr:hover{
	cursor: default;
}

/* changes for mouse cursor pointer on all clickable elements */
/* line 750, ../../sass/cs/_browser.scss */
.login-button:hover,
.dereg-bullets span.font-color-one:hover,
.header-cancel-text:hover {
  cursor: pointer;
  color: #575757;
}

/* line 757, ../../sass/cs/_browser.scss */
.dash-check-box label:hover {
  cursor: pointer;
  color:#575757 !important;
  border:1px solid #575757 !important;
}

/* end mouse clickable css*/
/*
			---------------------------------------------------------
					CSS style fixes for secure welcome page module
			---------------------------------------------------------
*/
/*for showing scroll bars on desktops in chrome and safari*/
/* line 771, ../../sass/cs/_browser.scss */
.secure-page-col-1::-webkit-scrollbar,
.secure-page-col::-webkit-scrollbar,
#naviLeft::-webkit-scrollbar,
#content-main::-webkit-scrollbar {
  display: block;
  width: 10px;
}

/* line 778, ../../sass/cs/_browser.scss */
.secure-page-col-1::-webkit-scrollbar-track,
.secure-page-col::-webkit-scrollbar-track,
#naviLeft::-webkit-scrollbar-track,
#content-main::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
}

/* line 785, ../../sass/cs/_browser.scss */
.secure-page-col-1::-webkit-scrollbar-thumb,
.secure-page-col::-webkit-scrollbar-thumb,
#naviLeft::-webkit-scrollbar-thumb,
#content-main::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* line 792, ../../sass/cs/_browser.scss */
.secure-page-col-1 {
  padding-top: 20px;
}

/*
			---------------------------------------------------------
							CSS styles for trading module
			---------------------------------------------------------
*/
/* line 803, ../../sass/cs/_browser.scss */
.trade-width-100 {
  /* taken from server side */
  width: 100px;
}

/* displaying popup arrow direction correct */
/* line 807, ../../sass/cs/_browser.scss */
.trade-pop {
  height: 302px;
}
/* line 809, ../../sass/cs/_browser.scss */
.trade-pop .arrow {
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 813, ../../sass/cs/_browser.scss */
.trade-pop #mainForm {
  overflow-y: scroll;
  height: 300px !important;
}

/* adjusted arrow position for safekeeping and current accounts on IE and mozilla */
/* line 820, ../../sass/cs/_browser.scss */
.account-pop .arrow-down-pop {
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 825, ../../sass/cs/_browser.scss */
.no-scroll {
  overflow-y: auto !important;
}

/* Overriding existing behaviour from cs.css i.e outline should be shown on focus in case of browser */
select#instrumentRepresentationType:focus{
	outline: 5px auto -webkit-focus-ring-color !important;
  	outline-offset: -2px !important;
}

/*
			---------------------------------------------------------
							CSS styles for accounts module
			---------------------------------------------------------
*/

/* line 839, ../../sass/cs/_browser.scss */
#blanketAjax {
  width: auto;
  height: auto;
}

/* line 844, ../../sass/cs/_browser.scss */
#booking-ytd span, #estimated-grp span, .balnce-ytd span {
  cursor: pointer;
}
/* line 846, ../../sass/cs/_browser.scss */
#booking-ytd span.lightest-bg, #estimated-grp span.lightest-bg, .balnce-ytd span.lightest-bg {
  cursor: default;
}
/* line 848, ../../sass/cs/_browser.scss */
#booking-ytd span.lightest-bg:hover, #estimated-grp span.lightest-bg:hover, .balnce-ytd span.lightest-bg:hover {
  opacity: 1;
}
/* line 852, ../../sass/cs/_browser.scss */
#booking-ytd span:hover, #estimated-grp span:hover, .balnce-ytd span:hover {
  opacity: .7;
}

/* line 858, ../../sass/cs/_browser.scss */
.booking-list-calender {
  width: 475px;
}
/* line 860, ../../sass/cs/_browser.scss */
.booking-list-calender iframe {
  min-height: 270px !important;
  height: 270px !important;
}

/* to set the page hight on load more option (taken from server side code)*/
/* line 866, ../../sass/cs/_browser.scss */
.load-more-scroll-list {
  height: auto !important;
}

/* to set value of cursor for glyphicon-info-sign */
/* line 871, ../../sass/cs/_browser.scss */
.info-glif-loadmore-nocursor {
  cursor: default !important;
}
/*IE Edge fix for account list header*/
@supports (-ms-accelerator:true) {
    #account-sub-section .pull-indicator, .accounts-container-resp .pull-indicator{
        display: block;
    }
}
/*Credit card default cursor pointer for rows*/
#wrapper-account-bookings .table-scroll tbody tr:hover, #wrapper-account-bookings .scroll-table tbody tr:hover , #wrapper-card-bookings .table-scroll tbody tr:hover, #wrapper-card-bookings .scroll-table tbody tr:hover {
    cursor: default;
}
/* vertically center loading for accounts graphs*/
#graphContainer .account_graph_loading{
	margin-top:152px;
}
#accountValue:hover{
	cursor:pointer;
}
#pdfExportWrap:hover{
	cursor:pointer;
}
/*
			---------------------------------------------------------
							CSS styles for portfolio module
			---------------------------------------------------------
*/
.position-dropdown-option-black select option{
		background-color: #ffffff !important;	
	}
	
/*product offering style for cross icon for amount deletion*/
.delete-icon.right-btn-margin{
	top: 10px !important;    
    right: 5px;
    position: absolute;	
}

	
@media only screen and (min-width: 1500px) {
	.portfolio-performance-chart-width{
		width: 58.3% !important;
}
}

.portfolio-positions-desktop .width-10per {
  width: 10%;
}
.portfolio-positions-desktop .width-22per {
  width: 22%;
}
.portfolio-positions-desktop .width-12per {
  width: 12%;
}
.portfolio-positions-desktop .width-8per {
  width: 8%;
}
.portfolio-positions-desktop .width-17per {
  width: 17%;
}
.portfolio-positions-desktop .width-3per {
  width: 3%;
}

.portfolio-positions-desktop .width-18per {
  width: 18%;
}

.portfolio-positions-desktop .width-28per {
  width: 28%;
}

.portfolio-positions-desktop .width-30per {
  width: 30%;
}

.portfolio-positions-desktop .width-14per {
  width: 14%;
}

.portfolio-positions-desktop .width-27per {
  width: 27%;
}

.portfolio-positions-desktop .width-13per {
  width: 13%;
}

.margin-right-ms {
	margin-right : 12px;	
}

.portfolio-settings-popup .cs-check-box input[type=checkbox]:disabled + label{
	color : gray;
}

/* line 1002, c:/Apps/Workspace17.1/tablet_desktop/sass/cs/_browser.scss */
.portfolio-positions-desktop .sub-cate-header, .portfolio-positions-desktop .cate-header {
  cursor: default;
  border: none;
}
/* line 1005, c:/Apps/Workspace17.1/tablet_desktop/sass/cs/_browser.scss */

.portfolio-positions-desktop .table tbody tr td{
	border-top : 1px solid #f2f2f2;
}

.portfolio-positions-desktop .table tbody tr:hover{
	background-color : white;
	cursor : default;
}

.portfolio-positions-desktop .sub-cate-header td, .portfolio-positions-desktop .main-total-bx td{
	border-top : 0px !important;
}
.portfolio-positions-desktop .table > tbody + tbody{
	border-top: 0px;
}
.portfolio-positions-desktop .table{
	margin-bottom: -1px;
}
.portfolio-positions-desktop .table > tbody > tr:not(.group-row):last-child > td{
	border-bottom: 1px solid #f2f2f2 !important;
}

.portfolio-positions-desktop .table  tbody  tr  td:first-child {
	padding-left:10px;
}

/*
			---------------------------------------------------------
						CSS styles for payments approval module
			---------------------------------------------------------
*/
.dropdown-img.so-date, x:-moz-any-link, x:default { /* Overriding margin-left: -5px !important; This is removed for defect #QC6987 as it is causing issue in Firefox at multiple places*/
	margin-left: 0 !important;
}
.dropdown-img.so-date{ /* Padding added to right so that DD values will not merge with DD box
	padding-right: 34px;*/
}
.open-pdf-button-single{
	width:50%;
}
.text-center{
	text-align: center;
}
/*
			---------------------------------------------------------
						CSS styles for e-document module
			---------------------------------------------------------
			
*/
/* line 894, ../../sass/cs/_browser.scss */
.edocs-inbox-wrapper .load-more-docs {
  margin-top: -65px;
  /*taken from server side*/
}
/* line 897, ../../sass/cs/_browser.scss */
.edocs-inbox-wrapper .footer-area {
  margin-top: 10px !important;
}

/* line 902, ../../sass/cs/_browser.scss */
.cancel-order-content .footer-area {
  margin-top: 0px !important;
}

/* line 907, ../../sass/cs/_browser.scss */
.edoc-notificaitons .btn_toggle {
  cursor: pointer;
}

/* line 912, ../../sass/cs/_browser.scss */
.calendarPanel a.previousMonth {
  left: 19px;
}

/* line 916, ../../sass/cs/_browser.scss */
.transparent-select-height-35 {
  /*taken from server side*/
  height: 35px !important;
  background-color: transparent;
  border: none;
  margin-bottom: -9px;
}

/*
			---------------------------------------------------------
					CSS styles for product offering,
						call me back & self service module
			---------------------------------------------------------
*/
/* line 929, ../../sass/cs/_browser.scss */
.agreement.font-warning-color {
  color: #272d33;
}

/* line 932, ../../sass/cs/_browser.scss */
#nav4 li.active a:focus {
  text-decoration: none;
  cursor: default;
}

/* line 936, ../../sass/cs/_browser.scss */
.third-pillar-account .maincontent-padding #tablet-container #page-footer.lightest-bg {
  margin: 0px;
}


/* line 943, ../../sass/cs/_browser.scss */
.third-piller-security .maincontent-padding #tablet-container #page-footer.lightest-bg {
  margin: 0px;
}

/*.cs-radio input[type=radio] + label,
.cs-radio input[type=radio]:checked + label:focus,
.cs-check-box input[type=checkbox] + label,
.cs-check-box input[type=checkbox] + label:focus{
	outline:none;
}*/
/* line 953, ../../sass/cs/_browser.scss */
.selfservice-breadcrumb li a {
  cursor: default !important;
}

/* line 956, ../../sass/cs/_browser.scss */
.maincontent-padding .cs-check-box label span.cb-padding {
  display: inline-table;
}

/* line 959, ../../sass/cs/_browser.scss */
#nav4 li.active {
  cursor: default !important;
}
/* line 961, ../../sass/cs/_browser.scss */
#nav4 li.active a {
  cursor: default !important;
}

/* line 965, ../../sass/cs/_browser.scss */
.padding-top15 {
  padding-top: 15px;
}

/* line 968, ../../sass/cs/_browser.scss */
.padding-bottom15 {
  padding-bottom: 15px;
}

/* line 971, ../../sass/cs/_browser.scss */
.self-optional-info .bill-text-input {
  /*taken from server side*/
  height: 28px;
  overflow-y: auto;
}

.ui-state-default{
	margin-bottom: 0px;
}
/*left padding of About container information */
.about-left-padding{
  padding-left: 0px;
}
.width-95per{
	width : 95%;	
}
/*
			---------------------------------------------------------
						CSS styles for settings module
			---------------------------------------------------------
*/
/* line 982, ../../sass/cs/_browser.scss */
#country_list .cs-check-box input[type="checkbox"] + label, #country_list .cs-check-box input[type=checkbox]:checked + label {
  
}

/* line 986, ../../sass/cs/_browser.scss */
.ui-datepicker {
  max-width: 450px;
}

/*fixes for placeholders*/
/* line 990, ../../sass/cs/_browser.scss */
.form-control[readonly]::-webkit-input-placeholder {
  color: #ccc;
  -webkit-text-fill-color: #ccc;
}

/* line 991, ../../sass/cs/_browser.scss */
.form-control[readonly]:-moz-placeholder {
  color: #ccc;
  -webkit-text-fill-color: #ccc;
  opacity: 1;
}

/* line 992, ../../sass/cs/_browser.scss */
.form-control[readonly]::-moz-placeholder {
  color: #ccc;
  -webkit-text-fill-color: #ccc;
  opacity: 1;
}

/* line 993, ../../sass/cs/_browser.scss */
.form-control[readonly]:-ms-input-placeholder {
  color: #ccc;
  -webkit-text-fill-color: #ccc;
}

/* line 994, ../../sass/cs/_browser.scss */
.statement-textbox::-webkit-input-placeholder {
  color: #a8a8a7;
  -webkit-text-fill-color: #a8a8a7;
}

/* line 995, ../../sass/cs/_browser.scss */
.statement-textbox:-moz-placeholder {
  color: #a8a8a7;
  -webkit-text-fill-color: #a8a8a7;
  opacity: 1;
}

/* line 996, ../../sass/cs/_browser.scss */
.statement-textbox::-moz-placeholder {
  color: #a8a8a7;
  -webkit-text-fill-color: #a8a8a7;
  opacity: 1;
}

/* line 997, ../../sass/cs/_browser.scss */
.statement-textbox:-ms-input-placeholder {
  color: #a8a8a7;
  -webkit-text-fill-color: #a8a8a7;
}

/* line 998, ../../sass/cs/_browser.scss */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: auto;
}

/*			---------------------------------------------------------
						CSS styles for e-bills module
			---------------------------------------------------------
*/
.ebill-pills div:last-of-type {
	cursor: pointer;
}

/*********Harmonization changes******************/
span:focus{
	outline:0;
}
.setting-pop div.h-cursor span:hover,.setting-pop span.h-cursor:hover{
	color:#575757;
}
#pageheader .logo{
 position: absolute;  
  background: url(icon/logo_cs_blue@2x.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  width:153px;
  height:50px;
  background-size:153px 50px;
  border: 0 !important;
  margin: 0 !important;
  left:41px;
  top:2px;
  z-index:4501;
}

#pageheader .esos-logo{
  cursor:default;
  pointer-events : none;
  width: auto;
  height: auto;
}

#pageheader .logo {
	display:none;
}
/*
			---------------------------------------------------------
						CSS styles for devices with min 1500px width
			---------------------------------------------------------
*/
@media only screen and (min-width: 1500px) {
	#pageheader .logo {
	display:block;
}


  /* line 1014, ../../sass/cs/_browser.scss */
  #meta-header {
    display: none;
  }

  /* line 1017, ../../sass/cs/_browser.scss */
  #wrapper {
    width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

  /* line 1022, ../../sass/cs/_browser.scss */
  #pageheader {
    width: 1200px !important;
    position: relative;
    width: 100% !important;
    background-image: none;
	z-index:4501 !important;
  }
  /* line 1030, ../../sass/cs/_browser.scss */
  #pageheader #header3 #header-title,
  #pageheader #header4 #header-title {
    visibility: hidden !important;
    background: none !important;
  }

  /* line 1036, ../../sass/cs/_browser.scss */
  #content-main {
    width: 1200px;
    float: right !important;
    background-color: #ffffff;
  }

  /* line 1041, ../../sass/cs/_browser.scss */
  #page-footer {
    width: 1200px;
    float: right;
    margin-right: auto;
    left: auto !important;   
    position: relative;
  }

  /* line 1050, ../../sass/cs/_browser.scss */
  .login #page-footer {
    width: 1500px !important;
    margin-left: 0px;
    position: fixed;
  }
  /* line 1054, ../../sass/cs/_browser.scss */
  .login #page-footer a {
    color: #000000 !important;
    cursor: pointer;
  }

  /* line 1060, ../../sass/cs/_browser.scss */
  #naviLeft {
    position: relative;
    display: block;
    top: 0px;
	z-index:4500 !important;
  }

  /* line 1068, ../../sass/cs/_browser.scss */
  #naviLeft ul ul {
    display: block;
    transition: opacity 1s;
  }

  /* line 1074, ../../sass/cs/_browser.scss */
  .out {
    opacity: 1;
  }

  /* line 1077, ../../sass/cs/_browser.scss */
  .in {
    opacity: 1;
  }

  /* line 1080, ../../sass/cs/_browser.scss */
  .navi {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* line 1086, ../../sass/cs/_browser.scss */
  .newWrap {
    background-color: #fff;
    /*-webkit-box-shadow: 3px 0px 5px 0px rgba(50,50,50,0.1);
    -moz-box-shadow: 3px 0px 5px 0px rgba(50,50,50,0.1);
    box-shadow: 3px 0px 5px 0px rgba(50,50,50,0.1);*/
  }

  /* line 1092, ../../sass/cs/_browser.scss */
  #amount-area,
  #meta-header,
  #amount-area-bookings {
    background-color: #ffffff !important;
  }

  /* line 1098, ../../sass/cs/_browser.scss */
  body.login #infoPop1, body.login #infoPop2, body #wrapper .infoPop-full-width {
    width: 1500px;
  }

  /* line 1102, ../../sass/cs/_browser.scss */
  #page-footer.lightest-bg {
    width: 1074px;
    padding: 0 10px !important;
    margin: 0 15px;
  }

  /* line 1108, ../../sass/cs/_browser.scss */
  #pdfExportWrap .arrow-one-down-icon {
    vertical-align: sub;
  }

  /* line 1112, ../../sass/cs/_browser.scss */
  .accounts-mod #blanketAjax {
    padding-left: 0 !important;   
  }

  /* line 1116, ../../sass/cs/_browser.scss */
  .ng-view-wrapper {
   
  }

  /* line 1120, ../../sass/cs/_browser.scss */
  .top-margin-md.modal-formatter {
    padding-top: 0px !important;
    min-height: 0px !important;
  }

  /* line 1124, ../../sass/cs/_browser.scss */
  .payments_mod #calFrame {
    position: fixed;
  }

  /* line 1127, ../../sass/cs/_browser.scss */
  .payment-overlay {
    position: absolute;
    top: 15px;
    right: 2px;
  }
  #inpage-instructions {
		width: 1470px;
		margin: 15px;
		padding:10px 10px !important;
	}
	#blanketAjax{z-index:4499;}
	
}
/*for notifications in the headeer after collaboration and harmonization*/

	.channel-browser #pageheader #header3 #notify, #pageheader #header4 #notify{
		/*right:156px !important;*/
		background-color: #ffffff;
    color: #000;
	}
#errorPageWrapper .full-width-content{
	width : 100%!important;
  }
  #errorPageWrapper .display-block{
	display : block!important;
 }

.info-area {
		background-color: #FFFFFF !important;
		padding: 10px 48px;
	}
.margin-15px{
	margin : 15px !important;
}

.info-area #submit_header{
 padding-left: 0px !important;
}
/* line 1133, ../../sass/cs/_browser.scss */
table.mortgage-tables tbody tr:hover {
  /*taken from server side*/
  background-color: #f2f2f2;
  cursor: pointer;
}

/*Highlight custom checkbox and radio form elements on focus for tab */
/* line 1138, ../../sass/cs/_browser.scss */
.cs-check-box > input:focus + label, .cs-radio > input:focus + label {
  border: 1px dotted #000 !important;
}

/* line 1142, ../../sass/cs/_browser.scss */
.cs-check-box input[type=checkbox] + label.height-auto {
  /*taken from server side*/
  display: block;
  margin-bottom:0;
  padding-bottom:0;
  background-position : 0px 7px;
}

/* line 1145, ../../sass/cs/_browser.scss */
.co_online-sales .cs-check-box input[type=checkbox] + label span.inline-block {
  display: inline-table;
}

/* line 1148, ../../sass/cs/_browser.scss */
.co_online-sales .cs-check-box input[type=checkbox] + label span.inline-block .col-xs-12 {
  float: none;
  width: auto;
}


/* line 1152, ../../sass/cs/_browser.scss */
.co_mortgages-title {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* for default cursor in SQA */
.default-pointer  tbody tr:hover{
cursor:default;
}
/* Tooltip message  container ovelapping in payments */
.payment_reason{
	z-index:1;
}
/*Module error page for Trading*/
#searchInstrumentForm #errorPageMainDiv #content-main {
	width:100%;
}

.mortgage-pop #mainForm{
	overflow:auto;
}

.dashboard-desktop-page  table.zero-padding-table.border-btm-dark,.dashboard-list:last-child{
	border-bottom:0;
}
.header-menu-inner{
	visibility:hidden;
}
.dashboard-desktop-page .dashboard-top-section{
	padding-bottom:20px;
}
/*
			---------------------------------------------------------
				End of CSS styles for devices with min 1500px width
			---------------------------------------------------------
*/
/*
			---------------------------------------------------------
				Please do not write your css styles here,
				add your css styles under respective module
				comments.
				Also please make sure you add your new module just
				before the '@media only screen and (min-width:1500px)'
				css style block.
				for help - Anupam Singh
			---------------------------------------------------------
*/

.hidden-xs.swipe-selection.swipe-table-border tbody td.group-by-holder:hover{
    border-left:3px solid #000000 !important;
}

#pdfExportWrap.inactive {
  background-image: url(icon/chevron_dropDown_inactive@2x.png);
  background-position: center right;
  background-repeat: no-repeat;
  color: #6d6e71;
  background-size: 14px 9px;
  padding-right: 20px;
}

#pdfExportWrap.inactive:hover {
  cursor: default;
  color: #6d6e71 !important;
}

#pdfExportWrap.inactive {
  background-image: url(icon/chevron_dropDown_inactive@2x.png);
  background-position: center right;
  background-repeat: no-repeat;
  color: #6d6e71;
  background-size: 14px 9px;
  padding-right: 20px;
}

#pdfExportWrap.inactive:hover {
  cursor: default;
  color: #6d6e71 !important;
}

#pdfExportWrap.inactive {
  background-image: url(icon/chevron_dropDown_inactive@2x.png);
  background-position: center right;
  background-repeat: no-repeat;
  color: #6d6e71;
  background-size: 14px 9px;
  padding-right: 20px;
}

#pdfExportWrap.inactive:hover {
  cursor: default;
  color: #6d6e71 !important;
}

/****accessibility style*****/
fieldset legend{
	margin-bottom: 0!important;
    margin-top: 8px;
    line-height: 20px;
    font-size: 14px;
    font-family: GothamBold;
    border-bottom: 0px;
    color: #000;
}