.cardd-body{
    display: flex !important;
    width:100%;
}
.cardd{
        display: -webkit-box;
}
.mgtop5 {
    margin-top: 4%;
}
.scroll-bar1 {
    overflow: hidden;
}
.cpstop{
    padding-top:5%;
}
/*.scroll-bar2 {*/
/*    width: 100%;*/
/*    height: 600px;*/
/*    overflow: auto;*/
/*    padding-right: 15px;*/
/*}*/

.card1 {
           box-shadow: 0px 5px 5px 0px #212529, 0 0px 10px 0px #212529;
}
.shadowright2 {
  width: 1px;
    height: 200px;
    box-shadow: 5px 0 4px -2px #212529;
    margin-top: -2%;
    margin-left: -2%;
}
.shadowright {
    padding-top: 2%;
    width: 1px;
    height: 200px;
    box-shadow: 5px 0 4px -2px #212529;
    margin-top: -2%;
}

.card-body {
    padding-bottom: 0 !important;
}
.reffer-g {
    margin-bottom: 3%;
    margin-top: 5%;
    float: right;
    position: sticky;
}
.box1 {
    padding: 5% 0;
}
.refer-input {
    width: 60%;
    border-radius: 12px;
    border: 1px solid black;
    outline: none;
    padding: 0 2%;
}
.baltext1 {
    background-color: #bfd0fd !important;
    color: black;
    font-weight: 700;
    padding: 0 5%;
    margin-top: -0.5%;
}
.mgtopneg h3,.shadowright h3{
    font-size:18px;
}
.txt h3{
        font-size: 18px;
    font-weight: 700;
}
.cardd{
    padding: 3% 0;
}
.balmg1l2{
    margin-right: 5%;
    margin-left: 5%;
    color: black;
    background-color: #bfd0fd;
}
.input-group{
    width:75% !important;
    float:left;

}
.col-line hr {
    border: 0.5px solid #25d5e4 !important;
    /*color:#25d5e4;*/
}
.trans{
        width: 110%;
}
.mgtopneg button{
    margin-top:10%;
}