@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');


body{
  font-family:"Archivo";
}

.col-sm-3 {
  max-width:350px!important;
}

#ruleEntity button {
  border-radius: 0%;
  height: 35px;
  border: 1px #ccc solid;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}


#rule button {
  border-radius: 0%;
  height: 35px;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


@media only screen and (max-width: 767px) {
  
  .col-sm-3 {
    max-width:none!important;
  }
  
 #ruleEntity{
   height: 35px;
 }
 
 #ruleEntity button {
  border-radius: 0%;
  height: 35px;
  border: 1px #ccc solid;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#rule {
  height: 35px;
  margin-bottom: 10px;
}

#rule button{ 
  border-radius: 0%;
  height: 35px;
  border-left:1px #ccc solid;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-top: 0px;
}
 
}

.h2, h2{
  font-size: 50px;
  padding-left: 10px;
  font-weight: bold;
  font-family: Bebas Neue;
}

.filter-option-inner-inner{
  display:inline-flex;
}


.btn-default {
  width:100%;
}


.btn-danger{
  border-color:#f5f5f5;
    background-color:#858585;
}

.btn-danger.active{
  border-color:#f5f5f5;
    background-color:#F33619;
}


.pretty.p-switch.p-fill input:checked~.state.p-success:before {
  background-color: #F33619!important;
  border-color:#F33619!important;
}


.shiny-output-error-validation{
  font-size:24px;
  padding-top:10px;
}


.irs--shiny .irs-bar {
  top: 25px;
  height: 8px;
  border-top: 1px solid #F33619;
  border-bottom: 1px solid #F33619;
  background: #F33619;
}

.irs--shiny .irs-single {
  color: #fff;
    text-shadow: none;
  padding: 1px 3px;
  background-color: #F33619;
    border-radius: 3px;
  font-size: 11px;
  line-height: 1.333;
}

a {
  color: #F33619;
    text-decoration: none;
}



#rule{
padding:0px
}

#ruleEntity{
padding:0px;
}

#ruleRow{
padding-left:15px;
padding-right:15px;
}

p.query{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px!important;
    font-weight: 700!important;
}

.placeholderText{
  font-size:large;
  margin:40px;
}

li{
  margin-bottom:8px;
}