.trade-set h1,.trade-set h2,.trade-set h3, .trade-set h4, .trade-set h5,.trade-set h6, .trade-set p, .portfolio-set h1, .portfolio-set h2, .portfolio-set h3, .portfolio-set h4, .portfolio-set h5, .portfolio-set h6, .portfolio-set p {
line-height: 1.1!important;
}
.progress{
	overflow: hidden;
	margin-bottom: 5px;
	clear: both;
}
.oachart h1, .portfolio-set h1, .trade-set h1 {
	color: #34495e!important;
}
.progress-bar {
	float: left;
	text-align: center;
	height: 100%;
}
.legend {

}
.legend-top {

}
.legend-bottom {

}

.legend .element {
	float: left;
	text-align: center;
}
.legend .element h3, .legend .element h4 {
	margin-top: 5px;
	margin-bottom: 5px;
}



.donut-container canvas {
	margin: 0!important;
}


.donut-container .circles h1 {
	position: absolute; top: 20%; left: 0; width: 100%; text-align: center; line-height: 1.8!important; font-size: 60px!important;
}



.heading .left span {
	float: right;
}

.gas-chart .legend {
	clear: both;
	text-align: center;
	margin-top:10px;
}

.progress.p2x {
	height: 24px;
}

.thirds {
	width: 33%;
	float: left;
	margin: 0 auto;
}
.ui-slider {
	height: 24px;
}
.oachart .ui-slider-handle {
	width: 36px!important;
	height: 36px!important;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -6px;
	margin-left: -6px;
}
.horizBarChart h3, .horizBarChart h4 {
	margin: 0;
	clear: both;
	white-space: nowrap;
}
.horizBarChart .horz-bar {
	width: 90%;
	margin:10px auto;
	position: relative;
	height: 100px;
}
.horizBarChart .text-element {
	text-align: center;
	position: absolute;
}

.chart-speed-graph {
	margin-left: auto;
	margin-right: auto;
}
.chart-line-profit-loss canvas {
	display: none;
}
.chart-line-profit-loss ul {
	width: 100%;
	margin-left: 0;
}
.chart-line-profit-loss {
	margin-bottom: 60px;
}
.chart-line-profit-loss li {
  border-radius: 4px 4px 0 0; /* Remember vendor prefixes */
  box-shadow: 0 1px 0 0 rgba(255,255,255,.6) inset; /* Remember vendor prefixes */
  display: block;
  height: 125px;
  padding: 25px 0;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  background: #ebedef;
}
.chart-line-profit-loss h3 {
	margin: 0;
}
.chart-line-profit-loss h4 {
	margin-bottom: 0;
}
canvas.barDailyChart {
	display: none;
}
canvas.lineChart {
	padding: 10px!important;
}

canvas {
	margin: 30px 0!important;
}

.daily-boxes {
	float: left;
}
.daily-boxes ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-left: 0;
	margin-top: 30px;
}
.daily-boxes ul li {
	list-style: none;
	text-align: center;
	margin-right: 15px;
	flex-grow: 1;
}


.donut-container canvas {
	margin: 0!important;
}
.donut-container .circles span {
	font-size: 14px;
}
.donut-container .circles {
	position: relative;  margin: 0 auto 50px auto; display: block; text-align: center; line-height: 1.2;
}
.donut-container .circles strong {
	position: absolute; top: 30px; left: 0; width: 100%; text-align: center; line-height: 40px; font-size: 30px;
}

.trade-set table, .portfolio-set table {
width: 100%;
}
.trade-set .middle {
	clear: both;
}
.gas-field .fullbar {
            width: 21px;
            height: 7px;
            background-color: #ebedef;
            float: left;
            clear: both;
            position: relative;
        }
        .gas-title {
          clear: both;
        }

        .gas-field {
            float: left;
            padding-left: 20px;
            width: 25%;
        }
        .gas-field .bar-notch {
          width: 36px;
          height: 7px;
          float: left;
          border-top: 1px solid #ebedef;
          margin-left: 3px;
        }
        .gas-field .chart {
          margin: 0 auto;
          width: 75px;
        }
        .gas-field .chart:after {
          display: block;
          content: "";
          clear: both;
        }
        .gas-field .legend h3 {
          margin-top: 0;
        }
        .gas-field .bar-notch.longer {
          width: 50px;
        }
        .dropper {
          position: absolute;
          left: -17px;
          top: -10px;
        }
        .dropper i {
          font-size: 21px;
        }
        .dropper .color-cover {
          position: absolute;
          width:7px;
          height:7px;
          top:7px;
          left:0;
        }

