@font-face {
  font-family: proxima-nova;
  src: url('../fonts/Proxima_nova/ProximaNova-Regular.otf');
}

body {
  font-family: proxima-nova;
  background-color: white;
  font-size: 12px;
}

a, .top-bar-section ul li>a, button {
  font-family: proxima-nova, Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.anchor-padding {
  padding: 5px 2px;
}

@media screen and (min-width:54.063em){
  .topbar-item-show {
    display: none;
  }

  .topbar-item-hide {
    display: inherit;
  }

}
@media screen and (max-width:54.063em){
  .topbar-item-hide {
    display: none;
  }

  .topbar-item-show {
    display: inherit;
  }
}

table {font:12px Helvetica;
  font-family: proxima-nova, Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  border-collapse:collapse;}
td { 	margin: 0px;
  padding: 1px;
  border-width:1px}

input, textarea, select {
  border : 0px solid #A9A9F5;
  background-color : #E1F5A9;
  color : black;
  font-size : 12px;
  font-family :  proxima-nova, Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 3.3em;
  height: 1.30em;
}
button {
  font-size : 12px ;
}

.button-primary {
  background-color: #56a2d2;
}

.button-default {
  background-color: #0cc1fc;
}

.button-secondary {
  background-color: #374596;
}

.button-nav {
  background-color: #26a5f6;
}

input {
  text-align: center;
}

.analytics-article{
  width: 700px;
}

#box1 {
  position:absolute;
  border:none;
  top:45px;
  right:25%;
  left:0;
  padding:15px;
  margin:5px;
}
#hello {
  position:absolute;
  border:none;
  bottom:2%;
  left:1%;
  right:25%;
  padding:0;
  margin:0;
}
.tdlight {
  margin: 0;
  padding: 0 5px;
  border-width:0;
  color: #2E2E2E;
}
.tdup {
  margin: 0;
  padding: 0 5px;
  background-color : #80ee8d;
}
.tddown {
  margin: 0;
  padding: 0 10px;
  background-color: #f66;
}
.tdbtmbrdr {
  margin: 0;
  padding: 10px 8px;
  border-top: 1px solid #87e3f4;
  border-bottom-width: 2px;
  /* border-top-style: hidden; */
  /* border-left-style: hidden; */
  /* border-right-style: hidden; */
}
.hiddentable, .hiddentable TH {
  font:12px Helvetica;
  font-family: proxima-nova, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #BCF5A9;
  background-color: #BCF5A9;
  margin: 0;
  padding: 0;
  border-collapse:collapse;
  border-color: #BCF5A9;
}

button.expand-submarket {
  margin: 0;
  padding: .25rem .5rem;
}

/* Login page styles*/

.login-page {
  background-color: #ebebeb;
  width: 400px;
  margin: 16px auto;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  padding-bottom: 1px;
  border-top: 10px solid #008cba;
  padding-top: 10px;
}

.login-page p {
  padding: 0 10px;
}

.login-page input[type=text],
.login-page input[type=password] {
  background: #fff;
  border-color: #bbb;
  color: #555;
  text-align: left;
}

.login-header {
  background: #008cba;
  padding: 20px;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.no-float{
  clear: both;
}
.login-page input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  padding: 16px;
  outline: 0;
  height: inherit;
  font-family: inherit;
  font-size: 0.95em;
}

.login-page .forget-password {
  /*color: black;*/
  text-align: center;
  opacity: 0.8;
}

/* Text fields' focus effect */
.login-page input[type=text]:focus,
.login-page input[type=password]:focus {
  border-color: #888;
}

.login-page input[type=submit] {
  background: #008cba;
  border-color: transparent;
  color: #fff;
  height: inherit;
  font-size: 1.2em;
  cursor: pointer;
}

.login-page input[type=submit]:hover {
  background: #17c;
}

/* Buttons' focus effect */
.login-page input[type=submit]:focus {
  border-color: #05a;
}

@media screen and (max-width: 400px) {
  .login-page {
    width: 98%;
    margin: 0 1%;
  }

  .login-page p {
    padding: 0 5px;
  }

}

/* Login page style ends*/

