/* AUTO — qa/refrules.mjs se: https://ranibook247.com/m/home "modal-container .modal-dialog" (mobile).
   Haath se mat badlo; dobara chalao. 23 rules, 6 elements. */
.rbsm { --theme1-bg: #1a3da6; --theme2-bg: #0f2462; --primary-color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); letter-spacing: normal; text-align: left; }
.rbsm *, .rbsm ::after, .rbsm ::before { box-sizing: border-box; }
.rbsm button { border-radius: 0px; }
.rbsm button:focus { outline: -webkit-focus-ring-color auto 5px; }
.rbsm button { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbsm button { overflow: visible; }
.rbsm button { text-transform: none; }
.rbsm [type="button"], .rbsm button { appearance: button; }
.rbsm ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbsm .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }
.rbsm .close:hover { color: rgb(0, 0, 0); text-decoration: none; }
.rbsm button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; }
.rbsm .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
.rbsm:not(.zz-ref):not(.zz-ref) .modal-dialog { transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; transform: translate(0px, -50px); }
.rbsm:not(.zz-ref):not(.zz-ref) .modal-dialog { transform: none; }
.rbsm .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }
.rbsm iframe.custom-ifrm { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: 100vh; }
.rbsm .full-width-modal { width: 100%; max-width: 100%; overflow-y: hidden; margin: 0px !important; }
.rbsm .full-width-modal .modal-content { height: 100vh; }
.rbsm .full-width-modal .modal-content { background-image: linear-gradient(var(--theme1-bg),var(--theme2-bg)); }
.rbsm button { color: rgb(0, 0, 0); }
.rbsm *, .rbsm :hover, .rbsm :focus { outline: 0px; }
.rbsm .modal-content { border-radius: 0px; }
.rbsm .btn-close { position: absolute; right: 15px; color: var(--primary-color); opacity: 1; top: 10px; font-size: 25px; }