/* TODO: This file should live in chart_component */
html, body {   height: 100%;   width: 100%;    margin:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; }
/*override chart component css*/
.chart-panel-plot-area:first-child .chart-panel-breadcrumbs .chart-breadcrumb:first-child { display:none !important;}
.chart-panel-splitter .chart-panel-splitter-grabber {   display:none;}
/*end:overriding of chart component css*/

select#instruments.form-control.input-sm.mini, select#period.form-control.input-sm.mini,select#lineType.form-control.input-sm.mini { width: 20%; height: 20px; padding: 0px; border-radius: 3px; margin:2px 0px 3px 2px; background-image: url(../../Assetsv2/images/1x1000alpha.png); border-width:0px;}

select#studyType.form-control.input-sm.medium,select#changeTimezone.form-control.input-sm.medium { width: calc(10% - 10px); height: 20px; padding: 0px; border-radius: 3px; margin:2px 0px 3px 2px; background-image: url(../../Assetsv2/images/1x1000alpha.png);  border-width:0px;}

button#addStudy.btn.btn-primary.input-sm.mini { width: 77px; height: 20px; padding: 0px;}

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

.form-inline .form-group{ display: inline-block; margin-bottom: 0;}

@media (min-width: 768px){
    select#studyType.form-control.input-sm.medium, select#changeTimezone.form-control.input-sm.medium  { width: 214px; }
    button#addStudy.btn.btn-primary.input-sm.mini { width: 105px; }
}

.ch-wrap-main {  position:relative; margin:0 auto; height:100%; min-height:160px; width:100%; min-width:260px; overflow:hidden; z-index:1; border-radius:5px; background-color:#401818; background-repeat: repeat-x; background-image: url(../../Assetsv2/images/1x1000alpha.png);}

.ch-tital {height:5%; font-size:1.2em; font-weight:bold; padding:5px; border-radius:5px; min-height:15px; max-height: 30px;}

.ch-Panel { padding:0 5px; height:80%;}

.ch-chartWrap { height:98%; overflow:hidden; position:relative; z-index:1000; }

.chart{ height: 99%; width: 100%;}

.ch-toolbar { min-height:19px; position:relative; border:1px solid #ffffff; overflow:visible; height:23px; text-align:left; background-color:#ffffff; padding:0;  margin:0; background-repeat: repeat-x; background-image: url(../../Assetsv2/images/1x30alpha-reverse.png);}

.ch-chartContainer { height:92%; background-color:#fff;   color: #ffffff;  padding:0; margin:0;}

.ch-label { font:bold 14px arial; color:#ffffff; vertical-align:baseline; }

.ch-footer { padding:5px; font-weight:bold; position:relative; height:12%; min-height:35px; max-height:40px; font: normal 11px Trebuchet MS,arial,verdana,tahoma,sans-serif;}

.ch-Links { bottom:10px; left:5px; position:absolute; color:#ffffff; padding:0; margin:0;}

.ch-LinksUrl { color:#ffffff;  text-decoration:none;}

.ch-powerBy {right:60px; bottom:10px; color:#fff; position:absolute; font-weight:bold;}

.ch-footerLogo { width:50px; height:38px; right:6px; bottom:10px; position:absolute; color:#ffffff; padding:0; margin:0; border-width:0px; overflow: hidden;}

#logoUrl {position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:0px; padding:0px; border-width:0px; }

#footerlogo {  max-height:100%;   max-width:100%;   overflow:hidden; position:absolute; right:0px; bottom:0px; margin:0px; padding:0px; border-width:0px; }

.cc-chart-panel-breadcrumbs {  display:none;}

.custom-dropdown.instruments  { width: 18%;   margin:0px 0px 0px 2px;  }
.custom-dropdown.chart-type {  width: 18%;  }
.custom-dropdown.period {   width: 50px;  }
.custom-dropdown.study-type { width: 90px; }
.custom-dropdown.annotations { width: 18%;  }
.custom-dropdown.timezone {  width: 16%; width: calc(46% - 160px);  }

@media (max-width: 550px){
.custom-dropdown.instruments  { width: 25%;   margin:0px 0px 0px 2px;  }
.custom-dropdown.chart-type {  width: 15%; width: calc(50% - 156px);  }
.custom-dropdown.period {  width: 50px;  }
.custom-dropdown.study-type {   width: 90px;  }
.custom-dropdown.annotations { width: 25%;  }
.custom-dropdown.timezone { display:none; }
}

@media (max-width: 450px){
.custom-dropdown.instruments  { width: 25%;   margin:0px 0px 0px 2px;  }
.custom-dropdown.chart-type {  width:33%; width: calc(75% - 154px);  }
.custom-dropdown.period {  width: 50px;  }
.custom-dropdown.study-type {   width: 90px;  }
.custom-dropdown.annotations { display:none;  }
.custom-dropdown.timezone { display:none; }
}

@media (max-width: 375px){
.custom-dropdown.instruments  { width: 33%;   margin:0px 0px 0px 2px;  }
.custom-dropdown.chart-type { width:43%; width: calc(67% - 60px);  }
.custom-dropdown.period {   width: 50px;  }
.custom-dropdown.study-type {  display:none;   }
.custom-dropdown.annotations { display:none;  }
.custom-dropdown.timezone { display:none; }
.ch-close { display:none; }
}

@media (max-width: 300px) {
    .custom-dropdown {
        font-size:10px;
    }
}

@media (max-height: 250px) {
    .custom-dropdown > div > ul {
        max-height: 100px !important;
    }
}

@media (max-height: 200px) {
    .custom-dropdown > div > ul {
        max-height: 60px !important;
    }
}

.ch-close { position:absolute; right:2px;  top:28px;  border:none;  border-radius:30px;}

.ch-closeButton { background-color:#808080; color:#fff; border-radius:30px;  border:none;}

.ch-breadcrumb{  padding: 3px;  margin-right: 5px;  border: 1px solid #ccc; border-radius: 3px;  background-color: #fff;  color: #333;  font-size: 10px;  cursor:pointer;}

.ch-breadcrumb-selected { color: #fff;  background-color: #428bca;  border-color: #357ebd;}

.ch-crosshair { position:absolute;  right:60px; top:28px;}

.ch-removeStudy { position:absolute;  right:80px; top:28px;  display:none;  }

.chart-floating-toolbar .chart-action-configure { display:none;}

.hide {
    display: none;
}
.noSupport {
    width: 50%; 
    height: 90%;
}