div#cvi_chart {
    width: 100%;
    height: 500px;
}

.add-btn-group-wrap {

}

input#article-horizon {
    background-color: #ffffff; /*c1f7d5 Light green color */
    border: none ; /*1px solid #cccccc */
    width: 48px;
    color: #000000;
    padding: 2px;
    margin: 1px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    box-shadow: 1px 1px 3px rgb(240, 252, 201);
    border-radius: 10px; /* Rounded corners */
}

/* Show up and down arrows for number input */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  opacity: 1;
}


.chart-green {
	font-size: 16px;
	font-weight: bold;
	color:green;
}

.chart-red {
	font-size: 16px;
	font-weight: bold;
	color:red;
}

.chart-orange {
	font-size: 16px;
	font-weight: bold;
	color:orange;
}

.red-circle{
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:red;
    display: inline;
    margin-left: 10px;
    margin-right: 5px;
}

.orange-circle{
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:orange;
    display: inline;
    margin-left: 10px;
    margin-right: 5px;
}

.green-circle{
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:green;
    display: inline;
    margin-right: 5px;
    margin-left: 10px;
}

.type-btn-group-wrap {
    margin-bottom: 10px;
    text-align: center;
}

.type-btn-group-wrap div.btn-group {
    margin: 0 auto;
    text-align: center;
    width: inherit;
}

.type-btn-group-wrap .btn {
    height: 25px;
    width: 200px;
    font-size: 11px;
    padding: 0;
}

div.type-current-wrap li {
    font-weight: bold;
}

form.cviform label {
    float: left;
}

form.cviform select {
    width: 170px;
    margin-bottom: 0;
}

form.cviform .btn {
    margin-left: 20px;
    width: 100px;
}

table.radio-table {
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #666;
    width: 100%;
    background-color: #fff;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

table.radio-table td {
    background-color: #CCCCFF;
    color: #000;
    padding: 4px;
    text-align: center;
    border: 1px #fff solid;
    font-size: 11px;
}

table.radio-table input {
    margin: -3px 0 0 0;
	vertical-align:middle;
}

ul.errorlist {
    color: #FF3300;
}

a.toggleBar {
    background-color: #787878;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 12px;
    margin-bottom: 3px;
    margin-top: 6px;
    padding: 10px;
	margin-right:10px;
    text-align: center;
    text-decoration: none !important;
    width:auto;
	float:left;
}

div#div_download a {
    display: block;
    text-align: center;
    cursor: pointer;
}

div.slider-wrap {
    margin-bottom: 5px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: right;
}

table.slider-table-wrap {
    border-spacing: 0.5%;
    border-collapse: collapse;
    padding: 0;
    /*margin-left: 5%;
    margin-right: 5%;*/
}

div#slider.date-slider {
    width: 555px;
    margin-left: 10px;
    margin-right: 10px;
}

span.slider-date-left {
    border: 0;
    width: 4%;
    color: #555;
    margin-left: 0.5%;
    margin-top: 0.3%;
}

span.slider-date-right {
    border: 0;
    width: 4%;
    color: #555;
    margin-right: 2%;
    margin-top: 0.3%;
}

img.slider-arrow-image {
    height: 1%;
    margin-left: 1.5%;
    margin-right: 2%;
    border: 0;
    max-width: 100%
}

div.lock-scale-wrap {
    float: left;
	margin-bottom:1%;
}

input#lockScaleCheck {
    margin-top: 0;
    margin-left: 2.5%;
    margin-right: 0.5%;
}

div.select-panel-wrap {
    margin-top: 0.5%;
    display: none;
}

table.select-panel-table {
    margin-left: 10px;
    padding: 3px 15px;
}

table.calc-select-panel-table button {
    float: right;
}

table.calc-select-panel-table button {
    float: right;
}

div.add-btn-group-wrap td > .btn {
    float: right;
}

div.search-panel-wrap {
    margin:0;
   /* width: 100%;*/
   /* overflow: hidden;*/
    /*margin-right: 0;*/
    /*width: 505px;*/
}

div.keywords-label {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    width: 140px;
    font-size: 12px;
}

div#loadingDiv {
    display: inline;
}

div#loadingDiv img {
    margin-top: 5px;
    margin-left: 10px;
}

div.datanote {
    margin-left: 20px;
}
.type-current-wrap div.datanote{margin-left:0px !important;}
#div_cdsdatatable .table label{padding:5px; font-size:10px !important; letter-spacing:0px;}
#div_cdsdatatable .table td{letter-spacing:0px !important;}

div.comp_number_list li {
    font-weight: bold;
}

div.datanote .table td {
    text-align: center;
    color: #333;
}

div#calculator_variable input {
    width: 90%;
}
/*input:invalid {
	border: 1px solid #CB000F;
	color: red
}*/

input:valid {
	/*color: #00882D;*/
}

input:indeterminate {
	background-color: grey;
}

.chartnotes {
    /*Same font family as used in SVG charts*/
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 45px;
}

.chartdesc {
    font-size: 13px;
}

.add-entity-notes span {
    font-size: 12px;
}


@media (max-width:500px) {
    span.slider-date-left, span.disslider-date-left{
        margin-right: 0%;
    }

    span.slider-date-right, span.disslider-date-right {
        margin-right: 0%;
    }

    img.slider-arrow-image {
      max-width: 65%;
    }

    img.disslider-arrow-image {
      max-width: 75%;
    }
}