/*your custom css goes here*/

.border-soft-secondary {border-color: #D9EDD9 !important;background-color: #FFFFFF !important;}
.bg-soft-primary { background-color: #FFD700 !important; }

/*
@media (min-width: 356px){
.modal-dialog {margin: 1.5rem !important;}
}
*/
.myhomebut{
  background: #FF0436 !important; 
      padding-left: 15px;
      padding-right: 15px;   
}

@media (min-width: 1024px){
.newheadderadd {display: none; font-size: 13px !important; margin-top: 7px !important; margin-left: 8px !important; list-style: none;}
}


@media (min-width: 348px){
.newheadderadd {font-size: 13px !important; margin-top: 7px !important; margin-left: 8px !important; list-style: none;}
}

@media (min-width: 348px){
.registeradd {font-size: 13px !important; margin-top: 7px !important; margin-left: 0px !important; list-style: none; color: #325195; font-weight: bold;}
}
@media (min-width: 1024px){
    .registeradd{display: none;}
}
@media (max-width: 1024px){
    #lang-change {display: none !important;}
}

@media (min-width: 356px){
.col-lg-3{max-width: 50%;}
.col-md-4{max-width: 50%;}
.p-4 {padding: 0.5rem !important;}
}

.scroll {
    width:100%;
    overflow-x:scroll;
    border: 0px solid rgb(50, 81, 149);
    padding: 2px;

}

.scroll::-webkit-scrollbar {
    width: .1em;
    background: rgb(179, 209, 179);

}

.left-side-scroll {
    height: 1500px;
    overflow-y: scroll;
    border: 0px solid rgb(50, 81, 149);
    padding: 5px;

}

.left-side-scroll::-webkit-scrollbar {
    width: .5em;
}
.left-side-scroll::-webkit-scrollbar-thumb {
    background: rgb(50, 81, 149,);
}

.app-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.app-logo{
    height: 50px;
    width: 200px;
}
@media (max-width:768px){
    .mobile-display
    {
    display:none;
    }

}