html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

@media screen and (max-width: 480px) {
  .wrapper {
    padding: 0 5px;
  }
}

.account *{box-sizing:border-box; -webkit-box-sizing:border-box;}
.account.index .bottom .template .content-holder{margin-bottom:0;}
.account.index .bottom .template .content-holder .wrapper{padding-bottom:0;border-bottom:none;}
.content .content-holder p{width:85%;}

.mobile-only{display:none;}
.inapp .mobile-only{display:block;}
.inapp #bond-screener sup{top:-2px;}
#bond-screener .select-style p:after{right: 7px;}

@media screen and (max-width: 768px){
  .content .content-holder p{width:100%;}
}

#bond-screener-header div {
  text-align: left;
}

#bond-screener-header .other-page {
  display: none;
}

#bond-screener-header .product-page {
  display: block;
}

#bond-screener-default-filter-holder {
	display: flex;
  padding: 0px 5px;
}

@media screen and (max-width: 367px){
  .inapp #bond-screener-default-filter-holder {
    display: block;
  }
}

#bond-screener-default-filter-holder #QuarterlyFundListHolder {
	flex: 1;
	padding: 6px 0px 5px 31px;
}

#bond-screener-show-filter-holder {display: none;}
#bond-screener-filters {background: white;text-align:left;}
#bond-screener-filters .select-style p {border: 1px solid black;}
#bond-screener-filters #bond-screener-filter-wrapper {
  background: rgb(116, 116, 116);
  color: rgb(255, 255, 255);
  padding: 10px 15px;
  text-align: left;
  display:flex;
  flex-wrap: wrap;
  row-gap: 5px;
  align-items: center;
}
#bond-screener-filters #bond-screener-filter-wrapper .selection-label, #bond-screener-filters #bond-screener-filter-wrapper .select-style {
	flex: 1 0 25%;
	width: 100%;
	padding: 0px 0px 3px 3px;
  display: flex;
  justify-content: flex-end;
	
}
@media screen and (max-width: 768px){
  #bond-screener-filters #bond-screener-filter-wrapper .selection-label, #bond-screener-filters #bond-screener-filter-wrapper .select-style {
    justify-content: flex-start;
    
  } 
}
#bond-screener-filters #bond-screener-filter-wrapper .selection-label {
	padding: 0px 5px 0px 3px;
	
}
#bond-screener-filters #bond-screener-filter-wrapper .select-style select {
	width: 100%;
}

#bond-screener-filters #bond-screener-filter-wrapper .select-style p {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 15px;
  padding-left:5px;
  padding-right:20px;
}

#bond-screener-filters #bond-screener-filter-wrapper .select-style.input {
  padding-left: 0px;
  justify-content: flex-start;
}

#bond-screener-filters #bond-screener-filter-wrapper .select-style.input input {
  width: 85%;
  height: 36px;
  border: 1px solid black;
  text-indent: 10px;
  background-color: white;
  color: black;
}

@media screen and (max-width: 768px){
  #bond-screener-filters #bond-screener-filter-wrapper .selection-label.input {
    flex: 1 0 50%;
  }
  #bond-screener-filters #bond-screener-filter-wrapper .select-style.input {
    flex:none;
    width: 100%;
  }
  #bond-screener-filters #bond-screener-filter-wrapper .select-style.input input{
    width: 100%;
  }
}

#bond-screener-filters #bond-page-holder {
  padding: 2px 5px;
  font-size: 14px;
}

