.submitButton .load{
    display: none;
}
.submitButton[disabled] .sub{
    display: none;
}
.submitButton[disabled] .load{
    display: block;
}
.input-error{
    border-color: #9e02028a !important;
}
.notice-board{
    position: fixed;
    display: none;
    width: 100%;
    background: #1f2330;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 20px 20px 0px 0px;
    padding: 20px;
  padding-top: 40px;
}
.close-panel{
  position: absolute;
  top: 9px;
  color: red;
  right: 21px;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}
.close-panel-modal{
  position: absolute;
  top: 57px;
  color: red;
  right: 30px;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}
.hide-show {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.hide-show-triger.hide svg.open{
  display: block;
}
.hide-show-triger.hide svg.hide{
  display: none;
}
.hide-show-triger.show svg.open{
  display: none;
}
.hide-show-triger.show svg.hide{
  display: block;
}

.min-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000d9;
    display: none;
    z-index: 999;
    align-items: center;
    justify-content: center;

}
.min-modal-body{
    padding: 10px;
  width: 87%;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.min-modal-body img{
   width: 130px;
  height: 130px;
    user-select: none;
    pointer-events: none;
}
.min-modal.show{
    display: flex;
}

.bot-handler{
   position: absolute;
  display: flex;
  width: 70%;
  height: 70%;
  align-items: center;
  justify-content: center;
  left: 0px;
  top: 0;
  background: #000000cf;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.bot-selector:hover .bot-handler{
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.modal-nav{
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;  
}
.modal-nav span{
    padding: 5px;
    background: #000000cf;
    text-align: center;
    cursor: pointer;
    user-select: none;
    border-radius: 10px;
    margin: 10px;
}
.modal-nav span.active{
    color: var(--color-primary);
}
.bot-handler span{
    flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
}
.modal-panel{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    padding: 20px;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #1f2330;
    padding-top: 40px;
    padding-bottom: 30px;
    overflow: hidden;
}
.allow-panel:last-child{
    border: 0px!important;
}
.modal-panel.auto{
    height: auto;
    border-radius: 20px 20px 0px 0px;
    padding-top: 20px;
}

.modal-panel.auto .close-panel-modal{
    top:20px;
}

.update-deposit{
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    padding: 20px;
    color: #000;
    padding-bottom: 30px;
}
.border-warning{
    border-color: var(--color-warning)!important;
}
.border-warning{
    border-color: var(--color-warning)!important;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.no-network{
    position: relative;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #bebebeab;
  animation: blinker 1s linear infinite;
}
.lockbalance{
    position: absolute;
  top: 84px;
  left: 0;
  padding-left: 10px;
  font-size: 18px;
}
.lockbalance:after{
    content: "Locked Balance";
  margin-left: 5px;
  font-size: 14px;
  color: #fff9;
  font-weight: 400;
}
.preview-img{
    position: absolute;
    display: block;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  top: 40px;
  left: 8px;
  background-size: cover;
  background-repeat: no-repeat;
}

.text-running{
    color: #04a1ff;
}

.fixed-scroller{
    position: fixed;
  display: block;
  width: 100%;
  height: calc(100% - 266px);
  left: 0;
  bottom: 68px;
  padding-right: 20px;
  padding-left: 8px;
  overflow: scroll;
}