.has-group-info{
    float: left;
    position: relative;
}
.has-group-info >.form-control {
    border-top-left-radius: 0px;
    border-left: 0px;
    border-bottom-left-radius: 0px;
    width:50%;
    max-width:unset;
}
.group-info{
    float: left;
    position: relative;
    max-width: unset;
    width: 50%;
    /*padding: 9px 0px 9px 15px;*/
    padding: 4px 0px 4px 15px;
    border: 1px solid #ececec;
    border-radius: 0.5rem;
    border-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: darkgrey;
    text-align: right;
}
.btn-primary{
    /*ff0057*/
    border:1px solid #fc0159 !important;
    background:transparent !important;
    color:#fc0159 !important;
}
.btn-danger{
    border:1px solid #ff0057 !important;
    background:linear-gradient(45deg, #cb137c 0%,#ff0057 100%) !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
    background-color: #535c74 !important;
    color:white !important;
}
.btn:hover,.btn:focus,.active_btn{
    color:#ff0057 !important;
    background:white !important;
    border:1px solid white !important;
    box-shadow: 0px 0px 5px #0000001f !important;
}
.main-panel{
    margin-top:10px !important;
}
.gradient-aqua-marine{
    background-image:linear-gradient(45deg, #535c74, #535c74);
}
.fade:not(.show){
    opacity:1;
    background-color:#00000030;
}
select.form-control{
    padding: 7px !important;
    border-radius: 0.5rem !important;
    min-height: 44.5px !important;
}

@media screen and (max-width:767px){
    .group-info{
       margin-bottom:10px;
    }
}

@media screen and (max-width: 480px){
    .group-info{
        font-size:13px;
    }
}
@media screen and (max-width: 375px){
    .group-info{
        font-size:10px;
    }
} 
@media screen and (max-width: 360px){
    .group-info{
        font-size:9px;
    }
} 
@media screen and (max-width: 320px){
    .group-info{
        font-size:8px;
    }
} 
@media screen and (max-width: 310px){
    .group-info{
        font-size:10px;
    }
} 