:root {
  --navbar-color: rgba(51, 54, 67, 1);
  --navbar-color-opacity: rgba(51, 54, 67, 0.85);
  --linear-gradient: linear-gradient(
    90deg,
    #00c0ff 0%,
    #ffcf00 49%,
    #fc4f4f 100%
  );
  --text-color: #dee5ee;
  --signal-color-yellow: #ea982a;
  --signal-color-red: #c11c3e;
  --signal-color-blue: #16afa3;
  --button-color: #44a4d1;
  --default-white-color: #ffffff;
}

input[type="radio"] {
  visibility: hidden;
}

input:checked + label {
  background-color: var(--button-color);
  color: var(--default-white-color);
}

select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  
}


/*------------------------------------*/

/*------------------------*/

.algo_banner_section {
  margin-top: 55px;
  background-color: var(--text-color);
}

/*-----------------------*/

.algo_list_section {
  min-height: 400px;
  padding-bottom: 100px;
  background-color: var(--text-color);
}

.times_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.times_item {
  display: block;
  background-color: var(--default-white-color);
  color: var(--navbar-color);
  text-align: center;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  margin-right: 5px;
  cursor: pointer;
}

.algo_list {
  list-style: none;
}

.algo_list li{
  padding-top: 5px;
  padding-bottom: 5px;
}
 
.algo_list_item {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 12px;
  background: var(--default-white-color);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  transition: 0.5s;
}

.algo_list_item:hover{
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
  transform: scale(0.98);
}

.item_name {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  text-align: left;
  color: var(--navbar-color);
}

.signal_text{
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: var(--navbar-color);
}


.signal_loss > p{
  color: var(--signal-color-red);
}

.signal_profit > p{
  color: var(--signal-color-blue);
}

.signal_open > p{
  color: var(--signal-color-yellow);
}

.signal_div{
  display: flex;
  justify-content: center;
  align-items: center;
}

.signal_div_container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.name_div{
  display: flex;
  justify-content: start;
  align-items: center;
}

.dropdown_div{
  position: relative;
  padding-bottom: 8px;
  padding-top: 8px;
  background-color: var(--default-white-color);
  border-radius: 30px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.divider{
  width: 100%;
  height: 1px;
  background-color: #707070;
  margin-top: 4px;
  margin-bottom: 4px;
}

.banner_subtext{
  margin-top: 10px;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 18px;
    color: var(--navbar-color);
}


/*------------------------------*/
/*Dropdown Style*/

.selectpicker{
  appearance: none;
  background-image: url(../assets/svg/arrow_down.svg);
  background-repeat: no-repeat;
  background-position: calc(100%-30px) center;
  padding-top: 4px;
  padding-bottom: 4px;
  border: none;
  width: 70%;
  font-weight: 600;
  font-size: 22px;
  color: var(--button-color);
}

.selectpicker:focus{
  border: none;

}.selectpicker:active{
  border: none;
}

.type_option{
  border:none;
  font-weight: 600;
  font-size: 16px;
}

.performance_desc{
  font-size: 14px;
  font-weight: 300;
  color: var(--navbar-color);
}