#bond-screener-filters .selection-group {padding: 3px;flex: 50%;} //display: inline-block;}
#bond-screener-filters .selection-group .select-style p {width:100%; margin-bottom:0; padding-top:7px; padding-left:10px;}
.bond-red-button {text-align:center;border: 2px solid #ED0013;display: inline-block;-webkit-border-radius: 0;text-decoration: none !important;background: #ED0013;color: #FFF;border-color: #ED0013;cursor:pointer;padding: 7px 30px;}
#bond-screener-filters .selection-group-button {display:block;height:32px;}
#bond-screener-filters .selection-group-button .select-style {float:right;}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label {position: relative;  cursor: pointer;}
[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute; left: -9999px;}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top: 2px;width: 17px; height: 17px;border: 1px solid #aaa;background: #f8f8f8;border-radius: 3px;box-shadow: inset 0 1px 3px rgba(0,0,0,.3);margin-left: -30px}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {content: '\2714\fe0e';position: absolute;top: 3px; left: 4px;font-size: 18px!important;line-height: 0.8;color: #ef5350;transition: all .2s;margin-left:-30px;}
#bond-screener-entry-holder {padding-top:10px;}
#bond-screener-entry-holder table {width:100%;}
.bond-details-tb-text-align-left {text-align:left!important;}
.bond-details-tb-text-align-center {text-align:center!important;}
.bond-details-tb-text-align-right {text-align:right!important;}
#bond-screener-details-tb {margin-bottom:0px;}
body.shkf-lang-tc #bond-screener-details-tb thead tr td {white-space: nowrap;}
#bond-screener-details-tb td {
  padding: 9px 6px;
  border-width: 0px;
  outline-width:1px;
  outline-style:solid;
  outline-color:white;
  text-align: left;
}
#bond-screener-details-tb, #bond-screener-details-footer, #bond-screener-details-tb *, #bond-screener-details-footer * {font-size:14px;}
#bond-screener-details-tb, #bond-screener-details-footer td {text-align:left;}
//#bond-screener-details-tb {max-width: 1240px;}
#bond-screener-details-tb td .title {display:none;word-wrap: break-word;}
#bond-screener-details-tb thead td {background: #747474;color: #ffffff;font-weight: bold;text-align: center;}
.bondScreener .template .content-holder .wrapper {max-width: 1240px;}
#bond-screener-entry .select-style p {padding: 5px 10px; width: 100%;}

#bond-screener-details-tb.sortable thead td.sorttable_numeric:not(.sorttable_nosort) {
cursor:pointer;
}

#bond-screener-details-tb.sortable thead td.sorttable_numeric:not(.sorttable_nosort):not(.ascending):not(.descending):after {
content: url(../images/account/sort-arrow.png);
display: block;
padding-top: 3px;
}

#bond-screener-details-tb.sortable thead td.sorttable_numeric.ascending:not(.sorttable_nosort):after {
content: "\25B2";
}

#bond-screener-details-tb.sortable thead td.sorttable_numeric.descending:not(.sorttable_nosort):after {
content: "\25BC";
}

#bond-screener-details-tb tbody td.full {
text-align:center;
height:300px;
vertical-align:middle;
}

#bondScreenerLearnMorePrefix {display:inline-block;padding: 7px 10px;}
#bondScreenerLearnMore {float:right;}

body.shkf-lang-tc #bondScreenerRemark div[data-lang="en"] {
  display:none;
}

body.shkf-lang-en #bondScreenerRemark div[data-lang="tc"] {
  display:none;
}

#bond-disclaimer .bond-accept-disclaimer span {width:33%;padding-bottom:10px;display:inline-block;}

#bond-submitted-form{
text-align:center;
padding-top:20%;
padding-bottom:20%;
}

#bondScreenerPagePrevious, #bondScreenerPageNext{cursor:pointer;}
#bondScreenerLearnMoreBar {float:right;}
#bondScreenerLearnMoreMobile{display:none;}

#bond-screener-submitted-form, #bond-screener-submitted-form-bl {
	padding: 10px 0px;
}

#bond-screener-submitted-form .form, #bond-screener-submitted-form-bl .form {
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	background: white;
	border-radius: 20px;
}

#bond-screener-submitted-form .form .form-row, #bond-screener-submitted-form-bl .form .form-row {
	display: flex;
	margin-bottom: 15px;
}

#bond-screener-submitted-form-bl .form .form-row .form-label {
	display: flex;
	align-items: center;
	min-width: 120px;
	padding-right: 10px;
}

#bond-screener-submitted-form-bl .form .form-row .form-field {
	flex: 1;
	position: relative;
}

#bond-screener-submitted-form-bl .form .form-row .form-field input[type="text"] {
	width: 100%;
	background: #f2f3f4;
	color: black;
	line-height: 25px;
	height: 35px;
	position: relative;
}

