File size: 3.39Kb
.web-dialog-fixed {
position: fixed;
bottom: 40px;
right: 40px;
}
.web-dialog-button {
border-radius: 100%;
width: 53px;
height: 53px;
border: 1px #A4B9D0 solid;
background-color: #DFE8F2;
color: #69809A;
overflow: hidden;
padding: 0px;
}
.web-dialog-notif {
border-radius: 12px;
padding: 2px 0.5em;
border: 2px white solid;
background-color: #F93872;
color: white;
display: inline-block;
font-size: 11px;
font-weight: bold;
position: absolute;
right: -3px;
top: -3px;
z-index: 1;
}
#web-dialog-modal {
position: fixed;
bottom: 0px;
right: 100px;
width: 360px;
height: 460px;
border-top: 5px #BACEE5 solid;
border-left: 5px #BACEE5 solid;
border-right: 5px #BACEE5 solid;
border-radius: 14px 14px 0 0;
background-color: white;
z-index: 10;
overflow: hidden;
text-align: left;
}
.web-dialog-modal-title {
height: 50px;
line-height: 50px;
border-bottom: 1px #BACEE5 solid;
text-align: left;
font-weight: bold;
padding: 0px 1em;
position: relative;
}
.web-dialog-modal-title-close {
height: 50px;
width: 50px;
position: absolute;
right: 0px;
border: none;
background: none;
color: #55687F;
}
.web-dialog-modal-title-close2 {
height: 50px;
width: 50px;
position: absolute;
right: 50px;
color: #55687F;
text-align: center;
}
.web-dialog-modal-title-close3 {
height: 50px;
width: 50px;
position: absolute;
right: 100px;
color: #55687F;
text-align: center;
border: none;
background: none;
}
.web-dialog-modal-title-close:hover, .web-dialog-modal-title-close2:hover, .web-dialog-modal-title-close3:hover {
background-color: #ECF5FF;
}
.content-mess-dialog {
height: 347px;
overflow-y: auto;
overflow-x: hidden;
}
.content-mess-dialog::-webkit-scrollbar { height: 8px; width: 8px; }
.content-mess-dialog::-webkit-scrollbar-button { display: none; }
.content-mess-dialog::-webkit-scrollbar-track { background-color: #909DA7; }
.content-mess-dialog::-webkit-scrollbar-track-piece { background-color: #ffffff; }
.content-mess-dialog::-webkit-scrollbar-thumb { height: 8px; width: 8px; background-color: #909DA7; border-radius: 4px; }
.content-mess-dialog::-webkit-scrollbar-corner { background-color: #909DA7; }
.content-mess-dialog::-webkit-resizer { background-color: #909DA7; }
.content-mess-dialog::scrollbar { height: 8px; width: 8px; }
.content-mess-dialog::scrollbar-button { display: none; }
.content-mess-dialog::scrollbar-track { background-color: #909DA7; }
.content-mess-dialog::scrollbar-track-piece { background-color: #ffffff; }
.content-mess-dialog::scrollbar-thumb { height: 8px; width: 8px; background-color: #909DA7; border-radius: 4px; }
.content-mess-dialog::scrollbar-corner { background-color: #909DA7; }
.content-mess-dialog::resizer { background-color: #909DA7; }
.dmg-error {
position: absolute;
top: 50px;
left: 0;
right: 0;
box-sizing: border-box;
padding: 8px;
color: white;
background-color: #FF5789;
font-size: 12px;
z-index: 10;
}
.web-dialog-button2 {
animation: dialog-button-pulse 2s infinite;
}
@keyframes dialog-button-pulse {
0% {
box-shadow: 0 0 0 0px rgba(5, 255, 97, 0.5);
}
100% {
box-shadow: 0 0 0 30px rgba(5, 255, 97, 0);
}
}