* {
     box-sizing: border-box;
 }
 
 html {
     width: 100%;
     height: 100%;
 }
 
 body {
     margin-top: 4em;
     padding: 2em;
     height: 100%;
     width: 100%;
 }
 
 canvas {
     margin: 0;
 }
 
 #content-wrapper {
     margin: 0 auto;
 }
 
 .chartOne,
 .chartTwo,
 .chartThree,
 .chartFour {
     max-height: 350px!important;
     margin-bottom: 1em!important;
     padding: 1em;
     box-sizing: border-box;
 }
 
 .filled {
     background-color: #588ab1;
     color: rgb(251, 176, 59);
     margin-bottom: 1em!important;
     /*padding:1em;
        overflow-x: scroll;*/
 }
 
 .stroked {
     color: rgb(251, 176, 59);
     border: 1px solid #588ab1;
     /*padding:1em;*/
     
     margin: 0;
 }
 /* remove spacing between middle columns */
 
 .row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
     padding-right: 5px;
     padding-left: 5px;
 }
 /* remove right padding from first column */
 
 .row.no-gutter [class*='col-']:first-child {
     padding-right: 5px;
 }
 /* remove left padding from first column */
 
 .row.no-gutter [class*='col-']:last-child {
     padding-left: 5px;
 }
 
 .well {
     background-color: transparent;
 }
 
 .no-left-margin {
     margin-left: 0!important;
     padding-left: 0!important;
 }
 
 .no-right-margin {
     margin-right: 0!important;
     padding-right: 0!important;
 }
 /*     .navbar-brand .pull-right {
    float: right !important;
    }*/
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: .2em;
 }
 
 #tsc-logo {
     position: relative;
     float: right!important;
     height: 20%!important;
     width: 100%;
     max-width: 320px;
     margin: 1.5em .5em;
     background: url('../img/tsc-logo.png') no-repeat center;
     background-size: contain;
     text-indent: -6000px;
     box-sizing: border-box;
 }
 
 #wh-logo img {
     height: 100%!important;
     width: auto;
 }

 #tsc-logo img {
     height: 100%!important;
     width: auto;
 }
 
 .container-fluid .navbar-brand {
     margin-left: -40px!important;
 }
 
 .navbar-brand {
     display: block;
     text-indent: -6000px;
     width: 300px;
     height: 30px;
     margin: 1em .5em;
     padding: 0;
     background: url('../img/brand-logo.png') no-repeat center;
     background-size: contain;
     float: left;
 }
 
 #connectionLine {
     margin-right: -500px;
     padding: 0;
 }
 
 .bottomMargin {
     margin-bottom: 1em;
 }

 #loading1 {
     background-color:powderblue;
     display:none;
     width:50px;
     height:50px;
 }
 /* Custom, iPhone Retina */
 
 @media only screen and (max-width: 480px) {
     body {
         margin: 50px 0 0;
         padding: 0!important;
     }
     .navbar {
         min-height: 30px;
         margin-bottom: 40px;
         border: 1px solid transparent;
     }
     #navbar-header {
         margin:.5em;
         height: 30px;
         max-height: 30px!important;
     }
     #content-wrapper {
         margin: 0 auto;
         width: 100%!important;
     }
     .container-fluid {
         width: 100%!important;
         padding: 0;
         margin: 0;
     }
     .container-fluid .navbar-brand {
         margin-left: 30px!important;
     }
     .navbar-brand {
         display: inline;
         text-indent: -6000px;
         width: auto;
         height: 30px!important;
         margin: .3em;
         margin-left: -20px;
         padding: 0;
         background: url('../img/WilliamHill-logo.png') no-repeat center;
         background-size: contain;
         float: left;
     }
     #tsc-logo {
         position: relative;
         float: right!important;
         height: 25px!important;
         width: 60%;
         max-width: 320px;
         margin: .5em .8em 0;
         background: url('../img/tsc-logo.png') no-repeat center;
         background-size: contain;
         text-indent: -6000px;
         box-sizing: border-box;
     }
     #tsc-logo img {
         height: 100%!important;
         width: auto;
     }
     h1 {
         font-size: 1.6rem;
     }
     .row {
         margin-left: 0!important;
         margin-right: 0!important;
         margin-bottom: .5em;
         padding: 0;
     }
     .chartOne,
     .chartTwo,
     .chartThree,
     .chartFour {
         max-height: 100%!important;
         margin-bottom: 1em!important;
         padding: .5em;
         box-sizing: border-box;
     }
     .bottomMargin {
         margin-bottom: 1em;
     }
 }