#bond-screener-submitted-form-bl .form .form-row .form-field .field-row {
	display: flex;
}

.intl-tel-input {
	position: relative;
	display: inline-block;
	width: 100%;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
	text-align:left;
}
.intl-tel-input .flag-container .country-list {
	width: auto;
}
.intl-tel-input .flag-container .country-list .divider {
	padding-left: 0px;
}
.intl-tel-input .flag-container .country-list .divider::before {
	content: none;
}

#bond-screener-submitted-form-bl .form .form-captcha {
	border: 1px solid #888;
}

#bond-screener-submitted-form-bl #captcha-reload-btn-holder {
    text-align: center;
}

#bond-screener-submitted-form-bl .form #captcha-reload-btn {
    display: inline-block;
    height: 20px;
    width: 20px;
}

#bond-screener-submitted-form-bl .form #captcha-reload-btn img{
    width: 100%;
}

#bond-screener-submitted-form-bl .form .form-row .flex-1 {
    flex: 1
}

#bond-screener-submitted-form-bl .form .form-row .flex-2 {
    flex: 2
}

#bond-screener-submitted-form-bl .form .form-row .flex-3 {
    flex: 3
}

#bond-screener-submitted-form-bl .form .form-row .flex-4 {
    flex: 4
}

#bond-screener-submitted-form-bl #bond-screener-contact-info .form-header-desc {text-align: left;}

#bond-screener-submitted-form-bl #bond-screener-contact-info #personal-data-holder {margin-left: 31px;}

#bond-screener-submitted-form-bl #bond-screener-contact-info .error-msg div {display:none;}

#bond-screener-submitted-form-bl #bond-screener-contact-info .submit-btn {
  display: block;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #ed0013;
  line-height: 180%;
  border: 0;
  width: auto;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 9px;
  padding: 2px 15px;
}

#bond-screener-submitted-form-bl #bond-screener-contact-info .submit-btn.loading {
    color: transparent !important;
    border: transparent !important;
    background: url(../images/online-form/icon-loading.gif) no-repeat center center !important;
    background-color: transparent !important;
    cursor: default !important;
    pointer-events: none !important;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
         not supported by any browser */
}

#bond-screener-submitted-form .action-btn {
    display: inline-block;
    color: #fff;
    background: #ed0013;
    text-align: center;
    text-decoration: none;
	  width: auto;
    font-size: 16px;
    line-height: 180%;
    padding: 2px 15px;
    -webkit-appearance: none;
    border-radius: 9px;
    cursor: pointer;

}

#bond-screener-contact-info .form-row.error-row {
  margin-bottom: 35px;
}

#bond-screener-contact-info .form-row.error-row .form-field .error-msg {
  display: block;
}

.inapp #bond-screener-contact-info .form-row.error-row .form-field .error-msg {
  margin-top:2px;
}

.inapp #bond-screener-contact-info .form-row.error-row .form-field .error-msg, .inapp #bond-screener-contact-info .form-row.error-row .form-field .error-msg * {
  font-size:12px;
}

#bond-screener-contact-info .form-row .form-field .error-msg {
  display: none;
  color: #ed0013;
  font-size: 14px;
  width: 100%;
  margin-top: 5px;
  position: absolute;
  top: 100%;
  left: 0;
}

body.inapp {
  margin-left:0px;
  margin-right:0px;
}
.inapp .content-holder .wrapper {padding: 0px 0px;}
.inapp #bond-screener {background-color: #ececec;}
.inapp #bond-screener .content-holder {background-color: inherit;padding-top:5px;}
.inapp #bond-screener .wrapper {background-color: #ececec;}
.inapp #bond-screener-filters {background: inherit;}
.inapp #bond-screener-default-filter-holder #QuarterlyFundListHolder {
	margin-left: 0px;
	justify-content: flex-end;
	display: flex;
	padding-left: 0px;
}

@media screen and (max-width: 367px){
  .inapp #bond-screener-default-filter-holder #QuarterlyFundListHolder {
    padding-left: 30px;
    display: block;
  }
}

