#nidNumber, #DateOfBirth {
width: 100% !important;
line-height: 40px !important;
padding-left: 45px;
background: #f4f5f7;
border: none;
}
select#versionSelect {
width: 100% !important;
height: 40px !important;
padding-left: 45px;
background: #f4f5f7;
border: none;
}
.inputIcon {
margin-top: 10px;
}
form.py-5.text-center label {
float: left;
}
.inputIcon {
position: relative;
}
i.s_icon {
position: absolute;
padding-top: 12px;
width: 40px;
border-right: 1px solid #e9e9e9;
padding-bottom: 13px;
}
i.fa-triangle-exclamation {
position: absolute;
left: 50%;
top: 28%;
transform: translate(-50%, -50%);
font-size: 35px;
}
.modal_custom {
position: fixed;
width: 100%;
height: 100%;
background: #0000009c;
z-index: 11100;
overflow: hidden;
}
.alert.alert-danger {
top: 50%;
left: 50%;
width: 40%;
transform: translate(-50%, -50%);
line-height: 30px;
text-align: center;
position: relative;
padding: 60px 15px;
padding-bottom: 30px;
border-top: 5px solid #ffab00;
border-radius: 0 !important;
color: #ffab00;
background: white !important;
}
i.fa-solid.fa-xmark {
position: absolute;
top: 10px;
right: 10px;
font-size: 30px;
}
@media (max-width: 769px) {
.alert.alert-danger {
width: 80%;
line-height: 20px;
}
i.fa-triangle-exclamation {
position: absolute;
left: 50%;
top: 32%;
transform: translate(-50%, -50%);
font-size: 35px;
}
}
.hide {
display: none !important;
}
/* progress loding pdf*/
div#loddingPdf {
position: fixed;
background: #ffffff69;
width: 100%;
height: 100%;
left: 0%;
backdrop-filter: blur(6px);
z-index: 1000000;
display: none;
top: 0;
}
div#loddingPdf #progress_main {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
@import url("https://fonts.googleapis.com/css2?family=Zen+Tokyo+Zoo&display=swap");
svg {
font-family: "Zen Tokyo Zoo", sans-serif;
width: 300px; height: 100%;
}
svg text {
animation: stroke 3s infinite alternate;
stroke-width: 2;
stroke: #365FA0;
font-size: 30px;
}
@keyframes stroke {
0% {
fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1);
stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
}
70% {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); }
80% {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); stroke-width: 3; }
100% {
fill: rgba(72,138,204,1); stroke: rgba(54,95,160,0);
stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
}
}
.wrapper {background-color: #FFFFFF};
.swal2-popup.swal2-modal.swal2-icon-error.swal2-show {
background: #ebf5fc!important;
box-shadow: 1px 1px 5px 0px #e7e7e759;
}
.swal2-container.swal2-center.swal2-backdrop-show {
background: rgb(0 0 0 / 1%)!important;
}