.mobile #content_holder{
  float: none;
  margin-left: 0;
  width:100%;
}
.mobile #tab_holder{
 float: none;
 position: static;
 width: 100%;
}
body.mobile #calcs_holder {
  min-height: 0px;
  margin-left: 0px;
  width: 100%;
}

/* Strategy calcs */
.mobile .inputWrapper > span.input {
  max-width: 300px;
  flex-grow: 1;
}
.mobile [name=underlying-symbol], .mobile [name=symbol-symbol] {
  align-self: stretch;
  flex: 0 1 calc(90px + 2.5ch);
  max-width: calc(90px + 2.5ch);
  width: 60px;
  box-sizing: border-box;
  /* flex: 0 1 180px;
  width: 60px; */
}
.mobile .inputWrapper .input[name=underlying-curPrice],
.mobile .inputWrapper .input[name=symbol-curPrice],
.mobile .inputWrapper .input[name=underlying-price],
.mobile .inputWrapper .input[name=underlying-num],
.mobile .inputWrapper .optionLeg__priceInput,
.mobile .inputWrapper .optionLeg__contractsInput,
.mobile .inputWrapper .optionLeg__expiry,
.mobile .inputWrapper .optionLeg__strike,
.mobile .inputWrapper .optionLeg__iv,
.mobile .finder_expectedPrice,
.mobile .finder_date_expiry,
.mobile .finder_date_specific,
.mobile .finder_maxRisk,
.mobile .inputWrapper .calcOptions_calcDate,
.mobile .inputWrapper .calcOptions_ivChange,
.mobile .inputWrapper .optionLeg__opType,
.mobile .inputWrapper .optionLeg__act
{
  flex: 0 1 calc(90px + 2.5ch);
  max-width: calc(90px + 2.5ch);
  width: 60px;
  box-sizing: border-box;
}
.mobile .inputWrapper .optionLeg__opType,
.mobile .inputWrapper .optionLeg__act {
  text-align: center;
}

.mobile input[name=underlying-symbol] + .button,
.mobile input[name=symbol-symbol] + .button {
  text-indent:  -9999px;
  position:relative;
  width: 1.5em;
}
.mobile input[name=symbol-symbol] + .button:after,
.mobile input[name=underlying-symbol] + .button:after {
  content:'';
  position: absolute;
  top: 0;
  left:0;
  background-image:url('https://cdn.jsdelivr.net/gh/opcalc/v2-assets/images/search.svg');
  background-size: 1em;
  bottom: 0;
  right: 0;
  background-position: 50%;
  background-repeat: no-repeat;
}

.mobile .menu_group h3{
  padding-left:10px;
}
.mobile #tab_holder .dialog_tab_selected div{
  background-image: none;
}
.mobile #tab_holder .dialog_tab_selected img{
  display:none;
}
.mobile .stratTab a{
  color:#333;
}
.mobile .stratTab .minor{
  color:#333;
  font-weight:normal;
}
.mobile .close_x{
  display:block;
  font-size: 1.7rem;
  width:22px;
  height:22px;
}
.mobile #status_messages .msg .close_x {
  padding-top: 0;
}
.mobile #tab_holder_tabs {
  -ms-grid-template-columns: 1fr;
  grid-template-columns: 1fr;
}
.mobile .tab_fade_top,
.mobile .tab_fade_bot{
 display: none;
}
.mobile .strat-info{
 min-width: 0;
 width: auto;
}
.mobile .sharePanel{
 width: auto;
}
.mobile .ui-dialog .ui-dialog-content{
  padding:0.2em 0.1em;
}
.mobile .ui-dialog{
  padding:0;
}
body.mobile{
 min-width: 0;
 width: auto;
}
.mobile #supertop{
 margin: 0;
 width: auto;
}
.mobile #top{
 /*shorter background*/
 margin-top: 0;
 min-height: 46px;
 width: auto;
}
.mobile #menu{
 top: 0;
 left: 0;
 margin-top: 25px;
 width: auto;
}

.mobile .follow{
 display: none;
}
.mobile .tab_fade_top,
.mobile .tab_fade_bot{
 display: none;
}

.mobile #menu .jq_exclusive_target ul{
 width:auto;
}
.mobile #main{
 width:auto;
 min-width:0;
}
.mobile .option_selector tr td a {
  padding: 0.1em 0.25em;
}
.mobile .option_selector tr td {
  height: 1.25em;
}
.mobile .trade_summary {
  font-size:0.925em;
  white-space: nowrap;
}
body.mobile .calcButton.button {
  width: 100%;
  font-weight: 700;
}
/* body.mobile .formComplete .calcButton.button {
  position: sticky;
  bottom: 8px;
} */
/* !!! #menu top should be margin-top ??? or ie reason its not
 tab_holder ... * { width: auto }
 /* !!! change sub-text to not use br

*/

.mobile #stratArticle {
  margin-left: 0;
  margin-right: 0;
}