.inapp #bond-screener-entry-holder {background-color: #ececec;}
.inapp #bond-screener-show-filter-holder {display: flex; flex: 1;padding: 5px 0px; vertical-align:middle;}
.inapp #bond-screener-show-filter {cursor:pointer;display: inline-block;}
.inapp #bond-screener-show-filter.closed::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 13.0px;
	border-color: transparent transparent transparent #747474;
	display: inline-block;
	vertical-align: text-top;
}

.inapp #bond-screener-show-filter.opened::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #747474 transparent transparent transparent;
	display: inline-block;
	vertical-align: text-top;
}

.inapp #bond-screener-show-filter img{
  vertical-align:middle;
  margin-bottom: 5px;
}

body.inapp.hide {margin: 0px;}
.inapp #bond-screener-filters #bond-screener-filter-wrapper {display:none;}
.inapp .tab-page-holder {margin-top:0px;}
.inapp.private .tab-page-holder .tab-list a.on, .inapp.private .tab-page-holder .tab-list a:hover {background: white;}
.inapp .content {padding-top:0px;}
.inapp .tab-page-holder .tab-list {text-align:left;}
.inapp .tab-page-holder .tab-list.hide {text-align:left;display: none;}
.inapp .tab-page-holder .tab-list .tab {color: black; background: white; padding-bottom:3px; border-width:0px;height: auto; width:33.333%;}
.inapp .tab-page-holder .tab-list .tab span {font-size: 14px;}
.inapp .tab-page-holder .tab-list .tab.on {color: #ed0012; border-bottom: 2px solid #ed0012;}
.inapp .tab-page-holder .tab-list .tab:after {border-width:0px;}
.inapp #bond-screener-details-tb thead td{background: #ed0012;}

.inapp #bond-screener-details-tb td {
  padding: 1px 3px;
}
.inapp #bond-screener-details-tb td.no-wrap {
  white-space: nowrap;
  -webkit-text-size-adjust: 100%;
}

.inapp #bond-screener-submitted-form-bl .form, .inapp #bond-screener-submitted-form-bl .form * {
	font-size: 14px;
}

.inapp .form #bond-screener-contact-info .form-header-desc, .inapp .form #bond-screener-contact-info .form-header-desc * {
	font-size: 16px;
}

.inapp #bond-screener-submitted-form-bl .form .form-row {
	margin-bottom: 10px;
}

.inapp #bond-screener-submitted-form-bl .form .form-row.error-row {
	margin-bottom: 20px;
}

.inapp #bondScreenerLearnMoreBar {display:none;}

.inapp #bondScreenerLearnMoreMobile{
		display: block;
		position: sticky;
		padding: 2px 0px;
		overflow: hidden;
		bottom: 0;
		z-index:100;
		border: 1px solid white;
		background: #ed0012;
		cursor: pointer;
    color: white;
    margin: auto;
    width: 200px;
    height: 50px;
    border-radius: 20px;
}

.inapp #bondScreenerLearnMoreMobile, .inapp #bondScreenerLearnMoreMobile *{
   font-size: 14px;
}

  .inapp #bondScreenerLearnMoreMobile .content-container{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
	