.add-market-button {
  padding: 5px;
  margin:0px; 
  height:20px;
  border-radius: 3px;
  background:#4679BD;
  margin: 5px 2px;
}


.hiddentable TD {
  margin: 0;
  padding: 1.5px;
  border-width:1px;
  border-color: #BCF5A9;
}

.smoother-charts {
  height: 300px;
  width: 500px;
}

.highchart-container {
  width: 100%;
}

@media only screen and (max-width: 500px) {
    .smoother-charts {
        width: 100%;
        padding: 0 5px
    }
}

ul.matrix-big-wrapper > li {
  margin-right: 5px;
}

#graph5{
  display: inline-table;
  clear: both;
}


.matrix-big-wrapper > li {
  width: initial;
  display: inline-block;
}
.pricing-table table {
  width: 100%;
}

.pricing-table .matrix-pricing-form {
  margin-bottom: 0;
}

.pricer-input[type=text], .pricer-input[type=submit] {
  position: absolute;
  height: 0px; 
  width: 0px; 
  border: none; 
  padding: 0px;
}

.skew-admin-btn {
  width: initial;
}

#update-btn.skew-admin-btn {
  visibility: hidden;
  width: 0;
}

.spreads-table-1 {
  margin-right: 10px;
}

.settles-table-container{
  display: inline-block;
  vertical-align:top;
  padding-bottom: 10px;
}

.strads {
  padding-bottom: 5px;
}

.datatable-info {
  padding:3px 2px;
}

.light 	{background-color: #fafdff; }
.dark {background-color: #ecf3f8;}
.d10 {background-color: #bbd1e1; }
.d25 {background-color: #8fb2cb; }
.d40 {background-color: #7998ae; }
.d60 {background-color: #fff95c ; }
.d75 {color: #BDBDBD; }
.d90 {color: #BDBDBD; }
.d100 {color: #BDBDBD; }
.dATM {background-color: #ffd960 ; }
.heading {background-color: #fafdff;}

.matrix-tdup.tdup {
  background-color: #80ee8d;
}

.settles-parent-table .d10 {background-color: #bbd1e1; }

.light.matrix-table-bg {
  background-color: #cbdae5;
}
.dark.matrix-table-bg {
  background-color: #d8e5ee;
}
.dATM.matrix-sdelta {
  background-color: #b4dd24;
}
.d40.matrix-sdelta {
  background-color: #7998ae;
}
.d25.matrix-sdelta {
  background-color: #8fb2cb;
}
.d10.matrix-sdelta {
  background-color: #bbd1e1;
}
.matrix-sdelta > a {
  color: black;
}

.matrix-sdelta.d75 > a, .matrix-sdelta.d90 > a, .matrix-sdelta.d100 > a {color: #BDBDBD;}

.d40.strads-table-heading {
  background-color: #3c658c;
}
.d40.strads-table-heading>td {
  color: white;
}
.d10.strads-table-alternate-bg, .dark.strads-table-alternate-bg {
  background-color: #eefbf9;
}

.settles-table.light {
  background-color: #eef6fb;
}
.settles-table.light {
  background-color: #e2eff8;
}

.light.strads-table-alternate-bg {
  background-color: #eaf5fc;
}

.settles-heading {
  background-color: #3c658c;
}

.settles-heading > td {
  font-size: 14px;
  font-weight: 800;
  color: white;
}

.settles-row-header > td {
  font-size: 12px;
  color: white;
}

.settles-parent-table {
  display: block;
}

#tSwptn {
  width:90px;
  padding: 5px;
  height: inherit;
}

#tSwptn-submit {
  width: 65px;
  padding: 1rem;
}

.inline-block {
  display: inline-block;
}

.subnav-main-wrapper li a.button.dropdown.tiny{
  color: white;
}

.subnav-sticky {
  position: fixed;
  top: 45px;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

.subnav-sticky~form {
  margin-top: 50px;
}

.subnav-wrapper {
  display: inline-block;
}

.subnav-links {
  display: inline-block;
  padding-right: 0;
}

.spricer-form > li > input{
  height:27px;
  width:50px;
}

#tSprd.spread-input {
  width: 100px;
  display: inline-block;
}


.input-left-align > input {
  text-align: start;
  padding-left: 5px;
}