.row {
  align-content: flex-start;
  }
  .request {  
   color: #fff;   
  letter-spacing: -1px;   
  background: #e74c3c;
  }
.toggle-btn{
width: 80px;
height: 40px;
margin: 10px;
border-radius: 50px;
display: inline-block;
position: relative;
background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==') no-repeat 50px center #e74c3c;
cursor: pointer;
-webkit-transition: background-color .40s ease-in-out;
-moz-transition: background-color .40s ease-in-out;
-o-transition: background-color .40s ease-in-out;
transition: background-color .40s ease-in-out;
cursor:pointer;
&.active{
  background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC') no-repeat 10px center #2ecc71;
  .round-btn{
    left: 45px;
  }
}
.round-btn{
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -15px;
  -webkit-transition: all .30s ease-in-out;
-moz-transition: all .30s ease-in-out;
-o-transition: all .30s ease-in-out;
transition: all .30s ease-in-out;
}
.cb-value{
  position: absolute;
  left:0;
  right:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor:pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}

 .board-list {
        padding: 10px;
        border: 1px solid #d1d1d1;
    }

    ul.area_group li a {
        padding: 0 5px;
        height: 22px;
    }

    .mb-3 img {
        margin-top: 40px;
        mix-blend-mode: multiply
    }

    .s_in_box {
        display: inline-block;
        margin: 10px 0 10px 0;
        height: 46px;
        vertical-align: bottom;
        letter-spacing: -1px;
        font-size: 12px;
        line-height: 44px;
    }

    .s_in_box .s_in_item {
        float: left;
        font-size: 12px;
    }

    .s_box .s_in_item .button.selected {
        position: relative;
        z-index: 110;
        color: #fff;
        border: 1px solid #888;
        background: #999;
        font-weight: bold;
    }

    .s_box .button {
        display: inline-block;
        height: 46px;
        padding: 0 26px;
        color: #888;
        background: #fff;
        font-size: 12px;
        line-height: 44px;
    }