.ui-body-b,.ui-overlay-b {/*text-shadow:none;*/}
.ui-focus,.ui-btn:focus {
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}
/*
.ui-body-b, .ui-page-theme-b .ui-body-inherit, html .ui-bar-b .ui-body-inherit, html .ui-body-b .ui-body-inherit, html body .ui-group-theme-b .ui-body-inherit, html .ui-panel-page-container-b {
background-color: #ccc;
border-color: #252525;
color: #222;
text-shadow: 0 1px 0 #fff;
}

.ui-header-fixed,.ui-header-fixed.ui-fixed-hidden {
top: 20px;
padding-top: 0px;
}
.ui-header-fixed .ui-btn-left, .ui-header-fixed .ui-btn-right {
margin-top:0px;
}
body{text-shadow:none;}

#mainpagecontainer{padding-top: 59px;padding-bottom: 58px;}
*/
h1 {line-height:30px;margin:0 0 5px 0;font-size: 1.5em}
.ui-content {padding-top:0;}
  .pull-right {float:right;}
  .pull-left {float:left;}
  .clear {float:none;clear:both;}
  .text-center {text-align:center;}

a.header-btn {margin:5px 5px 5px!important;}

.tablist-left {
    width: 25%;
    display: inline-block;
}
.tablist-content {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
  background-color: #f7931e;
  border-color: #875010;
color:#fff ;text-shadow:0  1px  0  #444 ;
}
.ui-page-theme-a .ui-btn:hover,html .ui-bar-a .ui-btn:hover,html .ui-body-a .ui-btn:hover,html body .ui-group-theme-a .ui-btn:hover,html head + body .ui-btn.ui-btn-a:hover{
  background-color:#f7931e ;border-color:#875010 ;color:#fff ;text-shadow:0  1px  0  #444 ;
}
/* Calc tabs 
.calctabs {display:none;}
.calctabs.active {display:block;}

*/
.hidden-sm, .hidden {display:none!important;}
.header-logo {text-align:right;min-height:3em;}
.header-logo img {width:60%;max-width:300px;padding-top:.8em; padding-right:.8em;}

.controlgroup-textinput{padding-top:.22em;padding-bottom:.22em;}

::-webkit-scrollbar { 
    display: none; 
}

.centered li a{text-align: center !important;}

/* ICONS */

	/* SVG  */
	.ui-icon-myicon:after {
		background-image: url(themes/images/icons-svg/action-white.svg);
	}
	/* PNG Fallback */
	.ui-nosvg .ui-icon-myicon:after {
		background-image: url(themes/images/icons-png/action-white.png);
	}

/* spreadrates */

  p.answer {border: .1em solid #ccc; border-radius: .4em; padding:.5em;}

  .hidden-lg {margin:0;}

  /* medium screens */
  @media all and (min-width: 42em) {
    .spreadrates, .dft-wft {padding:1em;}
    .spreadrates h3, .dft-wft h3 {font-size: 1.7em; }
    .hidden-lg {display:none;}
    .hidden-sm {display:block!important;}
    .header-logo {text-align:center;min-height:3em;}
    .header-logo img {width:60%;max-width:300px;padding-top:.5em; padding-right:0;}
    .spreadrates .half {float:left;width:49.9%;}
    .dft-wft .third {float:left;width:33.3%;}
    .spreadrates-container .ui-block-a, .spreadrates-container .ui-block-b {width: 100%; float: none;    }
    h1 {line-height:35px;margin:0 0 15px 0;font-size: 1.8em}
    .ui-content {padding-top:0;}
  }

/* convert page layout  */
  
  .ui-select {margin-top:0;}

  .number-input {padding:0;}
  .number-input .left-part{  float: left;  width: 49.9%;}
  .number-input .right-part{  float: left;  width: 49.9%;}


  .select-input .left-part  {  float: left;  width: 24.9%;}
  .select-input .right-part {  float: left;  width: 74.9%;}
  .select-input label {}

  .calcconts h3,.spreadrates-container h3 {font-size: 1em; /*margin: 2px 0 3px 0;*/}
  .calctabs {margin-bottom: 10px;}

  .ui-navbar li .ui-btn {font-size: 10px;line-height: 20px}

  .tank {padding:10px;}
    
  @media all and (min-width: 42em) {
    .number-input {clear:both;}
    .select-input .left-part, .select-input .right-part {float:none; width:100%;}
    .ui-navbar li .ui-btn {font-size: 13px;line-height: 20px}
    .calcconts h3,.spreadrates-container h3  {font-size: 1.17em; /*margin: 1em 0;*/}
  }




	/* image grid styles */
      .image-grid .img-block  {
          text-align: left;
      }
      .image-grid .img-block {
          line-height: 120%;padding:10px;
      }
      .image-grid .img-block .thumb img {width:100%;}
      /* Stack all blocks to start */
      .image-grid .ui-block-a,
      .image-grid .ui-block-b,
      .image-grid .ui-block-c ,
      .image-grid .ui-block-d {
          width: 49%;
          float: left;
      }

      /* 1st breakpoint - Float B and C, leave A full width on top */
      @media all and (min-width: 42em) {
          .image-grid {
             overflow: hidden; /*  Use this or a "clearfix" to give the container height */
          }

          .image-grid .ui-block-a,
          .image-grid .ui-block-b,
          .image-grid .ui-block-c,
      	.image-grid .ui-block-d {
            float: left;
            width: 24.9%;
          }
         .image-grid .img-block {
            font-size: 85%;
          }

      }
      /* 2nd breakpoint - Float all, 50/25/25 */
      @media all and (min-width: 55em) {

          .image-grid .ui-block-a,
          .image-grid .ui-block-b,
          .image-grid .ui-block-c,
      	.image-grid .ui-block-d {
            float: left;
            width: 24.9%;
          }

      }
      /* 3rd breakpoint - Bump up font size at very wide screens */
      @media all and (min-width: 75em) {
          .image-grid .img-block {
            font-size: 125%;
          }
      }

/* coating breakdown */


    /* images */
    .breakdown img { width:100%; }
    .breakdown div { height:3em; overflow:hidden;}


    .rwd-example p {
        line-height: 140%
    }
    .rwd-example h4 {margin-bottom:0;font-weight:normal;}
    /* Stack all blocks to start */
    .rwd-example .ui-block-a,
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
        width: 100%;
        float: none;
    }
    .PI {padding-right:3px;}

    /* 1st breakpoint - Float B and C, leave A full width on top */
    @media all and (min-width: 42em) {
        .rwd-example {
            overflow: hidden; /* Use this or a "clearfix" to give the container height */
        }
        .rwd-example .ui-body {
           min-height: 
           1.8em;
        }
        .rwd-example .ui-block-b,
        .rwd-example .ui-block-c {
          float: left;
          width: 49.95%;
        }
        .rwd-example .ui-block-b p,
        .rwd-example .ui-block-c p {
          font-size: .8em;
        }

    }
/* 2nd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-example .ui-body {
      font-size: 125%;
    }
    .rwd-example .ui-body.answer{
      font-size: 100%;
    }

}