ul.kd-watchlist {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.kd-watchlist .companyName {
	min-height: 34px;
}
.kd-watchlist li {
    width: 32%;
    background: #fff;
    border-radius: 5px;
    padding-top: 30px;
    margin-bottom: 20px;
    list-style-type: none;
    position: relative;
}

.kd-watchlist li .row {
	padding-right: 30px;
	padding-left: 30px;
}
.kd-watchlist li .earningcornercontainer {
	border-radius: 6px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.kd-watchlist.single-set {
	clear: both;
}

.kd-watchlist.single-set li {
	width: 100%;
	max-width: 360px;
	margin-bottom: 0;
	margin-top: 0;
}
.kd-watchlist li h3 {
	padding: 0;
	margin-bottom: 8px;
}
.kd-watchlist li .earningcorner {
	list-style: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 65px 65px 0;
	border-color: transparent #c38cd4 transparent transparent;

}

.kd-watchlist.single-set li h4 {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	color: #999;
	font-weight: normal;
	font-style: normal;
	border-bottom: none;
	margin-bottom: 4px;
	padding-bottom:0;
	
}

.kd-watchlist li .earningcorner .fa {
	color: #fff;
    position: absolute;
    left: 33px;
    top: 6px;
    font-size: 25px;
}

.kd-watchlist .popup-date {
	display: none;
	position: absolute;
	background: #34495E;
	color: #fff;
	padding: 8px;
	top: 28px;
	right: 30px;
	border-radius: 6px;
	-webkit-box-shadow: 5px 5px 1px rgba(0,0,0,.35);
	box-shadow: 5px 5px 1px rgba(0,0,0,.35);
}

.kd-watchlist .bar-main-container {
  margin: 10px auto 0;
  width: 100%;
  height: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
}

.kd-watchlist .wrap { padding: 8px; }

.kd-watchlist .bar-percentage {
  float: left;
  background: rgba(0,0,0,0.13);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 0px;
  width: 30%;
  height: 16px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  line-height: 1.3;
  font-size: 14px;
}

.kd-watchlist .bar-container {
  float: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 10px;
  background: rgba(0,0,0,0.13);
  width: 55%;
  margin: 12px 0 12px 8px;
  overflow: hidden;
}

.kd-watchlist .bar {
  float: left;
  background: #FFF;
  height: 100%;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.kd-watchlist .oa-dropdown .fa, .kd-watchlist .single-oa-dropdown .fa {
    font-size: 26px;
}

.kd-watchlist .oa-dropdown, .kd-watchlist .single-oa-dropdown {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

.kd-watchlist .oa-dropdown .fa, .kd-watchlist .single-oa-dropdown .fa {
	cursor: pointer;
}

.kd-watchlist .more-info {
	text-align: center;
	display: none;
}
.kd-watchlist .more-info .strategies {
	background: #FDFBDD;
	padding: 10px;
}

.kd-watchlist .more-info .strategies h4 {
	margin-top: 8px;
}

.kd-watchlist .more-info .ranges {
	background: #34495E;
	padding: 25px;
	color: #fff;
	border-radius: 0 0 6px 6px;
}
.kd-watchlist .more-info .ranges h3 {
	font-weight: bold; 
	font-size:30px;
	font-family:'Helvetica Neue', Helvetica, sans-serif;
	margin-bottom: 15px;
}
.kd-watchlist .more-info .ranges h3, .kd-watchlist .more-info .ranges h4 {
	color: #fff;
}

/* COLORS */
.kd-watchlist .blue   { background: #3DB1DB; }
.kd-watchlist .green { background: #3BC09F; }
.kd-watchlist .orange  { background: #F9845B; }
.kd-watchlist .red     { background: #E95161; }



.kd-watchlist-filter-sort {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.kd-watchlist-filters ul li, .kd-watchlist-sort ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
}

.kd-watchlist-filters ul, .kd-watchlist-sort ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 0;
}


.kd-watchlist-filters, .kd-watchlist-sort {
    width: 40%;
    padding: 20px;
    border: dashed 3px #34495c;
    margin-right: 15px;
    flex-grow: 1;
}
.kd-watchlist-sort {
	width: 55%;
	margin-right: 0;
}

.kd-watchlist-filter-sort {
    margin-bottom: 20px;
}


.bootstrap-switch-square .bootstrap-switch-primary {
	color: #2ecc71;
}

.bootstrap-switch-square .bootstrap-switch-primary~.bootstrap-switch-handle-off:before,
.bootstrap-switch-square .bootstrap-switch-off .bootstrap-switch-handle-on~.bootstrap-switch-handle-off.bootstrap-switch-primary:before {
	background-color: #2ecc71;
}

.bootstrap-switch-disabled .bootstrap-switch-handle-on~.bootstrap-switch-handle-off.bootstrap-switch-primary:before {
    background: #7f8c9a!important;
    border-color: #bdc3c7;
}

.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch-disabled .bootstrap-switch-handle-off {
    background: #bdc3c7!important;
    color: #fff!important;
}


.kd-week-earnings {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.kd-week-earnings .day {
    width: 20%;
    padding: 0 10px;
    flex-grow: 1;
}

.kd-week-earnings .day .cf {
    background: #FDFBDD;
    width: 100%;
    border-radius: 6px;
}

.kd-week-earnings .day .element div {
    padding: 0 20px;
}

.kd-week-earnings .day .element .weekday {
    text-align: center;
    background: #C38CD4;
    border-radius: 6px 6px 0 0;
    padding: 13px 0;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}

.kd-week-earnings .day .element .weekday .weekdate {
	font-size: 16px;
	display: block;
}
.kd-week-earnings .earning-ticker {
	font-size: 35px;
	color: #333;
	margin-bottom: 5px;
	line-height: 1;
}

.kd-week-earnings .earning-stock {
	text-align: center;
}

.kd-week-earnings .earning-stock h4 {
	margin-bottom: 0;
}

.kd-week-earnings .earning-stock .divider {
	border-bottom: dotted 1px gray;
	margin-bottom: 20px;
	height: 10px;
}

.kd-week-earnings .element .earning-stock:last-child .divider {
	margin-bottom: 0;
	border-bottom: none;
}

.css-button.button-green {
	background: #2ecc71;
	color: #fff;
	padding: 20px 0;
    border: none;
    border-width: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: none;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: relative!important;
    display: block!important;
    border-style: solid;
}

.css-button.button-green .text, .css-button.button-green:hover .text {
	font-family: Montserrat;
    font-weight: bold;
    font-size: 20px;
    padding: 0 15px;
    text-decoration: none;
    color: #fff;
}


@media only screen and (max-width: 768px) {
	.thirds {
		width: 100%;
		float: none;
	}
	.daily-boxes {
		float: none;
	}
	.daily-boxes ul {
		display: block;
	}
	.daily-boxes ul li {
		margin-top: 45px!important;
	}
	.daily-boxes ul li h1 {
		margin-bottom: 0;
	}
	.gas-field .bar-notch.longer {
		width: 25px;
	}
	.gas-field .fullbar {
		width: 10px;
	}
	.gas-field .bar-notch {
		width: 18px;
	}
	.gas-field .chart {
		width: 100%;
	}
	.chart-line-profit-loss ul li {
		height: auto!important;
		padding: 25px 0!important;
	}
	.kd-watchlist {
		display: block;
	}
	.kd-watchlist li {
		width: 100%;
	}
	.kd-watchlist-filter-sort {
		display: block;
		margin-bottom: 15px;
	}
	.kd-watchlist-filters, .kd-watchlist-sort {
		width: 100%;
	}
	.kd-watchlist-filters ul, .kd-watchlist-sort ul {
		flex-wrap: wrap;
	}
	.kd-watchlist-filters ul li, .kd-watchlist-sort ul li {
		width: 50%;
	}
	.kd-week-earnings .day {
		margin-bottom: 25px;
		width: 100%;
	}
	.kd-week-earnings {
		display: block;
	}
}

@media only screen and (min-width: 700px) {
	.chart-line-profit-loss {
		padding-bottom: 32px;
		padding-top: 32px;
	}
	.chart-line-profit-loss ul {
		height: 400px;
	}
	.chart-line-profit-loss ul li {
		display: inline-block;
		height: 400px;
		width: 10%;
		margin: 0 1% 0 0;
	}
	.chart-line-profit-loss ul li h3, .chart-line-profit-loss ul li h4 {
		position: absolute;
		width: 100%;
	}
	.chart-line-profit-loss ul li h3 {
		top: -32px;
	}
	.chart-line-profit-loss ul li h4 {
		bottom: -60px;
	}
	

}

@media only screen and (max-width: 968px) {
	.oachart {
		width: 100% !important;
	}
}