.inapp #bondScreenerLearnMoreMobile .icon-clock {
	width:20px;
	vertical-align: middle;
	margin-bottom: 0px;
  filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(116deg) brightness(101%) contrast(101%);
	}

  @media screen and (max-width: 830px){
    #bond-screener-entry-holder .wrapper::after {
      content: '';
      /*background: linear-gradient(272deg, hsla(0, 0%, 100%, 0) 0, #fff);*/
      background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.4),hsla(0, 0%, 100%, 0.9));
      position: absolute;
      bottom: 0;
      right: 20px;
      height: 100%;
      width: 13px;
      text-align: right;
      float: right;
    }
  }
  @media screen and (max-width: 480px){
    #bond-screener-entry-holder .wrapper::after {
      right: 0px;
    }
  }

  @media screen and (max-width: 1055px){
    #bond-screener-details-wrapper {
      overflow: auto;
    }

    .inapp #bond-screener-entry-holder .wrapper::after {
      content: '';
      /*background: linear-gradient(272deg, hsla(0, 0%, 100%, 0) 0, #fff);*/
      background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.4),hsla(0, 0%, 100%, 0.9));
      position: absolute;
      bottom: 0;
      right: 0px;
      height: 100%;
      width: 13px;
      text-align: right;
      float: right;
    }

    #bond-screener-entry-holder #bond-screener-details-tb {
      width: 800px;
    }

    .inapp #bond-screener-entry-holder #bond-screener-details-tb {
      width: 800px;
    }

    #bond-screener-details-tb td.responsive-table-header {
      display: inline-block;
      background-color: #aaa;
    }
    #bond-screener-details-tb td .title {
      position: absolute;
      left: 10px;
      top: 9px;
      width: 50%;
      display: table-cell;
      text-align: left;
      margin-top: 0;
    }

    #bond-screener-details-tb thead tr:first-child td:first-child, #bond-screener-details-tb tbody tr td:first-child {
      position:sticky;
      left:0px;
      z-index:1;
    }

    #bond-screener-details-tb thead tr:first-child td:nth-child(2), #bond-screener-details-tb tbody tr td:nth-child(2) { 
    position:sticky;
      z-index:1;
    }
	
	#bond-screener-details-tb tbody tr td.full {
		outline-width: 0;
	}

/*
    #bond-screener-details-tb th:first-child , #bond-screener-details-tb th:nth-child(2) {
      z-index:3
    }
*/
    #bond-screener-details-tb tbody td.full {
      display:table-cell;
      padding:0px;
      text-align:center!important;
    }

    #bond-screener-details-tb:not(.sortable) tfoot td.full {
      display:table-cell;
    }

    #bondScreenerLearnMorePrefix {padding:0px; text-align:left;}
    #bondScreenerLearnMore {float:none;}

    #bond-disclaimer .bond-accept-disclaimer span {width:100%;padding-bottom:5px;}

    #bond-screener-details-tb #bondRemark {padding-left: 0px;}
    #bond-screener-details-tb #bondRemark div {text-align: left;}
	#bondScreenerLearnMoreBar {display: none;}
	#bondScreenerLearnMoreMobile{
		display: block;
		position: sticky;
		padding: 10px 0px;
		overflow: hidden;
		bottom: 0;
		z-index:100;
		border: 1px solid black;
		background: #ececec;
	}
	#bondScreenerLearnMoreMobile .icon-clock {width:20px; vertical-align: middle;}
  }

  .filters .select-style select {
    padding-right: 50px;
  }
  
  #bond-screener #bond-screener-header sup, #bond-screener #bond-screener-filters sup, #bond-screener #bond-screener-entry-holder sup {
	  font-size: 11px;
  }
  
  #bond-screener #bond-screener-header *, #bond-screener-filters * {
	  font-size: 16px;
  }

  @media screen and (max-width: 480px){
     #bond-screener-details-tb td {
      font-size: 0.9em;
      line-height: 1.5em;
    }
    #bond-screener-filters .selection-group-button {
      height:55px;
    }
  }
  @media screen and (max-width: 700px){
	#bond-screener-filters #bond-screener-filter-wrapper .selection-label, #bond-screener-filters #bond-screener-filter-wrapper .select-style {
		flex: 1 0 100%;
		width: 100%;
	}
  }

body.ebsi-go { color-scheme: light dark; background-color: #fff; }
.ebsi-go * { font-size: 1rem; }
body.ebsi-go.inapp #bond-screener-details-tb thead td, body.ebsi-go.inapp #bondScreenerLearnMoreMobile { background-color: #e83f21; }
body.ebsi-go .aodialog-modal-header { background-color: #e83f21 !important; }
body.ebsi-go .template .content-holder .btn.highlight, body.ebsi-go .btn.highlight { background: #e83f21; color: #FFF;  border-color: #e83f21; }
body.ebsi-go.inapp .tab-page-holder .tab-list a.on {  border-bottom: 3px solid #e83f21; }
body.ebsi-go.inapp #bondScreenerLearnMoreMobile { bottom:20px; }
body.ebsi-go.inapp #bond-screener-submitted-form .action-btn { background: #e83f21;}

@media (prefers-color-scheme: dark) { }