160 lines
2.8 KiB
CSS
160 lines
2.8 KiB
CSS
/* Alert Message */
|
|
.alert-msg,
|
|
.alert-success-msg {
|
|
position: fixed;
|
|
bottom: 15px;
|
|
right: 15px;
|
|
width: 380px;
|
|
padding: 15px;
|
|
border-radius: 8px;
|
|
background: #FFF;
|
|
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 16px 24px 0px rgba(0, 0, 0, 0.14);
|
|
overflow: hidden;
|
|
z-index: 2000;
|
|
}
|
|
|
|
.btn-alert-danger {
|
|
box-shadow: 0px 0px 100px 100px rgba(236, 88, 93, 0.2);
|
|
border-radius: 70px;
|
|
width: 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0;
|
|
}
|
|
|
|
.btn-alert-success {
|
|
box-shadow: 0px 0px 100px 100px rgba(0, 237, 81, 0.2);
|
|
border-radius: 70px;
|
|
width: 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0;
|
|
}
|
|
|
|
.border-msg {
|
|
background: #F04349;
|
|
width: 380px;
|
|
height: 3px;
|
|
bottom: 0;
|
|
backdrop-filter: blur(8px);
|
|
right: 0;
|
|
}
|
|
|
|
.border-success-msg {
|
|
background: #01E17B;
|
|
width: 380px;
|
|
height: 3px;
|
|
bottom: 0;
|
|
backdrop-filter: blur(8px);
|
|
right: 0;
|
|
}
|
|
|
|
.alert-msg-heading {
|
|
color: #2E2E2E;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.alert-msg p {
|
|
color: #3E3E3E;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
}
|
|
/* End Alert Message */
|
|
|
|
|
|
.validPass {
|
|
border-color: yellowgreen !important;
|
|
box-shadow: 0 0 5px 0.2rem rgb(154 205 50) !important;
|
|
}
|
|
.invalidPass {
|
|
border-color: #e50000 !important;
|
|
box-shadow: 0 0 7px 0.2rem rgb(205 50 50) !important;
|
|
color: #e50000 !important;
|
|
}
|
|
|
|
.error-box {
|
|
border-radius: 12px;
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 1366px) {
|
|
.alert-msg,
|
|
.alert-success-msg {
|
|
position: fixed;
|
|
bottom: 15px;
|
|
right: 15px;
|
|
width: 300px;
|
|
padding: 10px;
|
|
border-radius: 8px;
|
|
background: #DDD;
|
|
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 16px 24px 0px rgba(0, 0, 0, 0.14);
|
|
overflow: hidden;
|
|
z-index: 2000;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 992px) {
|
|
.alert-msg,
|
|
.alert-success-msg {
|
|
width: 45%;
|
|
}
|
|
|
|
.alert-msg-heading {
|
|
color: #2E2E2E;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.alert-msg p,
|
|
.alert-success-msg p {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
.alert-msg,
|
|
.alert-success-msg {
|
|
width: 60%;
|
|
}
|
|
|
|
.alert-msg-heading {
|
|
color: #2E2E2E;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.alert-msg p,
|
|
.alert-success-msg p {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 576px) {
|
|
.alert-msg,
|
|
.alert-success-msg {
|
|
width: 70%;
|
|
}
|
|
|
|
.alert-msg-heading {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.alert-msg p,
|
|
.alert-success-msg p {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|