.card {
    background-color: #fff;
    background-image: linear-gradient( 0deg,#fff,#f3f5f8);
    border: 2px solid #fff!important;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border-radius: 10px!important;
}
.loginDiv {
    background-color: #fff;
    background-image: linear-gradient( 0deg,#fff,#f3f5f8);
    border: 2px solid #fff!important;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border-radius: 10px!important;
}
.security-info {
    background-color: #fff;
    background-image: linear-gradient( 0deg,#fff,#f3f5f8);
}
.vertical-menu {
    background-color: #fff!important;
    background-image: linear-gradient( 0deg,#fff,#f3f5f8)!important;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff!important;
}
.dropdown-menu {
    background-color: #fff!important;
    background-image: linear-gradient( 0deg,#fff,#f3f5f8)!important;
    border-radius: 10px!important;
}
.form-control:hover {
    border-color: #0064ff;
}
.user-center_product {
    background-image: linear-gradient( 0deg,#fff,#f3f5f8);
    border: 2px solid #fff!important;
}
.modal-content {
    background-color: #fff;
    background-image: linear-gradient( 0deg,#fff,#f3f5f8);
    border: 2px solid #fff!important;
    border-radius: 10px!important;
}
.app-expense-alert {
    border-radius: 10px!important;
}
.form-control {
    border-style: dashed;
}
.table-main {
    border-style: dashed!important;
}
@media (max-width: 500px){
.loginDiv {
    background-color: #fff;
    background-image: linear-gradient( 0deg,#fff,#f3f5f8);
    border: 2px solid #fff!important;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border-radius: 0px!important;
}
}