.ciq-chart-area, cq-side-panel{
    bottom: 0px;
}


.stx_candle_down {
	color: #dd6565;
    border-color: #dd6565;
}

.stx_candle_up {
	color: #5ca81d;
    border-color: #5ca81d;
}


cq-symbol{
	font-size: 24px!important;
    font-weight: 400;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    color: #747373;
}

#customPeriodicity{

    position: fixed;
    z-index: 3;
    left: 42%;
    top: 40%;
    padding: 20px;
    background:  #f8f8f8;
    /* box-shadow: 0 1px 10px 0 rgb(0 0 0 / 40%); */
     box-shadow:0 2px 4px rgb(0 0 0 / 20%);
    color: var(--color-text-1);
    /* min-width: 260px; */
    padding: 30px 20px;
    box-sizing: border-box;
    /* box-shadow: rgba(17, 17, 26, 1) 0px 4px 16px, rgba(17, 17, 26, 1) 0px 8px 24px, rgba(17, 17, 26, 1) 0px 16px 56px; */
}

cq-context.ciq-night #customPeriodicity{
    background:  #151f28;

}

/* cq-context.ciq-night input:-webkit-autofill :focus{
    transition:  background-color 5000s ease-in-out 0s;
} */
 #errormessage{
    text-align: center;
    font-size: 12px;
    color: rgb(250, 1, 1);
    
 }


 input[type='number']{
    width: 40px;

} 
#inputcontainer{
    position: relative;
    left: -25px;
}
#inputbox{
   text-align: right;
    outline: none;
    margin-left : -19px;
    padding: 10px 15px!important;
}
input[type=text] {
    width: 40px;
    
  }

#inputtitle{
    font-size: 12px;
    position: relative;
    display: inline-block;
    z-index: 5;
    top: -17px;
    left: 52px;
    pointer-events: none;
    background-color: #f8f8f8;
    padding: 0 5px;
    margin: 10px;
}

cq-context.ciq-night #inputtitle{
    background-color: #151f28;

}

#boxtitle  {
    text-align: center;	
}

#title{
    padding-left: 5px;
}

#closethis{
    position: relative;
    float: right;
    /* right: 5px; */
    bottom: 15px;
    /* width: 15px; */
    height: 20px;
    font-weight: 600;
    cursor: pointer;
    font-size: 13px;
    
}



#submitbutton{
    position: relative;
    left: 35%;
    top: 10px;
    outline: none;
    
}

.closebox{
    display: none;
}

.showbox{
    display: block;
}
@media (min-width:585px) {
cq-hu-static {
    
    width: fit-content;
    /* top: 0px !important; */
    margin-left: auto;
    right: 0px;
  }
}

cq-chart-title ,cq-hu-static{
    background: transparent !important ;
}